/* ####################### Design by Nguyễn Đình Thiên ######################### */ /* ####################### http://my.opera.com/thiendt5/blog/ ######################### */ /* ===================GENERAL======================= */ #wrap1 {padding-bottom:550px;background:url(http://files.myopera.com/thiendt5/NewMenu/Christmas.gif);} #wrap3 {width:920px;margin:0 auto;line-height:1.55;} #wrap4 {padding:0 15px;} /*Mau chu cua link tren blog*/ a{ text-decoration: none !important; color: #4094b7 !important; outline:none; } /*Mau chu cua link khi hover*/ a:hover{color:#C00 !important;} /* FIX IMG WIDTH AND SCALE */ #mainwrap img {max-width:619px;width:no_expressions_allowed_(this.width > 619 ? "619px" : this.width);} .imgleft img {max-width:290px !important;width:no_expressions_allowed_(this.width > 290 ? "290px" : this.width) !important;} .imgright img {max-width:290px !important;width:no_expressions_allowed_(this.width > 290 ? "290px" : this.width) !important;} /* Canh giua cac anh trong bai post */ .content img {display: block;margin-left: auto;margin-right: auto;} /* Khong canh giua cac bieu tuong, vi bieu tuong cung la img nen phai !important */ .smiley {display:inline !important} /* Dat quyen uu tien cho nhung anh canh trai hoac canh phai */ .alignleft img {clear: left;float: left;margin: 4px 15px 8px 0 !important} .alignright img {clear: right;float: right;margin: 4px 0 8px 15px !important} .aligncenter img {display: block;margin-left: auto;margin-right: auto;} /* =====================BODY INPUT=========================== */ body input[type="submit"], body input[type="button"] { border: 1px solid #cccccc; font-weight: bold; color: #1c94c4; margin-right: .1em; text-decoration: none !important; cursor:default; text-align:center; zoom: 1; font-size:11px; padding: .4em 1em; background:#f9f9f9 url(http://files.myopera.com/MyKhoangKhac/Skin/Cafe/Button00.png) 0 0 repeat-x; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; z-index:3; outline:none; } body input[type="submit"]:hover, body input[type="button"]:hover, body input[type="submit"]:focus, body input[type="button"]:focus { border: 1px solid #fbcb09; background: #fdf9e1 url(http://files.myopera.com/MyKhoangKhac/Skin/Cafe/Button00.png) 0 100% repeat-x; font-weight: bold; color: #c77405; outline:none; } body input[type="text"], body input[type="password"], body textarea { background:#f8f8f8; border:1px solid #ddd; padding:.5em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -khtml-border-radius:4px; } body input[type="text"]:hover, body input[type="password"]:hover, body textarea:hover { border:1px solid #fbcb09; background:#fdf5ce; } body input[type="text"]:focus, body input[type="password"]:focus, body textarea:focus { border:1px solid #fbcb09; background:#f8f8f8; } /* ==================TOP====================== */ /* FONT CUA TOP */ @font-face {font-family:"matrix";src: url("http://files.myopera.com/thiendt5/Font/Matrix.ttf") format("truetype");} @font-face {font-family:"digital";src: url("http://files.myopera.com/thiendt5/Font/digifaw.ttf") format("truetype");} @font-face {font-family:"aliensolid";src: url("http://files.myopera.com/thiendt5/Font/ALIEES__.TTF") format("truetype");} @font-face {font-family:"vniaztek";src: url("http://files.myopera.com/thiendt5/Font/VAZTEK.TTF") format("truetype");} #top {height:570px;background:none;} #top2 {line-height:0.2;float:right;text-align:right} /* Chu tren tieu de banner - dong tren */ #top h1 {font-family:"matrix";font-size:30px;margin-top:10px} /* Chu tren tieu de banner - dong duoi */ #subtitle { width:500px; font-family:Arial,Tohama,sans-serif ; font-style:italic; font-size:17px; color:#000; } #edittitle {margin-top:-40px} input#subtitle {width:240px;padding:2px} /* =================NAVIGATION====================== */ #logo {display:none !important} #header {border: none !important;background:none;-moz-box-shadow:none;box-shadow:none;} #header [aria-haspopup] li {background: #000000;-moz-border-radius: 4px;border-radius:4px;} #header [aria-haspopup] ul {border-top:none;-moz-border-radius:8px} #nav {position:absolute;top:76px;left:-140px;z-index:1;-moz-border-radius:4px;border-radius:4px;-moz-box-shadow:1px -1px 5px #000;box-shadow:1px -1px 5px #000;-webkit-box-shadow:1px -1px 5px #000;background: url(http://files.myopera.com/thiendt5/New_Skin/NavigationColorRed.png)} #nav [aria-haspopup] > a {line-height: 10px;padding:25px 0px 0px 55px;font-size: 10px;} #nav li[aria-haspopup] a {height:30px;} #nav li[aria-haspopup] {margin:0;padding-right:20px;} #nav li a {color: #FFFFFF !important;font-size: 12px;border:none;} #nav li ul a{background:none !important} #nav .menu-user a{background:url(http://files.myopera.com/thiendt5/NewMenu/IconNavHome.png) left no-repeat} #nav .menu-community a {background: url(http://files.myopera.com/thiendt5/NewMenu/IconNavCommunity.png) left no-repeat} #nav .menu-opera a {background: url(http://files.myopera.com/thiendt5/NewMenu/IconNavOpera.png) left no-repeat} #user .messages {background:url(http://files.myopera.com/thiendt5/NewMenu/IconUserMessage.png) no-repeat;width:48px;opacity:0.7} #user .messages:hover {background:url(http://files.myopera.com/thiendt5/NewMenu/IconUserMessage.png) no-repeat;transform: translate(1px, -1px);-moz-transform: translate(1px, -1px);-o-transform: translate(1px, -1px);-webkit-transform: translate(1px, -1px);opacity:1} #user .settings {background:url(http://files.myopera.com/thiendt5/NewMenu/IconUserSetting.png) center no-repeat;opacity:0.7} #user .settings:hover {background:url(http://files.myopera.com/thiendt5/NewMenu/IconUserSetting.png) center no-repeat;transform: translate(1px, -1px);-moz-transform: translate(1px, -1px);-o-transform: translate(1px, -1px);-webkit-transform: translate(1px, -1px);opacity:1} #user .friends {background:url(http://files.myopera.com/thiendt5/NewMenu/IconUserAddFriend.png) center no-repeat;opacity:0.7} #user .friends:hover {background:url(http://files.myopera.com/thiendt5/NewMenu/IconUserAddFriend.png) center no-repeat;transform: translate(1px, -1px);-moz-transform: translate(1px, -1px);-o-transform: translate(1px, -1px);-webkit-transform: translate(1px, -1px);opacity:1} #user {position:absolute;top:84px;left:410px;z-index:1;} #user li a {background:none !important;color: #FFFFFF !important;font-size: 12px;border:none !important;} #user [aria-haspopup] {width:50px} #user [aria-label]:hover::after {background:#111 !important; border-radius:12px !important; -moz-border-radius:12px !important; -webkit-border-radius:12px !important; border:2px solid #333 !important; top: -20px !important; width: 120px !important; left: -35px !important;} #nav li ul[id^="menu-"], #user .settings ul {background:#111 !important; border-radius:12px !important; -moz-border-radius:12px !important; -webkit-border-radius:12px !important; border:2px solid #333 !important;} #nav li ul[id^="menu-"] li a, #user .settings ul li a {background:#111 !important; border:0 !important;} #user .settings ul li a {color: #FFFFFF !important;font-size: 12px;height:30px;} #nav li ul[id^="menu-"] li a:hover, #user .settings ul li a:hover {background:#666 !important; color:#000 !important; text-shadow:0px 1px 0px #999; box-shadow:inset 0px 16px 14px #999; -moz-box-shadow:inset 0px 16px 14px #999; -webkit-box-shadow:inset 0px 16px 14px #999;} #nav li ul[id^="menu-"] li:first-child, #nav li ul[id^="menu-"] li:first-child a, #user .settings ul li:first-child, #user .settings ul li:first-child a {border-radius:11px 11px 0 0; -moz-border-radius:11px 11px 0 0; -webkit-border-radius:11px 11px 0 0;} #nav li ul[id^="menu-"] li:last-child, #nav li ul[id^="menu-"] li:last-child a, #user .settings ul li:last-child, #user .settings ul li:last-child a {border-radius:0 0 11px 11px; -moz-border-radius:0 0 11px 11px; -webkit-border-radius:0 0 11px 11px;} /* ================BODY================== */ body { background:#000 url(http://files.myopera.com/thiendt5/New_Skin/BodyAutumn_resize.jpg) center no-repeat; background-attachment: fixed; font-family:Arial,Tohama,sans-serif ; font-size:13px; } /* =================GENERAL SIDEBAR=================== */ #side { display:block;clear:both; } /* DOI CHIEU MAIN<->SIDEBAR --- TRAI<->PHAI */ #content {margin:0;position:relative;text-align:left; font-family:Arial, Helvetica, sans-serif !important;font-size:13px;/*Hien thi tot TV tren cac trinh duyet*/ display:block;width:900px;padding:10px 0 0 0;} #mainwrap {display:block;width:645px;margin:0;padding:0;float:right;overflow:hidden;} #sidewrap {display:block;width:240px !important;margin:0;padding:0;float:left;position:relative;overflow:visible;} /* TIEU DE SIDEBOX */ #side h2 { height:48px;border:none; padding:14px 5px 0 54px; margin:0 0 1px 0; border-radius: 8px; -moz-border-radius: 8px; box-shadow: -1px 1px 1px #FFFFFF inset; -moz-box-shadow: -1px 1px 1px #FFFFFF inset; -webkit-box-shadow: -1px 1px 1px #FFFFFF inset; cursor: pointer; background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideH2.png) left no-repeat; display: inline-block; font: 24px Calibri,Arial,sans-serif; text-shadow:2px 2px 2px #fff; } #albumpix h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSidePhotos.png) left no-repeat;} #qp h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideProfile.png) left no-repeat;} #friendz h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideFriend.png) left no-repeat;} #shoutbox h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideShoutbox.png) left no-repeat;} #newcomments h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideLastComment.png) left no-repeat;} #poll h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSidePoll.png) left no-repeat;} #tagcloud h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideTag.png) left no-repeat;} #visitors h2 {background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideRecentVisitor.png) left no-repeat;} /* TIEU DE CALENDAR */ #side caption { height:48px;border:none; padding:14px 5px 0 54px; margin:0 20px 1px 0; border-radius: 8px; -moz-border-radius: 8px; box-shadow: -1px 1px 1px #FFFFFF inset; -moz-box-shadow: -1px 1px 1px #FFFFFF inset; -webkit-box-shadow: -1px 1px 1px #FFFFFF inset; cursor: pointer; background: url(http://files.myopera.com/thiendt5/NewMenu/IconSideCalendar.png) left no-repeat; font: 24px Calibri,Arial,sans-serif;text-align:left; text-shadow:2px 2px 2px #fff; } /* SIDEBOX LIST */ .sidebox {margin-bottom:15px; /* Khoang cach giua cac box */ margin-left:0px; /*De sidebar rong du 240px nhu mac dinh*/ } #side ul { list-style-type: none; /*cai nay đe loai bo cham den*/ padding-left:15px; /*tang len neu muon no dich vao trong*/ } /* MY QUICK PROFILE */ #myphoto img, fieldset { border: medium solid Coral; height: 176px; width: 235px; } #mystatus { background: url("http://files.myopera.com/thiendt5/New_Skin/bg_post.png") repeat scroll 0 0 transparent; border: 1px solid #BEBEBE !important; margin: 0; overflow: hidden; padding: 0; } /* SIDEBOX PAD */ .sidebox .pad{ background: url(http://files.myopera.com/thiendt5/New_Skin/bg_post.png);border:1px solid #bebebe !important;padding:0;overflow:hidden; /* Bo tron goc - Khi duyet bang cac trinh duyet khac */ border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; /* Bo tron goc - khi duyet bang Firefox hoac Safari */ -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; } #qp .pad {background:none;border:none !important;} /* TIEU DE SIDE H2 (TIÊU ĐỀ MỖI BOX), CHỈ HIỂN THỊ TRÊN OPERA. CÁC BẠN CÓ THỂ SỬA TÊN, NẾU MUỐN. #qp h2 {content:"Nguyễn Đình Thiên";} #albumpix h2 {content:"Thư viện ảnh";} #friendz h2 {content:"Bạn bè";} #shoutbox h2 {content:"Chat";} #newcomments h2 {content:"Bình luận mới nhất";} #poll h2 {content:"Thăm dò ý kiến";} #tagcloud h2 {content:"Thẻ";} #visitors h2 {content:"Khách ghé thăm gần đây";} */ /* =======================CALENDAR========================= */ #calendar {background: transparent;width:240px;} #calendar th {border: 1px solid #bebebe;color:#9400d3;} #calendar td {border:thin dotted;background-color:rgba(77, 5, 150, 0.4);} #calendar tfoot {border:none;background-color:rgba(77, 5, 50, 0.4);} #prevmonth {float:left;font-size:12px;font-weight:bold;} #nextmonth {float:right;font-size:12px;font-weight:bold;} /* =======================SHOUTBOX========================= */ #side .usercom {margin:0;} #side .usercom a, #side .usercom a:visited {text-decoration:none;} #side .usercom a:hover {text-decoration:none;} #shoutbox .userpic { border: thin solid Coral; float: right; width: 40px;height: 30px; padding:3px;border: thin solid CadetBlue; } #shout-form {padding:10px} #shoutbox li {margin-right:10px;border-bottom:1px solid #bebebe} #shoutbox ul {padding-left:10px;} #shout-list li p {margin:5px;} #shoutbox .shout {padding-bottom:5px;} #shoutbox .userpic {} #submitshout {width:40px;margin-left:5px;} #shoutbox blockquote { color: #006400; cursor: text; font-size: 11px; font-weight:bold; margin: 0; padding-left: 2px; } /* =======================COMMENTS=========================== */ #newcomments .userpic { border: thin solid CadetBlue; float: right; height: 30px; padding:3px; width: 40px; } #newcomments .username {color:#8a2be2 !important;} #newcomments b {color:#8a2be2 !important;} #newcomments p {margin:0;padding:0px;width:222px;} #newcomments li {padding:6px 0;margin-right:10px;border-bottom:1px solid #bebebe} #newcomments .usertext {font: 12px Calibri,Arial,sans-serif;} /* ======================COMMENT IN POST====================== */ .comments {background-image: url(http://files.myopera.com/thiendt5/New_Skin/bg_post.png); border:1px solid #bebebe !important;cursor:text; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .comments h3 {width:100px;margin:15px 5px;padding-bottom:20px;color:#FF00FF;} .comment1, .comment2, .ownercomment {margin: 15px 5px;padding:5px 0px;background: url(http://files.myopera.com/thiendt5/NewMenu/PreventEntry1.gif) bottom center no-repeat;} .comment-by {font-size:0.85em;margin:0;color:#FF00FF;} .comments .text {margin:0 0 0px 72px;color:#0000FF;padding-bottom: 60px;} .avatar { background: none repeat scroll 0 0 #FFFFFF; display: block; float: left; height: 62px; margin: 0 10px 0 0; overflow: hidden; position: relative; width: 62px; } .avatar a, .avatar span { display: block; padding: 5px; border: 1px solid #DDDDDD !important; } #comment {width:520px;height:150px;} .editcomment {font-size:0.8em;margin:0;} #newcomment h3 { content:"Vui lòng để lại comment. Cám ơn"} /* ==============POLL==============*/ #pollquest {text-align:center;} /* ================TAG================== */ #tagcloud li {display:inline;padding-right:15px} #tagcloud .size1 {font-size:11px} #tagcloud .size5 {font-size:13px;font-weight:bold} /* ===========================MENU============================= */ #menu{ -moz-border-radius: 10px;border-radius:10px;border:2px solid #ffa500 !important; position:absolute;top:130px;display:block;width:890px;height:500px;background:url(http://files.myopera.com/thiendt5/NewMenu/MenuBgrdAutumn_resize.jpg) no-repeat;border:none;} #menu ul { list-style-type:none; position:relative;margin:0;padding:0;} #top #menu a, #menu a, #menu a:link, #menu a:visited, #menu a:active {position:absolute;margin:0;padding:0;} #top #menu a span, #menu a span {display:none;} #menu_blog a, #menu_blog a:link, #menu_blog a:visited {left:421px;top:226px;width:48px;height:48px;background:url(http://files.myopera.com/thiendt5/NewMenu/Blog.png) no-repeat !important; } #top #menu_blog a:hover, #menu_blog a:hover {left:409px;top:214px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/BlogHover.png) no-repeat !important;} #menu_blog a#selected, #menu_blog a#selected:link, #menu_blog a#selected:hover, #menu_blog a#selected:visited {left:409px;top:214px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/BlogHover.png) no-repeat !important;} #menu_albums a, #menu_albums a:link, #menu_albums a:visited {left:421px;top:301px;width:48px;height:48px;background:url(http://files.myopera.com/thiendt5/NewMenu/Photos.png) no-repeat !important; } #top #menu_albums a:hover, #menu_albums a:hover {left:409px;top:287px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/PhotosHover.png) no-repeat !important;} #menu_albums a#selected, #menu_albums a#selected:link, #menu_albums a#selected:hover, #menu_albums a#selected:visited {left:409px;top:287px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/PhotosHover.png) no-repeat !important;} #menu_archive a, #menu_archive a:link, #menu_archive a:visited {left:421px;top:151px;width:48px;height:48px;background:url(http://files.myopera.com/thiendt5/NewMenu/Archive.png) no-repeat !important; } #top #menu_archive a:hover, #menu_archive a:hover {left:409px;top:140px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/ArchiveHover.png) no-repeat !important;} #menu_archive a#selected, #menu_archive a#selected:link, #menu_archive a#selected:hover, #menu_archive a#selected:visited {left:409px;top:140px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/ArchiveHover.png) no-repeat !important;} #menu_friends a, #menu_friends a:link, #menu_friends a:visited {left:346px;top:226px;width:48px;height:48px;background:url(http://files.myopera.com/thiendt5/NewMenu/Friends.png)no-repeat !important; } #top #menu_friends a:hover, #menu_friends a:hover {left:336px;top:214x;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/FriendsHover.png) no-repeat !important;} #menu_friends a#selected, #menu_friends a#selected:link, #menu_friends a#selected:hover, #menu_friends a#selected:visited {left:336px;top:214x;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/FriendsHover.png) no-repeat !important;} #menu_about a, #menu_about a:link, #menu_about a:visited {left:495px;top:226px;width:48px;height:48px;background:url(http://files.myopera.com/thiendt5/NewMenu/About.png)no-repeat !important; } #top #menu_about a:hover, #menu_about a:hover {left:481px;top:214px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/AboutHover.png) no-repeat !important;} #menu_about a#selected, #menu_about a#selected:link, #menu_about a#selected:hover, #menu_about a#selected:visited {left:481px;top:214px;width:72px;height:72px;background:url(http://files.myopera.com/thiendt5/NewMenu/AboutHover.png) no-repeat !important;} /*====================================================================*/ /* ======================BLOG POST======================= */ .post { background: url(http://files.myopera.com/thiendt5/NewMenu/PreventEntry5.gif) bottom center no-repeat, url(http://files.myopera.com/thiendt5/New_Skin/bg_post.png); border-left:1px solid #bebebe !important; border-right:1px solid #bebebe !important; cursor:text; overflow:hidden; padding-bottom:40px; } #firstpost { border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top:1px solid #bebebe !important; } #lastpost { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom:1px solid #bebebe !important;margin-bottom:15px; } .post .title { padding:24px 8px 5px 75px;margin-left:20px;margin-bottom:0; background: url(http://files.myopera.com/thiendt5/NewMenu/IconPostTitle1.png) left no-repeat; font-family:Arial,Tohama,sans-serif ; font-size:24px; font-weight:bold; text-align:left; } .title a, .title a:link, .title a:visited {color:#0000CD;} .title a:hover, .post .tags a:hover {color:#20B2AA;font-weight:bold;} .postdate {padding:0 32px;margin:0 0 5px 66px;height:24px; background:transparent url(http://www.iconarchive.com/icons/ph03nyx/super-mario/24/Shyguy-Red-icon.png) 4px center no-repeat;} .post .tags {padding:0 32px;margin:0; margin-left:66px;height:24px; background:transparent url(http://www.iconarchive.com/icons/ph03nyx/super-mario/24/Shyguy-Green-icon.png) 4px center no-repeat;} .post .content{ width:619px; margin:30px 0 10px 10px; padding:0; overflow:hidden; font-size:13px; text-align:justify; } .post pre {font: 12px Calibri,Arial,sans-serif;margin:10px;padding:0 10px;border:1px solid #ddd; -moz-box-shadow: 1px 1px 10px #222; -webkit-box-shadow: 1px 1px 10px #222; box-shadow: 1px 1px 10px #222; display: inline-block; } .post .buttons {margin-left:10px;} .post .postinfo {font-size:12px;font-weight:bold;text-align:center;} .post .sticky { background:transparent url(http://files.myopera.com/thiendt5/New_Skin/StickyPost.png) right no-repeat; float:right; /* Lam chu~ sticky post o goc ben phai cua entry */ margin-right:5px; font-size:0.85em; padding:20px 40px 20px 8px; height:26px; line-height:20px; } /* POSTNAV VA PAGENAV */ /* Postnav dung de chinh dong chu~ phia duoi moi~ entry, PreviousEntry va NextEntry */ .postnav { background-image: url(http://files.myopera.com/thiendt5/New_Skin/bg_post.png); height:2em;line-height:2em;margin:0;margin-bottom:40px;padding:5px; border-left:1px solid #bebebe !important;border-right:1px solid #bebebe !important; border-bottom:1px solid #bebebe !important; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; } .postnav .prv {width:49%;float:left;} .postnav .nxt {width:49%;float:right;text-align:right;} .postnav a:hover {background: none repeat scroll 0 0 #FFFACD;border: 1px solid #000000;padding:3px; color: #FFFFFF;} /* Pagenav dung de chinh dong chu~ duoi cung cua blog EX:1 2 3 4 5 ... 9...Showing posts 1 - 5 of 43 */ .pagenav { clear: both; line-height: 1.1; margin: 0; padding-top: 0px; padding-bottom: 50px; } .pagenav b, #main .pagenav a:hover { background: none repeat scroll 0 0 #32CD32; border: 1px solid #000000; color: #FFFFFF; } .pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav b { background: none; border: 1px solid #AAAAAA; color: #000000; font-weight: bold; line-height: 1.3; margin:0; padding: 2px 6px; text-decoration: none; } /* ======================SOCIAL NETWORK=========================== */ /* SOCIAL NETWORK TREN POST */ #share { background-image: url(http://files.myopera.com/thiendt5/New_Skin/bg_post.png); margin:0;border-left:1px solid #bebebe !important;border-right:1px solid #bebebe !important; } /* SOCIAL NETWORK TREN TRANG CHU BLOG VA ABOUT */ .social_box {position: fixed; top: 10%; right: 52px; width: 32px;} .social_box img {margin: 0 0 1px; opacity: 0.2;} .social_box img:hover {margin: 1px 0 0; opacity: 0.9;} /* ============HIDE TOPBAR VA MY OPERA COMMUNITY================ */ #sitelang {display:none; /* Hide Site Language */ } #footer-promo, #header-promo {display:none;} #footer #operatxtad { background:transparent; border:none; clear: both; display: block; font-size: 11px; padding: 5px 0; text-align: center; } /* ======================FRIENDZ======================= */ #friendz li {float:left;width:84px;height:77px;text-align:center; position: relative; background-color: #4D0532; background-color: rgba(77, 5, 50, 0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#664D0532',EndColorStr='#664D0532'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#664D0532',EndColorStr='#664D0532')"; /* IE8 */ padding: 7px; margin: 10px; text-align: center; -moz-box-shadow: 1px 1px 3px #222; -webkit-box-shadow: 1px 1px 3px #222; box-shadow: 1px 1px 3px #222; -moz-transform: skew(4deg, -10deg); -webkit-transform: skew(4deg, -10deg); -o-transform: skew(4deg, -10deg); transform: skew(4deg, -10deg); } #friendz li:hover { -moz-transform: scale(1.175) rotate(360deg); /* FF3.5+ */ -o-transform: scale(1.175) rotate(360deg); /* Opera 10.5 */ -webkit-transform: scale(1.175) rotate(360deg); /* Saf3.1+, Chrome */ -ms-transform: scale(1.175) rotate(360deg); /* IE9 */ transform: scale(1.175) rotate(360deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=2.4492935982947064e-16, M21=-2.4492935982947064e-16, M22=1); /*IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=2.4492935982947064e-16, M21=-2.4492935982947064e-16, M22=1,sizingMethod='auto expand')"; /* IE8 */ } #friendz a:link, #friendz a:visited, #friendz a:active {display:block;padding:6px 7px;} #friendz img {display:block;width:70px;height:55px;margin-bottom:3px;} #friendz a {text-decoration:none;display:block;} #friendz ul {padding-left: 0px; /* Nh? th? này s? có 2 friends 1 hàng, t?ng lên n?u mu?n nó d?ch vào trong*/} /* ========================VISITOR========================== */ #visitors li, #visitors a:link, #visitors a:visited, #visitors a:active, #myfavs a:link, #myfavs a:visited {background:#eee url(http://files.myopera.com/thiendt5/New_Skin/visitors.png);} /* Nhu the nay se có 3 visitor 1 hang, tang len neu muon no dich vao trong*/ #visitors ul {padding-left: 2px;} #visitors a, #visitors a:link, #visitors a:visited, #myfavs a, #myfavs a:link, #myfavs a:visited { display:block;text-decoration:none;padding:5px;} #visitors li, #myfavs li {float:left;width:78px;height:78px;text-align:center;font-size:0.8em; overflow:hidden;} #visitors img, #myfavs img {display:block;width:68px;height:51px;margin-bottom:1px;} /* ==========================ABOUT========================== */ /* Loai bo dau cham tren list */ .nobullets {list-style-type:none;} #personal .nobullets {list-style-type:none;color:#0000FF;} #ff .nobullets {list-style-type:none;color:#0000FF;} #aboutwork {list-style-type:none;color:#0000FF;} #aboutme {list-style-type:none;color:#0000FF;} #whyopera p {list-style-type:none;color:#0000FF;} #dlopera {display:none;} #grouplist {list-style-type:none;color:#0000FF;} #personal { border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; padding-bottom:50px !important; background: url(http://files.myopera.com/thiendt5/NewMenu/PreventEntry5.gif) bottom center no-repeat; background-color:#FFF5EE; border:1px solid #bebebe !important;border-bottom:none !important;cursor:text;padding:10px 10px;margin:0;} #ff {padding-bottom:50px !important; background: url(http://files.myopera.com/thiendt5/NewMenu/PreventEntry5.gif) bottom center no-repeat; background-color:#FFF5EE; border-left:1px solid #bebebe !important;border-right:1px solid #bebebe !important;cursor:text;padding:10px 10px;margin:0;} #aboutwork {padding-bottom:50px !important; background: url(http://files.myopera.com/thiendt5/NewMenu/PreventEntry5.gif) bottom center no-repeat; background-color:#FFF5EE; border-left:1px solid #bebebe !important;border-right:1px solid #bebebe !important;cursor:text;padding:10px 10px;margin:0;} #aboutme {padding-bottom:50px !important; background: url(http://files.myopera.com/thiendt5/NewMenu/PreventEntry5.gif) bottom center no-repeat; background-color:#FFF5EE; border-left:1px solid #bebebe !important;border-right:1px solid #bebebe !important;cursor:text;padding:10px 10px;margin:0;} #whyopera {padding-bottom:50px !important; background: url(http://files.myopera.com/thiendt5/NewMenu/PreventEntry5.gif) bottom center no-repeat; background-color:#FFF5EE; border-left:1px solid #bebebe !important;border-right:1px solid #bebebe !important;cursor:text;padding:10px 10px;margin:0;} #grouplist { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; padding-bottom:50px !important; background-color:#FFF5EE; border:1px solid #bebebe !important;border-top:none !important;cursor:text;padding:10px 10px;margin:0;} #personal h2 {color:#FF00FF;} #ff h2 {color:#FF00FF;} #aboutwork h2 {color:#FF00FF;} #aboutme h2 {color:#FF00FF;} #whyopera h2 {color:#FF00FF;} #grouplist h2 {color:#FF00FF;} #personal #mystatus {background:none;border:none !important;} /* LINKS */ #favlinks .box {background: url(http://files.myopera.com/thiendt5/New_Skin/bg_post.png);border:1px solid #bebebe !important;padding:0;border-top-right-radius: 4px;border-top-left-radius: 4px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;-moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;} /* ===========================ALBUMS=========================== */ #albums{clear:both}#albums a,#albums a:visited{color:#111}#albums p,#albums h3{font-size:11px;color:#777;margin:6px 0}#albums li{overflow:hidden;display:inline;float:left;width:306px;margin:0}#albums li.first{margin-left:0;clear:left}#albums li.album2{float:right} .albuminfo{background-color: rgba(77, 500, 5, 0.3);border:1px solid #ccc;padding:8px;margin-bottom:8px}.albumimage img{display:block;width:288px;height:216px}#main #albums .buttons{clear:both;margin:8px 0 0 0;width:100%;padding:0}#albums .buttons a,#albums .buttons a:link,#albums .buttons a:visited,#albums .buttons a:active{margin-bottom:0}#albums .albumname{font-weight:bold;font-size:13px}.editimg{margin:6px 0}#albums a:hover{cursor:pointer;text-decoration:none}#slideshowbutton a{margin:0 !important}#albumheader{margin:0 0 6px 0;line-height:1.1}#mypix{width:100%;clear:both} #mypix li{background-color: rgba(77, 500, 5, 0.3);position:relative;width:258px;height:223px;float:left;margin-top:20px}#mypix .thumb:hover{border-color:#999} #mypix li.pic2{float:right;margin-right: 110px;} #mypix .thumb{width:256px;height:221px;display:block;border:1px solid #ccc}#mypix .thumb img{width:240px;height:180px;margin:8px 8px 33px 8px} #mypix a:link,#mypix a:visited{display:block;text-decoration:none}#mypix a:hover{cursor:pointer;text-decoration:underline;color:#27a}.photoviews{position:absolute;bottom:16px;left:8px}.photocomments{position:absolute;bottom:16px;right:8px}#mypix p{font-size:11px;line-height:1;color:#999;margin:0}#mypix a:link,#mypix a:visited{color:#555}div.access{clear:both;border:1px dotted #cacac1;background:#f8f8f5;margin-top:10px;padding:5px 10px}div.access p{margin:0;font-size:0.85em}.albumdate,.albumtags,.albumdescription,#album-mms,.albumowner{font-size:11px;color:#666;margin:2px 0 10px 0}.albumowner{margin-bottom:0}#album-mms{margin:2px 0;color:#111}#fav-album{margin-top:10px}.pagenav{border:none}#frame1 h2{background:#f1f1f1;-webkit-box-shadow:inset 0 10px 10px rgba(255,255,255,0.8);-moz-box-shadow:inset 0 10px 10px rgba(255,255,255,0.8);box-shadow:inset 0 10px 10px rgba(255,255,255,0.8);border-bottom:1px solid #aaa;clear:both;color:#111;font-size:12px;height:27px;line-height:27px;margin:0 0 1px 0;padding:0 10px}#frame1{margin:1px 0 10px 0;width:100%;background:#eee}#frame1 h2{clear:none;text-align:left}#frame1 h2 a,#frame1 h2 a:visited,#imgnav p a,#imgnav p a:visited{color:#000}#imgnav{border:1px solid #ddd;border-bottom:1px solid #ccc}#imgnav div{width:100%;padding-top:6px}#frame1 #imgnav p{font-size:11px;left:10px;color:#999}#imgdesc{clear:left;font-size:11px}#exif dt,#exif dd{border-top:1px solid #ddd}#frame1{clear:both;width:100%;max-width:640px;position:relative}#bigimg img{display:block}#bigimg{margin-bottom:1px;text-align:center;z-index:999}#frame1 .buttons{margin-top:4px}.scaled{width:640px}#side .preview{float:left;width:118px;height:108px;margin:0 0 4px 0;text-align:center}#side #p2{float:right}.preview img{margin-bottom:3px}.preview a:link,.preview a:visited,.preview a:active{text-decoration:none;display:block;padding:7px;background:#eee url(/community/graphics/main/sprites2.png) -244px 0 no-repeat;;line-height:13px;color:#222}.preview a:hover{background-position:-362px 0}#exif{margin:0;width:230px}#exif dt{clear:both}#exif dt,#exif dd{float:left;width:76px;overflow:hidden;margin:0;padding:1px 0}#exif dd{float:right;width:144px}#exif .filename{border:none}#sharealbum div{text-align:right}#sharealbum label{display:block;float:left;width:90px;text-align:left;margin-bottom:4px}#sharealbum input{width:130px;margin-bottom:4px}#imgnav ul{left:10px}.rate-it{padding-top:10px}#phototags{background:#f1f1f1;-webkit-box-shadow:inset 0 10px 10px rgba(255,255,255,0.8);-moz-box-shadow:inset 0 10px 10px rgba(255,255,255,0.8);box-shadow:inset 0 10px 10px rgba(255,255,255,0.8);border-bottom:1px solid #aaa;border-top:1px solid ccc;margin:1px 0;padding:5px 10px;line-height:1.7;font-size:11px;color:#111}#phototags a,#phototags a:visited{color:#111;text-decoration:underline;margin-right:3px}#phototags a:hover{text-decoration:none}#phototags a:hover small{color:#d00} /* ===============================ARCHIVE============================= */ #arc h2 {color:#FF00FF;} #arc .month {background-image: url(http://files.myopera.com/thiendt5/New_Skin/bg_post.png); border:1px solid #bebebe !important;cursor:text;padding:5px 5px;margin:0 0 10px 0;} /* =============================FRIENDS============================== */ #myfriends ul,#myfriends h2{clear:both}.friend-h2{margin-bottom:8px;margin-top:10px;margin-left:5px;width:80px;} #myfriends li{ background-color: rgba(77, 500, 5, 0.3);position:relative;border:1px solid #ccc; position:relative;display:inline;float:left;width:196px;height:250px;margin-left:1px;margin-top:10px;font-size:11px;overflow:hidden;padding-bottom:16px} #myfriends li a,#myfriends li a:visited{display:block} #myfriends .first{ background-color: rgba(77, 500, 5, 0.3);position:relative;border:1px solid #ccc; clear:left;margin-top:10px;} #myfriends li .send-msg{padding:0 11px 7px 32px} #myfriends li a,#myfriends li a:visited{text-decoration:none} #myfriends li a:hover{cursor:pointer;text-decoration:underline} #myfriends img{display:block;width:172px;height:129px;margin:11px 11px 8px 11px} #myfriends .owner b{padding:0 11px 1px 11px} #myfriends .pagenav{border:none;padding:3px} #myfriends div{border-width:0 0 1px 0} #myfriends .friendname {display:block;padding:0;text-align:center;} #myfriends .friendstatus {background-color: rgba(577, 1, 200, 0.4);font-size:10px;color:#0000FF;margin:10px;padding:0 10px;font-weight:bold;height:50px;text-align:justify;}