подскажите как изменить цвет блогов которые я выделил красным цветом [attachment=40086:YF30u.jpg]
вот мой css шаблон
[PHP]div#tabs li { display:inline; margin:0; padding:0; } .tab2 a { float:left; background:url(images/tableft.gif) no-repeat left top; text-decoration:none; margin:0; padding:0 0 0 4px; } .tab2 a span { float:left; display:block; background:url(images/tabright.gif) no-repeat right top; color:#627EB7; padding:5px 15px 4px 6px; } .tab1 a { float:left; background:url(images/tableft.gif) no-repeat left top; background-position:0 -42px; text-decoration:none; margin:0; padding:0 0 0 4px; } .tab1 a span { float:left; display:block; background:url(images/tabright.gif) no-repeat right top; background-position:100% -42px; color:#627EB7; padding:5px 15px 4px 6px; } div#tabs a span { float:none; } div#tabs a:hover span { color:#627EB7; background-position:100% -42px; } div#tabs a:hover { background-position:0 -42px; } /*my.php*/ div.my_gender p { float: left; }
div.my_xxx p { width: 70px; float: left; }
div.pm_from p { width: 350px; height: 20px; float: left; margin: 5px 0px; }
div.my_gender span,div.pm_from span,.my_xxx span { font-size: 16px; }
#my_table { width: 945px; }
#my_table_1 { width: 610px; margin: 0 auto; }
#my_column { width: 800px; margin: 0 auto; border-bottom: 1px solid #ddd; }
#my_title { float: left; font-size: 12pt; height: auto; width: 250px; clear: left; }
#cl_avatar { width: 100px; padding-left: 350px; }
.my_count,.pm_from,.my_avatar,.my_count,.my_web,.my_name,.my_style { padding-left: 250px; }
.my_contact { float: left; width: 350px; }
#my_gender,#my_count,#pm_from,#my_web,#my_area,#my_delete,#my_sentbox,#my_sent,# my_style,#my_xxx,#my_comment,#nam_warner,#my_birthday,#my_birthday,#my_contact,#m y_show_ava,#my_check,#my_name,.my_sent { margin-top: 15px; }
.my_comment,.my_birthday,.my_name,.my_sent { padding-top: 8px; }
/*end my.php*/ /*mynotifs*/ #mynotifs { margin: 0 auto; }
.notify_type span { padding-left: 30px; }
.notify_type { width: 377px; padding: 7px 0; }
.notify_popup,.notify_ema { width: 280px; //padding: 7px 0; }
div.colhead { float: left; font-weight: 300; color: #fff; background: #8da6cf; font-size: 12px; }
#mynotifs_chek { width: 100%; margin: 5px 0px; float: left; border-bottom: 1px solid #ddd; }
.notify_chek { width: 377px; float: left; font-size: 11px; padding: 3px 0px; }
.notify_chek span { font-weight: 700; font-size: 11px; margin-left: 30px; }
.input_chek { width: 280px; float: left; margin: 0 auto; }
/*end mynotifs*/ /*rate*/ img.arrowup { width: 13px; height: 13px; background: transparent url(/pic/icons_vote.png) no-repeat scroll 0px 0px; background-position: -13px -13px !important; }
img.arrowdown { width: 13px; height: 13px; background: transparent url(/pic/icons_vote.png) no-repeat scroll 0px 0px; background-position: 0 -13px !important; } /*end rate*/ .paginator { font-size: 1em; width: 600px; }
.paginator table { border-collapse: collapse; table-layout: fixed; width: 100%; }
.paginator table td { padding: 0; white-space: nowrap; text-align: center; }
.paginator span { display: block; padding: 3px 0; color: #3b5998; }
.pagstrong { background: #ECEFF5; }
.paginator span strong,.paginator span a { padding: 2px 6px; }
.paginator span strong { background: #ff6c24; padding: 3px 12px; font-style: normal; font-weight: normal; }
.paginator .scroll_bar { width: 100%; height: 20px; position: relative; margin-top: 10px; }
.paginator .scroll_trough { width: 100%; height: 3px; background: #ccc; overflow: hidden; }
.paginator .scroll_thumb { position: absolute; z-index: 2; width: 0; height: 3px; top: 0; left: 0; font-size: 1px; background: #363636; }
.paginator .scroll_knob { position: absolute; top: -5px; left: 50%; margin-left: -10px; width: 20px; height: 20px; overflow: hidden; background: url(/pic/slider_knob.gif) no-repeat 50% 50%; cursor: pointer; cursor: hand; }
.paginator .current_page_mark { position: absolute; z-index: 1; top: 0; left: 0; width: 0; height: 3px; overflow: hidden; background: #ff6c24; }
.fullsize .scroll_thumb { display: none; }
.paginator_pages { width: 600px; text-align: right; font-size: 0.8em; color: #808080; margin-top: -10px; }
.relgroups_table { background: #FFF none repeat scroll 0 0; float: left; border: 1px solid #D8DFEA; min-height: 65px; width: 936px; z-index: 2; position: inherit; margin: 8px 0 5px 8px; padding: 5px 4px 4px; }
dd,.relgroups_input,.relgroups_input_right,.relgroups_table,.avatarli,.ultext { text-align: left; margin: 0; padding: 0; }
.relgroups_input li,.relgroups_input_right li,.relgroups_table li,.avatarli li,.ultext li,.faq li,.nobbyul { list-style-type: none; }
.relgroups_name dt { clear: both; color: gray; float: left; text-align: left; width: 110px; padding: 0; }
.relgroups_name dd { width: 311px; float: left; }
.relgroups_image { float: left; text-align: left; width: 100px; margin: 10px; padding: 0 9px 0 0; }
.relgroups_name { width: 490px; float: left; }
.relgroups_name dl { line-height: 15px; }
#relgroups_header { height: 15px; background: #f0e7ba; font-size: 13px; font-weight: 700; text-align: center; border: 1px solid #D8DFEA; width: 100%; z-index: 2; padding: 5px 0; }
#relgroups_table_left { width: 689px; }
.boxes_left { width: 686px; }
#relgroups_table_right { float: right; width: 234px; }
.relgroups_image_right { min-height: 180px; width: 200px; text-align: center; margin: 10px; }
.relgroups_avatar_right { text-align: center; min-height: 100px; }
#box_app_right { position: relative; margin-top: 0; width: 210px; min-height: 75px; }
#box_app_right_adm { position: relative; width: 210px; min-height: 75px; }
.box_right_block,.box_right_left,h3.box_right_left { background: #ECEFF5 none repeat scroll 0 0; border: 1px solid #94A3C4; display: block; font-size: 11px; position: relative; text-align: left; margin: 0; padding: 5px 8px; }
.search_group { display: block; height: 50px; position: relative; right: 3px; top: 1px; width: 50px; }
#box_left,#box_left_wall { position: relative; width: 700px; height: auto; }
dl.infor_left dt { clear: left; color: gray; float: left; width: 65px; line-height: 20px; }
dl.infor_left dd { font-size: 11px; text-align: left; line-height: 20px; padding-left: 95px; }
#box_app_right { position: relative; margin-top: 0; width: 210px; min-height: 75px; }
#box_app_right_adm { position: relative; width: 210px; min-height: 75px; }
.box_right_block,.box_right_left,h3.box_right_left { background: #ECEFF5 none repeat scroll 0 0; border: 1px solid #94A3C4; display: block; font-size: 11px; position: relative; text-align: left; margin: 0; padding: 5px 8px; }
.search_group { display: block; height: 50px; position: relative; right: 3px; top: 1px; width: 50px; }
#box_left,#box_left_wall { position: relative; width: 700px; height: auto; }
dl.infor_left dt { clear: left; color: gray; float: left; width: 65px; line-height: 20px; }
dl.infor_left dd { font-size: 11px; text-align: left; line-height: 20px; padding-left: 95px; }
.rgcomm { width: 700px; position: inherit; float: left; border: 0; overflow: hidden; }
.colhead_rgcomm { background: #eee; }
.colhead_rgcomm_edit { width: 697px; float: left; height: 15px; margin-left: -1px; }
.edittd { height: 385px; width: 693px; border: 0; padding-left: 0; float: left; }
h3.box_right_left a.box_editor_left:hover,h3.box_right_block a.box_editor_right:hover,.box_editor_friends:hover { background: transparent url(/themes/kinokpk/images/editor_pencil.gif) no-repeat scroll right -18px; display: block; height: 18px; position: absolute; right: 3px; top: 3px; width: 18px; }
.box_left_page { margin-left: 20px; }
.tabContent { padding: 10px; }
div.friends_search { border: 1px solid #DDD; margin-left: auto; margin-right: auto; width: 460px; padding: 10px; }
div.clear { height: 1px; width: 100%; overflow: hidden; clear: both; }
a.download { padding-right: 5px; }
#highlighted small { font-size: 80%; vertical-align: middle; visibility: hidden; float: right; padding: 0 3px; }
#highlighted tr:hover small,#highlighted tr.hovered small { visibility: visible; }
.cat_name { float: left; }
.cat_pic img { width: 16px; height: 16px; }
#popup_container { font-family: 'Lucida Grande', arial; font-weight: bold; text-align: left; font-size: 12px; width: 364px; height: 86px; background: #F3F3F3; border: solid 1px #dedede; border-bottom: solid 2px #456FA5; color: #000000; }
#popup_title { display: none; }
#popup_message { padding-top: 15px; padding-left: 15px; }
#popup_panel { text-align: left; padding-left: 15px; }
.tabset_content_active,.clearfix { display: block; }
.clearfix span { display: table-cell; vertical-align: middle; }
h1.img,.polls_f { float: left; }
#polls li { list-style-type: none; padding-left: 0; padding-right: 0; }
#polls { border: 1px solid #D8DFEA; }
.polls_title { list-style-type: none; margin-left: 0; }
.polls_title_q { list-style-type: none; border-top: 1px solid #D8DFEA; border-bottom: 1px solid #D8DFEA; background: #8da6cf; margin: 0 0 10px; }
.colheadli { margin-bottom: 0; text-align: center; }
.polls_r { list-style-type: none; width: 150px; height: 15px; padding-bottom: 4px; }
.polls_right { list-style-type: none; width: 150px; height: 30px; padding-bottom: 4px; }
.polls_l { list-style-type: none; width: 400px; height: 15px; float: right; margin-top: -25px; padding-bottom: 4px; }
.polls_left { list-style-type: none; width: 500px; height: 30px; float: right; margin-top: -35px; padding-bottom: 4px; }
.polls_l_div { width: 150px; height: 35px; list-style-type: none; padding-bottom: 4px; }
.polls_r_div { width: 450px; height: 35px; float: right; padding-bottom: 4px; margin-top: -40px; } * { outline: none; outline-color: #fafafa; }
body { font-family: "tahoma"; font-size: 8pt; color: #306a82; margin: 0; padding: 0; margin-top: 10px; margin-bottom: 0; background: #000; } body.mceContentBody { background: #e8e7da url(); }
.linked-image { margin: 0; padding: 0; border: 0; }
.resized-linked-image { margin: 1px 0 0 0; padding: 0; background-color: #000; border: 0; color: #fff; font-size: 10px; width: auto; }
.resized-linked-image-zoom { width: 200px; height: 30px; background-color: #fff; padding-top: 6px; padding-left: 5px; top: 0; left: 0; position: absolute; display: none; }
.nobr { white-space: nowrap; }
#highlighted { background-color: #fafafa; }
#highlighted tr:hover { background-color: #f5fbe1; }
#tooltip { background: #ffffff; font-size: 10px; width: auto; border: 1px solid #778899; border-left: 5px solid #ff9f00; color: #333333; font-family: verdana, arial, helvetica, sans-serif; line-height: 15px; z-index: 100; margin: 0; padding: 3px; position: absolute; visibility: hidden; border-collapse: separate; }
.error { color: #990000; background-color: #fff0f0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error b { color: #990000; background: inherit; }
.success { color: #000000; background: #f5fbe1; padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #7ba813; }
.success b { color: #7ba813; background: inherit; }
.editor { margin: 0 0 1px 0; width: 400px; height: 21px; border: 1px solid #d1d8ec; }
.editorinput { background: #fafafa; color: #000000; border: 1px solid #d1d8ec; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; }
.editorbutton { float: left; cursor: pointer; padding: 2px 1px 0 5px; }
code { background: none; color: #0000ff; font-size: 11px; font-family: Verdana, Helvetica; }
.code { color: #0000bb; font-size: 11px; font-family: Verdana, Helvetica; }
hr { height: 0; border: 0 solid #00314d; border-top-width: 1px; }
table { border-collapse: collapse; border: none; background-color: #fafafa; }
table.main { background-color: #fafafa; }
table.mainouter { background-color: #ededed; border: 0; }
table.bottom { color: #ffffff; background: transparent; }
table.main2 { background-color: #fafafa; border: 0; }
table.blok { background-color: #fafafa; }
h1 { font-size: 12pt; text-align: center; }
h2 { background-image: url(images/cellpic.gif); font-size: 10pt; margin-bottom: 0; margin-top: 0; height: 24px; border-width: 0; border-style: solid none solid; text-align: center; }
h3 { font-size: 10pt; margin-bottom: 5px; text-align: center; }
p { font-size: 8pt; }
p.sub { margin-bottom: 4pt; }
td { font-size: 8pt; border: 1px solid #fafafa; }
td.tt { border: 0px #f0ecda; }
td.block { font-size: 8pt; border: 0; }
td.right_menu { border: 0; }
td.commenttable { background-color: #fffef2; }
td.embedded { border: none; text-align: left; }
td.bottom { border: none; }
td.heading { font-weight: bold; }
td.text { padding: 10pt; text-align: left; }
td.comment { padding: 10pt; font-size: 8pt; text-align: left; }
td.colhead { font-weight: bold; height: 24px; color: #000; background-image: url(images/cellpic.gif); }
td.rowhead { font-weight: bold; text-align: right; vertical-align: top; }
td.title { font-size: 14pt; }
td.navigation { font-weight: bold; font-size: 10pt; border: none; }
td.pager { background-color: #ffffff; border: 1px solid #9ca4b0; padding: 2px; }
td.pagebr { background-color: #fafafa; border: 0; padding: 0; }
td.highlight { background-color: #efeee6; border: 1px solid #9ca4b0; padding: 2px; }
td.menu { background-image: url(images/bar.jpg); border: 1px solid #000000; color: #ffffff; border-style: none solid solid solid; }
#topmenu { font-family: Arial; font-size: 8pt; text-align: center; margin: 0; padding: 0; }
#topmenu a { outline: 0; color: #fff; padding: 0 3px 0 3px; text-decoration: none; }
#topmenu a span { padding: 0 5px 0 1px; }
#topmenu a span:hover { color: #edde73; }
.thumbnail img { border: 1px solid white; margin: 0 5px 5px 0; }
.thumbnail:hover { background-color: transparent; }
.thumbnail:hover
img { border: 1px solid blue; }
.thumbnail span { position: absolute; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img { border-width: 0; padding: 2px; }
.thumbnail:hover span { visibility: visible; top: 0; left: 165px; z-index: 50; }
form { margin-top: 0; margin-bottom: 0; }
.sublink { font-style: italic; font-size: 7pt; font-weight: normal; }
a:link,a:visited { text-decoration: none; color: #000; font-weight: bold; }
a:hover { color: #0561fa; }
a.copyright:link { text-decoration: none; color: #fcb803; border-top: 1px dashed #5087ad; padding: 0; }
a.copyright:visited { text-decoration: none; color: #fcb803; border-top: 1px dashed #5087ad; padding: 0; }
a.copyright:hover { text-decoration: none; color: #0561fa; border-top: 1px dashed #5087ad; padding: 0; }
a.index { font-weight: bold; }
a.biglink { font-weight: bold; font-size: 12pt; }
a.online:link,a.online:visited { font-weight: normal; text-decoration: none; }
a.black { font-weight: normal; color: #000; }
a.white { font-weight: normal; color: #fff; }
a.menu { display: block; padding: 3px; text-align: left; text-decoration: none; background-color: #fafafa; font-weight: normal; border-top: 1px solid #516a88; }
a.altlink_white:link,a.altlink_white:visited { font-weight: bold; color: #000; text-decoration: none; }
a.altlink_white:hover { text-decoration: none; }
.important { font-weight: bold; font-size: 8pt; }
.red { color: #ee0000; }
.yellow { color: #997700; }
.green { color: #000000; }
.top { line-height: 30px; list-style: none; margin: 0; padding: 0 10px 0 10px; }
.valid { text-align: center; }
input,select,textarea { margin-top: 3px; margin-bottom: 0; font-family: "tahoma"; font-size: 8pt; }
.small { font-size: 7pt; }
.big { font-size: 10pt; }
li { margin-top: 6pt; margin-bottom: 6pt; }
ul { margin-left: 16pt; margin-top: 0; margin-bottom: 0; }
input.button { border: 1px solid #ffc58c; background-color: #ffc58c; }[/PHP]
|
|