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

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

CSS Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

CSS

Участников: 5

Перейти вниз

CSS Empty CSS

Сообщение автор wersion Март 25th 2011, 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;
 }
Хочется очень знать, что за что отвечает. Помогите разобраться CSS 75998


Последний раз редактировалось: wersion (Март 26th 2011, 05:53), всего редактировалось 1 раз(а)
wersion
wersion
 

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

Сообщение автор master Март 25th 2011, 11:47

Читайте учебник по CSS
master
master
Активист

Мужчина

Сообщения : 1013
Возраст : 26
Регистрация : 2008-04-06
Благодарности : 121

Без предупреждений

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

CSS Empty Re: CSS

Сообщение автор wersion Март 25th 2011, 11:57

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

Сообщение автор master Март 25th 2011, 11:59

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

Мужчина

Сообщения : 1013
Возраст : 26
Регистрация : 2008-04-06
Благодарности : 121

Без предупреждений

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

CSS Empty Re: CSS

Сообщение автор wersion Март 25th 2011, 12:16

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

Сообщение автор Домовой Март 25th 2011, 19:33

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

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

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

CSS Empty Re: CSS

Сообщение автор Pure Март 25th 2011, 20:04

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

Мужчина

Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228

Без предупреждений

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

CSS Empty Re: CSS

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

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

Мужчина

Сообщения : 11
Возраст : 52
Регистрация : 2010-08-18
Благодарности : 0

Без предупреждений

http://taverna.forumoman.ru

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

CSS Empty Re: CSS

Сообщение автор wersion Март 26th 2011, 05: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;
 }
Хочется очень знать, что за что отвечает. Помогите разобраться CSS 75998[/quote]
wersion
wersion
 

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

Сообщение автор Домовой Март 26th 2011, 09:33

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

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





Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

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

CSS Empty Re: CSS

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

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

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

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

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

CSS 807122m
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

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

CSS Empty Re: CSS

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

CSS 829683m

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

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

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

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

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

CSS Empty Re: CSS

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

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

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

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

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

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

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

CSS Empty Re: CSS

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

wersion пишет:CSS 829683m

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

Pure
Pure
 

Мужчина

Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228

Без предупреждений

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

CSS Empty Re: CSS

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

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

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

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

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

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

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

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

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

CSS Empty Re: CSS

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

wersion пишет:

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

CSS 815180m
Домовой
Домовой
 

Мужчина

Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243

Без предупреждений

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

CSS Empty Re: CSS

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

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

CSS Empty Re: CSS

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

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

Мужчина

Сообщения : 135
Регистрация : 2011-03-05
Благодарности : 0

1 предупреждение

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

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

Вернуться к началу


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