/***************************************************************/ /* IP.Board 3 CSS */ /* ___________________________________________________________ */ /* By Rikki Tissier */ /* (c)2008 Invision Power Services */ /***************************************************************/ /* ipb_lofi.css - Lofi skin */ /***************************************************************/ /* NOTE: This CSS is currently *unoptimized* */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { font-style:normal; font-weight:normal; } ol,ul { 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; } hr { display: none; } address{ display: inline; } body { font-family: arial, tahoma, sans-serif; font-size: 0.8em; width: 100%; } h1, h2, h3, table.ipb_table caption { font-family: arial, tahoma, "times new roman", serif; } h2 { font-size: 1.6em; font-weight: normal; margin: 0 0 8px 0; clear: both; } h3.bar { background: #ececec; padding: 10px; font-size: 1em; font-weight: bold; } a { color: #3e70a8; } a:hover { color: #3d8ce4; } a.cancel { color: #ad2930; } img { vertical-align: middle; } strong { font-weight: bold; } em { font-style: italic; } /* ---------------------------------------------- */ #branding { background: #484848; padding: 8px; } h1 { color: #fff; font-size: 1.9em; } h1 a { color: #fff; } /* Hide H1, Jump to content link */ #content_jump { text-indent: -9999px; height: 0px; width: 0px; display: none; } .hide { display: none; } .moderated a, .moderated { font-style: italic; color: #97334d; font-size: 0.9em; } .desc { font-size: 0.8em; color: #69727b; } a.toggle { display: block; float: right; width: 25px; height: 100%; text-align: center; } /* ---------------------------------------------- */ #content { clear: both; overflow: hidden; padding: 20px 15px 0px 15px; } * #content { height: 1%; } /* ---------------------------------------------- */ #primary_nav { background: #ececec; height: 31px; padding-left: 10px; font-size: 0.95em; border-bottom: 4px solid #484848; } #primary_nav ul li { float: left; font-size: 0.95em; padding: 8px 12px; } #primary_nav ul li.active { background: #484848; font-size: 1.05em; font-weight: bold; } #primary_nav ul li.active a { display: block; color: #fff; text-decoration: none; } #primary_nav ul li a { text-decoration: none; } #nav_app_calendar { display: none; } /* ---------------------------------------------- */ #secondary_nav { clear: both; color: #878787; font-size: 0.9em; padding: 12px 15px 12px 25px; } #secondary_nav li { float: left; padding-right: 7px; } #secondary_nav #breadcrumb { float: left; } #secondary_nav #section_links { float: right; } #secondary_nav #section_links li { padding: 0 5px; } #secondary_nav a { color: #878787; text-decoration: none; } /* ---------------------------------------------- */ * #user_navigation { height: 1%; } #user_navigation { padding: 8px; font-size: 0.9em; background: #d7d7d7; overflow: hidden; } #user_navigation #user_info .hide { display: inline; } #user_navigation #user_info p { float: left; display: inline; font-weight: bold; } #user_navigation #user_link img { display: none; } #user_navigation #user_link_menucontent { display: block !important; float: right !important; position: absolute; right: 6px; } #user_navigation #user_link_menucontent li { float: right; margin: 0 6px; } #user_navigation #user_other { float: left; margin-left: 10px; } #user_navigation #user_other li { float: left; margin: 0 4px; } /* ---------------------------------------------- */ #board_footer { clear: both; font-size: 0.85em; margin-top: 15px; } #board_footer #utility_links { float: left; display: inline; padding-left: 20px; } #board_footer #utility_links li { display: inline; padding: 0px 6px 0 0; } #footer_utilities { overflow: hidden; padding: 4px 15px; font-size: 0.8em; } #footer_utilities a { color: #fff; } #footer_utilities form { float: left; margin: 7px 5px 0 5px; } #footer_utilities ul { float: right; padding: 2px 0; margin: 8px 0 0 0; } #footer_utilities li { float: right; padding: 0 8px 4px 8px; } p#copyright { padding: 10px 20px; color: #69727b; clear: both; } #useragent_msg a { color: #000; } /* ---------------------------------------------- */ #search { display: block; margin: 5px 4px auto auto; font-size: 0.85em; float: left; position: relative; left: 8px; clear: both; } #search a { padding: 3px 0 0 10px; } /* ---------------------------------------------- */ div.category_block, div.topic, div#member_list, div#register_form { padding: 5px; margin-bottom: 25px; } div.category_block h3, table.ipb_table caption { background: none; clear: both; border: 0; padding: 0 0 6px 0; font-size: 1.35em; margin-bottom: -4px; } #categories h3, #topics h3 { font-size: 2em; margin: 0 0 8px 8px; } ol.lofi_list { margin: 0 0 45px 45px; line-height: 120%; } ol.lofi_list li { padding: 5px 0; } ol.lofi_list li span.desc { font-size: 0.6em; } ol.lofi_list h4 { font-size: 1.5em; } ol.lofi_list .lofi_topic, ol.lofi_list .lofi_blog, .lofi_blog_comments, ol.lofi_list .lofi_member { font-size: 1.3em; } ol.lofi_list ol { margin-left: 30px; font-size: 1.1em; } ol.lofi_topics, ol.lofi_blogs { list-style-type: decimal; } ol.lofi_members { list-style-type: square; } ol.lofi_list.lofi_blogs { margin-bottom: 10px; } /* ---------------------------------------------- */ .statistics, #user_navigation .photo { display: none; } /* ---------------------------------------------- */ table.ipb_table { width: 100%; line-height: 150%; } table.ipb_table h4 { font-size: 1.1em; display: inline; font-weight: normal; } table.ipb_table th { background: #484848; color: #fff; padding: 6px; font-weight: bold; } table.ipb_table tr td { padding: 10px 8px 8px 8px; border-bottom: 1px solid #d8d8d8; } table.ipb_table h5, table.ipb_table ol li { display: inline; float: left; font-size: 0.85em; } table.ipb_table ol li { padding: 0 4px 0 15px; color: #1d3652; background-repeat: no-repeat; background-position: 3px 3px; } /* table.ipb_table tr.row2 td { background: #f9f9f9; } */ /* ---------------------------------------------- */ .message { border-width: 1px; border-style: solid; border-color: #d7d7d7; background-color: #f5f5f5; padding: 7px 7px 7px 30px; } .message.error { background-color: #f3dddd; border-color: #deb7b7; color: #281b1b; font-size: 1.1em; } .message.unspecific { background-color: #f3f3f3; border-color: #d4d4d4; color: #515151; clear: both; margin: 0 0 10px 0; } #usercp_content .message.unspecific { clear: none; } /* ---------------------------------------------- */ .col_f_icon, .col_f_picon, .col_c_icon, .col_m_status, .col_r_icon { width: 3%; } .col_f_topic .col_m_subject { width: 49%; } .col_f_replies, .col_f_views, .col_f_starter, .col_r_total, .col_r_comments { width: 10%; } .col_f_post, .col_m_date, .col_r_updated, .col_r_section { width: 25%; } .col_c_stats, .col_m_sender { width: 15%; } .col_c_post { width: 30%; } .col_c_forum { width: 55%; } .col_mod, .col_f_mod, .col_r_mod { width: 3%; text-align: center; } .col_r_title { width: 26%; } /* ---------------------------------------------- */ span.pagination.no_pages { font-size: 0.9em; color: #acacac; padding: 10px; display: block; height: 15px; } ul.pagination { height: 18px; margin-left: 4px; clear: both; } ul.pagination.top { margin-bottom: 15px; padding: 0 0 5px 0; } ul.pagination.bottom { margin-top: 15px; padding: 5px 0 0 0; } ul.pagination a { text-decoration: none; } ul.pagination li { float: left; font-size: 0.9em; padding: 1px 4px; margin: 0 2px 0 2px; } ul.pagination li.total { background: none; border: 0; margin-left: 0px; } ul.pagination li.active { font-size: 1em; color: #000; font-weight: bold; border: 0; background-color: transparent; } ul.mini_pagination { display: inline; margin-left: 7px; } ul.mini_pagination li a { padding: 1px 3px; } ul.mini_pagination li { display: inline; margin: 0px 2px; } /* ---------------------------------------------- */ .tab_bar { background-color: #fff; padding: 7px 15px 25px 15px; font-size: 0.9em; color: #4a6784; } .tab_bar.no_title { padding: 7px 15px 56px 15px; } .tab_bar.no_title.mini { padding: 7px 15px 25px 15px; background-image: none; border-bottom: 8px solid #484848; background-color: #fff; } .tab_bar li { float: left; padding: 2px 10px; } .tab_bar li a { text-decoration: none; } .tab_bar li.active { font-weight: bold; font-size: 1.1em; } .tab_bar li.active a { font-weight: bold; text-decoration: none; } .tab_filters { display: inline; padding-left: 30px; } .tab_filters li { display: inline; } .tab_filters li.active { font-weight: bold; } /* ---------------------------------------------- */ .topic_controls { min-height: 30px; } .topic_buttons li { float: left; margin: 0px 4px 10px 8px; padding: 0px; font-size: 1.2em; font-weight: bold; border: 1px solid #d7d7d7; } .topic_buttons li a { display: block; padding: 4px 10px; background: #ececec; border: 1px solid #fff; margin-right: -3px; font-size: 0.9em; text-decoration: none; } .topic_buttons li.disabled span { font-style: italic; font-weight: normal; padding: 7px 12px 8px 10px; color: #acacac; } ul.post_controls { padding: 10px 10px 25px 6px; clear: both; text-align: right; font-size: 1em; background: #f9f9f9; } ul.post_controls li { background: transparent; padding: 0; margin: 0 4px; float: left; font-weight: bold; } ul.topic_jump { margin: 0 auto 15px auto; text-align: center; font-size: 0.95em; padding-top: 4px; clear: both; } ul.topic_jump li { display: inline; padding: 1px 7px; font-weight: bold; } .members ul.user_controls { margin: 8px; } * .members ul.user_controls { width: 120px; } .personal_info, .members ul.user_controls { float: left; } .personal_info li, .members ul.user_controls li { font-size: 1em; border: 1px solid #d7d7d7; margin-bottom: 5px; } .personal_info li a, .members ul.user_controls li a { display: block; padding: 4px 10px; background: #ececec; border: 1px solid #fff; font-size: 0.9em; text-decoration: none; } /* ---------------------------------------------- */ .post_block { border: 1px solid #d7d7d7; margin-bottom: 10px; } .post_block h3 { padding: 8px; font-size: 1.3em; background: #ececec; border: 1px solid #fff; } .post_block .posted_info { float: right; margin-top: -2.4em; margin-right: 10px; color: #69727b; font-size: 0.9em; } .post_block .post_body { padding: 15px; } .post_ignore { padding: 10px; color: #69727b; font-style: italic; font-size: 0.9em; } .hl { color: #6f8f52; font-weight: bold; background: #e3edd9; color: #6f8f52; } li.field { padding: 10px; margin-left: 27px; } li.field label { display: block; } li.field input { } li.field span.desc { display: block; } li.field.checkbox { margin-left: 0; padding: 5px 10px; } li.field.checkbox .input_check, li.field.checkbox .input_radio { margin-right: 10px; vertical-align: middle; } li.field.checkbox label { width: auto; float: none; display: inline; } li.field.checkbox span.desc { padding-left: 27px; display: block; margin-left: auto; } fieldset.submit { background: #ececec; padding: 8px; text-align: center; } .editor { padding: 10px; } /* ---------------------------------------------- */ #post_options_options { padding: 15px; } div.post_form label { display: block; clear: both; } div.post_form span.desc { display: block; clear: both; } fieldset.with_subhead h4 { font-weight: bold; } fieldset.with_subhead ul { margin: 0 15px 6px 20px; padding-bottom: 6px; } /* --------------------------------------------- */ * #profile_overview { height: 1%; } #profile_overview { padding: 10px; border: 1px solid #d7d7d7; overflow: hidden; margin-bottom: 20px; } .recent_activity { border: 1px solid #d7d7d7; padding: 1px; } .personal_info .photo { float: left; margin-right: 10px; } .about_info, .contact_info { width: 48%; float: left; padding: 1px; border: 1px solid #d7d7d7; margin-top: 18px; } .about_info dl, .contact_info dl { margin: 8px; clear: both; } .about_info dt, .contact_info dt, .info dt { font-weight: bold; } .about_info dd, .contact_info dd, .info dd { margin-left: 10px; margin-bottom: 8px; } .members .info { float: left; font-size: 0.9em; margin-top: 8px; margin-left: 15px; } .members .info dd { padding-left: 10px; } .about_info { margin-right: 1%; } .contact_info { margin-left: 1%; } .profile_pane .general_box { padding: 10px; } .profile_pane .general_box h4 { font-size: 1.4em; } #profile_overview .info { float: left; } #profile_overview .info dl { margin-left: 15px; } /* --------------------------------------------- */ #usercp_menu { width: 140px; text-align: right; font-size: 0.9em; float: left; border-right: 3px solid #484848; } #usercp_menu li { padding: 4px 10px; } #usercp_menu li a { text-decoration: none; } #usercp_menu li.active { font-weight: bold; font-size: 1.05em; padding: 6px 5px; margin-right: 0px; } #usercp_content { margin-left: 170px; } #usercp_content fieldset { padding: 10px 0; } #usercp_content h3 { font-weight: bold; } /* --------------------------------------------- */ #ipboard_body table th.head_week { width: 2% !important; } #calendar_list { padding: 10px; } #calendar_list strong { font-weight: bold; } #calendar_list fieldset { padding: 8px; } #calendar_list ol li { list-style: disc; padding: 3px; margin-left: 30px; } div#current_calendar table td { height: 85px; vertical-align: top; border: 1px solid #d8d8d8; padding: 5px; font-size: 0.9em; } div#current_calendar table td.blank, div#mini_calendars table td.blank { background-color: #e7e7e7; } div#current_calendar table td.today, div#mini_calendars table td.today { background-color: #ececec; } div#current_calendar table td strong, div#mini_calendars table td strong { font-size: 0.9em; font-weight: bold; } /* ------------------------------------------------ */ * .members li { height: 1%; } .members li.member_entry { border: 1px solid #d7d7d7; padding: 1px; margin-bottom: 15px; overflow: hidden; } .members li .photo { float: left; margin: 8px; } /* ------------------------------------------------- */ strong.bbc { font-weight: bold !important; } em.bbc { font-style: italic !important; } span.bbc_underline { text-decoration: underline !important; } div.bbc_center { text-align: center; } div.bbc_left { text-align: left; } div.bbc_right { text-align: right; } div.bbc_indent { margin-left: 50px; } del.bbc { text-decoration: line-through !important; } ul.bbc { list-style: disc outside; margin-left: 30px; } ul.bbc ul.bbc { list-style-type: circle; } ul.bbc ul.bbc ul.bbc { list-style-type: square; } ol.bbc { margin-left: 30px; list-style-type: decimal; } ol.bbc.lower-alpha { list-style-type: lower-alpha; } ol.bbc.upper-alpha { list-style-type: upper-alpha; } ol.bbc.lower-roman { list-style-type: lower-roman; } ol.bbc.upper-roman { list-style-type: upper-roman; } hr.bbc { display: block; border-top: 2px solid #777; } div.bbc_spoiler { } div.bbc_spoiler span { font-weight: bold; } div.bbc_spoiler_wrapper { border: 1px inset #777; padding: 4px; } div.bbc_spoiler_content { } input.bbc_spoiler_show { width: 45px; font-size: .7em; margin: 0px; padding: 0px; } pre.prettyprint { padding: 8px; border: 1px solid #d8d8d8; background: #f9f9f9; } /* Quote boxes */ p.citation { background: #f9f9f9; font-size: 11px; font-weight: bold; border-width: 1px 1px 0 3px; border-style: solid; border-color: #d8d8d8; padding: 5px 8px; } div.blockquote { font-size: 11px; border-width: 1px 1px 1px 3px; border-style: solid; border-color: #d8d8d8; margin: 0px; margin-top: 0px; padding: 8px; } /* ------------------------------------------------- */ #main_blog_wrapper .content, .excerpt { padding: 5px; margin-left: 20px; line-height: 150%; }