style.css
/*
Theme Name: EcceLight
Description: EcceLight 2 kolonlu Wordpress teması.
Author: Ecce Tasarım
Author URI: http://www.eccetasarim.com
Version: 2.4
*/
body {
font-size:11px;
font-weight:400;
margin:0;
}
/* =============================================================================
Media Sorguları
========================================================================== */
/* 480px and greater */
@media only screen and (max-width: 644px){
.top-five {float:none !important;margin: 0 auto !important;clear: both;}
#header {text-align:center;}
#header .top_menu {float:left;}
#header .logo {padding-top: 10px; margin:0 !important; float:none !important;max-height: 50px;width: auto;}
#logo-r-menu {display:none;}
#futured {display:block !important;}
#futured-left {display:none !important;}
#futured-right {width: auto !important;}
.f-post-right img {height: auto !important;width: 100% !important;}
.wp-pagenavi, .wp-pagenavi {}
.wp-pagenavi span.pages {}
.wp-pagenavi a.last { }
.wp-pagenavi a.last:hover { }
#sidebar {display:none;}
#content-m {width:auto !important; margin: 5px 10px 0 10px !important;}
#footerzemin {display:none;}
#reklam {display:none;}
#top5 {display:none;}
#futured {display:none;}
.top-two {height: auto !important;width: auto !important;}
.top-two img.wp-post-image {height: auto !important;width: 100% !important;}
.top-two {float: none !important;margin: 10px !important;}
.top-two .viewport a span,.f-post-right a span{display: none !important;}
}
/* 768px and greater */
@media screen and (max-width:768px) and (min-width:644px){
#sidebar {display:none;}
#content-m {width:auto !important; margin: 5px 10px 0 10px !important;}
#footerzemin {display:none;}
#reklam {display:none;}
.top-two {display:none;}
#top5 {display:none;}
#futured {display:none;}
}
@media only screen and (max-width: 768px){
ul#megaUber, ul#megaUber li, #megaMenu {width: 100% !important;}
#megaMenu.megaResponsive ul.megaMenu li .ss-colgroup > .ss-col, #megaMenu.megaResponsive ul.megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li, #megaMenu.megaResponsive ul.megaMenu li.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.ss-sidebar > .wpmega-nonlink > ul > li.widget {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
}
/* 1000px and greater */
@media screen and (max-width:1022px) and (min-width:768px){
#reklam {display:none;}
.top-two {display:none;}
#top5 {display:none;}
#futured {display:none;}
.widget_sponsor_150 ul li {float: none !important;margin: 0 1.6% 1.6% 20% !important;}
}
/* =============================================================================
Non-Semantic Classes
========================================================================== */
/* Custom Selection Styles */
::selection {background:#ea2b4a;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#ea2b4a;color:#FFF;text-shadow:none;}
::-moz-selection {background:#ea2b4a;color:#FFF;text-shadow:none;}
/* Input focus styles */
input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
/* =============================================================================
WordPress Core CSS Styles
========================================================================== */
.alignnone {margin:5px;height: auto;}
.aligncenter,div.aligncenter {display:block; text-align: center;height: auto;}
.alignright {float:right;margin:5px 0 5px 15px;height: auto;}
.alignleft {float:left;margin:5px 15px 5px 0;height: auto;}
.aligncenter {display:block;margin:5px auto 5px auto;height: auto;}
a img.alignright {float:right;margin:5px 0 5px 15px;height: auto;}
a img.alignnone {margin:5px 5px 5px 0;height: auto;}
a img.alignleft {float:left;margin:5px 15px 5px 0;height: auto;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;height: auto;}
.wp-smiley {border: none !important;padding: 0 !important;box-shadow: none !important;}
.sticky {}
.bypostauthor {}
.clear {clear: both;}
.arrow {
height: 40px;
width: 40px;
background: #4e99b8;
margin: 20px 0 20px 20px;
position: relative;
}
.arrow:after {
position: absolute;
right: -10px;
top: 0px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #4e99b8;
}
#logo-r-social {
float: right; margin: 14px 0px 0px; width: 325px;
}
#header-top {overflow: hidden;}
#header {
padding: 5px 10px 0px; margin: auto; top: 0px; z-index: 1; display: block; height: 75px; max-width: 1010px;
}
#header .logo {
float: left;
overflow: hidden;
margin: 10px 0 0;
}
#header .logo a {
height: 100%;
display: block;
}
#reklam {float: right;
width: 468px;
margin: 5px 0 0 0;
padding: 0;
height: 60px;
}
#reklam a img {
width:468px;
height:60px;
}
/*Ustmenü*/
.menu-main-container{
border: none;
width: 100%;
margin-bottom: 5px;
margin-top: 0;
background-color: #222222;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.ustmenu {
width: 1010px;
height: 40px;
margin: 0 auto; display:block; position:relative; z-index:3;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/***************** SUB MENU - Main Tabs **********************/
.ustmenu ul.menu-1 { position:absolute; list-style:none; display:inline-block; padding:0; margin:0;}
.ustmenu ul.menu-1 li {
padding:0;
float:left;
height:40px !important;
line-height: 40px;
}
.ustmenu ul.menu-1 li a {
font-size: 12px;
color: #d9d9d9;
padding: 0 15px 0 15px;
font-weight: bold;
text-transform: uppercase;
display: block;
transition: background-color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in;
-webkit-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
}
.ustmenu ul li a:hover {
background-color: #000;
color:#FFF;
}
/****************** SUB MENU - LEVEL 2 ***********************/
.ustmenu .sub-menu {
width: 120px !important;
background-color: #f9f9f9;
position: absolute;
padding:0px; margin:0px;
display:none;
border-color: #e0e0e0;
color: #888888;
text-shadow: 0px 1px 1px #ffffff;
}
.ustmenu ul ul.sub-menu li a:hover{
background: none !important;
color:#000 !important;
}
.ustmenu ul.sub-menu li {
border-bottom: 1px solid #D4D4D4;
background:none !important;
display: block;
float: left;
margin: -1px;
padding: 0;
width: 120px;
height: 100% !important;
}
.ustmenu ul ul.sub-menu li a {
font-weight:normal !important;
font-size: 12px;
color: #333;
padding: 10px;
text-align: left;
width: 100px !important;
height: 100%;
line-height: 14px;
text-transform: none;
}
.ustmenu ul ul ul.sub-menu {
display: none !important; /* For testing, change to display: block; */
list-style:none;
z-index:100;
width:120px !important;
}
.ustmenu ul li:hover > ul {
display: block !important;
width:120px !important;
}
/* Uncomment to show drop down for testing purposes
.ustmenu ul ul.sub-menu li:hover > ul {
display: none;
width:120px !important;
}
*/
/****************** SUB MENU - LEVEL 3 ***********************/
.ustmenu ul ul ul.sub-menu {
margin: -33px 0px 0px 120px !important;
}
ul#altmenu { margin: 15px 0 15px 0; padding: 0; text-align: center; }
ul#altmenu li { line-height:25px; list-style: none; display: inline; padding: 0 15px 0 0;
margin:0 15px 0 0; border-right:1px dotted #ddd; }
ul#altmenu li:last-child { list-style: none; display: inline; padding: 0 15px 0 0;
margin:0 15px 0 0; border-right:none;}
ul#altmenu li a, ul#altmenu li a:visited {
font-size: 13px ;
color: #eee;
text-decoration: none;
}
ul#altmenu li a:hover {
text-decoration: underline;
}
#logo-r-menu {
float: left;
margin: 18px 0 0 10px;
padding: 10px;
}
#logo-r-menu li {
display: inline; margin: 0px 5px 0px 0px;border-right: 1px solid #fff;
padding: 0 10px 0 0;
}
#logo-r-menu li:last-child {border-right: 0;}
#logo-r-menu li a, #logo-r-menu li a:visited {
text-decoration: none; font-size: 15px ;
}
#menu-ortala {
margin: auto; width: 980px;
}
.top-two {
float: left; margin: 5px 5px 5px 8px; font-weight: bold; position: relative; height: 120px; width: 490px;
}
.top-two h2 {
background: rgba(255,255,255,0.6); font-weight: bold; position: absolute; bottom: 0px; width: 100%; margin: 0;
}
.top-two h2 a, .top-two h2 a:visited {
font-size: 14px; text-decoration: none; font-weight: bold; padding:5px 10px;display: block;
}
.top-two img {
height: 120px; width: 490px;
}
#genel {
margin:auto; background: transparent; max-width: 1010px;
}
#futured {
margin: 0 0 15px 0;
overflow: hidden;
}
#futured-right {
float: right; width: 335px;
}
#futured-left {
float: left; width: 335px; margin: 0;
}
.f-post-right {
}
.f-post-right p {
font-size: 13px;line-height:1.4em ;
}
.f-post-right img {
height: 165px; width: 335px; margin: 0px 0px 10px;
}
.f-post-right h2 {
margin: 0px
}
.f-post-right h2 a, .f-post-right h2 a:visited {
font-weight: bold;font-size: 15px ;line-height: 20px;
margin-bottom: 5px;
}
.f-post-left {
clear: both; margin: 0 0 25px; float:left;
}
.f-post-left p {
font-size: 12px ;
}
.f-post-left img {
margin: 0px 5px 0px 0px; width: 165px; height: 80px;
}
#futured-left h2 {
font-size: 12px ;
margin: 0 0 10px 0;
}
#futured-left h2 a, #futured-left h2 a:visited {
font-weight: bold; font-size:14px ;display:block;
}
.f-post-clear {clear:both;line-height:18px;}
#top5 {
margin: 0 0 10px 5px; overflow: hidden;
}
.top-five {
width: 194px; float: left; margin: 3px;line-height:18px;
}
.top-five p {
font-size: 10px;line-height:1.4em ;
}
.top-five img {
height: 90px; width: 194px; margin: 0;
}
.top-five h3 {
margin: 5px 0 0 0
}
.top-five h3 a, .top-five h3 a:visited {
font-weight:bold; font-size: 14px !important;
}
#content-m {
float: left; width: 67.33333%; margin: 15px 5px 0 5px ;
}
.post-b {
margin-top: 10px;
position: relative;
float: left;
margin-bottom: 10px;
max-width: 100%;
}
.post-b p {
line-height: 20px;
margin: 0;
margin-bottom: 10px;
font-size: 13px;
width: 100%;
word-wrap: break-word;
}
#post-b img {max-width: 100%;height: auto;}
#content-m .post-a {
margin-bottom: 20px;
clear:both;
overflow: hidden;
}
#content-m .post-a p {
line-height: 20px; margin: 0; margin-bottom: 10px; font-size: 13px;
}
a.rmore {
float: left; font-size: 15px;
}
#content-m .post-a ul {
font-size: 13px;
display: block;
list-style-type: disc;
line-height: 20px;
}
#content-m .post-a ul li {
text-align: -webkit-match-parent;
}
#content-m .post-a h1 {font-size: 22px !important;line-height: 33px !important;margin-bottom: 5px;}
#content-m .post-a h2 {font-size: 18px !important;line-height: 27px !important;margin-bottom: 5px;}
#content-m .post-a h3 {font-size: 15px !important;line-height: 22px !important;margin-bottom: 5px;}
#content-m .post-a h4 {font-size: 13px !important;line-height: 20px !important;margin-bottom: 5px;}
#content-m .post-a h5 {font-size: 12px !important;line-height: 18px !important;margin-bottom: 5px;}
#content-m .post-a h6 {font-size: 11px !important;line-height: 17px !important;margin-bottom: 5px;}
#content-m .post-a h1 a, #content-m .post-a h1 a:visited, #content-m .post-a h2 a, #content-m .post-a h2 a:visited {
font-style: normal; line-height: 1em; font-size: 30px;font-weight:400;
}
#content-m .thumb img {
float: left; padding: 1px; height: 215px; width: 285px; margin: 5px 15px 0px 0px;
}
.post-c {margin:0;}
.post-c img { max-width:100%; width:100%; height:auto; }
.soll img {float:left;margin:5px 15px 0 0; max-width:256px; }
.sagg img {float:right;margin:5px 0 0 15px;max-width:256px; }
.post-info {
overflow: hidden; margin:0 0 5px 0;background: #f7f7f7;padding: 0 10px 0 0;
}
.info-left {
float: left; margin: 0px;
}
.info-right {
float: right; margin: 4px 0px 0px;font-size: 15px;
}
.auth-avatar {
float: left
}
.auth-avatar img {
margin: 0px 10px 0px 0px; width: 25px; height: 25px;
}
.auth-name {
float: left; margin: 4px 0px 0px;
font-size:15px ;
}
.auth-name a, .auth-name a:visited {
color: #4E7795; text-decoration: none; font-size: 15px;
}
.post-add-time {
font-size: 15px;
}
.post-navigasyon {
clear: both;
margin: 0 0 15px;
overflow: hidden;
font-size: 13px;
line-height: 14px;
}
.post-eski {
float: left;width: 340px;
}
.post-yeni {
float: right;
text-align: right;width: 340px;
}
.post-eski a {
text-decoration: none;
padding-left: 40px;
background: url(images/devam2.png) no-repeat;
display: block;
position: relative;
background-position-x: 4px;
transition: all .2s ease-in !important;
-moz-transition: all .2s ease-in !important;
-webkit-transition: all .2s ease-in !important;
-o-transition: all .2s ease-in !important;
}
.post-yeni a {
text-decoration: none;
padding-right: 40px;
background: url(images/devam.png) no-repeat right;
display: block;
position: relative;
background-position-x: 306px;
transition: all .2s ease-in !important;
-moz-transition: all .2s ease-in !important;
-webkit-transition: all .2s ease-in !important;
-o-transition: all .2s ease-in !important;
}
.post-yeni a:hover {background-position-x: 311px;}
.post-eski a:hover {background-position-x: -1px;}
.post-navigasyon span {
display: block;
font-size: 90%;
color: #999;
}
blockquote {
background: url("./images/quote.png") no-repeat scroll left top #F7F7F7; padding: 5px 10px 2px 40px; margin: 0px 0px 15px 5px;border-bottom: #ccc solid 2px;
}
blockquote p {
font-size: 13px ! important
}
/*Slider*/
.golge-m img {width:100%; height:auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
.rsOverflow {width:100% !important; height:100% !important;}
.rsContent img {width:100% !important; height:auto !important;}
#sidebar {
width: 29.66666%; float: right;margin-top: 15px;
}
.bilesen {
margin-bottom: 20px; font-size: 14px;clear: both;
}
.bilesen p {
font-size: 14px;margin: 0px; padding: 0px;
}
.bilesen h2 {
font-size: 14px; text-transform: uppercase; padding: 0px 0px 5px; border-bottom: 3px solid #DDD; margin: 0px 0px 10px;
}
.bilesen ul {
list-style-type: none; width: 100%; padding: 0px;
}
.bilesen ul li {
border-bottom: 1px dotted #CCC;
}
.bilesen ul li a, .bilesen ul li a:visited {
font-weight:bold;
font-size: 13px ! important;
text-decoration: none; display: block;
transition: padding 0.2s, color 0.2s ease-in;
-moz-transition: padding 0.2s, color 0.2s ease-in; /* Firefox 4 */
-webkit-transition: padding 0.2s, color 0.2s ease-in; /* Safari and Chrome */
-o-transition: padding 0.2s, color 0.2s ease-in; /* Opera */
}
.bilesen ul li a:hover {
padding-left: 5px !important;
}
.footer-widget {width:30.4%; float:left; margin-right:2.8%;}
#footerzemin {padding: 0% 1% 0% 1%;}
.footer-widget li.recentcomments {color:#ccc;}
.widget_sponsor_300, .widget_calendar, .widget_nav_menu, .widget_recent_comments, .widget_pages, .widget_recent_entries, .widget_text, .widget_meta, .kategoriler, .widget_links, .widget_archive {
line-height: 1.5em;
}
/*Son Yazılar Bileşeni*/
span.resim-cerceve a {line-height:0;}
#sidebar .widget_recent_posts ul.kucuk-resim, #footerzemin .widget_recent_posts ul.kucuk-resim {max-width: 300px;}
#sidebar .widget_recent_posts ul.kucuk-resim li, #footerzemin .widget_recent_posts ul.kucuk-resim li {list-style:none; border:none; position: relative;margin-bottom: 10px;}
#sidebar .widget_recent_posts ul.kucuk-resim li span.resim-cerceve a:hover, #footerzemin .widget_recent_posts ul.kucuk-resim li span.resim-cerceve a:hover {padding:0 !important;}
#sidebar .widget_recent_posts ul.kucuk-resim li span.resim-cerceve a img, #footerzemin .widget_recent_posts ul.kucuk-resim li span.resim-cerceve a img {width:100%;}
#sidebar .widget_recent_posts ul.kucuk-resim li span.yazi-b-a, #footerzemin .widget_recent_posts ul.kucuk-resim li span.yazi-b-a {background: rgba(255,255,255,0.6);position: absolute;margin-top: -26px;width: 100%;}
#sidebar .widget_recent_posts ul.kucuk-resim li a.yazi-baslik, #footerzemin .widget_recent_posts ul.kucuk-resim li a.yazi-baslik {padding: 5px 0px 7px 10px !important;min-width: 270px;line-height: 14px;}
#sidebar .widget_recent_posts ul.kucuk-resim li a:hover, #footerzemin .widget_recent_posts ul.kucuk-resim li a:hover {padding: 5px 0px 7px 14px !important;}
/*Popüler Bileşeni*/
#sidebar .widget_popular_posts ul.posts_list, #footerzemin .widget_popular_posts ul.posts_list {max-width: 300px;}
#sidebar .widget_popular_posts ul.posts_list li, #footerzemin .widget_popular_posts ul.posts_list li {list-style:none; border:none; position: relative;margin-bottom: 10px;}
#sidebar .widget_popular_posts ul.posts_list li span.resim-cerceve a:hover, #footerzemin .widget_popular_posts ul.posts_list li span.resim-cerceve a:hover {padding:0 !important;}
#sidebar .widget_popular_posts ul.posts_list li span.resim-cerceve a img, #footerzemin .widget_popular_posts ul.posts_list li span.resim-cerceve a img {width:100%;}
#sidebar .widget_popular_posts ul.posts_list li span.yazi-b-a, #footerzemin .widget_popular_posts ul.posts_list li span.yazi-b-a {background: rgba(255,255,255,0.6);position: absolute;margin-top: -26px;width: 100%;}
#sidebar .widget_popular_posts ul.posts_list li a.yazi-baslik, #footerzemin .widget_popular_posts ul.posts_list li a.yazi-baslik {padding: 5px 0px 7px 10px !important;min-width: 270px;line-height: 14px;}
#sidebar .widget_popular_posts ul.posts_list li a:hover, #footerzemin .widget_popular_posts ul.posts_list li a:hover {padding: 5px 0px 7px 14px !important;}
/*Sponsor*/
.widget_sponsor_150 ul { line-height:0;float: left; margin-bottom: 20px; }
.widget_sponsor_150 ul li {
float: left;
border:none;
line-height:0;
margin: 0 1.5% 1.5% 0;
}
.widget_sponsor_150 ul li a {
}
.widget_sponsor_150 ul li a:hover {padding:0 !important;}
.widget_sponsor_150 ul li a img{
width: 100%;
height: auto;
max-width: 145px;
}
.blok-baslik {
font-size: 14px; text-transform: uppercase; padding: 0px 0px 5px; margin: 0px 0px 10px;font-weight:bold;
}
/*Kategoriler*/
ul.kategori-ic {
margin-bottom: 20px;
float: left;
}
ul.kategori-ic li.cat-item {
width: 48%;
float: left;
margin-right: 2%;
}
/*Arama Kutusu*/
input.arama {
width: 71%;
vertical-align: middle;
margin: 0;
font-size: 12px;
color: #999;
padding: 3%;
height: 10px;
-moz-box-shadow:inset 2px 2px 5px #ccc;
box-shadow:inset 2px 2px 5px #ccc;
border: 1px solid #b8b8b8;}
#arama1 {margin-top: 32px;}
#arama1 #alan input.aramaSubmit {
vertical-align: middle;
border-radius:3px;
width: 20%;
height: 30px;
border: none;
color: #fff;
cursor: pointer;}
#arama1 #alan input.aramaSubmit:hover,
#arama1 #alan input.aramaSubmit.hover {
;border-radius:3px;vertical-align: middle;
}
#footer-a {
overflow: hidden;
padding: 0px 0px 10px;
width: 100%;
margin:0;
}
.footer-wrap {
max-width: 1010px;
overflow: hidden;
margin: auto;
}
#footer-bottom {
background: #222;
height: 45px;
width: 100%;
margin: 0;
padding: 0;
margin-bottom: -11px;
}
#footer-sosyal {
margin: 10px 0;
overflow: hidden;
float: left;
}
#copy-text {
font-size: 12px ;
color:#fff;
float: left;
margin: 15px 0 0 0;
line-height: 15px;
}
a#rsss {
background: url("./images/rss-footer.jpg");
display: block;
text-indent: -999em;
width: 40px;
height: 40px;
float: left;
margin:0 20px 0 0;
}
a#fb-footer {
background: url("./images/facebook-footer.jpg");
display: block;
text-indent: -999em;
width: 40px;
height: 40px;
float: left;
margin:0 20px 0 0;
}
a#tw-footer {
background: url("./images/twitter-footer.jpg");
display: block; text-indent: -999em; width:
40px; height: 40px;float: left; margin:0 20px 0 0;
}
a#gg-footer {
background: url("./images/google-footer.jpg"); margin:0 20px 0 0;
float: left;display: block; text-indent: -999em; width: 40px; height: 40px;
}
a#yt-footer {
background: url("./images/youtube-footer.jpg"); margin:0 20px 0 0;
float: left;display: block; text-indent: -999em; width: 40px; height: 40px;
}
/*Yazar*/
.blok-yazar {
padding: 3px;
background-color: #fcfcfc;
border: solid 1px #c5d5e6;
line-height: 1.3em;
font-size: 12px;
}
.yazar-resim {
display:block;
}
.yazar-resim img {
border: 1px solid #c5d5e6;
padding: 4px;
background: white;
float: left;
margin:5px;
}
.yazar-bilgi {
margin-top: 3px;
}
.yazar-sosyal a {
display: block;
}
.yazar-sosyal a img {
float: left;
margin: 2px;
}
/*Yorumlar*/
.yorumlar {
margin-bottom:15px;
}
.yorumlar .blok-baslik h3 {
margin: 0;
}
.commentlist {
line-height: 1.3em;
font-size: 12px;
}
.commentlist li {
margin-bottom: 15px;
position: relative;
clear: both;
margin-left: 29px;
list-style:none;
}
.comment-wrap {
margin-top:10px;
padding:10px;
background-color: #fcfcfc;
border: solid 1px #c5d5e6;
}
.comment-avatar {
overflow: hidden;
width: 50px;
height: 50px;
margin: 0 10px 5px -40px;
background: white;
padding: 2px;
float: left;
border: solid 1px #c5d5e6;
}
.author-comment {
overflow: hidden;
position: relative;
}
.author-site {
position: relative;
display: block;
margin-bottom: 5px;
}
.author-comment a, .cevap-iptal a, #system-login a {
text-decoration: none;
font-weight:bold;
}
.comment-wrap span {
color:#2675cc;
}
.commentmetadata {
display: block;
clear: both;
text-decoration: none;
font-size: 12px;
font-style: italic;
margin-bottom:5px;
}
.commentmetadata span.comment-date {
text-decoration: none;
font-size: 12px;
font-style:italic;
}
.comment-content {
clear: both;
width: 100%;
overflow: hidden;
}
.comment-content p {
margin: 0 0 10px 0;
width: 100%;
}
.reply {
margin:0;
padding:0;
font-weight: bold;
}
.reply a.comment-reply-link {
position: absolute;
bottom: 0px;
right: 0px;
background: #c5d5e6;
padding: 3px 10px;
font-size: 11px;
text-decoration:none;
color:#fff !important;
}
#respond {
margin-bottom:15px;
margin-top:15px;
padding:10px;
background-color: #fcfcfc;
border: solid 1px #c5d5e6;
font-size: 13px;
}
#respond a { font-weight:bold; }
.blok-baslik small a {
font-size: 11px;
text-decoration:none;
float:left;
padding-top:5px;
}
/*Cevap Formu*/
#respond p#system-login {
font-size:13px;
margin:10px 0 10px 6px;
}
#respond p.input_block {
margin: 5px;
float: left;
padding: 0px;
}
#respond p.textarea_block label {
display: block;
font-size: 16px;
padding-bottom: 10px;
float: left;
}
#respond p.input_block input {
background: #fff;
border: 1px solid #c5d5e6;
padding: 4px 6px;
font-size: 12px;
width: 192px;
}
#respond p.textarea_block {
padding: 5px;
}
#respond p.textarea_block textarea {
background: #fff;
border: 1px solid #c5d5e6;
font-size: 12px;
width: 96.5%;
padding: 6px;
}
/*Buton*/
#button2 {
background: #b4b4b4;
color: white;
border: 2px solid #eee;
height: 30px;
width: 120px;
margin: 10px 0 0;
overflow: hidden;
display: block;
text-align: center;
line-height: 30px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
-webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
cursor:pointer;
}
#button2:hover {
background-color: #708295;
}
#button2 cufon {
padding-top:7px;
}
#respond .cancel-comment-reply {
margin-left: 10px;
text-decoration: none;
}
.commentlist #respond {
margin: 1.625em 0 0;
width: auto;
}
#reply-title {
color: #373737;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
.cevap-iptal {
text-transform: none;
padding: 0;
font-size: 13px;
}
.cevap-iptal span.cancel-comment-reply {
display: block;
text-decoration: none;
margin-top:5px;
}
.yorumlar p.nocomments {
font-size:16px;
margin-bottom:20px;
}
p.comment-form-comment {
margin: 0;
}
/*Resimler*/
.viewport {
height:auto;
width:auto;
margin: 0;
position: static;
}
.no-margin {
margin-right: 0;
}
.viewport a {
display: block;
position: relative;
line-height: 0;
}
.viewport h2 a,.viewport h3 a {
line-height: 18px;
}
.viewport a img {
position: relative;
}
.viewport a span {
display: none;
position: absolute;
z-index: 30;
}
.viewport a span img {
width: 30px;
height: 30px;
position: static;
}
.viewport a span sup.comment,.viewport a span sup.view{
padding-left: 3%;
margin: 0 !important;
line-height: 0 !important;
float: left;clear: both;
font-size: 14px;
}
.viewport a span sup.comment {
padding-top: 14px;width: 75%;
}
.viewport a span sup.view{
padding-top: 5px;width: 75%;
}
.viewport a span sup.view-c{
margin: 14px 0 0 0;
float: left;
color: #222;
}
.viewport a span sup.view-b{
margin: 14px 0 0 0;
float: left;
color: #222;
}
.viewport a span sup.view img{
float:left;margin-right: 1%;
}
.viewport a span sup.comment img{
float:left;margin-right: 1%;
}
.blue-hover {
background-color: rgba(255, 255, 255, 0.5);
}
.blue-hover em {
color: #ccc;
}
.wp-pagenavi {
padding: 10px 0px !important;
display: block;
clear: both !important;
margin-bottom: 10px;
width: 100%;
text-align: center;
float: left;
}
.wp-pagenavi:hover {}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
padding: 7px 10px;
display: inline-block;
font-size: 12px;
border-radius: 2px;
background: #E0E0E0;
margin: 0px 5px 5px 0px;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
}
.wp-pagenavi span.pages {
font-weight: bold;
margin: 0px 5px 5px 0px;
vertical-align: middle;
}
.wp-pagenavi a:hover {
background: none repeat scroll 0 0 #555555;
color: #F1F1F1;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
}
.wp-pagenavi span.current{
text-shadow: rgb(51, 102, 153) 1px 1px 0px;
background: rgb(34, 34, 34);
padding: 7px 10px;
display: inline-block;
border-radius: 2px;
font-size: 12px;
margin: 0px 5px 5px 0px;
color: rgb(241, 241, 241);
text-decoration: none;
font-weight: bold;
vertical-align: middle;
}
/*Yazı bilgileri*/
.auth, .post-add-time {font-weight: bold; }
.yazarbolum {
margin-bottom: 15px;
}
/*Etiketler*/
.etiketler {margin-bottom: 15px;}
.etiket a {
border-color: #DEDEDE #D8D8D8 lightGrey;
text-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 1px 1px #EAEAEA, inset 0 1px 0 #FBFBFB;
-moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 1px #EAEAEA, inset 0 1px 0 #FBFBFB;
background: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(47%,#F6F6F6), color-stop(100%,#EDEDED));
display: inline-block;
text-decoration: none;
font-size: 12px;
padding: 3px 8px;
line-height: 15px;
color: #555;
border: 1px solid #DEDEDE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
margin-bottom: 5px;
}
.etiket a:hover {
background:none repeat 0 0 scroll #fff;
}
.buttonswrap{display: block;
float: left;
margin: 0 0 0 -100px;
position: absolute;
background-color: #f9f9f9;
width: 70px;
padding: 15px 10px 5px 10px;
border: 1px solid #c5d5e6;
height: 220px;
}
/* Social Icon Widget
---------------------------------------------------------- */
.widget_social a {
padding:0 !important;
margin: 0 !important;
background: none !important;
}
.widget_social a:hover {
text-decoration: none;
border: 0;
}
.widget_social img {
margin:0 2px 10px 2px;
}
.widget_social .social_animation_fade img, .widget_social .social_animation_combo img {
opacity:0.7;
-moz-opacity:0.7;
}
.widget_social .social_animation_fade img:hover {
opacity: 1;
-moz-opacity: 1;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
.widget_social .social_animation_scale img:hover {
-moz-transform: scale(1.2);
-o-transition: scale(1.2);
-webkit-transform: scale(1.2);
-ms-zoom: 1.2;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
.widget_social .social_animation_bounce img:hover {
-moz-transform: translate(0px, -2px);
-o-transition: translate(0px, -2px);
-webkit-transform: translate(0px, -2px);
transform: translate(0px, -2px);
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
.widget_social .social_wrap.social_animation_combo img:hover {
opacity: 1;
-moz-opacity: 1;
transform: translate(0px, -2px);
-moz-transform: scale(1.2) translate(0px, -2px);
-o-transform: scale(1.2) translate(0px, -2px);
-webkit-transform: scale(1.2) translate(0px, -2px);
-ms-zoom: 1.2;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
/*Social Widget*/
.sosyal { float:left; margin-bottom:30px;width: 100%;}
.s-kenar1 {
margin-left: 10px;
height: 39px;
}
.f-baslik {
width: 50%;
height: 45px;
float:left;
background: #fff url(images/element2bg.png) 0 -29px repeat-x scroll;
color:#fff !important;
line-height:45px;
text-align: center;
}
.f-baslik a {
font-size: 20px;
color:#fff !important;
text-decoration:none;
}
.t-baslik {
width: 50%;
height: 45px;
float:left;
background: #fff url(images/element2bg.png) 0 -188px repeat-x scroll;
color:#fff !important;
line-height:45px;
text-align: center;
}
.t-baslik a {
font-size: 20px;
color:#fff !important;
text-decoration:none;
}
.tab {
margin: 0;
padding: 0;
}
.aktif1 {
height: 45px;
float:left;
background: #fff url(images/element2bg.png) 0 -78px repeat-x scroll;
color:#fff;
}
.sosyal-bg {
width:100%;
margin-top:5px;
float:left;
}
/*Twitter Style*/
.twitter-timeline {max-height:560px;}
#tw {
padding: 0;
}
#tw .twtr-widget,
#tw .twtr-doc {
width: 100%;
height: auto;
}
#tw .twtr-hd {
background: #1FB6D6;
color: #fff;
}
#tw .twtr-hd *,
#tw .twtr-hd h4 a {
background: #1FB6D6 !important;
margin-top: 5px !important;
}
#tw .twtr-hd h3,
#tw .twtr-hd h4 {
text-align: center;
}
#tw .twtr-hd h3 {
background: #fff !important;
color: #333 !important;
font-size: 1.5em !important;
padding: 0.2em !important;
-moz-border-radius: 3px;
border-radius: 3px;
}
#tw .twtr-tweet {
background: #fff;
}
#tw .twtr-tweet a:link,
#tw .twtr-tweet a:visited,
#tw .twtr-tweet a:hover {
color: #1FB6D6 !important;
}
#tw .twtr-tweet .twtr-tweet-text {
border-bottom: 2px dashed #333 !important;
padding-bottom: 4px !important;
}
#tw .twtr-tweet .twtr-tweet-text p {
color: #333 !important;
}
/*fb facebook*/
#fb {
padding:0;
}
.tweetBtn,.facebookBtn,.stumbleUponBtn .googleplusBtn{display:block;margin-left:1px;float:center}
.facebookBtn{margin:5px 0 5px 2px}
.googleplusBtn{margin:-5px 0 0 9px}
#infscr-loading {text-align: center;margin-bottom: 10px;}
#infscr-loading img {margin: 0 auto;}
/* calendar widget */
.widget_calendar {width: 100%;}
#wp-calendar {width: 100%; }
#wp-calendar a{text-decoration: none; font-weight: bold; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 12px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #999; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px; line-height: 20px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
/*==== tag cloud ====*/
.tagcloud { }
.tagcloud a {font-size: 11px !important;line-height: 12px; padding:5px 8px 5px 8px; font-weight:400; margin: 0px 0px 4px 0px; display:inline-block; background:#eee; color:#AAA; -moz-transition:.8s linear; -webkit-transition:.8s ease-out; transition:.8s linear; }
.tagcloud a:hover {background:#34495e; color:#FFF; -moz-transition:.01s linear; -webkit-transition:.01s ease-out; transition:.01s linear;}
.textwidget {font-size: 13px;line-height: 18px;}
.widget_social {margin: 0 0 5px -4px;float: left;width: 100%;}
.widget_social a {margin-bottom: 1%;display: block;float: left;}
/*LightBox*/
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 25%;
}
.gallery-columns-2 .gallery-item { width: 50%; margin-top:5px;}
.gallery-columns-3 .gallery-item { width: 33%; margin-top:5px; }
.gallery-columns-4 .gallery-item { width: 25%; margin-top:5px; }
.gallery img {
box-shadow: 0px 0px 4px #999;
border: 1px solid white;
padding: 8px;
background: #f2f2f2;
}
.gallery img:hover {
background: white;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-3 .attachment-medium {
max-width: 87%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
.Contact_form_widget {color:#fff;}
#wp-contact-form input {
height: 30px;
background: rgba(255, 255, 255, 0.1);
padding: 0 10px;
line-height: 13px;
font-size: 12px;
color: #eee;
border: 1px solid #888;
float: left;
margin: 0 0 10px 0;
border-radius: 2px;
width: 280px;
}
#wp-contact-form textarea
{
height: 60px;
background-color: rgba(255, 255, 255, 0.1);
padding: 10px 10px;
line-height: 13px;
font-size: 13px;
color: #eee;
border: 1px solid #888;
float: left;
margin: 0 0 5px 0;
border-radius: 2px;
width: 280px;
}
#wp-contact-form label
{
display: block;
font-size:14px;
line-height:16px;
margin-top: 20px;
}
#wp-contact-form label[for=cw_subject] {margin-top:5px !important;}
#wp-contact-form label.recaptcha_only_if_image {margin:0 !important;}
#cw_refresh span {color:#fff; font-size:14px;}
div#recaptcha_widget
{
width: 100%;
}
div#recaptcha_widget #recaptcha_image img{
height: auto;
width: 100%;
float: left;
margin: 5px 0 10px 0;
}
#wp-contact-form input.button {font-weight: bold;
text-transform: uppercase;
cursor: pointer;width: 100% !important;}
#wp-contact-form input.button:hover {color: #CFCFCF !important;}
#message p { font-size:12px; color:RED ; margin:0 0 5px 0 !important;}
.cw_inactive {
color: #ccc;
}
a.page-numbers,span.page-numbers {display: inline-block;
font-size: 14px;font-weight: bold;}
a.page-numbers.prev,a.page-numbers.next {margin: 10px !important;
margin-left: 0px !important;
font-size: 14px;}
a.page-numbers{margin: 2px;
font-size: 14px;}
span.page-numbers {margin: 2px;
font-weight: normal;}
yardımı dokunur diye web site www.web2ex.net
önerilerinizede acıgım arkadaşlar . teşekkürler.
