Aşağıdaki resimdeki gibi, hoşgeldiniz misafir giriş (ve tabiki giriş yaptıktan sonraki halini de) arama ile açık mavi alan arasındaki koyu mavi yere style.css ile nasıl koyabilirim? "user" ile ilgili kısımlarda birşeyler yapıp css'in sonundaki /*my changes/ kısmına eklemem lazım sanırım ama çözemedim.
Yardımcı olacaklara şimdiden teşekkür ederim
style.css şu şekilde,
/* ###########################################################
##############################################################
###### NOTE: All CSS rules MUST go below these line's ########
##############################################################
########################################################### */
body { font:14px Arial, Helvetica, sans-serif;}
#content .widget h3, #comments_wrap h3, #respond h3, #sidebar h3, #bottom h3, .posts h3, #content .realated_post h3 {font-family:normal Arial, Helvetica, sans-serif;text-transform:uppercase; font-size:13px;font-weight:bold}
#bottom p { font-family: Arial, Helvetica, sans-serif;}
#inner_pages h1 {font-family:normal Arial, Helvetica, sans-serif; }#header_outer {
background: none repeat scroll 0 0 #363736;
}
.logo{padding-top:10px;}
.map_category{opacity:0.9;
filter:alpha(opacity=90);}
#header{ height:100px;
}
#header .header_right {
background: #7daa47;
float: right;
width: 386px;
border-color:white;
border-style:solid;
border-width:1px;
border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7px;
border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;
border-top:none;
}
#categories_strip #multi_city {
margin-top:-30px;
position:absolute;
margin-left:-48px;
}
span.searchfor {
padding: 0 0 15px 24px;
}
.header_right span.searchfor small, .header_right span.near small {
padding-top:0px;
}
.header_right ul li.welcome {
display: block;
float: left;
padding: 88px 0 0 8px;
position: absolute;
margin-left:-175px;
background: none;
z-index:90;
}
.header_right ul li.userin {
display: block;
float: left;
padding: 88px 0 0 8px;
position: absolute;
margin-left:7px;
z-index:90;
}
.header_right, .header_right span.searchfor small, .header_right span.near small, .header_right ul li.welcome, .header_right ul li a, .header_right ul li {
color:#FFF;
}
.header_right ul li {
background: url("images/top_nav_sepretor.png") no-repeat scroll right 8px transparent;
}
.header_right ul{
margin-right:-3px;}
.header_right ul li a {
background: none;
}
.search_btn {
width:71px;
height:28px;
background: url("images/b_search.png") no-repeat scroll left top transparent;
}
.search_btn:hover {
background-position:0 -28px;
}
span.searchfor {
background: url("images/search_forbg.png") no-repeat scroll left top transparent;
}
span.near {
width:122px;
background: url("images/nearbg.png") no-repeat scroll left top transparent;
}
.searchform span .s{
width: 110px;
position:relative;
z-index:1000;
}
span.searchfor {
margin-left:10px;
width: 128px;
}
.top_banner_section {
background: #7daa47;
margin-top:-8px;
margin-bottom:5px;
}
.top_banner_section_in {
padding:0px;
border:1px;
border-color:#FFF;
}
#map_canvas{
-moz-border-radius: 15px;
border-radius: 15px;
}
.map_background {
background: url("images/shadow_bg.png") no-repeat scroll center bottom transparent;
padding-bottom:11px;
padding-top:8px;
}
body{ background: #7daa47;}
body.category{ background: #7daa47;}.TopLeft, .TopRight, .BottomLeft, .BottomRight {position:absolute;z-index:100;background-image: url(images/corners.png);width:7px;height:7px;}
.TopLeft {left: 0; top: 0;}
.TopRight {right: 0; top: 0; background-position: top right;}
.BottomRight {right: 0; bottom: 0; background-position: bottom right;}
.BottomLeft {left: 0; bottom: 0; background-position: bottom left;}
#wrapper{
background:#FFF;
-moz-border-radius: 7px;
border-radius: 7px;
margin-bottom:0px;
/*padding:5px;*/
}
#sidebar{
border-color:#dadad8;
border-style:solid;
border-width:1px;
background:#f4f3f1;
padding-left:5px;
padding-right:3px;
width:300px;
/*border-top-right-radius:7px;
-moz-border-radius-topright:15px;
border-bottom-right-radius:15px;
-moz-border-radius-bottomright:15px;*/ }
#content{
padding-left:13px;
padding-top:10px;
width:620px;
}
#sidebar h3{
background: url("images/default-widget.png") no-repeat scroll left 0px transparent;
height:36px;
padding-top:10px;
padding-left:60px;
color:#FFF;
font-size:16px;
}
#sidebar .widget h3 a{color:#FFF;}
#sidebar .recent_comments_section h3 {
background: url("images/reviews.png") no-repeat scroll left 0px transparent;
height:36px;
padding-top:10px;
padding-left:70px;
color:#FFF;
font-size:16px;
}
#sidebar .we_recommend h3 {
background: #FFF; border: 1px solid #DDDDDD;
height: 37px;
margin-bottom:-14px;
width: 140px;
padding-top:14px;
-moz-border-radius: 5px;
border-radius: 5px;
color:#999999;
font-size:14px;
}
.posts h2 a, .posts p a:hover, a {
color: #666;
}
#content .category_grid_view {
margin: 0 0 30px -10px;
}
#content .category_grid_view li a.post_img {
display: block;
margin-bottom: 2px;
padding: 0px;
border:none;
-moz-box-shadow:none;
}
#content .category_grid_view li .readmore {
display: none;
}
#content .category_grid_view li a.post_img img {
width:115px;
}
#content li{
padding:0 0 0 0px;
}
#content .category_grid_view li {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("images/box-shadow.png") repeat scroll 0 -1px transparent;
border-color: transparent;
border-style: solid solid none;
border-width: 1px 1px medium;
float: left;
height: 128px;
list-style: none outside none;
margin: 0 0 0 9px;
padding: 0 0 0 0;
width: 115px;
}
#content .category_grid_view li.hr {
display: none;
}
#content .category_grid_view li p.review a.pcomments {
color: #ffae00;
float: right;
margin-top: -16px;
padding-right:1px;
width:20px;
height:18px;
text-align:right;
}
#content .category_grid_view li p.review {
margin: 0px;
padding:0px;
border:none;
/*background: url("images/small-shadow.png") no-repeat scroll left 0px transparent;*/
}
#content .category_grid_view li .widget_main_title {
padding-left: 2px;
}
#content .category_grid_view li .rating {
margin: 0 0;
padding: 0 0;
}
#content .category_grid_view li .featured_img {
left: 0px;
}
#content .category_grid_view li.featured a.post_img {
border:none;
}
#content .category_grid_view li p.review .pcomments {
background: url("images/i_comment2.png") no-repeat scroll left 0px transparent;
}
#content .category_grid_view li h3 a {
color: #ffae00;
}
#content .category_grid_view li h3 a:hover {
color: #FFD680;
}
/* STYLES FOR WIDE RECENT REVIEWS */
.wide_comments {border: 1px solid #CCC;height:90px;}
.wide_recent_comments span{width:80px;display:inline-block;vertical-align:top;}
.wide_comment_text{display:inline-block;width:480px;color:#dd1404;font-weight:bold;}
.wide_comment_text a{color:#dd1404;}
#content .wide_recent_comments li{background:#f6f6f6;}
.wide_comment_text .comment_excerpt{color:#666;font-weight:normal;}
.wide_recent_comments{width:612px;}
.wide_comments{width:612px;}
#bottom{background:url(images/footer-bottom.png) repeat-x scroll 0 bottom transparent;color:#666;padding-bottom:8px;}
#bottom h3{color:#dd1404;}
#bottom p{color:#666;}
#bottom a{color:#666;}
#bottom a:hover{color:#999;}
#bottom li a{color:#666;}
#bottom li span.date {color: #dd1404;}
#bottom #footer ul li a {
color: #FFF;
}
#bottom_in{
background:url(images/footer-top.png) no-repeat scroll 0 0 #F4F3F1;
padding-top:36px;}
#bottom .first_col{padding-left:15px;margin-top:-35px;}
#bottom .first_col h3{padding-left:12px;color:#FFF;padding-bottom:10px}
#bottom .second_col{padding-left:15px}
#bottom .third_col{padding-left:15px}
#bottom .fourth_col{padding-right:15px}
#footer{background:#232222;}
#bottom #footer ul {
float: right;
padding-right:15px;
color:#FFF;
}
#bottom #footer ul li {
border-right: 1px solid #FFF;
}
#bottom #footer ul a {
color:#FFF;
}
#bottom #footer p {
float: left;
padding-left:15px;
color:#FFF;
}
#bottom #footer p a {
color:#FFF;
}
#bottom li {
background: url("images/bullet_b.png") no-repeat scroll left 3px transparent;
}
.we_recommend_in .nivo-controlNav a:hover, .we_recommend_in .nivo-controlNav a.active { background:url(images/dot_h2.png) no-repeat; }
.subscribe .field {
height:19px;
border: none;
background: url("images/i_email.png") no-repeat scroll 5px 8px #d9d9d9;
color:#666;
border-top-left-radius:3px;
-moz-border-radius-topleft:3px;
border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;
}
.subscribe_form .btn_submit {
background: none repeat scroll 0 0 #666666;
border: medium none;
}
.subscribe_form .btn_submit {
background: url("images/b_submit.png") no-repeat scroll 0 0 transparent;
border: none;
top:0px;
}#bottom li a:hover {
color: #999;
}
/* ######################## LISTING PAGE STYLES ######################## */
#inner_pages{margin-top:-8px;}
.breadcrumb {position:absolute;margin-left:10px;}
#inner_pages #content{padding-top:35px;}
#inner_pages {
border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;}
#content .sort_by {
height: 35px;
margin: 0 0 10px;
padding: 0 0 0 20px;
}
#content .category_list_view li.featured{margin-bottom:15px;}
#content .category_list_view li .content span.readmore {
background: #FFF;
clear: both;
padding-top: 8px;
width: 100%;
height:10px;
}
#content .category_list_view li .content span.readmore a {float:right;color:#DD1404;font-size:11px;font-weight:bold;margin-top:-7px;}
#content .category_list_view li .content a.addtofav {
display: block;
float: left;
font: bold 12px Arial,Helvetica,sans-serif;
margin-left: -312px;
padding: 5px 0 5px 18px;
position: absolute;
width: 140px;
margin-top:63px;
border:none;
clear:both;
}
#content .category_list_view li a.ping {
display: block;
border:none;
float: none;
font: bold 12px Arial,Helvetica,sans-serif;
margin-bottom: 0px;
margin-left: -150px;
margin-top: 68px;
padding-bottom: 0px;
padding-left: 18px;
position: absolute;
width: auto;
}
#content .category_list_view li .content_right {
float: right;
padding-top: 0px;
width: 85px;
margin-top:-15px;
}
body.tax-placecategory #content .category_list_view li .content_right, body.author #content .category_list_view li .content_right {
clear:both;
}
#content .category_list_view li .content a.pcomments {
border-bottom: none;
}
#content .category_list_view li .content .rating {
clear: both;
display: block;
float: none;
padding: 0px 5px;
width: auto;
border:none;
}
#content .category_list_view li .rating {
margin-bottom: 0px;
}
#content .category_list_view li .content p {
float: left;
height:41px;
overflow:hidden;
}
#content .category_list_view li p.address {
margin: 0;
padding: 0;
height:20px;
overflow:hidden;
}
#content .category_list_view li p.timing {
margin: 0;
padding: 0;
height:20px;
overflow:hidden;
}
#content .category_list_view li p {
margin: 3px 0;
padding: 0;
width: 78%;
}
#content .category_list_view li .content {
float: right;
width: 68%;
}
#content .category_list_view li h3 a.pcomments, #content .category_list_view li a.pcomments {
background: url("images/i_comment2.png") no-repeat scroll left 0px transparent;
color: #DD1404;
padding-left: 24px;
}
#content .category_list_view li a.addtofav {
background: url("images/i_fav.png") no-repeat scroll left 5px transparent;
color: #999;
}
#content .category_list_view li a.ping {
background: url("images/i_ping.png") no-repeat scroll left 0px transparent;
color: #999;
}
#content .category_list_view li span.readmore a {
background: url("images/i_more.png") no-repeat scroll 62px 4px transparent;
}
#content .category_list_view li h3 a {
color: #DD1404;
}
#content .category_list_view li .featured_img, #content .category_grid_view li .featured_img {
background: url("images/featured.png") no-repeat scroll left top transparent;
}
#content .category_list_view li.featured {
background: none repeat scroll 0 0 #f4f3f1;
border: 1px solid #e1e1e1;
}
#content .category_list_view li {
/*background: none repeat scroll 0 0 #f4f3f1;
border: 1px solid #e1e1e1;*/
}
.pagination .on {
background: url("images/on.png") no-repeat scroll left top transparent;
color: #FFFFFF;
}
.pagination .i_previous, .pagination .i_next, #content .sort_by li.i_next a, #content .sort_by li.i_previous a {display:none;}
.breadcrumb a {
color: #7daa47;
}
/* #################### DETAILS PAGE STYLES ######################## */
#sidebar .recent_comments li p {
width: 78%;
}
#sidebar .recent_comments li a {
color:#31b2e5;
}
body.single #wrapper h1.main_title{position: absolute;padding-top: 35px;padding-left: 15px;}
body.single #wrapper h1.main_title a{color:#31b2e5;}
body.single #wrapper h1{position: absolute;padding-top: 35px;padding-left: 15px;}
body.single #wrapper h1 a{color:#31b2e5;}
body.blog #wrapper h1{position: absolute;padding-top: 35px;padding-left: 15px;}
body.blog #wrapper h1 a{color:#31b2e5;}
body.page #wrapper h1{position: absolute;padding-top: 35px;padding-left: 15px;}
body.page #wrapper h1 a{color:#31b2e5;}
body.page #inner_pages .entry { padding-top: 52px;}
body.single #sidebar{padding-top:30px;}
body.single #sidebar .company_info {background:none;border:none;border-top: 1px solid #DDDDDD;}
body.single #inner_pages #content { padding-top: 72px;}
body.single .likethis {position:absolute;margin-left:655px;width:320px;}
body.single .galleria-stage{border:none;border: 1px solid #DDDDDD;}
body.single #sidebar .company_info2 {background:none;border:none;}
body.single #sidebar #fromAddress{width:152px;height:22px;padding-top:1px;}
body.home #inner_pages #content { padding-top: 72px;}
body.home .likethis {position:absolute;margin-left:655px;width:320px;}
body.home #sidebar{padding-top:30px;}
body.home #sidebar #fromAddress{width:152px;height:22px;padding-top:1px;}
body.search #inner_pages h1.cat_head{position: absolute;padding-top: 35px;padding-left: 15px;}
body.search #inner_pages h1.cat_head a{color:#31b2e5;}
body.search #sidebar{padding-top:30px;}
body.search #inner_pages #content { padding-top: 72px;}
body.search #content .category_list_view li .content_right{margin-top:0px;clear:both;}
body.error404 #inner_pages h1{position: absolute;padding-top: 35px;padding-left: 15px;}
body.error404 #inner_pages h1 a{color:#31b2e5;}
body.error404 #inner_pages #content { padding-top: 72px;}
#wrapper h1{width:615px;line-height:20px;}#sidebar a {color:#31b2e5;}
#sidebar .company_info p span.i_location {
background: url("images/i_location.png") no-repeat scroll left top transparent;
padding-left: 22px;
color:#31b2e5;
font-weight:bold;
}
#sidebar .company_info2 p span.i_website, #sidebar .company_info p span.i_website {
background: url("images/i_website.png") no-repeat scroll left top transparent;
padding-left: 22px;
color:#31b2e5;
font-weight:bold;
padding-bottom:2px;
}
#sidebar .company_info p span.i_email2, #sidebar .company_info2 p span.i_email2 {
background: url("images/i_email.png") no-repeat scroll left 2px transparent;
padding-left: 22px;
color:#31b2e5;
font-weight:bold;
}
#sidebar .company_info2 a.i_facebook {
background: url("images/i_facebook.png") no-repeat scroll left top transparent;
color:#31b2e5;
font-weight:bold;}
#sidebar .company_info p span.i_contact {
background: url("images/i_phone.png") no-repeat scroll left top transparent;
color:#31b2e5;
font-weight:bold; padding-left: 22px; padding-bottom:3px;
}
#sidebar .company_info p span.i_date {
background: url("images/i_calendar.png") no-repeat scroll left 50% transparent;
color:#31b2e5;
font-weight:bold;
padding-bottom:2px;
}
.addthis_toolbox span.at300bs {
background: url("images/i_sharethis.png") no-repeat scroll left top transparent !important;
margin-left:-2px;
}
#sidebar .company_info2 p span.i_rating {
background: url("images/i_comment2.png") no-repeat scroll left top transparent;
color:#31b2e5;
font-weight:bold; padding-left: 22px;
}
#sidebar .recent_comments li a.review{
background: url("images/i_comment2.png") no-repeat scroll left top transparent;
padding-left:25px;
}
#sidebar .company_info p span.i_time {
background: url("images/i_clock.png") no-repeat scroll 0 50% transparent;
color:#31b2e5;
font-weight:bold; padding-left: 22px; padding-bottom:2px;
}
#sidebar .company_info .b_claim_listing{
color:#31b2e5;
font-weight:bold;
}
#sidebar .company_info2 a.i_twitter {
background: url("images/i_twitter.png") no-repeat scroll left top transparent;
color:#31b2e5;
font-weight:bold;}
#sidebar .company_info p span.fav {
background: url("images/i_fav.png") no-repeat scroll left top transparent;
color:#31b2e5;
font-weight:bold; padding-left: 22px;
}
.tags {
background: url("images/i_tags.png") no-repeat scroll left 2px transparent;
color: #858585;
}
input#submit {
-moz-border-radius: 5px;
border-radius: 5px;
background: url("images/buttonbg.png") repeat-x scroll left bottom #7bc3ef;
border: 1px solid #7bc3ef;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000000;
}
input#submit:hover {
-moz-border-radius: 5px;
border-radius: 5px;
background: url("images/buttonbg_h.png") repeat-x scroll left bottom #7bc3ef;
border: 1px solid #7bc3ef;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000000;
}
body.archive #inner_pages h1{position: absolute;padding-top: 35px;padding-left: 15px;}
body.archive #inner_pages h1 a{color:#31b2e5;}
body.archive #sidebar{padding-top:30px;}
body.archive #sidebar .company_info {background:none;border:none;border-top: 1px solid #DDDDDD;}
body.archive #inner_pages #content { padding-top: 72px;}
body.archive .likethis {position:absolute;margin-left:655px;width:320px;}
body.archive .galleria-stage{border:none;border: 1px solid #DDDDDD;}
body.archive #sidebar .company_info2 {background:none;border:none;}
body.archive #sidebar #fromAddress{width:152px;height:22px;padding-top:1px;}
body.term-events #content .category_list_view li p.address {
height:47px;
overflow:hidden;
}
body.term-events #content .category_list_view li .content a.addtofav {
margin-top:63px;
}
body.term-events #content .category_list_view li a.ping{
margin-top:68px;
}
body.search #content .category_list_view li .content a.addtofav {
margin-top:48px;
clear:both;
}
body.search #content .category_list_view li a.ping{
margin-top:53px;
clear:both;
}
#content .category_list_view li .content h3 a{width:80%;overflow:hidden;height:18px;}
#sidebar #searchform #s {width: 165px;}
#sidebar h3 span{background:none;}
#content .category_list_view li .author_link{font-size:8px;}
body.author.logged-in #content .category_list_view li .content a.addtofav {
margin-top:27px;
}
body.author #content .category_list_view li .content p {
float: left;
height:63px;
overflow:hidden;
}
body.author #content .category_list_view li .content p.address{
float: left;
height:18px;
overflow:hidden;
}
body.search #content .category_list_view li .content p {
float: left;
height:63px;
overflow:hidden;
}
body.search #content .category_list_view li .content p.address{
float: left;
height:18px;
overflow:hidden;
}
.b_review, .b_submit, .preview_section .b_cancel, #content .login_form_l .b_signin_n, #content .registration_form_box .b_registernow, #simplemodal-container #basic-modal-content4 .button {
-moz-border-radius: 5px;
border-radius: 5px;
background: url("images/buttonbg.png") repeat-x scroll left bottom #7BC3EF;
border: 1px solid #7BC3EF;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000000;
padding:5px 20px;
}
.b_getdirection {
background: url("images/b_getdirection.png") no-repeat scroll left top transparent;
border: medium none;
}
.b_review:hover, .b_submit:hover, .preview_section .b_cancel:hover, #content .login_form_l .b_signin_n:hover, #content .registration_form_box .b_registernow:hover, #simplemodal-container #basic-modal-content4 .button:hover {
-moz-border-radius: 5px;
border-radius: 5px;
background: url("images/buttonbg_h.png") repeat-x scroll left bottom #7BC3EF;
border: 1px solid #7BC3EF;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000000;
padding:5px 20px;
}
body.archive #content .category_grid_view li{margin-top:10px;}
body.archive #content .category_grid_view li p, #content .category_grid_view li .ping, #content .category_grid_view li .fav{display:none;}
body.archive #content .category_grid_view li p.review{display:block;}
body.archive #content .category_grid_view li h3{
height: 25px;
overflow: hidden;
margin:0 0 0px;
}