Lider036
Умник
И так для начала качаем основу стиля SEO
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
Далее заменяем весь файл стиля на данный
Код:
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: "Tahoma", Verdana, Helvetica, Arial, sans-serif;
color: #4D4D4D;
background: #164269 url("http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/bg.jpg") repeat-x 0 0;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px;
}
#wrap {
width: 1150px;
text-align:left;
margin-top: 10px;
}
#wrapcentre {
margin: 15px 25px 0 25px;
}
#wrapfooter {
text-align: center;
clear: both;
margin: 15px 0px 15px 0px;
}
#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}
#logodesc {
margin-bottom: 5px;
padding: 5px 25px;
background: #D9DFE4;
border-bottom: 1px solid #4787A7;
}
#menubar {
margin: 15px 25px 0px 25px;
}
#datebar {
margin: 10px 25px 0 25px;
}
#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.forumrules {
background-color: #F9CC79;
border-width: 1px;
border-style: solid;
border-color: #BB9860;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: red;
}
#pageheader {
position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */
}
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }
/* Text
--------------------- */
h1 {
color: 4D4D4D;
font-family: "Tahoma", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
font-size: 1.8em;
text-decoration: none;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.5em;
text-decoration: none;
line-height: 120%;
}
h3 {
font-size: 1.3em;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0;
float: left;
color: 4D4D4D;
font-weight: bold;
}
.rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.linkmcp {
float: left;
}
p.breadcrumbs {
margin: 0;
float: left;
color: 4D4D4D;
font-weight: bold;
white-space: normal;
font-size: 1em;
}
.rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}
.rtl p.datetime {
float: left;
}
p.searchbar {
padding: 2px 0;
white-space: nowrap;
margin-bottom:5px;
}
p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.searchbarreg {
float: left;
}
p.forumdesc {
padding-bottom: 4px;
}
p.topicauthor {
margin: 1px 0;
}
p.topicdetails {
margin: 1px 0;
}
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
}
.postauthor {
color: #4D4D4D;
}
.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Tahoma", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
.posthilit {
background-color: yellow;
}
.nav {
margin: 0;
color: 4D4D4D;
font-weight: bold;
}
.pagination {
padding: 4px;
color: 4D4D4D;
font-size: 1em;
font-weight: bold;
}
.cattitle {
}
.gen {
margin: 1px 1px;
font-size: 1.2em;
}
.genmed {
margin: 1px 1px;
font-size: 1.1em;
}
.gensmall {
margin: 1px 1px;
font-size: 1em;
}
.copyright {
color: #9A9A9A;
font-size:11px;
font-weight: normal;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
}
.copyright2 {
float:left;
font-size:11px;
font-weight:normal;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
color: #9A9A9A;
}
.copyright2 a:link { color: #9A9A9A; text-decoration: none }
.copyright2 a:visited { color: #9A9A9A; text-decoration: none }
.copyright2 a:hover { color: #91E5FF; text-decoration: bold }
.copyright2 a:active { color: #9A9A9A; text-decoration: none }
.titles {
font-family: "Tahoma", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
a.titles:link { color: #4D4D4D }
a.titles:visited { color: #4D4D4D }
a.titles:hover { color: #4388AE }
a.titles:active { color: #4D4D4D }
.error {
color: red;
}
/* Tables
------------ */
th {
background-color: rgb(215, 230, 238);
background-image: url(http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/header111.gif);
color: rgb(0, 0, 0);
font-size: 10px;
font-weight: 700;
height: 19px;
padding: 0px 10px;
white-space: nowrap;
}
td {
padding: 2px;
}
td.profile {
padding: 4px;
}
.tablebg {
background-color: #1e4371;
}
.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: white url('styles/custom_styles/rpsampserver_kabb_ru/theme/images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background: white url('styles/custom_styles/rpsampserver_kabb_ru/theme/images/cellpic2_rtl.jpg') repeat-y scroll top right;
}
.cat {
height: 28px;
margin: 0;
padding: 0;
background-color: #DAE9F1; border-top: 1px #f5fafd solid; border-left: 1px #f5fafd solid;
text-indent: 4px;
}
.cat:hover {
background-color: #E7F1F6; border-top: 1px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px
}
.row1 {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6')";
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
border-top: 0.5px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px
}
.row1:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6')";
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
border-top: 0.5px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px
}
.row2 {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6')";
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
border-top: 0.5px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px
}
.row2:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6')";
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
border-top: 0.5px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px
}
.row22 {
background: url('http://i.imgur.com/19VV6p7.png') repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: 0.5px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px
}
.row22:hover {
background: url('http://i.imgur.com/19VV6p7.png') repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-top: 0.5px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px
}
.row3 { background-color: #E7E7E7; border-top: 1px #f5fafd solid; border-left: 1px #f5fafd solid; padding:6px }
.spacer {
background-color: #9CC8E0;
}
hr {
height: 1px;
border-width: 0;
background-color: #D1D7DC;
color: #D1D7DC;
}
.legend {
text-align:center;
margin: 0 auto;
background: #9CC8E0;
}
/* Links
------------ */
a:link {
color: #404040;
text-decoration: none
}
a:active, a:visited {
color: #404040;
text-decoration: none
}
a:hover {
color: #5BB6E2;
text-decoration: none
}
a.forumlink {
color: #4D4D4D;
font-weight: bold;
font-family: "Tahoma", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.forumlink:visited { color: #4D4D4D }
a.forumlink:hover { color: #4388AE }
a.forumlink:active { color: #4D4D4D }
a.topictitle {
color: #4D4D4D;
margin: 1px 0;
font-family: "Tahoma", Helvetica, Arial, sans-serif;
font-size: 1.2em;
}
a.topictitle:visited { color: #4D4D4D }
a.topictitle:hover { color: #4388AE }
a.topictitle:active { color: #4D4D4D }
th a,
th a:visited {
color: #4D4D4D !important;
text-decoration: none;
}
th a:hover {
color: #4388AE;
text-decoration: none;
}
/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}
fieldset {
border-width: 0;
font-size: 1.1em;
}
input {
color: #333333;
font-family: "Tahoma", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #A9B8C2;
background-color: #FAFAFA;
}
textarea {
background-color: #FAFAFA;
color: #333333;
font-family: "Tahoma", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 2px;
}
select {
color: #333333;
background-color: #FAFAFA;
font-family: "Tahoma", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
option.disabled-option {
color: graytext;
}
.rtl option {
padding: 0 0 0 1em;
}
input.radio {
border: none;
background-color: transparent;
}
.post {
background-color: white;
border-style: solid;
border-width: 1px;
font-size:13px;
}
.btnbbcode {
color: #4D4D4D;
font-weight: normal;
font-size: 1.1em;
font-family: "Tahoma", Verdana, Helvetica, sans-serif;
background-color: #EAF2F6;
border: 1px solid #9CC8E0;
}
.btnmain {
font-weight: normal;
background-color: #EAF2F6;
border: 1px #9CC8E0 solid;
color: #4D4D4D;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnlite {
font-weight: normal;
background-color: #EAF2F6;
border: 1px #9CC8E0 solid;
color: #4D4D4D;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnfile {
font-weight: normal;
background-color: #EAF2F6;
border: 1px #9CC8E0 solid;
color: #4D4D4D;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.helpline {
background-color: #E7F0F5;
border-style: none;
color: #4D4D4D;
}
/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #9CC8E0;
color: #4D4D4D;
background-color: #9CC8E0;
font-size: 0.85em;
font-weight: bold;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #9CC8E0;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
font-family: "Tahoma", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #E7F0F5;
color: #4D4D4D;
}
.attachcontent {
font-size: 0.85em;
}
.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #9CC8E0;
color: #4D4D4D;
background-color: #9CC8E0;
font-family: "Tahoma", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}
.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #9CC8E0;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #4D4D4D;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #E7F0F5;
}
.syntaxbg {
color: #FFFFFF;
}
.syntaxcomment {
color: #FF8000;
}
.syntaxdefault {
color: #0000BB;
}
.syntaxhtml {
color: #000000;
}
.syntaxkeyword {
color: #007700;
}
.syntaxstring {
color: #DD0000;
}
/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}
.pm_replied_colour {
background-color: #A9B8C2;
}
.pm_friend_colour {
background-color: #007700;
}
.pm_foe_colour {
background-color: #DD0000;
}
/* Misc
------------ */
img {
border: none;
}
.sep {
color: 4D4D4D;
background-color: #FFA34F;
}
table.colortable td {
padding: 0;
}
pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}
.nowrap {
white-space: nowrap;
}
.username-coloured {
font-weight: bold;
}
/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search{
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
.rtl .sitehome, .rtl .icon-faq, .rtl .icon-members, .rtl .icon-home, .rtl .icon-ucp, .rtl .icon-register, .rtl .icon-logout,
.rtl .icon-bookmark, .rtl .icon-bump, .rtl .icon-subscribe, .rtl .icon-unsubscribe, .rtl .icon-pages, .rtl .icon-search{
background-position: 100% 50%;
padding: 1px 17px 0 0;
}
ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}
/* Search box
--------------------------------------------- */
#search-box {
position: relative;
margin-top: 10px;
margin-right: 15px;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
.rtl #search-box {
float: left;
text-align: left;
margin-right: 0;
margin-left: 5px;
}
#search-box #keywords {
width: 95px;
background-color: #FFFFFF;
}
#search-box input {
border: 1px solid #AAEBFF;
}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
padding: 1px 5px;
}
#search-box li {
text-align: right;
margin-top: 4px;
}
#search-box img {
vertical-align: middle;
margin-right: 3px;
}
#hdr {
background: url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/ServerRP.png');
width: 100%;
height: 230px;
margin: 0;
padding: 0;
}
#logo {
background: url('http://lider036.5nx.ru/images/ranks3/lider036_5nx_ru/header_logo2.png.png');
width: 355px;
height: 85px;
float: left;
margin: 5px 25px 0px 25px;
padding: 0;
}
#navigation {
float: right;
margin: 85px 55px 0px 25px;
padding: 0;
}
#line {
background: url('styles/custom_styles/rpsampserver_kabb_ru/theme/images/line.gif');
width: 100%;
height: 50px;
margin: 0;
padding: 0;
}
#login {
height: 50px;
margin-top: 15px;
margin-left: 15px;
float: left;
text-align: right;
}
.login {
color: #FFFFFF;
font-size:11px;
font-weight: normal;
font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
}
#brd_in {
background-color: #FFF;
border-left: 2px solid #081a32;
border-right: 2px solid #081a32;
}
#brd_outer {
border-left: 0px solid #1e4371;
border-right: 0px solid #1e4371;
}
#nav_back {
background: url('styles/custom_styles/rpsampserver_kabb_ru/theme/images/nav_background.gif');
width: 100%;
height: 28px;
margin: 0px;
padding: 0px;
text-align:center;
}
.h_nav {
color: #547e94;
font: 11px tahoma, verdana, geneva, lucida, 'Tahoma', arial, helvetica, sans-serif;
padding: 7px 0px 0px 0px;
white-space: nowrap;
width:65px;
text-align: center;
float:left;
}
.navwrap {
width:375px;
}
.navdiv {
background: #F1F1DF url('styles/custom_styles/rpsampserver_kabb_ru/theme/images/nav_background.gif');
width:6px;
height:28px;
float:left;
}
.h_nav a:link {
color: #547e94;
text-decoration: none;
}
.h_nav a:visited {
color: #547e94;
text-decoration: none;
}
.h_nav a:hover, .h_nav a:active {
color: #88adc0;
text-decoration: none;
}
#footer {
height: 63px;
background: #222222 url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/kreska.jpg');
}
#footer2 {
height: 40px;
background: #222222
}
#footer_ls {
width:63px;
float:left;
}
#footer_rs {
width:31px;
float:right;
}
.catmain {
background:url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/maintitle.png');
width:100%;
height:35px;
}
.catls {
background:url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/maintitle.png');
width:22px;
height:35px;
float:left;
}
.cattext {
float:left;
font-size:11px;
font-weight:bold;
padding:11px 0px 0px 0px;
color: #4D4D4D;
}
.cattext a:link { color: #4D4D4D; text-decoration: none }
.cattext a:visited { color: #4D4D4D; text-decoration: none }
.cattext a:hover { color: #191919; text-decoration: none }
.cattext a:active { color: #4D4D4D; text-decoration: none }
.linkinav {
float:left;
font-size:11px;
font-weight:bold;
color: #F5FAFD;
}
.linkinav a:link { color: #F5FAFD; text-decoration: none }
.linkinav a:visited { color: #F5FAFD; text-decoration: none }
.linkinav a:hover { color: #91E5FF; text-decoration: bold }
.linkinav a:active { color: #F5FAFD; text-decoration: none }
.catrs {
background:url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/maintitle.png');
width:22px;
height:35px;
float:right;
}
.catbtm {
background: url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/shadow.png') repeat-x top left;
height: 8px;
}
.userinfo {
background: none repeat scroll 0 0 #E5E3E3;
border: 1px solid #D1CFCF;
margin: 5px;
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px 1px #E2E2E2;
-moz-box-shadow: 0px 0px 5px 1px #E2E2E2;
box-shadow: 0px 0px 5px 1px #E2E2E2;
}
.etiket_postbit_rank {
background: url("http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/postbit_rank.png") repeat scroll 0 0 transparent;
border: 1px solid #DDDDDD;
margin-top: 2px;
padding: 2px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.etiket_postbit_rank2 {
background: url("http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/postbit_avatar.png") repeat scroll 0 0 transparent;
border: 1px solid #DDDDDD;
margin-top: 2px;
float: none;
padding: 4px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.etiket_postbit_userinfo_extra {
background: url("http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/postbit_avatar.png") repeat scroll center center transparent;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
margin-top: 2px;
padding: 0 4px 6px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.navmenu {
width: 100%;
background-color: #1e4371;
background-image: url("");
background-position: top;
height: 40px;
border-top: 1px solid #000;
margin-bottom: -5px;
}
.navlink {
float: left;
height: 40px;
font-family: Tahoma,"Helvetica Neue",Arial,sans-serif;
text-transform: uppercase;
}
.navlink ul {
list-style: none;
margin: 0;
padding: 0;
}
.navlink li {
float: left;
height: 40px;
margin: 0;
padding: 0;
background: url("/") no-repeat top right;
float: left;
padding-right: 2px;
}
.navlink a {
display: block;
color: #081a32;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
text-decoration: none;
padding: 0 16px;
height: 40px;
position: relative;
-webkit-transition: color 350ms ease-in-out;
-moz-transition: color 350ms ease-in-out;
-o-transition: color 350ms ease-in-out;
transition: color 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.navlink a img{
display: none;
}
.navlink a:hover {
color: #fff;
background: rgba(0,0,0,0.27);
-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 0px 10px;
-moz-box-shadow: inset rgba(0,0,0,0.3) 0px 0px 10px;
box-shadow: inset rgba(0,0,0,0.3) 0px 0px 10px;
}
.navlink a strong {
color: #fff;
font-size: 10px;
padding-top: 5px;
line-height: 40px;
}
.nav_left { border-right: 1px solid #081a32; float: left; }
.nav_right { border-left: 1px solid #081a32; float: right; }
.menuuuuuuu {
color: #fff;
font-size: 0.9em;
border-bottom: 1px solid #869eb6;
font-weight: bold;
height: 37px;
text-shadow: #617b98 0px -1px 0px;
background: #a0b9d3 url(http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/secondary_nav.gif) repeat-x 0 0;
clear: both;
}
.quicksearch form {
float: left;
}
.quicksearch a {
float: right;
padding: 8px 0 0 8px;
}
.quicksearch input {
width: 70px;
height: 26px;
padding: 0 10px 0 35px;
margin-top: 6px;
margin-right: 5px;
background: url("http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/quicksearch.gif") no-repeat 10px 50% #154b8d;
border: none;
font-size: 14px;
font-weight: bold;
letter-spacing: -0.5px;
color: #FFFFFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 0px;
-moz-box-shadow: inset 0 1px 0 #000;
-webkit-box-shadow: inset 0 1px 0 #000;
box-shadow: inset 0 1px 0 #000;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
}
.quicksearch input:focus {
width: 170px;
}
.float-right {float: right !important;}
hr.bbc {
display: block;
border-top: 2px solid #777;
}
.quicksearch form {
float: left;
}
.quicksearch a {
float: right;
padding: 8px 0 0 8px;
}
.quicksearch input {
width: 70px;
height: 26px;
padding: 0 10px 0 35px;
margin-top: 6px;
margin-right: 5px;
background: url("http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/quicksearch.gif") no-repeat 10px 50% #154b8d;
border: none;
font-size: 14px;
font-weight: bold;
letter-spacing: -0.5px;
color: #FFFFFF;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 0px;
-moz-box-shadow: inset 0 1px 0 #000;
-webkit-box-shadow: inset 0 1px 0 #000;
box-shadow: inset 0 1px 0 #000;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
}
.quicksearch input:focus {
width: 170px;
}
.float-right {float: right !important;}
hr.bbc {
display: block;
border-top: 2px solid #777;
}
.right
{
float: right;
border-right: 0px;
}
::selection
{
color:#FFFFFF;
background-color: /*#1e4371*/ ffffff;
}
::-moz-selection
{
color:#FFFFFF;
background-color: #1e4371;
}
.left, .right {
background: #1e4371;
float: right;
font-size: 11px;
font-weight: 700;
line-height: 30px;
margin: 10px 0px 0px 5px;
width: auto;
}
.left a:link,
.left a:visited,
.right a:link,
.right a:visited
{
background: transparent;
color: #1e4371;
padding: 0 6px 0 6px;
text-decoration: none;
}
.left a:hover,
.left a:active,
.right a:hover,
.right a:active
{
background: transparent;
color: #FFF;
}
.cst {
margin: 0;
border: 0;
background: url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/maintitle.png');
height: 32px;
padding: 0px 0 0 10px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.rowmst{
margin: 0;
border: 0;
background-color: ffffff; /*#164269*/
border: 0px solid #000000;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.rowrst{
margin: 0;
border: 0;
background-color: #1e4371;
border: 2px solid #000000;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.rst {
margin: 0;
border: 0;
background: url('http://uworld.listbb.ru/images/ranks3/uworld_listbb_ru/maintitle.png');
height: 32px;
padding: 0px 0 0 10px;
border-bottom: 1px;
}-------------------
Потом заменяем файл шаблона
overall_header.html
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>
<!-- IF S_ENABLE_FEEDS -->
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
<!-- ENDIF -->
<!--
phpBB style name: SEO
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by: gokintudio ( http://www.gokinstudio.com/ )
NOTE: This page was generated by phpBB, the free open-source bulletin board package.
The phpBB Group is not responsible for the content of this page and forum. For more information
about phpBB please visit http://www.phpbb.com
-->
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}
<!-- ENDIF -->
function popup(url, width, height, name)
{
if (!name)
{
name = '_popup';
}
window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
return false;
}
function jumpto()
{
var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
{
if (base_url.indexOf('?') == -1)
{
document.location.href = base_url + '?start=' + ((page - 1) * per_page);
}
else
{
document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
}
}
/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}
/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
var parent = document.getElementById(id);
if (!parent)
{
eval('parent = document.' + id);
}
if (!parent)
{
return;
}
var rb = parent.getElementsByTagName('input');
for (var r = 0; r < rb.length; r++)
{
if (rb[r].name.substr(0, name.length) == name)
{
rb[r].checked = state;
}
}
}
<!-- IF ._file -->
/**
* Play quicktime file by determining it's width/height
* from the displayed rectangle area
*
* Only defined if there is a file block present.
*/
function play_qt_file(obj)
{
var rectangle = obj.GetRectangle();
if (rectangle)
{
rectangle = rectangle.split(',')
var x1 = parseInt(rectangle[0]);
var x2 = parseInt(rectangle[2]);
var y1 = parseInt(rectangle[1]);
var y2 = parseInt(rectangle[3]);
var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
}
else
{
var width = 200;
var height = 0;
}
obj.width = width;
obj.height = height + 16;
obj.SetControllerVisible(true);
obj.Play();
}
<!-- ENDIF -->
// ]]>
</script>
</head>
<body class="{S_CONTENT_DIRECTION}">
<a name="top"></a>
<center>
<div id="wrap">
<div id="brd_outer">
<div id="brd_in">
<div id="hdr">
<div class="right" style="margin-right: 5px;"> </div>
<!-- IF not S_IS_BOT --><div class="right"><a href="{U_LOGIN_LOGOUT}"><span class="login"><font color="#ffffff"><b>{L_LOGIN_LOGOUT}</b></font></span></a></div> <!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><div class="right"> <a href="{U_REGISTER}"><span class="login"><font color="#ffffff"><b>{L_REGISTER}</b></font></span></a></div>
<!-- ENDIF -->
<!-- ENDIF -->
</div>
<div class="navmenu" style="border-bottom: 1px solid #000000">
<div class="navlink">
<ul>
<a class="nav_left" href="/"><strong>Главная страница</strong></a>
<a class="nav_left" href="./index.php"><strong>Форум</strong></a>
<a class="nav_left" href="{U_FAQ}"><strong>{L_FAQ}</a></strong></a>
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_MEMBERLIST --><a class="nav_left" href="{U_MEMBERLIST}"><strong>{L_MEMBERLIST}</strong></a><!-- ENDIF -->
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN --><a class="nav_left" href="{U_PROFILE}"><strong>{L_PROFILE}</a></strong></a><!-- ENDIF -->
<!-- IF not S_IS_BOT -->
<!-- IF S_USER_LOGGED_IN -->
<!-- IF S_DISPLAY_PM --><a class="nav_left" href="{U_PRIVATEMSGS}"><strong>{PRIVATE_MESSAGE_INFO}</a></strong></a><!-- ENDIF -->
<!-- ENDIF -->
<!-- ENDIF -->
</ul>
</div>
<div class="float-right">
<div class="quicksearch" style="margin-top: -1px;">
<form action="./search.php" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" value="Поиск…" onclick="if(this.value=='Поиск…')this.value='';" onblur="if(this.value=='')this.value='Поиск…';">
<!--<input class="button2" value="Поиск" type="submit" />-->
</fieldset>
</form>
</div>
</div>
</div>
<div id="menubar">
<table width="100%" cellspacing="0">
<tr>
<td class="genmed">
<!-- IF not S_USER_LOGGED_IN --><!-- IF SCRIPT_NAME == 'index' -->
<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
<label for="username">Login:</label> <input type="text" name="username" id="username" title="{L_USERNAME}" size="25" class="inputbox autowidth"/>
<label for="password">{L_PASSWORD}:</label> <input type="password" name="password" id="password" title="{L_PASSWORD}" size="25" class="inputbox autowidth" />
<!-- IF S_AUTOLOGIN_ENABLED -->
<label for="autologin">Autologin <input type="checkbox" name="autologin" id="autologin" /></label>
<!-- ENDIF -->
<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
</form>
<!-- ELSE -->
<table width="100%" cellspacing="0">
<tr>
</tr>
</table>
<!-- ENDIF -->
<!-- ENDIF -->
</td>
<td class="genmed" align="right"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF -->
<br />{CURRENT_TIME}
</td>
</tr>
</table>
</div>
<div id="wrapcentre">
<!-- IF S_DISPLAY_SEARCH -->
<p class="searchbar">
<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
<!-- IF S_USER_LOGGED_IN -->
<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a> | <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
<!-- ENDIF -->
</p>
<!-- ENDIF -->
<br style="clear: both;" />
<!-- INCLUDEPHP ../../../../quickselect.php -->
<!-- INCLUDE breadcrumbs.html -->
<br />Вот и всё