Profil Odstep

**Adam22** · 1 Maja 2011

Chciałbym jeszcze się zapytać , jak ustawić przerwę między Logiem a Profilem ?

i jeszcze jak ustawić rozmiar tła ? wszystko się zmiejszyło a tlo zostało

Edytowane 1 Maja 2011 przez Adam22

Macsch15 · 1 Maja 2011

We fragmencie

<div style='max-width: 1024px; margin: 0 auto;'>

który Ci podałem w tym temacie

Zmień pierwszą wartość margin'a

Czyli np:

<div style='max-width: 1024px; margin: 100px auto;'>

Profil będzie 100px od nav.

#

Rozmiar tła chcesz cały biały?

Edytowane 1 Maja 2011 przez macsch15

**Adam22** · 1 Maja 2011

Tak najlepiej by było z lekką przeźroczystością

Macsch15 · 1 Maja 2011

Co masz w CSS pod ID userBg?

# łatwiej by było jakbyś podał link do forum, jako że nie mam tego stylu co Ty i robienie wszystkiego "w locie" na dłuższą mete zawodzi.

Edytowane 1 Maja 2011 przez macsch15

**Adam22** · 1 Maja 2011

forum.Serialkosci.pl

konto: test hasło : test

Sprawdzaj to na moim profilu , TwinSlave

Userbg

#branding {
background-image: url("{style_images_url}/opacity70.png");
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
padding: 5px 5px 0 5px;
margin-bottom: 10px;
}
/* new DIV so we can use a semi-transparent image */
#userBg {
background-image: url("{style_images_url}/opacity70.png");
padding-bottom: 25px;
}

Edytowane 1 Maja 2011 przez Adam22

Macsch15 · 1 Maja 2011

Do szerokości białego tła jest jedna wartość globalna, przez co gdy zrobisz białe tło na całej szerokości, będzie ono nie tylko w profilu ale na całym forum.

Możesz popróbować robić nowe klasy i wstawiać je przez klasą która ustawia maksymalną szerokość czyli "#content".

**Adam22** · 1 Maja 2011

Nie za bardzo znam się na css , to może by przynajmniej przeźroczystość ustawić ? Czy też będzie ona dla całego forum ?

Macsch15 · 1 Maja 2011

Tak, przeźroczystość ustawiasz:

filter:alpha(opacity=00); /* Dla IEshit */
opacity: 0.00; /* FF, Chrome, Opera, Safari i tym podobne */

W pierwszej wartości, liczba np 50, ustawia 50% przeźroczystości, w drugiej wartości natomiast 1.00 to BRAK przeźroczystości, czyli 0.50 będzie odpowiednikiem 50 w pierwszej wartości.

**Adam22** · 1 Maja 2011

Do szerokości białego tła jest jedna wartość globalna, przez co gdy zrobisz białe tło na całej szerokości, będzie ono nie tylko w profilu ale na całym forum. Możesz popróbować robić nowe klasy i wstawiać je przez klasą która ustawia maksymalną szerokość czyli "#content".

przed tą klasą

#content {
margin: 0 auto;
}

Z tego co zrozumiałem musze zrobić nową klasę z tłem i wstawić ją przed tą podaną powyżej ?

**Adam22** · 1 Maja 2011

To czy ktoś byłby w stanie to zrobić ?

chyba że jest to dużo pracy ?

DawPi · 1 Maja 2011

Poczekaj, nikt w 30 min nie leci z pomocą. Czasem trzeba się napić piwa, czasem odpocząć, a czasem po prostu trzeba poczekać..

**Adam22** · 1 Maja 2011

Cierpliwość to nie moja mocna Strona

Ale ok

Macsch15 · 1 Maja 2011

Raczej raczej trudne, jako że tło jest obrazkowe:

http://forum.serialkosci.pl/public/style_images/velvet-blue/_custom/bg.jpg

Więc nie jest to raczej zależne od css.

A jak zmienisz tlo obrazkowe to zmiany beda obowiązywać na całym forum

**Adam22** · 1 Maja 2011

A zrobic tak aby było zależne od css ?

Osobne tło , Osobne Logo , wtedy by dało radę ?

Ale to już znowu dużo roboty chyba

Edytowane 1 Maja 2011 przez Adam22

DawPi · 1 Maja 2011

Dużo nie dużo - jak posiedzisz to zrobisz.. Tylko czas Cię ogranicza. No i wyobraźnia.

**Adam22** · 1 Maja 2011

Cos tam już kombinuję Jednak nie zamykaj , może jeszcze będę potrzebował pomocy

**Adam22** · 1 Maja 2011

Ja nie mam jednak pojecia jak to zrobic , jeżeli ktoś by się pofatygował mogę przesłać paypalem jakąś dotacje na "piwa" :bounce:

[long]/*

SKIN BY WWW.SKINBOX.NET

*/

/************************************************************************/

/* WRAPPER */

/************************************************************************/

#ipbwrapper_full {

min-width: 990px;

max-width: 1200px;

min-height: 700px;

width:expression(document.body.clientWidth < 1001? "990px" : (document.body.clientWidth > 1280? "1281px": "100%" ) );

margin: 0 auto;

background: #fff;

}

#ipbwrapper_empty {

min-width: 990px;

max-width: 1200px;

width:expression(document.body.clientWidth < 1001? "990px" : (document.body.clientWidth > 1280? "1281px": "100%" ) );

margin: 0 auto;

background: transparent;

}

#ipbheader {

min-width: 990px;

max-width: 1200px;

width:expression(document.body.clientWidth < 1001? "990px" : (document.body.clientWidth > 1280? "1281px": "100%" ) );

margin: 53px auto 0 auto;

background: transparent;

}

#ipbfooter{

min-width: 990px;

max-width: 1200px;

width:expression(document.body.clientWidth < 1001? "990px" : (document.body.clientWidth > 1280? "1281px": "100%" ) );

margin: 0 auto;

min-height: 5px;

background: #fff;

color: rgba(255, 255, 255, 0.5);

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;

}

/************************************************************************/

/* CATEGORIES TAB BAR */

/************************************************************************/

#tabs {

background: #4f719c url({style_images_url}/_custom/bg-tabs.png) repeat-x top left;

border-bottom: 1px solid #304673;

color: #052542;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);

min-height: 39px;

}

#tabs_left {

background: transparent url({style_images_url}/_custom/bg-tabs_left.png) repeat-y top left;

margin: 0;

padding: 0;

min-height: 39px;

}

#tabs_right {

background: transparent url({style_images_url}/_custom/bg-tabs_right.png) repeat-y top right;

margin: 0;

padding: 0;

min-height: 39px;

}

#tabs ul {

padding: 10px 9px;

}

#tabs ul li {

float: left;

display: inline-block;

margin-right: 4px;

}

#tabs ul li a {

padding: 2px 10px 4px 10px;

border-radius: 20px 20px 20px 20px;

-moz-border-radius: 20px 20px 20px 20px;

-webkit-border-bottom-left-radius: 20px;

-webkit-border-bottom-right-radius: 20px;

-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

text-decoration: none;

border: 1px solid transparent;

border-top: 0;

border-left: 0;

color: #052542;

}

#tabs ul li a:hover {

background: url({style_images_url}/_custom/bg-tabs_hover.png) repeat-x top left;

color: #000;

}

#tabs ul li a:active {

background: #253f66 url({style_images_url}/_custom/bg-tabs_active.png) repeat-x top left;

color: #000;

border: 1px solid #6885a9;

border-top: 0;

border-left: 0;

}

#tabs ul li.active a {

background: #253f66 url({style_images_url}/_custom/bg-tabs_active.png) repeat-x top left;

color: #fff;

font-weight: bold;

text-shadow: 1px 1px 1px #000;

border: 1px solid #6885a9;

border-top: 0;

border-left: 0;

}

ul.tabs_submenu {

background: #dde5ed !important;

border: 1px solid #6b7e90 !important;

border-top: 0 !important;

color: #052542 !important;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) !important;

margin-top: 13px !important;

padding: 4px !important;

border-radius: 0 0 6px 6px !important;

-moz-border-radius: 0 0 6px 6px !important;

-webkit-border-bottom-left-radius: 6px !important;

-webkit-border-bottom-right-radius: 6px !important;

-webkit-border-top-left-radius: 0 !important;

-webkit-border-top-right-radius: 0 !important;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

}

.tabs_submenu li {

display: block !important;

width: 100% !important;

margin: 0 !important;

padding: 10px !important;

}

.tabs_submenu li a {

background: transparent !important;

color: #052542 !important;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) !important;

font-weight: normal !important;

display: block !important;

margin: 0 !important;

padding: 3px 6px 4px 6px !important;

border: 0 !important;

}

ul.tabs_submenu li a:hover {

background: #cfdae5 !important;

border: 0 !important;

}

ul.tabs_submenu li a:active {

background: #becbd9 !important;

border: 0 !important;

}

ul.tabs_submenu li {

display: block !important;

width: 100% !important;

margin: 0 !important;

}

ul.tabs_submenu li a {

background: transparent !important;

color: #052542 !important;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) !important;

font-weight: normal !important;

padding: 3px 4px 4px 4px !important;

display: block !important;

margin: 0 !important;

border: 0 !important;

}

ul.tabs_submenu li a:hover {

background: #cfdae5 !important;

border: 0 !important;

}

ul.tabs_submenu li a:active {

background: #becbd9 !important;

border: 0 !important;

}

/************************************************************************/

/* USER NAV */

/************************************************************************/

#usernav {

height: 34px;

padding-left: 0;

background: #00223a url({style_images_url}/_custom/bg-userlinks.png) repeat-x bottom left;

color: #6e7e8e;

font-size: 0.9em;

text-decoration: none;

text-align: left;

}

#usernav-container {

background: transparent;

min-height: 34px;

}

#usernav-wrapper {

*max-width: 750px;

*max-height: 100px;

float: left;

position: relative;

}

/************************************************************************/

/* GUEST WELCOME MESSAGE */

/************************************************************************/

.welcome {

background: #0e1725 url({style_images_url}/_custom/bg-welcome.png) repeat-x bottom;

color: #5b718f;

font-size: 1.2em;

line-height: 1.5em;

}

.welcome_left {

background: url({style_images_url}/_custom/bg-welcome_left.png) repeat-y top left;

padding: 0 0 10px 10px;

}

.welcome_right {

background: url({style_images_url}/_custom/qbg-welcome_right.png) repeat-y top right;

padding: 0 10px 10px 0;

}

.welcome span {

font-weight: normal;

font-family: fertigo;

color: #8ba3c4;

}

.welcome p {

display: inline;

}

.hideit {

float: right;

display: inline;

font-weight: normal;

text-shadoe: -1px -1px 0 #000;

font-size: 0.7em;

position: relative;

margin-top: -7px;

margin-right: -5px;

}

.hideit a {

background: #1d2736 url({style_images_url}/_custom/bg-toplight.png) repeat-x top left;

padding: 3px 8px;

text-decoration: none !important;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

color: #fff;

opacity: 0.7;

}

.hideit a:hover {

opacity: 1;

color: #fff;

}

.hideit a:active {

opacity: 0.6;

}

.hideit img {

position: relative;

margin-top: -1px;

}

/************************************************************************/

/* SUPER UBER DUPER ALL IN ONE JAVASCRIPT */

/************************************************************************/

#sb-toplink {

background: transparent url({style_images_url}/_custom/toplink.png) no-repeat center center;

display: none;

position: fixed;

right: 5px;

bottom: 5px;

text-decoration: none;

border: 0;

padding: 15px;

}

#sb-toplink:hover {

opacity: 0.8;

}

#sb-toplink:active {

opacity: 0.5;

}

/** credit box **/

#sb-login-box, #sb-credits-box {

display: none;

}

#sb-credits-box-inner {

padding: 20px;

font-size: 1em;

text-align: center;

line-height: 165%;

}

#sb-credits-box-inner h4 {

font-size: 1.1em;

padding: 0 0 5px 0;

margin: 0;

display: inline-block;

}

#sb-credits-box-center {

font-size: 1.3em;

text-align: center;

}

/** dropdown **/

.sb-dropdown {

position: relative;

}

.sb-dropdown-on {

}

.sb-dropdown-off {

}

/* head */

.sb-dropdown span {

margin: 0px;

}

/* submenu */

.sb-dropdown ul {

background: #dde5ed;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

width: 190px;

position: absolute;

z-index: 10000;

margin: 0;

padding: 4px;

font-size: 12px !important;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

}

.sb-dropdown ul li {

margin: 0 !important;

padding: 0 !important;

text-align: left !important;

text-transform: none !important;

}

.sb-dropdown ul li a {

background: transparent !important;

border-radius: 4px 4px 4px 4px !important;

-moz-border-radius: 4px 4px 4px 4px !important;

-webkit-border-bottom-left-radius: 4px !important;

-webkit-border-bottom-right-radius: 4px !important;

-webkit-border-top-left-radius: 4px !important;

-webkit-border-top-right-radius: 4px !important;

margin: 0 !important;

padding: 4px 5px !important;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);

color: #052542 !important;

border: 0 !important;

}

.sb-dropdown ul li a:hover {

background: #cfdae5 !important;

border: 0 !important;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);

color: #000 !important;

}

.sb-dropdown ul li a:active {

background: #becbd9 !important;

border: 0 !important;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);

color: #6e6e6e !important;

}

.sb-dropdown ul li a img {

position: relative;

margin-top: -1px;

margin-right: 2px;

opacity: 0.5;

}

.sb-dropdown ul li a:hover img {

opacity: 1;

}

.sb-dropdown_arrow {

position: relative;

margin-top: -1px;

margin-left: 0px;

}

/* background switcher */

#background-switcher {

padding: 8px;

font-size: 1em;

}

#background-switcher h3 {

margin: 10px 0;

padding: 0;

font-size: 1.1em;

font-weight: normal !important;

background: transparent;

}

#background-switcher a {

background: #161616 url({style_images_url}/_custom/bg-toplight.png) repeat-x top left;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

text-decoration: none;

padding: 5px 10px 4px 8px;

margin: 4px 2px;

display: inline-block;

}

#background-switcher a:hover {

background: #1e1e1e url({style_images_url}/_custom/bg-toplight.png) repeat-x top left;

text-decoration: none;

}

#background-switcher a:active {

background: #1e1e1e url({style_images_url}/_custom/bg-toplight_active.png) repeat-x top left;

text-decoration: none;

}

#background-switcher a img {

background: #000;

padding: 2px;

margin-right: 4px;

margin-top: -2px;

position: relative;

border: 1px solid #1f1f1f;

height: 16px;

width: 16px;

border-radius: 2px 2px 2px 2px;

-moz-border-radius: 2px 2px 2px 2px;

-webkit-border-bottom-left-radius: 2px;

-webkit-border-bottom-right-radius: 2px;

-webkit-border-top-left-radius: 2px;

-webkit-border-top-right-radius: 2px;

}

/* shide */

#sb-anim-welcome {

padding: 0 5px;

}

#sb-anim-wrapper-welcome {

padding-top: 10px;

}

/**

Classes applied to shide trigger when the element is shown (on) or not (off)

**/

.welcome.sb-shide-element-on .trigger-on

{ display: inline; }

.welcome.sb-shide-element-on .trigger-off

{ display: none; }

.welcome.sb-shide-element-off .trigger-off

{ display: inline; }

.welcome.sb-shide-element-off .trigger-on

{ display: none; }

#dropdown_1 ul { display: none; }

#background-picker { display: none; }

.sb-storable { display: none; }

/************************************************************************/

/* MISC */

/************************************************************************/

@font-face {

font-family: fertigo;

src: url("{style_images_url}/_fonts/Fertigo.otf") format("opentype");

}

.logo {

position: relative;

margin-top: -4px;

float: left;

}

.logo:hover {

opacity: 0.8;

}

.logo:active {

opacity: 0.6;

}

.stats_arrow {

display: inline;

float: right;

position: relative;

margin-top: -10px;

opacity: 0.5;

}

.stats_arrow:hover {

opacity: 1;

}

.stats_arrow:active {

opacity: 0.5;

}

.smalltext {

font-size: 11px;

padding-top: 2px;

}

.last_post {

border-left: 1px solid #f0f0f0;

padding-left: 12px;

}

.index_numbers {

text-transform: lowercase;

font-weight: normal;

background: #f0f0f0 url({style_images_url}/_custom/topline.gif) repeat-x top left;

border: 1px solid #d8d8d8;

color: #5e5e5e;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

display: inline;

font-size: 11px;

padding: 3px 6px;

margin: 0 0 0 10px;

text-shadow: 1px 1px 0px #fff;

}

.index_numbers:hover {

border: 1px solid #bababa;

}

.index_numbers_hover {

position: absolute;

display:none;

}

tr:hover .index_numbers_hover {

display:inline;

}

tr.dontshow_th span{

display:none;

}

tr.dontshow_th,

tr.dontshow_th th{

visibility: hidden !important;

padding: 0px !important;

overflow: hidden !important;

border: 0px !important;

height: 0px !important;

font-size: 0px !important;

background: none !important;

line-height: 0px !important;

}

.rating {

font-size: 0.45em;

float: right;

margin-top: 5px;

}

/************************************************************************/

/* BRANDING - PLEASE DO NOT REMOVE */

/************************************************************************/

.branding_skin {

margin: 0 auto 30px auto;

color: #fff;

}

.branding_skin a {

color: #fff;

text-decoration: none;

}

.branding_skin a:hover {

color: #fff;

text-decoration: underline;

}

.branding_moreinfo {

position: relative;

margin-top: -1px;

opacity: 0.5;

}

.branding_moreinfo:hover {

opacity: 0.8;

}

.branding_moreinfo:active {

opacity: 0.5;

}

.branding_logo {

float: right;

opacity: 0.7;

}

.branding_logo:hover {

opacity: 1;

}

.branding_logo:active {

opacity: 0.7;

}[/code]

/************************************************************************/

/************************************************************************/

/* ipb_styles.css */

/************************************************************************/

/* 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: #08253d url({style_images_url}/_custom/bg.jpg) no-repeat top center;

color: #474747;

font: normal 13px tahoma, verdana, arial, sans-serif;

position: relative;

overflow-x: hidden;

}

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: 2.5em;

font-family: fertigo;

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: #575757;

}

h3 img {

margin-top: -2px;

}

h3 a {

text-decoration: none;

}

a {

color: #08324f;

outline: none;

}

a:hover {

color: #5b86ab;

text-decoration: none;

}

a:active {

color: #595959;

text-decoration: none;

}

#copyright { float: right; padding-top: 10px; }

#copyright a { text-decoration: none; }

#copyright a:hover { text-decoration: underline; }

/************************************************************************/

/* COLORS */

.row1, .row1 td, .post_block.row1 {

background-color: transparent;

}

.row1 .altrow, .row1.altrow,

.personal_info, .general_box {

background-color: transparent;

}

.row2, .row2 td, .post_block.row2,

.message {

background-color: transparent;

}

.row2 .altrow, .row2.altrow,

/* ul.post_controls,*/

ul.topic_moderation {

background-color: transparent;

}

.moderated, body .moderated td,

.moderated td.altrow, .post_block.moderated,

body td.moderated, body td.moderated {

background-color: #f9f2f4; /* Light red */

}

.moderated, .moderated a {

color: #6f3642;

}

body .maintitle {

background: #c6d8e9 url({style_images_url}/_custom/bg-maintitle.png) repeat-x top left;

color: #51697f;

}

body .maintitle a {

color: #51697f;

text-decoration: none;

}

ul.post_controls,

div.post_controls {

background: #dfe7ed url({style_images_url}/gradient_bg.png) repeat-x center left;

}

/* Bar */

.bar {

background: #e9edf2 url({style_images_url}/gradient_bg.png) repeat-x 50%;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

text-shadow: 1px 1px 0 #fff;

}

.altbar {

background: #f1f1f1;

color: #575757;

text-shadow: 1px 1px 0 #fff;

}

/* Table column headers */

.header {

background: transparent;

color: #898989;

}

body .ipb_table .header a,

body .topic_options a {

color: #575757;

}

/* General block */

.general_box {

border: 1px solid #d5dde5;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

padding: 10px;

}

.general_box h3 {

background: #dde5ed;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

text-shadow: 1px 1px 0 #fff;

color: #34556c;

margin: 4px;

}

/* Post background */

.post_block {

background: #f6f9fc;

border: 1px solid #d5dde5;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

}

.post_block h3 {

background: #dfe7ed url({style_images_url}/_custom/topline.gif) repeat-x top left;

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;

}

/* Post screen background */

div.post_form fieldset {

background-color: transparent;

}

/* Dates */

.date, .poll_question .votes {

color: #a9a9a9;

font-size: 0.8em;

}

/* "No Messages" message */

.no_messages {

background-color: #f6f8fa;

color: #474747;

padding: 25px 30px;

}

/* Tab bars */

.tab_bar {

background-color: #eef3f8;

color: #4a6784;

text-shadow: 1px 1px 0 #fff;

}

.tab_bar li.active {

background-color: #dce4eb;

}

.tab_bar.no_title.mini {

border-bottom: 8px solid #dce4eb;

}

/* Filter & moderation bars */

.filter_bar {

background: #eef3f7 url({style_images_url}/_custom/topline.gif) repeat-x top left;

border: 1px solid #d5dde5;

text-shadow: 1px 1px 0 #fff;

color: #474747;

}

.filter_bar a, .filter_bar label {

color: #474747;

}

.moderation_bar {

background: #e9edf2;

}

/* Comments */

.comment_wrap .comment.by_author,

.comment_wrap .comment.by_author.row1 {

background: #f1f1f1;

border-top: 1px solid #ebebeb;

border-bottom: 1px solid #ebebeb;

}

.comment_wrap .comment.row1 {

background: #f9f9f9;

border-top: 1px solid #ebebeb;

border-bottom: 1px solid #ebebeb;

}

.comment_wrap .comment.draft {

border-top: 1px solid #ebebeb;

border-bottom: 1px solid #ebebeb;

background: #f6ecee;

}

/* Topic prefix */

.topic_prefix {

background-color: #f0f0f0;

color: #919191;

text-shadow: 1px 1px 0 #fff;

}

/* Toggle for the sidebar */

.sidebar_toggle {

background-color: #fff;

}

/* Menu popups */

.ipbmenu_content, .ipb_autocomplete {

background-color: #f4f8fc;

border: 1px solid #92a8bd;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

}

.ipbmenu_content li, .ipb_autocomplete li {

border-bottom: 1px solid #d5dde5;

}

.ipb_autocomplete li.active {

background: #e6ecf2;

}

/* Forms */

.input_submit {

background: #b4c4d4 url({style_images_url}/_custom/bg-submit.png) repeat-x top left;

color: #324456;

border: 1px solid #8d9fb1;

text-shadow: 1px 1px 1px #fff;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}

.input_submit:hover {

background-color: #9dafc1;

}

.input_submit:active {

background: #9dafc1 url({style_images_url}/_custom/bg-submit_active.png) repeat-x top left;

text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);

}

.input_submit.alt {

background-color: #dbe5ef;

border-color: #a0b3c4;

color: #546f89;

font-weight: normal;

}

.input_submit.alt:hover {

background-color: #ccd9e6;

}

.input_submit.alt:active {

background: #ccd9e6 url({style_images_url}/_custom/bg-submit_active.png) repeat-x top left;

text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);

}

.input_submit.delete {

background-color: #710000;

color: #fff;

}

.input_submit.delete:hover {

background-color: #840000;

color: #fff;

}

.input_submit.delete:active {

background: #710000 url({style_images_url}/_custom/bg-submit_active.png) repeat-x bottom left;

color: #b75d5d;

text-shadow: -1px -1px 1px #000;

}

body#ipboard_body fieldset.submit,

body#ipboard_body p.submit {

background-color: #eef3f7;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

}

/************************************************************************/

/* HEADER */

h1, #content_jump {

text-indent: -9999px;

height: 0px;

width: 0px;

}

#header {

position: relative;

}

#branding {

background: transparent;

min-height: 84px;

}

#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: transparent;

font-size: 1.1em;

height: 37px;

float: right;

position: relative;

margin-top: 15px;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);

}

#primary_nav ul li, #primary_nav ul li a {

color: #041f33;

text-decoration: none;

}

#primary_nav ul li {

margin-left: 5px;

}

#primary_nav ul li.active a {

background: transparent url({style_images_url}/_custom/primarynav_active.png) repeat-x top left;

border: 1px solid #276391;

border-top: 0;

border-left: 0;

color: #000;

font-weight: bold;

}

#primary_nav ul li a {

padding: 6px 12px 7px 12px;

display: block;

color: #041f33;

text-decoration: none;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

border: 1px solid transparent;

border-top: 0;

border-left: 0;

}

#primary_nav ul li a:hover {

background: transparent url({style_images_url}/_custom/primarynav_hover.png) repeat-x top left;

border: 1px solid #276391;

border-top: 0;

border-left: 0;

color: #000;

}

#primary_nav ul li a:active {

background: transparent url({style_images_url}/_custom/primarynav_active.png) repeat-x top left;

border: 1px solid #276391;

border-top: 0;

border-left: 0;

color: #000;

}

#user_navigation {

background: transparent;

border-width: 0;

text-shadow: -1px -1px 0 #000;

font-size: 1em;

position: relative;

float: left;

z-index: 9999;

}

#user_navigation .photo {

padding: 0 !important;

background: #001e32;

border: 1px solid #0e3f68;

border-radius: 2px 2px 2px 2px;

-moz-border-radius: 2px 2px 2px 2px;

-webkit-border-bottom-left-radius: 2px;

-webkit-border-bottom-right-radius: 2px;

-webkit-border-top-left-radius: 2px;

-webkit-border-top-right-radius: 2px;

margin: 5px 0 0 0;

float: left;

}

#user_navigation p {

color: #b6c7d9;

white-space: nowrap;

}

#user_navigation p a {

color: #8898a8;

text-decoration: none;

}

#user_info {

width: 212px;

}

#user_navigation #new_msg_count {

background-color: #242424;

font-weight: bold;

font-size: 0.9em;

padding: 3px 7px;

top: 0px;

left: 45px;

position: absolute;

}

#user_navigation ul {

font-size: 1em;

margin: 0;

padding: 0;

}

#user_navigation ul a {

color: #8898a8;

text-decoration: none;

}

#user_navigation ul a:hover {

color: #b6c7d9;

}

#user_navigation ul#user_other {

margin: 0;

}

#user_navigation ul#user_other li {

float: right;

}

#user_navigation ul#user_other li a {

background: transparent url({style_images_url}/_custom/usernav_normal.png) repeat-y top right;

padding: 8px 17px 9px 15px;

text-decoration: none;

display: block;

}

#user_navigation ul#user_other li a img {

position: relative;

margin-top: -2px;

margin-right: 3px;

opacity: 0.5;

}

#user_navigation ul#user_other li a:hover img {

opacity: 1;

}

#user_navigation ul#user_other li a:hover {

background: transparent url({style_images_url}/_custom/usernav_hover.png) repeat-y top right;

color: #b6c7d9;

}

#user_navigation ul#user_other li a:active {

background: transparent url({style_images_url}/_custom/usernav_active.png) repeat-x top left;

color: #b6c7d9;

}

#user_navigation ul#user_link_menucontent {

background: #001a2c;

border: 1px solid #0e3f68;

border-top: 0;

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;

-webkit-border-top-left-radius: 0;

-webkit-border-top-right-radius: 0;

padding: 3px 0;

margin-top: 1px;

width: 215px;

float: left;

z-index: 10000;

}

#user_navigation ul#user_link_menucontent li {

padding: 1px;

margin: 0 3px;

float: none;

}

#user_navigation ul#user_link_menucontent a {

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

color: #b6c7d9;

text-decoration: none;

padding: 5px 5px 6px 7px;

display: block;

}

#user_navigation ul#user_link_menucontent a img {

position: relative;

margin-top: -2px;

margin-right: 5px;

}

#user_navigation ul#user_link_menucontent a:hover {

background: #07273d;

}

#user_navigation ul#user_link_menucontent a:active {

background: #062236;

}

#user_navigation #user_link {

background: transparent url({style_images_url}/_custom/usernav_normal.png) repeat-y top right;

position: relative;

padding: 9px 26px 9px 10px;

margin: 0 0 0 10px;

min-width: 121px;

outline: 0px;

display: inline-block;

overflow: hidden;

}

#user_navigation #user_link:hover, #user_navigation #user_notifications_link:hover, #user_navigation.not_logged_in #sign_in:hover {

background: transparent url({style_images_url}/_custom/usernav_hover.png) repeat-y top right;

}

#user_navigation #user_link:active, #user_navigation #user_notifications_link:active, #user_navigation.not_logged_in #sign_in:active {

background: transparent url({style_images_url}/_custom/usernav_active.png) repeat-x top left;

}

#user_navigation #user_link img {

position: absolute;

right: 8px;

top: 13px;

}

#user_navigation #user_link span {

display: inline-block;

overflow: hidden;

max-width:110px;

}

/* Sign in services icons (Facebook, twitter, etc) */

.services img { margin-top: -2px }

#user_navigation.not_logged_in .links {

float: left;

margin: 0 4px;

display: block;

text-decoration: none;

}

#user_navigation.not_logged_in .links a, #user_navigation.not_logged_in #sign_in a {

float: none;

color: #8898a8;

text-decoration: none;

}

#user_navigation.not_logged_in .links a, #user_navigation.not_logged_in #sign_in a:hover {

color: #b6c7d9;

}

#user_navigation.not_logged_in #sign_in {

background: transparent url({style_images_url}/_custom/usernav_normal.png) repeat-y top right;

float: left;

display: block;

margin: 0;

padding: 9px 15px 8px 15px;

text-decoration: none;

cursor: pointer;

}

/* Notifications */

#user_navigation #user_notifications_link {

background: transparent url({style_images_url}/_custom/usernav_normal.png) repeat-y top right;

padding: 9px 15px 9px 5px;

margin: 0;

min-width: 25px;

outline: 0px;

position: relative;

display: inline-block;

overflow: hidden;

float: right;

white-space: nowrap;

text-decoration: none;

}

#user_navigation #user_notifications_link img#notify-down-arrow {

right: 6px;

top: 13px;

position: absolute;

}

#user_navigation #user_notifications_link small {

position: relative;

background-color: transparent;

color: #8898a8;

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: #8898a8;

}

#user_navigation #user_notifications.no-new small:hover {

background-color: #062236;

color: #fff;

}

#user_notifications_link_menucontent {

background: #001a2c;

border: 1px solid #0e3f68;

border-top: 0;

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;

-webkit-border-top-left-radius: 0;

-webkit-border-top-right-radius: 0;

padding: 4px;

margin-top: 1px;

min-width: 325px;

float: right;

z-index: 10000;

font-size: 0.9em;

color: #6e7e8e;

}

#user_notifications_link_menucontent li {

padding: 5px 10px 5px 8px;

float: none;

clear: both;

color: #6e7e8e;

/*border-top: thin solid #000;*/

}

#user_notifications_link_menucontent li a {

/*text-decoration: none;*/

color: #8898a8;

}

#user_notifications_link_menucontent li.view-all {

text-align: center;

background-color: #062236;

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-color: #062236;

}

#user_notifications_link_menucontent li.notify:first-child:hover {

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

}

#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: #556b85;

font-size: 1em;

margin-top: -13px;

position: relative;

right: 3px;

float: right;

z-index: 5000;

min-width: 260px;

}

#search .submit_input {

background: #ebebeb url({style_images_url}/search_icon.png) no-repeat 50%;

text-indent: -3000em;

width: 25px;

height: 24px;

border: 1px solid #1a2735;

padding: 0;

float: left;

}

#search input#main_search {

padding: 0;

border: 0;

width: 165px;

background-color: transparent;

color: #8894a7;

text-shadow: -1px -1px 0 #000;

font-size: 1em;

}

#search input#main_search.inactive {

color: #8894a7;

}

#search_wrap {

border-radius: 20px 20px 20px 20px;

-moz-border-radius: 20px 20px 20px 20px;

-webkit-border-bottom-left-radius: 20px;

-webkit-border-bottom-right-radius: 20px;

-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

background: #253f66 url({style_images_url}/_custom/bg-tabs_active.png) repeat-x top left;

color: #fff;

text-shadow: 1px 1px 1px #000;

border: 1px solid #6885a9;

border-top: 0;

border-left: 0;

padding: 4px 10px;

float: left;

white-space: nowrap;

}

#search .choice {

background: url({style_images_url}/search_expand.png) no-repeat right;

border-left: 1px solid #2f476b;

padding: 0 15px 0 7px;

color: #8894a7;

min-width: 60px;

display: inline-block;

}

#search_options_menucontent {

background: #fff;

font-size: 13px;

text-shadow: 0 0 0 #fff;

border: 1px solid #969696;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);

margin-top: 4px;

min-width: 150px;

display: inline-block;

z-index: 1000;

padding: 0 !important;

}

#search_options_menucontent li {

color: #3c3c3c !important;

margin: 0 !important;

padding: 9px 5px 9px 10px !important;

opacity: 0.8;

display: block !important;

width: 100% !important;

}

#search_options_menucontent li:hover {

opacity: 1;

}

#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: 2px;

background: url({style_images_url}/advanced_search.png) no-repeat 50%;

text-indent: -3000em;

float: left;

display: inline-block;

opacity: 0.6;

}

#adv_search:hover {

opacity: 1;

}

#adv_search:active {

opacity: 0.6;

}

#secondary_nav {

background: #101b2b url({style_images_url}/_custom/bg-secondarynav.png) repeat-x top left;

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;

color: #7d8a9e;

height: 34px;

line-height: 34px;

text-shadow: -1px -1px 0 #000;

font-size: 0.9em;

padding: 0 10px 0 3px;

clear: both;

}

#secondary_nav a {

color: #7d8a9e;

}

#secondary_nav a:hover {

color: #fff;

}

.bread {

float: left;

width: 50%;

}

.bread li {

padding-left: 8px;

float: left;

}

.bread li:last-child {

font-weight: bold;

}

.bread li a {

background: transparent url({style_images_url}/_custom/breadcrumb_li_a.png) no-repeat center right;

padding: 8px 18px 9px 2px;

color: #7d8a9e;

text-decoration: none;

}

.bread li a:hover {

background: transparent url({style_images_url}/_custom/breadcrumb_li_a_hover.png) no-repeat center right;

color: #fff;

}

.bread li a:active {

background: transparent url({style_images_url}/_custom/breadcrumb_li_a.png) no-repeat center right;

color: #7d8a9e;

}

.bread li a img {

position: relative;

margin-top: -2px;

opacity: 0.4;

}

.bread li a img:hover {

opacity: 1;

}

.bread li a img:active {

opacity: 0.4;

}

.bread #section_links li {

padding: 0 5px;

}

#section_links {

display: inline;

float: right;

}

#section_links li {

display: block;

float: left;

list-style: none;

padding: 0 1px;

}

#section_links li a {

background: transparent;

padding: 0 8px;

font-weight: normal;

display: block;

color: #7d8a9e;

text-decoration: none;

}

#section_links ul li a:hover {

background: #222c3b;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

color: #fff;

}

#secondary_nav #section_links #rss_menu li {

padding: 0;

display: block;

float: none;

}

#section_links #rss_menu li a {

padding: 0 6px;

display: block;

float: none;

}

#rss_menu {

background: #101b2b url({style_images_url}/_custom/bg-rss.png) no-repeat bottom right;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

text-shadow: -1px -1px 0 #000;

border: 1px solid #222c3b;

padding: 3px;

width: 215px;

display: block;

z-index: 500;

font-size: 1em;

line-height: 28px;

box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

}

#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: #474747;

}

#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 {

background: transparent url({style_images_url}/_custom/sep.png) repeat-x bottom left;

color: rgba(255, 255, 255, 0.5);

font-size: 1em;

padding: 8px 0 12px 0;

margin: 0 0 15px 0;

}

#board_footer ul#utility_links li {

float: left;

padding-right: 8px;

}

#board_footer p {

text-align: right;

}

#board_footer a {

color: rgba(255, 255, 255, 0.5);

text-decoration: none;

}

#board_footer a:hover {

text-decoration: underline;

}

#footer_utilities {

background: transparent url({style_images_url}/_custom/bg-footer.jpg) no-repeat top center;

color: rgba(255, 255, 255, 0.5);

font-size: 0.9em;

padding: 15px 0 30px 0;

margin: 0;

}

#footer_utilities form {

margin: 7px 5px 0 0;

}

#footer_utilities ul {

padding: 2px 0;

margin: 8px 0 0 0;

}

#footer_utilities ul li:first-child {

color: rgba(255, 255, 255, 0.5);

}

#footer_utilities li {

float: right;

padding: 0 8px 4px 0;

}

/************************************************************************/

/* GENERAL CONTENT */

#content {

padding: 8px 8px 4px 8px;

background: #fff;

clear: both;

}

#ajax_loading {

background: transparent url({style_images_url}/_custom/transblack.png);

color: #fff;

text-shadow: 1px 1px 1px #000;

text-align: center;

padding: 5px;

width: 5%;

top: 46%;

left: 46%;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

z-index: 10000;

position: fixed;

}

#ipboard_body.redirector {

background: #08253d;

width: 500px;

margin: 150px auto 0 auto;

color: #fff;

}

#ipboard_body.redirector a {

color: #fff;

text-shadow: 0 0 5px rgba(255, 255, 255, 0.75);

text-decoration: none;

}

#ipboard_body.redirector h2 {

color: #fff;

text-shadow: 0 0 5px rgba(255, 255, 255, 0.75);

}

#ipboard_body.redirector p {

font-size: 1.2em;

line-height: 1.5em;

background: #08253d;

border: 2px solid #264063;

color: #fff;

padding: 15px;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

}

.topic_options, .generic_bar, .tab_filters {

color: #575757;

font-size: 0.85em;

font-weight: bold;

height: 33px;

}

.generic_bar, .tab_filters {

background: #ededed;

}

.generic_bar {

display: none;

}

.tab_filters {

background: #eef3f7 url({style_images_url}/th_bg.png) repeat-x top;

color: #4a6784;

}

.topic_options {

background: #f2f2f2;

}

.topic_options li {

padding: 10px;

float: right;

}

.topic_options a {

text-decoration: none;

}

.general_box h3 {

font-size: 1em;

font-weight: bold;

border: 0;

padding: 6px 10px;

margin: -4px -4px 0 -4px;

}

#index_stats .general_box {

margin-bottom: 10px;

overflow: hidden;

padding: 1px;

}

#index_stats .general_box h3 {

margin: 4px;

padding: 6px 10px;

}

#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: #dce4eb 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: #51697f;

}

/************************************************************************/

/* 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: 15px;

font-weight: normal;

text-shadow: 1px 1px 1px #fff;

padding: 6px 12px !important;

margin: 0 0 4px 0 !important;

overflow: hidden;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

border: 1px solid #a2b6c9;

}

/* Photo */

.photo {

background: #fff;

padding: 3px;

border: 1px solid #d8d8d8;

border-radius: 2px 2px 2px 2px;

-moz-border-radius: 2px 2px 2px 2px;

-webkit-border-bottom-left-radius: 2px;

-webkit-border-bottom-right-radius: 2px;

-webkit-border-top-left-radius: 2px;

-webkit-border-top-right-radius: 2px;

}

/* 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,

#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,

.members li.positive a, .members li.negative a {

color: #fff;

text-decoration: none;

}

.tab_bar li.active, .tab_bar li.active a {

color: #4a6784;

text-decoration: none;

}

#stat_links a {

color: #474747;

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: 35%;

}

.col_c_forum {

width: 50%;

}

.col_mod, .col_f_mod, .col_r_mod {

width: 3%;

}

.col_r_title {

width: 26%;

}

/************************************************************************/

/* TABLE STYLES */

table.ipb_table {

line-height: 125%;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 0 0 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

padding: 1px;

/*table-layout: fixed;*/

}

table.ipb_table a {

text-decoration: none;

}

table.ipb_table a:hover,

body table.ipb_table th a {

text-decoration: none;

}

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 h4 {

font-weight: bold;

}

table.ipb_table tr td {

/*border-bottom: 1px solid #d8e1ea;*/

padding: 10px 6px;

border-bottom: 1px solid #f0f0f0;

/*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;

padding-top: 4px;

}

table.ipb_table th,

div#current_calendar ol#week_view li.month_bar {

font-size: 0.8em;

font-weight: normal;

padding: 2px 4px;

}

table.ipb_table ol.subforums {

padding-top: 1px;

margin-top: 1px;

}

table.ipb_table ol.subforums li {

background: transparent url({style_images_url}/bullet_black.png) no-repeat 3px 4px;

color: #575757;

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: #575757;

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;

border-top: 1px solid #d4d4d4;

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, .input_textarea, .status_textarea, #statusUpdate {

background: #fff url({style_images_url}/_custom/bg-inputtext.png) repeat-x top left;

font-size: 1em;

font-family: "lucida grande", "lucida sans unicode", arial, verdana, tahoma, sans-serif;

border: 1px solid #a6a6a6;

padding: 4px 6px;

color: #5e5e5e;

border-radius: 2px 2px 2px 2px;

-moz-border-radius: 2px 2px 2px 2px;

-webkit-border-bottom-left-radius: 2px;

-webkit-border-bottom-right-radius: 2px;

-webkit-border-top-left-radius: 2px;

-webkit-border-top-right-radius: 2px;

}

.input_text:hover, .input_textarea:hover, .status_textarea:hover, #statusUpdate:hover {

border: 1px solid #7a7a7a;

}

.input_text:focus, .input_textarea:focus, .status_textarea:focus, #statusUpdate:focus {

-moz-box-shadow: 0 0 7px #007ebf;

-webkit-box-shadow: 0 0 7px #007ebf;

box-shadow: 0 0 7px #007ebf;

border: 1px solid #0096ff;

}

textarea {

width: 90%;

}

.input_text.error {

background-color: #fcf2f2;

}

.input_text.error:focus {

-moz-box-shadow: 0 0 7px #a30000;

-webkit-box-shadow: 0 0 7px #a30000;

box-shadow: 0 0 7px #a30000;

border: 1px solid #ff0000;

}

.input_text.accept {

background-color: #f7fcf2;

}

.input_text.accept:focus {

-moz-box-shadow: 0 0 7px #00a308;

-webkit-box-shadow: 0 0 7px #00a308;

box-shadow: 0 0 7px #00a308;

border: 1px solid #0ad700;

}

.input_text.email,

.input_text.password {

width: 18em;

}

.input_submit {

font-weight: bold;

font-size: 0.9em;

text-decoration: none;

padding: 3px 8px;

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;

border-color: #deb7b7;

color: #281b1b;

font-size: 1.1em;

}

.message.error.usercp {

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: #dce4eb;

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: rgba(255,255,255, 0.9);

color: #fff;

box-shadow: 2px 6px 40px rgba(0, 0, 0, 0.6);

-moz-box-shadow: 2px 6px 40px rgba(0, 0, 0, 0.6);

-webkit-box-shadow: 2px 6px 40px rgba(0, 0, 0, 0.6);

border-radius: 6px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

}

.popupInner {

background: #fff;

color: #000;

border: 0px solid #fff;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

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: transparent;

font-size: 1.4em !important;

font-weight: normal !important;

border: 0;

padding-left: 15px;

}

.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: -10px;

top: -10px;

}

.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 {

}

.stem.topright {

}

.stem.bottomleft {

}

.stem.bottomright {

}

.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 {

font-family: fertigo;

background: transparent;

padding: 0;

margin: 0px 5px 10px 0px;

float: right;

text-shadow: -1px -1px 0 #000;

}

.topic_buttons li a,

.topic_buttons li span {

font-size: 1.1em;

font-weight: normal;

display: block;

margin: auto 0px auto 6px;

outline: 0;

}

.topic_buttons li span {

padding: 8px 12px 7px 3px;

}

.topic_buttons li a {

background: #113d62 url({style_images_url}/_custom/topic_button.png) repeat-x top left;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

padding: 7px 12px 6px 10px;

box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

}

.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 a {

background-color: #164975;

}

.topic_buttons li a:active {

background: #164975 url({style_images_url}/_custom/topic_button_active.png) repeat-x top left;

color: #8da1af;

}

.topic_buttons li.disabled a {

background: transparent url({style_images_url}/_custom/topic_button.png) no-repeat top right;

color: #757575;

}

.topic_buttons li.disabled span {

background: #d0d0d0 url({style_images_url}/_custom/topic_button.png) repeat-x top left;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);

color: #757575;

text-shadow: 1px 1px 0 #fff;

padding: 7px 12px 8px 12px;

}

.topic_buttons li.closed span,

.topic_buttons li.closed a {

background: #702020 url({style_images_url}/_custom/topic_button.png) repeat-x top left;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);

color: #ca8080;

padding: 7px 12px 6px 12px;

}

ul.post_controls {

font-size: 0.8em;

text-align: right;

padding: 5px 3px 28px 0;

clear: both;

text-shadow: 1px 1px 0 #fff;

}

ul.post_controls li {

background: transparent;

padding: 0;

margin: 0 2px;

float: right;

}

ul.post_controls li.report,

ul.post_controls li.top,

ul.post_controls.left li {

float: left;

}

ul.post_controls a {

background: #d1dbe9 url({style_images_url}/_custom/postbut.png) repeat-x top left;

border: 1px solid #aab5c4;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

color: #424f5d;

text-decoration: none;

padding: 3px 11px 3px 8px;

margin-left: 2px;

display: block;

}

ul.post_controls a img {

margin-top: -2px;

}

ul.post_controls a:hover {

background: #c6d0de url({style_images_url}/_custom/postbut.png) repeat-x top left;

color: #000;

}

ul.post_controls a:active {

background: #c6d0de url({style_images_url}/_custom/postbut_active.png) repeat-x top left;

color: #424f5d;

}

/* Selected button */

ul.post_controls li.selected {

background: transparent;

}

ul.post_controls li.selected a {

background: #b8c3d2 url({style_images_url}/_custom/postbut_active.png) repeat-x top left;

border-color: #94a2b5;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

color: #000;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);

text-decoration: none;

padding: 3px 11px 3px 8px;

margin-left: 2px;

display: block;

}

body .topic_buttons li a:hover,

body ul.post_controls a:hover {

text-decoration: none;

}

/************************************************************************/

/* PAGINATION STYLES */

span.pagination.no_pages {

color: #5d6b7c;

font-size: 0.9em;

padding: 10px 10px 10px 0;

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 {

background: #d0d9e1 url({style_images_url}/_custom/bg-toplight.png) repeat-x top left;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

border: 1px solid #bdc9d5;

text-decoration: none;

padding: 2px 8px;

display: block;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);

color: #5d6b7c;

}

ul.pagination li.pagejump img {

margin-top: -2px;

}

ul.pagination a:hover {

background-color: #b8c5d1;

color: #4b5868;

}

ul.pagination a:active {

background: #d0d9e1 url({style_images_url}/_custom/bg-toplight_active.png) repeat-x top left;

color: #5d6b7c;

}

ul.pagination li {

font-size: 0.9em;

margin: 0 2px 0 2px;

float: left;

}

ul.pagination li.total,

ul.pagination li.active {

background: none;

border: 0;

margin-left: 0px;

}

ul.pagination li.active {

background: #9dafbe url({style_images_url}/_custom/bg-toplight_active.png) repeat-x top left;

border: 1px solid #8b9ba9;

color: #3d4a5a;

text-decoration: none;

padding: 2px 8px;

font-weight: bold;

margin-left: 2px;

}

ul.mini_pagination {

font-size: 0.75em;

display: inline;

margin-left: 7px;

}

ul.mini_pagination li a {

background: #d0d9e1 url({style_images_url}/_custom/bg-toplight.png) repeat-x top left;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

border: 1px solid #c0cdd8;

padding: 1px 5px;

color: #5d6b7c;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);

}

ul.mini_pagination li a:hover {

background-color: #b8c5d1;

color: #4b5868;

text-decoration: none;

}

ul.mini_pagination li a:active {

background: #d0d9e1 url({style_images_url}/_custom/bg-toplight_active.png) repeat-x top left;

color: #5d6b7c;

}

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-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: 1em;

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-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: 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: 6px 12px 8px 12px;

margin: -4px 10px 0 10px;

}

.tab_filters {

padding: 0 10px;

}

.tab_filters ul {

padding-top: 10px;

}

.tab_filters a {

color: #7189a1;

text-decoration: none;

font-weight: normal;

}

.tab_filters li {

color: #7189a1;

padding: 0 4px;

}

.tab_filters li.active,

.tab_filters li.active a {

font-weight: bold;

color: #4a6784;

}

/************************************************************************/

/* AUTHOR INFO (& RELATED) STYLES */

.author_info {

text-align: left;

font-size: 0.9em;

border-right: 1px solid #e2e9ef;

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 {

background: transparent;

border-top: 1px solid #e2e9ef;

clear: both;

font-size: 0.9em;

color: #797979;

padding: 4px 0;

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: #797979;

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;

text-shadow: 1px 1px 0 #fff;

background: #d5dee5 url({style_images_url}/_custom/bg-usercontrols.png) repeat-x top left;

border: 1px solid #b3c1cb;

border-radius: 4px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

padding: 3px 7px;

color: #5d6b7c;

}

.user_controls li a:hover {

background-color: #bbc7d1;

}

.user_controls li a:active {

background: #bbc7d1 url({style_images_url}/_custom/bg-usercontrols_active.png) repeat-x top left;

}

.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: 19px;

height: 100%;

display: block;

outline: 0;

}

a.toggle:hover {

opacity: 0.7;

}

a.toggle:active {

opacity: 0.4;

}

#latest_news {

background: #eef3f7 url({style_images_url}/_custom/topline.gif) repeat-x top left;

color: #575757;

text-shadow: 1px 1px 0 #fff;

font-size: 0.9em;

border: 1px solid #d5dde5;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

padding: 8px 10px;

margin: 0 0 6px 0;

}

#latest_news a {

text-decoration: none;

}

div#categories {

width: 76%;

}

div#categories.no_sidebar {

width: 100%;

float: none;

}

#index_stats {

padding-bottom: 5px;

margin-bottom: 0px;

margin-top: 0px;

width: 23%;

}

.sidebar_toggle {

border-radius: 0 4px 4px 0;

-moz-border-radius: 0 4px 4px 0;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-right-radius: 4px;

border-left: 0;

text-align: right;

padding: 2px 4px 3px;

height: 18px;

width: 10px;

right: -16px;

position: absolute;

float: right;

outline: 0;

}

#open_sidebar.sidebar_toggle {

height: 18px;

}

#open_sidebar, #close_sidebar {

outline: none;

}

.category_block h3.collapsed {

opacity: 0.6;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

}

.category_block h3.collapsed a.toggle {

/*padding-bottom: 6px;*/

}

.index_stats_collapse

{

text-indent: -3000em;

padding-bottom: 2px;

width: 11px;

height: 11px;

display: block;

float: right;

outline: 0;

}

.index_stats_collapse.open

{

opacity:0.6;

}

.index_stats_collapse.close

{

opacity:0.6;

}

.statistics {

padding: 15px;

margin: 10px 0 0 0;

min-height: 160px;

text-shadow: 1px 1px 0 #fff;

}

.statistics h2 {

font-size: 1.1em;

font-weight: bold;

font-family: arial, verdana, tahoma;

}

.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 #e4ebf2;

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: 5px;

}

#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: 75px;

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 #e4ebf2;

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: #51697f;

}

#filter_form input.input_submit {

margin-left: 4px;

}

.maintitle .desclinks {

color: #052542;

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 #dadada;

}

ul.topic_jump li.next {

border-left: 1px solid #dadada;

}

/*#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 #e2e9ef;

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 {

}

.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: #f6f9fc;

color: #777;

font-size: 0.9em;

padding: 15px;

}

.post_ignore .reputation {

text-align: center;

padding: 2px 6px;

float: none;

display: inline;

}

.rep_bar {

background: #e5ebf0;

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: #f2f2f2;

color: #575757;

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: #474747;

font-size: 1.2em;

}

p.edit {

background-color: #e2e9ef;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

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 #eef3f7;

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: transparent;

}

.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 {

}

#attachments li.error {

background-color: #e8caca;

border: 1px solid #ddafaf;

}

#attachments li.error .info {

color: #8f2d2d;

}

#attachments li.complete {

}

#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: #eef3f7;

border-radius: 4px 4px 4px 4px;

-moz-border-radius: 4px 4px 4px 4px;

-webkit-border-bottom-left-radius: 4px;

-webkit-border-bottom-right-radius: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

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;

text-shadow: -1px -1px 0 #000;

}

.reputation.positive, .members li.positive {

background: #447e00 url({style_images_url}/_custom/bg-rep.png) repeat-x top left;

}

.reputation.negative, .members li.negative {

background: #b82929 url({style_images_url}/_custom/bg-rep.png) repeat-x top left;

}

.reputation.positive, .reputation.negative {

color: #fff;

}

.reputation.zero {

background: #dcdcdc url({style_images_url}/_custom/bg-rep.png) repeat-x top left;

color: #6e6e6e;

text-shadow: 1px 1px 0 #fff;

}

/*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: 1%;

}

#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 0;

padding: 15px;

background: #eef3f7;

border-radius: 6px 6px 6px 6px;

-moz-border-radius: 6px 6px 6px 6px;

-webkit-border-bottom-left-radius: 6px;

-webkit-border-bottom-right-radius: 6px;

-webkit-border-top-left-radius: 6px;

-webkit-border-top-right-radius: 6px;

}

.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: 92%;

margin: 0 0 8px 0;

}

.status_submit {

padding-right: 5px;

text-align: right;

}

.status_replies_many {

height: 300px;

overflow: auto;

}

.status_update {

background: #4c709b;

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: #eef3f7 url({style_images_url}/_custom/topline.gif) repeat-x top left;

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: transparent;

border-bottom:1px 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: 1em !important;

padding-right: 6px;

padding-left: 6px;

}

#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: #124570;

border: 1px solid #276391;

border-top: 0;

border-left: 0;

font-weight: bold;

font-size: 0.8em;

padding: 2px 5px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

color: #000;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);

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(0, 0, 0, 0.58) 0px 12px 25px;

-moz-box-shadow: rgba(0, 0, 0, 0.64) 0px 12px 25px;

box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;

}[/long]

Edytowane 2 Maja 2011 przez DawPi
Długie kody wklejamy w tag LONG.

**Adam22** · 2 Maja 2011

I jednak z tym tłem jest jeszcze inaczej

zobaczcie na forum , wystaczy kliknąć na Pokaż obrazek tła i już jest coś nie tak

ta część kodu odpowiedzialna za białą część, musi gdzieś być, ;/

Edytowane 2 Maja 2011 przez Adam22

Macsch15 · 2 Maja 2011

A co gdy do

:wyglad: Wygląd Wybierz styl Profiles profileModern

Wstawisz POD

{parse js_module="rating"}
{parse js_module="profile"}

Ten kod:

<style>
body{ 
background: #fff;
width: 100%;
padding: 0 !important;
}
</style>

?

**Adam22** · 2 Maja 2011

nic się nie dzieje , cahe odświeżone

Macsch15 · 2 Maja 2011

Ok, na domyślnym stylu mi sie udało:

http://forum.invisionize.pl/uploads/imgs/pre_1304346335__2011-05-02_16-25-05.png

Ale nie wiadomo czy na Twoim zadziała, więc:

:wyglad: Wygląd Wybierz styl Profiles profileModern

Dodaj na samej górze:

<style>
#content{ 
background: #FFF;
width: 100%;
padding: 0 0 0 0;
margin: auto auto;
}
</style>

<div id="content">

Powiedz czy jakieś zmiany.

**Adam22** · 2 Maja 2011

Zmieniło się ale tylko 1 rzecz , ten odstęp co dodawaliśmy

Ten Odstęp

Juz jakiś postęp ;]

Edytowane 2 Maja 2011 przez Adam22

Macsch15 · 2 Maja 2011

A próbowałeś na chwile usunąć te wszystkie tła obrazkowe i wtedy sprawdzić?

**Adam22** · 2 Maja 2011

Usunąć tło z czego ?

Jeżeli z profilemodern, tam jest tylko 1 tło , i po usunięciu nic się nie zmieniło

**Adam22** · 2 Maja 2011

może pomoże profil_css

[long]/************************************************************************/

/************************************************************************/

/* ipb_profile.css - Profile specific styles */

/************************************************************************/

.friend_list ul, .status_profile_page, .status_profile_actions, .off, .recent_activity

{

background: #FFFFFF;

}

div#profile_overview {

width: 29%;

}

div#main_profile_body {

width: 70%;

margin-top: 5px;

padding-right: 4px;

}

.friend_list p {

font-size: 0.9em;

padding: 15px 0 0 5px;

}

.personal_info {

text-align: center;

}

.personal_info .photo {

margin: 30px auto 20px auto;

}

.personal_info ul {

font-size: 0.9em;

border-radius: 0 0 10px 10px;

-moz-border-radius: 0 0 10px 10px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

padding: 5px 10px;

}

.personal_info li {

margin: 2px 0;

text-align: left;

}

.personal_info li a {

background: #d5dde5;

text-decoration: none;

border-radius: 4px;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

padding: 5px 7px;

display: block;

}

ul.profile_options {

margin-bottom: 20px;

}

/* Friends list */

.members li .info dd {

width: 250px;

}

.members li .info dt {

min-width: 100px;

width: auto;

}

div#profile_overview .info {

font-size: 0.9em;

/*border-top: 1px solid #dedede;

border-bottom: 1px solid #dedede;*/

padding: 4px;

}

body div#profile_overview .info dt {

padding: 3px 4px;

width: 37%;

}

body div#profile_overview .info dd {

padding: 3px 4px;

width: 53%;

}

#profile_overview .reputation {

float: none;

text-align: center;

font-weight: normal;

margin: 6px;

}

#profile_overview .reputation .number {

font-size: 1.1em;

font-weight: bold;

}

#profile_overview .reputation .title,

#profile_overview .reputation .image {

font-size: 0.9em;

display: block;

}

.about_info,

.contact_info {

margin-bottom: 6px;

font-size:0.9em;

}

.recent_activity,

.about_contact,

.friend_list,

#comment_wrap {

clear: both;

float: left;

width: 100%;

}

.other_contact

{

margin: 5px 0px 5px 0px;

}

.other_contact .general_box {

padding: 4px;

overflow: auto;

}

.other_contact .general_box h3 {

margin: -4px -4px 5px -4px;

}

.about_contact,

.friend_list {

margin-top: 20px;

margin-bottom: 20px;

}

.other_contact dl {

padding: 0px 10px 10px 3px;

}

.about_contact dl, dl.user_info {

padding: 6px;

}

.other_contact dt, .other_contact dd, .about_contact dt, .about_contact dd,

.info dt, .user_info dt, .user_info dd {

float: left;

}

.other_contact dt, .about_contact dt, .info dt, .user_info dt {

font-weight: bold;

padding: 3px 6px;

clear: both;

width: 30%;

/*white-space: nowrap;*/

}

.other_contact dd, .about_contact dd, .info dd, .user_info dd {

padding: 3px 6px;

width: 55%;

}

.info dd, .user_info dd {

margin-left: 35%;

}

.recent_activity {

padding:0px 2px 5px 5px;

width:99%;

}

.recent_activity .general_box {

background: #eef3f8;

}

.recent_activity a {

text-decoration: none;

}

.recent_activity #tab_recentActivity {

line-height: 150%;

}

.recent_activity #tab_recentActivity h4 {

color: #1d3652;

font-size: 1.1em;

font-weight: normal;

padding: 10px;

}

.recent_activity #tab_recentActivity ol {

font-size: 0.9em;

padding: 0 0 10px 20px;

}

.recent_activity li img {

padding-right: 6px;

}

.tab_general .general_box,

.tab_forums_posts .general_box,

.tab_topics .general_box {

/*max-height: 250px;*/

overflow: auto !important;

}

.tab_general h4,

.tab_forums_posts h4,

.tab_forums_topics h4 {

font-size: 1.05em;

font-weight: normal;

padding: 6px 0 0 6px;

}

.tab_general .post_body,

.tab_forums_posts .post_body,

.tab_forums_topics .post_body {

background-color: #fafbfc;

border-bottom: 1px solid #d5dde5;

padding: 10px 10px 25px 18px;

line-height: 140%;

margin-left: 0;

}

.tab_general p.posted_info,

.tab_forums_posts p.posted_info,

.tab_forums_topics p.posted_info {

padding: 0 0 6px 6px;

margin: 0;

}

#post_comment {

padding: 10px 10px 10px 30px;

}

#post_comment .photo {

margin: 0 16px 0 6px;

}

#post_comment .input_textarea {

margin-bottom: 8px;

width: 380px;

}

#post_comment .input_submit {

margin: 0 10px 0 50px;

}

#latest_visitors {

margin-top: 12px;

}

#latest_visitors li .photo {

margin: 2px 10px 0 0;

float: left;

}

#latest_visitors li {

clear: both;

padding: 5px;

}

/* Status updates stuffs */

.status_profile_actions {

font-size: 0.9em;

}

.status_profile_actions .desc {

font-size: 0.8em;

}

.status_profile_page #statusUpdate {

width: 80%;

}[/long]

Edytowane 2 Maja 2011 przez DawPi
Długie kody wklejamy w tag LONG.

Zaloguj się

Profil Odstep

Rekomendowane odpowiedzi

Adam22

Macsch15

Adam22

Macsch15

Adam22

Macsch15

Adam22

Macsch15

Adam22

Adam22

DawPi

Adam22

Macsch15

Adam22

DawPi

Adam22

Adam22

Adam22

Macsch15

Adam22

Macsch15

Adam22

Macsch15

Adam22

Adam22

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Zarejestruj nowe konto

Zaloguj się

Ostatnio przeglądający 0 użytkowników

Pliki

Cała aktywność

Przeglądaj

Powiadomienie o plikach cookie