Bài viết : 21Cảm Ơn : 7Age : 29Đến từ : TP.HCMDemo: http://hotro17.forumvi.com/ index_body:
Code: {JAVASCRIPT} <!-- BEGIN switch_user_logged_in --> <div id="pun-visit" class="clearfix"> <ul> <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li> <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li> <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li> </ul> <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p> </div> <!-- END switch_user_logged_in --> <!-- BEGIN switch_user_logged_out --> <div id="pun-visit"> <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p> </div> <!-- END switch_user_logged_out --> <!-- BEGIN message_admin_index --> <div class="main"> <!-- BEGIN message_admin_titre --> <div class="main-head"> <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1> </div> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <div id="pun-announcement"> <p>{message_admin_index.message_admin_txt.MES_TXT}</p> </div> <!-- END message_admin_txt --> </div> <!-- END message_admin_index --> <!-- BEGIN switch_user_login_form_header --> <div class="main"> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /> <!-- BEGIN switch_fb_connect --> <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button> <!-- END switch_fb_connect --> </div> </form> </div> <!-- END switch_user_login_form_header --> {CHATBOX_TOP} {BOARD_INDEX} <span class="clear upperframe"><span></span></span> <div class="roundframe"><div class="innerframe"> <div class="cat_bar"> <h3 class="catbg"> <img class="icon" id="upshrink_ic" src="http://demo.dzinerstudio.com/smf2/Themes/inferno_20/images/collapse.gif" alt="*" title="Shrink or expand the header." style="cursor: pointer; "> DzinerStudio Demo - Info Center </h3> </div> <div id="upshrinkHeaderIC"> <div class="title_barIC"> <h4 class="titlebg"> <span class="ie6_header floatleft"> <a href="http://demo.dzinerstudio.com/smf2/index.php?action=stats"><img class="icon" src="http://demo.dzinerstudio.com/smf2/Themes/inferno_20/images/icons/info.gif" alt="Forum Stats"></a> Forum Stats </span> </h4> </div> <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /> <p class="right"> <!-- BEGIN switch_viewonline_link --> <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a> <!-- END switch_viewonline_link --> <!-- BEGIN switch_viewonline_nolink --> {L_WHO_IS_ONLINE} <!-- END switch_viewonline_nolink --> </p> <p>{TOTAL_USERS_ONLINE}<br /> {RECORD_USERS} <br /> {LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}<br /> {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p> <div class="title_barIC"> <h4 class="titlebg"> <span class="ie6_header floatleft"> <img class="icon" src="http://demo.dzinerstudio.com/smf2/Themes/inferno_20/images/icons/online.gif" alt="Users Online"> Users Online </span> </h4> </div> <p class="inline stats"> {GROUP_LEGEND} </p> <p class="inline smalltext"> </p> <p class="last smalltext"> <p class="right">{TOTAL_POSTS}</p> <p>{TOTAL_USERS}</p> <p>{NEWEST_USER}</p> </p> </div> </div></div> <!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <div class="user_login_form main-box center"> <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /> <!-- BEGIN switch_fb_connect --> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button> <!-- END switch_fb_connect --> </div> </form> <!-- END switch_user_login_form_footer --> {CHATBOX_BOTTOM} <!-- BEGIN switch_legend --> <ul id="pun-legend"> <li> <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS} <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS} <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED} </li> </ul> <!-- END switch_legend --> {AUTO_DST} <!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script> <!-- END switch_fb_index_login -->
index_box
Code: <div class="pun-crumbs"> <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p> </div> <div class="main"> <!-- BEGIN catrow --> <!-- BEGIN tablehead --> <tbody class="header" id="category_1"> <tr> <td colspan="4"> <div class="cat_bar"> <h3 class="catbg"> <a id="c1"></a>{catrow.tablehead.L_FORUM} </h3> </div> </td> </tr> </tbody> <div class="main-content"> <table cellspacing="0" class="table"> <thead> <tr> <th class="tcl">{L_FORUM}</th> <th class="tc2">{L_TOPICS}</th> <th class="tc3">{L_POSTS}</th> <th class="tcr">{L_LASTPOST}</th> </tr> </thead> <tbody class="statused"> <!-- END tablehead --> <!-- BEGIN forumrow --> <tr> <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};"> <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -47px;"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </span> <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}> <br /> {catrow.forumrow.FORUM_DESC} <!-- BEGIN switch_moderators_links --> <br /> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS} </td> <td class="tc2">{catrow.forumrow.TOPICS}</td> <td class="tc3">{catrow.forumrow.POSTS}</td> <td class="tcr"> <span> <!-- BEGIN switch_topic_title --> <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br /> <!-- END switch_topic_title --> {catrow.forumrow.USER_LAST_POST} </span> </td> </tr> <!-- END forumrow --> <!-- BEGIN tablefoot --> </tbody> </table> </div> <!-- END tablefoot --> <!-- END catrow --> </div> <!-- BEGIN switch_on_index --> <div class="main-box clearfix"> <ul> <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li> <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li> <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li> </ul> <!-- BEGIN switch_delete_cookies --> <p class="right"> <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> </p> <!-- END switch_delete_cookies --> </div> <!-- END switch_on_index -->
Code: <!-- BEGIN html_validation --> <!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> <!-- END html_validation --> </li> </ul> <!-- BEGIN switch_footer_links --> <ul> <li> <!-- BEGIN footer_link --> <!-- BEGIN switch_separator --> | <!-- END switch_separator --> {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a> <!-- END footer_link --> </li> </ul> <!-- END switch_footer_links --> </div> <br /> <p class="center"> <strong>{ADMIN_LINK}</strong> </p> </div> {PROTECT_FOOTER} </div> </div> <div id="footer"> <a class="backtop" href="#"></a> <div class="smf_copyright"> <span> <span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="http://demo.dzinerstudio.com/smf2/index.php?action=credits" title="Simple Machines Forum" target="_blank" class="new_win">SMF 2.0.2</a> | <a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF © 2011</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a> </span></span> <p class="loadtime smalltext">Page created in 0.03 seconds with 9 queries.</p> </div> <div class="ds_copyright"> <strong>Joli</strong> by <a href="http://www.dzinerstudio.com" target="_blank"><strong>DzinerStudio</strong></a> </div> <div class="clr"></div> </div> </div> </div> <!-- BEGIN switch_facebook_login --> <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> <!-- END switch_facebook_login --> <!-- BEGIN switch_facebook_logout_TMP --> <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> <!-- END switch_facebook_logout_TMP --> <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> </body> </html>
Bài viết : 21Cảm Ơn : 7Age : 29Đến từ : TP.HCMoverall_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" /> <!-- BEGIN switch_compat_meta --> <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" /> <!-- END switch_compat_meta --> <!-- BEGIN switch_canonical_url --> <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" /> <!-- END switch_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> <!-- BEGIN switch_fb_login --> <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> <!-- END switch_fb_login --> <!-- BEGIN switch_ticker --> <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> <!-- END switch_ticker --> <!-- BEGIN switch_ticker_new --> <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> <!-- END switch_ticker_new --> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> 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}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> }); <!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> <!-- BEGIN switch_login_popup --> $(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 }); }); }); <!-- END switch_login_popup --> //]]> </script> {GREETING_POPUP} <!-- BEGIN switch_ticker_new --> <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> <!-- END switch_ticker_new --> {HOSTING_JS} <!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]); _gaq.push(["_trackPageview"]); _gaq.push(['_trackPageLoadTime']); <!-- BEGIN google_analytics_code_bis --> _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']); <!-- END google_analytics_code_bis --> (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> <!-- END google_analytics_code --> </head> <body> <!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.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> <!-- END hitskin_preview --> <a id="top" name="top" accesskey="t"></a> <div id="topbar"> <div id="header"> <div class="wrapper"> <div id="social"> <ul> <li><a class="social_icon facebook" href="#" title="Facebook" target="_blank"></a></li> <li><a class="social_icon twitter" href="#" title="Twitter" target="_blank"></a></li> <li><a class="social_icon dribble" href="#" title="Dribble" target="_blank"></a></li> <li><a class="social_icon flickr" href="#" title="Flickr" target="_blank"></a></li> <li><a class="social_icon youtube" href="#" title="Youtube" target="_blank"></a></li> <li><a class="social_icon rss" href="#" title="RSS" target="_blank"></a></li> </ul> </div> <h1 id="logo"> <a href="http://demo.dzinerstudio.com/smf2/index.php">DzinerStudio Demo</a> </h1> <div id="quicknav"> <ul> <li class="first"><a href="http://www.dzinerstudio.com/">DzinerStudio</a></li> <li><a href="#">Dummy</a></li> <li><a href="#">Dummy2</a></li> </ul> </div> </div> </div> <div id="toolbar"> <div class="wrapper"> <ul id="topnav"> <li id="button_home"> <a class="active daddy" href="http://demo.dzinerstudio.com/smf2/index.php"> <span class="last firstlevel">Home</span> </a> </li> <li id="button_demo"> <a class="daddy" href="http://demo.dzinerstudio.com/smf2/index.php"> <span class="firstlevel">Menu Item</span> </a> <ul> <li> <a href="http://demo.dzinerstudio.com/smf2/index.php"> <span>Submenu Item 1</span> </a> </li> <li> <a href="http://demo.dzinerstudio.com/smf2/index.php"> <span>Submenu Item 2...</span> </a> <ul> <li> <a href="http://demo.dzinerstudio.com/smf2/index.php"> <span>Submenu Item 2.1</span> </a> </li> <li> <a href="http://demo.dzinerstudio.com/smf2/index.php"> <span>Submenu Item 2.2</span> </a> </li> <li> <a href="http://demo.dzinerstudio.com/smf2/index.php"> <span>Submenu Item 2.3</span> </a> </li> </ul> </li> </ul> </li> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div> </div> <div class="pun"> <div id="pun-intro" class="clearfix"> <div id="main_content"> <div id="main_content_inner"> <div id="userbar"> <div id="memb_login"><span>Welcome, <strong>Guest</strong>. Please <a href="http://demo.dzinerstudio.com/smf2/index.php?action=login">login</a> or <a href="http://demo.dzinerstudio.com/smf2/index.php?action=register">register</a>.</span> </div> <div id="search"> <form action="http://demo.dzinerstudio.com/smf2/index.php?action=search2" method="post" accept-charset="ISO-8859-1"> <input class="search_input" type="text" name="search" value="Search..." onfocus="this.value = '';" onblur="if(this.value=='') this.value='Search...';"> </form> </div> </div> <!-- BEGIN switch_ticker_new --> <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%;"> <!-- BEGIN ticker_row --> <li>{switch_ticker.ticker_row.ELEMENT}</li> <!-- END ticker_row --> </ul> </div> </div> </div> </div> <!-- END switch_ticker_new --> <!-- BEGIN switch_ticker --> <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"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </div> </div> </div> <!-- END switch_ticker --> <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="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> <div id="main"> <div id="main-content"> <!-- BEGIN html_validation --> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> <!-- END html_validation -->
Code: /* Styles for the general looks for the Curve theme. ------------------------------------------------------- */ /* Normal, standard links. */ a:link, a:visited { color: #5a7081; text-decoration: none; } a:hover { text-decoration: underline; cursor: pointer; } /* Links that open in a new window. */ a.new_win:link, a.new_win:visited { } a.new_win:hover { text-decoration: underline; } /* Tables should show empty cells. */ table { empty-cells: show; } /* Set a fontsize that will look the same in all browsers. */ body { background: #575757 url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/main_bg.jpg); font: 13px/150% "Trebuchet MS", "Arial", "Helvetica", sans-serif; margin: 0 auto; padding: 0; } /* Help popups require a different styling of the body element. */ body#help_popup { padding: 1em; } /* use dark grey for the text, leaving #000 for headers etc */ body, td, th, tr { color: #555; } /* This division wraps the entire forum when a forum width is set. */ .pun { width: 990px; margin: 0 auto; } .wrapper { width: 990px; margin: 0 auto; } /* lets give all forms zero padding/margins */ form { padding: 0; margin: 0; } /* We can style the different types of input buttons to be uniform throughout different browsers and their color themes. .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers .button_reset - covers input[type=reset] and button[type=reset] throughout all browsers .input_check - covers input[type=checkbox] throughout all browsers .input_radio - covers input[type=radio] throughout all browsers .input_text - covers input[type=text] throughout all browsers .input_file - covers input[type=file] throughout all browsers */ input, button, select, textarea { font: 95%/115% verdana, Helvetica, sans-serif; color: #000; background: #fff; border: 1px solid #7f9db9; padding: 2px; } /* Select elements look horrible with the extra padding, so leave them unpadded. */ select { padding: 0; } /* Add some padding to the options instead. */ select option { padding: 1px; } /* The font size of textareas should be just a little bit larger. */ textarea { font: 100%/130% verdana, Helvetica, sans-serif; } /* Buttons should be styled a bit differently, in order to make them look more button'ish. */ .button_submit, .button_reset { background: url(../images/theme/submit_bg.png) no-repeat; border: 1px solid #333; cursor: pointer; font-weight: normal; color: #fff; font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif; } input:hover, textarea:hover, button:hover, select:hover { border: 1px solid #454545; } .button_submit:hover, .button_reset:hover { border: 1px solid #444; background: url(../images/theme/submit_bg.png) no-repeat 0 -140px; } input:focus, textarea:focus, button:focus, select:focus { border: 1px solid #454545; } /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */ input.input_check, input.input_radio { border: none; background: none; } h3.catbg input.input_check { margin: 9px 7px 0 7px; } /* Give disabled text input elements a different background color. */ input[disabled].input_text { background-color: #eee; } /* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #ccc; background-color: #ccc; } /* By default set the color on these tags as #000. */ h1, h2, h3, h4, h5, h6 { color: #333; font-size: 1em; margin: 0; padding: 0; } /* Fieldsets are used to group elements. */ fieldset { border: 1px solid #c4c4c4; padding: 1em; margin: 0 0 0.5em 0; } fieldset legend { font-weight: bold; color: #444; } /* No image should have a border when linked. */ a img { border: 0; } /* Define strong as bold, and em as italics */ strong { font-weight: bold; } em { font-style: italic; } /* Alternative for u tag */ .underline { text-decoration: underline; } /* Common classes to easy styling. ------------------------------------------------------- */ .floatright { float: right; } .floatleft { float: left; } .flow_auto { overflow: auto; } .flow_hidden { overflow: hidden; } .flow_hidden .windowbg, .flow_hidden .windowbg2 { margin-top: 2px; } .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext, tr.smalltext th { font-size: 11px; } .middletext { font-size: 12px; line-height: 1em; } .normaltext { font-size: 1em; line-height: 1.2em; } .largetext { font-size: 1.4em; } .centertext { margin: 0 auto; text-align: center; } .righttext { margin-left: auto; margin-right: 0; text-align: right; } .lefttext { margin-left: 0; margin-right: auto; text-align: left; } .double_height { line-height: 2em; } /* some common padding styles */ .padding { padding: 0.7em; } .main_section, .lower_padding { padding-bottom: 0.5em; } /* a quick reset list class. */ ul.reset, ul.reset li { padding: 0; margin: 0; list-style: none; } /* Some BBC related styles. ------------------------------------------------------- */ /* A quote, perhaps from another post. */ blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote { font-size: 11px; color: #666; line-height: 1.4em; background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat; border-left: 5px solid #637a8c; border-right: 5px solid #637a8c; padding: 1.1em 1.4em; margin: 0.1em 0 0.3em 0; overflow: auto; } /* Alterate blockquote stylings */ blockquote.bbc_standard_quote { background-color: #dedede; } blockquote.bbc_alternate_quote { background-color: #f0f0f0; } /* A code block - maybe PHP ;). */ code.bbc_code { display: block; font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; font-size: 11px; background: #f8f8f8; border-top: 2px solid #999; border-bottom: 2px solid #999; line-height: 1.5em; padding: 3px 1em; overflow: auto; white-space: nowrap; /* Show a scrollbar after about 24 lines. */ max-height: 24em; } /* The "Quote:" and "Code:" header parts... */ .codeheader, .quoteheader { color: #444; font-size: 11px; font-weight: bold; padding: 0 0.3em; } /* For links to change the code stuff... */ .codeoperation { font-weight: normal; } /* Styling for BBC tags */ .bbc_link:link, .bbc_link:visited { } .bbc_link:hover { } .bbc_size { line-height: 1.4em; } .bbc_color a { color: inherit; } .bbc_img { border: 0; } .bbc_table { font: inherit; color: inherit; } .bbc_table td { font: inherit; color: inherit; vertical-align: top; } .bbc_u { text-decoration: underline; } .bbc_list { text-align: left; } .bbc_tt { font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace; } /* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; } /* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; } /* Highlighted text - such as search results. */ .highlight { font-weight: bold; color: #ff7200 !important; font-size: 1.1em; } /* A more discreet highlight color, for selected membergroups etc. */ .highlight2 { background-color: #D1E1EF; color: #000 !important; } /* Generic, mostly color-related, classes. ------------------------------------------------------- */ .titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td { color: #eee; font-size: 12px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat -10px -212px; } .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th { color: #eee; font-size: 12px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat -10px -166px; } /* adjust the table versions of headers */ tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2 { padding: 0 6px; } tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited { color: #eee; } tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited { color: #eee; } .catbg select { font-size: 0.9em; } /* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg, #preview_body { background-color: #eaeaea; } .windowbg2 { background-color: #f5f5f5; } .windowbg3 { background-color: #fafafa; } /* the page navigation area */ .pagesection { font-size: 0.9em; padding: 0.2em; overflow: hidden; margin-bottom: 1px; } div.pagesection div.floatright input { margin-top: 3px; } .pagelinks { padding: 0.6em 0 0.4em 0; } /* Colors for background of posts requiring approval */ .approvebg { color: #000; background-color: #ffeaea; } .approvebg2 { color: #000; background-color: #fff2f2; } /* Color for background of *topics* requiring approval */ .approvetbg { color: #000; background-color: #e4a17c; } .approvetbg2 { color: #000; background-color: #f3bd9f; } /* Sticky topics get a different background */ .stickybg { background: #e5e5e5; } .stickybg2 { background: #e9e9e9; } /* Locked posts get a different shade, too! */ .lockedbg { background: #eee; font-style: italic; } .lockedbg2 { background: #f3f3f3; font-style: italic; } /* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { overflow: auto; line-height: 1.4em; padding: 0.1em 0; } /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature, .attachments { width: 98%; overflow: auto; clear: right; padding: 1em 0 3px 0; border-top: 1px solid #aaa; line-height: 1.4em; font-size: 0.85em; } .custom_fields_above_signature { width: 98%; clear: right; padding: 1em 0 3px 0; border-top: 1px solid #aaa; line-height: 1.4em; font-size: 0.85em; } /* Sometimes there will be an error when you post */ .error { color: red; } /* Messages that somehow need to attract the attention. */ .alert { color: red; } /* Calendar colors for birthdays, events and holidays */ .birthday { color: #920ac4; } .event { color: #078907; } .holiday { color: #000080; } /* Colors for warnings */ .warn_mute { color: red; } .warn_moderate { color: #ffa500; } .warn_watch, .success { color: green; } a.moderation_link, a.moderation_link:visited { color: red; font-weight: bold; } .openid_login { background: white url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/openid.gif) no-repeat; padding-left: 18px; } /* a descriptive style */ .description, .description_board, .plainbox { padding: 0.5em 1em; font-size: 0.9em; line-height: 1.4em; border: 2px solid #d7d7d7; background: #eaeaea; margin: 0.2em 1px 1em 1px; } .description_board { margin: 1em 1px 0 1px; } /* an informative style */ .information { padding: 0.5em 1em; font-size: 0.9em; line-height: 1.3em; border: 1px solid #fff; background: #bc6060; margin: 0.2em 1px 1em 1px; color: #eee; } .information a { color: #fff;} .information p { padding: 1em; margin: 0; } p.para2 { padding: 1em 0 3.5em 0; margin: 0; } /* AJAX notification bar ------------------------------------------------------- */ #ajax_in_progress { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/loadingbar.png) repeat-x; color: #f96f00; text-align: center; font-size: 16pt; padding: 8px; width: 100%; height: 66px; line-height: 25px; position: fixed; top: 0; left: 0; } #ajax_in_progress a { color: orange; text-decoration: underline; font-size: smaller; float: right; margin-right: 20px; } /* Lists with settings use these a lot. ------------------------------------------------------- */ dl.settings { clear: right; overflow: auto; margin: 0 0 10px 0; padding: 0; } dl.settings dt { width: 40%; float: left; margin: 0 0 10px 0; padding: 0; clear: both; } dl.settings dt.settings_title { width: 100%; float: none; margin: 0 0 10px 0; padding: 5px 0 0 0; font-weight: bold; clear: both; } dl.settings dt.windowbg { width: 98%; float: left; margin: 0 0 3px 0; padding: 0 0 5px 0; clear: both; } dl.settings dd { width: 56%; float: right; overflow: auto; margin: 0 0 3px 0; padding: 0; } dl.settings img { margin: 0 10px 0 0; } /* help icons */ dl.settings dt a img { position: relative; top: 2px; } /* Styles for rounded headers. ------------------------------------------------------- */ h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg { overflow: hidden; height: 40px; line-height: 40px; font-size: 12px; } h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a { color: #eee; } h3.catbg2 a, h3.catbg2 { color: #eee; } h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover { } h3.catbg2 a:hover { color: #fff; text-decoration: none; } h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a { color: #eee; } h3.titlebg a:hover, h4.titlebg a:hover { } h3.catbg img.icon, h4.titlebg img.icon { vertical-align: middle; margin: -2px 5px 0 0; } h4.catbg a.toggle img { vertical-align: middle; margin: -2px 5px 0 5px; } h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 100% -166px; padding-right: 9px; } h4.titlebg, h3.titlebg { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 100% -212px; padding-right: 9px; } h4.titlebg img.icon { float: left; margin: 10px 8px 0 0; } div.cat_bar { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 0 -166px; padding-left: 9px; height: 40px; overflow: hidden; margin-bottom: 1px; } div.title_bar { background: url(../images/theme/main_block.png) no-repeat 0 -212px; padding-left: 9px; height: 40px; overflow: hidden; margin-bottom: 1px; } /* rounded bars needs a different background here */ div.roundframe div.cat_bar { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 0 -258px; margin-bottom: 0; } div.roundframe div.cat_bar h3.catbg { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 100% -258px; } div.title_barIC { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 0 -120px; padding-left: 18px; height: 40px; overflow: hidden; margin-bottom: 1px; } div.title_barIC h4.titlebg { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 100% -120px; } #upshrinkHeaderIC p.pminfo { margin: 0; padding: 0.5em; } img#upshrink_ic, img#newsupshrink { float: right; margin: 14px 5px 0 0; } table.table_list a.unreadlink, table.table_list a.collapse { float: right; } table.table_list a.collapse { margin: 14px 5px 0 1em; height: 40px; line-height: 40px; } /* The half-round header bars for some tables. */ .table_grid tr.catbg, .table_grid tr.titlebg { font-size: 0.95em; border-bottom: 1px solid #fff; } .table_grid tr.catbg th, .table_grid tr.titlebg th { height: 40px; line-height: 40px; } tr.catbg th.first_th { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 0 -166px; } tr.catbg th.last_th { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 100% -166px; } tr.titlebg th.first_th { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 0 -212px; } tr.titlebg th.last_th { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) no-repeat 100% -212px; } .table_grid th.last_th input { margin: 0 2px; } .table_grid th.lefttext { padding: 0 0.7em; } /* a general table class */ table.table_grid { border-collapse: collapse; margin-top: 0.1em; } table.table_grid td { padding: 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } /* GenericList */ .additional_row { padding: 0.5em 0 0.5em 0; } table.table_grid thead tr.catbg th { white-space: nowrap; } /* table_grid styles for Profile > Show Permissions. */ #permissions table.table_grid td { padding: 0.4em 0.8em; cursor: default; } /* Common styles used to add corners to divisions. ------------------------------------------------------- */ .windowbg span.topslice { display: block; padding-left: 20px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 0 -30px no-repeat; } .windowbg span.topslice span { display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 100% -30px no-repeat; height: 11px; } .windowbg span.botslice { display: block; padding-left: 20px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 0 -40px no-repeat; font-size: 5px; line-height: 5px; margin-bottom: 0.2em; } .windowbg span.botslice span { display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 100% -40px no-repeat; height: 11px; } .windowbg2 span.topslice { display: block; padding-left: 20px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 0 -60px no-repeat; } .windowbg2 span.topslice span { display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 100% -60px no-repeat; height: 11px; } .windowbg2 span.botslice { display: block; padding-left: 20px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 0 -71px no-repeat; font-size: 5px; line-height: 5px; margin-bottom: 0.2em; } .windowbg2 span.botslice span { display: block; background: url(../images/theme/main_block.png) 100% -71px no-repeat; height: 11px; } .approvebg span.topslice { display: block; padding-left: 20px; background: url(../images/theme/main_block.png) 0 0 no-repeat; } .approvebg span.topslice span { display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 100% 0 no-repeat; height: 11px; } .approvebg span.botslice { display: block; padding-left: 20px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 0 -11px no-repeat; margin-bottom: 0.2em; } .approvebg span.botslice span { display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 100% -11px no-repeat; height: 11px; } .postbg { border-left: 1px solid #7f7f7f; border-right: 1px solid #7f7f7f; } /* Used for sections that need somewhat larger corners. ----------------------------------------------------------- */ .roundframe { padding: 0; } .roundframe dl, .roundframe dt, .roundframe p { margin: 0; } .roundframe p { padding: 0.5em; } span.upperframe { padding: 0; display: block; background: url(../images/theme/main_block.png) 0 -90px no-repeat; padding-left: 20px; } span.upperframe span { padding: 0; height: 12px; display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 100% -90px no-repeat; } span.lowerframe { padding: 0; display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/main_block.png) 0 -102px no-repeat; padding-left: 20px; } span.lowerframe span { padding: 0; height: 12px; display: block; background: url(../images/theme/main_block.png) 100% -102px no-repeat; } /* The main content area. ------------------------------------------------------- */ .content { padding: 0.5em 1.2em; margin: 0; border: none; } .content p { margin: 0 0 0.5em 0; } /* Styles used by the auto suggest control. ------------------------------------------------------- */ .auto_suggest_div { border: 1px solid #000; position: absolute; visibility: hidden; } .auto_suggest_item { background-color: #ddd; } .auto_suggest_item_hover { background-color: #888; cursor: pointer; color: #eee; } /* Styles for the standard dropdown menus. ------------------------------------------------------- */ #main_menu { padding: 0 0.5em; float: left; margin: 0; width: 98%; } .dropmenu, .dropmenu ul { list-style: none; line-height: 1em; padding: 0; margin: 0; } .dropmenu { padding: 0 0.5em 0 10px; } .dropmenu a { display: block; color: #000; text-decoration: none; } .dropmenu a span { display: block; padding: 0 0 0 10px; font-size: 0.9em; } /* the background's first level only */ .dropmenu li a.firstlevel { margin-right: 12px; } .dropmenu li a.firstlevel span.firstlevel { display: block; position: relative; left: -10px; padding-left: 10px; height: 28px; line-height: 28px; white-space: pre; } .dropmenu li { float: left; padding: 0; margin: 0; position: relative; } .dropmenu li ul { z-index: 90; display: none; position: absolute; width: 19.2em; font-weight: normal; border-bottom: 1px solid #333; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/theme/menu_gfx.png) 0 -130px no-repeat; padding: 7px 0 0 0; } .dropmenu li li { width: 19em; margin: 0; border-left: 1px solid #333; border-right: 1px solid #333; } .dropmenu li li a { color: #bbb;} .dropmenu li li a span { display: block; padding: 8px; } .dropmenu li ul ul { margin: -1.8em 0 0 13em; } /* the active button */ .dropmenu li a.active { background: url(../images/theme/menu_gfx.png) no-repeat 100% 0; color: #fff; font-weight: bold; } .dropmenu li a.active span.firstlevel { background: url(../images/theme/menu_gfx.png) no-repeat 0 0; } /* the hover effects */ .dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel { background: url(../images/theme/menu_gfx.png) no-repeat 100% -30px; color: #fff; cursor: pointer; text-decoration: none; } .dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel { background: url(../images/theme/menu_gfx.png) no-repeat 0 -30px; } /* the hover effects on level2 and 3 */ .dropmenu li li a:hover, .dropmenu li li:hover>a { background: #404040; color: #fff; text-decoration: none; } .dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul { top: -999em; } .dropmenu li li:hover ul { top: auto; } .dropmenu li:hover ul { display: block; } .dropmenu li li.additional_items { background-color: #444; } /* The dropdown menu toggle image */ #menu_toggle { float: right; margin-right: 10px; padding-top: 3px; } #menu_toggle span { position: relative; right: 5000px; } /* Pick theme */ #pick_theme { width: 100%; float: left; } /*Issue a warning*/ #warn_body{ width: 80%; font-size: 0.9em; } /* Styles for the statistics center. ------------------------------------------------- */ #statistics { padding: 0.5em 0; } #statistics div.title_bar { margin: 4px 0 -2px 0; } #statistics h3.catbg { text-align: center; } #statistics div.content { min-height: 210px; } #statistics div.top_row { min-height: 150px; } #stats_left, #top_posters, #top_topics_replies, #top_topics_starter { float: left; width: 49.5%; } #stats_right, #top_boards, #top_topics_views, #most_online { float: right; width: 49.5%; } dl.stats { clear: both; overflow: hidden; margin: 0; padding: 0; } dl.stats dt { width: 49%; float: left; margin: 0 0 4px 0; line-height: 16px; padding: 0; clear: both; font-size: 1em; } dl.stats dd { text-align: right; width: 50%; font-size: 1em; float: right; margin: 0 0 4px 0; line-height: 16px; padding: 0; } .statsbar div.bar { float: left; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/bar_stats.png) no-repeat; display: block; margin: 0 4px; height: 16px; } .statsbar div.bar div { position: relative; right: -4px; padding: 0 4px 0 0; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/bar_stats.png) no-repeat 100%; height: 16px; } tr.windowbg2 th.stats_month { width: 25%; padding: 0 2em; text-align: left; } tr.windowbg2 td.stats_day { padding: 0 3.5em; text-align: left; } /* Joli. Styles */ a { outline: none;} span, p, form { margin: 0; padding: 0;} #topbar { position: fixed; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/topbar.png) 0 0 repeat-x; width: 100%; z-index: 999; left: 0;} #header { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/header_bg.jpg) 0 18px repeat-x; height: 110px;} #header .pun .wrapper { position: relative;} #logo a { display: block; margin: 0 auto; width: 280px; height: 110px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/logo.png) no-repeat; text-indent: -9999px;} #header ul { float: left; margin: 0; padding: 0;} #header li { float: left; padding: 0; margin: 0; list-style: none;} #social { position: absolute; top: 36px; left: 100px;} #social .social_icon { display: block; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/social_icons.png) no-repeat; height: 26px; width: 26px; padding: 0; margin-right: 6px;} #social a.facebook { background-position: 0 0;} #social a.twitter { background-position: 0 -62px;} #social a.dribble { background-position: 0 -124px;} #social a.flickr { background-position: 0 -186px;} #social a.youtube { background-position: 0 -248px;} #social a.rss { background-position: 0 -310px;} #social .facebook:hover { background-position: 0 -31px;} #social .twitter:hover { background-position: 0 -93px;} #social .dribble:hover { background-position: 0 -155px;} #social .flickr:hover { background-position: 0 -217px;} #social .youtube:hover { background-position: 0 -279px;} #social .rss:hover { background-position: 0 -341px;} #quicknav { position: absolute; top: 38px; right: 100px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);} #quicknav li { padding-left: 30px; background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/quicknav_star.png) 11px 50% no-repeat;} #quicknav li a { padding: 0; color: #d2d2d2; font-size: 12px; text-transform: uppercase;} #quicknav li.first { background: none; padding-left: 0;} #toolbar { height: 55px; padding-bottom: 8px;} #toolbar ul { margin: 0; padding: 0; z-index: 999; float: right; position: relative; right: 50%;} #topnav li { float: left; margin: 0; padding: 0; list-style: none; position: relative; left: 50%;} #topnav li a { display: block; line-height: 55px; padding: 0 12px; color: #7a7a7a; font-size: 13px; text-decoration: none;} #topnav li a.active { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/active.png) 50% 100% no-repeat;} #topnav li a.active, #topnav li a:hover, #topnav li:hover > a { color: #ccc;} #topnav li ul { position: absolute; width: 200px; top: -999em; left: 0; right: auto; padding: 5px 0; background: #444; border: 1px solid #333; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.6);} #topnav li ul ul { margin: 0;} #topnav li li { width: 200px; height: auto; padding: 0; margin: 0; left: auto;} #topnav li li a { display: block; width: 170px; margin: 0 5px; padding: 0 10px; height: auto; float: none; line-height: 30px; font-size: 90%; color: #9b9b9b;} #topnav li li a:hover, #topnav ul li:hover > a { background: #333; box-shadow: none; border: none;} #topnav li:hover ul { left: 0; top: 50px;} #topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul { top: -999em; left: auto;} #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul { left: 200px; top: 0;} #main_content { background: #d0d0d0 url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/main_content.jpg); padding: 0 6px;} #main_content_inner { background: #f5f5f5 url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/main_content_inner.jpg); padding: 180px 10px 15px;} #userbar { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/userbar.png) 0 0 no-repeat; height: 50px;} #memb_login { float: left; padding-left: 20px; line-height: 50px; color: #3f3f3f;} #memb_login ul { margin: 0; padding: 0;} #memb_login li { float: left; list-style: none; padding: 0 0 0 27px; background: url(../images/custom/login_star.png) 10px 50% no-repeat;} #memb_login .memb_greeting { background-image: none; padding-left: 0;} #memb_login a { padding: 0; color: #3f3f3f; font-size: 12px; font-weight: bold; text-transform: uppercase;} #search { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/search.png) 0 0 no-repeat; height: 50px; width: 242px; float: right; position: relative;} #search input.search_input { position: absolute; top: 10px; left: 42px; background: none; border: none; outline: none; width: 142px; height: 16px; padding: 7px 8px; color: #fdfffd; font-size: 13px; font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;} #footer { background: url(http://demo.dzinerstudio.com/smf2/Themes/joli_20/images/custom/footer_bg.jpg); border-top: 3px solid #222; border-bottom: 3px solid #262626; padding: 25px 15px; position: relative; color: #737373;} #footer .smf_copyright { float: left;} #footer .ds_copyright { float: right; text-align: right; margin-top: 18px;} #footer p { color: #686868;} #footer a, #footer strong { color: #ddd; font-size: 12px; font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;} #footer a:hover { text-decoration: underline;} #footer .backtop { display: block; position: absolute; top: 22px; right: 15px; background: url(../images/custom/backtop.png) 0 0 no-repeat; height: 16px; width: 16px;} #footer .backtop:hover { background-position: 0 -21px;} .clr { clear: both;} .catbg, .catbg a { font-weight: normal; text-transform: uppercase;} tr.titlebg th, tr.titlebg2 th { color: #eee;} .title_barIC .titlebg { color: #383838;} .subject_title a { color: #bc6060;}
Nguồn :hotrfm
Bạn xem lại nha. sao ko có nguồn ?
Thông điệp [Trang 1 trong tổng số 1 trang]
Similar topics
Similar topics
Permissions in this forum: Bạn không có quyền trả lời bài viết