Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /************************************************************************/
- /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
- /************************************************************************/
- /* ipb_styles.css */
- /************************************************************************/
- /*
- [ color ]
- [ font ]
- [ borders ]
- [ padding ]
- [ margin ]
- [ sizing ]
- [ other ]
- */
- /************************************************************************/
- /* RESET (Thanks to YUI) */
- 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,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; }
- /************************************************************************/
- /* ELEMENT STYLES */
- body {
- background: #fff;
- color: #1c2837;
- font: normal 13px arial, verdana, tahoma, sans-serif;
- position: relative;
- }
- h3, h4, h5, h6, strong { font-weight: bold; }
- em { font-style: italic; }
- img, .input_check, .input_radio { vertical-align: middle; }
- legend { display: none; }
- table { width: 100%; }
- td { padding: 3px; }
- h2 {
- font-size: 1.6em;
- font-weight: normal;
- margin: 0 0 8px 0;
- clear: both;
- }
- body h3 {
- font-weight: bold;
- font-size: 1.1em;
- padding: 5px 8px 3px 8px;
- color: #1d3652;
- }
- h3 img {
- margin-top: -2px;
- }
- h3 a {
- text-decoration: none;
- }
- a {
- color: #284b72;
- }
- a:hover {
- color: #F0A735;
- text-decoration: none;
- }
- #copyright { float: right; }
- #copyright a { text-decoration: none; }
- #copyright a:hover { text-decoration: underline; }
- /************************************************************************/
- /* COLORS */
- .row1, .row1 td, .post_block.row1 {
- background-color: #ffffff; /* Very light blue */
- }
- .row1 .altrow, .row1.altrow,
- .personal_info, .general_box {
- background-color: #ffffff; /* Slightly darker than row1 */
- }
- .row2, .row2 td, .post_block.row2,
- .message {
- background-color: #ffffff; /* Light blue */
- }
- .row2 .altrow, .row2.altrow,
- /* ul.post_controls,*/
- ul.topic_moderation {
- background-color: #e4ebf2; /* Slightly darker than row2 */
- }
- .moderated, body .moderated td,
- .moderated td.altrow, .post_block.moderated,
- body td.moderated, body td.moderated {
- background-color: #f2e4e7; /* Light red */
- }
- .moderated, .moderated a {
- color: #6f3642;
- }
- body .maintitle {
- background: #1d3652;
- color: #fff;
- }
- body .maintitle a {
- color: #fff;
- }
- ul.post_controls,
- div.post_controls {
- background-color: #e4ebf3;
- }
- /* Bar */
- .bar {
- background: #d5dde5 url({style_images_url}/gradient_bg.png) repeat-x 50%;
- }
- .altbar {
- background: #b6c7db;
- color: #1d3652;
- }
- /* Table column headers */
- .header {
- background: #ffffff;
- color: #1d3652;
- }
- body .ipb_table .header a,
- body .topic_options a {
- color: #1d3652;
- }
- /* General block */
- .general_box {
- background-color: #eef3f8;
- border: 1px solid #d5dde5;
- border-bottom: 4px solid #d5dde5;
- padding: 10px;
- }
- .general_box h3 {
- background: #d5dde5;
- color: #1d3652;
- }
- /* Post background */
- .post_block {
- background: #fafbfc;
- border-bottom: 6px solid #B5C0CF;
- }
- .post_block h3 {
- background: #d5dee5;
- }
- /* Post screen background */
- div.post_form fieldset {
- background-color: #f1f4f7;
- }
- /* Dates */
- .date, .poll_question .votes {
- color: #a9a9a9;
- font-size: 0.8em;
- }
- /* "No Messages" message */
- .no_messages {
- background-color: #f6f8fa;
- color: #1c2837;
- padding: 25px 30px;
- }
- /* Tab bars */
- .tab_bar {
- background-color: #e4ebf2;
- color: #4a6784;
- }
- .tab_bar li.active {
- background-color: #243f5c;
- }
- .tab_bar.no_title.mini {
- border-bottom: 8px solid #243f5c;
- }
- /* Filter & moderation bars */
- .filter_bar {
- background-color: #1d3652;
- color: #d5dde5;
- }
- .filter_bar a, .filter_bar label {
- color: #d5dde5;
- }
- .moderation_bar {
- background: #d5dde5;
- }
- /* Comments */
- .comment_wrap .comment.by_author,
- .comment_wrap .comment.by_author.row1 {
- background: #f2f8f5;
- border-top: 1px solid #528f6c;
- border-bottom: 1px solid #528f6c;
- }
- .comment_wrap .comment.row1 {
- border-top: 1px solid #d5dde5;
- border-bottom: 1px solid #d5dde5;
- }
- .comment_wrap .comment.draft {
- border-top: 1px solid #d5dde5;
- border-bottom: 1px solid #d5dde5;
- background: #f6ecee;
- }
- /* Topic prefix */
- .topic_prefix {
- background-color: #daede2;
- color: #528f6c;
- }
- /* Toggle for the sidebar */
- .sidebar_toggle {
- background-color: #d5dde5;
- }
- /* Menu popups */
- .ipbmenu_content, .ipb_autocomplete {
- background-color: #eef3f8;
- border: 1px solid #d5dde5;
- -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 6px 25px;
- box-shadow: rgba(0, 0, 0, 0.58) 0px 6px 25px;
- }
- .ipbmenu_content li, .ipb_autocomplete li {
- border-bottom: 1px solid #d5dde5;
- }
- .ipb_autocomplete li.active {
- background: #d5dde5;
- }
- /* Forms */
- .input_submit {
- background-color: #1d3652;
- color: #fff;
- border-color: #4f7298 #113051 #113051 #4f7298;
- }
- .input_submit:hover {
- background: #2e4968;
- }
- .input_submit.alt {
- background-color: #eef3f8;
- border-color: #fafbfc #bfcbd8 #bfcbd8 #fafbfc;
- color: #1d3652;
- }
- .input_submit.alt:hover {
- background: #e4ebf2;
- color: #1d3652;
- }
- .input_submit.delete {
- background-color: #ad2930;
- border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;
- color: #fff;
- }
- .input_submit.delete:hover {
- background: #bf3631;
- color: #fff;
- }
- body#ipboard_body fieldset.submit,
- body#ipboard_body p.submit {
- background-color: #d5dde5;
- }
- /************************************************************************/
- /* HEADER */
- h1, #content_jump {
- text-indent: -9999px;
- height: 0px;
- width: 0px;
- }
- #header {
- position: relative;
- }
- #branding {
- background: #1d3652 url(http://i.imgur.com/1so64GF.png) repeat-x top;
- min-height: 80px;
- padding-top: 15px;
- padding-bottom: 15px;
- padding-left: 15px;
- }
- #admin_bar {
- background: #2e2e2e url({style_images_url}/gradient_bg.png) repeat-x 50%;
- color: #d2d2d2;
- font-size: 0.8em;
- padding: 7px;
- height: 14px;
- }
- #admin_bar li {
- color: #767676;
- padding: 0 3px 0 5px;
- }
- #admin_bar li.active, #admin_bar li.active a {
- color: #e74242;
- }
- /* Navigation */
- #primary_nav {
- background: #192B40;
- border-bottom: 5px solid #f0a735;
- padding-left: 10px;
- height: 31px;
- }
- #primary_nav ul li, #primary_nav ul li a {
- color: #1D3652;
- text-decoration: none;
- }
- #primary_nav ul li {
- font-size: 0.95em;
- padding: 8px 8px;
- margin-left: 6px;
- }
- #primary_nav ul li.active {
- background: transparent url(http://i.imgur.com/E6tIZW4.png) no-repeat top left;
- font-size: 1.05em;
- font-weight: bold;
- padding: 0;
- margin: -4px 0px auto 5px;
- position: relative;
- }
- #primary_nav ul li.active a {
- background: transparent url(http://i.imgur.com/Ffu6ltu.png) no-repeat top right;
- padding: 10px 15px 10px 10px;
- margin-left: 6px;
- display: block;
- }
- #primary_nav ul li a {
- color: #FFFFFF;
- text-decoration: none;
- }
- #user_navigation {
- border-radius: 0px;
- background: #F0A735;
- border-width: 0 2px 2px 2px;
- border-style: solid;
- border-color: #F0A735;
- border-radius: 0 0 6px 6px;
- -moz-border-radius: 0 0 6px 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- position: absolute;
- width: 284px;
- top: 7px;
- right: 10px;
- float: right;
- z-index: 9999;
- }
- #user_navigation .photo {
- border-radius: 30px;
- border: 1px solid #F0A735;
- margin: 6px 10px 6px 6px;
- float: left;
- }
- #user_info {
- margin-left: 60px;
- margin-right: 15px;
- }
- /* Sign in services icons (Facebook, twitter, etc) */
- .services img { margin-top: -2px }
- #user_navigation p {
- color: #F0A735;
- margin-top: 6px;
- white-space: nowrap;
- }
- #user_navigation p a {
- color: #F0A735;
- }
- #user_navigation #new_msg_count {
- background-color: #528f6c;
- font-weight: bold;
- font-size: 0.9em;
- padding: 3px 7px;
- top: 0px;
- left: 45px;
- position: absolute;
- }
- #user_navigation ul {
- font-size: 0.88em;
- margin-top: 4px;
- }
- #user_navigation ul a {
- color: #ffffff;
- }
- #user_navigation ul#user_other {
- margin-left: 0px;
- top: 35px;
- position: absolute;
- }
- #user_navigation ul#user_other li {
- float: left;
- padding: 0 0 0 8px;
- }
- #user_navigation ul#user_link_menucontent {
- background: #ffffff;
- margin-top: 0px;
- margin-left: 1px;
- width: 170px;
- float: right;
- z-index: 10000;
- }
- #user_navigation ul#user_link_menucontent li {
- padding: 1px;
- float: none;
- }
- #user_navigation ul#user_link_menucontent a {
- color: #1d3652;
- text-decoration: none;
- padding: 5px 5px 5px 15px;
- display: block;
- }
- #user_navigation ul#user_link_menucontent a:hover {
- background: #e4ebf2;
- }
- #user_navigation #user_link {
- background: #ffffff;
- border: 1px solid #BA8128;
- padding: 3px 26px 3px 8px;
- margin: 6px 5px 0px 8px;
- min-width: 110px;
- outline: 0px;
- position: absolute;
- display: inline-block;
- overflow: hidden;
- right: 66px;
- height: 15px;
- }
- #user_navigation #user_link img {
- right: 5px;
- top: 5px;
- position: absolute;
- }
- #user_navigation #user_link span {
- display: inline-block;
- overflow: hidden;
- max-width:110px;
- }
- #user_navigation.logged_in {
- height: 63px;
- }
- #user_navigation.not_logged_in {
- font-size: 1em;
- padding: 5px 15px 10px;
- }
- #user_navigation.not_logged_in .links {
- margin: 8px 8px 0;
- font-size: 11px;
- display: block;
- color: #d5dde5;
- }
- #user_navigation.not_logged_in .links a {
- font-weight: bold;
- }
- #user_navigation.not_logged_in #register_link {
- border-bottom: 1px dotted;
- }
- #user_navigation.not_logged_in #sign_in {
- background: #1d3652;
- padding: 8px;
- display: block;
- min-width: 250px;
- margin: 0;
- padding-right: 8px;
- }
- #user_navigation.not_logged_in #sign_in:hover {
- text-decoration: underline;
- }
- /* Notifications */
- #user_navigation #user_notifications_link {
- background: #fff;
- border: 1px solid #BA8128;
- padding: 3px 17px 3px 5px;
- margin: 6px 0 0px 0px;
- min-width: 30px;
- outline: 0px;
- position: relative;
- display: inline-block;
- overflow: hidden;
- float: right;
- white-space: nowrap;
- text-decoration: none;
- height: 15px;
- }
- #user_navigation #user_notifications_link img#notify-down-arrow {
- right: 5px;
- top: 5px;
- position: absolute;
- }
- #user_navigation #user_notifications_link small {
- position: relative;
- background-color: #d5dde5;
- color: #000;
- font-weight: bold;
- top: 0px;
- right: 0px;
- padding: 1px 4px;
- border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- }
- #user_navigation #user_notifications.no-new small {
- background-color: transparent;
- color: #fff;
- }
- #user_navigation #user_notifications.no-new small:hover {
- background-color: #d5dde5;
- color: #000;
- }
- #user_notifications_link_menucontent {
- border: 1px solid #1d3652;
- margin-top: 3px;
- min-width: 325px;
- float: right;
- z-index: 10000;
- font-size: 0.85em;
- }
- #user_notifications_link_menucontent li {
- padding: 5px 10px 5px 8px;
- float: none;
- clear: both;
- /*border-top: thin solid #000;*/
- }
- #user_notifications_link_menucontent li a {
- /*text-decoration: none;*/
- }
- #user_notifications_link_menucontent li.view-all {
- text-align: center;
- background-color: #d5dde5;
- font-weight: bold;
- }
- #user_notifications_link_menucontent li.no-notifications {
- text-align: center;
- font-style: italic;
- }
- #user_notifications_link_menucontent img {
- float: left;
- margin: 5px 7px 0 0;
- }
- #user_notifications_link_menucontent li.notify:hover {
- background: #ffffff;
- }
- #user_notifications_link_menucontent li p {
- display: inline;
- margin-left: 0px;
- }
- #user_notifications_link_menucontent li span.desc {
- font-size: 0.8em;
- padding-top: 2px;
- }
- #user_notifications_link_menucontent .unread,
- #user_notifications_link_menucontent .unread a {
- font-weight: bold;
- }
- /* End notifications */
- #search {
- color: #F0A735;
- font-size: 0.85em;
- margin: 5px 4px auto auto;
- position: relative;
- right: 0px;
- float: right;
- z-index: 5000;
- min-width: 260px;
- }
- #search .submit_input {
- background: #F0A735 url({style_images_url}/search_icon.png) no-repeat 50%;
- text-indent: -3000em;
- width: 25px;
- height: 21px;
- border: 1px solid #F0A735;
- padding: 0;
- float: left;
- }
- #search input#main_search {
- padding: 0;
- border: 0;
- width: 165px;
- font-size: 11px;
- background-color: #fff;
- }
- #search input#main_search.inactive {
- color: #a9a9a9;
- font-style: italic;
- }
- #search_wrap {
- background: #fff;
- border: 1px solid #1a2735;
- padding: 3px;
- float: left;
- white-space: nowrap;
- }
- #search .choice {
- background: url({style_images_url}/search_expand.png) no-repeat right;
- border-left: 1px solid #afafaf;
- padding: 0 9px 0 7px;
- color: #888888;
- min-width: 60px;
- height: 11px;
- display: inline-block;
- }
- #search_options_menucontent {
- background: #fff;
- font-size: 13px;
- border: 1px solid #3c3c3c;
- margin-top: 4px;
- min-width: 150px;
- display: inline-block;
- z-index: 1000;
- }
- #search_options_menucontent li {
- color: #3c3c3c !important;
- margin: 0 !important;
- padding: 9px 5px 9px 10px !important;
- }
- #search_options_menucontent li.special {
- background: #e4ebf2;
- }
- #search_options_menucontent li.special + li.app,
- #search_options_menucontent li.title + li.special {
- border-top: 1px solid #cbcbcb;
- }
- #search_options_menucontent li input {
- margin-right: 5px;
- }
- #adv_search {
- width: 25px;
- height: 20px;
- margin: 1px;
- background: url({style_images_url}/advanced_search.png) no-repeat 50%;
- text-indent: -3000em;
- float: left;
- display: inline-block;
- }
- #adv_search:hover {
- background-color: #2b4f74;
- }
- #secondary_nav {
- color: #878787;
- font-size: 0.9em;
- padding: 12px 15px 12px 25px;
- clear: both;
- }
- #secondary_nav li {
- padding-right: 7px;
- float: left;
- }
- #secondary_nav #section_links li {
- padding: 0 5px;
- }
- #secondary_nav a {
- color: #393939;
- text-decoration: none;
- }
- #rss_menu {
- background-color: #ffdfbe;
- border: 1px solid #ff7600;
- padding: 1px;
- width: 200px;
- display: block;
- z-index: 500;
- }
- #secondary_nav #section_links #rss_menu li {
- padding: 0;
- display: block;
- float: none;
- }
- #rss_menu a {
- display: block;
- padding: 3px;
- color: #ff7600;
- }
- #rss_menu a:hover {
- background-color: #ff7600;
- color: #fff;
- }
- #pm_notification {
- background: url({style_images_url}/trans_bg.png);
- color: #515151;
- padding: 0;
- margin: 15px 20% 0;
- width: 60%;
- position: fixed;
- z-index: 2000;
- }
- #pm_notification #pm_wrap {
- background: #f3f3f3;
- padding: 0px 0 0px 0;
- margin: 10px;
- }
- #pm_notification h2 {
- font-size: 1.1em;
- font-weight: bold;
- clear: none;
- padding-left: 18px;
- margin: -8px 0 0 10px;
- color: #1c2837;
- }
- #pm_notification.open h2 {
- background: url({style_images_url}/folder_open.png ) no-repeat 2px 2px;
- }
- #pm_notification.closed h2 {
- background: url({style_images_url}/folder_closed.png ) no-repeat 2px 2px;
- }
- #pm_notification p.excerpt {
- margin: 15px 20px 0;
- line-height: 150%;
- overflow: auto;
- max-height: 400px;
- }
- #pm_notification p.desc {
- margin: 0px 15px 0;
- float: right;
- }
- body#ipboard_body #pm_notification p.submit {
- margin: 15px 0 0;
- padding-left: 15px;
- text-align: left;
- }
- #pm_notification a.configure {
- font-size: 0.9em;
- float: right;
- margin-right: 15px;
- }
- #pm_notification .ok_thanks {
- text-align: center;
- padding: 6px;
- clear: both;
- }
- #pm_notification h3 {
- background-color: #dae4ed;
- font-size: 1.2em;
- padding: 6px;
- margin-bottom: 2px;
- }
- #pm_notification h3 a {
- text-decoration: underline;
- }
- #pm_notification h3 img {
- margin-right: 6px;
- }
- /************************************************************************/
- /* FOOTER */
- #board_footer {
- color: #606060;
- font-size: 0.85em;
- border-top: 1px solid #dedede;
- padding: 8px 8px 15px 8px;
- margin: 10px 15px 20px;
- top: 20px;
- clear: both;
- }
- #board_footer ul#utility_links li {
- float: left;
- padding-right: 8px;
- }
- #board_footer p {
- text-align: right;
- }
- #board_footer a {
- color: #606060;
- }
- #footer_utilities {
- background: #192b40 url({style_images_url}/gradient_bg.png) repeat-x 50%;
- color: #fff;
- font-size: 0.8em;
- padding: 4px 15px;
- margin: 25px 15px 0 15px;
- }
- #footer_utilities form {
- margin: 7px 5px 0 5px;
- }
- #footer_utilities ul {
- padding: 2px 0;
- margin: 8px 0 0 0;
- }
- #footer_utilities ul li:first-child {
- color: #d5dde5;
- }
- #footer_utilities li {
- float: right;
- padding: 0 8px 4px 8px;
- }
- /************************************************************************/
- /* GENERAL CONTENT */
- #content {
- padding: 20px 15px 0px 15px;
- clear: both;
- }
- #ajax_loading {
- background-color: #6f8f52;
- color: #fff;
- text-align: center;
- padding: 5px;
- width: 8%;
- top: 0px;
- left: 46%;
- border-radius: 0 0 5px 5px;
- -moz-border-radius: 0 0 5px 5px;
- -webkit-border-bottom-left-radius: 5px;
- -webkit-border-bottom-right-radius: 5px;
- z-index: 10000;
- position: fixed;
- }
- #ipboard_body.redirector {
- width: 500px;
- margin: 150px auto 0 auto;
- }
- .topic_options, .generic_bar, .tab_filters {
- color: #1d3652;
- font-size: 0.85em;
- font-weight: bold;
- height: 33px;
- }
- .generic_bar, .tab_filters {
- background: #b6c7db;
- }
- .generic_bar {
- display: none;
- }
- .tab_filters {
- background: #1d3652 url({style_images_url}/th_bg.png) repeat-x top;
- color: #fff;
- }
- .topic_options {
- background: #d5dee5;
- }
- .topic_options li {
- padding: 10px;
- float: right;
- }
- .topic_options a {
- text-decoration: none;
- }
- .general_box h3 {
- font-size: 1em;
- border: 0;
- padding: 5px;
- margin: -10px -10px 5px -10px;
- }
- #index_stats .general_box {
- margin-bottom: 10px;
- overflow: hidden;
- padding: 0px;
- }
- #index_stats .general_box h3 {
- margin:0px;
- padding: 5px;
- }
- #index_stats.portal .general_box div.inner_portal_box {
- padding: 5px;
- }
- .general_box.alt {
- padding: 0px;
- }
- .general_box.alt h3 {
- margin: 0 0 5px 0;
- }
- .general_box a {
- text-decoration: none;
- }
- .general_box .block_list {
- font-size: 0.9em;
- padding-top: 5px;
- margin: 0;
- }
- .general_box .block_list li {
- padding: 6px;
- margin: 0;/* -8px;*/
- }
- .progress_bar {
- background-color: #fff;
- border: 1px solid #d5dde5;
- }
- .progress_bar span {
- background: #243f5c url({style_images_url}/gradient_bg.png) repeat-x left 50%;
- color: #fff;
- font-size: 0em;
- font-weight: bold;
- text-align: center;
- text-indent: -2000em; /* Safari fix */
- height: 10px;
- display: block;
- overflow: hidden;
- }
- .progress_bar.limit span {
- background: #b82929 url({style_images_url}/progressbar_warning.png) repeat-x center;
- }
- .progress_bar span span {
- display: none;
- }
- .progress_bar.user_warn {
- margin: 0 auto;
- width: 80%;
- }
- .progress_bar.user_warn span {
- height: 6px;
- }
- .progress_bar.topic_poll {
- border: 1px solid #d5dde5;
- margin-top: 2px;
- width: 40%;
- }
- img.resized {
- display: block;
- }
- .resized_img img {
- border-style: solid;
- border-color: #777;
- border-width: 3px 3px 6px 3px;
- margin-bottom: 5px;
- }
- .resized_img span {
- background: #777;
- color: #fff;
- padding: 4px 8px;
- font-size: 11px;
- }
- .resized_img {
- clear: right;
- }
- li.rating a {
- outline: 0;
- }
- .antispam_img {
- margin-left: 215px;
- margin-bottom: 3px;
- }
- .tagList {
- list-style-type: none;
- margin: 0;
- padding: 0;
- }
- .tagList li { display: inline; }
- li.level1 { font-size: 12px; }
- li.level2 { font-size: 14px; }
- li.level3 { font-size: 16px; }
- li.level4 { font-size: 18px; }
- li.level5 { font-size: 20px; }
- li.level6 { font-size: 22px; }
- span.error {
- color: #ad2930;
- font-weight: bold;
- clear: both;
- }
- .maintitle .desc {
- font-size: 0.7em;
- color: #b6c7db;
- }
- /************************************************************************/
- /* GENERIC REPEATED STYLES */
- /* Inline lists */
- #admin_bar ul, #admin_bar li, #stat_links li,
- .tab_filters ul, .tab_filters li,
- fieldset.with_subhead span.desc, fieldset.with_subhead label,
- .user_controls li {
- display: inline;
- }
- /* Floats */
- .right { float: right; }
- .left { float: left; }
- /* Visibility */
- .hide { display: none; }
- /* Bullets */
- .bullets ul, .bullets ol,
- ul.bullets, ol.bullets {
- list-style: disc;
- margin-left: 30px;
- line-height: 150%;
- list-style-image: none;
- }
- /* Rounded corners */
- #user_navigation #new_msg_count, .message, .popupWrapper, .poll_question h4, .reputation,
- .rounded {
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- }
- /* Center */
- .short {
- text-align: center;
- }
- /* Description */
- .desc, p.posted_info, .warn_panel strong {
- font-size: 0.8em;
- color: #606060;
- }
- /* Cancel */
- .cancel {
- color: #ad2930;
- font-size: 0.9em;
- font-weight: bold;
- }
- /* Maintitle */
- body .maintitle {
- font-size: 17px;
- font-weight: normal;
- padding: 8px !important;
- margin: 0 !important;
- overflow: hidden;
- }
- /* Photo */
- .photo {
- border: 1px solid #d8d8d8;
- }
- /* Moderation */
- em.moderated {
- background: transparent;
- font-size: 0.8em;
- font-weight: bold;
- margin-top: 8px;
- display: block;
- clear: both;
- }
- /* Positive/Negative */
- .positive {
- color: #6f8f52;
- }
- .negative {
- color: #c7172b;
- }
- /* Clickable */
- .clickable {
- cursor: pointer;
- }
- /* Clear */
- .clear {
- clear: both;
- }
- .clearfix, .stats_list {
- overflow: auto;
- }
- /* Block wrap */
- .block_wrap {
- padding: 5px 0;
- margin-bottom: 10px;
- }
- /* White links */
- #admin_bar a, #stat_links a,
- #primary_nav ul li.active, #primary_nav ul li a:hover, #primary_nav ul li.active a,
- #user_navigation.not_logged_in, #user_navigation.not_logged_in a,
- #user_navigation #user_link, #user_navigation #new_msg_count,
- #user_navigation ul, #user_navigation ul#user_link_menucontent,
- #search .submit_input, .message.user_status #update_status,
- table.ipb_table th a, .topic_buttons li a, .topic_buttons li span,
- .message.user_status #update_status, .tab_bar li.active, .tab_bar li.active a,
- .members li.positive a, .members li.negative a, #footer_utilities a, a.input_submit:hover {
- color: #000;
- text-decoration: none;
- }
- /* Search highlighting */
- .searchlite
- {
- background-color: yellow;
- color: red;
- font-size:14px;
- }
- /* Users posting */
- .activeuserposting {
- font-style: italic;
- }
- /************************************************************************/
- /* COLUMN WIDTHS FOR TABLES */
- .col_f_icon, .col_f_picon,
- .col_m_status, .col_r_icon {
- width: 3%;
- }
- .col_c_icon
- {
- width:53px;
- }
- .col_m_replies
- {
- width: 5%;
- }
- .col_m_to, .col_m_from {
- width:15%;
- }
- .col_f_topic, .col_m_subject {
- width: 49%;
- }
- .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: 18%;
- }
- .col_c_stats {
- width: 15%;
- }
- .col_c_post {
- width: 30%;
- }
- .col_c_forum {
- width: 55%;
- }
- .col_mod, .col_f_mod, .col_r_mod {
- width: 3%;
- }
- .col_r_title {
- width: 26%;
- }
- /************************************************************************/
- /* TABLE STYLES */
- table.ipb_table {
- line-height: 120%;
- /*table-layout: fixed;*/
- }
- table.ipb_table a {
- text-decoration: none;
- }
- table.ipb_table a:hover,
- body table.ipb_table th a {
- text-decoration: underline;
- }
- table.ipb_table caption span.desc {
- font-size: 0.6em;
- }
- table.ipb_table h4,
- table.ipb_table .topic_title {
- font-size: 1.1em;
- font-weight: normal;
- display: inline;
- }
- table.ipb_table tr td {
- /*border-bottom: 1px solid #d8e1ea;*/
- padding: 10px 8px 8px 8px;
- border-bottom: 1px solid #fff;
- /*border-bottom: 2px solid #fff;*/
- }
- table.ipb_table tr .stats {
- text-align: right;
- white-space: nowrap;
- }
- body table.ipb_table tr td p {
- font-size: 0.9em;
- }
- table.ipb_table th,
- div#current_calendar ol#week_view li.month_bar {
- font-size: 0.85em;
- font-weight: bold;
- padding: 6px;
- }
- table.ipb_table ol.subforums {
- padding-top: 6px;
- margin-top: 5px;
- }
- table.ipb_table ol.subforums li {
- background: transparent url({style_images_url}/bullet_black.png) no-repeat 3px 4px;
- color: #1d3652;
- font-size: 0.85em;
- padding: 0 4px 0 15px;
- float: left;
- }
- table.ipb_table ol.subforums li.newposts {
- background: transparent url({style_images_url}/bullet_green.png) no-repeat 0px 0px;
- color: #1d3652;
- font-size: 0.85em;
- padding: 0 4px 0 16px;
- float: left;
- }
- table.ipb_table tr.announcement td {
- font-weight: bold;
- font-size: 1.1em;
- }
- table.ipb_table tr.subhead th {
- font-weight: bold;
- font-size: 1.1em;
- padding: 8px;
- }
- table.ipb_table ul li {
- font-size: 0.95em;
- }
- /************************************************************************/
- /* FORM STYLES */
- body#ipboard_body fieldset.submit,
- body#ipboard_body p.submit {
- padding: 15px 6px 15px 6px;
- text-align: center;
- }
- body#ipboard_body fieldset.submit .left-align {
- text-align: left;
- }
- .input_text {
- background: #fff url({style_images_url}/input_text.png) repeat-x;
- font-size: 0.9em;
- font-family: arial, verdana, tahoma, sans-serif;
- border: 1px solid #9f9f9f;
- padding: 2px;
- }
- .input_text.error {
- background-color: #f3dddd;
- }
- .input_text.accept {
- background-color: #f1f6ec;
- }
- .input_text.email,
- .input_text.password {
- width: 18em;
- }
- .input_submit {
- font-weight: bold;
- font-size: 0.85em;
- text-decoration: none;
- border-width: 1px;
- border-style: solid;
- padding: 3px 7px;
- cursor: pointer;
- }
- .input_submit.alt {
- text-decoration: none;
- }
- p.field {
- padding: 15px;
- }
- li.field {
- padding: 5px;
- margin-left: 27px;
- }
- li.field label,
- li.field span.desc {
- display: block;
- }
- li.field.error {
- color: #ad2930;
- }
- li.field.error label {
- font-weight: bold;
- }
- li.field.checkbox, li.field.cbox {
- margin-left: 0;
- }
- li.field.checkbox .input_check,
- li.field.checkbox .input_radio,
- li.field.cbox .input_check,
- li.field.cbox .input_radio {
- margin-right: 10px;
- vertical-align: middle;
- }
- li.field.checkbox label,
- li.field.cbox label {
- width: auto;
- float: none;
- display: inline;
- }
- li.field.checkbox p,
- li.field.cbox p {
- position: relative;
- left: 245px;
- display: block;
- }
- li.field.checkbox span.desc,
- li.field.cbox span.desc {
- padding-left: 27px;
- margin-left: auto;
- display: block;
- }
- /************************************************************************/
- /* MESSAGE STYLES */
- .message {
- background: #f1f6ec url({style_images_url}/information.png) no-repeat 8px 10px;
- padding: 10px 10px 10px 30px;
- border: 1px solid #b0ce94;
- color: #3e4934;
- line-height: 150%;
- }
- .message h3 {
- padding: 0;
- color: #323232;
- }
- .message.error {
- background-color: #f3dddd;
- background-image: url({style_images_url}/exclamation.png);
- border-color: #deb7b7;
- color: #281b1b;
- font-size: 1.1em;
- }
- .message.error.usercp {
- background-image: none;
- padding: 4px;
- float: right;
- }
- .message.unspecific {
- background-color: #f3f3f3;
- border-color: #d4d4d4;
- color: #515151;
- margin: 0 0 10px 0;
- clear: both;
- }
- .message.user_status {
- background: #f9f7e0;
- color: #6c6141;
- font-size: 1em;
- border: 1px solid #eadca0;
- padding: 5px 5px 5px 15px;
- margin-bottom: 10px;
- }
- .message.user_status.in_profile {
- font-size: 1.2em;
- position: relative;
- padding-left: 15px;
- overflow: auto;
- }
- .message.user_status #update_status {
- background: #243f5c;
- font-size: 0.8em;
- font-weight: bold;
- padding: 3px 8px;
- margin-left: 10px;
- }
- .message.user_status .cancel {
- font-size: 0.75em;
- }
- /************************************************************************/
- /* MENU & POPUP STYLES */
- .ipbmenu_content, .ipb_autocomplete {
- font-size: 0.9em;
- min-width: 85px;
- padding: 5px;
- z-index: 2000;
- }
- .ipbmenu_content li, .ipb_autocomplete li {
- padding: 5px;
- }
- .ipbmenu_content li:last-child {
- border-bottom: 0;
- padding-bottom: 0px;
- }
- .ipbmenu_content li:first-child {
- padding-top: 0px;
- }
- .ipbmenu_content a {
- text-decoration: none;
- }
- .popupWrapper {
- background-color: rgba(0,0,0,0.58);/*url({style_images_url}/trans_bg.png);*/
- color: #fff;
- -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
- -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58);
- box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58 );
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- }
- .popupInner {
- background: #f1f4f7;
- color: #000;
- border: 3px solid #d5dde5;
- border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- margin: 8px;
- width: 500px;
- overflow: auto;
- }
- .popupInner.black_mode {
- background: #000;
- border: 3px solid #b3bbc3;
- color: #eee;
- border: 3px solid #555;
- }
- .popupInner.warning_mode {
- border: 3px solid #7D1B1B;
- }
- .popupInner h3 {
- background-color: #dae4ed;
- font-size: 1em;
- border: 0;
- padding-left: 24px;
- }
- .popupInner.black_mode h3 {
- background-color: #545C66;
- color: #ddd;
- }
- .popupInner.warning_mode h3 {
- background-color: #7D1B1B;
- padding-top: 6px;
- padding-bottom: 6px;
- color: #fff;
- }
- .popupInner.warning_mode input.input_submit {
- background-color: #7D1B1B;
- }
- .popupClose {
- position: absolute;
- left: 12px;
- top: 12px;
- }
- .popupClose.light_close_button {
- background: transparent url({style_images_url}/close_popup_light.png) no-repeat top left;
- opacity: 0.8;
- width: 13px;
- height: 13px;
- top: 18px;
- left: 16px;
- }
- .popupClose.light_close_button img {
- display: none;
- }
- .popup_footer {
- padding: 15px;
- position: absolute;
- bottom: 0px;
- right: 0px;
- }
- .popup_body {
- padding: 10px;
- }
- .stem {
- width: 31px;
- height: 16px;
- position: absolute;
- }
- .stem.topleft {
- background-image: url({style_images_url}/stems/topleft.png);
- }
- .stem.topright {
- background-image: url({style_images_url}/stems/topright.png);
- }
- .stem.bottomleft {
- background-image: url({style_images_url}/stems/bottomleft.png);
- }
- .stem.bottomright {
- background-image: url({style_images_url}/stems/bottomright.png);
- }
- .modal {
- background-color: #3e3e3e;
- }
- .userpopup {
- padding-bottom: 25px;
- overflow: hidden;
- position: relative;
- font-size: 0.9em;
- }
- .userpopup .info {
- position: relative;
- }
- .userpopup h3 {
- font-size: 1.2em;
- }
- .userpopup > div {
- padding: 8px;
- }
- .userpopup dl {
- border-bottom: 1px solid #d4d4d4;
- padding-bottom: 10px;
- margin-bottom: 4px;
- }
- .userpopup .photo {
- top: 0px;
- right: 0px;
- position: absolute;
- }
- .userpopup .user_controls {
- left: 10px;
- position: absolute;
- }
- .userpopup .reputation {
- right: 4px;
- position: absolute;
- }
- .info dt {
- float: left;
- font-weight: bold;
- padding: 3px 6px;
- clear: both;
- width: 30%;
- }
- .info dd {
- padding: 3px 6px;
- width: 60%;
- margin-left: 35%;
- }
- /************************************************************************/
- /* TOPIC/POST BUTTONS STYLES */
- .topic_controls {
- min-height: 30px;
- }
- .topic_buttons li {
- background: transparent url({style_images_url}/topic_button_left.png) no-repeat top left;
- padding: 0;
- margin: 0px 10px 10px 0px;
- float: right;
- }
- .topic_buttons li a,
- .topic_buttons li span {
- font-size: 0.9em;
- display: block;
- margin: auto 0px auto 6px;
- outline: 0;
- }
- .topic_buttons li span {
- padding: 8px 12px 7px 3px;
- }
- .topic_buttons li a {
- background: transparent url({style_images_url}/topic_button_right.png) no-repeat top right;
- padding: 7px 12px 6px 3px;
- }
- .topic_buttons li a img,
- .topic_buttons li span img {
- margin: -1px 5px 1px 0;
- }
- .topic_buttons li a img.arrow { margin-right: -3px; }
- .topic_buttons li:hover {
- background: transparent url({style_images_url}/topic_button_left_hover.png) no-repeat top left;
- }
- .topic_buttons li:hover a {
- background: transparent url({style_images_url}/topic_button_right_hover.png) no-repeat top right;
- }
- .topic_buttons li.disabled {
- background: transparent url({style_images_url}/topic_button_left_disabled.png) no-repeat top left;
- }
- .topic_buttons li.disabled a {
- background: transparent url({style_images_url}/topic_button_right_disabled.png) no-repeat top right;
- color: #555555;
- }
- .topic_buttons li.disabled span {
- background: transparent url({style_images_url}/topic_button_right_disabled.png) no-repeat top right;
- color: #8f8e8e;
- }
- .topic_buttons li.closed {
- background: transparent url({style_images_url}/topic_button_left_closed.png) no-repeat top left;
- }
- .topic_buttons li.closed span,
- .topic_buttons li.closed a {
- background: transparent url({style_images_url}/topic_button_right_closed.png) no-repeat top right;
- }
- ul.post_controls {
- background-image: url({style_images_url}/gradient_bg.png);
- background-repeat: repeat-x;
- background-position: 50%;
- font-size: 0.8em;
- text-align: right;
- padding: 6px 10px 28px 6px;
- clear: both;
- }
- ul.post_controls li {
- background: transparent url({style_images_url}/post_button_left.png) no-repeat top left;
- padding: 0;
- margin: 0 4px;
- float: right;
- }
- ul.post_controls li.report,
- ul.post_controls li.top,
- ul.post_controls.left li {
- float: left;
- }
- ul.post_controls a {
- background: transparent url({style_images_url}/post_button_right.png) no-repeat top right;
- color: #1d3652;
- text-decoration: none;
- padding: 6px 9px 3px 4px;
- margin-left: 4px;
- display: block;
- }
- ul.post_controls a img {
- margin-top: -2px;
- }
- ul.post_controls a:hover {
- color: #3d70a3;
- }
- /* Selected button */
- ul.post_controls li.selected {
- background: transparent url({style_images_url}/post_button_left_selected.png) no-repeat top left;
- }
- ul.post_controls li.selected a {
- background: transparent url({style_images_url}/post_button_right_selected.png) no-repeat top right;
- color: #fff;
- }
- body .topic_buttons li a:hover,
- body ul.post_controls a:hover {
- text-decoration: none;
- }
- /************************************************************************/
- /* PAGINATION STYLES */
- span.pagination.no_pages {
- color: #acacac;
- font-size: 0.9em;
- padding: 10px;
- height: 15px;
- display: block;
- }
- ul.pagination.top {
- padding: 0 0 5px 0;
- margin-bottom: 15px;
- height: 18px;
- }
- ul.pagination.bottom {
- padding: 5px 0 0 0;
- margin-top: 15px;
- height: 18px;
- }
- ul.pagination a,
- ul.pagination li.active,
- ul.pagination li.pagejump,
- ul.pagination li.total {
- text-decoration: none;
- padding: 1px 4px;
- display: block;
- }
- ul.pagination li.pagejump img {
- margin-top: -4px;
- }
- ul.pagination li {
- background: #fff;
- font-size: 0.9em;
- border: 1px solid #cfcfcf;
- margin: 0 1px 0 1px;
- float: left;
- }
- ul.pagination li.total,
- ul.pagination li.active {
- background: none;
- border: 0;
- margin-left: 0px;
- }
- ul.pagination li.active {
- color: #528f6c;
- font-size: 1em;
- font-weight: bold;
- }
- ul.mini_pagination {
- font-size: 0.75em;
- display: inline;
- margin-left: 7px;
- }
- ul.mini_pagination li a {
- border: 1px solid #d3d3d3;
- padding: 1px 3px;
- }
- ul.mini_pagination li {
- display: inline;
- margin: 0px 2px;
- }
- /************************************************************************/
- /* MODERATION & FILTER STYLES */
- .moderation_bar {
- text-align: right;
- padding: 6px 35px 6px 10px;
- margin: 10px 0 0 0;
- }
- .moderation_bar.with_action {
- background-image: url({style_images_url}/topic_mod_arrow.png);
- background-repeat: no-repeat;
- background-position: right center;
- }
- #topic_mod_2 {
- border-top-left-radius: 0px;
- border-top-right-radius: 0px;
- -moz-border-radius-topleft: 0px;
- -moz-border-radius-topright: 0px;
- -webkit-border-top-left-radius: 0px;
- -webkit-border-top-right-radius: 0px;
- padding-top: 10px;
- margin-top: -10px;
- }
- #topic_mod p {
- padding: 7px;
- font-size: 0.9em;
- }
- #topic_mod #forum_mod_options_menucontent {
- text-align: left;
- }
- .filter_bar {
- font-size: 0.8em;
- text-align: center;
- margin: 6px 0 0 0;
- padding: 6px;
- }
- .filter_bar select {
- margin-right: 10px;
- }
- .filter_bar span.clickable {
- display: block;
- }
- /************************************************************************/
- /* TAB BAR STYLES */
- .tab_bar {
- font-size: 0.9em;
- border-radius: 6px 6px 0 0;
- -moz-border-radius: 6px 6px 0 0;
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- padding: 7px 15px 25px 15px;
- }
- .tab_bar.no_title {
- background-image: url({style_images_url}/th_bg.png);
- background-repeat: repeat-x;
- background-position: bottom;
- padding: 7px 15px 56px 15px;
- }
- .tab_bar.no_title.mini {
- background: transparent;
- padding: 7px 15px 25px 15px;
- }
- .tab_bar li {
- float: left;
- padding: 2px 10px;
- }
- .tab_bar li a {
- color: #4a6784;
- text-decoration: none;
- }
- .tab_bar li.active {
- font-weight: bold;
- font-size: 1.1em;
- border-radius: 4px 4px 0 0;
- -moz-border-radius: 4px 4px 0 0;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- padding: 7px 10px;
- margin: -2px 10px 0 10px;
- }
- .tab_filters {
- padding: 0 10px;
- }
- .tab_filters ul {
- padding-top: 10px;
- }
- .tab_filters a {
- color: #cfd9e4;
- text-decoration: none;
- font-weight: normal;
- }
- .tab_filters li {
- color: #cfd9e4;
- padding: 0 4px;
- }
- .tab_filters li.active,
- .tab_filters li.active a {
- font-weight: bold;
- color: #fff;
- }
- /************************************************************************/
- /* AUTHOR INFO (& RELATED) STYLES */
- .author_info {
- text-align: left;
- font-size: 0.9em;
- border-right: 1px solid #e4ebf3;
- margin: 15px -5px 10px 0px;
- width: 225px;
- float: left;
- }
- .author_info.no_rep {
- margin-bottom: 15px;
- }
- .author_info li.avatar, .author_info li.group_icon, .author_info li.title {
- text-align: center;
- }
- .author_info ul.user_fields li {
- clear: both;
- font-size: 0.9em;
- color: #718a96;
- padding-bottom: 2px;
- overflow: hidden;
- }
- .author_info ul.user_fields {
- clear: both;
- }
- .author_info ul.user_fields li span.ft,
- .author_info ul.user_fields li span.fc {
- display: block;
- float: left;
- }
- .author_info ul.user_fields li span.ft {
- width: 38%;
- text-align: right;
- font-weight: bold;
- padding: 0 0 0 8px;
- }
- .author_info ul.user_fields li span.fc {
- padding: 0 8px 0 8px;
- max-width: 50%;
- word-wrap: break-word;
- }
- /*.author_info dl {
- font-size: 0.9em;
- margin: 8px 8px 15px 8px;
- }
- .author_info dt,
- .author_info dd {
- display: inline-block;
- color: #718a96;
- vertical-align: top;
- }
- .author_info dt {
- font-weight: bold;
- text-align: right;
- clear: both;
- }
- .author_info dd {
- text-align: left;
- background: red;
- }*/
- .author_info .title {
- margin-top: 4px;
- }
- .user_controls {
- text-align: center;
- margin: 6px 0;
- }
- .user_controls li {
- margin: 0 2px;
- display: inline;
- }
- .user_controls li a {
- display: inline-block;
- background-color: #d5dee5;
- border-radius: 4px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- padding: 3px;
- color: #1d3652;
- }
- .warn_panel {
- text-align: left;
- padding: 6px;
- margin: 0 10px;
- }
- .warn_panel .warn_link {
- padding-left: 10%;
- text-decoration: none;
- }
- .warn_panel .warn_edit {
- float: right;
- }
- .warn_panel .warn_edit.up {
- margin-right: 10%;
- }
- .rating_mode.user_warn {
- margin: 0 auto;
- width: 80%;
- font-size: 0.9em;
- }
- .rating_mode .warn_edit.down {
- float: none;
- margin-right: 3px;
- }
- .rating_mode .warn_edit.up {
- float: none;
- margin-left: 2px;
- }
- /************************************************************************/
- /* BOARD INDEX STYLES */
- a.toggle {
- background: url({style_images_url}/cat_minimize.png) no-repeat;
- text-indent: -3000em;
- padding-bottom: 2px;
- width: 25px;
- height: 100%;
- display: block;
- outline: 0;
- }
- #latest_news {
- color: #1d3652;
- font-size: 0.9em;
- border: 1px solid #d5dde5;
- padding: 10px;
- margin: 0 4px 6px;
- }
- #latest_news a {
- text-decoration: none;
- }
- div#categories {
- width: 76%;
- overflow: hidden;
- }
- div#categories.no_sidebar {
- width: 100%;
- float: none;
- }
- #index_stats {
- padding-bottom: 25px;
- margin-bottom: 20px;
- margin-top: 0px;
- width: 22%;
- }
- .sidebar_toggle {
- text-align: right;
- padding: 4px 3px;
- height: 18px;
- width: 10px;
- right: 4px;
- position: absolute;
- outline: 0;
- }
- #open_sidebar.sidebar_toggle {
- right: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- -moz-border-radius-top-right: 0;
- -moz-border-radius-bottom-right: 0;
- -webkit-border-top-right-radius: 0;
- -webkit-border-bottom-right-radius: 0;
- }
- #open_sidebar, #close_sidebar {
- outline: none;
- }
- .category_block h3.collapsed {
- border-bottom: 8px solid #b6c7db;
- }
- .category_block h3.collapsed a.toggle {
- background-image: url({style_images_url}/cat_maximize.png);
- /*padding-bottom: 6px;*/
- }
- .index_stats_collapse
- {
- text-indent: -3000em;
- padding-bottom: 2px;
- width: 15px;
- height: 15px;
- display: block;
- float: right;
- outline: 0;
- }
- .index_stats_collapse.open
- {
- background-image: url({style_images_url}/cat_minimize_small.png);
- opacity:0.6;
- }
- .index_stats_collapse.close
- {
- background-image: url({style_images_url}/cat_maximize_small.png);
- opacity:0.6;
- }
- .statistics {
- padding: 15px;
- margin: 10px 0px 0 0px;
- min-height: 160px;
- }
- .statistics h2 {
- font-size: 1.1em;
- font-weight: bold;
- }
- .statistics h2 span {
- font-size: 0.8em;
- font-weight: normal;
- color: #425365;
- }
- .statistics #active_users, .statistics #forum_active_users {
- border-top: 0;
- padding-top: 0;
- }
- body #topic_stats.statistics {
- min-height: 50px;
- }
- body .stats_list {
- border-top: 1px solid #e4ebf2;
- margin-bottom: 10px;
- padding: 10px 5px 0 0;
- float: left;
- width: 60%;
- line-height: 140%;
- overflow: hidden;
- }
- .stats_list li,
- .active_users li {
- float: left;
- font-size: 0.9em;
- padding: 0 5px 0 0;
- margin-top: 4px;
- }
- .stats_list ul, .stats_list p {
- margin-left: 15px;
- }
- .stats_list span.desc {
- font-weight: normal;
- }
- .active_users span.name {
- font-size: 0.9em;
- padding: 0 5px 0 0;
- margin-top: 4px;
- }
- .active_users p {
- margin-left: 15px;
- }
- #stats {
- border-left: 1px solid #e4ebf2;
- padding-left: 20px;
- width: 33%;
- float: right;
- }
- #stats dl {
- margin-left: 10px;
- }
- #stats dt,
- #stats dd {
- border-top: 1px solid #dedede;
- font-size: 0.85em;
- padding: 6px 2px;
- float: left;
- width: 45%;
- }
- #stats dt {
- font-weight: bold;
- clear: both;
- }
- #stats .extra {
- color: #a2a2a2;
- font-size: 0.9em;
- }
- #stat_links {
- color: #69727b;
- font-size: 0.85em;
- text-align: center !important;
- margin-top: 25px;
- }
- #stat_links li {
- padding: 2px 6px;
- }
- .friend_list ul li,
- #top_posters li {
- text-align: center;
- padding: 8px 0 0 0;
- margin: 5px 0 0 0;
- min-width: 80px;
- height: 70px;
- float: left;
- }
- .friend_list ul li span.name,
- #top_posters li span.name {
- font-size: 0.8em;
- }
- #hook_watched_items ul li {
- padding: 8px;
- }
- body#ipboard_body #hook_watched_items fieldset.submit {
- padding: 8px;
- }
- /************************************************************************/
- /* FORUM VIEW (& RELATED) STYLES */
- .topic_preview,
- ul.topic_moderation {
- margin-top: -2px;
- z-index: 300;
- }
- ul.topic_moderation li {
- float: left;
- }
- .topic_preview a,
- ul.topic_moderation li a {
- padding: 0 3px;
- display: block;
- float: left;
- }
- span.mini_rate {
- margin-right: 12px;
- display: inline-block;
- }
- img.mini_rate {
- margin-right: -5px;
- }
- .topic_prefix {
- font-size: 0.8em;
- font-weight: bold;
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- padding: 0px 4px;
- float: left;
- display: block;
- }
- #forum_legend {
- width: 39%;
- }
- #forum_legend dl {
- font-size: 0.9em;
- margin-top: 15px;
- }
- #forum_legend dt,
- #forum_legend dd {
- font-size: 0.9em;
- border-top: 1px solid #dedede;
- padding: 6px 2px;
- height: 20px;
- float: left;
- }
- #forum_legend dt {
- text-align: center;
- width: 9%;
- }
- #forum_legend dd {
- width: 38%;
- max-width: 200px;
- }
- .message.forum_rules {
- margin-bottom: 20px;
- }
- .rules {
- line-height: 150%;
- }
- #forum_table .maintitle .main_forum_title {
- float: left;
- }
- #forum_table .maintitle .desc {
- float: right;
- }
- #forum_table .maintitle .desc a {
- color: #d5dde5;
- }
- #filter_form input.input_submit {
- margin-left: 4px;
- }
- .maintitle .desclinks {
- color: #d5dde5;
- font-size: 0.6em;
- padding-top: 4px;
- }
- .maintitle .desclinks a {
- text-decoration: none;
- }
- /************************************************************************/
- /* TOPIC VIEW (& RELATED) STYLES */
- ul.topic_jump {
- font-size: 0.8em;
- padding-top: 4px;
- margin: 0px auto 15px auto;
- }
- ul.topic_jump li {
- padding: 1px 7px;
- float: left;
- }
- ul.topic_jump li a {
- text-decoration: none;
- }
- ul.topic_jump li.previous {
- border-right: 1px solid #8f8f8f;
- }
- ul.topic_jump li.next {
- border-left: 1px solid #8f8f8f;
- }
- /*#ipboard_body .post_block h3,*/
- .poll h3 {
- background: #B5C0CF url({style_images_url}/gradient_bg.png) repeat-x 50%;
- }
- body .ip {
- color: #475769;
- font-style: italic;
- font-weight: normal;
- font-size: 11px;
- padding-top: 4px;
- margin-right: 10px;
- margin-left: 15px;
- }
- span.post_id {
- font-size: 11px;
- font-weight: normal;
- padding-top: 4px;
- display: block;
- float: right;
- }
- input.post_mod {
- float: right;
- margin: 0px 6px 0 15px;
- }
- .signature {
- color: #8e8e8e;
- font-size: 11px;
- border-top: 1px solid #d5dde5;
- padding: 8px;
- margin: 10px 10px 0 6px;
- }
- .signature a {
- text-decoration: underline;
- }
- .post_block {
- margin: 0 0 1px 0;
- position: relative;
- }
- .post_block.no_sidebar {
- background-image: none;
- }
- .post_block h3 {
- padding: 8px;
- }
- .post_block address {
- font-weight: bold;
- }
- .post_wrap {
- top: 0px;
- }
- .post_block.topic_summary h3 {
- padding: 4px;
- }
- .post_block.topic_summary .posted_info {
- margin-left: 10px;
- }
- .post_block.topic_summary .post_body .post {
- padding: 3px 10px 15px;
- margin-top: -15px;
- }
- .post_block.with_rep .post_body {
- margin-bottom: 25px;
- }
- .post_body {
- margin-left: 235px;
- line-height: 100%;
- }
- .post_block.no_sidebar .post_body {
- margin-left: 0px;
- }
- .post_body .post {
- margin-top: 3px;
- padding: 10px;
- line-height: 150%;
- }
- .post_ignore {
- background: #fafbfc;
- color: #777;
- font-size: 0.9em;
- padding: 15px;
- }
- .post_ignore .reputation {
- text-align: center;
- padding: 2px 6px;
- float: none;
- display: inline;
- }
- .rep_bar {
- background: #e4ebf2;
- font-size: 0.8em;
- border-top-left-radius: 5px;
- -moz-border-radius-topleft: 5px;
- -webkit-border-top-left-radius: 5px;
- padding: 0 10px;
- right: 0;
- bottom: 32px;
- position: absolute;
- }
- /* .post_block.rep_highlight .rep_bar {
- max-width: 140px;
- }*/
- .rep_bar ul {
- margin-top: 8px;
- float: left;
- }
- .rep_bar ul li {
- float: left;
- }
- p.rep_highlight {
- float: right;
- display: inline-block;
- margin: 5px 10px 10px 10px;
- background: #D5DEE5;
- color: #1d3652;
- padding: 5px;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- font-size: 0.8em;
- font-weight: bold;
- text-align: center;
- }
- p.rep_highlight img {
- margin-bottom: 4px;
- }
- p.posted_info {
- padding: 10px 5px 7px 7px;
- margin-left: -3px;
- margin-bottom: -10px;
- }
- p.posted_info strong.event {
- color: #1c2837;
- font-size: 1.2em;
- }
- p.edit {
- background-color: #f3f3f3;
- color: #515151;
- font-size: 0.9em;
- line-height: 120%;
- padding: 10px;
- margin-top: 10px;
- }
- div.threaded_view ul ul {
- margin-left: -25px;
- }
- div.threaded_view ul li {
- padding: 0px 0 0px 25px;
- }
- div.threaded_view {
- line-height: 140%;
- padding: 5px 0 15px 0;
- }
- div.threaded_view .post_title {
- font-style: italic;
- }
- .topic_share {
- font-size: 0.9em;
- padding: 3px;
- margin-top: 4px;
- }
- .topic_share li {
- float: left;
- margin: 0 5px;
- }
- .poll {
- border-bottom: 7px solid #1d3652;
- margin-bottom: 5px;
- }
- .poll fieldset {
- padding: 9px;
- }
- .poll_question {
- padding: 10px;
- margin: 10px 10px 10px 20px;
- }
- .poll_question h4 {
- background-color: #e4ebf2;
- margin: 0 -7px;
- padding: 5px;
- }
- .poll_question ol {
- padding: 8px;
- background-color: #fafbfc;
- }
- .poll_question li {
- font-size: 0.9em;
- margin: 6px 0;
- }
- .poll_question .votes {
- margin-left: 5px;
- }
- .snapback {
- margin-right: 5px;
- padding: 1px 0 1px 1px;
- }
- .topic .main_topic_title {
- float: left;
- }
- .maintitle .rating {
- font-size: 11px;
- margin: 4px 0 0 15px;
- float: right;
- }
- .maintitle .rating img {
- margin-top: -2px;
- }
- /************************************************************************/
- /* POSTING FORM (& RELATED) STYLES */
- div.post_form label {
- text-align: right;
- padding-right: 15px;
- width: 275px;
- float: left;
- clear: both;
- }
- div.post_form span.desc,
- fieldset#poll_wrap span.desc {
- margin-left: 290px;
- display: block;
- clear: both;
- }
- div.post_form .checkbox input.input_check,
- #mod_form .checkbox input.input_check {
- margin-left: 315px;
- }
- div.post_form .antispam_img {
- margin-left: 290px;
- }
- div.post_form .captcha .input_text {
- float: left;
- }
- div.post_form fieldset {
- padding-bottom: 15px;
- }
- div.post_form h3 {
- margin-bottom: 10px;
- }
- fieldset.with_subhead {
- margin-bottom: 0;
- padding-bottom: 0;
- }
- fieldset.with_subhead h4 {
- text-align: right;
- margin-top: 6px;
- width: 300px;
- float: left;
- }
- fieldset.with_subhead ul {
- border-bottom: 1px solid #d5dde5;
- padding-bottom: 6px;
- margin: 0 15px 6px 320px;
- }
- fieldset.with_subhead span.desc,
- fieldset.with_subhead label {
- margin: 0;
- width: auto;
- }
- fieldset.with_subhead #post_icons {
- border: 0;
- margin-left: 326px;
- }
- fieldset.with_subhead #post_icons li {
- margin-right: 15px;
- margin-bottom: 6px;
- float: left;
- }
- fieldset.with_subhead .checkbox input.input_check {
- margin-left: 0px;
- }
- #toggle_post_options {
- background: transparent url({style_images_url}/add.png) no-repeat;
- font-size: 0.9em;
- padding: 2px 0 2px 22px;
- margin: 15px;
- display: block;
- }
- .post_form #poll_wrap .question {
- margin-bottom: 10px;
- }
- .post_form #poll_wrap .question .wrap {
- background-color: #e4ebf2;
- padding: 10px;
- margin-left: 290px;
- margin-right: 12px;
- }
- .post_form #poll_wrap .question .wrap ol {
- margin-left: 25px;
- margin-top: 16px;
- list-style: decimal;
- }
- .post_form #poll_wrap .question .wrap ol li {
- margin: 5px;
- }
- .post_form #poll_wrap .question .wrap input.input_check,
- .post_form #poll_wrap .question .wrap label,
- .post_form #poll_wrap .question .wrap span.desc {
- text-align: left;
- margin-left: 0;
- display: inline;
- width: auto;
- clear: none;
- float: none;
- }
- .post_form #poll_wrap .question ul.post_controls {
- text-align: left;
- }
- .post_form .question_title {
- font-weight: bold;
- }
- .post_form #poll_form .topic_buttons {
- margin-left: 315px;
- }
- .post_form #poll_form .topic_buttons li,
- .post_form #poll_form .post_controls li {
- float: left;
- }
- .post_form #poll_form #poll_stats.desc {
- margin-left: 320px;
- margin-bottom: 8px;
- }
- /************************************************************************/
- /* ATTACHMENT MANAGER (& RELATED) STYLES */
- .swfupload {
- position: absolute;
- z-index: 1;
- }
- #attachments {
- margin: 15px;
- }
- #attachments li {
- background-color: #e4ebf2;
- border: 1px solid #d5dde5;
- padding: 6px 20px 6px 42px;
- margin-bottom: 10px;
- position: relative;
- }
- #attachments li p.info {
- color: #69727b;
- font-size: 0.8em;
- width: 300px;
- }
- #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
- display: none;
- }
- #attachments li.complete .links {
- font-size: 0.9em;
- margin-right: 15px;
- right: 0px;
- top: 12px;
- display: block;
- position: absolute;
- }
- #attachments li .progress_bar {
- margin-right: 15px;
- width: 200px;
- right: 0px;
- top: 15px;
- position: absolute;
- }
- #attachments li.complete, #attachments li.in_progress, #attachments li.error {
- background-repeat: no-repeat;
- background-position: 12px 12px;
- }
- #attachments li.in_progress {
- background-image: url({style_images_url}/loading.gif);
- }
- #attachments li.error {
- background-image: url({style_images_url}/exclamation.png);
- background-color: #e8caca;
- border: 1px solid #ddafaf;
- }
- #attachments li.error .info {
- color: #8f2d2d;
- }
- #attachments li.complete {
- background-image: url({style_images_url}/accept.png);
- }
- #attachments li .thumb_img {
- left: 6px;
- top: 6px;
- width: 30px;
- height: 30px;
- overflow: hidden;
- position: absolute;
- }
- fieldset.attachments .input_submit, fieldset.attachments .swfupload, fieldset.attachments .input_upload {
- margin-left: 15px;
- }
- div.post_form fieldset.attachments span.desc {
- margin: 0 0 0 15px;
- display: inline;
- clear: none;
- }
- #attach_wrap {
- background: #eef3f8;
- padding: 6px;
- margin-top: 8px;
- }
- #attach_wrap h4 {
- font-size: 1em;
- font-weight: bold;
- }
- #attach_wrap li {
- margin: 5px 6px;
- float: left;
- }
- #attach_wrap .desc.info {
- margin-left: 24px;
- }
- /************************************************************************/
- /* COMMENTS (& RELATED) STYLES */
- #comment_list {
- margin-top: 10px;
- }
- #comment_innerwrap .no-form {
- margin-top: 4px;
- }
- .comment_wrap .comment {
- line-height: 150%;
- padding: 5px;
- }
- .comment_wrap {
- position: relative;
- }
- .comment_wrap .rep_bar {
- position: static;
- margin: -10px -5px -5px 0;
- }
- .comment_wrap .comment .photo {
- float: left;
- margin: 0 10px 10px 0;
- }
- .comment_wrap .comment h4,
- .comment_wrap .posted_date,
- .comment_wrap .comment .comment_content {
- margin-left: 65px;
- }
- .comment_wrap .posted_date {
- display: block;
- }
- .comment_wrap .comment h4 {
- font-size: 1.1em;
- margin-bottom: -3px;
- clear: none !important;
- }
- .comment_wrap .comment h4 a {
- text-decoration: none;
- }
- .comment_wrap .comment .comment_content {
- padding: 10px 5px;
- }
- .comment_options {
- float: right;
- }
- .comment_options li {
- font-size: 0.8em;
- font-weight: bold;
- margin: 0 5px;
- float: left;
- }
- .comment_options li a,
- .comment .cleft a {
- text-decoration: none;
- }
- #commentReply {
- margin-left: 70px;
- }
- #commentUser {
- padding-top:0px;
- padding-left: 10px;
- float: left;
- }
- #commentButtons {
- margin: 0px 0px 10px 0px;
- text-align: right;
- }
- /* New comment styles */
- .comment .post_wrap .cleft {
- float: left;
- margin-left: 65px;
- padding-left: 5px;
- position: absolute;
- display: inline-box;
- }
- .comment_wrap .comment.gallery_row_off,
- .comment_wrap .comment.row1,
- .comment_wrap .comment.row2 {
- margin-bottom: 0px;
- margin-top: 0px;
- margin-left: 0px;
- padding-left: 0px;
- border-bottom: 0px;
- }
- .comment_wrap .comment.row2 {
- padding-top: 5px;
- }
- .comment_content {
- padding: 10px 0px 10px 0px;
- }
- /************************************************************************/
- /* REPUTATION STYLES */
- .reputation
- /*.post_block .rep_highlight*/ {
- font-weight: bold;
- padding: 3px 8px;
- margin: 6px;
- display: block;
- float: right;
- }
- .reputation.positive, .members li.positive {
- background: #6f8f52;
- }
- .reputation.negative, .members li.negative {
- background: #b82929;
- }
- .reputation.positive, .reputation.negative {
- color: #fff;
- }
- .reputation.zero {
- background: #dedede;
- color: #6e6e6e;
- }
- /*body .post_block .rep_highlight {
- font-size: 1.1em;
- float: left;
- }*/
- /************************************************************************/
- /* PORTAL STYLES */
- #index_stats.portal
- {
- margin-top: 0px;
- }
- #portal_articles {
- width: 76%;
- margin-right: 2%;
- }
- #portal_active_users ul,
- #portal_active_users li {
- float: left;
- padding: 3px;
- }
- #portal_active_users ul {
- margin-bottom: 15px;
- }
- /************************************************************************/
- /* Status updates */
- #status_recent_actions {
- width: 20%;
- }
- .status_profile_page {
- width: 65%;
- margin-right: 10px;
- float: left;
- }
- .status_profile_actions
- {
- width: 30%;
- padding: 10px;
- float: left;
- }
- .status_action_left
- {
- margin-left:4px;
- float: left;
- }
- .status_action_right
- {
- margin-left: 35px;
- }
- #status_standalone_page {
- width: 76%;
- }
- #status_wrapper {
- }
- #status_wrapper .right {
- padding-bottom: 8px;
- padding-right: 8px;
- }
- #status_wrapper p.no-status, .status_profile_actions p.no-status {
- padding: 10px;
- text-align: center;
- font-size: 1.1em;
- }
- .status_profile_actions p.no-status {
- padding: 4px;
- }
- .status_main_wrap {
- margin-bottom: 20px;
- margin: 10px;
- padding: 15px;
- background: #fff;
- -moz-box-shadow: #e5e5e5 2px 2px 2px;
- -webkit-box-shadow: #e5e5e5 2px 2px 2px;
- }
- .status_main_wrap a {
- text-decoration: none;
- }
- .status_main_photo {
- float: left;
- }
- .status_main_content {
- margin-left: 65px;
- word-wrap: break-word;
- }
- .status_main_content h4 {
- font-weight:normal;
- font-size:1.2em;
- }
- .status_main_content h4 .su_links a { font-weight: normal; }
- .status_main_content p {
- padding: 6px 0px 6px 0px;
- }
- .status_main_content h4 a {
- font-weight:bold;
- text-decoration: none;
- }
- .status_mini_wrap {
- padding: 7px;
- font-size: 0.95em;
- margin-top: 2px;
- }
- .status_mini_photo {
- float: left;
- }
- .status_mini_content {
- margin-left: 35px;
- }
- .status_mini_content p {
- font-size:10px;
- padding: 4px 0px 4px 0px;
- }
- .status_mini_content h5 {
- font-weight:normal;
- padding-top: 4px;
- font-size:1.0em;
- }
- .status_mini_content h5 a {
- font-weight:bold;
- }
- .status_textarea {
- width: 99%;
- }
- .status_submit {
- padding-right: 5px;
- text-align: right;
- }
- .status_replies_many {
- height: 300px;
- overflow: auto;
- }
- .status_update {
- background: #2b4f74;
- color: #fff;
- padding: 15px 12px;
- }
- .status_update input
- {
- font-size: 1.1em;
- }
- .status_update .desc
- {
- color: #FFFFFF;
- }
- .status_profile_actions div
- {
- padding:5px 0px 5px 0px;
- }
- .status_main_content h4 a.su_links { font-weight: normal;}
- /* Fiddle with some stuffs for the status hook */
- #statusHook{
- background: #FFFFFF;
- padding: 0px;
- }
- #statusHook h3 {
- margin:0px;
- padding: 5px;
- }
- #statusHook .status_main_photo {
- padding:6px;
- }
- #statusHook .status_main_content {
- margin-left: 0px;
- }
- #statusHook .status_main_content h4 {
- font-size: 0.95em;
- padding: 2px 6px 0px 6px;
- margin-left:28px;
- line-height: 125%;
- }
- #statusHook .status_main_content p {
- padding: 2px 6px 2px 6px;
- margin-left:28px;
- }
- #statusHook .status_update {
- margin-bottom: 0px;
- padding: 6px;
- }
- #statusHook .status_main_wrap {
- margin: 0;
- background-color: #f1f4f7;
- border-bottom:2px solid #e4ebf2;
- padding: 4px;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- }
- #statusHook .status_mini_wrap {
- background-color: #fafbfc !important;
- }
- #statusHook .status_mini_wrap h5
- {
- color: #606060;
- font-size: 0.9em;
- }
- #statusHook .status_mini_content {
- margin-left: 45px;
- }
- #statusHook #statusUpdate,
- #statusHook #statusSubmit {
- font-size: 0.9em !important;
- }
- #statusUpdate {
- padding: 2px;
- }
- #statusHook .status_feedback {
- /*border-left: 2px solid #e4ebf2;*/
- margin: 0 -4px -4px 10px;
- }
- #statusHook .status_update .desc
- {
- color: #606060;
- }
- .status_inactive {
- color: gray;
- }
- .status_smallspace {
- font-size: 1.0em;
- }
- #notificationlog table td a, #likesList table td a {
- text-decoration: underline;
- }
- #chat-tab-count {
- background-color: #d5dde5;
- font-weight: bold;
- font-size: 0.8em;
- padding: 2px 5px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- color: #000;
- text-decoration: none;
- z-index: 5000;
- }
- /* Favorites */
- .ips_like {
- background-color: #f1f4f7;
- padding: 8px 4px 4px 4px;
- color: #878787;
- font-size: 1em;
- min-height: 18px;
- font-size: 0.9em;
- line-height: 130%;
- clear: both;
- }
- .ips_like a
- {
- color: #878787;
- }
- .ips_like a.ftoggle {
- float: right;
- /*background: #e4ebf2 url({style_images_url}/icons/thumb_up.png) no-repeat left 2px;*/
- border:1px solid #CBCBCB;
- padding: 3px 4px 2px 4px;
- color: #656565;
- font-size:0.8em;
- text-decoration: none;
- -webkit-border-top-left-radius: 4px;
- -webkit-border-top-right-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- margin-top: -4px;
- }
- .ips_like a.ftoggle.on {
- /*background: #e4ebf2 url({style_images_url}/icons/fave_on_small.png) no-repeat left 2px;*/
- }
- .ips_like a.ftoggle._newline,
- .ips_like a.ftoggle.on._newline {
- float:none;
- margin-top: 5px;
- margin-left: auto;
- margin-right: 0;
- display: block;
- width: 70px;
- text-align: center;
- }
- .ips_like a:hover.ftoggle.on,
- .ips_like a:hover.ftoggle {
- background-color: #d5dde5;
- }
- /* Fave pop-up */
- .likepop {
- padding:4px;
- }
- .likepop div {
- min-height: 60px;
- display: block;
- }
- .likepop img {
- float: left;
- margin-top: 4px;
- margin-left: 4px;
- }
- .likepop div em {
- float: right;
- padding-top: 8px;
- padding-right: 8px;
- }
- .likepop div div {
- margin-left: 62px;
- padding-top: 8px;
- }
- .likepop div div strong {
- font-size: 1.1em;
- }
- .likepop div div p {
- margin-top:6px;
- line-height: 150%;
- }
- /* reduce images in topic pop-up */
- #topicPreview img
- {
- max-width: 200px;
- max-height: 200px;
- clear:both;
- }
- .facebook-like {
- float: left;
- }
- .boxShadow {
- -webkit-box-shadow: rgba(240, 167, 53, 0.8) 0px 3px 0px;
- -moz-box-shadow: rgba(240, 167, 53, 0.8) 0px 3px 0px;
- box-shadow: rgba(240, 167, 53, 0.8) 0px 3px 0px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement