Código:
************************************************************************/
/* AUTHOR INFO (& RELATED) STYLES */
.author_info {
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 155px;
float: left;
font-size: 12px;
text-align: center;
padding: 15px 10px;
margin-top: 15px;
box-shadow: 0 0 0 1px #FFFFFF inset, 1px 1px 3px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 0 1px #FFFFFF inset, 1px 1px 3px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 0 1px #FFFFFF inset, 1px 1px 3px rgba(0, 0, 0, 0.05);
}
.author_info .group_title {
color: #5a5a5a;
margin-top: 5px;
}
.author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
.author_info .group_icon { margin-bottom: 3px; }
.custom_fields {
color: #818181;
margin-top: 8px;
font-size: 11px;
}
.custom_fields .ft {
color: #505050;
margin-right: 3px;
}
.custom_fields .fc {
word-wrap: break-word;
}
.user_controls {
text-align: center;
margin: 6px 0;
}
.user_controls li a {
display: inline-block;
background: #eee url({style_images_url}/_custom/highlight.png) repeat-x;
border: 1px solid #d5d5d5;
-moz-box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 5px;
color: #616161;
}
.user_controls li a:hover {
background-color: #f6f6f6;
color: #4c4c4c;
border-color: #d5d5d5;
}
.user_controls li a:active {
background-color: #d5d5d5;
color: #777 !important;
border-color: #c0c0c0;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
}
/************************************************************************/
/* BOARD INDEX STYLES */
#board_index #categories { overflow: hidden; } /* opera fix */
#board_index { position: relative; }
#board_index.no_sidebar { padding-right: 0px; }
#board_index.force_sidebar { padding-right: 290px; }
#toggle_sidebar {
position: absolute;
right: -5px;
top: -13px;
z-index: 8000;
background: #333333;
padding: 3px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
#index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }
#toggle_sidebar:hover { opacity: 1 !important; }
.ipsSideBlock, .general_box {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
}
.ipsSideBlock h3, .general_box h3 {
font: bold 12px helvetica, arial, sans-serif;
color: #ddd;
padding: 7px 10px;
background: #1e1e1e url({style_images_url}/_custom/highlight_low.png) repeat-x;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
border: 1px solid #1b1b1b;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
margin: -6px -6px 10px;
}
.ipsSideBlock h3 a, .general_box h3 a {
color: #ddd;
}
.ipsSideBlock h3 .mod_links {
opacity: 0;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4) inset;
padding: 1px 6px;
color: #666;
background: rgba(0, 0, 0, 0.5);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: none;
}
.ipsSideBlock h3 .mod_links:hover { color: #B00000; }
.ipsSideBlock h3:hover .mod_links { opacity: 1; }
.status_list .status_list { margin: 10px 0 0 50px; }
.status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
.status_list li { position: relative; }
.status_reply {
margin-top: 8px;
}
.status_list li .mod_links {
opacity: 0.1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
.status_list li:hover .mod_links { opacity: 1; }
/* board stats */
#board_stats ul { text-align: center; }
#board_stats li { margin-right: 20px; }
#board_stats .value {
display: inline-block;
background: #1e1e1e url({style_images_url}/_custom/highlight_low.png) repeat-x;
border: 1px solid #1b1b1b;
color: #ddd;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0,0,0,0.2);
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-right: 3px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}
.statistics {
margin: 20px 0 0 0;
padding: 10px;
border: 1px solid #ddd;
background: #f9f9f9;
box-shadow: 0 0 0 1px #fff inset, 0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px #fff inset, 0 1px 3px rgba(0,0,0,0.1);
line-height: 1.3;
overflow: hidden;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.statistics_head {
font-size: 14px;
font-weight: bold;
}
.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;
}
#hook_birthdays .list_content {
padding-top: 8px;
}
#hook_calendar .ipsBox_container { padding: 10px; }
#hook_calendar td, #hook_calendar th { text-align: center; }
#hook_calendar th { font-weight: bold; padding: 5px 0;}
/************************************************************************/
/* FORUM VIEW (& RELATED) STYLES */
#more_topics {
text-align: center;
font-weight: bold;
}
#more_topics a { display: block; padding: 10px 0;}
/* Result of the 'load more topics' link */
.dynamic_update { border-top: 2px solid #b3b3b3; }
.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 VIEW (& RELATED) STYLES */
body .ip { color: #555; }
span.post_id { margin-left: 15px; }
input.post_mod { margin:12px 5px 0px 10px; }
.signature {
clear: right;
color: #999;
font-size: 0.9em;
border-top: 1px solid #e8e8e8;
padding: 10px 0;
margin: 6px 0 4px;
position: relative;
}
.signature a { text-decoration: underline; }
.post_block {
position: relative;
}
.post_block.no_sidebar {
background-image: none;
}
.post_block h3 {
background: url({style_images_url}/_custom/secondary_nav_bg.png) repeat-x;
padding: 0 10px;
height: 36px;
line-height: 36px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset, 0 1px 3px rgba(0, 0, 0, 0.1);
font-weight: bold;
font-size: 14px;
border: 1px solid #d5d5d5;
text-shadow: 0 1px #fff;
}
.post_wrap { top: 0px; }
.post_body {
margin: 0 10px 0 190px;
padding-top: 15px;
}
.post_body .post {
line-height: 1.6;
font-size: 13px;
}
.post_block.no_sidebar .post_body { margin-left: 10px !important; }
.posted_info {
padding: 0 0 10px 0;
}
.posted_info strong.event {
color: #1c2837;
font-size: 1.2em;
}
.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 {
white-space: nowrap;
margin: 6px 4px;
}
.rep_bar .reputation {
font-size: 10px;
padding: 2px 10px !important;
}
p.rep_highlight {
float: right;
display: inline-block;
margin: 5px 10px 10px 10px;
background: #e8e8e8;
color: #444;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}
p.rep_highlight img {
margin-bottom: 4px;
}
.edit {
padding: 2px 0 0 24px;
background: url({style_images_url}/icon_warning.png ) no-repeat left 4px;
font-size: 12px;
margin-top: 15px;
line-height: 14px;
color: #7c7c7c;
}
.poll fieldset {
padding: 9px;
}
.poll_question {
padding: 10px;
margin: 10px 10px 10px 20px;
}
.poll_question h4 {
font-weight: bold;
margin: 0 -7px;
padding: 5px;
}
.poll_question ol {
padding: 8px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
}
.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;
}
.rating { display: block; margin-bottom: 4px; line-height: 16px; }
.rating img { vertical-align: top; }
#rating_text { margin-left: 4px; }
/************************************************************************/
/* 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: 295px;
}
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 #e5e5e5;
padding-bottom: 6px;
margin: 0 15px 6px 320px;
}
fieldset.with_subhead span.desc,
fieldset.with_subhead label {
margin: 0;
width: auto;
}
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;
}
#poll_wrap .question {
margin-bottom: 10px;
}
#poll_wrap .question .wrap ol {
margin-left: 25px;
list-style: decimal;
}
#poll_wrap .question .wrap ol li {
margin: 5px;
}
.question_title { margin-left: 30px; padding-bottom: 0; }
.question_title .input_text { font-weight: bold }
#poll_wrap { position: relative; }
#poll_footer { }
#poll_container_wrap { overflow: auto; }
#poll_popup_inner { overflow: hidden; }
.poll_control { margin-left: 20px; }
.post_form .tag_field ul { margin-left: 290px; }
/************************************************************************/
/* ATTACHMENT MANAGER (& RELATED) STYLES */
.swfupload {
position: absolute;
z-index: 1;
}
#attachments { }
#attachments li {
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 6px 20px 6px 42px;
margin-bottom: 10px;
position: relative;
}
#attachments li p.info {
color: #555;
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: #F4E2E2;
border: 1px solid #E6BBBB;
}
#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;
}
.attach_controls {
background: url({style_images_url}/icon_attach.png ) no-repeat 3px top;
padding-left: 30px;
min-height: 82px;
}
.attach_controls .ipsType_subtitle { margin-bottom: 5px; }
.attach_controls iframe { display: block; margin-bottom: 5px; }
.attach_button { font-weight: bold; }
#help_msg { margin-top: 8px; }
#attach_wrap {
/*background: #eef3f8;
padding: 6px;*/
margin-top: 10px;
overflow: hidden;
}
#attach_wrap h4 {
font-size: 16px;
padding-left: 0px;
}
#attach_wrap li {
margin: 5px 0;
float: left;
}
#attach_wrap .attachment {
float: none;
}
#attach_wrap .desc.info {
margin-left: 24px;
}
#attach_error_box { margin-bottom: 10px; }
.resized_img {
margin: 0 5px 5px 0;
display: inline-block;
}
/************************************************************************/
/* REPUTATION STYLES */
.reputation {
font-weight: bold;
padding: 3px 8px;
display: inline-block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 1px rgba(255,255,255,0.5) inset, 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px rgba(255,255,255,0.5) inset, 0 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 1px rgba(255,255,255,0.5) inset, 0 1px 3px rgba(0,0,0,0.2);
}
.reputation.positive, .members li.positive {
background: #9ABF35 url({style_images_url}/_custom/highlight_med.png) repeat-x;
border: 1px solid #8BAD2C;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.reputation.negative, .members li.negative {
background: #BC3734 url({style_images_url}/_custom/highlight_med.png) repeat-x;
border: 1px solid #AA2E2C;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.reputation.positive, .reputation.negative {
color: #fff;
}
.reputation.zero {
background: #dedede url({style_images_url}/_custom/highlight_med.png) repeat-x;
color: #6e6e6e;
border: 1px solid #c8c8c8;
}
.status_main_content { white-space: 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_textarea {
width: 99%;
}
.status_replies_many {
height: 300px;
overflow: auto;
}
.status_update {
background: #eee;
color: #555;
padding: 15px 12px;
}
.status_update .input_text { width: 70%; padding: 6px 4px; }
.status_update .status_inactive { color: #bbbbbb; }
#status_wrapper h4 { font-weight: bold; font-size: 14px; }
.status_content { line-height: 1.4; }
.status_content .mod_links { opacity: 0.2; }
.status_content:hover .mod_links { opacity: 1; }
.status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }
.status_feedback { margin: 10px 0 0 -10px; }
.status_feedback .row2 { margin-bottom: 1px; }
/* 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;*/
margin-left: 3px;
}
.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;
}
.facebook-like { margin-top: 5px; }
.boxShadow {
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
}
/* New notification panel */
#ipsGlobalNotification {
position: fixed;
left: 50%;
margin-left: -250px;
top: 20px;
text-align: center;
font-weight: bold;
}
#ips_NotificationCloseButton {
background: transparent url({style_images_url}/close_popup.png) no-repeat top left;
opacity: 0.8;
width: 13px;
height: 13px;
top: 5px;
left: 5px;
position: absolute;
cursor: pointer;
}
.googlePlusOne {
display: inline-block;
vertical-align:middle;
margin-top: 1px;
}
.fbLike {
float: right !important;
padding-left: 2px;
}
/************************************************************************/
/* SHARED MEDIA STYLES */
#mymedia_inserted {
position: absolute;
top: 100px; left: 50%;
margin-left: -200px;
width: 400px;
padding: 20px 0;
background: black;
font-size: 15px;
font-weight: bold;
color: #fff;
z-index: 20000;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#mymedia_toolbar {
position: absolute;
bottom: 0; left: 0; right: 0;
height: 42px;
line-height: 42px;
padding: 0 5px;
background: #f6f6f6;
background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eee)); /* webkit */
-webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
-moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
border-top: 1px solid #ddd;
}
#mymedia_finish { position: absolute; right: 5px; top: 5px; }
#mymedia_content { height: 339px; overflow: auto; }
.media_results li.result {
width: 20%;
height: 120px;
padding: 15px 0;
float: left;
text-align: center;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.media_results li:hover {
background: #F9F9F9;
background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));
}
.media_results li:active {
background: #EDEDED;
background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9));
}
.media_image {
padding: 1px;
border: 1px solid #d5d5d5;
margin-bottom: 5px;
}
/********************************************************/
/* Template Error */
.templateError {
background: #ffffff !important;
color: #000000 !important;
padding: 10px !important;
border: 1px dotted black !important;
margin: 0px !important;
}
/********************************************************/
/* ModCP styles */
.modcp_post_controls { padding-bottom: 15px; }
.modcp_post_controls .ipsButton_secondary { opacity: 0.5; }
.post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }
#modcp_content .ipsFilterbar li.active a {
margin-bottom: 1px;
display: inline-block;
}
/********************************************************/
/* Advertisements from Nexus */
.nexusad { padding: 10px; clear: both; }
#bbcode-description {
color: #666 !important;
white-space: normal !important;
word-wrap: break-word;
}
/********************************************************/
/* iPad Specific */
@media only screen and (device-width: 768px) {
table.ipb_table .expander,
table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }
.post_block .post_controls { opacity: 1 !important; }
}