/* Theme Name: Echo Theme URI: http://www.onioneye.com Description: A Premium Portfolio Wordpress Theme. Author: OnionEye Author URI: http://www.onioneye.com/ Version: 1.3.2 Designed & Handcrafted by onioneye */ /* T A B L E O F C O N T E N T S ........................................................................................................................................ 1. Reset Defaults 2. Grid 3. Base Styles 4. Typography 5. Headings 6. Links 7. Lists 8. Forms 9. Images 10. Other Elements 11. Slider 12. Header 13. Footer 14. Sidebar 15. Home 16. Blog 17. Portfolio 18. Widgets 19. Comments 20. 404 Page 21. Internet Explorer */ /* 1. R E S E T D E F A U L T S ........................................................................................................................................ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } :focus { outline: none; } ol, ul { list-style: none inside none; } blockquote, q { quotes: none; } blockquote: before, blockquote: after, q: before, q: after { content: " "; content: none; } ins { background-color: #eff3f4; text-shadow: none; color: #465458; text-decoration: none; } mark { background-color: #dbebef; text-shadow: none; color: #465458; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } .wrapern{width:100%; margin:0 auto;} .topline{width:100%; height:33px; background:#666666;} .headerwrap{width:100%; margin-top:110px; background:url('images/goldnavi-new-bg.png') top left repeat-x; } .input_box{background:transparent; border:none !important; padding:5px 0 0 3px; width:170px; height:30px; } .button_box{ background: none repeat scroll 0 0 transparent; border: medium none; height: 39px; padding: 3px 0px 0px 0px !important; width: 37px;} .search_box{ background: url("images/search-bg.png") no-repeat scroll left top transparent !important; border: medium none !important; box-shadow: none !important; float: right !important; height: 46px !important; margin: -60px 1px 0 0 !important; /* margin: 15px -481px 0 0 !important;*/ } .span_box {float: left;margin-top: 15px;width: 50px; color:#FFFFFF; font: italic 18px "PT Serif",Georgia,Times,serif;} .input_box:focus {color:#FFFFFF !important; box-shadow: none !important;} /*.left{float:left; width:380px; padding-top: 13px;} .left ul{margin:0;} .left ul li{float:left; list-style:none; display:block; margin:5px 0 0 0; padding: 4px 10px 10px; height:28px; background:url('images/divider-new.png') top left no-repeat; color:#FFFFFF; font-size:20px;} .left ul li:first-child{/*background: none !important} .left ul li a, .input_box{ font: italic 14px "PT Serif",Georgia,Times,serif; text-transform: lowercase; text-decoration:none; color:#FFFFFF; font-size:18px; padding: 5px 10px;} .left ul li a{cursor: pointer;} .input_box{ opacity: 0.75; padding-left: 15px !important; padding-top: 2px !important; width: 147px;} .left ul li a:hover, #main_nav li:first-child a{text-decoration:none; color:#FFFFFF; background:url('images/hover-new.png') top left repeat-x; border:1px solid #413119; padding:5px 10px;-moz-border-radius: 4px 4px 4px 4px; }*/ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } /*- tables still need 'cellspacing="0"' in the markup ----------*/ caption, th, td { text-align: left; font-weight: normal; } input, textarea, button { border: none; } input, select { vertical-align: middle; } /* 2. G R I D ........................................................................................................................................ */ .container_12 { margin-left: auto; margin-right: auto; width: 1097px; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; } .grid_3li.simple-flickr-photostream{ background:#FF0000; } .alpha { margin-left: 0 } .omega { margin-right: 0 } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 { position: relative; float: left; } .container_12 .grid_1 {width: 65px;} .container_12 .grid_2 {width: 150px;} .container_12 .grid_3 {width: 200px; } #href-img{margin-left:10px;} .footer-widgets .grid_3 {width: 255px; text-align:left !important;} .container_12 .grid_3 #flickr_photostream-widget-2{ float: left; width: 288px; text-align:center;} .container_12 .grid_3 #pages-4{ float: left; width: 263px; padding-left:45px;} .container_12 .grid_3 li.flickr_photostream-widget-2 {width: 235px; background:#CC9933;} .container_12 .grid_4 {width: 336px;} .container_12 .grid_5 {width: 405px;} .container_12 .grid_6 {width: 570px;} .container_12 .grid_7 {width: 575px;} .container_12 .grid_8 {width: 810px; } .container_12 .grid_9 {width: 745px;} .container_12 .grid_10 {width: 830px;} .container_12 .grid_11 {width: 915px;} .container_12 .grid_12 {width: 1097px;} .container_12 .prefix_1 {padding-left:85px;} .container_12 .prefix_2 {padding-left:170px;} .container_12 .prefix_3 {padding-left:255px;} .container_12 .prefix_4 {padding-left:340px;} .container_12 .prefix_5 {padding-left:425px;} .container_12 .prefix_6 {padding-left:510px;} .container_12 .prefix_7 {padding-left:595px;} .container_12 .prefix_8 {padding-left:680px;} .container_12 .prefix_9 {padding-left:765px;} .container_12 .prefix_10 {padding-left:850px;} .container_12 .prefix_11 {padding-left:935px;} .container_12 .suffix_1 {padding-right:85px;} .container_12 .suffix_2 {padding-right:170px;} .container_12 .suffix_3 {padding-right:255px;} .container_12 .suffix_4 {padding-right:340px;} .container_12 .suffix_5 {padding-right:425px;} .container_12 .suffix_6 {padding-right:510px;} .container_12 .suffix_7 {padding-right:595px;} .container_12 .suffix_8 {padding-right:680px;} .container_12 .suffix_9 {padding-right:765px;} .container_12 .suffix_10 {padding-right:850px;} .container_12 .suffix_11 {padding-right:935px;} .container_12 .push_1 {left:85px;} .container_12 .push_2 {left:170px;} .container_12 .push_3 {left:255px;} .container_12 .push_4 {left:340px;} .container_12 .push_5 {left:425px;} .container_12 .push_6 {left:510px;} .container_12 .push_7 {left:595px;} .container_12 .push_8 {left:680px;} .container_12 .push_9 {left:765px;} .container_12 .push_10 {left:850px;} .container_12 .push_11 {left:935px;} .simple-flickr-photostream h4{ text-align:center !important; width:256px !important; } .simple-flickr-photostream a{ display: block; height: 50px; padding-bottom: 6px; padding-right: 20px; width: 50px; } .widget-post-thumb img{ float: left; height: 47px; margin-bottom: 15px; margin-right: 11px; width: 47px; } .thumbloop_widget{ float:left; width:274px !important; text-align:center; } .thumbloop_widget h4{ text-align:center; width:260px !important; } .container_12 .pull_1 {left:-85px} .container_12 .pull_2 {left:-170px;} .container_12 .pull_3 {left:-255px;} .container_12 .pull_4 {left:-340px;} .container_12 .pull_5 {left:-425px;} .container_12 .pull_6 {left:-510px;} .container_12 .pull_7 {left:-595px;} .container_12 .pull_8 {left:-680px;} .container_12 .pull_9 {left:-765px;} .container_12 .pull_10 {left:-850px;} .container_12 .pull_11 {left:-935px;} /* Fluid Columns */ .one_half{ width: 48%; } .one_third{ width: 30.66%; } .two_third{ width: 65.33%; } .one_fourth{ width: 22%; } .three_fourth{ width: 74%; } .one_fifth{ width: 16.8%; } .two_fifth{ width: 37.6%; } .three_fifth{ width: 58.4%; } .four_fifth{ width: 67.2%; } .one_sixth{ width: 13.33%; } .five_sixth{ width: 82.67%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position:relative; margin-right:4%; float:left; } .last{ margin-right: 0 !important; clear:right; } .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;} /* 3. B A S E S T Y L E S ....................................................................................................................................... */ html, body { height: 100%; } html { position: relative; overflow-y: scroll; /* always force a scrollbar in non-IE */ } body:before { content: " "; position: absolute; z-index: -1; height: 10px; top: 0; left: 0; width: 100%; } body:after { content: " "; position: absolute; z-index: -1; height: 10px; top: 10px; left: 0; width: 100%; } /* body{ background: url("images/body-bg.png") repeat scroll left top #FCFCFC !important; } */ #wrapper { min-height: 100%; padding-top: 10px; padding-bottom: 80px; } #wrapper #content { /* padding-bottom: 200px; Height of the footer element */ } #wrapper #footer { width: 100%; height: 200px; position: relative; margin-top: -200px; /* negative value of footer height */ height: 150px; clear:both; } #content { /* padding: 10px 0 70px; */ padding: 20px 0 0 17px; position: relative; } /* remove the top margins and paddings (if any) of element's first child and the descendants of that child to ensure that the sidebar and the * main content are aligned properly */ #main h1:first-child, #sidebar h1:first-child, #main:first-child, #sidebar h2:first-child, #main h3:first-child, #sidebar h3:first-child, #main h4:first-child, #sidebar h4:first-child, #main p:first-child, .post-content h2:first-child, .post-meta p:first-child, #sidebar p:first-child, { margin-top: 0; padding-top: 0; } /* self-clearing floats */ .mod:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { clear: both; } /* text highlight/selection */ ::-moz-selection{ color:#fff; text-shadow: none; } ::selection { color:#fff; text-shadow: none; } /* * Non-semantic helper classes */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; } /* for image replacement */ .hidden { display: none; visibility: hidden; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ /* Hide only visually, but have it available for screenreaders: www.webaim.org/techniques/css/invisiblecontent/ */ .visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix - only with a different class name to make it more semantic */ .group:before, .group:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .group:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .group { zoom: 1; } /* wordpress built-in image-related classes */ img.alignright, .wp-caption.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft, .wp-caption.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter, .wp-caption.aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter { margin-top: 20px; } a img.alignright { float: right; margin: 0 0 1em 1em; } a img.alignleft { float: left; margin: 0 1em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; font-style: italic; margin-bottom: 20px; } .borderradius .wp-caption { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img, .wp-caption img a { margin: 0 !important; padding: 0; border: 0 none; } .borderradius .wp-caption img, .borderradius .wp-caption a img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .wp-caption .wp-caption-text { padding: 0 4px 5px; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; } .gallery { margin: auto; float: left; width: 100%; list-style-type: none !important; } .gallery-image { border: 1px solid #efefef; margin-left: 0; } .gallery-icon a { display: block; } .gallery-caption { padding: 0 4px 5px; font-style: italic; margin-bottom: 0 !important; display: block; } .gallery-item { float: left; text-align: center; margin-left: 0; } .gallery-item { width: auto; float: left; margin: 10px 0 0 0; } .gallery-item img { margin: 0 !important; padding: 0; } .gallery-item a { float: left; border: none; margin: 0; padding: 0; } /* 4. T Y P O G R A P H Y ........................................................................................................................................ */ html { -webkit-font-smoothing: antialiased; } /* maxvoltar.com/archive/-webkit-font-smoothing */ table { font-size: inherit; font: 100%; } p { /*font-size: 1em;*/ font-size: 1.0em;} blockquote { font-size: 1.1em; font-style: italic; padding-left: 28px; background: url('images/layout/quote-mark.png') no-repeat left top; } input { font-size: .9em; } small { font-size: 85%; /* font-family:'Droid Sans Mono',sans-serif !important; */ } strong, th { font-weight: bold; } sub { font-size: smaller; } sup { font-size: smaller; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* non-semantic typography helper classes */ .caps { letter-spacing: 0.1em; font-variant: small-caps; text-transform: lowercase; } abbr { letter-spacing: 0.1em; font-variant: small-caps; text-transform: lowercase; } /* letter space abbrevations at 10% of the type size to enhance readability */ .amp { font-size: 1.2em; font-family: 'GoudyBookletter1911Regular', Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; } /* local fonts */ @font-face { font-family: 'GoudyBookletter1911Regular'; src: url('fonts/goudybookletter1911/goudybookletter1911-openamp.eot'); src: url('fonts/goudybookletter1911/goudybookletter1911-openamp.eot?#iefix') format('eot'), url('fonts/goudybookletter1911/goudybookletter1911-openamp.woff') format('woff'), url('fonts/goudybookletter1911/goudybookletter1911-openamp.ttf') format('truetype'), url('fonts/goudybookletter1911/goudybookletter1911-openamp.svg#webfont0ZQvEa4G') format('svg'); font-weight: normal; font-style: normal; } /* 5. H E A D I N G S ....................................................................................................................................... */ h1, h2, h3, h4, h5, h6 { text-transform: capitalize; } #headline { text-transform: capitalize; text-align: center; } /* main headline at the top of the landing page */ .page-name { margin-bottom: 40px; padding: 0 0 10px 0; position: relative; } .page-name:before { content: " "; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; } /* www.aestheticallyloyal.com/public/optimize-legibility/ */ h1, h2, h3, h4, h5, h6 { font-weight: normal; text-rendering: optimizeLegibility; } /* 6. L I N K S ....................................................................................................................................... */ a { text-decoration: none; } .csstransitions a, .csstransitions a img, input[type="submit"], button { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out; transition: all .2s ease-in-out; } a:active { position: relative; top: 1px; } a:hover, a:active { outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ .footer-widgets .timesince { display: block; border: none; } .footer-widgets .timesince:hover, .footer-widgets .timesince:focus { border: none; } h1 a, h2 a, h3 a, h4 a, h5 a { font-style: normal; } #portfolio-link, #blog-link { display: block; } #portfolio-link:before, #blog-link:before { content: url('images/layout/border-before.png'); position: relative; top: 0; padding-right: 10px; } #portfolio-link:after, #blog-link:after { content: url('images/layout/border-after.png'); position: relative; top: 0; padding-left: 10px; } .portfolio-pagination a:first-child, .blog-pagination a:first-child { margin-right: 10px; } /* 7. L I S T S ....................................................................................................................................... */ #main ol { list-style-type: decimal; } #main ul { list-style-type: circle; } #main .portfolio-item ul { list-style: none; } #main ol ol, #main ul ul { margin-left: 28px; } /* indent the lists wrapped by other lists */ /* 8. F O R M S ........................................................................................................................................ */ /* colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } input[type="text"],input[type="password"], select, textarea { margin: 0; /* width: 90%; */ } /* webkit browsers add a 2px margin outside the chrome of form elements */ select, input, textarea, button { font: 99% sans-serif; } input[type="text"],input[type="password"], textarea { padding: 7px; } select { width: 205px; padding: 3px 2px 3px 0; } fieldset { margin: 0 0 20px 0; } button, input, textarea { font-family: inherit; font-size: 1em; } label, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable input elements */ .borderradius input[type="text"],.borderradius input[type="password"], .borderradius textarea, .borderradius #form-status, .borderradius select { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .boxshadow input[type="text"]:focus,.boxshadow input[type="password"]:focus, .boxshadow textarea:focus { -moz-box-shadow: 0 0.5px 0 0.5px #D8D8D8 inset; -webkit-box-shadow: 0 0.5px 0 0.5px #D8D8D8 inset; box-shadow: 0 0.5px 0 0.5px #D8D8D8 inset; /* -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); */ } input[type="submit"], button, input[type="button"] { padding: 6px 12px; text-shadow: none; font-weight:normal; } input[type="submit"] { display: inline; color:#508d9c !important; padding-right: 49px; padding-left: 244px; font-size:14px !important; font-weight:normal !important; } .flourish{ /* left: 547px; position: absolute; top: 58px; left: 50%; margin: -52px -128px; position: absolute; */ } /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } /* CSS3 submit buttons (with the help of modernizer classes - start */ .borderradius input[type="submit"], .borderradius button { -moz-border-radius: 23px; -webkit-border-radius: 23px; border-radius: 23px; } input[type="submit"]:active, button:active { position: relative; top: 1px; } /* CSS3 submit buttons - end */ input:not([type=submit]):not([type=file]) { padding: 7px; } /* style the text inputs only */ #contact-form label, #commentform label { display: inline-block; margin-bottom: 6px; font-size: 1.15em; } #contact-form label { display: block; } #contact-form input[type="text"], #commentform input[type="text"] { width: 400px; } #commentform input, textarea { display: block; padding-left:0px; } #commentform textarea { width: 600px; border: 1px solid #E9E9E9;} #sidebar #search-form input { width: 95%; } #respond { margin-top: 60px; } #main #s { width: 400px; } /* reduce the width of the search form, when displayed in the main content */ /* classes for success and error messages added to the #form-status element with ajax to indicate whether the message/form was sent/successfully submited or not */ .success { color: #7b9b2f; } .error { color: #e44141; } #form-status { visibility: hidden; background: #eae8e8; background: rgba(0, 0, 0, 0.06); width: 400px; padding: 16px 10px; position: relative; margin-top: 35px; } #status-icon { display: block; position: absolute; top: -10px; left: -5px; background: url('images/layout/info-icons.png') no-repeat left top; width: 28px; height: 28px; } .success #status-icon { background-position: -33px 0; } #loading { position: relative; top: 5px; left: 22px; } /* loading gif at the end of the contact form */ /* 9. I M A G E S ........................................................................................................................................ */ img, a img { border: 7px solid; font-style: italic; } .csstransitions img { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .borderradius img, .borderradius a img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .attachment-post-thumbnail { max-width: 235px; } #slides img, .wp-smiley { border: none; } .borderradius #slides img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .footer-widgets img, .footer-widgets a img, .Simple_Flickr_Photos img, .Simple_Flickr_Photos a img, .popular-posts img, .popular-posts a img { border-width: 5px; } .footer-widgets a:hover img, .footer-widgets img:hover, .Simple_Flickr_Photos a:hover img, .Simple_Flickr_Photos img:hover, .popular-posts a:hover img, .popular-posts img:hover { border-width: 5px; } /* image preloader */ .preloader { background: url('images/layout/loading.gif') center center no-repeat #ffffff; display: inline-block; } .photo-link { position: relative; display: block; } /* fix dissapearing portfolio images in list items */ .ie7 .photo-link { position: static; } .photo-link img { display: block; } .portfolio-gallery .magnifier { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #fff url('images/layout/magnifier.png') no-repeat 50% 50%; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .portfolio-gallery a:hover .magnifier { /*opacity: 0.75;*/ } /* wordpress built in image alignment */ img.alignright { float: right; margin: 0 0 1em 1em } img.alignleft { float: left; margin: 0 1em 1em 0 } img.aligncenter { display: block; margin-left: auto; margin-right: auto } a img.alignright { float: right; margin: 0 0 1em 1em } a img.alignleft { float: left; margin: 0 1em 1em 0 } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } /* 10. O T H E R E L E M E N T S ........................................................................................................................................ */ td, td img { vertical-align: top; } td { padding: 2px 4px; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } */ pre { overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera */ width: 99%; word-wrap: break-word; /* IE */ } pre { font-size: .9em; background: #f0f0f0; border: 1px solid #e9e9e9; line-height: 20px; background: url('images/layout/pre-code-bg.png') repeat left top; overflow: auto; overflow-y: hidden; /* Hides vertical scroll created by IE */ } pre code { font-family: Consolas, "Courier New", Courier, monospace; margin: 0 0 0 40px; padding: 18px 0; display: block; } dt { font-size: 1.5em; font-weight: bold; } dd { display: list-item; list-style: square inside none; } #main table { border: 1px solid #e9e9e9; border-collapse: collapse; } #main tr:nth-of-type(odd) { background-color: #eff3f4; } /* zebra style table */ #main th, #main td { border: 1px solid #e9e9e9; padding: 9px 22px; } #main th { font-variant: small-caps; text-transform: lowercase; } #main caption { font-size: 1.2em; font-weight: bold; font-family: "PT Sans Narrow", sans-serif; } /* 11. S L I D E R ....................................................................................................................................... */ #slides { position: relative; margin: 0 auto; } .csstransitions #slides a { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; } .borderradius .slides-container { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .slides-container { background: #fff; padding: 10px; border: 1px solid #e9e9e9; position: relative; } .pagination { text-align: center; margin-top: 22px; } .pagination li { display: inline; zoom: 1; } .pagination li a { display: inline-block; width: 12px; height: 12px; overflow: visible; margin-left: 9px; background: url('images/layout/pagination.png') no-repeat 0 1px; } .pagination li.current a { background-position: 0 -17px; } .pagination li a:hover { background-position: 0 -17px; } .next, .prev, .pagination li a { text-indent: -9999px; /* hide the link text from the user */ } .opacity #next-prev-links { opacity: 0; } .next, .prev { position: absolute; z-index: 99; top: 41%; background: url('images/layout/slider-arrows.png') no-repeat; width: 43px; height: 43px; margin: -10px 15px 0; display: block; } .prev { background-position: 0 0; left: 15px; } .next { background-position: 0 -51px; right: 15px; } #slides .next:active, #slides .prev:active { position: absolute; top: 41.08%; } .slide { position: relative; width: 978px; overflow: hidden; } .no-thumb { padding: 10px 85px; } .caption { position: absolute; bottom: 5px; left: 0; width: 100%; height: 50px; padding: 0 15px; background: rgba(0, 0, 0, .2); border-top: 1px solid #000; border-top-color: rgba(0, 0, 0, .12); text-shadow: none; } .caption h3 { margin: 0; line-height: 1; color: #fff; margin: 14px 0; color: rgba(255, 255, 255, 0.8); font-size: 22px; font-weight: normal; } .slide p:last-child { margin-bottom: 5px; } /* adjust the bottom margin of the last paragraph in the slider when auto height is turned on */ .slide img { margin-bottom: 0; } /* 12. H E A D E R ........................................................................................................................................ */ #header { padding: 30px 0 30px; } #logo { /*display: table-cell;*/ vertical-align: middle; } #header-content-wrap { display: table; margin: 0 auto; width: 1020px; } #logo a { font-style: normal; display: block; } .opacity #logo a:hover { opacity: 0.7; } #logo a img { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #main-nav { margin: 0; font-size: 1em; text-shadow: none; display: table-cell; vertical-align: middle; float: right; } #main-nav > ul { margin: 0; float: right; margin: 0 0 0 66px; } #main-nav li { float: left; margin-left: 14px; position: relative; display: block; } #main-nav a { display: block; padding: 5px 11px; text-transform: capitalize; border: 1px solid transparent; } #main-nav .current_page_item a { } .borderradius #main-nav a { border-radius: 4px 4px 4px 4px; } /* -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; */ } /* Set transitions for menu links, except for opera, because versions 11.01 and below have a bug with transitioning * the background property, if it hasn't been set before */ .csstransitions #main-nav a { -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition: none; transition: all .1s ease-in-out; /* font-family: 'Rokkitt',serif !important; */ font: italic 14px "PT Serif",Georgia,Times,serif; font-size: 15px; color: #CCCCCC; padding-bottom: 0; padding-top: 0; padding-left: 1px; } /* DROPDOWN */ #main-nav .sub-menu { position: absolute; margin: 0; z-index: 9999; left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */ } .opacity #main-nav .sub-menu { opacity: 0; /* Set initial state to transparent */ } #main-nav .sub-menu li { border-top: 1px solid transparent; margin-left: 0; float: none; /* Introducing a padding between the li and the a give the illusion spaced items */ } #main-nav .sub-menu a { font-size: 1em; white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */ } .csstransitions #main-nav li ul { -moz-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; } #main-nav li:hover ul { /* Display the dropdown on hover */ left: 0; /* Bring back on-screen when needed */ } .opacity #main-nav li:hover ul { opacity: 1; /* Fade to opaque */ } .csstransitions #main-nav li:hover ul a { -moz-transition: -moz-transform 0.075s linear; -webkit-transition: -webkit-transform 0.075s linear; -o-transition: -o-transform 0.075s linear; transition: transform 0.075s linear; /* font-family: 'Rokkitt',serif !important; font-size: 17px; font-style: normal; */ } #main-nav li:hover ul li a:hover { /* Set styles for dropdown when items are hovered */ /* background: #505659; */ /* background: rgba(80, 80, 80, .7); */ /* border: 1px solid transparent; color: #fff; font-family: 'Rokkitt',serif !important; font-size: 17px; font-style: normal; */ } .csstransforms #main-nav li:hover ul li a:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); /* font-family: 'Rokkitt',serif !important; font-size: 17px; font-style: normal; */ } /* 13. F O O T E R ........................................................................................................................................ */ #footer { border-top: 1px solid; padding: 50px 0 0 0; position: relative; } #footer.no-widgets { padding: 0; border-top: none; } #footer:after { content: " "; position: absolute; top: 2px; left: 0; width: 100%; height: 1px; text-shadow: none; } /* footer inner border */ #footer.no-widgets:after { display: none; } .footer-widgets { padding-bottom: 40px; } .footer-widgets h4 { font: normal .9em 'PT Serif', Georgia, Times, serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 22px; margin-left:0px; /* font-family: "WinterthurCondensed",serif !important; font-size: 20px; */ } .footer-widgets li { margin: 0 0 15px 0; } .footer-widgets li.flickr_photostream-widget-2{ background:#FF0000; width:500px; } #copyright { border-top: 1px solid; padding: 40px 0; position: relative; } /* bottom footer inner border */ #copyright:before { content: " "; position: absolute; left: 0; top: 2px; width: 100%; height: 1px; } #social-networking { list-style: none; } #copyright p, #copyright ul { margin-bottom: 0; } #social-networking li { float: right; margin-left: 6px; } #social-networking a img { border: none; display: block; } .opacity #social-networking a img { opacity: .3; } .opacity #social-networking a:hover img { opacity: .7; } .borderradius #social-networking a img { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /* 14. S I D E B A R ........................................................................................................................................ */ /* classes for the position of the sidebar depending on the class appended to the body element */ .layout-2cl .sidebar { float: left; } .layout-2cl #main { float: right; } .layout-2cr #main { float: left; } .layout-2cr .sidebar { float: right; } .portfolio-layout-2cl #sidebar-portfolio { float: left; } .portfolio-layout-2cr #sidebar-portfolio { float: right; } .portfolio-layout-2cl .portfolio-gallery#main { float: right; } .portfolio-layout-2cr .portfolio-gallery#main { float: left; } .sidebar ul li { margin: 0 0 15px 0; } /* 15. H O M E ........................................................................................................................................ */ .latest-articles, .latest-projects, #headline-section { margin-bottom: 30px; border-bottom: 1px solid #e9e9e9; } #slides { margin-bottom: 30px; } .section-title { text-align: center; } .pub-date { font-size: 0.85em; color: rgba(0, 0, 0, 0.3); } .latest-articles { border-bottom: none; } .content-top { border-bottom: 1px solid; margin-bottom: 30px; } .content-top p { margin-bottom: 30px; } .latest-project img, .latest-project h3, .latest-article h3 { margin-bottom: 15px; } .latest-article .read-more { margin-top: 15px; margin-bottom: 30px; } .date-published { margin-bottom: 15px; } .latest-project .view-project { margin-bottom: 30px; } .ie7 #blog-link { margin-bottom: 0; } /* 16. B L O G ........................................................................................................................................ */ .post { margin: 0; padding:12 0 0 0px; } .post time { text-transform: lowercase; font-variant: small-caps; font-size: 0.9em; } .post-meta li ,a{ margin: 0 0 2px; font-style: italic; font-size: 14px;} .post-meta.column-width li { max-width: 215px; } /* reduce the width of the post meta box if the sidebar is disabled */ #main .post-meta { list-style: none; margin: 0; padding-top:11px; font-size: 18px;} .post-content > p:first-line { text-transform: lowercase; font-variant: small-caps; letter-spacing: .1em; font-size: 1.056em; } .post-content .read-more { margin-top: 10px; } .post-title + p .read-more { display: block; margin-top: 10px; margin-bottom:20px; } /* style the read more link in the search results */ .post-title { position: relative; line-height: 1; margin-bottom:21px; } .post-thumb { margin: 0 0 3px 0; } #main .post-thumb a img { display: block; margin-bottom: 0; border:5px solid #eff3f4;} .post-meta .author { margin-bottom: 22px; } .post-border-full, .post-border { height: 1px; } .post-border-full { width: 100%; } .post-border { width: 730px; } .share-this { margin-top: 40px; position: relative; } .share-this:before { content: " "; position: absolute; top: 2px; left: 0; width: 100%; height: 1px; text-shadow: none; } /* position the elements on the page properly, depending on the position of the sidebar */ .post-content-position { position: relative; left: 83px; } .layout-2cl .post, .layout-2cl .post-border, .layout-2cl .blog-pagination { position: relative; left: -70px; } /* 17. P O R T F O L I O ........................................................................................................................................ */ #single-item { text-align: right; } #single-item.no-description { text-align: left; } .portfolio-pagination, .blog-pagination { margin-top: 22px; } .portfolio-pagination a, .blog-pagination a { font-size: 1.1em; border-bottom: 1px dotted; } .portfolio-pagination a:hover, .blog-pagination a:hover { border-bottom: 1px solid; } .one-col-item img { text-align: left; } /* remove the borders on images in single portfolio item view and lightbox view */ #single-item img, .pp_pic_holder img { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #single-item img { margin-top: 4px; } #single-item img:hover { border: none; } .pp_pic_holder { text-shadow: none; } #main .portfolio-item { margin-bottom: 22px; width: 333px; height:360px;} #main .portfolio-item li { margin-bottom: 10px; line-height: 1; } .portfolio-item h2, .portfolio-item p { margin: 0; } /* adjust title font size on 4 columns, with sidebar custom page template */ #main .portfolio-item h2 { font-size: 24px; width: 230px; } /* 18. W I D G E T S ........................................................................................................................................ */ /* flickr widget */ #flickr a { border-bottom: none; zoom: 1; } #flickr a:hover { background: none; } #flickr div { display: inline; zoom: 1; } #flickr img { width: 42px; height: 42px; margin: 0 6px 7px 0; zoom: 1; } /* twitter widget */ .tweets { font-style: italic; } .read-more, .timesince { display: block; } .tweets li { padding: 0 0 0 25px; background: url('images/layout/twitter-feed-icon.png') no-repeat 0 6px; /* wrap long URLs, strings of text, and other content */ white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /* popular posts widget */ .widget.popular-posts ul { clear: both; zoom: 1; } .widget.popular-posts ul:before, .widget.popular-posts ul:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .widget.popular-posts ul:after { clear: both; } .popular-posts ul li { position: relative; clear: both; } /* title styles */ .wpp-post-title { } /* thumbnail styles */ .wpp-thumbnail { float: left; margin-right: 7px; margin-bottom: 7px; } .wppnothumb, .wppgen { } /* excerpt styles */ .wpp-excerpt {} /* Stats tag styles */ .post-stats { font-size: 0.9em; display: block; } .wpp-comments {} .wpp-views {} .wpp-author { font-style: italic; } .wpp-date {} /* WP-PostRatings styles */ .wpp-rating {} /* calendar widget */ #wp-calendar thead { /* border-bottom: 1px solid; */ } #wp-calendar th, #wp-calendar tbody td { text-align: center; padding: 3px 6px; } #wp-calendar tfoot td { padding-top: 3px; } #wp-calendar caption { font-size: 1.3em; font-weight: bold; text-align: center; margin-bottom: 15px; } /* categories widget */ .widget .children { /* indented lists */ padding-left: 1em; } /* 19. C O M M E N T S ........................................................................................................................................ */ #main .comment-list { list-style: none; } #main .comment-list li { /* border-width: 1px 0 0 0; border-style: solid; */ border:none; } #number-of-comments { margin-top: 70px; margin-right:500px; } .comment { margin: 0 0 30px 0; } .comment-author { position: relative; } .avatar { float: left; margin: 0 10px 0 0; } .author-link, .author-meta { line-height: 1; } .author-link { margin-bottom: 10px; } .author-meta { margin: 2px } #main .children { /* indented comments */ padding-left: 4em; list-style: none; } /* 20. 4 0 4 P A G E .......................................................................................................................................... */ #not-found { text-align: center; } #not-found-heading { font-size: 150px; font-weight: bold; } #not-found-img { border: none; } #not-found-form input { width: 500px; } /* 21. I N T E R N E T E X P L O R E R .......................................................................................................................................... */ .ie button { width: auto; overflow: visible; } /* make buttons play nicely in ie */ .ie textarea { overflow: auto; } /* remove textarea scrollbars */ .ie .post-time { font-size: 0.95em; } .ie #slider-bg { background: #fff; } /* ensure that the background color of the slider is shown in IE */ /* IE 8 */ .ie8 #wrapper { display: table; height: 100%; text-align: center; margin: 0 auto; text-align: left; } /* IE 8 and IE 7 */ .ie8 #main .comment-list, .ie7 #main .comment-list { list-style: none; } .ie8 .caption, .ie7 .caption { background: #050504; /* black */ -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='050504') progid:DXImageTransform.Microsoft.Alpha(opacity=25)"; filter: progid:DXImageTransform.Microsoft.Chroma(color='050504') progid:DXImageTransform.Microsoft.Alpha(opacity=25); } .ie8 #next-prev-links, .ie7 #next-prev-links { visibility: hidden; } /* IE 7 */ .ie7 legend { margin-left: -7px; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie7 .magnifier { display: none; } .ie7 .comment-authors { margin-bottom: 21px; } .ie7 .pagination li a { text-indent: 0; } .ie7 .caption { bottom: 4px; } .ie7 #main .children { /* indented comments */ list-style-position: outside; width: auto; /* stop the threaded comments from overflowing outside the box */ } .ie7 .comment { margin: 0; } .ie7 #main .children { margin: 0; } /* fix the IE 7 padding bug */ .ie7 #footer .footer-widgets ul > li, .ie7 .sidebar ul, .ie7 .post-meta, .ie7 .comment-list, .ie7 .portfolio-gallery, .ie7 .portfolio-gallery ul { list-style-position: outside; } .ie7 .portfolio-item li { zoom: 1; } /* IE 7 doesn't support "table" value for the display property, so fix it by floating the menu and the logo. * Also, implement other styles for the menu, to make it act nice in IE 7. */ .ie7 #main-nav { position: relative; z-index: 99; } .ie7 #main-nav .sub-menu li { padding-top: 0; cursor: pointer; } .ie7 #main-nav a { display: block; cursor: pointer; } .ie7 #main-nav .sub-menu a { padding: 5px 11px 5px 0; } .ie7 #main-nav .sub-menu a:active { position: static; } .ie7 #main-nav .sub-menu:hover { left: 0; } .ie7 #logo { margin: -7px 0 0 0; float: left; } /* fix the awkward behaviour of next and previous links inside the slider */ .ie7 #slides a:active { position: absolute; top: 41%; } .ie7 #slides .pagination a:active { position: static; } /* trigger the element's hasLayout to disable content movement on hover, click etc. */ .ie7 #main-nav, .ie7 .sub-menu { zoom: 1; } .ie7 .comment, .ie7 .children, .ie7 #header, .ie7 #footer, .ie7 #copyright { width: 100%; } /* -- trimorph update css -- */ .flexslider .flex-control-nav{ margin-left: -12px; margin-top: -45px; position: relative; } /* -- slider -- */ .flexslider ul li{ list-style:none; } /* -- search form -- */ #searchform div #s{ background: url("images/search.png") no-repeat scroll 172px 7px #FFFFFF; border-radius: 20px 20px 20px 20px; width: 185px; } /* -- header -- */ .header-background{ /* background: url("http://www.myfudo.com/wp-content/themes/echo/images/layout/footer-bg.png") repeat scroll left top #F4F6F5; */ /* background:url("images/starline.png") no-repeat scroll center bottom transparent;*/ /* height: 90px;*/ /* height:90px; */ } .header-content{ margin: auto; padding-bottom: 29px; padding-top: 27px; width: 1000px; } .header-content .custom-logo{ float: left; margin-top: -15px; width: 220px; } .custom-logo a img{ margin-top: 7px; } .custom-logo .page-title{ border-left: 1px dotted #DEDEDE; color: #8F8E8E; font-family: 'Rokkitt',serif !important; font-size: 14px; font-style: normal; margin-left: 22px; padding-bottom: 10px; padding-left: 20px; position: absolute; } .share-this-social{ float:left; padding-top:33px; } .header-content .custom-logo a img{ border:0px !important; } .search-wrap{ margin: auto; width: 994px; } .search-template{ height: 54px; margin: auto auto 30px 6px; padding-bottom: 20px; padding-top: 0; right: 0; /* width: 968px;*/ } .search-temp{ margin: auto auto 30px -7px; right: 0; } .single-title-search{ margin-top: -15px; position: absolute; } .single-title-search .single-username{ color: #5D5D5D; font-family: "Rokkitt",serif !important; font-size: 28px; font-style: normal; font-weight: bold; } .single-title-search .site-titleurl{ color: #A3A3A3; font-family: "Rokkitt",serif !important; font-size: 17px; font-style: normal; } /* -- header -- */ .add-here-content{ float: left; margin-bottom: 20px; margin-left: 11px; } .add-here-content .add-here-column1{ /* background: none repeat scroll 0 0 #FFFFFF; */ background: url("images/ads.png") no-repeat scroll 150px 24px #FFFFFF; border-radius: 10px 10px 10px 10px; float: left; height: 100px; padding: 10px; width: 597px; } .add-here-content .add-here-column2{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px 10px 10px 10px; float: left; margin-left: 22px; padding: 10px; width: 285px; height: 100px; } .gallery-menu{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px gray; margin-bottom: 30px; margin-left: 10px; width: 966px; } .category-wrapper{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 5px gray; margin: auto auto 10px 10px; padding: 10px; width: 946px; } .category-wrapper a{ border-right: 1px solid gray; font-family: 'LatoBold',Arial,Verdana,sans-serif; font-style: normal; padding: 5px; } .sub-menu li:hover ul li a:hover{ background: none no-repeat scroll 0 0 transparent !important; } .group .post .post-content p{ line-height: 22px; text-align:justify; } .simple-flickr-photostream ul li{ float:left; } li.picture-item img{ width:47px !important; height:47px !important; } .borderradius input[type="submit"], .borderradius button { /*margin-top: 5px;*/ /*margin-top: -32px;*/ margin-top: 0px; } .glry-menu{ background: url("images/gallery-menu.png") repeat scroll 0 0 transparent; border-radius: 10px 10px 10px 10px; height: 40px; margin-bottom: 30px; margin-left: 8px; width: 485px; } .glry-menu .hover-bottom{ background: url("images/gallery-meu-hover.png") no-repeat scroll 0 0 transparent; margin-left: 27px; margin-top: -20px; padding: 7px; position: absolute; } .glry-menu .hover-bottom1{ background: url("images/gallery-meu-hover.png") no-repeat scroll 0 0 transparent; margin-left: 94px; margin-top: -20px; padding: 7px; position: absolute; display:none; } .glry-menu .hover-bottom2{ background: url("images/gallery-meu-hover.png") no-repeat scroll 0 0 transparent; margin-left: 164px; margin-top: -20px; padding: 7px; position: absolute; display:none; } .glry-menu .hover-bottom3{ background: url("images/gallery-meu-hover.png") no-repeat scroll 0 0 transparent; margin-left: 239px; margin-top: -20px; padding: 7px; position: absolute; display:none; } .glry-menu .hover-bottom4{ background: url("images/gallery-meu-hover.png") no-repeat scroll 0 0 transparent; margin-left: 307px; margin-top: -20px; padding: 7px; position: absolute; display:none; } .glry-menu .hover-bottom5{ background: url("images/gallery-meu-hover.png") no-repeat scroll 0 0 transparent; margin-left: 370px; margin-top: -20px; padding: 7px; position: absolute; display:none; } .glry-menu .hover-bottom6{ background: url("images/gallery-meu-hover.png") no-repeat scroll 0 0 transparent; margin-left: 427px; margin-top: -20px; padding: 7px; position: absolute; display:none; } .glry-menu ul{ height: 29px; padding-top: 9px; } .glry-menu ul li{ float:left; list-style:none; } .glry-menu ul li a{ color: #AEAEAE; font-family: "WinterthurCondensedRegular",Georgia,Times,sans-serif; font-size: 15px; font-style: normal; font-weight: bold; padding: 14px; } .glry-menu ul li a:hover{ color: #6F6F6F; } .top-nav ul li a:hover{ color: #4C5C5C !important; } .gallery-template{ /* background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF; */ border-radius: 8px 8px 8px 8px; float: left; height: 280px; margin: 10px 10px 30px; overflow: hidden; padding: 15px; position: relative; width: 277px; } .thumbnails-title{ margin-top: -16px; } .template-featured{ overflow:hidden; } .thumbnails-images{ height: 196px; overflow: hidden; width: 277px; } .feature-title .title-thumb{ left: 66px; padding: 4px; position: absolute; } .hover-featured-title{ -moz-transition: all 0.5s ease 0s; background: url("images/hover-thumbnails.png") repeat scroll 0 0 transparent; border-bottom: 8px solid #FFFFFF; height: 75px; position: absolute; /* width: 277px;*/ width: 268px; margin-left:5px; margin-top:5px; } .hover-featured-content{ -moz-transition: all 0.5s ease 0s; background: url("images/hover-thumbnails.png") repeat scroll 0 0 transparent; border-bottom: 8px solid #FFFFFF; position: absolute; } .hover-featured-title .feature-title .see-more{ background: url("images/see-more.png") no-repeat scroll 0 0 transparent; margin-left: 97px; padding-bottom: 8px; padding-left: 88px } .hover-featured-title .feature-title h1{ padding-left: 61px; padding-top: 26px; } .hover-featured-title .feature-title .see-more:hover{ opacity:0.8; } /* .social-content{ -moz-transition: all 0.5s ease 0s; height: 47px; position: relative; width: 231px; }*/ .social-content{ -moz-transition: all 0.5s ease 0s; background: url("images/hover-thumbnails.png") repeat scroll 0 0 transparent; height: 48px; position: absolute; border-top: 7px solid #FFFFFF; /* width: 277px;*/ width: 268px; margin-left:5px; margin-top:-70px; } .hover-featured-title .click-here{ background: none repeat scroll 0 0 #FFFFFF; bottom: 0; color: #000000; font-family: 'LatoBold',Arial,Verdana,sans-serif; font-size: 10px; font-style: normal; left: 0; padding-left: 60px; padding-right: 64px; position: absolute; width: 80%; } .social-content p{ padding-left: 16px; padding-top: 14px; } .social-content p .point-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -3900px transparent; padding-left: 19px; } .social-content p .facebook-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -2100px transparent; padding-left: 19px; } .social-content p .twitter-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -2200px transparent; padding-left: 19px; } .social-content p .plus-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -2400px transparent; padding-left: 19px; } .social-content p .select-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -500px transparent; margin-left: 99px; padding-left: 19px; } .social-content2{ -moz-transition: all 0.5s ease 0s; background: url("images/hover-thumbnails.png") repeat scroll 0 0 transparent; } .social-content2 p .point-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -3900px transparent; padding-left: 23px; } .social-content2 p .facebook-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -2099px transparent; padding-left: 23px; } .social-content2 p .twitter-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -2199px transparent; padding-left: 23px; } .social-content2 p .plus-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -2399px transparent; padding-left: 23px; } .social-content2 p .plus-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -2399px transparent; padding-left: 23px; } .social-content2 p .select-icon { background: url("images/sprite-a.8bit.png") no-repeat scroll 0 -499px transparent; margin-left: 99px; padding-left: 23px; } #button{ background: none repeat scroll 0 0 red; } .gf{ background: none repeat scroll 0 0 red; } .navrechts{ float: left; margin-left: 10px; padding-top: 30px; /*padding-bottom:41px;*/ padding-bottom:0px; text-align: center; width: 966px; } .navrechts a{ /* background: none repeat scroll 0 0 #949596; color: #FFFFFF; font-size: 10px; font-style: normal !important; margin: 5px; padding: 5px 10px; font-family: 'LatoBold',Arial,Verdana,sans-serif; */ /* background: url("images/buttons.png") no-repeat scroll 0px 6px transparent; */ background: url("images/layout/pagination.png") no-repeat scroll 0 6px transparent; cursor: pointer; margin: 10px; padding-right: 14px; width: 30px; } .navrechts a:hover, .navrechts a:focus{ /* opacity:0.6; color:#fff !important; background: url("images/buttons.png") no-repeat scroll 1px -11px transparent; */ /* background: url("images/buttons.png") no-repeat scroll 0px -9px transparent; */ background: url("images/layout/pagination.png") no-repeat scroll 0 -12px transparent; cursor: pointer; margin: 10px; padding-right: 14px; width: 30px; } .navrechts .selected{ background: url("images/layout/pagination.png") no-repeat scroll 0 -12px transparent; cursor: pointer; margin: 10px; padding-right: 14px; width: 30px; } .like-post{ /**/ margin-left: 68px; margin-top: -6px; padding: 11px; } .like-post a{ color: #889397; font: 0.9em 'PT Serif',Georgia,Times,serif; } .like-post .like-icon{ background: url("images/heart-a.png") no-repeat scroll 0 0 transparent; padding-left: 28px; background-position:6px 2px; } .like-post .like-icon:hover, .like-post .like-icon:hover{ /* background: url("images/heart.png") no-repeat scroll 0 0 transparent; */ background: url("images/heart-a.png") no-repeat scroll 0 0 transparent; padding-left: 28px; background-position:6px 2px; } .like-post .single-link{ background: url("images/view-a.png") no-repeat scroll 0 0 transparent; margin-left: 5px; padding-bottom: 1px; padding-left: 28px; cursor: auto; background-position:6px 2px; } .like-post .single-link:hover, .like-post .single-link:focus{ /* background: url("images/view.png") no-repeat scroll 0 0 transparent; */ background: url("images/view-a.png") no-repeat scroll 0 0 transparent; margin-left: 5px; padding-bottom: 1px; padding-left: 28px; background-position:6px 2px; } .like-post .get-comments{ color: #4F8B9B; font-size: 11px; margin-left: 63px; margin-top: -20px; } .like-post .get-comments:hover, .like-post .get-comments:focus{ } /* vikram */ .view-link{ margin-left: 0px; margin-top:-15px; padding: 11px 2px 2px 0px; float:left; } .like-post-new{ /**/ margin-right: 15px; float:right; padding: 11px; margin-top:-15px; } .like-post-new a{ color: #889397; font: 0.9em 'PT Serif',Georgia,Times,serif; } .like-post-new .like-icon{ background: url("images/heart-a.png") no-repeat scroll 0 0 transparent; padding-left: 28px; background-position:6px 2px; } .like-post-new .like-icon:hover, .like-post .like-icon:hover{ /* background: url("images/heart.png") no-repeat scroll 0 0 transparent; */ background: url("images/heart-a.png") no-repeat scroll 0 0 transparent; padding-left: 28px; background-position:6px 2px; } .like-post-new .single-link{ background: url("images/view-a.png") no-repeat scroll 0 0 transparent; margin-left: 5px; padding-bottom: 1px; padding-left: 28px; cursor: auto; background-position:6px 2px; } .like-post-new .single-link:hover, .like-post .single-link:focus{ /* background: url("images/view.png") no-repeat scroll 0 0 transparent; */ background: url("images/view-a.png") no-repeat scroll 0 0 transparent; margin-left: 5px; padding-bottom: 1px; padding-left: 28px; background-position:6px 2px; } .like-post-new .get-comments{ color: #4F8B9B; font-size: 11px; margin-left: 63px; margin-top: -20px; } .like-post-new .get-comments:hover, .like-post .get-comments:focus{ } .author-content{ margin-top: 1px; padding: 5px 5px 5px 0; } /* -- single gallery -- */ .submit-another{ color: #508D9C; font-style:italic; font-size:15px; } .single-template-content{ float:left; margin-bottom: 30px; margin-left:199px; } .twitter-wrapper{ margin-top: 45px; } .single-column1{ float: left; width: 645px; } .thumbnails-title a{ /* color: #889397; font-family: Droid Sans Regular; font-size: 12pt; font-style: normal;*/ color: #889397; font-family: "WinterthurCondensedRegular",Georgia,Times,sans-serif; font-size: 23px; font-style: normal; } .author-content a{ color: #4F8B9B; font-family: Myriad Pro Regular; font-size: 12pt; font-style: normal; } .author-content a:hover{ color: #4F8B9B; font-family: Myriad Pro Regular; font-size: 12pt; font-style: normal; } .single-column2{ margin-top: -74px; float: left; width: 359px; position: absolute; /*right: 7px;*/ right: 116px; } .single-column2 .source-link{ background: url("images/source-link.png") no-repeat scroll 8px 8px transparent; padding-left: 15px; padding-right: 15px; padding-top: 7px; } .single-column3{ float: left; margin-left: 248px; margin-top: -16px; padding: 10px; right: 0; width: 370px; } .single-column3 a{ padding:10px; } .single-column3 a img{ border:1px solid gray !important; } .single-column3 a img:hover{ opacity:0.8; } .single-left-content{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF; border-radius: 8px 8px 8px 8px; box-shadow: 1px 1px 5px gray; float: left; height: 607px; margin: 10px 10px 30px; overflow: hidden; padding: 15px; } .social-wrapper-content{ background: url("images/social-wrapper.png") no-repeat scroll 0 0 transparent; margin-left: 30px; margin-top: -28px; padding: 47px 27px 27px; width: 244px; } .social-wrapper-content .feed-icon{ margin-top: -24px; padding-bottom: 9px; } /* .social-wrapper-content .feed-icon .rss-icon{ background: url("images/rss-icon.png") no-repeat scroll 0 0 transparent; margin-right: 45px; padding-bottom: 11px; padding-left: 30px; } */ /* .social-wrapper-content .feed-icon .twitter-icon{ background: url("images/twitter-icon-logo.png") no-repeat scroll 0 0 transparent; margin-left: 25px; padding-bottom: 11px; padding-left: 30px; } */ .twitter-wrapper{ display: none; margin-top: 45px; position: absolute; right: 0; } .userdata-content{ /**/ margin-left: 203px; margin-top: 29px; position: absolute; /*width: 642px;*/ width: 320px; } .userdata-content .userdata{ float: left; margin-top: 55px; width: 643px; } .userdata .title-result{ color: #7E7E7E; font-family: "Rokkitt",serif !important; font-size: 17px; font-style: normal; } .userdata p .photoby{ color: #D6AF5C; /* font-family: "Rokkitt",serif !important;*/ font-size: 20px; font-style: normal; } .user-submitted{ float: left; padding-bottom: 17px; padding-top: 10px; width: 291px; } .user-submitted h4{ margin:0px; padding:0px; /* color: #5D5D5D; font-family: "Rokkitt",serif !important; */ font-size: 24px; padding-left: 6px; } .user-submitted-thumbnails{ float: left; margin-left: 31px; width: 302px; } .user-submitted-thumbnails img{ width:47px; height:47px; } .user-submitted-thumbnails a{ /* background: none repeat scroll 0 0 gray;*/ border: 5px solid #EFF3F4; border-radius: 5px 5px 5px 5px; float: left; margin: 5px; height: 45px; } .user-submitted-thumbnails a:hover, .user-submitted-thumbnails a:focus{ /* box-shadow: 1px 1px 5px #000;*/ opacity:0.8; border:5px solid #E6EBED; } .comment-count-wrap{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 10px 1px 1px 1px; height: 14px; /*margin-top: -52px;*/ margin-top: -60px; padding: 12px; position: absolute; /* right: 378px;*/ right: 486px; width: 35px; } .comment-count-wrap .like-icon{ background: url("images/comment-icon.png") no-repeat scroll 0 0 transparent; /* background:url("images/heart-a.png") no-repeat scroll 0 0 transparent; */ padding-left: 15px; } .comment-count-wrap .get-comments{ color: #4F8B9B; font-size: 13px; margin-left: 19px; margin-top: -24px; } .twitcount{ font-family: arial; font-style: normal; font-weight: bold; margin-left: 5px; margin-top: 8px; padding-bottom: 0; padding-left: 3px; position: absolute; color:#000; } /* .rssid{ font-family: arial; font-style: normal; font-weight: bold; margin-left: -30px; margin-top: 8px; padding-bottom: 0; padding-right: 10px; position: absolute; color:#000; } */ .single-paginated{ bottom: -35px; margin-left: 35px; position: absolute; } .single-paginated a{ } .textwidget{ text-align:left; width:163px; } #text-4 .textwidget p a img{ border-color:#eff3f4; } .blog-title{ padding: 5px 5px 25px; } .blog-title .viewlabel{ border-right: 1px dotted gray; color: #5D5D5D; font-family: "Rokkitt",serif !important; font-size: 23px; font-style: normal; padding-right: 16px; } .blog-title .viewblog{ color: #508D9C; font-family: "Rokkitt",serif !important; font-size: 14px; font-style: normal; margin-left:12px; } .thumbnail-random{ background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #DADADA; border-top: 1px solid #DADADA; height: 200px; margin-top: 70px; } .thumbnail-random .thumbnail-container{ margin: auto; padding: 16px; width: 971px; } .thumbnail-random .thumbnail-container a{ margin: 2px; } .thumbnail-random .thumbnail-container a img:hover{ opacity:0.8; } #main-nav ul li a{ color:#cccccc !important; border-radius: 4px 4px 4px 4px!important; } #main-nav ul li a:hover{ color:#727272 !important; border:1px solid #d6af5c!important; } /* -- / Footer link / -- */ #footer-gallery{ margin: auto; } .footer-content{ background: url("images/twitter-dotted.png") repeat-x scroll left bottom transparent; margin: auto; width: 1020px; } .footer-content .footer-column1{ float: left; padding-top: 69px; width: 245px; margin-bottom: 20px; } .footer-column1 .widget h4{ color: #5D5D5D; /* font-family: "Rokkitt",serif !important; */ font: 0.9em 'PT Serif',Georgia,Times,serif; font-size: 15px; } .footer-column1 .column1-header{ padding-bottom: 15px; padding-top: 69px; } .footer-column1 .column1-header img{ border: medium none; } .footer-column1 .column1-details { width: 261px; } .footer-content .footer-column2{ float: left; margin-left: 50px; padding-top: 69px; width: 335px; } .footer-column2 .widget h4, .footer-column3 .widget h4{ /* font-family: "Rokkitt",serif !important; */ font: 0.9em 'PT Serif',Georgia,Times,serif; font-size: 15px; font-style: bold; color:#5d5d5d; } .footer-column2 #twitter_div #twitter_update_list li{ background: url("images/twitter-dotted.png") repeat-x scroll left bottom transparent; } .footer-column2 #twitter_div #twitter_update_list li span{ background: url("images/twitter-syn.png") no-repeat scroll 0 0 transparent; color: #7E7E7E !important; /* font-family: 'Droid Sans Mono',sans-serif !important; */ font: 0.9em 'PT Serif',Georgia,Times,serif; font-size: 14px !important; font-style: normal !important; padding-left: 15px; } .footer-column2 #twitter_div #twitter_update_list li a{ color:#508d9c !important; } .footer-content .footer-column3{ margin-left: 660px; padding-top: 69px; } .footer-column3 #flickr_badge_wrapper .flickr_badge_image{ float: left; } .flickr_badge_image img{ width:42px; height:42px; } .footer-column3 #flickr_badge_wrapper .flickr_badge_image a img{ border: 3px solid #dbedf9; } .footer-column3 .widget #flickr_badge_wrapper{ margin-left: -13px; margin-top: -10px; width: 287px; } .footer-content a { /* color: #7E7E7E !important; font-family: 'Droid Sans Mono',sans-serif !important; font-size: 12px !important; font-style: normal !important; */ color: #7E7E7E !important; font: 0.9em 'PT Serif',Georgia,Times,serif; font-size: 14px !important; font-style: normal !important; } .footer-content a:hover{ /* color: #7E7E7E !important; font-family: 'Droid Sans Mono',sans-serif !important; font-size: 12px !important; font-style: normal !important; */ color: #7E7E7E !important; font: 0.9em 'PT Serif',Georgia,Times,serif; font-size: 14px !important; font-style: normal !important; text-decoration:underline; } .footer-gallery-copy{ padding-top: 20px; margin: auto; width: 1020px; } .footer-gallery-copy a{ /* font-family: 'WinterthurCondensed',sans-serif !important; */ color: #7E7E7E; font-family: 'WinterthurCondensed',serif !important; font-size: 14px; font-style: normal; } ._container{height:auto;width:inherit;margin:15px 0px 20px 0px;} ._container #wppb_register,._container #wppb_login{} ._container #wppb_register form,._container #wppb_login form{} .warning, .error{margin-left:20px;} .login-form-submit{} .form-submit{top:-60px;} #hidden-container{text-align: center; margin: 20px 260px; /**/} /* ------------------- script update data cha ------------------- */ @font-face { font-family: 'PTSerifRegular'; src: url('ptf55f.eot'); src: url('ptf55f.eot?#iefix') format('embedded-opentype'), url('ptf55f.woff') format('woff'), url('ptf55f.ttf') format('truetype'), url('ptf55f.svg#PTSerifRegular') format('svg'); font-weight: normal; font-style: normal; } .hovertitle{ background: url("images/hover-thumbnails.png") repeat scroll 0 0 transparent; border-bottom: 5px solid #FFFFFF; display: none; height: 14px; position: absolute; width: 204px; padding: 24px 15px; } .photo-link { display: block; position: static !important; } .hoversocial{ background: url("images/hover-thumbnails.png") repeat scroll 0 0 transparent; margin-top: -52px; position: absolute; width: 235px; height: 52px; display:none; border-bottom: 1px solid #fff; } .topline{width:100%; height:33px; background:#666666;} .headerwrap{width:100%; margin-top:80px; background:url(images/menubg.png) top left repeat-x; } .flourish{position:absolute; margin:5px 0 0 415px;} .header{width:1097px; margin:0 auto; height:191px; !important;} .left{float:left; width:450px; padding-top: 136px;} .left ul{margin:0;padding-left: 35px;} .left ul li{float:left; list-style:none; display:block; margin:5px 0 0 0; padding-top:10px ; height:28px; color:#FFFFFF; font-size:14px; width:100px; text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;} .left ul li a{text-decoration:none; color:#FFFFFF; font-size:14px; padding:5px 45px 12px 8px; font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal; text-align: center;} .left ul li a:hover{ text-decoration: 1px 1px 1px #000000; color:#FFFFFF; /* background:url(images/hover.png) top left no-repeat;*/ padding:5px 45px 12px 8px; /* border:1px solid #cccccc;*/ width:100px; text-align: center;} .right{float:right; width:515px; padding-top: 136px;} .right ul{padding-left: 35px;} .right ul li{float:left; list-style:none; display:block; margin:5px 0 0 0; padding-top:10px ; height:28px; color:#FFFFFF; font-size:14px; width:100px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; } .right ul li a{text-decoration:none; color:#FFFFFF; font-size:14px; padding:5px 45px 12px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal text-align: center; font-style:normal;} .right ul li a:hover{text-decoration: 1px 1px 1px #000000; color:#FFFFFF;/* background:url(images/hover.png) top left no-repeat;*/ padding:5px 45px 12px 8px; /* border:1px solid #cccccc;*/ width:100px; text-align: center; font-style:normal;} .search{ background: url("images/search1.png") repeat-x scroll left top transparent; float: right; height: 26px; /* left: 1045px; top: 290px;*/ margin:12px 0 0 0; width: 171px; } .span { float: left; margin-top: 15px; width: 50px; color:#FFFFFF;} .search .input{background:transparent; border:none; padding:2px !important; width:145px; height:15px;; color:#FFFFFF; -moz-box-shadow:none !important; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;} .search .input:focus{ box-shadow:none !important; } .search .button{background:transparent; border:none; padding: 4px 3px 0 0; width:18px; height:19px; float:right; margin-top:-26px;} .selector{width:1097px; margin:0 auto; height:32px;} .follow-us{width:220px; float:right; font-family:'Conv_GOTHIC_2'; font-size:16px; color:#FFFFFF; height:32px;} .socialicon { float:right; width:220px; font-family:'Conv_GOTHIC_2'; font-size:16px; color:#FFFFFF; padding-top:5px; font-style:italic;} #nav-example {background:url(images/social-icon.png) no-repeat; width:160px; height:32px; margin:0; padding:0; float:right;} #nav-example span {display: none;} #nav-example li, #nav-example a {height:32px;display:block;} #nav-example li {float:left; list-style:none; display:inline;} #nav-example-01 {width: 32px;} #nav-example-02 {width: 32px;} #nav-example-03 {width: 32px;} #nav-example-04 {width: 32px;} #nav-example-05 {width: 32px;} #nav-example-01 a:hover {background:url('images/social-icon.png') 0px -32px no-repeat; text-decoration:none;} #nav-example-02 a:hover {background:url('images/social-icon.png') -32px -32px no-repeat; text-decoration:none;} #nav-example-03 a:hover {background:url('images/social-icon.png') -64px -32px no-repeat; text-decoration:none;} #nav-example-04 a:hover {background:url('images/social-icon.png') -96px -32px no-repeat; text-decoration:none;} #nav-example-05 a:hover {background:url('images/social-icon.png') -128px -32px no-repeat; text-decoration:none;} .brought{width:980px; padding:90px 0 50px 0; text-align:center; margin:0 auto;} .starline{width:980px; text-align:center; margin:0 auto;} /* 27-6-12 */ .login { padding: 5px; } .login p.error { padding: 5px; /*border: 1px solid #D6AF5C; background-color: #ffebe8;*/ color: #F00; } .login p.message { padding: 5px; /*border: 1px solid #D6AF5C; background-color: #ffffe0;*/ color: #508D9C; } .login form label { /*display: block;*/ width:30%; /*float:left;*/ clear:left; /*padding-right:15px;*/ padding-right:1px; color:#999999; /*line-height:50px;*/ } .profile form label{width:100%; } .login form p.forgetmenot{padding:0px; margin: 0 0 0 0px;} .login form p.forgetmenot label { display: inline; float:none; } .login input { margin: 5px 0; } .login input[type=text], .login input[type=password], .login select, .login textarea, .login input[type=text], .login input[type=password],.login select, .login textarea, .login input[type=text], .login input[type=password],.login select, #wppb_login textarea, .login input[type=text]{ width:50%; margin-bottom:5px; } .login input[type="checkbox"], .login input[type="radio"], .login input[type="checkbox"], .login input[type="radio"], .login input[type="checkbox"], .login input[type="radio"]{ vertical-align:middle; margin:5px; } .profile .screen-reader-text, .profile .screen-reader-text span { height: 1px; left: -1000em; overflow: hidden; position: absolute; width: 1px; } .mu_register .hint { font-size: 12px; margin-bottom: 10px; display: block; } .mu_register label.checkbox { display: inline; } #pass-strength-result { border-style: solid; border-width: 1px; margin: 12px 5px 5px 1px; padding: 3px 5px; text-align: center; width: 200px; } #pass-strength-result.strong, #pass-strength-result.short { font-weight: bold; } #pass-strength-result { background-color: #eee; border-color: #ddd !important; } #pass-strength-result.bad { background-color: #ffb78c; border-color: #ff853c !important; } #pass-strength-result.good { background-color: #ffec8b; border-color: #fc0 !important; } #pass-strength-result.short { background-color: #ffa0a0; border-color: #f04040 !important; } #pass-strength-result.strong { background-color: #c3ff88; border-color: #8dff1c !important; } .new-register{margin-top:-36px !important; margin-right:340px !important; float:right; } .login-form-submit-new{ float: right; margin-right: 81px;margin-top: -34px;} .loginbtn{margin-top:0px !important; padding:0px 40px 0px 10px !important;} .lostpasswordbtn{ padding-top:3px !important; font: italic 16px "PT Serif",Georgia,Times,serif; position:absolute;} ul.tml-action-links{float:left; list-style:none;} ul.tml-action-links li{float:left; list-style:none; padding:5px 20px 5px 20px;} .forgotlinks{margin-left:176px;}