body { background: #000 url(/media/images/design/background.png) center repeat-y; color: #fff; line-height: 14px; font: 11px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}article { min-height: 500px; background: url(/media/images/design/content_background.png) top center repeat-x; padding-top: 20px;}section { clear: both;}a { color: #81B4EB; text-decoration: underline;} a:visited { color: #81B4EB; } a:hover { color: #6cf; text-decoration: none; } a:active { color: #fff; } a.halflink { text-decoration: none; border-bottom: 1px dashed; }#wrapper { width: 600px; margin: 0 auto; padding: 5px;}/* All site-applied rules */.left { float: left;}.right { float: right;}/* Логотип */header { background: url(/media/images/design/logo.jpg) no-repeat bottom center; height: 178px;}a.username, a.username:visited { color: #99ACDF !important; font-weight: normal; font-size: 14px; line-height: 2.1; margin-right: 5px; text-decoration: none;}/* Панель пользователя сверху страницы */#user { text-align: left; padding: 5px 10px; padding-bottom: 10px; color: #ccc; height: 10px; border-bottom: 1px solid #666; clear: both; position: relative;} #user a, #user a:visited, #user a:active { color: #fc3; text-decoration: underline; } #user a:hover, #user a:visited:hover { color: #fd5; text-decoration: none; } } #tagline {} #user-actions { position: absolute; top: 5px; right: 10px; } #user-actions li { list-style: none; float: left; margin-left: 10px; }/* Основное меню навигации */nav { clear: both; position: relative; height: 26px;} nav #menu { height: 26px; background: url(/media/images/design/menu.png) 0 104px; } nav #menu li { float: left; list-style: none; } nav #menu a, #menu a:visited, #menu a:active, #menu a:hover, #menu a:visited:hover, #menu .current { float: left; height: 20px; padding: 6px 10px 0 10px; background-image: url(/media/images/design/menu.png); text-decoration: none; text-transform: uppercase; font-weight: bold; color: #fff; } #menu a, #menu a:link, #menu a:visited, #menu a:active { background-position: 0 104px; } #menu a:hover, #menu a:visited:hover, #menu a.hover { background-position: 0 78px; text-shadow: 0 2px 2px #000; } #menu a:link.red, #menu a:visited.red, #menu a:active.red { background-position: 0 52px !important; } #menu a:hover.red, #menu a:visited:hover.red { background-position: 0 26px !important; } #menu a.current { background-position: 0 0; text-shadow: 0 2px 2px #000; } /* RSS icon */ nav #rss { position: absolute; right: 10px; top: -55px; } /* RSS links block */ nav #rss-full { position: absolute; right: 65px; top: -53px; background-color: #fff; padding: 8px; width: 273px; height: 28px; text-align: left; font-size: 11px; color: #999; font-family: Arial, Helvetica, sans-serif; line-height: 13px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } nav #rss-full a, nav #rss-full a:visited, nav #rss-full a:active { font-size: 12px; color: #78779F; font-weight: bold; }article {}#intro { border-bottom: 1px dashed #666; padding: 0px 0;} #intro img { margin: 0 10px; height: 80px; float: left; }#intro .content { padding-bottom: 20px;}.notice { font-size: 12px; padding: 10px; padding-bottom: 15px; background-color: #000; float: left; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; background-image: url(/media/images/design/notice_background.png); background-repeat: repeat-x; border-bottom: 4px solid #c30; border-top: 1px solid #c30; clear: both;}/* Forms */input, textarea { background-color: #fff; padding: 3px; border: 0; margin-bottom: 10px; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; -moz-box-shadow: 0 0 5px #000 inset; -webkit-box-shadow: 0 0 5px #000 inset; box-shadow: 0 0 5px #000 inset;} input:focus, textarea:focus { background-color: #ffc; } input[type="submit"], input[type="button"] /* TODO: Normal selector here if possible */ { padding: 3px 10px !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: solid 1px rgb(153, 153, 153); background: url(/media/images/design/button_background.png) repeat-x #FFF !important; color: #333; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 1); -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 1); line-height: 1; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type="submit"]:active, input[type="button"]:active { background: url(/media/images/design/button_background_active.png) repeat-x #ccc !important; } input[type="submit"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled:active, input[type="button"]:disabled:active { background: #aaa; }/**************** Comments***************//* form */#comment_form { margin: 11px; padding: 10px; background-color: #333; border: 1px solid #555;} #comment_form input, #comment_form textarea { padding-left: 24px; background-repeat: no-repeat; background-position: 4px 3px; } #comment_form label { display: block; border: inherit; } #comment_form textarea { background-image: url(/media/images/design/icons/comment_edit.png); height: 100px; position: relative; } #comment_form img { border: 0 !important; background-color: #000; } /* Form for anonymous user */ #comment_form .anonymous {} #comment_form .anonymous img { float: right; } #comment_form .anonymous #id_username { background-image: url(/media/images/design/icons/user.png); width: 300px; } #comment_form .anonymous #id_captcha_1 { background-image: url(/media/images/design/icons/key.png); width: 300px; } #comment_form .anonymous #id_content { width: 530px; } /* Form for authorized user */ #comment_form .authorized {} #comment_form .authorized textarea { width: 470px !important; max-width: 470px; float: right; height: 100px; } #comment_form .authorized input { margin-left: 60px; } #comment_form .authorized img { float: left; width: 48px; height: 48px; overflow: hidden; }/* comments list */#comments {} #comments li { clear: both; list-style: none; background: url(/media/images/design/comment_background.png) center top repeat-x #000; margin: 11px; padding: 10px; text-align: justify; border: 1px solid #333; border-top: 2px solid #666; }#comments li.new {background: url(/media/images/design/new_comment_background.jpg) center top repeat-x #003448 !important;} #comments li img.photo { float: left; border: 1px solid #626262; margin-right: 10px; margin-bottom: 5px; width: 48px; height: 48px; } #comments li .author { color: #99ACDF; font-weight: normal; font-size: 14px; line-height: 2.1; margin-right: 5px; text-decoration: none; } #comments li abbr { } #comments li .content p { white-space: pre-wrap; /* css3 */ white-space: -moz-pre-wrap !important; /* mozilla */ white-space: -pre-wrap; /* opera 4-6 */ white-space: -o-pre-wrap; /* opera 7 */ word-wrap: break-word; /* ie 5.5+ */ } #comments li.level1 {margin-left: 10px} #comments li.level2 {margin-left: 40px} #comments li.level3 {margin-left: 70px} #comments li.level4 {margin-left: 100px} #comments li.level5 {margin-left: 130px} #comments ul ul {} #comments ul ul li { margin: 0; padding: 0; text-align: left; border: 0; list-style: disc inside; background: none; } #comments li #comment_form textarea { width: 450px !important; } #comments li.level3 #comment_form textarea { width: 420px !important; } #comments li.level4 #comment_form textarea { width: 390px !important; } #comments li.level5 #comment_form textarea { width: 360px !important; } #comments li #comment_form .authorized textarea { width: 425px !important; } #comments li.level2 #comment_form .authorized textarea { width: 395px !important } #comments li.level3 #comment_form .authorized textarea { width: 365px !important } #comments li.level4 #comment_form .authorized textarea { width: 335px !important } #comments li.level5 #comment_form .authorized textarea { width: 305px !important }/* Paginator, yep */.paginator { margin-top: 50px; padding: 0 60px;} .paginator li { background-color: #333333; border-top: 1px solid #444444; float: left; font-size: 12px; margin-right: 2px; list-style: none !important; padding: 6px; clear: none !important; height: inherit !important; } .paginator a { color: #3399ff; text-decoration: none; } .paginator a:hover { font-weight: bold; text-shadow: 0 0 2px #ff9933; } .paginator .fill {} .paginator .unavailable {}footer { float: left; width: 586px; border-top: 1px dashed #555; padding: 7px; padding-top: 5px; margin-top: 15px;} footer p { text-align: center; color: #666; } footer a, footer a:visited { color: #999; text-decoration: none; } footer a:hover { color: #ddd; border-bottom: 1px solid #777; }