Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

CSS

Предыдущая тема Следующая тема Перейти вниз

CSS

Сообщение автор wersion в Пт 25 Мар - 11:31

Код:
  /* Wrap .pun-------------------------------------------------------------*/
.pun {
 width: 90%;
 margin: 0 auto;
 padding: 5px;
 
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
 line-height: 130%;
 }
.pun div, .pun td, .sig-line {
 border-color: ##4c6ab3;
 color: ##4c6ab3;
 }
.pun img, .pun fieldset {
 border: none;
 }
.pun a:link {
 color: #7fa4fe;
 }
.pun a:visited {
 color: #7fa4fe;
  }
.pun a:hover {
 color: #7fbb14;
  }
.pun a:active {
 color: #7fa4fe;
  }
.pun a:focus {
 color: #7fa4fe;
  }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
 font: normal 1em Verdana, Arial, sans-serif;
 }
/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
 margin: 0;
 padding: 1.5em 1em 1em 1em;
 border-bottom: 1px solid #4a467a;
 background-color: #4a467a;
 background-image: url('http://hitskin.com/themes/12/96/79/i_header_bg.gif');
 text-align: center;
 background-repeat: repeat-x;
 }
*+ html #pun-head {
 margin-top: -5px;
 }
* html #pun-head {
 margin-top: -5px;
 }
#pun-logo {
  float: none;
  }
#pun-title {
 padding-left: 5px;
 white-space: nowrap;
 color: #000000;
 font-family: Verdana;
 font-size: 20px;
 }
#pun-title h1 {
 font-size: inherit;
 font-weight: inherit;
 color: inherit;
 }
p#pun-desc {
 color:#DDDDDD;
 padding: 0.3em 0 0 5px;
 }
/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
 padding: 0.5em 1.1em 0.6em 1.1em;
 background-color: #4a467a;
 border-color: #4c6ab3;
 }
#pun-navlinks ul {
 list-style: none;
 text-align: left;
 }
#pun-navlinks li {
 display: inline;
 font-size: 1.15em;
 }
#pun-navlinks li a {
  margin: 0 0.8em 0 0;
  }
#pun-navlinks a, #pun-navlinks a:visited {
 
/*color: #fff;
 */
text-decoration: none;
 }
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
 text-decoration: underline;
 
/*color: #fff;
 */
}
#pun-visit,.main-box {
 border-color: #000000;
 border-style: solid;
 border-width: 1px;
 padding: 0.6em 1em;
 background-color: #41356d;
 margin: 0 0 1em 0;
 }
#pun-visit ul,.main-box ul {
 float: right;
 width: 70%;
 text-align: right;
 list-style-type: none;
 }
.main-box ul {
 float: left;
 width: auto;
 }
#pun-visit li,.main-box li {
 margin-left: 0.7em;
 white-space: nowrap;
 float: right;
 }
.pun-crumbs {
 padding: 0.2em 1em;
 margin: 0 1px 1em 1px;
 }
.pun-crumbs p {
 margin: 0;
 line-height: 1.5;
 font-size: 1.11em;
 color: #666;
 }
.pun-crumbs a {
  text-decoration: none;
  }
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
 width: 100%;
 float: left;
 margin-right: -0px;
 }
#content-container div#content {
 margin-right: 0px;
 }
#content-container div#main {
 margin-bottom: 1em;
 overflow: hidden;
 
/* Fixes 3-column negative margins float clearing bug: [url=http://archivist.incutio.com/viewlist/css-discuss/97678]http://archivist.incutio.com/viewlist/css-discuss/97678[/url] Thanks Georg! */
}
*+ html #content-container div#main {
 margin-left: 0px;
 }
#content-container div#left {
 width: 0px;
 float: left;
 margin-right: 0px;
 overflow: hidden;
 }
#content-container div#right {
 width: 0px;
 float: right;
 overflow: hidden;
 }
* html #content-container #main-content {
 
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
 margin-right: 0px;
 }
* html #content-container div#main {
 
/* FIX for IE6 */
margin-right: -99%;
 width: 100%;
 float: left;
 }
#page-body {
 margin: 4px 0;
 width: 100%;
 }
/* Announcement Box-------------------------------------------------------------*/
#pun-announcement {
 border-style: solid;
 border-width: 1px;
 padding: 1em;
 background-color: #4a467a;
 }
.pun .main .main-content.message {
  background-color: #4a467a;
  }
.pun .main .main-content p.message {
 margin: 1.7em;
 padding: 1em;
 background-color: #fff;
 border: 1px solid #4c6ab3;
 }
/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
 margin: 1em 0;
 }
.main .main-head, .main .main-foot {
 padding: 0.7em 1.3em;
 font-weight: normal;
 color: #dedfdf;
 background-color: #4c6ab3;
 }
.main .main-head {
 background-image: url('http://hitskin.com/themes/12/96/79/i_list_bg.gif');
 }
.main .main-head .page-title {
 font-size: 12px;
 font-weight: normal;
 }
.pun .main-content {
 border: 1px solid #4c6ab3;
 background-color: #4a467a;
 }
.pun .style1 {
 background-color: #4a467a;
 padding: 0.5em;
 }
.pun .style2 {
 background-color: #41356d;
 padding: 0.5em;
 }
.pun .main-foot .h2, .pun .main-head .h2 {
 float: left;
 }
.pun .main .options {
 float: right;
 text-align: right;
 color: #ccc;
 }
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
 margin-left: 0.5em;
 color: #ccc;
 text-decoration: none;
 }
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
 margin-left: 0.6em;
 color: #ccc;
 text-decoration: underline;
 }
/* Table-------------------------------------------------------------*/
.pun table.table {
 width: 100%;
 table-layout: fixed;
 empty-cells: show;
 border-collapse: collapse;
 }
.pun .frm .frm-form table {
 border: 1px solid #4c6ab3;
 border-top: 1px solid #1F537B;
 border-color: #bbb;
 }
.pun table.table th {
 padding: 0.5em 0;
 border-style: none;
 border-color: #4a467a;
 background-color: #4a467a;
 color: #7fa4fe;
 }
.pun table.table td {
 padding: 0.6em 0 0.7em;
 border-width: 1px;
 border-style: solid none none solid;
 line-height: 130%;
 background-color: #4a467a;
 border-color: #4c6ab3;
 }
.pun .main table td.tc2, .pun .main table td.tc3 {
 background-color: #41356d;
 }
.pun table.table td table td {
 border: none;
 padding: 0px;
 }
.pun table .tcl {
 width: 50%;
 overflow: hidden;
 text-align: left;
 }
.pun table.table th.tcl {
 padding-left: 0.5em;
 }
.pun .frm .frm-form table .tc2 {
  text-align: left;
  padding-left: 0.5em;
 }
.pun .table .tc2, .pun .table .tc3 {
 width: 10%;
 text-align: center;
 }
.pun .frm .frm-form table .tc4 {
 text-align: center;
 width: 5%;
 }
.pun table .tcr {
 width: 30%;
 overflow: hidden;
 text-align: left;
 padding: 0 0 0 0.5em !important;
 }
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
 overflow: hidden;
 }
.pun table .report {
  width: 9%;
  }
.pun .main table.table td.report {
  background-color: #41356d;
  }
.pun table .tdtopics {
  padding-left: 42px;
  }
.pun table .tdtopics .status {
  margin-left: -32px;
  }
.pun table .tdtopics img, .pun .posthead img {
 vertical-align: middle;
 }
table .tcl.memberlist {
 width: 25%;
 }
.pun tbody.statused td.tcl {
 padding-left: 3.4em;
 }
.pun tbody.statused span.status {
 position: absolute;
 }
.pun table td.tcl {
 border-left-style: none;
 border-left-width: 0;
 vertical-align: top;
 height: 56px;
 padding-left: 0.5em;
 min-height: 24px;
 }
pun table td.tcl .height-giver {
 min-height: 56px;
 visibility: hidden;
 width: 1px;
 }
td.avatar-mini a {
 text-decoration: none;
 }
td.avatar-mini a span {
 text-decoration: underline;
 }
td.avatar-mini img {
 background-color: #fff;
 border: 1px solid #4c6ab3;
 vertical-align: middle;
 width: 38px;
 height: 38px;
 }
* html .pun table {
 position: relative;
 }
* html .pun table td.tcl {
 position: relative;
 }
.pun table td.tcl h2 {
 font-weight: bold;
 }
.pun .main table.table td.td-title {
 background-color: #41356d;
 }
.pun .main table.table th.name {
 padding-left: 0.5em;
 }
.pun .sticky-separator {
 border-top: 5px double #4c6ab3 !important;
 }
.mod-text {
 font-weight: bold;
 }
h2.topic-title {
 display: inline;
 }
.hierarchy {
 display: inline;
 text-transform: none;
 border: none;
 font-size: 10px;
 font-weight: bold !important;
 }
/* Stats-------------------------------------------------------------*/
#stats {
 padding: 0.6em 1em;
 line-height: 150%;
 background-color: #41356d;
 }
td.stat-bar {
 padding: 0 10px !important;
 }
td.stat-bar div {
 white-space: nowrap;
 }
#onlinelist {
 border-top: 1px dashed #ccc;
 padding: 0.6em 1em;
 background-color: #41356d;
 }
#onlinelist img {
 float: left;
 }
#onlinelist h3 {
 float: left;
 margin-right: 0.5em;
 line-height: 150%;
 }
#onlinelist p {
 line-height: 150%;
 }
#onlinechat {
 border-top: 1px dashed #ccc;
 padding: 0.6em 1em;
 background-color: #41356d;
 }
/* Legend-------------------------------------------------------------*/
ul.pun-legend,ul#pun-legend{
 list-style-type: none;
 text-align: center;
 margin-bottom: 20px;
 }
ul.pun-legend li {
 display: inline;
 margin-right: 20px;
 }
ul.pun-legend li img {
 vertical-align: bottom;
 }
/* Faq-------------------------------------------------------------*/
.faq {
 padding: 1em;
 background-color: #4a467a;
 }
.faq a {
 text-decoration: none;
 }
.faq a:hover {
 text-decoration: underline;
 }
.faq dd {
 margin: 1em 1.7em;
 padding:1em;
 background-color:#41356d;
 border:1px solid #E6E6E6;
 color:#666666;
 }
.faq p {
 margin: 0 0 1em 0;
 }
noscript div.message {
 background-color: #;
 border: 1px solid #F0F0B4;
 }
noscript div.message p {
 padding: 0 1.3em 0;
 margin: 1em 0;
 }
/* bbCode */
.codebox {
 margin: 1em;
  background-color: #;
  border: 1px dotted #4c6ab3;
 }
.codebox dt {
 padding: 0.25em;
  border-bottom: 1px dotted #4c6ab3;
 }
.codebox dd {
 margin: 0.5em;
  padding: 0.5em;
  background-color: #;
 }
.faq dd ul {
 margin: 0 2em;
  }
.codebox + blockquote {
 margin: 0.5em 3em;
  padding: 0.5em;
  background-color: #fff;
  border: 1px dotted #4c6ab3;
 }
.codebox dd.cont_code{
 max-height:200px;
 overflow:auto;
 }
/* Forms-------------------------------------------------------------*/
.main .main-content.frm {
 background-color: #4a467a;
 }
.main .main-content.google {
 background-color: #F2F2F2;
 padding: 10px 10px 0px 10px;
 }
.main .frm-info {
 margin: 1.7em;
 padding: 1em 1em;
 background: #;
 border: 1px solid #E6E6E6;
 }
.main ul.frm-info {
 list-style-type: none;
 }
.main .frm-info li {
 padding: 0 0 1em 2em;
 background: url('blue.png') no-repeat top left;
 }
fieldset.frm-set {
 margin: 1.7em;
 padding: 0 0 1em 0;
 border: none;
 }
fieldset.left {
 width: 35%;
 float: left;
 }
fieldset.right {
 width: 45%;
 float: right;
 }
.pun .set1 {
 border-top: none;
 padding-top: 0;
 margin: 0;
 }
fieldset.frm-set.multi {
 border-bottom: 1px dashed #4c6ab3;
 }
fieldset.frm-set.last {
 padding-bottom: 0;
 }
fieldset.frm-set dl:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
* html fieldset.frm-set dl {
  height: 1%;
 }
*+ html fieldset.frm-set dl {
  height: 1%;
 }
fieldset.frm-set dl dt,fieldset.frm-set dl dd {
 padding: 0.5em;
 }
fieldset.frm-set dl dt {
 display: block;
 width: 16em;
 text-align: right;
 float: left;
 font-weight: bold;
 }
fieldset.frm-set dl dd {
 margin-left: 17em;
 }
*+ html fieldset.frm-set dl dt {
 height: 1%;
 }
fieldset.frm-set dl dd label {
 margin: 0 1em 0 0;
 }
fieldset.frm-set .required {
 margin: 0 0.25em;
 font-style: normal;
 color: #b42000}
* html fieldset.frm-set dl {
  height: 1%;
 }
.frm-buttons {
 padding: 0.7em 0 0 17.5em;
 border-top: 3px double #4c6ab3;
 margin-bottom: -0.7em;
 margin-top: 0.5em;
 }
.frm-buttons-right {
 padding: 0.7em 0 0 17.5em;
 border-top: 3px double #4c6ab3;
 margin-bottom: -0.7em;
 margin-top: 0.5em;
 text-align:right;
 }
.frm-buttons.full {
 padding: 0.7em 0 0 0em;
 }
dl.frm-buttons {
 padding: 0px;
 }
fieldset.frm-set .frm-buttons .button {
 overflow: visible;
 
/* IE hack for buttons */
padding: 1px 0.5em 2px 0.5em;
 font-size: 1em;
 vertical-align: middle;
 line-height: 1.2;
 margin-right: 1em;
 }
.frm-form fieldset.frm-set .inputbox {
 width: 40%;
 }
.frm-form fieldset.frm-set textarea.inputbox {
 width: 99%;
 }
fieldset.frm-set textarea.inputbox {
 background-color:#}
.frm-form fieldset.frm-set .italic {
 font-size: 0.9em;
 }
.frm-form fieldset.frm-set input[type="radio"] {
 margin: 0 0.5em 0 0;
 }
.frm-form fieldset.frm-set input[type="checkbox"] {
 margin: 0 0.5em 0 0;
 }
.frm-form select option {
 padding: 0 2em 0 0;
 }
.sub-head {
 margin: 0.5em 1.7em;
 padding: 0 0 0.5em 0;
 border-bottom: 1px solid #4c6ab3;
 }
.sub-head h2 {
 display: inline;
 color: #0C4675;
 font-weight: bold;
 }
.sub-head span {
 color: #0C4675;
 font-weight: bold;
 }
.pun .frm .frm-buttons input {
 overflow: visible;
 padding: 1px 0.5em 2px 0.5em;
 font-size: 1em;
 vertical-align: middle;
 line-height: 1.2;
 margin-right: 1em;
 }
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  width: 82%;
  }
*+ html dd.frm-input,*+ html .dd-textarea {
 display: inline;
  margin: 0 !important;
  }
*+ html dd.frm-input input {
 width: 60% !important;
  }
* html dd.frm-input,* html .dd-textarea {
 display: inline;
  margin: 0 !important;
  }
* html dd.frm-input input {
 width: 60% !important;
  }
dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
  width: 100%;
  }
.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
 height: 250px;
 margin-top: -15px;
 }
dd.dd-textarea iframe#text_editor_iframe {
  background-color:#FFFFFF;
  }
/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
 margin: -1px 0 0 0;
 padding: 0.7em 1.3em;
 font-weight: normal;
 color: #dedfdf;
 background: #1F537B;
 }
#tabs {
 min-width: 932px;
 }
* html #tabs {
 width: 100%;
 }
#tabs ul {
 list-style-position: outside;
 list-style-type: none;
 padding: 0 1.8em;
 white-space: nowrap;
 }
#tabs ul li {
 float: left;
 margin: 0;
 padding: 0 4px 0 0;
 }
#tabs ul li.activetab a {
 background-color: #4c6ab3;
 border-color:#4c6ab3;
 color: #41356d;
 text-decoration:underline;
 }
#tabs ul li.activetab a:hover {
 background-color: #4c6ab3;
 }
#tabs ul li a {
 float: left;
 padding: 0 1em;
 background-color: #41356d;
 border: 1px solid #4c6ab3;
 font-size:1.1em;
 font-weight:normal;
 line-height: 2em;
 text-decoration:none;
 }
#tabs ul li a:hover {
  background-color: #41356d;
  }
/*Profile View*/
fieldset.profile-view dl dt {
 width: 8em;
 text-align: left;
 font-weight: normal;
 }
fieldset.profile-view dl dd {
 margin: 0;
 }
#profile-advanced-layout {
 float: left;
 margin-right: -302px;
 width: 100%;
 }
#profile-advanced-left {
 margin-right: 302px;
 }
#profile-advanced-left .main {
 margin-top: 0;
 }
#profile-advanced-avatar {
 float: left;
 width: 30%;
 }
#profile-advanced-points, #profile-advanced-reputation {
 float: left;
 }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
 margin-right: 4px;
 }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
 margin-bottom: 4px;
 }
#profile-advanced-details .main-content {
 padding: 4px;
 }
#profile-advanced-details .pagination {
 float: left;
 }
#profile-advanced-details ol {
 list-style: none;
 }
#profile-advanced-details ol li {
 display: block;
 margin-bottom: 4px;
 }
#profile-advanced-details .avatar {
 float: left;
 }
.avatar {
 width: 50px;
 border: 1px solid #4c6ab3;
 background-color: #fff;
 }
.avatar img {
 width: 50px;
 }
.friend-block .avatar {
 margin: 0 auto;
 cursor:pointer;
 }
.friend-block {
 float: left;
 width: 70px;
 margin: 1px;
 text-align: center;
 overflow: hidden;
 }
.friend_list_online_status {
 line-height: 11px;
 font-size: .7em;
 }
.friend_list_online_status img {
 vertical-align: middle;
 }
.friends-foes-list {
 float: left;
 width: 200px;
 height: 2em;
 }
#profile-advanced-details .message-block {
 margin-left: 57px;
 }
#profile-advanced-details .message-header {
 border-top: 1px solid #000000;
 background: #41356d;
 padding: 4px;
 margin-bottom: 4px;
 }
#profile-advanced-details .message-date {
 float: right;
 }
#profile-advanced-details .message-body {
 margin-bottom: 4px;
 }
#profile-advanced-details .message-footer {
 text-align: right;
 }
#profile-advanced-details .message-footer li {
 display: inline;
 margin: 0 0.25em;
 
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
 content: ' .';
 
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
 margin-right: 0.25em;
 
/* Spacing between generation dot */
text-decoration: underline;
 }
#profile-advanced-details .message-footer li.last:after {
 content: normal;
 }
#profile-advanced-layout #new-message {
 position: relative;
 margin-top: 20px;
 }
#profile-advanced-layout #tabs {
 position: absolute;
 bottom: 0;
 }
#profile-advanced-layout #new-message-link {
 position: absolute;
 bottom: 0;
 right: 4px;
 padding-bottom: 4px;
 }
#profile-advanced-details .top {
 margin-bottom: 16px;
 }
#profile-advanced-details .bottom {
 margin-top: 16px;
 }
#profile-advanced-right {
 float: right;
 width: 302px;
 }
#profile-advanced-add {
 margin-right: 4px;
 padding: 7px 0 6px;
 text-align: right;
 }
#profile-advanced-details .stats-field {
 margin: 4px 0 10px 4px;
 padding: 0 10px 6px;
 }
#profile-advanced-details .stats-field legend {
 font-weight: bold;
 }
#profile-advanced-details .stats-field ul {
 list-style-type:none;
 text-indent: 10px;
 padding: 0;
 }
#profile-advanced-details .stats-field li {
 margin: 4px 0;
 }
/* Calendar-------------------------------------------------------------*/
.pun .main fieldset.calendar {
 margin: 0;
 padding: 0;
 }
.pun p.left-box {
 float: left;
 }
.pun p.right-box {
 float: right;
 }
* html p.left-box,* html p.right-box {
 position: relative;
 
/*fixes IE6 peekaboo bug*/
}
.pun .main p.right-box a,.pun .main p.left-box a {
 color: #dedfdf;
 }
* html .pun .main p.right-box a,* html .pun .main p.left-box a {
 height: 1%;
 }
.pun .main table.calendar {
 border: none;
 }
.pun .main table.calendar thead th {
 padding: 0.5em;
 background-color: #4a467a;
 font-weight: bold;
 }
.pun .main table.calendar td {
 padding: 0;
 border: 1px solid #4c6ab3;
 overflow: hidden;
 }
.pun .main table.calendar td.row2:hover {
 background-color: #41356d;
 }
.pun .main table.calendar .row3 {
 padding: 0.25em;
 background-color: #41356d;
 }
table.calendar ul {
 list-style-type: none;
 height: 10em;
 }
table.calendar ul li {
 margin: 0.25em;
 }
table.calendar p.right-event {
 padding: 0.25em;
 text-align: right;
 }
.overview.calendar .left-overview {
 padding: 0.25em;
 }
#mini-calendar {
 float: left;
 width: 270px;
 margin: 1em;
 }
#mini-calendar .table {
 margin-bottom: 1em;
 border-left: 1px solid #4c6ab3;
 border-bottom: 1px solid #4c6ab3;
 border-right: 1px solid #4c6ab3;
 }
#calendar-result {
 margin: 1em 0;
 float: left;
 width: 68%;
 }
.bday {
 border: 1px solid #4c6ab3;
 }
.bday td {
 text-align: center;
 }
.bday .name {
 width: 20%;
  text-align: left;
 }
.bday .www {
 width: 10%;
  text-align: center;
  overflow: hidden;
 }
/* Gallery-------------------------------------------------------------*/
.gallery-cat {
 float:left;
 margin-left: 1%;
 margin-bottom: 0.5em;
 min-height:125px;
 background-color: #fff;
 border: 1px solid #4c6ab3;
 }
* html .gallery-cat {
 height: 125px;
 }
br.clear-column {
 display:none;
 }
* html .clear-column {
 display: block !important;
 clear: both;
 }
.gallery-cat p {
 padding: 0.5em;
 }
fieldset.gallery input.inputbox {
 width: 80%;
 }
.gallery-nav .gallery-cat {
 width: 19%;
 margin: 1% 0 1% 1%;
 padding: 1em 0 0;
 text-align: center;
 }
.gallery-cat img {
 margin: 0.25em;
 }
.gallery-cat:hover {
 background-color: #41356d;
 }
.gallery-cat .info-gallery {
 text-align: center;
 font-size: 0.9em;
 clear: both;
 }
.pic-container {
 overflow: auto;
 }
/* Special effects */
fieldset.effects dl {
 float: left;
 width: 19%;
 min-height: 10em;
 margin: 0 0.5em 0.5em 0;
 border: 1px solid #4c6ab3;
 }
fieldset.effects dl:hover {
 background-color: #41356d;
 }
fieldset.effects dt {
 float: left;
  padding: 0.25em;
  font-weight: bold;
 }
fieldset.effects dd {
 padding: 0.25em;
  border-top: 1px solid #4c6ab3;
  text-align: center;
  margin-top: 2em;
  }
fieldset.effects dd.check {
 float: right;
  width: 1em;
  margin: 0.15em;
  border: none;
  clear: right;
 }
/* Mod Control Panel */
table.mod-cp {
 width: 100%;
 border-bottom: 1px solid #4c6ab3;
 }
table.mod-cp th {
 padding: 0.6em 1em 0.7em;
 background-color: ;
 }
table.mod-cp th.name,table.stats th.name {
 width: 25%;
 text-align: left;
 }
table.search th {
 text-align: left;
 }
table.search th.fixed {
 width: 8em;
 }
table.mod-cp td {
 text-align: center;
 }
table.mod-cp td.long-string {
 text-align: left;
 }
.main .mark {
 margin: 1.7em 1.7em 0;
 }
.main .mark a {
 color: #00569C !important;
 }
.main .mark a:hover {
 color: #B42000 !important;
 }
.gallery.overview img {
 float: left;
 margin: 1em 1em 0.5em 0.5em;
 padding: 0.25em;
 border: 2px dashed #4c6ab3;
 }
table.stats th.smallcell {
 width: 3%;
 }
table.stats td {
 text-align: center;
 }
table.search td,table.search .tcl {
 text-align: center;
 }
/* Avatar Gallery */
.main .avatar-gallery {
 padding: 1.7em;
 }
.main .avatar-gallery div p.select-avatar {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 0.25em;
 background-color: #4c6ab3;
 text-align: center;
 }
* html .main .avatar-gallery div p.select-avatar {
 width: 114px;
 }
.main .avatar-gallery div div {
 float: left;
 position:relative;
 width: auto;
 height: 260px;
 margin: 0.5em 0.25em;
 background-color: #41356d;
 text-align: center;
 border: 1px solid #4c6ab3;
 overflow: hidden;
 }
.main .avatar-gallery div div img {
 margin: 0.5em;
 border: 1px solid #4c6ab3;
 }
/* Stand-alone classes-------------------------------------------------------------*/
.main-content.standalone {
 margin: 0.5em 0;
 padding: 1em;
 background-color: #4a467a;
 }
.main-content.standalone h2 {
 margin: 0 0 1em 0;
 border-bottom: 1px solid #4c6ab3;
 font-size: 1.7em;
 }
.main-content.standalone .button {
 margin: 1em;
 padding: 0.5em 1em;
 border: 1px solid #4c6ab3;
 }
.main-content.standalone .button.button1 {
 font-weight: bold;
 }
.main-content.standalone .button:hover {
 background-color: #fff;
 border: 1px solid #B42000;
 }
.posting-confirm {
 margin: 1em;
 }
/* Pagination-------------------------------------------------------------*/
.pun .paged-head, .pun .paged-foot {
 border: 1px solid #4c6ab3;
 background-color: #4a467a;
 padding: 0.6em 1.3em 0.3em 1.3em;
 }
.pun .paged .posting {
 float: right;
 font-weight: bold;
 font-size: 1.2em}
.pun .paging {
 float: left;
 font-weight: bold;
 font-size: 1.1em}
strong.pagination {
 font-weight: normal;
 }
/* Post Basic Layout-------------------------------------------------------------*/
.pun .topic {
 border: 1px solid #4c6ab3;
 border-style: none solid;
 background: #41356d;
 }
.pun .post {
 border-style: solid none;
 border-width: 2px 0 1px 0;
 border-color: #eee #fff #ccc #fff;
 }
* html .pun .post {
 height: 1%;
 }
*+ html .pun .post {
 min-height: 1px;
 }
.pun .postmain {
 background-color: #4a467a;
 border-left: 1px solid #4c6ab3;
 margin-left: 17em;
 }
.pun .posthead {
 padding: 0.5em 1.3em 0.5em 1em;
 background: #41356d;
 border-bottom: 1px dashed #ccc;
 }
.pun .posthead h2 strong {
 float: right;
 }
.pun .postbody {
 width: 100%;
 }
.pun .post-entry {
 padding: 1em 1em 0 1em;
 }
.pun .entry-content {
 padding-bottom: 0.8em;
 overflow: hidden;
 width: 100%}
.pun .entry-content ul,.pun .entry-content ol {
 margin-left: 2em;
 }
/*Posting layouts*/
.postmain blockquote {
 padding: 0.5em 1em;
 background-color: #fff;
 border: 1px solid #4c6ab3;
 }
.postmain cite {
 display: block;
 margin: 0 0 1em 0;
 font-weight: bold;
 font-style: normal;
 }
.vote {
 float: right;
 width: 9px;
 margin-left: 4px;
 }
.vote .vote-button {
 text-align: center;
 font-weight: bold;
 margin-left: -1px;
 }
.vote .vote-button a {
 text-decoration: none !important;
 }
.vote .vote-bar {
 width: 3px;
 height: 50px;
 margin: 0 auto;
 border: 1px solid #fca53a;
 font-size: 0;
 }
.vote .vote-no-bar {
 letter-spacing:-2px;
 margin-left:-2px;
 white-space:nowrap;
 }
.vote .vote-bar-plus {
 background-color: #0f0;
 }
.vote .vote-bar-minus {
 background-color: #f00;
 }
/* User information general layout-------------------------------------------------------------*/
.pun .user {
 padding-top: 1.6em;
 overflow: hidden;
 width: 15em;
 white-space: normal;
 display: inline;
 }
.pun .post .user {
 float: left;
 margin-left: -16em;
 margin-top: -1.8em;
 position:relative;
 }
.pun .user .user-ident {
 padding: 0 0 0.7em 0;
 font-size: 12px;
 }
.pun .user-ident .username {
 font-size: 1.2em;
 font-weight: bold;
 display: block;
 position: absolute;
 top: 0;
 text-decoration: none;
 color: #7fa4fe;
 }
* html .pun .user-ident .username {
 padding: 0 0 0.25em;
 }
*+ html .pun .user-ident .username {
 padding: 0 0 0.3em;
 }
.pun .user-ident .username a{
 text-decoration:none}
.pun .user-ident .user-basic-info {
 font-weight: bold;
 }
.pun .user .user-info {
 color: #666;
 line-height: 1.8em;
 }
.postfoot {
 clear: both;
 margin-left: -17em;
 border-top: 1px dashed #ccc;
 padding: 0.5em 1em;
 text-align: right;
 }
div.post-options img{
 cursor: pointer;
 }
.pun .postfoot .user-contact {
 float: left;
 width: 15em;
 text-align: left;
 }
* html .pun .postfoot {
 margin-left: 0;
 }
.pun .sig-content {
 padding-top: 0.8emmargin-left: -17em;
 clear:both;
 position: relative;
 padding: 0.5em 1em;
 }
.pun .p-hidden {
 text-align:center;
 padding: 15px 0px;
 border-bottom: 1px solid #4c6ab3;
 }
.pun .sig-content .sig-line {
 margin: 0 auto;
 border-top-style: solid;
 border-top-width: 1px;
 border-color: #4c6ab3;
 display: block;
 padding-bottom: 0.5em;
 width: 250px;
 }
/* Plus menu-------------------------------------------------------------*/
.overview {
 background-color: #41356d;
 border: 1px solid #4c6ab3;
 font-family: Comic Sans MS;
 }
.title-overview {
 background-color: #41356d;
 padding: 5px 5px 0 0;
 }
.overview h1 {
 border-bottom: 1px solid #4c6ab3;
 font-size: 1em;
 text-align: center;
 padding: 0.25em 0.5em;
 }
.left-overview {
  padding: 5px 5px 0;
  }
.left-overview a {
  font-weight: normal;
  }
.center-overview {
  padding: 0.5em;
  text-align: center;
  }
p.center-overview a {
 color: #7fa4fe !important;
 }
* html .center-overview {
 height: 1%;
 }
.topic-overview {
 padding: 0.5em;
 background-color: #fff;
 }
.overview-info {
 padding: 0.25em 0.5em;
 background-color: #4a467a;
 font-size: 0.8em;
 border-bottom: 1px dotted #4c6ab3;
 }
.dashed {
 color: #41356d;
 background-color: #41356d;
 border: none;
 }
#search_menu .forumline {
 padding: 0.5em;
 }
#search_menu .forumline .thHead {
 font-weight: bold;
 }
#search_menu .forumline td {
 padding: 0.5em 0;
 }
#search_menu .forumline span.genmed a {
 color: #fca53a !important;
  font-size: 0.9em;
 }
#search_menu .forumline input.post {
 border: 1px solid #4c6ab3;
 }
/* Table forumline-------------------------------------------------------------*/
table.forumline {
 background-color: #41356d;
 border: 1px solid #4c6ab3;
 }
/* Text editor (quick reply)-------------------------------------------------------------*/
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
 padding-left: 20px;
 background-repeat: no-repeat;
 background-position: left;
 background-image: url('http://illiweb.com/fa/punbb/helpdark.png');
 }
.pun .frm-form {
 background: #4a467a;
 border: none;
 }
.pun div.frm-form {
  margin: 1.7em;
  }
.dd-textarea {
  width: 72%;
  }
button.button2, input.button2 {
 font-size: 0.9em;
 border: 1px solid #BCBCBC;
 width: auto !important;
 margin: 0px 0.25em 0;
 padding: 2px 3px;
 font-family: Comic Sans MS;
 color: #000000;
 background-repeat: repeat-x;
 background-color: #FAFAFA;
 background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
 background-position: top;
 overflow: visible;
 vertical-align:middle;
 }
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
 
/* Opera does not see this */
padding: 1px 0;
 }
button.button2:hover, input.button2:hover {
 border: 1px solid #7fbb14;
 color: #7fbb14;
 background-position: 0 100%;
 }
* html button.button2, * html input.button2 {
 padding-bottom: 0;
 margin: 0 0.25em;
 height: 24px;
 padding-right: 3px;
 padding-left: 3px;
 }
*+html button.button2, *+html input.button2 {
 height: 24px;
 padding-right: 3px;
 padding-left: 3px;
 }
*+html button.button2 img {
  vertical-align: middle;
  }
* html button.button2 img {
  vertical-align: middle;
  }
.select {
 background-color: #;
 border: 1px solid #BCBCBC;
 position: absolute;
 z-index:100;
 top: 0;
 left: 0;
 overflow: hidden;
 width: 0px;
 
/*margin: -15px 0px 0px -30px;
  DAV 10/01/2011 */
}
* html .select {
 margin-top: -9px;
 }
.select p {
 padding: 4px 6px;
 font-size: 0.9em;
 margin: 0px;
 }
.select button {
 padding: 4px;
 font-size: 0.9em;
 margin: 0px;
 background-color: #FFF;
 border: none;
 text-align: left;
 }
#sel_smilies_content button {
 background-color: #;
 }
.select button.button2 {
 border: 1px solid #BCBCBC;
 padding: 0px;
 }
*+html .select button.button2 {
 padding-right: 3px;
 padding-left: 3px;
 }
* html .select button.button2 {
 padding-right: 3px;
 padding-left: 3px;
 }
.select button.button2:hover {
 border: 1px solid #7fbb14;
 color: #7fbb14;
 background-position: 0 100%;
 }
.select button:hover,.selectHover {
 cursor: pointer;
 background-color: #EEE;
 }
button.bbcode {
 border: 1px solid #e3adad;
 background-image: url("[url=http://illiweb.com/fa/wysiwyg/bg_button.png]http://illiweb.com/fa/wysiwyg/bg_button.png[/url]");
 }
#text_editor_controls {
 margin: 10px 0px 0px 210px;
 white-space:pre-wrap;
 word-wrap:break-word;
 }
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
 width: 100%;
 
/*height: 100%;
 */
}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
 width: 60%;
 }
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
 width: 60%;
 }
*+ html #text_editor_textarea.quick_reply_textarea {
 width: 60% !important;
 }
* html #text_editor_textarea.quick_reply_textarea {
 width: 60% !important;
 }
#quick_reply .frm-buttons {
  padding-left: 210px;
  }
div.posting-block {
 width: 80%;
 float: left;
 margin-right: 20px;
 }
.pun .frm div.posting-block dd.frm-textarea {
  width: auto;
  }
.helpline {
 margin-left: 210px;
 }
*+ html .helpline {
 display: block;
 height: 1em;
 }
* html .helpline {
 display: block;
 height: 1em;
 }
Хочется очень знать, что за что отвечает. Помогите разобраться


Последний раз редактировалось: wersion (Сб 26 Мар - 5:53), всего редактировалось 1 раз(а)

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор master в Пт 25 Мар - 11:47

Читайте учебник по CSS

master
Активист

Пол : Мужчина
Сообщения : 1024
Возраст : 19
Карма : Без предупреждений
Благодарности : 121
Регистрация : 2008-04-06

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Пт 25 Мар - 11:57

CSS я знаю, мне непонятно, что к какому блоку или модулю относится (это свойства моего форума)

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор master в Пт 25 Мар - 11:59

А, ну тогда ждите тех, кто разбирается в кодах

master
Активист

Пол : Мужчина
Сообщения : 1024
Возраст : 19
Карма : Без предупреждений
Благодарности : 121
Регистрация : 2008-04-06

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Пт 25 Мар - 12:16

Хочу вот цвет ссылок изменить в нижней части сайта, но ни кто не знает как это сделать, задал вопрос, но домовой (помощьник) что-то молчит, тему создал по-этому поводу тут

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Домовой в Пт 25 Мар - 19:33

wersion, а вы свою писанину не могли заключить в теги КОД?

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Pure в Пт 25 Мар - 20:04

wersion
Браузер Firefox + дополнение к нему под названием Firebug. И будет Вам счастье в CSS

Pure
 
 

Пол : Мужчина
Сообщения : 2154
Возраст : 96
Карма : Без предупреждений
Благодарности : 228
Регистрация : 2008-10-21

http://www.admin2x2.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Слепой Могильщик в Пт 25 Мар - 23:28

@Pure пишет:wersion
Браузер Firefox + дополнение к нему под названием Firebug. И будет Вам счастье в CSS
Девелопед тулз для "Хрома"

Слепой Могильщик
Новичок

Пол : Мужчина
Сообщения : 11
Возраст : 44
Место обитания : Донбасс
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2010-08-18

http://taverna.forumoman.ru 614576909

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 5:51

Код:
 /* Wrap .pun-------------------------------------------------------------*/
.pun {
 width: 90%;
 margin: 0 auto;
 padding: 5px;
 
/* Fix for RTL min-width bug, left here for consistency */
min-width: 768px;
 line-height: 130%;
 }
.pun div, .pun td, .sig-line {
 border-color: ##4c6ab3;
 color: ##4c6ab3;
 }
.pun img, .pun fieldset {
 border: none;
 }
.pun a:link {
 color: #7fa4fe;
 }
.pun a:visited {
 color: #7fa4fe;
  }
.pun a:hover {
 color: #7fbb14;
  }
.pun a:active {
 color: #7fa4fe;
  }
.pun a:focus {
 color: #7fa4fe;
  }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
 font: normal 1em Verdana, Arial, sans-serif;
 }
/* Main heading (Logo and description)-------------------------------------------------------------*/
#pun-intro {
 margin: 0;
 padding: 1.5em 1em 1em 1em;
 border-bottom: 1px solid #4a467a;
 background-color: #4a467a;
 background-image: url('http://hitskin.com/themes/12/96/79/i_header_bg.gif');
 text-align: center;
 background-repeat: repeat-x;
 }
*+ html #pun-head {
 margin-top: -5px;
 }
* html #pun-head {
 margin-top: -5px;
 }
#pun-logo {
  float: none;
  }
#pun-title {
 padding-left: 5px;
 white-space: nowrap;
 color: #000000;
 font-family: Verdana;
 font-size: 20px;
 }
#pun-title h1 {
 font-size: inherit;
 font-weight: inherit;
 color: inherit;
 }
p#pun-desc {
 color:#DDDDDD;
 padding: 0.3em 0 0 5px;
 }
/* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
#pun-head #pun-navlinks {
 padding: 0.5em 1.1em 0.6em 1.1em;
 background-color: #4a467a;
 border-color: #4c6ab3;
 }
#pun-navlinks ul {
 list-style: none;
 text-align: left;
 }
#pun-navlinks li {
 display: inline;
 font-size: 1.15em;
 }
#pun-navlinks li a {
  margin: 0 0.8em 0 0;
  }
#pun-navlinks a, #pun-navlinks a:visited {
 
/*color: #fff;
 */
text-decoration: none;
 }
#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
 text-decoration: underline;
 
/*color: #fff;
 */
}
#pun-visit,.main-box {
 border-color: #000000;
 border-style: solid;
 border-width: 1px;
 padding: 0.6em 1em;
 background-color: #41356d;
 margin: 0 0 1em 0;
 }
#pun-visit ul,.main-box ul {
 float: right;
 width: 70%;
 text-align: right;
 list-style-type: none;
 }
.main-box ul {
 float: left;
 width: auto;
 }
#pun-visit li,.main-box li {
 margin-left: 0.7em;
 white-space: nowrap;
 float: right;
 }
.pun-crumbs {
 padding: 0.2em 1em;
 margin: 0 1px 1em 1px;
 }
.pun-crumbs p {
 margin: 0;
 line-height: 1.5;
 font-size: 1.11em;
 color: #666;
 }
.pun-crumbs a {
  text-decoration: none;
  }
/* **************************************************************************Most stable Standards-compliant 3-column layout by Ryan Brillhttp://www.alistapart.com/articles/negativemargins
/************************************************************************** */
#content-container div#container {
 width: 100%;
 float: left;
 margin-right: -0px;
 }
#content-container div#content {
 margin-right: 0px;
 }
#content-container div#main {
 margin-bottom: 1em;
 overflow: hidden;
 
/* Fixes 3-column negative margins float clearing bug: [url=http://archivist.incutio.com/viewlist/css-discuss/97678]http://archivist.incutio.com/viewlist/css-discuss/97678[/url] Thanks Georg! */
}
*+ html #content-container div#main {
 margin-left: 0px;
 }
#content-container div#left {
 width: 0px;
 float: left;
 margin-right: 0px;
 overflow: hidden;
 }
#content-container div#right {
 width: 0px;
 float: right;
 overflow: hidden;
 }
* html #content-container #main-content {
 
/* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
overflow: visible;
 margin-right: 0px;
 }
* html #content-container div#main {
 
/* FIX for IE6 */
margin-right: -99%;
 width: 100%;
 float: left;
 }
#page-body {
 margin: 4px 0;
 width: 100%;
 }
/* Announcement Box-------------------------------------------------------------*/
#pun-announcement {
 border-style: solid;
 border-width: 1px;
 padding: 1em;
 background-color: #4a467a;
 }
.pun .main .main-content.message {
  background-color: #4a467a;
  }
.pun .main .main-content p.message {
 margin: 1.7em;
 padding: 1em;
 background-color: #fff;
 border: 1px solid #4c6ab3;
 }
/* Main headings and Pagination-------------------------------------------------------------*/
.pun .main, .pun .main-category {
 margin: 1em 0;
 }
.main .main-head, .main .main-foot {
 padding: 0.7em 1.3em;
 font-weight: normal;
 color: #dedfdf;
 background-color: #4c6ab3;
 }
.main .main-head {
 background-image: url('http://hitskin.com/themes/12/96/79/i_list_bg.gif');
 }
.main .main-head .page-title {
 font-size: 12px;
 font-weight: normal;
 }
.pun .main-content {
 border: 1px solid #4c6ab3;
 background-color: #4a467a;
 }
.pun .style1 {
 background-color: #4a467a;
 padding: 0.5em;
 }
.pun .style2 {
 background-color: #41356d;
 padding: 0.5em;
 }
.pun .main-foot .h2, .pun .main-head .h2 {
 float: left;
 }
.pun .main .options {
 float: right;
 text-align: right;
 color: #ccc;
 }
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
 margin-left: 0.5em;
 color: #ccc;
 text-decoration: none;
 }
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
 margin-left: 0.6em;
 color: #ccc;
 text-decoration: underline;
 }
/* Table-------------------------------------------------------------*/
.pun table.table {
 width: 100%;
 table-layout: fixed;
 empty-cells: show;
 border-collapse: collapse;
 }
.pun .frm .frm-form table {
 border: 1px solid #4c6ab3;
 border-top: 1px solid #1F537B;
 border-color: #bbb;
 }
.pun table.table th {
 padding: 0.5em 0;
 border-style: none;
 border-color: #4a467a;
 background-color: #4a467a;
 color: #7fa4fe;
 }
.pun table.table td {
 padding: 0.6em 0 0.7em;
 border-width: 1px;
 border-style: solid none none solid;
 line-height: 130%;
 background-color: #4a467a;
 border-color: #4c6ab3;
 }
.pun .main table td.tc2, .pun .main table td.tc3 {
 background-color: #41356d;
 }
.pun table.table td table td {
 border: none;
 padding: 0px;
 }
.pun table .tcl {
 width: 50%;
 overflow: hidden;
 text-align: left;
 }
.pun table.table th.tcl {
 padding-left: 0.5em;
 }
.pun .frm .frm-form table .tc2 {
  text-align: left;
  padding-left: 0.5em;
 }
.pun .table .tc2, .pun .table .tc3 {
 width: 10%;
 text-align: center;
 }
.pun .frm .frm-form table .tc4 {
 text-align: center;
 width: 5%;
 }
.pun table .tcr {
 width: 30%;
 overflow: hidden;
 text-align: left;
 padding: 0 0 0 0.5em !important;
 }
.pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
 overflow: hidden;
 }
.pun table .report {
  width: 9%;
  }
.pun .main table.table td.report {
  background-color: #41356d;
  }
.pun table .tdtopics {
  padding-left: 42px;
  }
.pun table .tdtopics .status {
  margin-left: -32px;
  }
.pun table .tdtopics img, .pun .posthead img {
 vertical-align: middle;
 }
table .tcl.memberlist {
 width: 25%;
 }
.pun tbody.statused td.tcl {
 padding-left: 3.4em;
 }
.pun tbody.statused span.status {
 position: absolute;
 }
.pun table td.tcl {
 border-left-style: none;
 border-left-width: 0;
 vertical-align: top;
 height: 56px;
 padding-left: 0.5em;
 min-height: 24px;
 }
pun table td.tcl .height-giver {
 min-height: 56px;
 visibility: hidden;
 width: 1px;
 }
td.avatar-mini a {
 text-decoration: none;
 }
td.avatar-mini a span {
 text-decoration: underline;
 }
td.avatar-mini img {
 background-color: #fff;
 border: 1px solid #4c6ab3;
 vertical-align: middle;
 width: 38px;
 height: 38px;
 }
* html .pun table {
 position: relative;
 }
* html .pun table td.tcl {
 position: relative;
 }
.pun table td.tcl h2 {
 font-weight: bold;
 }
.pun .main table.table td.td-title {
 background-color: #41356d;
 }
.pun .main table.table th.name {
 padding-left: 0.5em;
 }
.pun .sticky-separator {
 border-top: 5px double #4c6ab3 !important;
 }
.mod-text {
 font-weight: bold;
 }
h2.topic-title {
 display: inline;
 }
.hierarchy {
 display: inline;
 text-transform: none;
 border: none;
 font-size: 10px;
 font-weight: bold !important;
 }
/* Stats-------------------------------------------------------------*/
#stats {
 padding: 0.6em 1em;
 line-height: 150%;
 background-color: #41356d;
 }
td.stat-bar {
 padding: 0 10px !important;
 }
td.stat-bar div {
 white-space: nowrap;
 }
#onlinelist {
 border-top: 1px dashed #ccc;
 padding: 0.6em 1em;
 background-color: #41356d;
 }
#onlinelist img {
 float: left;
 }
#onlinelist h3 {
 float: left;
 margin-right: 0.5em;
 line-height: 150%;
 }
#onlinelist p {
 line-height: 150%;
 }
#onlinechat {
 border-top: 1px dashed #ccc;
 padding: 0.6em 1em;
 background-color: #41356d;
 }
/* Legend-------------------------------------------------------------*/
ul.pun-legend,ul#pun-legend{
 list-style-type: none;
 text-align: center;
 margin-bottom: 20px;
 }
ul.pun-legend li {
 display: inline;
 margin-right: 20px;
 }
ul.pun-legend li img {
 vertical-align: bottom;
 }
/* Faq-------------------------------------------------------------*/
.faq {
 padding: 1em;
 background-color: #4a467a;
 }
.faq a {
 text-decoration: none;
 }
.faq a:hover {
 text-decoration: underline;
 }
.faq dd {
 margin: 1em 1.7em;
 padding:1em;
 background-color:#41356d;
 border:1px solid #E6E6E6;
 color:#666666;
 }
.faq p {
 margin: 0 0 1em 0;
 }
noscript div.message {
 background-color: #;
 border: 1px solid #F0F0B4;
 }
noscript div.message p {
 padding: 0 1.3em 0;
 margin: 1em 0;
 }
/* bbCode */
.codebox {
 margin: 1em;
  background-color: #;
  border: 1px dotted #4c6ab3;
 }
.codebox dt {
 padding: 0.25em;
  border-bottom: 1px dotted #4c6ab3;
 }
.codebox dd {
 margin: 0.5em;
  padding: 0.5em;
  background-color: #;
 }
.faq dd ul {
 margin: 0 2em;
  }
.codebox + blockquote {
 margin: 0.5em 3em;
  padding: 0.5em;
  background-color: #fff;
  border: 1px dotted #4c6ab3;
 }
.codebox dd.cont_code{
 max-height:200px;
 overflow:auto;
 }
/* Forms-------------------------------------------------------------*/
.main .main-content.frm {
 background-color: #4a467a;
 }
.main .main-content.google {
 background-color: #F2F2F2;
 padding: 10px 10px 0px 10px;
 }
.main .frm-info {
 margin: 1.7em;
 padding: 1em 1em;
 background: #;
 border: 1px solid #E6E6E6;
 }
.main ul.frm-info {
 list-style-type: none;
 }
.main .frm-info li {
 padding: 0 0 1em 2em;
 background: url('blue.png') no-repeat top left;
 }
fieldset.frm-set {
 margin: 1.7em;
 padding: 0 0 1em 0;
 border: none;
 }
fieldset.left {
 width: 35%;
 float: left;
 }
fieldset.right {
 width: 45%;
 float: right;
 }
.pun .set1 {
 border-top: none;
 padding-top: 0;
 margin: 0;
 }
fieldset.frm-set.multi {
 border-bottom: 1px dashed #4c6ab3;
 }
fieldset.frm-set.last {
 padding-bottom: 0;
 }
fieldset.frm-set dl:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
* html fieldset.frm-set dl {
  height: 1%;
 }
*+ html fieldset.frm-set dl {
  height: 1%;
 }
fieldset.frm-set dl dt,fieldset.frm-set dl dd {
 padding: 0.5em;
 }
fieldset.frm-set dl dt {
 display: block;
 width: 16em;
 text-align: right;
 float: left;
 font-weight: bold;
 }
fieldset.frm-set dl dd {
 margin-left: 17em;
 }
*+ html fieldset.frm-set dl dt {
 height: 1%;
 }
fieldset.frm-set dl dd label {
 margin: 0 1em 0 0;
 }
fieldset.frm-set .required {
 margin: 0 0.25em;
 font-style: normal;
 color: #b42000}
* html fieldset.frm-set dl {
  height: 1%;
 }
.frm-buttons {
 padding: 0.7em 0 0 17.5em;
 border-top: 3px double #4c6ab3;
 margin-bottom: -0.7em;
 margin-top: 0.5em;
 }
.frm-buttons-right {
 padding: 0.7em 0 0 17.5em;
 border-top: 3px double #4c6ab3;
 margin-bottom: -0.7em;
 margin-top: 0.5em;
 text-align:right;
 }
.frm-buttons.full {
 padding: 0.7em 0 0 0em;
 }
dl.frm-buttons {
 padding: 0px;
 }
fieldset.frm-set .frm-buttons .button {
 overflow: visible;
 
/* IE hack for buttons */
padding: 1px 0.5em 2px 0.5em;
 font-size: 1em;
 vertical-align: middle;
 line-height: 1.2;
 margin-right: 1em;
 }
.frm-form fieldset.frm-set .inputbox {
 width: 40%;
 }
.frm-form fieldset.frm-set textarea.inputbox {
 width: 99%;
 }
fieldset.frm-set textarea.inputbox {
 background-color:#}
.frm-form fieldset.frm-set .italic {
 font-size: 0.9em;
 }
.frm-form fieldset.frm-set input[type="radio"] {
 margin: 0 0.5em 0 0;
 }
.frm-form fieldset.frm-set input[type="checkbox"] {
 margin: 0 0.5em 0 0;
 }
.frm-form select option {
 padding: 0 2em 0 0;
 }
.sub-head {
 margin: 0.5em 1.7em;
 padding: 0 0 0.5em 0;
 border-bottom: 1px solid #4c6ab3;
 }
.sub-head h2 {
 display: inline;
 color: #0C4675;
 font-weight: bold;
 }
.sub-head span {
 color: #0C4675;
 font-weight: bold;
 }
.pun .frm .frm-buttons input {
 overflow: visible;
 padding: 1px 0.5em 2px 0.5em;
 font-size: 1em;
 vertical-align: middle;
 line-height: 1.2;
 margin-right: 1em;
 }
.pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  width: 82%;
  }
*+ html dd.frm-input,*+ html .dd-textarea {
 display: inline;
  margin: 0 !important;
  }
*+ html dd.frm-input input {
 width: 60% !important;
  }
* html dd.frm-input,* html .dd-textarea {
 display: inline;
  margin: 0 !important;
  }
* html dd.frm-input input {
 width: 60% !important;
  }
dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
  width: 100%;
  }
.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
 height: 250px;
 margin-top: -15px;
 }
dd.dd-textarea iframe#text_editor_iframe {
  background-color:#FFFFFF;
  }
/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
 margin: -1px 0 0 0;
 padding: 0.7em 1.3em;
 font-weight: normal;
 color: #dedfdf;
 background: #1F537B;
 }
#tabs {
 min-width: 932px;
 }
* html #tabs {
 width: 100%;
 }
#tabs ul {
 list-style-position: outside;
 list-style-type: none;
 padding: 0 1.8em;
 white-space: nowrap;
 }
#tabs ul li {
 float: left;
 margin: 0;
 padding: 0 4px 0 0;
 }
#tabs ul li.activetab a {
 background-color: #4c6ab3;
 border-color:#4c6ab3;
 color: #41356d;
 text-decoration:underline;
 }
#tabs ul li.activetab a:hover {
 background-color: #4c6ab3;
 }
#tabs ul li a {
 float: left;
 padding: 0 1em;
 background-color: #41356d;
 border: 1px solid #4c6ab3;
 font-size:1.1em;
 font-weight:normal;
 line-height: 2em;
 text-decoration:none;
 }
#tabs ul li a:hover {
  background-color: #41356d;
  }
/*Profile View*/
fieldset.profile-view dl dt {
 width: 8em;
 text-align: left;
 font-weight: normal;
 }
fieldset.profile-view dl dd {
 margin: 0;
 }
#profile-advanced-layout {
 float: left;
 margin-right: -302px;
 width: 100%;
 }
#profile-advanced-left {
 margin-right: 302px;
 }
#profile-advanced-left .main {
 margin-top: 0;
 }
#profile-advanced-avatar {
 float: left;
 width: 30%;
 }
#profile-advanced-points, #profile-advanced-reputation {
 float: left;
 }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
 margin-right: 4px;
 }
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
 margin-bottom: 4px;
 }
#profile-advanced-details .main-content {
 padding: 4px;
 }
#profile-advanced-details .pagination {
 float: left;
 }
#profile-advanced-details ol {
 list-style: none;
 }
#profile-advanced-details ol li {
 display: block;
 margin-bottom: 4px;
 }
#profile-advanced-details .avatar {
 float: left;
 }
.avatar {
 width: 50px;
 border: 1px solid #4c6ab3;
 background-color: #fff;
 }
.avatar img {
 width: 50px;
 }
.friend-block .avatar {
 margin: 0 auto;
 cursor:pointer;
 }
.friend-block {
 float: left;
 width: 70px;
 margin: 1px;
 text-align: center;
 overflow: hidden;
 }
.friend_list_online_status {
 line-height: 11px;
 font-size: .7em;
 }
.friend_list_online_status img {
 vertical-align: middle;
 }
.friends-foes-list {
 float: left;
 width: 200px;
 height: 2em;
 }
#profile-advanced-details .message-block {
 margin-left: 57px;
 }
#profile-advanced-details .message-header {
 border-top: 1px solid #000000;
 background: #41356d;
 padding: 4px;
 margin-bottom: 4px;
 }
#profile-advanced-details .message-date {
 float: right;
 }
#profile-advanced-details .message-body {
 margin-bottom: 4px;
 }
#profile-advanced-details .message-footer {
 text-align: right;
 }
#profile-advanced-details .message-footer li {
 display: inline;
 margin: 0 0.25em;
 
/* Spacing between generation dot */
}
#profile-advanced-details .message-footer li:after {
 content: ' .';
 
/* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
}
#profile-advanced-details .message-footer li a {
 margin-right: 0.25em;
 
/* Spacing between generation dot */
text-decoration: underline;
 }
#profile-advanced-details .message-footer li.last:after {
 content: normal;
 }
#profile-advanced-layout #new-message {
 position: relative;
 margin-top: 20px;
 }
#profile-advanced-layout #tabs {
 position: absolute;
 bottom: 0;
 }
#profile-advanced-layout #new-message-link {
 position: absolute;
 bottom: 0;
 right: 4px;
 padding-bottom: 4px;
 }
#profile-advanced-details .top {
 margin-bottom: 16px;
 }
#profile-advanced-details .bottom {
 margin-top: 16px;
 }
#profile-advanced-right {
 float: right;
 width: 302px;
 }
#profile-advanced-add {
 margin-right: 4px;
 padding: 7px 0 6px;
 text-align: right;
 }
#profile-advanced-details .stats-field {
 margin: 4px 0 10px 4px;
 padding: 0 10px 6px;
 }
#profile-advanced-details .stats-field legend {
 font-weight: bold;
 }
#profile-advanced-details .stats-field ul {
 list-style-type:none;
 text-indent: 10px;
 padding: 0;
 }
#profile-advanced-details .stats-field li {
 margin: 4px 0;
 }
/* Calendar-------------------------------------------------------------*/
.pun .main fieldset.calendar {
 margin: 0;
 padding: 0;
 }
.pun p.left-box {
 float: left;
 }
.pun p.right-box {
 float: right;
 }
* html p.left-box,* html p.right-box {
 position: relative;
 
/*fixes IE6 peekaboo bug*/
}
.pun .main p.right-box a,.pun .main p.left-box a {
 color: #dedfdf;
 }
* html .pun .main p.right-box a,* html .pun .main p.left-box a {
 height: 1%;
 }
.pun .main table.calendar {
 border: none;
 }
.pun .main table.calendar thead th {
 padding: 0.5em;
 background-color: #4a467a;
 font-weight: bold;
 }
.pun .main table.calendar td {
 padding: 0;
 border: 1px solid #4c6ab3;
 overflow: hidden;
 }
.pun .main table.calendar td.row2:hover {
 background-color: #41356d;
 }
.pun .main table.calendar .row3 {
 padding: 0.25em;
 background-color: #41356d;
 }
table.calendar ul {
 list-style-type: none;
 height: 10em;
 }
table.calendar ul li {
 margin: 0.25em;
 }
table.calendar p.right-event {
 padding: 0.25em;
 text-align: right;
 }
.overview.calendar .left-overview {
 padding: 0.25em;
 }
#mini-calendar {
 float: left;
 width: 270px;
 margin: 1em;
 }
#mini-calendar .table {
 margin-bottom: 1em;
 border-left: 1px solid #4c6ab3;
 border-bottom: 1px solid #4c6ab3;
 border-right: 1px solid #4c6ab3;
 }
#calendar-result {
 margin: 1em 0;
 float: left;
 width: 68%;
 }
.bday {
 border: 1px solid #4c6ab3;
 }
.bday td {
 text-align: center;
 }
.bday .name {
 width: 20%;
  text-align: left;
 }
.bday .www {
 width: 10%;
  text-align: center;
  overflow: hidden;
 }
/* Gallery-------------------------------------------------------------*/
.gallery-cat {
 float:left;
 margin-left: 1%;
 margin-bottom: 0.5em;
 min-height:125px;
 background-color: #fff;
 border: 1px solid #4c6ab3;
 }
* html .gallery-cat {
 height: 125px;
 }
br.clear-column {
 display:none;
 }
* html .clear-column {
 display: block !important;
 clear: both;
 }
.gallery-cat p {
 padding: 0.5em;
 }
fieldset.gallery input.inputbox {
 width: 80%;
 }
.gallery-nav .gallery-cat {
 width: 19%;
 margin: 1% 0 1% 1%;
 padding: 1em 0 0;
 text-align: center;
 }
.gallery-cat img {
 margin: 0.25em;
 }
.gallery-cat:hover {
 background-color: #41356d;
 }
.gallery-cat .info-gallery {
 text-align: center;
 font-size: 0.9em;
 clear: both;
 }
.pic-container {
 overflow: auto;
 }
/* Special effects */
fieldset.effects dl {
 float: left;
 width: 19%;
 min-height: 10em;
 margin: 0 0.5em 0.5em 0;
 border: 1px solid #4c6ab3;
 }
fieldset.effects dl:hover {
 background-color: #41356d;
 }
fieldset.effects dt {
 float: left;
  padding: 0.25em;
  font-weight: bold;
 }
fieldset.effects dd {
 padding: 0.25em;
  border-top: 1px solid #4c6ab3;
  text-align: center;
  margin-top: 2em;
  }
fieldset.effects dd.check {
 float: right;
  width: 1em;
  margin: 0.15em;
  border: none;
  clear: right;
 }
/* Mod Control Panel */
table.mod-cp {
 width: 100%;
 border-bottom: 1px solid #4c6ab3;
 }
table.mod-cp th {
 padding: 0.6em 1em 0.7em;
 background-color: ;
 }
table.mod-cp th.name,table.stats th.name {
 width: 25%;
 text-align: left;
 }
table.search th {
 text-align: left;
 }
table.search th.fixed {
 width: 8em;
 }
table.mod-cp td {
 text-align: center;
 }
table.mod-cp td.long-string {
 text-align: left;
 }
.main .mark {
 margin: 1.7em 1.7em 0;
 }
.main .mark a {
 color: #00569C !important;
 }
.main .mark a:hover {
 color: #B42000 !important;
 }
.gallery.overview img {
 float: left;
 margin: 1em 1em 0.5em 0.5em;
 padding: 0.25em;
 border: 2px dashed #4c6ab3;
 }
table.stats th.smallcell {
 width: 3%;
 }
table.stats td {
 text-align: center;
 }
table.search td,table.search .tcl {
 text-align: center;
 }
/* Avatar Gallery */
.main .avatar-gallery {
 padding: 1.7em;
 }
.main .avatar-gallery div p.select-avatar {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 0.25em;
 background-color: #4c6ab3;
 text-align: center;
 }
* html .main .avatar-gallery div p.select-avatar {
 width: 114px;
 }
.main .avatar-gallery div div {
 float: left;
 position:relative;
 width: auto;
 height: 260px;
 margin: 0.5em 0.25em;
 background-color: #41356d;
 text-align: center;
 border: 1px solid #4c6ab3;
 overflow: hidden;
 }
.main .avatar-gallery div div img {
 margin: 0.5em;
 border: 1px solid #4c6ab3;
 }
/* Stand-alone classes-------------------------------------------------------------*/
.main-content.standalone {
 margin: 0.5em 0;
 padding: 1em;
 background-color: #4a467a;
 }
.main-content.standalone h2 {
 margin: 0 0 1em 0;
 border-bottom: 1px solid #4c6ab3;
 font-size: 1.7em;
 }
.main-content.standalone .button {
 margin: 1em;
 padding: 0.5em 1em;
 border: 1px solid #4c6ab3;
 }
.main-content.standalone .button.button1 {
 font-weight: bold;
 }
.main-content.standalone .button:hover {
 background-color: #fff;
 border: 1px solid #B42000;
 }
.posting-confirm {
 margin: 1em;
 }
/* Pagination-------------------------------------------------------------*/
.pun .paged-head, .pun .paged-foot {
 border: 1px solid #4c6ab3;
 background-color: #4a467a;
 padding: 0.6em 1.3em 0.3em 1.3em;
 }
.pun .paged .posting {
 float: right;
 font-weight: bold;
 font-size: 1.2em}
.pun .paging {
 float: left;
 font-weight: bold;
 font-size: 1.1em}
strong.pagination {
 font-weight: normal;
 }
/* Post Basic Layout-------------------------------------------------------------*/
.pun .topic {
 border: 1px solid #4c6ab3;
 border-style: none solid;
 background: #41356d;
 }
.pun .post {
 border-style: solid none;
 border-width: 2px 0 1px 0;
 border-color: #eee #fff #ccc #fff;
 }
* html .pun .post {
 height: 1%;
 }
*+ html .pun .post {
 min-height: 1px;
 }
.pun .postmain {
 background-color: #4a467a;
 border-left: 1px solid #4c6ab3;
 margin-left: 17em;
 }
.pun .posthead {
 padding: 0.5em 1.3em 0.5em 1em;
 background: #41356d;
 border-bottom: 1px dashed #ccc;
 }
.pun .posthead h2 strong {
 float: right;
 }
.pun .postbody {
 width: 100%;
 }
.pun .post-entry {
 padding: 1em 1em 0 1em;
 }
.pun .entry-content {
 padding-bottom: 0.8em;
 overflow: hidden;
 width: 100%}
.pun .entry-content ul,.pun .entry-content ol {
 margin-left: 2em;
 }
/*Posting layouts*/
.postmain blockquote {
 padding: 0.5em 1em;
 background-color: #fff;
 border: 1px solid #4c6ab3;
 }
.postmain cite {
 display: block;
 margin: 0 0 1em 0;
 font-weight: bold;
 font-style: normal;
 }
.vote {
 float: right;
 width: 9px;
 margin-left: 4px;
 }
.vote .vote-button {
 text-align: center;
 font-weight: bold;
 margin-left: -1px;
 }
.vote .vote-button a {
 text-decoration: none !important;
 }
.vote .vote-bar {
 width: 3px;
 height: 50px;
 margin: 0 auto;
 border: 1px solid #fca53a;
 font-size: 0;
 }
.vote .vote-no-bar {
 letter-spacing:-2px;
 margin-left:-2px;
 white-space:nowrap;
 }
.vote .vote-bar-plus {
 background-color: #0f0;
 }
.vote .vote-bar-minus {
 background-color: #f00;
 }
/* User information general layout-------------------------------------------------------------*/
.pun .user {
 padding-top: 1.6em;
 overflow: hidden;
 width: 15em;
 white-space: normal;
 display: inline;
 }
.pun .post .user {
 float: left;
 margin-left: -16em;
 margin-top: -1.8em;
 position:relative;
 }
.pun .user .user-ident {
 padding: 0 0 0.7em 0;
 font-size: 12px;
 }
.pun .user-ident .username {
 font-size: 1.2em;
 font-weight: bold;
 display: block;
 position: absolute;
 top: 0;
 text-decoration: none;
 color: #7fa4fe;
 }
* html .pun .user-ident .username {
 padding: 0 0 0.25em;
 }
*+ html .pun .user-ident .username {
 padding: 0 0 0.3em;
 }
.pun .user-ident .username a{
 text-decoration:none}
.pun .user-ident .user-basic-info {
 font-weight: bold;
 }
.pun .user .user-info {
 color: #666;
 line-height: 1.8em;
 }
.postfoot {
 clear: both;
 margin-left: -17em;
 border-top: 1px dashed #ccc;
 padding: 0.5em 1em;
 text-align: right;
 }
div.post-options img{
 cursor: pointer;
 }
.pun .postfoot .user-contact {
 float: left;
 width: 15em;
 text-align: left;
 }
* html .pun .postfoot {
 margin-left: 0;
 }
.pun .sig-content {
 padding-top: 0.8emmargin-left: -17em;
 clear:both;
 position: relative;
 padding: 0.5em 1em;
 }
.pun .p-hidden {
 text-align:center;
 padding: 15px 0px;
 border-bottom: 1px solid #4c6ab3;
 }
.pun .sig-content .sig-line {
 margin: 0 auto;
 border-top-style: solid;
 border-top-width: 1px;
 border-color: #4c6ab3;
 display: block;
 padding-bottom: 0.5em;
 width: 250px;
 }
/* Plus menu-------------------------------------------------------------*/
.overview {
 background-color: #41356d;
 border: 1px solid #4c6ab3;
 font-family: Comic Sans MS;
 }
.title-overview {
 background-color: #41356d;
 padding: 5px 5px 0 0;
 }
.overview h1 {
 border-bottom: 1px solid #4c6ab3;
 font-size: 1em;
 text-align: center;
 padding: 0.25em 0.5em;
 }
.left-overview {
  padding: 5px 5px 0;
  }
.left-overview a {
  font-weight: normal;
  }
.center-overview {
  padding: 0.5em;
  text-align: center;
  }
p.center-overview a {
 color: #7fa4fe !important;
 }
* html .center-overview {
 height: 1%;
 }
.topic-overview {
 padding: 0.5em;
 background-color: #fff;
 }
.overview-info {
 padding: 0.25em 0.5em;
 background-color: #4a467a;
 font-size: 0.8em;
 border-bottom: 1px dotted #4c6ab3;
 }
.dashed {
 color: #41356d;
 background-color: #41356d;
 border: none;
 }
#search_menu .forumline {
 padding: 0.5em;
 }
#search_menu .forumline .thHead {
 font-weight: bold;
 }
#search_menu .forumline td {
 padding: 0.5em 0;
 }
#search_menu .forumline span.genmed a {
 color: #fca53a !important;
  font-size: 0.9em;
 }
#search_menu .forumline input.post {
 border: 1px solid #4c6ab3;
 }
/* Table forumline-------------------------------------------------------------*/
table.forumline {
 background-color: #41356d;
 border: 1px solid #4c6ab3;
 }
/* Text editor (quick reply)-------------------------------------------------------------*/
.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
 padding-left: 20px;
 background-repeat: no-repeat;
 background-position: left;
 background-image: url('http://illiweb.com/fa/punbb/helpdark.png');
 }
.pun .frm-form {
 background: #4a467a;
 border: none;
 }
.pun div.frm-form {
  margin: 1.7em;
  }
.dd-textarea {
  width: 72%;
  }
button.button2, input.button2 {
 font-size: 0.9em;
 border: 1px solid #BCBCBC;
 width: auto !important;
 margin: 0px 0.25em 0;
 padding: 2px 3px;
 font-family: Comic Sans MS;
 color: #000000;
 background-repeat: repeat-x;
 background-color: #FAFAFA;
 background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
 background-position: top;
 overflow: visible;
 vertical-align:middle;
 }
body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
 
/* Opera does not see this */
padding: 1px 0;
 }
button.button2:hover, input.button2:hover {
 border: 1px solid #7fbb14;
 color: #7fbb14;
 background-position: 0 100%;
 }
* html button.button2, * html input.button2 {
 padding-bottom: 0;
 margin: 0 0.25em;
 height: 24px;
 padding-right: 3px;
 padding-left: 3px;
 }
*+html button.button2, *+html input.button2 {
 height: 24px;
 padding-right: 3px;
 padding-left: 3px;
 }
*+html button.button2 img {
  vertical-align: middle;
  }
* html button.button2 img {
  vertical-align: middle;
  }
.select {
 background-color: #;
 border: 1px solid #BCBCBC;
 position: absolute;
 z-index:100;
 top: 0;
 left: 0;
 overflow: hidden;
 width: 0px;
 
/*margin: -15px 0px 0px -30px;
  DAV 10/01/2011 */
}
* html .select {
 margin-top: -9px;
 }
.select p {
 padding: 4px 6px;
 font-size: 0.9em;
 margin: 0px;
 }
.select button {
 padding: 4px;
 font-size: 0.9em;
 margin: 0px;
 background-color: #FFF;
 border: none;
 text-align: left;
 }
#sel_smilies_content button {
 background-color: #;
 }
.select button.button2 {
 border: 1px solid #BCBCBC;
 padding: 0px;
 }
*+html .select button.button2 {
 padding-right: 3px;
 padding-left: 3px;
 }
* html .select button.button2 {
 padding-right: 3px;
 padding-left: 3px;
 }
.select button.button2:hover {
 border: 1px solid #7fbb14;
 color: #7fbb14;
 background-position: 0 100%;
 }
.select button:hover,.selectHover {
 cursor: pointer;
 background-color: #EEE;
 }
button.bbcode {
 border: 1px solid #e3adad;
 background-image: url("[url=http://illiweb.com/fa/wysiwyg/bg_button.png]http://illiweb.com/fa/wysiwyg/bg_button.png[/url]");
 }
#text_editor_controls {
 margin: 10px 0px 0px 210px;
 white-space:pre-wrap;
 word-wrap:break-word;
 }
#textarea_content iframe#text_editor_iframe,#text_editor_textarea {
 width: 100%;
 
/*height: 100%;
 */
}
*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
 width: 60%;
 }
* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
 width: 60%;
 }
*+ html #text_editor_textarea.quick_reply_textarea {
 width: 60% !important;
 }
* html #text_editor_textarea.quick_reply_textarea {
 width: 60% !important;
 }
#quick_reply .frm-buttons {
  padding-left: 210px;
  }
div.posting-block {
 width: 80%;
 float: left;
 margin-right: 20px;
 }
.pun .frm div.posting-block dd.frm-textarea {
  width: auto;
  }
.helpline {
 margin-left: 210px;
 }
*+ html .helpline {
 display: block;
 height: 1em;
 }
* html .helpline {
 display: block;
 height: 1em;
 }
Хочется очень знать, что за что отвечает. Помогите разобраться [/quote]

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Домовой в Сб 26 Мар - 9:33

@wersion пишет:
Хочется очень знать, что за что отвечает. Помогите разобраться
Походу вы не понимаете чего просите. Если всё вам расшифровать то получится целая книга))
Вам же ответили, установите плагин для мазилы
Firebug

Вот вам ролики в помощь






Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 12:48

@Домовой пишет:
Походу вы не понимаете чего просите. Если всё вам расшифровать то получится целая книга))
Вам же ответили, установите плагин для мазилы

Ну так я вот и спрашиваю, может есть расшифровка у кого-то, дизайн оформлять спрашивать каждый раз по-мелочам.
А Firefox он что подпишет что за что отвечает в свойствах для моего форума?

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Домовой в Сб 26 Мар - 13:37

С помощью этого плагина вы сможете узнать переменную любого элемента форума
Так же можно воспользоваться приложением Opera Dragonfli в браузере Opera


Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 15:30



Динамическую ссылку Админ (автор сообщения) надо сделать другим цветом. Подскажите к какой переменной задавать цвет? Что-то не могу разобраться. smile

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Домовой в Сб 26 Мар - 18:35

Админ это разве ссылка?
Админ это звание на сколько я знаю. Цвет меняется в управлении званиями

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 18:54

@Домовой пишет:Админ это разве ссылка?
Админ это звание на сколько я знаю. Цвет меняется в управлении званиями

Что-то не видно, как там цвет менять. возможно url картинки только указать unknown

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Домовой в Сб 26 Мар - 19:08

Само звание прописывайте таким образом
Код:
<span style="color:#FF0000;">Админ</span>

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Pure в Сб 26 Мар - 19:16

@wersion пишет:

Динамическую ссылку Админ (автор сообщения) надо сделать другим цветом. Подскажите к какой переменной задавать цвет? Что-то не могу разобраться. smile
Режим CSS включи сначала. Или ты просто не там смотришь.


Pure
 
 

Пол : Мужчина
Сообщения : 2154
Возраст : 96
Карма : Без предупреждений
Благодарности : 228
Регистрация : 2008-10-21

http://www.admin2x2.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 19:25

В управлении групп можно цвет изменить. Админ относится к видимой категории модераторов.

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 19:59

@Домовой пишет:Админ это разве ссылка?
Админ это звание на сколько я знаю. Цвет меняется в управлении званиями

C Админом ясно, хотя прописка цвета в строке названия звания цвет не меняет. Как в свойствах задать цвет фона цитированных сообщений, в настройках цвета нет фона для цитированных сообщений, кроме такой: Цвет цитат, кодов и кнопок, но она чего-то не меняет цвет.

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Домовой в Сб 26 Мар - 20:05

Цвет поля цитат
Код:
.postmain blockquote{
background-color:#FFE3B7;
}

Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор Домовой в Сб 26 Мар - 20:09

@wersion пишет:

C Админом ясно, хотя прописка цвета в строке названия звания цвет не меняет.
Я вас просто не понял. У вас Админ это ник.
Зайдите в Управление группами
Группа Администраторы
Нажмите значок modif и измените там цвет


Домовой
 
 

Пол : Мужчина
Сообщения : 6976
Возраст : 92
Место обитания : :яинатибо отсеМ
Карма : Без предупреждений
Благодарности : 3216
Регистрация : 2010-01-30

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 20:42

Спасибо. А кто-нибудь системой очков за темы и сообщения пользуется. Что-то у меня видать калькулятор не работает. За тему установил 3 очка (форум о неизведанном), остальные разделы за тему по 2 очка. Соответственно и по сообщениям 2 и 1 очко. В общей сложности у меня 20 тем и 60 сообщений, а сумма всего 650 очков. При всем этом если даже за все получаю максимальные балы, ни как не наберется столько очков. unknown

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Re: CSS

Сообщение автор wersion в Сб 26 Мар - 20:45

@wersion пишет:Спасибо. А кто-нибудь системой очков за темы и сообщения пользуется. Что-то у меня видать калькулятор не работает. За тему установил 3 очка (форум о неизведанном), остальные разделы за тему по 2 очка. Соответственно и по сообщениям 2 и 1 очко. В общей сложности у меня 20 тем и 60 сообщений, а сумма всего 650 очков. При всем этом если даже за все получаю максимальные балы, ни как не наберется столько очков. unknown
Ответ нашел. Если Бонус за каждого друга :
25 очков

wersion
 
 

Пол : Мужчина
Сообщения : 135
Место обитания : Зеленодольск
Настроение : как у северного сияния
Карма : 1 предупреждение
Благодарности : 0
Регистрация : 2011-03-05

http://vebrubl.online-talk.net/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения