Share Skin http://uit.edu.vn ver Punbb[✔]

by **pro_qng** 26/12/2014, 12:45 pm

rip by Tống Hoàng Tín
demo : http://forum.uit.edu.vn/

vào thẳng vấn đề luôn
có dòng người rip dưới footer ,tôn trọng thì để , ko thích thì xoá tuỳ mỗi người
css
[hide]

Code:: /* CSS Document */ .popupmenu { *z-index:999; position: relative; } .popupmenu a.popupctrl { background-image:url(http://forum.uit.edu.vn/images/misc/black_downward_arrow.png); background-position:right center; background-repeat:no-repeat; padding-right:15px; _padding-right:25px; } .popupmenu a.popupctrl.nogadget { padding-right:0; background-image:none; } .popupgroup .popupmenu a.popupctrl { font-size:11px; padding:2px 4px; border: 0; background-color:transparent; text-decoration:none; padding-right:15px; margin-left:5px; } .popupgroup .popupmenu:hover a.popupctrl { border:0; background-color:transparent; } /* see PopupMenu.set_control_style() */ .popupgroup .popupmenu { float:left; } .blockfoot .popupctrl { text-decoration:none; padding:2px 6px; padding-right:15px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } .blockhead .popupctrl { color: #ffffff; } .blockhead .popupctrl:hover { color: #ffffff; } .popupbody { background:#e1e1e1 url(http://forum.uit.edu.vn/images/misc/blog/top-highlight.png) repeat-x ; border:1px solid #c4c4c4; padding:2px; position:absolute; z-index: 999; top:1.5em; left:0; display:none; min-width:200px; } .popupmenu:hover ul.popuphover { display:block; } .popupbody li { border-top:solid 1px #e1e1e1; } .popupbody > li:first-child { border-top:none; } .popupbody li > a, .popupbody li > label { display:block; color: #3E3E3E; padding:6.235px 10px; background:rgb(255, 255, 255) bottom repeat-x; text-decoration:none; text-align:left; white-space:nowrap; font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; } .blockhead .popupbody li > a { color:#3e3e3e; } /* vbmenu_hilite and vbmenu_option are for the ajax popup menus (tags) */ .popupbody li > a:hover, .popupbody li > label:hover, .popupbody li.vbmenu_hilite > a { background-color:#FFEB90; color:#3E3E3E; } .popupbody li.vbmenu_hilite, li.vbmenu_option { float: none; display:list-item; width: 100%; } .popupbody li.vbmenu_option > a:hover { background:rgb(255, 255, 255) bottom repeat-x; } .popupbody li input.searchbox { width:180px; padding:0px; font-size:10pt; font-style:italic; color:#777777; } .popupbody li input.searchbox:focus { font-style:normal; color:#3e3e3e; } .popupbody li.formsubmit { text-align:right; padding:0px; background:transparent; } .popupbody li.formsubmit .submitoptions { float:left; text-align:left; } .popupbody li.formsubmit .submitoptions label { display:block; } .popupbody li.formsubmit .submitoptions label, .popupbody li.formsubmit .advancedsearchlink a { color: #3E3E3E } .popupbody li.formsubmit.jumptopage > label { display:inline; background:none; } .popupbody li.formsubmit input[type="submit"], .popupbody li.formsubmit input[type="reset"], .popupbody li.formsubmit input[type="button"] { font:9pt Tahoma, Calibri, Verdana, Geneva, sans-serif; padding:2px; padding-bottom:1px; } .popupbody li.formsubmit input[type="submit"]:hover, .popupbody li.formsubmit input[type="reset"]:hover, .popupbody li.formsubmit input[type="button"]:hover { color:#417394; } .blockhead .popupmenu, .blocksubhead .popupmenu { display:block; float: right; clear: left; text-transform: none; } /* MEMBER ACTION DROP-DOWN */ .memberaction.popupmenu { position: relative; top: 0; display: inline-block; } .postdetails .memberaction.popupmenu { position: static; /* Opera 10.10 Fix */ } .memberaction.popupmenu a.popupctrl { background: none; padding: 0; } .memberaction_body.popupbody { width: 280px; background: rgb(255, 255, 255); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -moz-box-shadow: 0px 4px 7px #777777; -webkit-box-shadow: 0px 4px 7px #777777; box-shadow: 0px 4px 7px #777777; } .memberaction_body.popupbody li { border: none; width: 140px; } .memberaction_body.popupbody li.left { float: left; clear: left; } .memberaction_body.popupbody li.right { float: right; clear: right; } .memberaction_body.popupbody li img { float: left; padding: 4px; position: relative; top: -2px; } .memberaction_body.popupbody li > a { padding: 4px; } .memberaction_body.popupbody hr { float: left; height: 96px; width: 0; display: inline; } /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align: left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* CSS Document */ /*THIS*/ html { background:#e9e9e9 none ; } /* REVERSE SOME YUI RESET STUFF */ em {} strong {} /* BASIC PAGE ELEMENTS */ body { width:1024px; min-width:1024px; max-width:auto; margin: 0 auto 0 auto; font-size:13px; color:#3e3e3e; line-height:1.230; } a:active, a:focus { outline: 0; } body a { color:#417394; text-decoration:none; } body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate { color:#417394; text-decoration:underline; } body a.understate, body a .understate { color:inherit; text-decoration:none; *clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0); } .body_wrapper { padding: 10px 20px 10px 20px; background: rgb(255, 255, 255) none ; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } input, textarea, button, select { font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif; } .button { padding: 2.5px 5px; font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; border:1px solid #a8a8a8; color:#424242; background:#e9e9e9 url(http://forum.uit.edu.vn/images/gradients/generic_button.png) repeat-x top left; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } .button:hover { background: #efefef url(http://forum.uit.edu.vn/images/gradients/generic_button.png) repeat-x ; color: #424242; } body, legend { font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif; } .shade { color:#777777; } .time { color:#3e3e3e; } .nocss_label { display:none; } .normal { font-size:13px; font-weight:normal; } /* BLOCK STUFF */ .block { clear:both; padding:0; color:; font: ; } .blockhead { font: normal 12px Tahoma, Calibri, Verdana, Geneva, sans-serif; color:#ffffff; background:#7192a8 url(http://forum.uit.edu.vn/images/buttons/newbtn_middle.png) repeat-x ; _background-image: none; padding:4px 10px 4px 10px; border:1px solid #5a7f97; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .blockhead h2 { font-weight:bold; } .blockhead a { color:#ffffff; } .blockhead a:hover { color:#ffffff; } .blockhead img { margin-bottom: -4px; } .blocksubhead { font: normal 12px ; color:#3e3e3e; background:#e9e9e9 none repeat-x ; padding:4px 10px 4px 10px; border-top:1px solid #cecece; } .blocksubhead img { vertical-align:middle; } .blocksubhead a { color:#3e3e3e; text-decoration:none; } .blocksubhead a:hover { color:#417394; } .blockhead_info, .blocksubhead_info { float:right; font-weight:normal; } /*.blockhead + */.blockbody { /* not sure why I had this .blockhead + .blockbody selector... need to look out for breakage */ background:rgb(255, 255, 255) none no-repeat ; padding-left:0px; padding-right:0px; } .blockrow { background:none none ; padding:5px 10px 5px 10px; border: ; color:; font: ; } .blockrow a { color:; } .blockrow a:hover { color:; } .blockfoot, .blocksubfoot { display:block; clear:both; background:#ffffff none ; padding:5px 0px 5px 0px; border:0 rgb(102, 204, 0); color:; font: ; } .blockfoot a { color:; } .blockfoot a:hover { color:; } .blockfoot, .blocksubfoot { padding:5px 0px 5px 0px; } .blocksubfoot { text-align:right; } /* END BLOCK STUFF */ /* WYSIWYG */ .wysiwyg_block { margin-bottom: 10px; } .wysiwyg_block .blockrow:first-child { background: transparent url(http://forum.uit.edu.vn/images/gradients/gradient-greytowhite.png) repeat-x top left; } .wysiwyg_block iframe.textbox { border: 1px solid #6b91ab; background: #f3f7f9 none ; padding-bottom: 0; } .wysiwyg_block .formcontrols .blockrow { border-top: 0; } /* CSS TABLE STUFF */ .table { display:table; table-layout:fixed; } .thead { width:100%; padding:0; display: table-row; } .tr { display:table-row; } .td { display:table-cell; } /* PAGINATION LINKS */ .pagination span { display: block; float: left; clear: right; } .pagination span a { font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif; border: 1px solid #cedfeb; height: 15.99px; padding: 2px 4px; margin-left: 1px; background:#f2f6f8 none ; text-decoration:none; color: #417394; } .pagination span a:hover { border: 1px solid #417394; } .pagination span.prev_next a, .pagination span.first_last a { position: relative; top: -2px; } .pagination span.prev_next a img, .pagination span.first_last a img { position: relative; display: inline; top: 3px; } .pagination dt.label { display:none; } .pagination span.selected a { background: #759fbb url(http://forum.uit.edu.vn/images/buttons/newbtn_middle.png) repeat-x ; color: #ffffff; border: 1px solid #417394; height: 15.99px; font-weight:bold; padding: 2px 4px; margin-left: 1px; } .pagination .separator, .pagination .elipsis { background: none; border: 0; } .pagination .separator:hover { border: 0; } .pagination li.jumptopage { text-align:center; } .pagination span a.popupctrl { height: 15.99px; background: #f2f6f8 url(http://forum.uit.edu.vn/images/misc/black_downward_arrow.png) no-repeat center left; padding-right: 4px; padding-left: 18px; } .pagination .popupmenu:hover a.popupctrl { border: 1px solid #417394; color: #3e3e3e; } /* TEXT CONTROLS */ .textcontrols a, a.textcontrol { position:relative; padding: 3px 5px; font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; line-height: 1.230; text-decoration:none; border: 1px solid #a8a8a8; color: #424242; background:#e9e9e9 url(http://forum.uit.edu.vn/images/gradients/generic_button.png) repeat-x top left; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } .textcontrols a img, a.textcontrol img { position:absolute; bottom:2px; left:-2px; } .textcontrols a:hover img, a:hover.textcontrol img { position: absolute; bottom:2px; left:-2px; } .textcontrols a:hover, a:hover.textcontrol { background:#efefef url(http://forum.uit.edu.vn/images/gradients/generic_button.png) repeat-x ; text-decoration:none; color: #417394; } .textcontrols a:hover, a:hover.textcontrol { text-decoration:none; } .blockhead a.textcontrol { float:right; font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; margin-top: -4.5px; text-transform: none; } .blockhead a.textcontrol:hover { color: #417394; } /* FORUMJUMP (navpopup) */ .navpopupmenu { text-align:right; float: right; display:block; padding: 0; padding-top: 3px; clear: left; margin-left: 10px; font-size: 12px; margin-top: 0; } * html .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu a.textcontrol, .navpopupmenu a.popupctrl, .navpopupmenu.popupmenu.nohovermenu a.textcontrol, .navpopupmenu.popupmenu.nohovermenu a.popupctrl { text-decoration:none; color: #424242; border: 1px solid #a8a8a8; background: #e9e9e9 url(http://forum.uit.edu.vn/images/gradients/generic_button.png) repeat-x top left; _background-image: none; font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; padding: 3.3333333333333px 6.6666666666667px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .navpopupmenu a.textcontrol:hover, .navpopupmenu a.popupctrl:hover, .navpopupmenu.popupmenu.nohovermenu a.textcontrol:hover, .navpopupmenu.popupmenu.nohovermenu a.popupctrl:hover { background: #efefef url(http://forum.uit.edu.vn/images/gradients/generic_button.png) repeat-x ; color: #417394; _background-image: none; } .navpopupmenu .popupctrl .ctrlcontainer { background: transparent url(http://forum.uit.edu.vn/images/misc/black_downward_arrow.png) no-repeat center left; padding-left: 15px; white-space:nowrap; } .navpopupbody { width:auto; max-height:350px; text-align:left; *overflow:auto; overflow-y:scroll; left:auto; right:0; } .navpopupbody li { overflow:hidden; min-width: 200px; } .navpopupbody li.optionlabel { text-align:center; font-weight:bold; color: #3E3E3E; } /** * Not pretty, but it works... */ .navpopupbody .d1 a, option.d1 { text-indent:20px; } .navpopupbody .d2 a, option.d2 { text-indent:40px; } .navpopupbody .d3 a, option.d3 { text-indent:60px; } .navpopupbody .d4 a, option.d4 { text-indent:80px; } .navpopupbody .d5 a, option.d5 { text-indent:100px; } .navpopupbody .d6 a, option.d6 { text-indent:120px; } .navpopupbody .d7 a, option.d7 { text-indent:140px; } .navpopupbody .d8 a, option.d8 { text-indent:160px; } .navpopupbody .d9 a, option.d9 { text-indent:180px; } .navpopupbody .d10 a, option.d10 { text-indent:200px; } .navpopupbody .d11 a, option.d11 { text-indent:220px; } .navpopupbody .d12 a, option.d12 { text-indent:240px; } .navpopupbody .d13 a, option.d13 { text-indent:260px; } .navpopupbody .d14 a, option.d14 { text-indent:280px; } .navpopupbody .d15 a, option.d15 { text-indent:300px; } .navpopupbody .d16 a, option.d16 { text-indent:320px; } .navpopupbody .d17 a, option.d17 { text-indent:340px; } .navpopupbody .d18 a, option.d18 { text-indent:360px; } .navpopupbody .d19 a, option.d19 { text-indent:380px; } .navpopupbody .d20 a, option.d20 { text-indent:400px; } /* LEFT / RIGHT DT+DD */ dl.stats.totals { float:right; padding:5px; } dl.stats dt { display:inline; color:#777777; } dl.stats dt:after { content:":"; } dl.stats dd { display:inline; } /* BLOCK STATS */ dl.statsblock dt { display:block; float:left; clear:left; width:25%; } dl.statsblock dd { display:block; float:left; margin-left:10px; } /* LIGHT-TABS */ dl.tabslight { border-bottom:solid 1px #6b91ab; padding-left:20px; margin-bottom:1em; height:23px; margin-top:15px; } dl.tabslight dt { display:none; } dl.tabslight dd { float:left; } dl.tabslight dd a { font-size:11px; font-weight:bold; color:#3e3e3e; text-decoration:none; text-align:center; padding:0 10px; min-width:55; height:22; line-height:22px; display:block; border:1px solid #6b91ab; background-color:#e9e9e9; margin-left:-1; margin-bottom:-1; -moz-border-radius-topleft:5px; -moz-border-radius-topright:11px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:11px; border-top-left-radius:3px; border-top-right-radius:11px; } html>/**/body dl.tabslight dd.selected a, html>/**/body dl.tabslight dd.selected a:hover { position:relative; border-bottom: 1px solid transparent; background:#f1f3f8 none ; } * dl.tabslight dd.selected a, * dl.tabslight dd.selected a:hover { border-bottom: 1px solid transparent; background:#f1f3f8 none ; } dl.tabslight dd a:hover { color:#417394; background:#7192a8 url(images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x 0 -4px; } /* COLUMN SORT LINKS */ .columnsort a, .columnsort span { display:block; text-decoration:none; white-space:nowrap; text-align: left; } .columnsort a:hover { background-color:#FFEB90; text-decoration:none; color:inherit; } tr.columnsort th { white-space:nowrap; } /* MISC */ div.collapse { position:relative; } a.collapse { float:right; right:10px; top:20px; position:absolute; } .blockhead a.collapse { top: 10px; } #forumrules { margin-bottom: 10px; border-bottom: 1px solid #c4c4c4; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-top: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) url(images/gradients/gradient-greytowhite.png) repeat-x ; } #forumrules ul.youcandoblock { float:left; width:55%; overflow:hidden; margin: 0 10px 10px 0; } #forumrules ul.bbcodeblock { float:right; width:42%; text-align:right; overflow:hidden; } #forumrules .rules_link { margin-top: 10px; width: 42%; padding-left: 55%; } .errorblock ul.blockrow.error > li { border-bottom:solid 1px #cedfeb; padding-bottom:10px; margin-bottom:10px; } .errorblock ul.blockrow.error li:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; } blockquote.preview { font: 13px Tahoma,Calibri,Verdana,Geneva,sans-serif; } blockquote.preview.forumcontent { font: 13px Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif; } blockquote.preview .bbcode_container div.bbcode_code, blockquote.preview .bbcode_container pre.bbcode_code { margin:0; padding:6px; border:1px inset; text-align:left; overflow:auto; direction:ltr; background:#f2f6f8 repeat-x; /*height:;*/ font-size:12px; } blockquote.preview .bbcode_container code.bbcode_code { margin:0; text-align:left; direction:ltr; font-size:12px; } blockquote.preview .bbcode_container code.bbcode_code code { white-space:nowrap; } blockquote.preview fieldset.postattachlist { background:rgb(255, 255, 255) bottom repeat-x; border-top:solid 1px #cedfeb; padding-bottom:1em; } blockquote.preview .bbcode_container div.bbcode_quote { margin:0 10px; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f2f6f8 none ; border-radius: 5px; border: 1px solid #417394; font: italic normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif; position: relative; top: 0; } blockquote.preview .bbcode_container .bbcode_quote_container { background: transparent url(images/misc/quote-left.png) no-repeat left; display:block; width: 9px; height: 13px; position: absolute; top: 5; left: -9px; } blockquote.preview .bbcode_quote div.quote_container { border-top: 1px solid #fafafa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px 5px 10px; } .attachments { border: 1px solid #cecece; background: #ececec none ; margin: 20px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px 10px 5px 10px; font-size: 12px; } .attachments fieldset { margin: 5px 0; } .attachments img.inlineimg { position: relative; top: 2px; } blockquote.preview .signature { margin-top:1.5em; border-top:solid 1px rgb(187,187,187); padding-top:0.5em; } .commalist li { display:inline-block; } .commalist li:after { /* Comma + */ content:",\0000A0"; } .commalist li:last-child:after { content:""; } ul.username li a, ol.username li a, a.username {} .commalist li a.username { display:inline; } .standard_error { max-width:600px; margin:0 auto; padding:4em 0 6em; } .hidden { display:none; } /* Auto-clearing of floats */ .floatcontainer:after, .formcontrols .blockrow:after, dl.stats:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .floatcontainer, .formcontrols .blockrow, dl.stats { display:inline-block; font-weight:normal; } /* IE-Mac hide \*/ * html .floatcontainer, .formcontrols .blockrow, dl.stats { height:1%; } .floatcontainer, .formcontrols .blockrow, dl.stats { display:block; } .floatcontainer.hidden { display:none; } /* End IE-Mac hide */ /* INLINEMOD */ #inlinemod_formctrls { float:right; } #inlinemod_formctrls .popupctrl { top: -5px; position: inherit; text-decoration:none; background: #e9e9e9 url(images/gradients/generic_button.png) repeat-x top left; padding-right: 0; color: #424242; border: 1px solid #a8a8a8; font: bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; float: left; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; } #inlinemod_formctrls a.popupctrl:hover { background: #efefef url(images/gradients/generic_button.png) repeat-x ; color: #417394; } #inlinemod_formctrls a.popupctrl span.ctrlcontainer { display:inline-block; background: transparent url(images/misc/black_downward_arrow.png) no-repeat center left; padding-top: 3.3333333333333px; padding-right: 5px; padding-bottom: 3.3333333333333px; padding-left: 15px; font-size: 11px; float: left; } #inlinemod_formctrls .popupbody { left:auto; right:0px; } /* FORUM DISABLED */ div.forum_disabled { text-align:center; color:red; background-color:white; padding:10px; font-size:20px; } /** * UN-RESET * * These definitions are designed to undo the effects of YUI Reset, but only when contained within a *.reset element. * Code is based on YUI Base */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /** * YUI Base * @module base * @namespace yui- * @requires reset, fonts */ .restore body { /* For breathing room between content and viewport. */ margin:10px; } .restore h1 { /* 18px via YUI Fonts CSS foundation. */ font-size: 138.5%; } .restore h2 { /* 16px via YUI Fonts CSS foundation. */ font-size: 123.1%; } .restore h3 { /* 14px via YUI Fonts CSS foundation. */ font-size: 108%; } .restore h1, .restore h2, .restore h3 { /* Top & bottom margin based on font size. */ margin: 1em 0; } .restore h1, .restore h2, .restore h3, .restore h4, .restore h5, .restore h6, .restore strong, .restore dt { /* Bringing boldness back to headers and the strong element. */ font-weight: bold; } .restore optgroup { font-weight:normal; } .restore abbr, .restore acronym { /* Indicating to users that more info is available. */ border-bottom: 1px dotted #000; cursor: help; } .restore em { /* Bringing italics back to the em element. */ font-style: italic; } .restore del { /* Striking deleted phrases. */ text-decoration: line-through; } .restore blockquote, .restore ul, .restore ol, .restore dl { /* Giving blockquotes and lists room to breath. */ margin: 1em; } .restore ol, .restore ul, .restore dl { /* Bringing lists on to the page with breathing room. */ margin-left: 2em; } .restore ol > li, .restore ol.decimal > li { list-style:decimal outside; } .restore ol.upper-roman > li { list-style:upper-roman outside; } .restore ol.lower-roman > li { list-style:lower-roman outside; } .restore ol.upper-alpha > li { list-style:upper-alpha outside; } .restore ol.lower-alpha > li { list-style:lower-alpha outside; } .restore ul > li { /* Giving UL's LIs generated disc markers. */ list-style: disc outside; } .restore dl dd { /* Giving UL's LIs generated numbers. */ margin-left: 1em; } .restore th, .restore td { /* Borders and padding to make the table readable. */ border: 1px solid #000000; padding: 0.5em; } .restore th { /* Distinguishing table headers from data cells. */ font-weight: bold; text-align: center; } .restore caption { /* Coordinated margin to match cell's padding. */ margin-bottom: .5em; /* Centered so it doesn't blend in to other content. */ text-align: center; } .restore sup { /* to preserve line-height and selector appearance */ vertical-align: super; } .restore sub { /* to preserve line-height and selector appearance */ vertical-align: sub; } .restore p, .restore fieldset, .restore table, .restore pre { /* So things don't run into each other. */ margin-bottom: 1em; } /* Opera requires 1px of passing to render with contemporary native chrome */ .restore button, .restore input[type="checkbox"], .restore input[type="radio"], .restore input[type="reset"], .restore input[type="submit"] { padding:1px; } .restore li > p { margin-bottom: 0em; } .unread { font-weight:bold; } /* Cloud tags */ li.tag { display:inline; margin-right:5pxpx; } li.tag label.mine { font-weight:bold; } li.tag a { text-decoration:none; } li.taglevel1 { font-size:xx-small; } li.taglevel2 { font-size:small; } li.taglevel3 { font-size:medium; } li.taglevel4, li.taglevel5 { font-size:large; } li.taglevel5 { font-weight:bold; } li.tag.option { padding:10px; } /* Tag Controls */ /* Tagging Controls */ #thread_tags_list input#tag_add_input { display:block; width:90%; margin-top:2px; margin-bottom:0.5em; } #thread_tags_list .description { color:#777777; } #thread_tags_list .actionbuttons { text-align:right; margin-bottom:1em; } #tag_edit_list { list-style:none; margin:0; padding:0; } #tag_edit_list li { float:left; display:block; width:100px; } #tag_edit_list li.mine { font-weight:bold; } /* We don't use class="inlineimg" in vB4 img.inlineimg { padding:0 10px; } */ /* Social Bookmarks */ #social_bookmarks_list li { display:block; float:left; padding-left:10px; } /* Imagereg */ #imagereg { vertical-align:middle; margin-bottom:5px; } #wol_navpopup.navpopupmenu { margin-bottom:6px; } .navlinks { background: #f5f5f5 none ; border-top: 1px solid #e7e7e7; padding: 10px 0; text-align: center; color: #5d5d5d; font-size: ; margin-top: 20px; margin-bottom: 20px; width:100%; clear:both; } .clear, .cleardiv { clear: both; } #ajax_post_errors { position:absolute; width:420px; z-index:500; padding:2px; background-color:#FFFFFF; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; border-top-left-radius:5px; } #ajax_post_errors .blockrow { border-bottom:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; } #ajax_post_errors .blockfoot { text-align:center; } #ajax_post_errors_message ol { margin:1em; margin-left:2em; } #ajax_post_errors_message ol.numeric li, #ajax_post_errors_message ol li { list-style-image:none; list-style-position:outside; list-style-type:decimal; } .highlight { background: #FFEB90 none repeat-x ; } /* Facebook Section */ label#fb_pulishlabel { font-size: 12px; font-weight: normal; margin-right: 10px; vertical-align: middle; } #fb_likeframe { border: none; overflow: hidden; height: 27px; width: 260px; vertical-align: text-bottom; } #pagetitle #fb_likeframe { float: right; } .blogbit #fb_likeframe { margin-top: 7px; } /* Fix for Facebook Connect rtl scrollbar */ #recaptcha_area { direction:ltr; display:inline; } #recaptcha_widget_div { float:left; } .member_blockrow .error { padding:4px 10px 4px 10px; } div.cms_table { overflow:auto; overflow-y:hidden; padding:1px; } table.cms_table_grid, table.wysiwyg_cms_table_grid { border-collapse: collapse; } td.cms_table_grid_td, td.wysiwyg_cms_table_grid_td { border: solid rgb(153, 153, 153); } table.cms_table_outer_border, table.wysiwyg_cms_table_outer_border { border-collapse: collapse; border: solid rgb(153, 153, 153); } td.cms_table_td, td.cms_table_outer_border_td { border:none; } /* CSS Document */ /** * CHROME: HEADER, NAVBAR, BREADCRUMB, FOOTER */ /*************************************************/ /* HEADER */ .tinpro_hoangtinqng { background:#2f4456 url(http://forum.uit.edu.vn/images/gradients/gradient-grey-down.png) repeat-x ; _background-image: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .doc_header { _background-image:none; border: ; color:#a8a8a8; font:normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif; position:relative; min-height:35px; /*padding-bottom:5px;*/ /*margin-bottom:52px;*/ } .doc_header a { color:; } .doc_header a:hover { color:; } .doc_header hr { display: none; } .logo-image { float: left; clear: right; min-height: 2em; height: auto !important; padding: ; } .toplinks { position:absolute; right:20px; top:0; color:#ffffff; font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif; text-align:right; background: none ; } .toplinks ul.isuser li#fb_headerbox.hidden, .toplinks ul.nouser li#fb_headerbox.hidden { display: none; } .toplinks ul.isuser li#fb_headerbox a, .toplinks ul.nouser li#fb_headerbox a { padding-top: 0; background: none; cursor: pointer; } li#fb_headerbox a#fb_link { position: relative; } li#fb_headerbox a#fb_link #fb_squarepic{ position:absolute; right:-6px; top:5px; z-index:1; border:1px solid #B3CCE7; padding:1px; } li#fb_headerbox a#fb_link #fb_icon{ position:absolute; right:10px; top:1px; z-index:2; } .toplinks ul.isuser, .toplinks ul.nouser { display:block; float: right; clear: left; list-style: none; } .toplinks ul.isuser li { display:inline; position: relative; color: #a8a8a8; float: right; clear: left; padding-right: 10px; background:; } .toplinks ul.isuser .popupbody li { display:block; float: none; clear: none; padding:0; margin:0; } .toplinks ul.isuser li.welcomelink { display: block; float: right; clear: left; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; color: ; } .toplinks ul.isuser li.logoutlink { top: 0; } .toplinks ul.isuser li a { display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; font-weight:bold; color:#ffffff; } .toplinks ul.isuser li li a { float: none; margin-left: 0; } .toplinks ul.isuser li.welcomelink a { display:inline; float: none; clear: none; margin-left: 0; } .toplinks ul.isuser li a:hover { padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; background: #7192A8; color:rgb(255, 255, 255); } .toplinks ul.nouser li { display:inline; } .toplinks ul.nouser li a { float:left; clear:right; color:#ffffff; } .toplinks ul.nouser li a{ display: block; float: right; clear: left; color:#ffffff; position: relative; padding: 6px 10px 0 10px; background: #7192A8; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; height:20px; font-weight:bold; font-size:12px; margin-right: 10px; } .toplinks ul.nouser li a:hover { background: #7192A8; color:rgb(255, 255, 255); } .toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications { color: rgb(0, 0, 0); position: relative; } .toplinks ul.isuser li.popupmenu ul li { position: relative; top: 0; margin: 0; text-align: left; } .toplinks ul.isuser .notifications .popupbody { background: #7192A8; border: 1px solid #7192A8; /* makes it look consistent with the popup background */ } .toplinks ul.isuser .notifications .popupbody li a{ color: rgb(0, 0, 0); padding: 0 5px; font-weight: normal; background:rgb(255, 255, 255); border-top:1px solid #7192A8; /* makes it look consistent with the popup background */ /*position: relative;*/ text-align: left; padding-left: 30px; line-height: 26px; } .toplinks ul.isuser .notifications .popupbody li a span { position: absolute; line-height: 26px; left: 5px; } .toplinks ul.isuser .notifications .popupbody li a:hover { background:#FFEB90; color: rgb(0, 0, 0); text-decoration: underline; } .toplinks form { min-width: 220px; display:block; margin-right: 10px; text-align: left; float: right; clear: left; _width:20%; } .toplinks .logindetails { padding: 0 10px; text-align: center; background: #7192A8; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; height: 26px; } .toplinks form input { margin: 3px 0 0; vertical-align: baseline; font-size: 11px; padding: 1px; border: 0; } .toplinks form input.textbox { color: #303030; } .toplinks form input.default-value { color: #828282; } .toplinks .remember { margin: -3.3333333333333px 0 0 20px; font-size: 10px; color: ; } .toplinks .remember input { vertical-align: baseline; } .cb_cookieuser_navbar{ position: relative; top: 2px; } .notifications a.popupctrl:link, .notifications a.popupctrl:visited, .toplinks a:link, .toplinks a:visited { color: #ffffff; text-decoration:none; } .notifications>a:link, .notifications>a:visited { /* ie6 hack: broke this rule out on its own: the > selector makes ie6 ignore rule entirely. */ color: #ffffff; text-decoration:none; } .notifications > a:hover, .notifications a.popupctrl:hover { color: rgb(255, 255, 255); } .notifications { font-size:11px; color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .notifications a { text-decoration:none; } .notifications .popupbody { color:rgb(0, 0, 0); } .header hr, .header h2 { display:none; } /*************************************************/ /* NAVBAR */ .navbar { position:relative; height:53px; background:#2f4456 none ; margin:10px 0px 0px 0px; color:rgb(255, 255, 255); font: 11px Arial, Calibri, Verdana, Geneva, sans-serif; border:0px solid rgb(255, 255, 255); -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .navbar a { color:rgb(255, 255, 255); } .navbar a:hover { color:rgb(255, 255, 255); } .navtabs { background:#7192A8 url(http://forum.uit.edu.vn/images/buttons/newbtn_middle.png) repeat-x ; padding: 0px 0px 0px 20px; height: 26px; _background-image:none; } .navtabs li:first-child { border-left: 1px solid #5a7f97; } .navtabs ul { /* background: #2f4456; */ position:absolute; top:26px; left:0px; width:100%; border-top:1px solid #5a7f97; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-right:-80px; /* This is to fix RTL menu issue under Opera */ direction:ltr; } .navtabs li { float:left; border-right: 1px solid #5a7f97; } .navtabs ul li:first-child { margin-left: 20px; border-left: 0; } #navtabs .popupmenu ul li:first-child { margin-left: 0px; } .navtabs ul li { border-right: 0; position: relative; } .navtabs li a { height:26px; line-height:26px; padding:0 10px; } .navtabs li a.navtab { border-top: 1px solid #Cedfeb; border-left: 1px solid #Cedfeb; display:block; background:#7192A8 url(http://forum.uit.edu.vn/images/buttons/newbtn_middle.png) repeat-x ; _background-image:none; min-width:60px; width:auto !important; width:60px; _min-width:75px; _width:auto !important; _width:75px; text-align:center; color: #ffffff; font: bold 12px Arial, Calibri, Verdana, Geneva, sans-serif; text-decoration:none; line-height:26px; } .navtabs li a.navtab:hover { background:#7192a8 url(http://forum.uit.edu.vn/images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x 0 -4px; _background-image:none; /*color:#417394;*/ color:#000000; } .navtabs li.selected { height:26px; color:#000000; } .navtabs li.selected a.navtab { color:#000000; background:#7192a8 url(http://forum.uit.edu.vn/images/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x ; _background-image:none; position:relative; top:-4px; padding-top:4px; z-index:10; } .navtabs li.selected li a, .navbar_advanced_search li a { text-decoration:none; font: 11px Arial, Calibri, Verdana, Geneva, sans-serif; line-height: 26px; } .navtabs li.selected li a { color:rgb(255, 255, 255); padding:2px 5px; } .navbar_advanced_search li { height: 26px; display:block; clear:both; } .navbar_advanced_search li a { color:rgb(255, 255, 255); } .navbar_advanced_search li a:hover { color:rgb(255, 255, 255); text-decoration:underline; } .navtabs li.selected li a:hover { color:rgb(255, 255, 255); text-decoration:underline; } .navtabs li.selected .popupbody li > a { padding:0px 10px; text-indent: 0; color: rgb(0, 0, 0); } .navtabs li.selected li a.popupctrl { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px transparent; _border: none; background:transparent url(http://forum.uit.edu.vn/images/misc/arrow.png) no-repeat right center; padding-right:15px; _background-image:url('http://forum.uit.edu.vn/images/misc/arrow.gif'); color: rgb(255, 255, 255); } .toplinks .notifications a.popupctrl { padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 15px; background: #7192A8 url(http://forum.uit.edu.vn/images/misc/arrow.png) right center no-repeat ; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius:5px; border-bottom-left-radius: 5px; _background-image:url('http://forum.uit.edu.vn/images/misc/arrow.gif'); } .toplinks .nonotifications a.popupctrl { padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 15px; background: transparent url(http://forum.uit.edu.vn/images/misc/arrow.png) no-repeat right center; _background-image:url('http://forum.uit.edu.vn/images/misc/arrow.gif'); } .toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{ padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 15px; background: #7192A8 url(http://forum.uit.edu.vn/images/misc/arrow.png) no-repeat right center; _background-image:url('http://forum.uit.edu.vn/images/misc/arrow.gif'); } .toplinks .notifications a.popupctrl:hover { padding-top: 3px; } .navtabs li.selected li:hover a.popupctrl { border-color:#2f4456; background-color:#7192A8; text-decoration:none; } .navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active { border-color:#7192A8; background-color:#7192A8; color:rgb(255, 255, 255); text-decoration:none; } .navtabs .popupbody { border: 1px solid #7192A8; background: #7192A8; width: auto; } .navtabs .popupbody li { float:none; border-top: 1px solid #7192A8; } .navtabs .popupbody li a:hover { background-color: #FFEB90; } .nonotifications div.popupbody { min-width: 170px; width: auto !important; width: 170px; background: #7192A8; border: 1px solid #7192A8; } .nonotifications .popupbody p { color: rgb(0, 0, 0); text-align: left; background: rgb(255, 255, 255); border-top: 1px solid #7192A8; padding: 0; text-indent: 5px; line-height: 26px; display:block; } .toplinks .nonotifications .popupbody a { background: rgb(255, 255, 255); color: rgb(0, 0, 0); float: none; clear: none; padding: 0 5px; margin-left: 0; text-align: left; line-height: 26px; } .toplinks .nonotifications .popupbody a:hover { background:#FFEB90; color: rgb(0, 0, 0); text-decoration: underline; padding: 0 5px; } .globalsearch { position:absolute; width:180px; right: 20px; top: 0px; float: right; clear: left; text-align:right; line-height: 1.0em; display:block; } .navbar_search { position:relative; width:180px; right: -20px; display:block; } .navbar_search input { font-size: 11px; vertical-align:middle; padding: 1px; border:1px solid #5a7f97; } .globalsearch .textboxcontainer { height: 26px; border-left:1px solid #5a7f97; display:inline-block; float: left; text-align:center; } .globalsearch .textboxcontainer span { border-top: 1px solid #Cedfeb; border-left: 1px solid #Cedfeb; display: inline-block; height: 22px; padding-left: 2px; padding-right: 2px; padding-top: 3px; margin-bottom: 1px; width: 147px; _width:140px; /* ie6 hack */ } .globalsearch input.textbox { width: 120px; } .toplinks form input.loginbutton { font-size: 11px; padding: 0 5px; background-color: ; border:solid 1px rgb(65,93,141); } .globalsearch .buttoncontainer { height: 26px; border-left:1px solid #5a7f97; display:inline-block; border-right:1px solid #5a7f97; width: 25px; overflow: hidden; float: right; } .globalsearch .buttoncontainer span{ border-top: 1px solid #Cedfeb; border-left: 1px solid #Cedfeb; height: 23px; padding-left: 4px; padding-top: 2.5px; display:inline-block; } .globalsearch .searchbutton { border: 0; padding: 0; width: 22px; margin-top: -2px; margin-left: -2px; } /*************************************************/ /* BREADCRUMB */ .breadcrumb .navbit { float:left; background-image:url(http://forum.uit.edu.vn/images/misc/navbit-arrow-right.png); background-position:right center; background-repeat:no-repeat; padding-right:10px; padding-left:3px; } .breadcrumb .navbit:first-child { padding-left:0; } .breadcrumb .navbit.lastnavbit { background: transparent; } .breadcrumb .navbit.lastnavbit span { float:left; background: transparent; padding-right:10px; padding-left:3px; } .breadcrumb .navbit > a, .breadcrumb .lastnavbit > span { display:block; padding:2px 4px; float:left; background-color:transparent; border:1px solid transparent; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .breadcrumb .navbit a:hover { border-color:#cedfeb; background-color:rgb(246,248,249); } .breadcrumb .navbit a { text-decoration:none; } .breadcrumb .navbit a.popupctrl { background-image:url(http://forum.uit.edu.vn/images/misc/navbit-arrow-right.png); background-position:center center; padding:2px 6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .breadcrumb .navbit a.popupctrl:hover { background-color:#FFEB90; color:#417394; } .breadcrumb hr { display:none; } /*************************************************/ /* PAGE TITLE */ #pagetitle { padding:0px 0px 0px 0px; clear:both; padding-top: 5px; background: none ; border: ; } #pagetitle a { color:; } #pagetitle a:hover { color:; } #pagetitle h1 { color: inherit; font-size:14px; font-weight:bold; } #pagetitle .description { color: inherit; font-size: 11.05px; } /*************************************************/ /* NEW CONTENT LINK */ .newcontent_textcontrol { background: #417394 url(http://forum.uit.edu.vn/images/buttons/newbtn_middle.png) repeat-x left top; _background-image: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 3px 8px #dddddd; -webkit-box-shadow: 0 3px 8px #dddddd; box-shadow: 0 3px 8px #dddddd; font: normal 14px Arial, sans-serif; color: rgb(255, 255, 255); padding: 4px 15px 4px 15px; border: 0 ; display:block; float: left; clear: right; } .newcontent_textcontrol span { font-size:15px; font-weight:bold; display:inline; } .newcontent_textcontrol:hover { background: #5b8dae url(http://forum.uit.edu.vn/images/buttons/newbtn_middle.png) repeat-x left top; _background-image: none; color: rgb(255, 255, 255); text-decoration: none; } /*************************************************/ /* FOOTER */ .footer { clear:both; margin-top:15px; text-align:right; display:block; /*width: 100%; VBIV-10173*/ -moz-box-shadow: -2px 2px 2px #c8c8c8; -webkit-box-shadow: -2px 2px 2px #c8c8c8; box-shadow: -2px 2px 2px #c8c8c8; background:#425769 none ; padding:5px 0px 5px 0px; border:1px solid #425769; color:; font: normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif; } .footer a { color:rgb(255, 255, 255); } .footer a:hover { color:rgb(255, 255, 255); } .footer_copyright, .footer_morecopyright { padding-bottom:5px; color:rgb(102, 102, 102); font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; margin-top: 10px; text-align:center; display:block; } .footer_time { color:rgb(102, 102, 102); font: normal 11px Tahoma, Calibri, Verdana, Geneva, sans-serif; padding-top:10px; text-align:center; } .footer_select { float:left; text-align:left; margin-left: 10px; margin-top: 0; } .footer_links { margin-right: 10px; margin-top: 2px; } .footer_links li { display:inline; margin-left:5px; } .below_body .time { color: #3e3e3e; } .notices { background: rgb(255, 255, 255); margin: 5px 0; } .notices li { background: #ffeb90 none ; font-size: 12px; color: #3e3e3e; padding:5px 10px; margin-bottom:5px; -moz-box-shadow: -2px 2px 2px #c8c8c8; -webkit-box-shadow: -2px 2px 2px #c8c8c8; box-shadow: -2px 2px 2px #c8c8c8; text-align: left; clear:both; } .breadcrumb .navbithome { float: left; padding: 3.5px 0; } /* end styles for template: navbar */

[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]
footer_end

Code::  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <div> <div> <div> <div> <div> <div> <ul> <li>  </li> </ul> <ul> <li> <a title="TínPr0" target="_blank" rel="nofollow" href="http://facebook.com/hoangtinqng" class="copyright" name="bottom">© <font color="green">TínPro</font>- Skin cover Punbb by <font color="red">TínPro</font></a> </li> </ul> </div> <br /> <p class="center"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> </div> </div>  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>   <script type="text/javascript"> //<![CDATA[ FB.Event.subscribe('auth.logout', function(response) { if ($('a#logout')) { var lien_redir = $('a#logout').attr('href'); if ($('a#logout').attr('href') && $('a#logout').attr('href') != '') { document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir; } } }); $(document).ready( function() { $('a#logout').click( function() { FB.logout(); } ); } ); //]]> </script>  <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html> <div class="below_body"> <div id="footer_time" class="shade footer_time">Múi giờ GMT +7. Hiện tại là <span class="time">11:26</span></div> <div id="footer_copyright" class="shade footer_copyright">  Powered by <a href="http://www.vbulletin.com" id="vbulletinlink">vBulletin®</a> Version 4.1.5 <br>Copyright © 2014 vBulletin Solutions, Inc. All rights reserved.  </div> <div id="footer_morecopyright" class="shade footer_morecopyright">   </div> </div>

by **pro_qng** 26/12/2014, 12:47 pm

header

Code:: header [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" />  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JQUERY_PATH}" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch( tickerDirParam ) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function() { var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('#fa_ticker_content').css('display','block'); $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); if (slid_vert) { var height_max = h_perso; $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } ); $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto'); $('ul#fa_ticker_content li').height(height_max); } $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display','none'); $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center'); } }); //]]> </script>  <script type="text/javascript"> //<![CDATA[ jQuery().ready(function(){  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if(pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if(report != null) { report.focus(); }   $(window).load(function() { Ticker.start({ height : {switch_ticker.HEIGHT}, spacing : {switch_ticker.SPACING}, speed : {switch_ticker.SPEED}, direction : '{switch_ticker.DIRECTION}', pause : {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;   $(document).ready( function() { $(window).resize(function() { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth/2 - popupWidth/2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align:center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']);  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']);  (function() { var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true; ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script>  </head> <body>  <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" class="module main"> <div id="login_popup_title" class="main-head"> <div class="h3">{SITENAME}</div> </div> <div class="main-content"> {LOGIN_POPUP_MSG} <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button2" value="{L_LOGIN}" /> <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> </div> </div>  <a id="top" name="top" accesskey="t"></a> <div class="minwidth_IE"> <div class="layout_IE"> <div class="container_IE"> <div class="tinpro_hoangtinqng">  <div id="header" class="floatcontainer doc_header"> <div><a name="top" href="/forum" class="logo-image"><img src="http://forum.uit.edu.vn/images/misc/vbulletin4_logo.png" alt="UIT - Forum - Powered by vBulletin" /></a></div>  <div id="toplinks" class="toplinks"> <ul class="nouser"> <li><a href="/register" rel="nofollow">Đăng ký</a></li> <li><a rel="help" href="/faq">Giúp đỡ</a></li> <li> <form id="navbar_loginform" action="/login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"> <fieldset id="logindetails" class="logindetails"> <div> <div> <input type="text" class="textbox default-value" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="Tên tài khoản" /> <input type="password" class="textbox" tabindex="102" name="vb_login_password" id="navbar_password" size="10" /> <input type="text" class="textbox default-value" tabindex="102" name="vb_login_password_hint" id="navbar_password_hint" size="10" value="Mật khẩu" style="display:none;" /> <input type="submit" class="loginbutton" tabindex="104" value="Ðăng nhập" title="Nhập username và mật khẩu đã cung cấp để đăng nhập, hoặc ấn vào 'đăng ký' để tao 1 tài khoản" accesskey="s" /> </div> </div> </fieldset> <div id="remember" class="remember"> <label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" /> Ghi nhớ?</label> </div> <input type="hidden" name="s" value="98f794032a63247d0de339cc2b332088" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="do" value="login" /> <input type="hidden" name="vb_login_md5password" /> <input type="hidden" name="vb_login_md5password_utf" /> </form> </li> </ul> </div>   <div id="toplinks" class="toplinks"> <ul class="isuser"> <li><a href="{U_LOGIN_LOGOUT}">Thoát</a></li> <li><a href="/profile?mode=editprofile&page_profil=informations">Tùy chỉnh</a></li> <li><span class="USERLINK"></span></li> <li class="nonotifications" id="nonotifications"> <a href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()" id="yui-gen1">{PRIVATE_MESSAGE_INFO}</a> </li> <li class="welcomelink">Chào bạn, <span class="USERLINK"></span></li> </ul> </div>  <ul style="display:none"> <li>{GENERATED_NAV_BAR}</li> </ul> <div class="ad_global_header"> </div> <hr /> </div> <div id="navbar" class="navbar"> <ul id="navtabs" class="navtabs floatcontainer"> <li class="selected"><a class="navtab" href="forum.php?s=98f794032a63247d0de339cc2b332088">Diễn đàn</a> <ul class="floatcontainer"> <li><a href="search.php?s=98f794032a63247d0de339cc2b332088&do=getdaily&contenttype=vBForum_Post">Bài gửi hôm nay</a></li> <li><a rel="help" href="faq.php?s=98f794032a63247d0de339cc2b332088" accesskey="5">FAQ</a></li> <li><a href="calendar.php?s=98f794032a63247d0de339cc2b332088">Lịch</a></li> <li class="popupmenu"> <a href="javascript://" class="popupctrl" accesskey="6">Trang cộng đồng</a> <ul class="popupbody popuphover"> <li><a href="memberlist.php?s=98f794032a63247d0de339cc2b332088">Danh sách thành viên</a></li> <li><a href="thanks.php?s=98f794032a63247d0de339cc2b332088&do=hottest">Hottest Threads / Posts</a></li> <li><a href="thanks.php?s=98f794032a63247d0de339cc2b332088&do=statistics">Thanks / Like Statistics</a></li> <li><a href="usertag.php?s=98f794032a63247d0de339cc2b332088&do=statistics">User Tagging Statistics</a></li> </ul> </li> <li class="popupmenu"> <a href="javascript://" class="popupctrl">Hoạt động diễn đàn</a> <ul class="popupbody popuphover"> <li> <a href="forumdisplay.php?s=98f794032a63247d0de339cc2b332088&do=markread&markreadhash=guest" onclick="return confirm('Are you sure you want to mark all forums as being read? This cannot be undone.')">Đánh dấu là đã đọc</a> </li> </ul> </li> <li class="popupmenu"> <a href="javascript://" class="popupctrl" accesskey="3">Liên kết nhanh</a> <ul class="popupbody popuphover"> <li><a href="showgroups.php?s=98f794032a63247d0de339cc2b332088" rel="nofollow"> Nhóm điều hành </a></li> <li><a href="thanks.php?s=98f794032a63247d0de339cc2b332088&do=hottest">Hottest Threads / Posts</a></li> <li><a href="thanks.php?s=98f794032a63247d0de339cc2b332088&do=statistics">Thanks / Like Statistics</a></li> <li><a href="usertag.php?s=98f794032a63247d0de339cc2b332088&do=statistics">User Tagging Statistics</a></li> </ul> </li> </ul> </li> <li><a class="navtab" href="search.php?s=98f794032a63247d0de339cc2b332088&do=getdaily&contenttype=vBForum_Post" accesskey="2">Xem bài viết mới nhất</a></li> <li><a class="navtab" href="http://gxn.uit.edu.vn">Giấy xác nhận</a></li> </ul> <div id="globalsearch" class="globalsearch"> <form action="search.php?s=98f794032a63247d0de339cc2b332088&do=process" method="post" id="navbar_search" class="navbar_search"> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="do" value="process" /> <span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"/></span></span> <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="http://forum.uit.edu.vn/images/buttons/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span> </form> <ul class="navbar_advanced_search"> <li><a href="search.php?s=98f794032a63247d0de339cc2b332088" accesskey="4">Tìm chi tiết</a></li> </ul> </div> </div> </div>  <div class="pun"> <div class="body_wrapper"> <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}"><img src="http://i.imgur.com/D3qYDBp.png" alt="Trang chủ" title="Trang chủ" /> Diễn đàn</a>{NAV_CAT_DESC}<a href="{TOPIC_URL}">{PAGE_TITLE}</a></p> </div> <br />  <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices"> <input type="hidden" name="do" value="dismissnotice" /> <input type="hidden" name="s" value="" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" /> <input type="hidden" name="url" value="" /> <ol> <li class="restore" id="navbar_notice_1"> If this is your first visit, be sure to check out the <a href="faq.php" target="_blank"><b>FAQ</b></a> by clicking the link above. You may have to <a href="register.php" target="_blank"><b>register</b></a> before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below. </li> </ol> </form>  <div id="pagetitle"> <h1>UIT - Forum</h1> <p id="welcomemessage" class="description">Chào mừng bạn đến với UIT - Forum.</p> </div>  <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>   <div id="fa_ticker_block" style="padding-top:4px;"> <div class="module main"> <div class="main-content clearfix"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="container"> <div id="content"> <div id="main"> <div id="main-content">  </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>  [/code]