demo rip: [You must be registered and logged in to see this link.]
rip em cái này + viewtopic
[You must be registered and logged in to see this link.] |
[You must be registered and logged in to see this link.] |
bucnong đã viết:skin đẹp mà k rip viewtopic cho chú đâu
class
@CHARSET "UTF-8";
/* --- bb_code.css --- */
/* .bbCodeX classes are designed to exist inside .baseHtml. ie: they have no CSS reset applied */
.bbCodeBlock
{
margin: 1em 140px 1em 0;
border: 1px solid #d7edfc;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
}
.messageList.withSidebar .bbCodeBlock
{
margin-right: 0;
}
/* mini CSS reset */
.bbCodeBlock pre,
.bbCodeBlock blockquote
{
margin: 0;
}
.bbCodeBlock img
{
border: none;
}
.bbCodeBlock .type
{
font-size: 11px;
font-family: Tahoma, Helvetica, Arial, sans-serif;
color: #6cb2e4;
background: #d7edfc url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
padding: 3px 8px;
border-bottom: 1px solid #a5cae4;
border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px;
border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px;
}
.bbCodeBlock pre,
.bbCodeBlock .code
{
font-size: 10pt;
font-family: Consolas, 'Courier New', Courier, monospace;
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
word-wrap: normal;
overflow: auto;
line-height: 1.24;
min-height: 30px;
max-height: 500px;
_width: 600px;
direction: ltr;
}
.bbCodeBlock .code
{
white-space: nowrap;
}
.bbCodeQuote
{
border-color: #f9d9b0;
}
.bbCodeQuote .attribution
{
color: rgb(20,20,20);
background: #f9d9b0 url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
border-bottom: 1px solid #f9bc6d;
}
.bbCodeQuote blockquote
{
font-style: italic;
font-size: 9pt;
background: #fff4e5 url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px;
}
/* --- dark_taigachat.css --- */
/* Darkimmortal's TaigaChat */
#taigachat_box { width: 220px; height: 300px; border: 1px solid #a5cae4; padding: 5px; margin: 5px -2px 0 -2px; overflow: auto; overflow-y: scroll; font-size: 11px; background: #f0f7fc; }
.taigachat_reverse #taigachat_box { margin-bottom: 5px; margin-top: 0; }
#taigachat_box li { background: #f0f7fc; margin-bottom: 6px; }
#taigachat_controls { text-align: center; margin: 10px 0 5px; }
.taigachat_avatar img { width: 16px; height: 16px; padding: 0; vertical-align: bottom; }
.taigachat_reverse #taigachat_controls { margin: 0; }
#taigachat_controls .button { vertical-align: top; }
#taigachat_box .username { font-size: 11px; display: inline; }
#taigachat_box .Popup { display: inline-block; }
#taigachat_box.taigachat_thumbzoom .bbCodeImage { max-width: 203px; }
.taigachat_messagetext { display: inline-block; word-wrap: break-word; max-width: 100%; }
#taigachat_toolbar { margin-bottom: 5px; }
#taigachat_sidebar #taigachat_toolbar, #taigachat_full.taigachat_alt #taigachat_toolbar { display: none }
.taigachat_credit { text-align: right; color: #a5cae4; font-size: 10px; margin-top: 5px; }
#taigachat_sidebar #taigachat_message { width: 193px; font-size: 11px; }
#taigachat_sidebar #taigachat_send { height: 21px; }
#taigachat_sidebar #taigachat_controls { margin: 5px 0 0; }
#taigachat_sidebar.taigachat_reverse #taigachat_controls { margin: 0; }
#taigachat_full #taigachat_box { width: 97%; height: 600px; margin: 0 auto 10px auto; font-size: 13px; }
#taigachat_full #taigachat_message { width: 90%; }
#taigachat_full .DateTime { font-size: 11px; }
#taigachat_full #taigachat_box .username { font-size: 13px; }
#taigachat_full .taigachat_messagetext { display: inline; }
#taigachat_full.taigachat_normal #taigachat_controls { margin: 0 0 5px; }
#taigachat_full.taigachat_alt #taigachat_box { font-size: 12px; margin: 0 auto 5px auto; width: 97%; }
#taigachat_full.taigachat_alt.taigachat_reverse #taigachat_box { margin: 10px auto; }
#taigachat_full.taigachat_alt #taigachat_box .username { font-size: 12px; }
#taigachat_full.taigachat_alt.taigachat_normal #taigachat_controls { margin: 10px 0 5px; }
/*.taigachat_popup_body { height: 100%; }*/
.taigachat_popup { padding: 0; height: 100%; margin: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.taigachat_popup > div { height: 100%; margin: -20px 0 0 0; padding: 10px 0; border-bottom: 0; }
.taigachat_popup #taigachat_box { height: auto !important; position: absolute; top: 40px; left: 10px; right: 10px; bottom: 10px; width: auto !important; }
.taigachat_popup #taigachat_controls { position: absolute; left: 10px; right: 10px; top: 10px; }
.taigachat_popup.taigachat_reverse #taigachat_box { top: 10px; left: 10px; right: 10px; bottom: 30px; }
.taigachat_popup.taigachat_reverse #taigachat_controls { left: 10px; right: 10px; bottom: 10px; top: auto; }
.taigachat_toolbar_enabled .taigachat_popup #taigachat_box { top: 70px; }
.taigachat_toolbar_enabled .taigachat_popup.taigachat_reverse #taigachat_box { bottom: 60px; top: 10px; }
.taigachat_popup .taigachat_credit { display: none }
.taigachat_smilies_list { max-width: 250px; max-height: 225px !important; }
.taigachat_smilies_list li { display: inline; }
.taigachat_smilie { padding: 4px 6px; display: inline-block !important; }
.taigachat_bbcode { padding: 0; }
.xenForoSkin .taigachat_bbcode_color { display: block; width: 20px; height: 20px; background:url(styles/dark/color_swatch.png) no-repeat center; }
/* --- duythinht_recent_threads.css --- */
#duythinhtRT {
}
#duythinhtRT .secondaryContent h3{
@property "recentThreadH3";
font-size: 12pt;
color: #176093;
padding-bottom: 2px;
margin-bottom: 5px;
border-bottom: 1px solid #d7edfc;
font-weight: bold;
@property "/recentThreadH3";
}
#duythinhtRT .secondaryContent ul li{
position: relative;
clear: both;
display: inline-block;
width: 49% !important;
}
#duythinhtRT .avatar img {
width: 36px;
height: auto;
}
#duythinhtRT .rt-meta {
position:absolute;
margin-left: 50px;
padding-top: 5px;
}
#duythinhtRT .footnote{
font-weight: bold;
}
/* --- login_bar.css --- */
/** Login bar basics **/
#loginBar
{
color: #a5cae4;
background-color: #032A46;
border-bottom: 1px solid #65a5d1;
position: relative;
z-index: 1;
}
#loginBar .pageContent
{
padding-top: 5px;
position: relative;
_height: 0px;
}
#loginBar a
{
color: #6cb2e4;
}
#loginBar form
{
padding: 5px 0;
margin: 0 auto;
display: none;
line-height: 20px;
position: relative;
width: 500px;
}
#loginBar .xenForm .ctrlUnit,
#loginBar .xenForm .ctrlUnit dt label
{
margin: 0;
border: none;
}
#loginBar .xenForm .ctrlUnit dt
{
width: 215px;
}
#loginBar .xenForm .ctrlUnit dd
{
position: relative;
width: 250px;
}
#loginBar .xenForm .ctrlUnit dd .textCtrl,
#loginBar .passwordOptions
{
width: 250px;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
#loginBar .lostPassword
{
margin-top: 38px;
font-size: 11px;
}
#loginBar .lostPasswordLogin
{
font-size: 11px;
}
#loginBar .rememberPassword
{
font-size: 11px;
}
#loginBar .textCtrl
{
color: #f0f7fc;
background-color: #2b485c;
border-color: #65a5d1;
}
#loginBar .textCtrl[type=text]
{
font-weight: bold;
font-size: 18px;
}
#loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */
{
background: #2b485c !important;
color: #f0f7fc;
}
#loginBar .textCtrl:focus
{
background: black none;
}
#loginBar input.textCtrl.disabled
{
color: #a5cae4;
background-color: #032A46;
border-style: dashed;
}
#loginBar .button
{
min-width: 85px;
*width: 85px;
}
#loginBar .button.primary
{
font-weight: bold;
}
/** changes when eAuth is present **/
#loginBar form.eAuth
{
width: 700px; /* normal width + 170px */
}
#loginBar form.eAuth .ctrlWrapper
{
border-right: 1px dotted #176093;
margin-right: 200px;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
#loginBar form.eAuth #eAuthUnit
{
position: absolute;
top: 0px;
right: 0px;
}
#eAuthUnit li
{
margin-top: 10px;
}
#eAuthUnit li a
{
width: 180px;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
/** handle **/
#loginBar #loginBarHandle
{
font-size: 11px;
color: #f0f7fc;
background-color: #032A46;
padding: 0 10px;
margin-right: 20px;
border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px;
position: absolute;
right: 0px;
bottom: -20px;
text-align: center;
z-index: 1;
line-height: 20px;
box-shadow: 0px 2px 5px #032A46; -webkit-box-shadow: 0px 2px 5px #032A46; -moz-box-shadow: 0px 2px 5px #032A46; -khtml-box-shadow: 0px 2px 5px #032A46;
}
/* --- node_list.css --- */
.nodeList { zoom: 1; }
.nodeList .node {
zoom: 1;
vertical-align: bottom;
}
.nodeList .node.level_1
{
margin-bottom: 20px;
}
.nodeList .node.level_1:last-child
{
margin-bottom: 0;
}
.nodeList .node.groupNoChildren + .node.groupNoChildren
{
margin-top: -20px;
}
.node .nodeInfo
{
overflow: hidden; zoom: 1;
position: relative;
}
.node .nodeInfo.primaryContent,
.node .nodeInfo.secondaryContent
{
padding: 0;
}
.node .nodeIcon
{
margin: 10px 0 10px 10px;
float: left;
width: 36px;
height: 36px;
}
.node .forumNodeInfo .nodeIcon,
.node .categoryForumNodeInfo .nodeIcon
{
background-image: url('styles/default/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: 0 0;
}
.node .forumNodeInfo.unread .nodeIcon,
.node .categoryForumNodeInfo.unread .nodeIcon
{
background-image: url('styles/default/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: -36px 0;
}
.node .pageNodeInfo .nodeIcon
{
background-image: url('styles/default/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: -72px 0;
}
.node .linkNodeInfo .nodeIcon
{
background-image: url('styles/default/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: -108px 0;
}
.node .nodeText
{
margin: 10px 270px 10px 56px;
}
.node .nodeTitle
{
font-size: 12pt;
}
.node .unread .nodeTitle
{
font-weight: bold;
}
.node .nodeDescription
{
font-size: 11px;
}
.hasJs .node .nodeDescriptionTooltip
{
/* will be shown as a tooltip */
display: none;
}
.Touch .node .nodeDescriptionTooltip
{
/* touch browsers don't see description tooltips */
display: block;
}
.node .nodeStats
{
font-size: 11px;
margin-top: 2px;
}
.node .nodeLastPost
{
background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-bottom: 1px solid #d7edfc;
font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid #d7edfc;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
}
.node .nodeLastPost .lastThreadMeta
{
display: block;
}
.node .nodeLastPost .noMessages
{
line-height: 28px;
}
.node .nodeControls
{
position: absolute;
top: 0;
right: 242px;
margin: 20px 0;
}
.node .tinyIcon
{
background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
margin: 1px 4px;
display: block;
white-space: nowrap;
text-indent: 9999px;
overflow: hidden;
opacity: 0.25;
width: 14px;
height: 14px;
}
.node .nodeInfo:hover .tinyIcon[href],
.Touch .node .tinyIcon
{
opacity: 1;
}
/*.node .feedIcon
{
background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
}*/
/* description tooltip */
.nodeDescriptionTip
{
padding: 4px 10px;
margin-top: -22px;
line-height: 1.5;
width: 350px;
height: auto;
}
.nodeDescriptionTip .arrow
{
border: 6px solid transparent;
border-right-color: rgb(0,0,0); border-right-color: rgba(0,0,0, 0.6); _border-right-color: rgb(0,0,0);
border-left: 1px none black;
top: 6px;
left: -6px;
bottom: auto;
}
/* main area - used for L2 categories and most other nodes */
.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
background-color: rgb(252, 252, 255);
padding: 10px;
border-bottom: 1px solid #d7edfc;
padding: 0;
}
/* category strip - used for L1 categories and group headers */
.nodeList .categoryStrip
{
font-size: 11px;
color: #6d3f03;
background: #f9d9b0 url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 5px 10px;
margin: 3px auto 0;
border-top: 1px solid #f9d9b0;
border-bottom: 1px solid #f9bc6d;
padding: 5px 10px;
margin: 0;
border-bottom-color: #f9bc6d;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
min-height: 6px;
}
.nodeList .categoryStrip .nodeTitle
{
font-size: 10pt;
color: #6d3f03;
}
.nodeList .categoryStrip .nodeTitle a
{
color: #6d3f03;
}
.nodeList .categoryStrip .nodeDescription
{
font-size: 10px;
color: #6d3f03;
}
.nodeList .categoryStrip .nodeDescription a
{
color: #6d3f03;
}
.nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip
{
display: none;
}
/* node stats area */
.nodeStats
{
overflow: hidden; zoom: 1;
}
.nodeStats dl,
.subForumsPopup
{
float: left;
display: block;
margin-right: 3px;
}
/*.nodeStats dl,
.subForumsPopup .PopupControl
{
padding-top: 2px;
}*/
.subForumsPopup a.PopupControl
{
padding-left: 5px;
padding-right: 5px;
}
.subForumsPopup .dt
{
color: rgb(150,150,150);
}
.subForumsPopup .PopupOpen .dt
{
color: rgb(20,20,20);
}
.subForumsMenu .node .node /* for depths 2+ */
{
padding-left: 10px;
}
.subForumsMenu .node .nodeTitle
{
font-size: 11px;
}
/** new discussion button below nodelist **/
.nodeListNewDiscussionButton
{
margin-top: 10px;
text-align: right;
}
/* --- panel_scroller.css --- */
.hasJs #Notices.PanelScroller { display: none; }
.PanelScroller .scrollContainer,
.PanelScrollerOff .panel
{
background-color: rgb(252, 252, 255);
padding: 3px;
margin-bottom: 10px;
border: 1px solid #a5cae4;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
font-size: 10pt;
}
.PanelScroller .PanelContainer
{
position: relative;
clear: both;
width: 100%;
overflow: auto;
}
.hasJs .PanelScroller .Panels
{
position: absolute;
}
.PanelScroller .Panels
{
clear: both;
margin: 0;
padding: 0;
}
.PanelScroller .panel,
.PanelScrollerOff .panel
{
background: #d7edfc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
position: relative;
padding: 0 !important;
}
.PanelScroller .panel .noticeContent,
.PanelScrollerOff .panel .noticeContent
{
padding: 10px;
}
/** panel scroller nav **/
.PanelScroller .navContainer
{
margin: -11px 21px 0;
overflow: hidden;
zoom: 1;
}
.PanelScroller .navControls
{
float: right;
}
/* clearfix */ .PanelScroller .navControls { zoom: 1; } .PanelScroller .navControls:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.PanelScroller .navControls a
{
font-size: 9px;
color: @contentTextColor;
background-color: #f0f7fc;
padding: 3px 6px 2px;
margin-left: -1px;
float: left;
display: block;
position: relative;
border: 1px solid #a5cae4;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0;
}
.PanelScroller .navControls > a:first-child
{
border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-left-radius: 5px;
}
.PanelScroller .navControls > a:last-child
{
border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-bottom-right-radius: 5px;
}
.PanelScroller .navControls a:hover
{
text-decoration: none;
background-color: #f0f7fc;
}
.PanelScroller .navControls a.current
{
background-color: #d7edfc;
}
.PanelScroller .navControls a .arrow
{
display: none;
}
.PanelScroller .navControls a.current span
{
display: block;
line-height: 0px;
width: 0px;
height: 0px;
border-top: 5px solid #a5cae4;
border-right: 5px solid transparent;
border-bottom: 1px none black;
border-left: 5px solid transparent;
position: absolute;
}
.PanelScroller .navControls a.current .arrow
{
border-top-color: #a5cae4;
top: 0px;
left: 50%;
margin-left: -5px;
}
.PanelScroller .navControls a .arrow span
{
border-top-color: rgb(252, 252, 255);
top: -6px;
left: -5px;
}
/* notices */
#Notices .panel .noticeContent
{
padding-right: 25px;
}
/* --- sidebar_share_page.css --- */
.sidebar .sharePage .shareControl
{
margin-top: 10px;
}
.sidebar .sharePage iframe.fb_ltr
{
_width: 200px !important;
}
.mast .sharePage .secondaryContent
{
overflow: visible !important;
}
|
|