/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* For the 125x125 Ad boxes - adblock and cenx */ .custom div.adblock img { padding: 4px; background-color: #FFFFFF; } .custom .cenx {text-align: center; } /*--- comments ---*/ .custom #comments { margin-left: 3.3em; margin-right: 5.5em; } .custom #custom_comments { float: right; margin-bottom: .714em; font-family: "Helvetica Neue",Helvetica,Arial,Verdana,"Lucida Grande",sans-serif; font-size: .94em; } .custom #comm_number { color: ##2361A1; } .custom #comm_number:hover { border-bottom: solid 1px ##2361A1; } /*.custom .widget { border: 1px solid #dddddd; background-color: #E3F0F2;}*/ .custom #page { background: #fff; } h1 { font-size: 1em; font-weight: bold; color: #1E63A9; } h2 { font-size: 1em; font-weight: bold; color: #1E63A9; } h3 { font-size: 1em; font-weight: bold; color: #e7772f; } h4 { font-size: 1em; font-weight: bold; } h2 a { color: #1E63A9; } h2 a:hover { color: #e7772f; } #content #archive_info h1 { font-size: 1.8em; line-height: 1em; font-weight: normal; } /* Top Nav bar */ .custom ul#topnav { border-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; background:#E4E4E4 none repeat scroll 0 0; width: 100%; float: left; } .custom ul#topnav li { float: right; padding: 3px 10px 3px 0px; } .custom ul#topnav li a { font-size: 1.1em; color: #000000; } .custom ul#topnav li a:hover { text-decoration: underline; } /* ==prova1== */ .sidebar .widget_twitter { background: #F7F7F7; margin: 0px 0px 50px -1px; padding: 0px 0px 60px 0px; border: 1px solid #E6E6E6; } .homepage .widget_twitter h4 a, .homepage .widget_twitter h4 a:link, .homepage .widget_twitter h4 a:visited, .homepage .widget_twitter h4 a:active, .sidebar .widget_twitter h4 a, .sidebar .widget_twitter h4 a:link, .sidebar .widget_twitter h4 a:visited, .sidebar .widget_twitter h4 a:active, .sidebar a, .sidebar a:visited { color: #222; text-decoration: none;*/ } .homepage .widget_twitter h4 a:hover, .sidebar .widget_twitter h4 a:hover, .sidebar a:hover{ color: #3A87DD; text-decoration: underline; } .homepage .widget_twitter, .sidebar .widget_twitter, .widget_twitter { background-image:url(http://www.eklipsi.com/wp-content/uploads/twitter.png); background-repeat:no-repeat; background-position:95% 100%; } .homepage .widget_twitter a, .homepage .widget_twitter a:link, .homepage .widget_twitter a:visited, .homepage .widget_twitter a:active, .sidebar .widget_twitter a, .sidebar .widget_twitter a:link, .sidebar .widget_twitter a:visited, .sidebar .widget_twitter a:active { color: #3A87DD; } .homepage .widget_twitter a:hover, sidebar .widget_twitter a:hover { color: #3A87DD; } .widget_twitter .entry-meta { display:block; font-size:80%; } /* CommentLuv last blog post settings*/ .cluv {display:block; padding:8px;border: 1px solid #E1E1E0; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;} .custom #comments abbr {display:block; padding:8px;border: 1px solid #E1E1E0; background: #F5F5F5; text-transform: none; font-style: normal; letter-spacing: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px;} /* ==Post Title== */ .custom .headline_area h1, .headline_area h2 {text-transform:uppercase; text-align:center; color:#333333; padding: 0 50px;} .headline_meta {text-align: center;} /* ==Remove Comment Brackets== */ .custom .format_text .to_comments span.bracket {color: #fff;} .custom .comments_intro span.bracket {color:#fff;} /* == Remove Lave a comment text == */ /*.custom #respond_intro p {display: none;} .custom .comment-heading { font-size: 2.3em; margin-top: 1em; margin-bottom: -2em; padding: 0.5em; margin-left: 1em;}*/ /* ===custom post author=== */ .postauthor {background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em;} .postauthor img {border: 1px solid #e2dede; float: left; margin-right: 1.5em;} .postauthor h4 {color: #666; font-size: 2em; margin-bottom: 5px;} .postauthor p {color: #515151; font-size: 13px; margin-bottom: 12px;} .postauthor p.hlight {font-size: 11px; text-transform: uppercase;} .postauthor p.hlight span {color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px;} #similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; } #similar { float: left; width: 50%; } #similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; } #similar a { font-size: 1.4em; border-bottom: 1px solid #CB3131; line-height: 1.5em; } #similar a:hover { border: 0; } #similar h3 { padding-left: 10px; } #similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; } #rightcol { float: right; width: 50%; } #rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0; } #rightcol h3 { padding: 0; } #rightcol ul { list-style-position: inside; list-style-type: square; margin-left: 1em; } #rightcol ul a { border-bottom: 1px solid #CB3131; font-size: 14px; } #rightcol ul a:hover { border: 0; } #rightcol li { margin-bottom: 10px; } #subscribe { background: #FFFBCC; border: 1px solid #E6DB55; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: right; margin: 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* === REMOVE BORDER === */ /*.custom #content_box {background:none;}*/ body.custom { background: #44443f; } .custom #container { margin-top: 2em; margin-bottom: 2em; padding: 0.3em; background: #33332f; border: 0.4em solid #3e3e3a; } .custom #page { background: #fff; } /*-------------------------custom header---------------------------*/ /* This line sets up our clickable background image based on the site title's link */ /* DIY: Adjust the height & width attributes to reflect the actual size of your image */ /* DIY: Change the url of your image to reflect the actual header's location and file name */ /*.custom #header #logo a { display: block; height: 160px; width: 660px; background: url('http://www.eklipsi.com/wp-content/themes/thesis/custom/images/eklipsi_header_1b.jpg') no-repeat; outline: none; }*/ /* This line gets rid of the site title & tagline by casting them out to far left field */ /*.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }*/ /* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */ /* This is a bit of a kludge, but it seems to work. */ /*.custom #header #tagline { height: 0; }*/ /* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */ /*.custom #header { padding: 0; }*/ /*-------------------------custom header---------------------------*/ /* === Custom reply button ===*/ .custom dl#comment_list dd p.reply { margin: 1em 0 1.5em 0; } .custom dl#comment_list dd p.reply a {color: #2361A1;padding: 4px 6px;} .custom dl#comment_list dd p.reply a:hover {background:#2361A1; color: #FFF; border: 0; text-decoration:none;} /*Removes "Comments are closed at this time" text*/ .custom .comments_closed p {text-indent: -99999em ;} /* === custom sidebar ===*/ .custom .sidebar h3 { padding: 0.3em; color: #FFFFFF; text-align: center; background: #2361A1 none repeat scroll 0 0; text-shadow: 1px 1px 1px #333333;} /* === TITLE === */ /*.custom #header_area .page {width:100%; margin:0; padding:0; position:fixed; z-index:-1;} .custom #header {border-bottom:none;} .custom #header #logo {width:60px; height:400px; background:url(images/eklipsi_header_1b.jpg) no-repeat; text-indent: -999px; color:#fff;}*/ /* === NAVIGATION === */ /*.custom ul#menu {padding-bottom:0; border:0;} .custom ul#menu li {margin-bottom:0; padding-bottom:0; border:0;} .custom ul#menu li, .custom ul#menu li.current_page_item, .custom ul#menu li.current-cat {background:none;} .custom ul#menu li a {text-align:center; padding:1em; margin:0 1em 0 0; text-transform:none; letter-spacing:0; background-color:#eee;} .custom ul#menu li.current_page_item a, .custom ul#menu li.current-cat a {background-color:#2361A1; color:#fff;} .custom ul#menu li a:hover, .custom ul#menu li.current_page_item a:hover, .custom ul#menu li.current-cat a:hover {background-color:#2361A1; color:#fff; text-decoration:none;} .custom ul#menu li.rss a {background-color:transparent; padding-right:20px;} .custom ul#menu li.rss a:hover {color:#2361A1;}*/ /* === NAVIGATION denisi=== */ .custom .menu .tab {padding-right:2em; border:0;} custom .menu, .menu a, .menu li ul {text-align:center; padding:1em 1.5em 1em 1.5em; margin:0 1em 0 0; text-transform:none; letter-spacing:0; background-color:#eee; border: 1px solid #2461A0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} /*.custom ul#tabs {padding-bottom:0; border:0;} .custom ul#tabs li {margin-bottom:0; padding-bottom:0; border:0;} .custom ul#tabs li, .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:none;} .custom ul#tabs li a {text-align:center; padding:1em; margin:0 1em 0 0; text-transform:none; letter-spacing:0; background-color:#eee; border: 1px solid #2461A0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {background-color:#2361A1; color:#fff;} .custom ul#tabs li a:hover, .custom ul#tabs li.current_page_item a:hover, .custom ul#tabs li.current-cat a:hover {background-color:#2361A1; color:#fff; text-decoration:none;} .custom ul#tabs li.rss a {background-color:transparent; padding-right:20px;} .custom ul#tabs li.rss a:hover {color:#2361A1;}*/ /*=== custom bubble ===*/ /*.custom #bubble {top:40px;right:0;position:absolute;display:block;height:28px;background:url(images/bubble_right.gif) no-repeat right;} .custom#bubble p { display:block; font-size:11px; color:#fff; height:28px;padding:4px 12px 0 10px; background:url(images/bubble_left.gif) no-repeat top left;}*/ /* === NAV 2=== */ /*.custom #nav_area {background:#000; border-color:#111; border-style:solid; border-width:0.1em 0; margin-top:2em;} .custom #nav_area .page {width:90em;} .custom ul#tabs {border-width:0;} .custom ul#tabs li {background:#000; border-width:0; margin-bottom:0;} .custom ul#tabs li a {line-height:2em; color:#fff; display:block;} .custom ul#tabs li a:hover {color:#fff; background:#111; text-decoration:none;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#111; padding-bottom:0} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {cursor:pointer;} .custom #nav_area .search_box {float:right; padding-top:0.83em; width:12.2em;} .custom #nav_area .search_box input {height:2em;}*/ /* === COMMENTS 1=== */ /*#comments .comments_intro {font-family:Georgia,"Times New Roman",Times,serif;} .custom dl#comment_list dt.comment {width:20em; float:left; clear:left; font-family:Georgia,"Times New Roman",Times,serif;} .custom .comment_num {float:left; padding-left:0;} .custom .avatar img {padding:0.25em; background:#eee; border:#ddd solid 0.1em; vertical-align:text-top;} .custom dl#comment_list dt.comment span {} .custom dl#comment_list dt.comment span.comment_author, .custom dl#comment_list dt.comment span.comment_time, .custom dl#comment_list dt.comment span.edit_comment {padding-left:0; display:block; border-bottom:1px solid #ddd; width:9.167em; float:right;} .custom dl#comment_list dt.comment span.comment_author {font-size:1em; width:11em;} .custom dl#comment_list dd.comment {padding-bottom:1em;} .custom dl#comment_list dd.comment .format_text {padding-top:1em; padding-left:16em;} .custom input.form_submit:hover {color:#a00;}*/ /* === COMMENTS 2=== */ /*#comments .comments_intro {} .custom dl#comment_list {border-top:1px solid #ddd;} .custom dl#comment_list dt.comment {width:22em; float:left; clear:left;} .custom .comment_num {float:left; padding-left:0;} .custom .avatar img {border:#ddd solid 0.3em; vertical-align:text-top;} .custom dl#comment_list dt.comment span {} .custom dl#comment_list dt.comment span.comment_author, .custom dl#comment_list dt.comment span.comment_time, .custom dl#comment_list dt.comment span.edit_comment {padding-left:0; display:block; border-bottom:1px solid #ddd; width:10.5em; float:right;} .custom dl#comment_list dt.comment span.comment_author {font-size:1em; width:11em;} .custom dl#comment_list dd {border-bottom:1px solid #ddd; padding-bottom:1em;} .custom dl#comment_list dd .format_text p, .custom dl#comment_list dd .format_text ul, .custom dl#comment_list dd .format_text ol, .custom dl#comment_list dd .format_text pre {width:30em; float:right;} .custom .author_comment {background-color:#eee;} .custom .author_comment code, .custom .author_comment pre {background-color:#ccc;} .custom input.form_submit:hover {color: #2361A1;}*/ /* == Top post widget in sidebar == */ #popular-posts li { background: #FFFBCC; border: 1px solid #E6DB55; line-height: 1.4em; -moz-border-radius: 5px; padding: 0.9em; -webkit-border-radius: 5px; overflow: hidden; } /*#popular-posts img { float: left; padding-right: 8px; */ #popular-posts img { border: 1px solid #e6db55; float: left; margin-right: 0.5em; } #popular-posts div.right { color: #baaf2e; float: right; font-size: 11px; text-transform: uppercase; } /* === top-post widget majtas === */ /*#top-post li { background: #FFFBCC; border: 1px solid #E6DB55; line-height: 1.4em; -moz-border-radius: 5px; padding: 0.9em; -webkit-border-radius: 5px; overflow: hidden; } #top-post img { float: left; padding-right: 8px; } #top-post div.right { color: #baaf2e; float: right; font-size: 11px; text-transform: uppercase; }*/ /* === custom archive css ===*/ .custom .archive h3 {margin-top: 0;} .custom .archive ul {font-size: .85em; } .custom .archivel { float: left; width: 35%;} .custom .archiver { float: right; width: 65%;} /* Left-Right Side Social Media Icons */ .custom #feedback {background: transparent; width: 3.2em; position: fixed; top: 35%; left: 0.55%;} .custom #feedback a {display: block; text-indent: -9999px; height: 3.2em;} .custom #feedback #twitter {background: url('http://www.eklipsi.com/wp-content/themes/thesis_151/custom/images/ikonat/twitter_eklipsi.png')} .custom #feedback #rss {background: url('http://www.eklipsi.com/wp-content/themes/thesis_151/custom/images/ikonat/rss_eklipsi.png')} .custom #feedback #youtube {background: url('http://www.eklipsi.com/wp-content/themes/thesis_151/custom/images/ikonat/youtube_eklipsi.png')} .custom #feedback #email {background: url('http://www.eklipsi.com/wp-content/themes/thesis_151/custom/images/ikonat/email_eklipsi.png')} .custom #feedback #facebook {background: url('http://www.eklipsi.com/wp-content/themes/thesis_151/custom/images/ikonat/facebook-eklipsi.png')} /* AUTHOR BOX */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; } .postauthor p.hlight { font-size: 11px; text-transform: uppercase; } .postauthor p.hlight span { color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } /* BOXES */ .clear { clear: both } #similar h3, #rightcol h3 { font-size: 1.8em; letter-spacing: normal; padding-top: 15px; } #similar { float: left; width: 50%; } #similar p { margin-bottom: 15px; padding: 10px 2.5em 10px 10px; } #similar a { font-size: 1.4em; border-bottom: 1px solid #CB3131; line-height: 1.5em; } #similar a:hover { border: 0; } #similar h3 { padding-left: 10px; } #similar span.date { color: #888; letter-spacing: 1px; text-transform: uppercase; } #rightcol { float: right; width: 50%; } #rightcol p { font-size: 14px; line-height: 1.5em; padding: 10px 2.5em 10px 0; } #rightcol h3 { padding: 0; } #rightcol ul { list-style-position: inside; list-style-type: square; margin-left: 1em; } #rightcol ul a { border-bottom: 1px solid #CB3131; font-size: 14px; } #rightcol ul a:hover { border: 0; } #rightcol li { margin-bottom: 10px; } #subscribe { background: #FFFBCC; border: 1px solid #E6DB55; float: right; margin: 15px 15px 0 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #custom { background: #E4F2FD; border: 1px solid #C6D9E9; float: right; margin: 15px; padding: 19px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* related posts css*/ .custom #crp_related { background: #d0ffa1; border: 1px solid rgb(190, 229, 151); border-top: 0.5em solid #999999; margin-bottom: 2em; padding: 1em 1em 0.4em 1em; } /*---:[ WordPress Image Captions ]:---*/ /*.format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; } .format_text .alignright { margin: 0 0 1.571em 1.571em; float: right; clear: right; } .format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; } .format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; } .format_text .wp-caption { background-color: #F3F1E6; border: 0.071em solid #ccc; text-align: center; padding: 0.214em; } .format_text .wp-caption p { font-size: smaller; font-style: italic; margin-bottom: 0; }*/ /* === FOOTER === */ #footer_area { background: #090; } .custom #footer_1.sidebar {margin-top:0; margin-bottom:1em; background: #e5f6fc;} .custom #footer_1 li.widget {width:23%; float:left; margin-right:2%; font-size:1.2em; text-align:left;} .custom #footer_1 li.widget h3 {border-bottom:1px solid #ddd; text-align:center;} .custom #footer_1 li.widget a {text-decoration:none;} .custom #footer_1 li.widget ul {padding:0 0.5em;} .custom #footer ul#tabs {font-size:0.875em;} .custom #footer ul#tabs li.rss {float:left;} .custom #footer ul#tabs li a {border-bottom:none;} .custom #footer .alignleft { margin: 0 0.5em 0.5em 0; float: left; clear: left; } .custom #footer .frame {padding:3px; background-color:#eee; border:1px solid #ddd;} /* === FOOTER 1 === */ /*.custom #footer_1.sidebar {margin-top:0; margin-bottom:1em;} .custom #footer_1 li.widget {width:23%; float:left; margin-right:2%; font-size:1.2em; text-align:left;} .custom #footer_1 li.widget h3 {border-bottom:1px solid #2361A1; text-align:center;} .custom #footer_1 li.widget a:hover { padding: 1px 0; color: #fff; background: #2361A1; border-bottom: none; } .custom #footer_1 li.widget ul {padding:0 0.5em;} .custom #footer ul#tabs {font-size:0.875em;} .custom #footer ul#tabs li.rss {float:left;} .custom #footer ul#tabs li a {border-bottom:none;} .custom #footer .alignleft { margin: 0 0.5em 0.5em 0; float: left; clear: left; } .custom #footer .frame {padding:3px; background-color:#eee; border:1px solid #2361A1;}*/ /* === FOOTER 2=== */ /*.custom #footer_area {background:#000; border-color:#111; border-style:solid; border-width:0.1em 0; margin-bottom:2em;} .custom #footer {border-top:none; color:#999;} .custom #footer a {} .custom #footer a:hover {color:#fff;}*/ /* === Costum twitter */ /*.custom #twitter_div {width:35em; float:right; font-size:1.4em; margin-bottom:1em;} .custom #twitter_div ul#twitter_update_list {float:left; width:25em; min-height:50px; list-style:none; background-color:#2361A1; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0.75em;} .custom #twitter_div ul#twitter_update_list span {display:block;} .custom #twitter_div ul#twitter_update_list a {color:#fff; text-decoration:underline;} .custom #twitter_div ul#twitter_update_list a:hover {text-decoration:none;} .custom #twitter_div p.follow {text-align:right; font-size:85%; padding-right:125px; margin-top:-1em;} .custom #twitter_div img {float:left; clear:none; margin-top:-1.5em; margin-left:-0.1em;}*/ /*=== Custom photodroper ===*/ .custom .photo_left, .custom .photo_right { background: #eee; border: 0.071em solid #ccc; color: #888; margin-bottom: 1.571em; padding: 0.714em; } .custom .photo_center { clear: both; color: #888; float: none; margin-bottom: 1.571em; text-align: center; } .custom .photo_left { clear: left; float: left; margin-right: 1.571em; text-align: left; } .custom .photo_right { clear: right; float: right; margin-left: 1.571em; text-align: right; } .custom .photo_center img { background: #eee; border: 0.071em solid #ccc; margin-bottom: -2.714em; padding: 0.714em 0.714em 2.714em 0.714em; } .custom .photo_center small a img { background: transparent; border: none; margin: 0; padding: 0; } .custom .photo_center small a, .custom .photo_left small a, .custom .photo_right small a { color: inherit; text-decoration: none; } /* Twitterlink */ .custom p.comment_twitterlink {font-size: 1.2em; color: #888; font-family: Georgia,"Times New Roman",Times,serif;}