Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Активный форум » WEB-мастеру » Технический раздел (домены, хостинг, настройка CMS и шаблонов) » Оптимизация Вида материалов новости и файлов
Оптимизация Вида материалов новости и файлов
Дата: Вс, 09.03.2014, 19:43:40 | Сообщение # 1
Аватарка Lexmark
[Coca1ne]™
OFF
Пользователь
242 Сообщения:
4 Награды:
0 Отзывы:
Skype пользователя:
Сайт пользователя:
Помогите сделать чтобы красиво смотрелось на сайте!

Вот сам вид оригинальный: http://dragon-css.ucoz.ru/_fr/83/8371205.png

Код
<style type="text/css" media="all">
    .titleM a {color:#e2e2e2;text-decoration:none;}
    .titleM a:hover {color:#d0c6c6;text-decoration:none;}
    .titleM a,input {outline:none;}
    .titleM a:visited {color:#ffda2f; text-decoration:none;}
    .title-head {background: url(http://www.awsp.ru/design_awsp/images/title.gif) repeat-x scroll 0% 0%;background-color: #131313; -moz-background-clip: border; -moz-background-origin: padding; color: #fff; -moz-background-inline-policy: continuous;text-position:center;}
    button{color:#ffffff; font-family:Arial,Century gothic, Tahoma,sans-serif; padding:6px; background:url(http://www.awsp.ru/design_awsp/images/bt-bg.png) repeat-x center #1b1b1b;background-color: #1b1b1b; border:1px solid #303030; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border-bottom:1px solid #9f9f9f;}     
    button:hover{background-color:#555555;}
    button:active{background-color:#1b1b1b;position:relative;top:0px;}</style>
       
    <style type="text/css" media="all">     
    @import url(/highslide/highslide.css);     
    </style>     
    <script type="text/javascript" src="/highslide/highslide.js"></script>     
    <script type="text/javascript">     
    hs.graphicsDir = '/highslide/graphics/';     
    </script>
       
    <table style="margin-bottom:15px"><tbody><tr><td>
    <table width="740px" cellpadding="0" cellspacing="0" height="23"><tbody><tr><td height="35" class="title-head titleM" align="center">
    <span style="float: right;padding-right: 2px;"></span><a href="$ENTRY_URL$" class="eTitle"><div class="title-box" style="width: 438px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; "><div class="ltitle"><div class="rtitle"><span class="mtitle">$TITLE$</span></div></div></div></a>
    </td></tr></tbody></table>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #a8a7a7;background-color: #edebeb;"><tbody><tr><td style=""><br>
    <span style="padding-left: 10px;"><span style="float: right;padding-right: 10px;"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></span>     
    Дата: <b>$DATE$ в $TIME$</b> | Добавил: <a href="$PROFILE_URL$" title="$USERNAME$">$USERNAME$</a>     
    <br></span></td></tr><tr><td style="" align="center">
    <table width="100%" border="0" cellpadding="1" cellspacing="0">
    <tbody><tr><td style="">
    <table style="" width="100%" border="0" cellpadding="1" cellspacing="1">
    </table><table border="0" cellpadding="0" cellspacing="0" style="padding-left: 5px;padding-right: 5px;" width="100%">
    <tbody><tr><td width="15%" style="border: 1px solid rgb(216, 216, 216); padding: 5px;" valign="top"><center><a href="$SOURCE_URL$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$SOURCE_URL$" border="0" height="150" width="200"></a></center></td>
    <td width="100%" style="border: 1px solid rgb(216, 216, 216); padding: 10px;" align="left" valign="top">$MESSAGE$ $MODER_PANEL$</td></tr>
    </tbody></table>
    <span style="float: right;padding-right: 10px;"><button onclick="parent.location='$ENTRY_URL$'">Подробнее</button> </span>
    <div align="left" style="padding-left: 10px;">Просмотров: <b>$READS$</b> | Комментарии: <a href="$COMMENTS_URL$">$COMMENTS_NUM$</a></div>
    <br></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>


У меня на сайте он смориться так: http://s020.radikal.ru/i706/1403/a9/283a175fb11d.png


Invincible Five (I5) — Киберспортивная организация
Дата: Вт, 11.03.2014, 02:36:06 | Сообщение # 2
Аватарка Lexmark
[Coca1ne]™
OFF
Пользователь
242 Сообщения:
4 Награды:
0 Отзывы:
Skype пользователя:
Сайт пользователя:
Нужно и CSS одного шаблона вытащить всё что связано с Видом материалов!

Сам CSS:
Код
.answer {background:#f3f3f3; border:1px solid #eaeaea;border-radius:2px;width: 220px; padding: 0px 2px 4px 2px;text-align: left;margin-top: 3px;}
.answer:hover {background:#fbfbfb;}
.pollQue {background:#f3f3f3; border:1px solid #eaeaea;border-radius: 0 0 5px 5px;width: 228px; margin-top: -5px;padding: 5px 5px 10px 5px;text-align: center;}

.bbody {width:250px;background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px;}
  .btitle {background:url('/images/vtitle.png');height:30px;width: 250px;border-radius: 5px;color: #dfdfdf;font-size:15px;line-height:30px;}
  span.btit {color:#dfdfdf;font-size:16px;padding-left: 15px;text-shadow: 0px 1px 0px rgba(0,0,0,.8);}
  .bblock {padding: 5px;color:#111;font-size:12px;}
input.queryField {background:#f3f3f3; border:1px solid #eaeaea;border-radius:5px;width: 230px; height: 25px;text-align:left;padding-left: 5px;}
.sitebody {width: 980px; padding:0px 0px 10px 0px;margin:0px 0px 0px 0px;background:#f3f3f3;text-align:left;}
.rotabanf {background:#fff; border:1px solid #eaeaea;border-radius:5px;padding: 10px;width: 660px;}
.searchSbmFl {display:none;}
  .vbody {width:660px;background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px;font-size: 12px;}
  .vtitle {background:url('/images/vtitle.png');height:30px;width: 660px;border-radius: 5px;line-height:30px;}
  .vtit {color:#dfdfdf;font-size:16px;}
.vtit a {color: #dfdfdf;margin-top: 10px; padding-left: 10px;font-weight:normal;text-shadow: 0px 1px 0px rgba(0,0,0,.8);}
.vtit a:hover {color: #ffffff;padding-top: 10px; padding-left: 10px;font-weight:normal;text-shadow: 1px 1px 1px rgba(0,0,0,.8);}
.lbody {width:660px;background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px;font-size: 12px;}
.anMsg {width:960px;background:#fff;padding: 10px;}
.lbody div {border: none;}

li {
list-style: none;
}

input.pollBut {margin: 10px 0 0 0 !important; }
#mchatC1F {display:none;}

span#divx, span#divy {margin-left: 4px;padding:1px;}

a.den {color: #4bca13;}
a.den:hover {color: #fbfbfb;}

#message {width: 540px;}
.mainpole {padding-left: 15px;}
.textreg {width:660px;background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px;font-size: 12px;}
.pay {background: url('/images/pay.png');position:relative; width:120px; height: 14px;top:93px;left: 390px;}
  .banndar468x60 {float:right; width:468px; height:60px; padding:5px; position: relative; top:25px; right:20px; background-image: url("/images/banner_468x60.png");}
.logo {height: 80px;width:258px; background-image: url("/images/logo.png"); float:left;margin-left: 20px;margin-top: 22px;}
  .profil {height: 60px; width: 980px; background:#ffffff;border-bottom: 1px solid #eaeaea; text-align:left;}

table {margin:0px; }  
.body {height: 100%;margin:0px;background-image:url("/images/body.png");font-family:Tahoma, Sans-Serif, Verdana;color:#161514;font-size:13px;}
body {height: 100%;margin:0px;font-family:Tahoma, Sans-Serif, Verdana;color:#161514;font-size:13px;}

a{color:#535252;text-decoration:none;font-weight:bold;}
a:hover{color:#111111;text-decoration:none; font-weight:bold;}

/* The Header */
.forumContent {width: 940px;background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px;margin-left: 10px;}
.manTable {width: 680px;background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px; text-align: left !important;}
.commbody {background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px; text-align: left !important;}
.profilbody {width: 940px;background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px;margin-left: 10px;}
.profilbody table {font-size:12px;}
#top{height:120px;width:980px;}
#newEntryT {background: #ffffff;}

.blogname {display:none;}
.blogname h1{font-size:32px;display:none;}
.blogname h2{font-size:14px;display:none;}

/* menu*/#catmenucontainer{height:37px;display:block;padding:0px 0 0px 0px;font:12px Arial,Tahoma,Century gothic,verdana,sans-serif;font-weight:normal;background:#191917;border-bottom:1px solid #3d3d3d}
#catmenu{margin:0px auto;padding:0px 0px;height:37px;overflow:hidden;width:980px;}
#catmenu ul{float:left;list-style:none;margin:0px;padding:0px 10px}
#catmenu li{float:left;list-style:none;margin:0px;padding:0px}
#catmenu li a,#catmenu li a:link,#catmenu li a:visited{color:#999;display:block;margin:0px;padding:0px 10px ;line-height:37px}
#catmenu li a:hover,#catmenu li a:active{color:#fff;margin:0px;padding:0px 10px ;line-height:37px;text-decoration:none}
#catmenu li.current_page_item a{background:#034E9D;color:#fff}
#catmenu li li a,#catmenu li li a:link,#catmenu li li a:visited{background:#363737 ;width:150px;color:#bebebe;font-weight:normal;float:none;margin:0px;padding:0px 10px ;line-height:30px;border-bottom:1px solid #212121}
#catmenu li li a:hover,#catmenu li li a:active{background:#4a4a4a;color:#fff;padding:0px 10px ;line-height:30px;border-left:none;border-right:none;border-bottom:1px solid #212121}
#catmenu li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin:0px;padding:5px;background:#1C1C1C}
#catmenu li li{}
#catmenu li ul a{width:140px}
#catmenu li ul a:hover,#catmenu li ul a:active{}
#catmenu li ul ul{margin:-36px 0 0 170px}
#catmenu li:hover ul ul,#catmenu li:hover ul ul ul,#catmenu li.sfhover1 ul ul,#catmenu li.sfhover1 ul ul ul{left:-999em}
#catmenu li:hover ul,#catmenu li li:hover ul,#catmenu li li li:hover ul,#catmenu li.sfhover ul,#catmenu li li.sfhover1 ul,#catmenu li li li.sfhover1 ul{left:auto}
#catmenu li:hover,#catmenu li.sfhover1{position:static}
/*Page menu*/#foxmenucontainer{height:39px;display:block;padding:0px;font:12px Arial,Tahoma,Century gothic,verdana,sans-serif;font-weight:normal;width:980px;background:url(/images/menu.png);}
#menu{margin:0px 10px;padding:0px;height:39px;overflow:hidden;}
#menu ul{float:left;list-style:none;margin:0px;padding:0px;}
#menu li{float:left;list-style:none;margin:0px;padding:0px;}
#menu li a,#menu li a:link,#menu li a:visited{color:#999;display:block;margin:0px;padding:0px 10px ;line-height:39px}
#menu li a:hover,#menu li a:active{color:#fff;margin:0px;padding:0px 10px ;line-height:39px;text-decoration:none}
#menu li li a,#menu li li a:link,#menu li li a:visited{background:#DFDFDF;width:150px;color:#555;font-weight:normal;float:none;margin:0px;padding:0px 10px ;line-height:30px;border-bottom:1px solid #CFCFCF;text-align: left;}
#menu li li a:hover,#menu li li a:active{background:#F3F3F3;color:#111;padding:0px 10px ;line-height:30px;text-align: left;}
#menu li ul{z-index:9999;position:absolute;left:-999em;height:auto;width:170px;margin:0px;padding:5px;background:#FFFFFF}
#menu li li{}
#menu li ul a{width:140px}
#menu li ul a:hover,#menu li ul a:active{}
#menu li ul ul{margin:-38px 0 0 170px}
#menu li:hover ul ul,#menu li:hover ul ul ul,#menu li.sfhover ul ul,#menu li.sfhover ul ul ul{left:-999em}
#menu li:hover ul,#menu li li:hover ul,#menu li li li:hover ul,#menu li.sfhover ul,#menu li li.sfhover ul,#menu li li li.sfhover ul{left:auto}
#menu li:hover,#menu li.sfhover{position:static}
/* Main Content*/
.content {float: left;width:680px;padding-top:10px; margin-left: 6px;}
/* right column */
.right{float:right;width:270px;padding-top:10px;margin-right: 8px;}

/* The Sidebar */
.sidebar{float:left}
.sidebox{width:298px;padding:10px;background:#fff;margin:0px 0px 10px 0px;border:1px solid #eaeaea}
.sidebox ul{list-style-type:none;margin:0px;padding:0px 0px 5px 0px }
.sidebox li{list-style-type:none;margin:0 ;padding:0}
.sidebox ul ul{list-style-type:none;margin:0;padding:0px 0px 0px 0px;background-repeat:no-repeat}
.sidebox ul ul ul{list-style-type:none;margin:0;padding:0;border:0}
.sidebox ul ul ul ul{list-style-type:none;margin:0;padding:0;border:0}
.sidebox ul li{height:100%;line-height:18px;clear:left;width:295px;margin:0px 0px;list-style-type:none}
.sidebox ul li a:link,.sidebox ul li a:visited{color:#6f6f6f;border-bottom:1px dotted #ddd;text-decoration:none;padding:5px 0px 5px 10px;display:block}
.sidebox ul li a:hover{color:#0167CC}
.sidebox p{padding:7px 10px;margin:0}
.sidebox table{width:100%;text-align:center;color:#787d7f}
li.recentcomments{padding:5px 5px}
.squarebanner{padding:10px;background:#fff;margin:0px 0px 10px 0px;border:1px solid #eaeaea}
.squarebanner ul{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 15px 0px;width:300px;overflow:hidden}
.squarebanner ul li{list-style-type:none;margin:15px 7px 0px 7px;float:left;padding:5px;display:inline;background:#ddd}

/* --- FOOTER --- */
.footer {color:#555;font-size:11px;width:980px;background:#f3f3f3;}
.footerend {background: url('/images/footer.png'); width: 980px; height: 6px;}
.footbody {width: 960px; margin-left: 10px;}
.ftitle {text-shadow: 0px 1px 0px rgba(0,0,0,.8);text-align: center;background:url('/images/vtitle.png');height:30px;width: 280px;border-radius: 5px;color:#fff;font-size:16px;line-height:30px; }
.ftitle2 {text-shadow: 0px 1px 0px rgba(0,0,0,.8);text-align: center;background:url('/images/vtitle.png');height:30px;width: 660px;border-radius: 5px;color:#fff;font-size:16px;line-height:30px; }
.fbody {padding: 10px;height: 160px;text-align: center;}
.fbody2 {padding: 10px;height: 160px;width: 660px;}
.stat {width: 920px; height: 40px; margin-left: 10px; text-align: left; padding-right: 20px;padding-left: 20px;}

#mchatMsgF {background:#f3f3f3; border:1px solid #eaeaea;border-radius:5px;width: 180px; height: 60px !important;text-align:left; padding: 3px;}
#mchatBtn {background:#f3f3f3; border:1px solid #eaeaea;border-radius:5px;width: 30px; height: 30px;}
#mchatBtn:hover {background:#eaeaea; border:1px solid #e5e4e4;border-radius:5px;width: 30px; height: 30px;}

/* DMhope new spoiler style */  
.uSpoilerButton {width: 100%; color: #000000; background: #faf9f9; padding: 3px; text-align: left; border: 1px solid #eaeaea !important;}  
.uSpoilerText {color:#252525; background:#faf9f9; padding: 5px; text-align: left; border: 1px solid #eaeaea !important; border-top: 0px;}  
/* ----------------------- */

#move_up {  
  position: fixed; float: left;
  top: 30px;  
  display: none;
  width: 90px;  
  height: 21px;  
  text-decoration: none;  
  background:#dcdcdc;
  color:#252525;
  border: 1px solid #eaeaea !important;
  padding-top:5px;  
  border-radius: 0px 5px 5px 0px;
  cursor:pointer;
}  
#move_up:hover {  
  color: #111111;  
  background: #f3f3f3; cursor:pointer;
}

#uCatsMenu9 {margin-left: 1px;}

input#catSelector9 {border: none;}

input[type="text"], input[type="password"], textarea, #uCatsMenu9, .u-combobut {
  padding: 3px; border: 1px solid #ccc; background: #fff;
  -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  -moz-box-shadow: inset 0 2px 5px #e5e5e5; -webkit-box-shadow: inset 0 2px 5px #e5e5e5;
  box-shadow: inset 0 2px 5px #e5e5e5; text-shadow: 0 1px 0 #fff;
}

select#fsize, select#fcolor {display:none;}

/* Кнопки */
a.swchItem,b.swchItemA,span.butuarts, input[type="button"], input[type="submit"], input[type="file"], input[type="reset"]
{color:#808080;background: #F2F2F2 url('/images/button.png') repeat-x;
  border: #ddd solid 1px;
  cursor: pointer;
  font-family:"Tahoma";
  font-size: 8pt;
  height: 22px;
  padding: 4px 10px 4px;
  text-shadow: 0px 1px 0px #fff;
  border-bottom-width: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;text-decoration: none;}

a.swchItem:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="file"]:hover, input[type="reset"]:hover  
{background:#F5F5F5 url('/images/button.png') repeat-x}

a.swchItem:active,b.swchItemA {color:#000;background:#F5F5F5 url('/images/button.png') repeat-x;}

.addsoc input, input.gbutton {
  border: 1px solid #c5c5c5; border-radius: 2px;padding: 2px;font-size: 10px; color: #11111;font-family: "Verdana", "Arial", sans-serif;line-height: 13px;
background: #999; /* for non-css3 browsers */  

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d6d4d4'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d6d4d4)); /* for webkit browsers */
background: -moz-linear-gradient(top, #fff, #d6d4d4); /* for firefox 3.6+ */  
background: -o-linear-gradient(top, #fff, #d6d4d4); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff, #d6d4d4); /* IE10+ */
}

.addsoc input:hover, input.gbutton:hover {
  border: 1px solid #c5c5c5; border-radius: 2px;padding: 2px;font-size: 10px; color: #11111;font-family: "Verdana", "Arial", sans-serif;line-height: 13px;
background: #999; /* for non-css3 browsers */  

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cbcaca'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cbcaca)); /* for webkit browsers */
background: -moz-linear-gradient(top, #fff, #cbcaca); /* for firefox 3.6+ */  
background: -o-linear-gradient(top, #fff, #cbcaca); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fff, #cbcaca); /* IE10+ */
}
/* --- Кнопки --- */

   
/* The Nivo Slider styles */

.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }

.sliderbg { width: 940px; height: 220px; background:#fff;border:1px solid #eaeaea;border-radius:5px; padding: 10px;margin-left: 10px;}
#featured { width: 940px; height: 220px;overflow:hidden;}
#featured img { width: 940px; height: 220px;overflow:hidden;}
/* CONTAINER */
div.orbit { width: 1px; height: 1px; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25); overflow: hidden; }
div.orbit img { position: absolute; top: 0; left: 0;overflow:hidden; }
div.orbit a img { border: none;overflow:hidden; }

/* TIMER */
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px; opacity: .6; cursor: pointer; z-index: 1001; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('/images/rotator-black.png') no-repeat; z-index: 3; }
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
span.rotator.move { left: 0; }
span.mask.move { width: 40px; left: 0; background: url('/images/timer-black.png') repeat 0px 0px; }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('/images/pause-black.png') no-repeat; z-index: 4; opacity: 0; }
div.timer:hover span.pause,
span.pause.active,  
div.timer:hover span.pause.active { opacity: 1; }

/* CAPTIONS */
div.caption { background: #000; width: 100%; z-index: 1000; position: absolute; bottom:-100px; color: #fff; padding: 8px 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);/* IE 5.5+*/-moz-opacity:0.6;/* Mozilla 1.6 и ниже */-khtml-opacity:0.6;/* Konqueror 3.1, Safari 1.1 */opacity:0.6 /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */}
div.caption span { padding: 0 10px; font-size: 14px; margin: 0; }
.orbit-caption { display: none; }

/* DIRECTIONAL NAV */
div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 43%; cursor: pointer; }
div.slider-nav span.right { background: url('/images/right-arrow.png'); right: 0px; height: 23px; }
div.slider-nav span.left { background: url('/images/left-arrow.png'); left: 10px; }  

/* BULLET NAV */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; top: 10px; left: 7px; margin: 0; padding: 0; }
.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(/bullets.png) no-repeat; 0 0; width: 7px; height: 7px; overflow: hidden; }
.orbit-bullets li.active { color: #222; background-position: -7px 0; }

/* тэги и контейнеры */
.cssContainer {color:#ff00ff;}
.cssTag {color:#990099;}
.cssTag span {color:#006600 !important;}
.jsTag, .jsTag .blueColSimp {color:#990000 !important;}
.doct, .doct span {color:#009999 !important;}
.regExp, .regExp span {color:#006600 !important;}
/* отдельные цветовые оттенки */
.greenCol {color:#006600 !important;}
.blueCol {color:#0047bd !important;}
.dblueCol {color:#001199 !important;}
.blueColSimp {color:#0047bd;}
.pinkCol {color:#ff00ff !important;}
.redCol {color:#ff0000 !important;}
.lettuceCol {color:#009999 !important;}
.lettuceColSimp {color:#009999;}
.purpleCol {color:#990099 !important;}
.purpleColSimp {color:#990099;}
.orangeCol {color:#ff9900 !important;}
.stylesdivs div {display:inline;}
/* кавычки */
.invComm, .invComm span, .invComm .blueColSimp {color:#0047bd !important;}
/* скобки */
.brackets {color:#0047bd !important;}
/* комментарии */
.commCol,.commCol span,.commCol.invComm,.commCol.blueColSimp{color:#999!important}
.ulight_copyright {font-size:10px;color:#aaaaaa;margin:5px 0 0 0;}
.ulight_copyright div a, .ulight_copyright a {font-size:10px;text-decoration:underline;font-weight:bold;}
.ulight_copyright div a:link, .ulight_copyright a:link {color:#aaaaaa;}
.ulight_copyright div a:hover, .ulight_copyright a:hover {color:#888888;}
.ulight_copyright div a:visited, .ulight_copyright a:visited {color:#aaaaaa;}
.ulight_copyright div a:active, .ulight_copyright a:active {color:#888888;}
/*************************************************/  

/* CODE & Qote */
.quoteMessage{padding:10px;background:#ffffff;border:dashed 1px #3d3d3d!important;color:#252525;}
.bbQuoteName {padding:2px;color:#ffffff}

.bbCodeBlock {  
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position: 0% 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: #ffffff;

}
.bbCodeName {  
display:none;
}
.codeMessage {
  padding:5px;
  background:#f3f3f3;
  color:#252525;
  border: 1px solid #eaeaea !important;  
}
/* --------------- */

a[class^="group"]:link,a[class^="group"]:visited,.userBirthdayLink:link,.userBirthdayLink:visited{font-size:11px;padding:2px 3px;line-height:20px;text-decoration:none!important;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}  

/* User Group Marks */
a.groupModer:link,a.groupModer:visited {color: #68cee0;}
a.groupModer:hover {background: #76d0e0;color: #fff;}

a.groupAdmin:link,a.groupAdmin:visited {color:#f1382a;}
a.groupAdmin:hover {background:#f1382a;color: #fff;}

a.groupVerify:link,a.groupVerify:visited {color: #55da55;}
a.groupVerify:hover {background:#55da55;color: #fff; }

a.groupOther3:link,a.groupOther3:visited {color:#1E90FF;}  
pOther3:hover {background:#1E90FF;color: #fff;}

a.groupOther8:link,a.groupOther8:visited, pOther8:hover {color:red;}
a.groupOther5:link,a.groupOther9:visited, pOther9:hover {color:#4169E1;}

a.groupOther6:link,a.groupOther6:visited {color:#e752d4;}
a.groupOther6:hover {background:#e752d4;color: #fff;}

a.groupOther7:link,a.groupOther7:visited {color:#8A2BE2;}
a.groupOther7:hover {background:#8A2BE2;color: #fff;}

a.groupOther2:link,a.groupOther2:visited, pOther2:hover {color:#EEB422;}
a.groupOther4:link,a.groupOther4:visited, pOther4:hover {color:#8A2BE2;}

a.groupOther1:link,a.groupOther1:visited {color:#9C9C0C;}
a.groupOther1:hover {background:#9C9C0C;color: #fff;}

a.groupOther5:link,a.groupOther5:visited {color:#4169E1;}
a.groupOther5:hover {background:#4169E1;color: #fff;}

a.groupFriends:link,a.groupFriends:visited {color:#696969;}
a.groupFriends:hover {color:#696969;background:#696969;color: #fff;}

a.groupUser:link,a.groupUser:visited {color:#b1b1b1;}
a.groupUser:hover {background:#b1b1b1;color: #111;}  
/* ---------------- */

/* Стиль форума */
.postTable {width: 940px;}
.gTopCornerRight a {text-shadow: 0px 1px 0px rgba(0,0,0,.8);color:#ffffff;font-weight: normal !important;}  
.gTableTop a {font-weight:normal;}

form {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}
.loginButton {font-size:7pt;background:#FFFFFF;color:#575757;border:1px outset #636363;}
.pollBut, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background: #fafafa;color:#000000;border:1px outset #615E58;}
.codeButtons {font-size:7pt;background: #fafafa;color:#000000;border:1px outset #615E58;}
.codeCloseAll {font-size:7pt;background: #fafafa;color:#000000;border:1px outset #615E58;}
.postNameFl,.postDescrFl {width:400px}
.postPollFl,.postQuestionFl {width:400px}
.postResultFl {width:50px}
.postAnswerFl {width:300px}
.postUserFl {width:300px}
.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}

.groupUser {text-decoration: none ; color:#004789;}
.groupFriends {text-decoration: none ; color:#004789;}
.groupAdmin {text-decoration: none ; color:#004789;}

a.link:link {text-decoration: none ; color:#004789;font-weight: normal;}
a.link:visited {text-decoration: none ; color:#004789;font-weight: normal;}
a.link:hover {text-decoration:none; color:#242424;font-weight: normal;}
a.link:active {text-decoration:none; color:#242424;font-weight: normal;}

.gTable {background:#cccccc;border-radius: 5px 5px 0 0px;width: 940px !important;overflow: hidden;}
.gTableTop {background-image:url('/images/vtitle.png');padding:2px;color:#ffffff;font-weight: normal !important;text-shadow: 0px 1px 0px rgba(0,0,0,.8);height:30px;padding-left:17px;font-size:10.5pt;border-radius: 5px 5px 0 0px;}
.gTableSubTop {padding:2px;background:#d9d7d7;color:#000000;height:20px;font-size:11px;}
.gTableBody {padding:2px;background: #FCFCFC;}
.gTableBody1 {padding:2px;background:#FFFFFF;}
.gTableBottom {padding:2px;background:#FAFAFA;}
.gTableLeft {padding:2px;background:#F2F2F2;font-weight:bold;color:#6E6E6E}
.gTableRight {padding:2px;background:#F8F9FA}
.gTableError {padding:2px;background:#FAFAFA;color:#FF0000;}
.forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#ffffff; border:1px solid #FFFFFF; font-weight:bold; font-size:8.5pt ; }
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}
a.catLink:link {text-decoration:none; color:#ffffff;font-weight: normal;}
a.catLink:visited {text-decoration:none; color:#ffffff;font-weight: normal;}
a.catLink:hover {text-decoration: none ; color:#ffffff;font-weight: normal;}
a.catLink:active {text-decoration: none ; color:#ffffff;font-weight: normal;}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold; font-weight:bold; font-size:9pt ; }
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
.forum {font-weight:bold;font-size:9pt;}
.forumDescr, .threadDescr {color:#434343;font-size:8pt;}  
.forumModer {color:#336633;font-size:8pt;}
.forumViewed {font-size:9px;}

  a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#535252; font-weight:bold; font-size:7pt ; }
  a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none;color:#111111; font-weight:bold; font-size:7pt ; }
   
  a.forum:link {text-decoration:none; color:#535252; font-weight:bold; font-size:9.5pt ; }  
  a.forum:hover {text-decoration:none; color:#111111; font-weight:bold; font-size:9.5pt ; }  

.forumNamesBar {font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}

a.forumBarA:link {text-decoration:none; color:#000000;}
a.forumBarA:visited {text-decoration:none; color:#000000;}
a.forumBarA:hover {text-decoration:none; color:#6E6E6E;}
a.forumBarA:active {text-decoration: none ; color:#6E6E6E;}

.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:#E7EEF8;}
.fastNavCatA {background:#E7EEF8;color:#0000FF}
.fastNavForumA {color:#0000FF}
.switches {background:#C2C2C2;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}

.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#ffffff; border:1px solid #FFFFFF;}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#434343;font-size:8pt;}  
.threadNoticeLink {font-weight:bold;}

.switches {background:#999999;}
.pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;}
.switch {background:#FFFFFF;width:15px;font-size:7pt;}
.switchActive {background:#cccccc;font-weight:bold;color:#000000;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#666666;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#000000;}

.threadsType {padding:2px;background:#656b6e;border:1px solid #FFFFFF;color:#FFFFFF;height:20px;font-size:10px;padding-left:40px;}
.threadsDetails {padding:2px;background:#BBBBBB;color:#000000;height:20px;font-size:10px;border:1px solid #FFFFFF;}
.forumOnlineBar {padding:2px;background:#666666;border:1px solid #FFFFFF;color:#FFFFFF;height:20px;font-size:10px;}

a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}
a.threadLink:link {text-decoration:none;color:#535252; font-weight:bold; font-size:9.5pt ; }
a.threadLink:hover {text-decoration:none;color:#111111; font-weight:bold; font-size:9.5pt ; }

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}

/* forum Posts View */
.postTable {}
.postPoll {background:#F1F2F3;text-align:center;}
.postFirst {background:#F8F9FA;border-bottom:0px solid #787878;}
.postRest1 {background:#F1F2F3;}
.postRest2 {background:#F8F9FA;}
.postSeparator {height:0px;background:#999999;}

.postTdTop {background:#d8d8d8;color:#000000;height:20px;font-size:10px;}
.postBottom {background:#EEEEEE;height:20px}
.postUser {font-weight:bold; color:#000000; font-size:10pt; }
.postTdInfo {text-align:center;padding:5px;background:#ffffff; border:1px solid #d8d8d8}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#787878;}
.posttdMessage {padding:5px;background:#FFFFFF; background-repeat: no-repeat; background-position: right bottom;}

.pollQuestion {text-align:center;font-weight:bold;}  
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.posttdMessage img{max-width:500px!important}
.posttdMessage img{max-height:400px!important}
.posttdMessage{color:#424242 background:#ffffff; border:1px solid #d8d8d8 }
.edited{text-align:right;color:#a7a7a7}

.signatureView {font-size:7pt;}  
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#00cc33;}
.statusOffline {color:#ff0000;}

.ll {border:1px solid #d8d8d8;}
.rr { background:#f1f1f1;text-align:center; border:1px solid #d8d8d8; border-left:none ; margin:0px; background:#f1f1f1;}
.padNew {  
padding-bottom: 4px;
padding-left: 7px;
padding-right: 4px;
padding-top: 5px;
  }

  .bord2 {  
background-attachment: scroll;
background-clip: border-box;
background-color: #ffffff;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 4px;
margin-top: 4px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
  }
   
.bord2 a:hover {  
border-bottom-color: #bdbcbc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #bdbcbc;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #bdbcbc;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #bdbcbc;
border-top-style: solid;
border-top-width: 1px;
text-decoration: none;
  }

  .bord2 a {  
background-attachment: scroll;
background-clip: border-box;
background-color: #ffffff;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
border-bottom-color: #e1e1e1;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #e1e1e1;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #e1e1e1;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #e1e1e1;
border-top-style: solid;
border-top-width: 1px;
display: block;
margin-bottom: 2px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
  }
/* ------------------ */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/images/14.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/images/14.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* === Tэг HIDE === */  
  .UhideBlockA {  
  color: #000000;  
  background-color: #e0e0e0;  
  padding: 5px;  
  }  
  /* ================ */

/* forum Post Form */
.codeButtons {font-size:7pt;background:#FCFCFC;border:1px solid #6E6E6E;}
.codeCloseAll {font-size:7pt; color:#6E6E6E;font-weight:bold;background:#FCFCFC;border:1px solid #6E6E6E;}
.postNameFl,.postDescrFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px}
.postPollFl,.postQuestionFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px}
.postResultFl {background:#FCFCFC;border:1px solid #6E6E6E;width:50px}
.postAnswerFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px}

.postUserFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}

.threadNametd,.forumNameTd {padding:10px;color:#bbb;}  
/* ----------------- */

/* ====== Select Code ====== */  
div.bbCodeName {margin-bottom:3px;}  
div.codeMessage code {font-size:11px;}  
/* ====================================================================== */
.gTopCornerRight a {color: #fff !important;}

.autor_ava img {width:25px;vertical-align:middle;}  
  ._uf_table {font-weight:normal;}

/* Other Styles */  
.replaceTable {font-size: 12px; float: center;margin: 0 auto;}  
.replaceBody {text-align: center;}
.gDivLeft {width: 940px;}
td.pollAnswer {text-align:left;}
td.gTableSubTop, td.postTdTop {background: url(/images/32.gif);border: 1px solid #5e5b59;font: 10px/18px 'Tahoma';color: #ffffff;text-shadow: 0px 1px 0px #2b2b2b;padding: 0px 10px;}
a.topSortLink {color:#fbfbfb;}
a.topSortLink:hover {color:#fff;}

.ball-tacles {width:100%;}  
.ball-tacles .theads {width:130px;background:#FBFBFB;color:#888888;font: 11px Tahoma}  
.ball-tacles, .ball-tacles td {border:1px solid #E4E4E4;font: 11px Tahoma}  
.ball-tacles {border-width:1px 0px 0px 1px}  
.ball-tacles td {border-width:0px 1px 1px 0px; height:26px; padding:0px 7px 0px 7px;}  
.xt-uHelp {background-position: 0 -300px;}  
.xt-uHelp-over {background-position: -15px -300px;}  
.ibl{float:left;width:35px}  
.ibl img{opacity:0.5}  
.cbl{margin-left:35px}  
.hbl{padding:5px}  
.b0{opacity:0.0}  

.message img {max-width: 300px;background:fff;}
.message {width: 650px;padding: 10px;text-align:justify;}
.message img {text-align: center;}
.message {padding: 5px;}
  .pad {padding-left:6px; padding-top: 6px;}
  .profpad{padding-top: 6px;}  
  a.s-menur:link, a.s-menur:visited { border:1px solid #d8d8d8; width:150px; font-weight:bold; padding:3px 15px 4px 15px; color:#505050; background-color: #ffffff ; font-size: 20pt; }  
  a.s-menur:hover{background:#bdbcbc ; color:#000000 ;text-decoration:none; width:250px; }  
a {text-decoration:none;}
  .padd {padding-top: 9px;float: right;}
  .rate {margin-bottom: -10px; padding-top: -10px;}
  .upt {float:left; pudding-left: 5px; font-size:9pt;}
  .panel_ava img { border:1px solid #505050}
.panel_ava2 img { border:1px solid #505050}

.panel_ava { padding-top: 5px; padding-left:6px; width:45px;height:45px;}
.panel_ava2 { padding-top: 0px; padding-left:4px; padding-right: 5px; padding-bottom: 4px; width:45px;height:45px;}

Invincible Five (I5) — Киберспортивная организация
Активный форум » WEB-мастеру » Технический раздел (домены, хостинг, настройка CMS и шаблонов) » Оптимизация Вида материалов новости и файлов
  • Страница 1 из 1
  • 1
Поиск: