First topic message reminder :
Skin này có một số cái là lượm lặt ~ :v ~ Share luôn chứ ngâm dấm cũng chán :3
Demo Ảnh:
Demo Online: http://fcatest6.forumvi.com
Link Download:https://mega.co.nz/#!Ws0VxJ7R!a3kO8pnoIYzyBH3urL35uCasIVsibdnpmr1fesR93dg
Updated by Boom: Link download mới - http://www.mediafire.com/download/b8qdwmw5bfddanq/Skin_Cadetblue_Ribbons.rar (đóng góp bởi @Panda)
Link dự phòng (Fshare): http://www.fshare.vn/file/TR2RFHUL6S53
Download xong thay vào theo từng mục trong ACP
Tạo mục JS trong ACP >> Module >> Javascript Management
Title * : Day and Night
Placement : In all the pages
Sort Catalogue của huynh Vống:
Phần một code: https://devs.forumvi.com/t568-tu-lam-skin-cadetblue-ribbons?showpost=p3392
Phần hai code: https://devs.forumvi.com/t568-tu-lam-skin-cadetblue-ribbons?showpost=p3394
CSS: thay toàn bộ css đang có thành:
Skin này có một số cái là lượm lặt ~ :v ~ Share luôn chứ ngâm dấm cũng chán :3
Skin Cadetblue Ribbons © FCAMUSEMENT 2014
Thiết kế và lập trình bởi Méo Hắc Hắc - NCat
Không BÁN skin dưới mọi hình thức - Share rồi bán chi :v
Demo Ảnh:
Demo Online: http://fcatest6.forumvi.com
Link Download:
Updated by Boom: Link download mới - http://www.mediafire.com/download/b8qdwmw5bfddanq/Skin_Cadetblue_Ribbons.rar (đóng góp bởi @Panda)
Link dự phòng (Fshare): http://www.fshare.vn/file/TR2RFHUL6S53
Download xong thay vào theo từng mục trong ACP
Tạo mục JS trong ACP >> Module >> Javascript Management
Title * : Day and Night
Placement : In all the pages
- Code:
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('timeovl').innerHTML="Bây giờ là "+h+" giờ "+m+" phút "+s+" giây";
t=setTimeout(function(){startTime()},500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
Sort Catalogue của huynh Vống:
Phần một code: https://devs.forumvi.com/t568-tu-lam-skin-cadetblue-ribbons?showpost=p3392
Phần hai code: https://devs.forumvi.com/t568-tu-lam-skin-cadetblue-ribbons?showpost=p3394
huynh Vống wrote:Kéo xuống dưới khung nhập CSS:
+ Optimize your CSS: Không
CSS: thay toàn bộ css đang có thành:
- Spoiler:
- Code:
body {font-family: 'Roboto', sans-serif;font-size:14px}
.pun {padding:0}
a {text-decoration:none!important}
#page-body {margin-top: 50px!important;margin: 0 auto;width: 80%;}
.ribx, .ribx2{position:absolute;top:0;height:35px;background:#387274;width:100%;left:0}
.ribx div, .ribx2 div{margin-top:5px;height:15px;left:0;border-bottom:5px dashed #fff}
.ribx2 {top: 165px;height: 40px;}
#pun-title {position: relative;color:cadetblue;font-weight:bold}
.forumname {-webkit-transform: rotate(5deg);-webkit-animation: name 3s ease-in-out infinite;z-index: 1;margin-top: 93px;margin-left: 200px;position: absolute;background: #B7DDDF;padding: 20px 40px;border: 5px solid cadetblue;}
.forumname:before {border-top-right-radius: 10px;content: '';width: 50px!important;height: 50px!important;background: transparent;position: absolute;border-left: 5px solid #B7DDDF;border-bottom: 5px solid #B7DDDF;border-top: 5px solid #EEA871;border-right: 5px solid #EEA871;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -50px;margin-left: 20px;z-index: 0!important;}
@-webkit-keyframes name {
0%{-webkit-transform: rotate(5deg); margin-left:195px}
50%{-webkit-transform: rotate(-5deg); margin-left:205px}
100%{-webkit-transform: rotate(5deg); margin-left:195px}
}
/* Head */
.pun h2, .pun h3, .pun input, .pun select, .pun th {font-family: inherit; font-size: 15px;}
.hierarchy {font-size:15px}
#pun-logo {z-index:1;position: absolute;width: 150px;height: 150px;border-radius: 100%;border: 10px solid cadetblue;background: #fff;padding: 10px;margin-left: calc(50% - 85px);margin-top: -50px;}
#pun-intro {border:0!important;height: 100px;background: cadetblue;margin-top: 35px;}
#pun-logo img {width: 150px;border-radius: 100%;}
.greetme{border-radius:50px;margin-left:250px;background:#fff;position:absolute;padding:15px;margin-top:20px}
#pun-intro span.USERNAME{font-size:15px;font-family: 'Englebert', sans-serif;padding-right:170px;float:left;width:200px;font-weight:bold;overflow:hidden;white-space:nowrap}
#pun-intro span.USERLASTVISIT{font-size:15px;font-family: 'Englebert', sans-serif;float:right;width:150px;font-weight:bold;overflow:hidden;white-space:nowrap}
.greetyou {position: absolute;width: 100%;left: 0;height: 90px;background: rgba(255,255,255, .2);}
.headava {margin-top: -150px;-webkit-transform: rotateY(-90deg);transform:rotateY(90deg);transition: all 0.1s linear;transition-delay:0s;}
#pun-logo:hover > img {-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s;}
#pun-logo > img {-webkit-transform:rotateY(0deg);transform: rotateY(0deg);transition:all 0.1s linear;transition-delay:0.1s;}
#pun-logo:hover .headava {transition-delay:0.1s;-webkit-transform: rotateY(0deg);transform: rotateY(0deg)}
/* Fixed Ribbons */
.ribleft, .ribright{z-index:2;margin-top:35px;z-index:1;color:transparent;margin-left:10px;position:absolute;background:#aac3c5;width:58px;padding:0 10px 10px;height:100%}
div.ribleft > ul{height:100%;position:relative;border:3px dashed #fff;padding:5px;border-top:0;border-bottom:0}
div.ribleft ul li{background:cadetblue;padding:5px;margin-top:5px}
.searchrib:hover + .searchform, .searchform:hover {display:block}
.searchform{box-shadow:0px 0px 10px #fff;display:none;width:290px;position:absolute;background:cadetblue;padding:10px;border-left:5px solid #fff;margin-left:42px;margin-top: -44px;}
.searchform:before{content:'';position:absolute;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;margin-left:-25px}
.searchform form input[type="text"]{width:250px!important;padding:5px;outline:none!important;border:0}
.searchform form input[type="submit"]{cursor:pointer;outline:none!important;float:right;width:24px;height:24px;background:#fff url(http://png-5.findicons.com/files/icons/2344/faenza/22/edit_find_replace.png) no-repeat center center;border:0;}
.searchform form {background:transparent!important}
.ribright {margin-left: 0;right: 0;margin-right: 10px;}
div.ribright > ul {height: 100%;position: relative;border: 3px dashed #fff;padding: 5px;border-top: 0;border-bottom: 0;}
div.ribright > ul > li {background: cadetblue;padding: 5px;margin-top: 5px;}
.newmess #i_icon_mini_message, .newmess #i_icon_mini_new_message {background: #000;width: 10px;height: 10px;position: absolute;margin-left: -6px;margin-top: -5px;}
.newmess #i_icon_mini_new_message {background:#ff0000}
.warnmess:before {content: '';position: absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;margin-left: 140px;margin-top: -2px;}
.warnmess {display:none;position: absolute;width: 130px;padding: 10px;background: #fff;margin-left: -160px;color: cadetblue;font-size: 14px;margin-top: -40px;border: 1px solid cadetblue;}
#danhsach {z-index:10;display:none;position: absolute;width: 200px;background: #fff;padding: 10px;box-shadow: 0px 0px 10px cadetblue;margin-left: 60px;margin-top: -46px;}
#danhsach ul li a {font-weight: bold;color: #fff;}
#danhsach:before {content: '';position: absolute;border-right: 15px solid #fff;border-top: 15px solid transparent;border-bottom: 15px solid transparent;margin-left: -25px;}
div.ribleft > ul > li {cursor:pointer}
div.ribright > ul > li {cursor:pointer}
/* Chatbox */
.chatboxne {display:none;top: 0;position: fixed;width: 100%;height: 100%;left: 0;background: rgba(0,0,0,.8);z-index: 999;}
.chatboxne iframe {margin-top: calc(50% - 402px);width: 800px;height: 400px;}
.chatboxne .turnofff {position: absolute;right: 0;width: 64px;height: 64px;background: url(http://png.findicons.com/files/icons/2162/minimal_perception/64/gtk_close.png) no-repeat center center;}
.tatnodine {background: rgb(55, 101, 102) url(http://www.wdh.co.uk/Images/Icons/IconsWhiteCross30x30.png) no-repeat center center;width: 32px;height: 32px;float: right;margin-right: -42px;outline: none;cursor: pointer;}
/* Pun Visit */
#pun-visit, .main-box {border:2px dashed #d7d7d7;background:#fff;height:16px}
#pun-visit ul,.main-box ul{position:relative;width:16px;height:16px;background:url(http://i56.servimg.com/u/f56/18/59/49/93/align_10.png) no-repeat center transparent;z-index:0}
#pun-visit ul:hover{margin-top:-.7em;margin-right:-1.1em}
.main-box ul:hover{margin-top:-.65em;margin-left:-1.05em}
#pun-visit li,.main-box li{display:none;width:230px;background:#FFF;border-color:transparent #888 #999;border-style:solid;border-width:0 2px;margin:0}
#pun-visit li:first-child,.main-box li:first-child{border-top:2px solid #999}
#pun-visit li:last-child,.main-box li:last-child{border-bottom:2px solid #999}
.main-box li{margin-left:0;float:left;text-align:left;width:170px}
#pun-visit ul:hover li,.main-box ul:hover li{display:block}
#pun-visit li:hover,.main-box li:hover{background:#F2F2F2}
#plus_menu{left:auto!important;right:60px!important;top:-8px;border:2px solid #999;width:260px!important;background:#FFF}
#plus_menu .title-overview{display:none}
#plus_menu .left-overview{padding:0}
#pun-visit ul a,.main-box ul a{display:block;height:30px;line-height:30px;padding:0 10px}
#pun-visit ul a:hover,.main-box ul a:hover{background:#f2f2f2}
.dashed{border-top:1px dashed silver;margin:5px 0}
#pun-visit br{display:none}
/* Login Form */
#login{box-shadow:0px 0px 10px #fff;display:none;margin-top: -45px;padding:15px;width:350px;margin-left: -385px;position:absolute;background:cadetblue;color:#fff;font-weight:bold;border-right: 5px solid #fff;}
#login:before {margin-top: -5px;margin-left: 370px;content: '';position: absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;}
#login form input[type="text"]{margin-left:10px;width:calc(100% - 32px);padding:3px}
#login form input[type="password"]{margin-left:10px;width:calc(100% - 32px);padding:3px;margin-top:5px}
#login form input.mainoption, input.register{float: left;margin-top: 9px;margin-left: 20px;font-family:sans-serif;padding: 11px;background:#fff;border:0;color:cadetblue;font-weight:bold}
.remember {margin-top: 10px;float: left;font-family: sans-serif;padding: 10px;background: #fff;border: 0;color: cadetblue;font-weight: bold;}
input.register {float:right}
/* Logout Form */
#logoutne {display:none;text-align: center;color: #ff5555;margin-top: -45px;padding: 15px;width: 300px;margin-left: -370px;position: absolute;background: #ff8989 url(http://png.findicons.com/files/icons/1672/mono/32/warning.png) no-repeat 10px center;font-weight: bold;border-right: 5px solid #fff;padding-left: 50px;}
#logoutne:before {margin-top: -5px;margin-left: 170px;content: '';position: absolute;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #fff;}
#logoutne form {padding: 10px;background:#fff}
#logoutne input {margin-top: 9px;margin-left: 20px;font-family: sans-serif;padding: 11px;background: #ff7777;border: 0;color: #fff;font-weight: bold;}
#logoutne input[name="cancel"] {background: #75C9CC;}
/* Box */
.battatboxne {cursor:pointer;background: rgba(0,0,0,.1);width: 16px;height: 16px;float: right;margin-top: -16px;box-shadow: 1px 1px 5px -2px #000 inset;}
.battatboxne:active {box-shadow: -1px -1px 5px -2px #000 inset}
.main .main-foot, .main .main-head {background: cadetblue;border-bottom: 2px solid #fff;}
.menutat {background: #A88E75!important;}
.fmvimove {cursor:move!important;float: left;width: 26px;margin-top: -4px;margin-left: -5px;}
.pun .main table td.tc2 {overflow:hidden;background: #fff;}
.pun table td.tcl {height:72px}
.pun tbody.statused span.status {float:left;position:relative}
/* View */
.pun .entry-content {overflow: hidden;padding-bottom: 1.5em;width: 100%;padding-top: .5em;}
.postfoot {margin-left:0!important}
.pun .post-entry {background:#fff}
.viewuser{height: 125px;width: 100%;background: #29696B;}
.userava{z-index:1;margin-left: 5px;position:absolute;margin-top: 5px;background:#fff;padding:10px;border-radius:100%;width:75px;height:75px;border: 10px solid cadetblue;}
.userava a img{transition-delay:0.2s!important;transition:all 0.2s ease;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);position: relative;width: 95px;height: 95px;border-radius:100%;z-index: 1;margin-top: -10px;margin-left: -10px;}
.userbary{background:cadetblue;position:relative;width:10px;margin-left:50px;margin-top:-32px;height:100%}
.postmain {border-left: 0!important;margin-left: 0px!important;}
.useronoff {position: absolute;margin-left: 267px;width: 28px;height: 28px;background: rgba(255,255,255,.7) url(http://png-1.findicons.com/files/icons/2038/buttons_toolbar/32/knob_red.png) no-repeat center center;background-size: 16px!important;border-radius: 5px;margin-top: 25px;}
.useronoff img {width: 16px;margin-top: 6px;height: 16px;border-radius: 100%;}
.userdrop {opacity: 0;transition: 0.3s ease;z-index: 2;visibility: hidden;position: absolute;background: cadetblue;border: 10px solid cadetblue;margin-left: 130px;height: 165px;width: 300px;}
.userinfo {height: 145px;padding: 10px;background: cadetblue;}
.nameuser {width: 120px;float: left;margin-top: 25px;margin-left: 100px;background: rgba(255,255,255,.7);padding: 5px 15px 5px 30px;border-radius: 0px 5px 5px 0px;}
.rankuser {background: rgba(255,255,255,.7);position: absolute;width: 220px;height: 40px;border-radius: 0px 5px 5px 0px;margin-top: 56px;margin-left: 95px;z-index: 0;}
.rankuser img {max-width: 155px;height: 30px;margin-left: 30px;padding: 5px;}
.userava:hover ~ .userdrop, .userdrop:hover {visibility: visible;opacity: 1;}
.userinfodrop {color: #555;font-weight: bold;background: #fff;padding: 5px;height: 70px;margin-top: 10px;overflow: hidden;overflow-y: scroll!important;}
.userrank {font-weight: bold!important;color: #fff;}
.usercontact {background: rgba(255,255,255,.5);margin-top: 5px;padding: 5px;}
.userdrop:before {content: '';position: absolute;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 15px solid rgb(53, 114, 116);margin-left: -25px;margin-top: 35px;}
.change_avatar, .none_avatar {background: rgba(0,0,0,.8);height: 95px;width: 95px;margin-top: -95px;border-radius: 100%;margin-left: -10px;overflow: hidden;position: relative;z-index: 1;-webkit-transform: rotateY(90deg);transform: rotateY(90deg);transition: all 0.2s ease;transition-delay:0s}
.userava:hover img {transition-delay:0s!important;transition:all 0.2s ease;-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}
.userava:hover .change_avatar, .userava:hover .none_avatar {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);transition-delay:0.2s}
.change_avatar a {text-align: center;position: absolute;width: 60px;margin-top: 20px;margin-left: 17px;font-weight: bold;color: #999!important;}
.partner .label {display:none}
/* zzvote by Zzbaivong - devs.forumvi.com */
div.vote-zzvote{float:left}
div.vote-zzvote > a.vote-plus{background:url(http://png.findicons.com/files/icons/2683/somicro/32/like.png) no-repeat 0/100% transparent;display:inline-block;float:left;width:24px;height:24px;transition:background .3s;-webkit-transition:background .3s;-moz-transition:background .3s;background-size:24px!important;margin-top:-1px}
div.vote-zzvote > a.vote-plus[href=""]{background-image:url(http://png-2.findicons.com/files/icons/2711/free_icons_for_windows8_metro/48/like.png);background-size:24px!important}
div.vote-zzvote > a.vote-plus[href="javascript:;"]{cursor:not-allowed;opacity:0.5}
div.vote-zzvote > a.vote-plus[href="javascript:;"] + span.vote-time{opacity:0.5}
div.vote-zzvote > span.vote-time{background:#FFF;display:inline-block;position:relative;line-height:20px;margin-left:10px;border:1px solid #333;border-radius:3px;font-size:12px;padding:0 6px}
div.vote-zzvote > span.vote-time:before{content:" ";display:block;position:absolute;left:-4px;top:50%;margin-top:-4px;width:6px;height:6px;background:#FFF;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-color:#333;border-style:solid;border-width:0 0 1px 1px}
div.vote-zzvote > a.vote-plus[href=""] + span.vote-time{background:cadetblue;color:#FFF;border-color:#448688}
div.vote-zzvote > a.vote-plus[href=""] + span.vote-time:before{background:cadetblue;border-color:#448688}
/* Copyright */
.copyrightnefca {bottom: 0;background: cadetblue;border-top: 35px solid #387274;padding: 15px;position: relative;z-index: 2;color: #fff;font-weight: bold;height: 130px!important;overflow: hidden;}
.copyrightnefca .cprimg {float: right;width: 200px;margin-top: -40px;background: rgba(255,255,255,.5);border-radius: 5px;}
#pun-foot {height:195px;transition:all 0.2s ease;z-index: 1;position: relative;background: rgba(255,255,255,.8);width: 100%;margin-bottom: -195px;}
#pun-foot:hover {z-index:3}
#pun-foot:before {position: absolute;content: 'Thông tin';margin-top: -38px;right: 180px;background: #ff8989;font-weight: bold;color: #fff;padding: 10px 20px;}
#pun-info > div > div {background: rgba(255,255,255,.6);} #pun-info > div {background:transparent}
#pun-info {background:#fff url(http://1.bp.blogspot.com/-qhCW70xAXgo/Udw9VuWuHtI/AAAAAAAAAMs/C71MZpG2SnM/s1600/neko_anime_girl_png_by_thewhitedevil66-d41a8kt.png) no-repeat right top;background-size:auto 100%}
/* GOEditor */
#GO-quickrep .repnotice{background-color: #fff;background-position:10px center;background-repeat:no-repeat;display:block;font-size:15px;font-weight:700;height:40px;line-height:35px;margin:20px auto;padding:5px;text-align:center;width:50%;}
#GO-quickrep .previewdata{background:#fcfcfc;border:1.5px solid #D5D5D5;margin:20px auto;width:97%}
#GO-quickrep .buttonrep #sendrep:focus,#GO-quickrep .buttonrep #preview:focus,#GO-quickrep #backpreview:focus,#GO-quickrep .buttonrep #re-advance:focus{outline:none}
#GO-quickrep #repsmile{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:15%;margin-top:35px;min-height:100px;padding:3px;position:absolute;width:600px}
#GO-quickrep #repcolour td{float:left;height:13px;margin:0 2px 2px 0;outline:0 none;width:13px}
#GO-quickrep #repcolour table:last-child{background-color:transparent!important}
#GO-quickrep #repcolour{background:#F7F7F7;border:1px solid #D5D5D5;display:none;margin-left:20%;margin-top:35px;max-width:400px;min-height:100px;padding:3px;position:absolute}
#GO-quickrep .go-bbcodeimg,#GO-quickrep .senddata{background:#fff;border:1px solid #D5D5D5;color:#000;display:none;height:100px;margin-top:20px;padding:3px;position:absolute;width:230px}
#GO-quickrep #bbcodeimg,#GOdata{border-radius:none;display:block;margin-left:auto;margin-right:auto;margin-top:10px;min-height:20px!important;outline:none;padding:5px;width:70%!important}
#GO-quickrep #gorep{border-radius: 10px;border: 5px solid #228085;background: #fff;display:block;min-height: 130px!important;padding: 10px;outline:none;margin-left: 125px!important;left: 0;width: calc(100% - 165px);}
#GO-quickrep .buttonimg,#GO-quickrep .buttonwall{background-color:#2797f2!important;border:none;color:#fff!important;cursor:pointer;display:block;font-size:12px;font-weight:700;height:25px;margin:10px auto;min-width:50px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep #backpreview{margin-left:1.5%}
#GO-quickrep .buttonrep #re-advance{-moz-transition:all .2s ease;-ms-transition:all .2s ease;-webkit-transition:all .2s ease;background-color:#000!important;color:#FFF!important;float:right!important;margin-right:1.5%;o-transition:all .2s ease;transition:all .2s ease}
#GO-quickrep #backpreview{margin-top:-20px}
#GO-quickrep .buttonrep #sendrep,#GO-quickrep .buttonrep #preview,#GO-quickrep .buttonrep #re-advance,#GO-quickrep #backpreview{background-color:#2797f2;border:none;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:700;height:40px;min-width:80px;padding:0 10px}
#GO-quickrep .buttonrep #sendrep:hover,#GO-quickrep .buttonrep #preview:hover,#GO-quickrep #backpreview:hover,.buttonimg:hover{background-color:#7fc5ff;color:#fff}
#GO-quickrep .bbcode{border:none;color:#fff;cursor:pointer;display:block;font-size:12px;font-weight:700;height:30px;margin:auto;width:97%}
#GO-quickrep .bbcode span{border:1px solid #CCC;cursor:pointer;display:block;float:left;margin-right:3px;padding:4px 10px;background: #fff;color: cadetblue;}
#GO-quickrep .bbcode span:hover{color: #fff;background: #BFD9DA;border-color: cadetblue;}
#GO-quickrep .buttonrep #re-advance:hover{background-color:#2797f2!important;color:#FFF!important}
#GOeditor{background: cadetblue;margin:auto;min-height:50px;padding:5px;}
#GO-quickrep #backpreview,#GO-quickrep .repnotice,#GO-quickrep #repcolour form tr:first-child,#repcolour td:first-child,#repcolour td:nth-child(2),#repcolour td:nth-child(3){display:none}
.golreply {position: absolute;margin-left: 180px;margin-top: -40px;padding: 10px;background: rgba(255,255,255,.5);}
.GO-post .avarep img {border-radius: 10px;margin-top: 20px;margin-left: 5px;float: left;width: 75px;height: 75px;background: #fff;padding: 10px;border: 5px solid #228085;}
.GO-post .avarep:after {position: absolute;content: '';border: 10px solid transparent;border-left-color: #228085;margin-top: 40px;}
/* Resize Images */
.pun .entry-content img {max-width: 100%;}
/* More BBCode */
.themedown{float: left;width: 280px!important;background: #A88E75 url(http://png-4.findicons.com/files/icons/2252/iphone_toolbar_icons/30/icon_download.png) no-repeat 10px center;padding:10px;border-bottom:5px solid #5F4934;font-weight:bold;color:#5f4934;font-size:20px;border-radius:5px 5px 0 0;/* float: left; */}
.linkdown{background:#fff;padding:10px;border:2px solid #5f4934;border-top:0;border-radius:0 0 2px 2px;float:left;width: 276px;margin-top:-2px;font-weight:bold;overflow:hidden;white-space:nowrap;color:#5f4934;box-shadow:0 -2px 5px -2px #5f4934 inset}
.downme {margin: 0 auto!important;text-align: center;border: 0!important;width: 300px}
td.warntext {float: left;background: #fff;color: #f55;font-weight: bold;padding: 8px 10px;width: 370px;margin-top: 6px;height: 35px;border: 5px solid #f55;overflow: scroll;overflow-x: hidden!important;}
.warnbbc {margin:0 auto;border:0!important}
.warnimgne {background: #f55 url(http://png.findicons.com/files/icons/2252/iphone_toolbar_icons/30/icon_warning.png) no-repeat center;width: 61px;height: 61px!important;float: left;margin-top: 6px;}
/* About */
#inforib {transition:all 0.5s ease;-webkit-transform: rotateX(-90deg);transform: rotateX(270deg);visibility:hidden;position: fixed;width: 500px;height: 300px;top: calc(50% - 170px);left: calc(50% - 270px);background: #fff;box-shadow: 0px 5px 10px -5px #3faadd, 0px 10px 10px -10px #3faadd, 0px -5px 10px -5px #3faadd, 0px -10px 10px -10px #3faadd;z-index: 990;padding: 10px;}
.eltleft, .eltright {transition-delay: 0.5s!important;transition:all 0.5s ease;width:0px;z-index:889;position: fixed;height: 6px;background: #FFFFFF;right: 0;box-shadow: 0px 0px 10px #3faadd;top: calc(50% - 14px);}
.eltleft {left:0} .elttrans {width:50%;transition-delay: 0s!important;} .inforib2 {transition-delay: 0.5s!important;-webkit-transform: rotateX(0deg)!important;transform: rotateX(0deg)!important;visibility: visible!important;}
.opacityabout {z-index:888;transition:all 0.5s ease;opacity:0;visibility:hidden;transition-delay:1s;top:0;left:0;background:rgba(0,0,0,.8);width:100%;height:100%;position:fixed}
.opacitymore {transition-delay:0s;opacity:1;visibility:visible}
.opacityabout .inforib {width: 48px;height: 48px;right: 10px;top: 10px;position: absolute;background: url(http://www.arnaudsylvain.fr/wp-content/plugins/itro-popup/images/close-icon-white.png);background-size: 48px}
/* Deco */
#inforib > div.thongtinabout {background: rgba(95, 158, 160, .6);padding: 10px;width: 80%;margin: 0 auto;overflow: scroll;overflow-x: hidden!important;height: 100px;color: #fff;font-weight: bold;}
#inforib > div.lienketforum > table {width: 84%;margin-top: 10px!important;margin: 0 auto;padding: 5px;border: 2px dashed #d7d7d7;}
#inforib > div.lienketforum > table img {width: 75px;height: 75px;}
#inforib > div.lienketforum > table > tbody > tr > td:nth-child(1) {background: cadetblue;color: #fff;font-weight: bold;text-align: center;width: 75px;}
div.formnhanhlk {display:none;position: fixed;z-index: 999;top: calc(50% - 75px);left: calc(50% - 161px);padding: 10px;background: cadetblue;box-shadow: 0px 0px 20px #000;}
.formnhanhlk #submit {cursor:pointer;outline:none!important;float: left;margin-top: 20px;padding: 5px 10px;background: rgb(53, 120, 122);border: 0;color: #fff;font-weight: bold;margin-left: calc(50% - 30px);}
.formnhanhlk #submit:active {box-shadow: 0px 0px 10px -3px #000 inset!important;}
.formnhanhlk #submit:hover {box-shadow: 0px 0px 10px -4px #000 inset;}
.formnhanhlk form {padding: 10px;}
#text_editor_input span, #text_editor_input input {margin-top: 5px;}
#main-content > div.formnhanhlk > form > .main-content {background: #fff;border: 0;}
.hideqc {background-size: cover!important;width: 100%;height: 105px;position: relative;background: url(http://i.imgur.com/eBRFovp.png);margin-bottom: -100px;float: left;}
#pun-visit {margin-top: 10px;}
.weather {z-index:999;width: 75px;height: 75px;position: absolute;right: 50px;top: 50px;background: rgb(229, 229, 57);box-shadow: 0 0 100px #FFA300,0 0 100px #FFEB00,0 0 100px yellow,0 0 100px yellow;border-radius: 100%;}
.moon {background: #fff;box-shadow: 0 0 100px #fff,0 0 100px #fff,0 0 100px #fff,0 0 100px #fff;}
.scrweather {width: 25px;position: fixed;height: 25px;box-shadow: 0 0 50px #fff,0 0 50px #fff,0 0 50px #fff,0 0 50px #fff;bottom: 10px;top: inherit;z-index: 999;right: 200px;}
.overlayweather {height: 50px;width: 100%;position: fixed;bottom: -50px;background: rgba(0,0,0,.8);left: 0;z-index: 998;color: #fff;line-height: 50px;font-weight: bold;transition: all 0.5s ease;}
#timeovl {float: right;right: 0;margin-right: 275px;color: rgba(255,255,255,0.5);}
div.overlayweather > span.info {position: absolute;right: 0;margin-right: 75px;font-size: inherit;font-style: inherit;color: rgba(255,255,255,.5);}