/* Theme Name: Alhena Lite Description: Alhena is a responsive clean and corporate WordPress Theme. The theme support all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 8, 9 and 10 and uses the most modern technologies like HTML5 and CSS3. Author: Theme in Progress. Author URI: http://themeinprogress.com Version: 1.0.3.8 Tags: gray, black, white, orange, blue, red, purple, yellow, green, dark, light, two-columns, right-sidebar, left-sidebar, custom-background, custom-menu, threaded-comments, full-width-template, theme-options License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Alhena Lite, Copyright (C) 2013 Theme in Progress */ html { min-height:101%; } body.custombody { background-image:url(images/background/patterns/pattern1.jpg) repeat; background-color:#f3f3f3; } /* ====================== START TYPOGRAPHY ====================== */ p, li, address, dd, blockquote, td, th, .textwidget { font-size:14px; line-height:1.8em; font-family:'Abel',Verdana, Geneva, sans-serif; font-weight: normal; } body, p, li, address, dd, blockquote { color:#545252; } dl, ul, ol { margin: 0 0 0 20px !important; } body.dark #top-box p, body.dark #top-box dl, body.dark #top-box li, body.dark #top-box h3, body.dark #top-box .widget-box { color:#fff; } body.light #top-box p, body.light #top-box dl, body.light #top-box li, body.light #top-box h3, body.light #top-box .widget-box { color:#616161; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius: 0 !important; -moz-border-radius: !important; border-radius: !important; } h1, h2, h3, h4, h5, h6, .title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { font-family:'Abel',Verdana, Geneva, sans-serif; line-height: 28px; color:#616161; font-weight:100 !important; margin:0; } h1 { font-size: 28px !important; } h2 { font-size: 26px !important; } h3 { font-size: 24px !important; } h4 { font-size: 20px !important; } h5 { font-size: 16px !important; } h6 { font-size: 14px !important; } select { width:100% !important; } code { display:block; white-space:normal !important; } iframe, embed, object, video { max-width:100%; } /* ====================== END TYPOGRAPHY ====================== */ /* ====================== START ELEMENTS ====================== */ a { color:#3498db; outline: none; border:none; font-weight:normal; text-decoration:none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; } a:hover { color:#2980b9; } a.post-edit-link { font-family:'Abel',Verdana, Geneva, sans-serif; font-size:14px; } a.post-edit-link:hover { color:#333; } .clear { clear:both; } .left { float:left; } .right { float:right; } .title i { padding: 0; margin: 0 10px 0 0; line-height: 50%; } ::selection { background: #2980b9; color:#fff; } ::-moz-selection { background: #2980b9; color:#fff; } .select-menu { display:none; visibility:hidden; } .title { overflow:hidden; } .button { background-color:#3498db; border-bottom:4px solid #2980b9; padding:10px 10px 6px 10px; color:#fff; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:45px 0 -10px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; font-family: 'Abel', sans-serif; font-size:16px; width:95px; text-align:center; position:relative; display: block; line-height: 1.6em; } .button:hover { background:#2980b9; border-bottom:4px solid #2980b9 !important; color:#fff; text-decoration:none; border-bottom:none; } .btn { font-family:'Oxygen',Verdana, Geneva, sans-serif; } .btn.right a { color:#616161; } form { margin:0 !important; } .sticky { } .gallery-caption { } .bypostauthor { } /* ====================== END ELEMENTS ====================== */ /* ====================== START SECTIONS ====================== */ .header { position:relative; text-align:center; margin:0 0 50px 0; padding:0; background-color: #333333; min-height:90px; } #footer { position:relative; background-color: #333333; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); } #slogan { width:100%; background:#3498db; text-align:center; padding:50px 0; color:#fff; position:relative; margin-top:-50px; margin-bottom:50px; } #slogan p { color:#fff; font-size:32px; } #slogan p a { color:#fff; font-weight:bold } #footer ul, #sidebar ul { font-weight: normal; color:#fafafa; margin:0; } #footer a { line-height:1.9em; -webkit-transition: all .3s ease; font-family:'Abel',Verdana, Geneva, sans-serif; font-size:14px; } #footer p, #footer a { color:#ffffff; } #footer a:hover { color:#2980b9; } #top-box, #footer-box { margin:0; padding:0; } #sidebar .sidebar-box { padding:30px; } .span8.left-sidebar { float:right; } .span8.right-sidebar { float:left; } #blog .pin-article.span8, .span8.left-sidebar, .span8.left-sidebar { margin-bottom:25px; } #sidebar .title h3 { padding: 0; margin: 0; position:relative; line-height:20px !important; } #footer h4.title { font-size: 20px; margin: 0; padding: 20px 0; } #footer .textwidget { font-size:12px; line-height:1.8em; } #footer select, #footer textarea, #footer input[type="text"], #footer input[type="password"], #footer input[type="datetime"], #footer input[type="datetime-local"], #footer input[type="date"], #footer input[type="month"], #footer input[type="time"], #footer input[type="week"], #footer input[type="number"], #footer input[type="email"], #footer input[type="url"], #footer input[type="search"], #footer input[type="tel"], #footer input[type="color"], #footer .uneditable-input{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width:96%; padding: 5px 2%; } #footer p, #footer li, #footer address, #footer dd, #footer blockquote, #footer td, #footer th, #footer .textwidget, #sidebar p, #sidebar li, #sidebar address, #sidebar dd, #sidebar blockquote, #sidebar td, #sidebar th, #sidebar .textwidget { font-size:14px; line-height:1.9em; font-family:'Abel',Verdana, Geneva, sans-serif; font-weight: normal; } #footer .title, #footer p, #footer li, #footer address, #footer dd, #footer blockquote, #footer td, #footer th, #footer .textwidget { color:#ffffff; } #footer .copyright { padding: 10px 0; line-height:15px; } #footer .widget { border-bottom: solid 1px #ff6644; margin-right:-20px; padding: 0 0 10px 0; } /* LOGO */ #logo { position:relative; display:block; text-align:left; margin-top:12px; margin-bottom:12px } #logo a.logo { font-family:'Kristi',Verdana, Geneva, sans-serif; font-size:55px; color:#ffffff; text-decoration:none; text-align:left; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; line-height:1.1em; } #logo a.logo:hover { text-decoration:none; color:#919191; border-bottom:none; } /* ====================== END SECTIONS ====================== */ /* ====================== START NAV ====================== */ /* MAIN NAV */ nav#mainmenu { text-align:right; position:relative; width:100%; height:90px; } nav#mainmenu ul { list-style:none; margin:0; display:inline-block; } nav#mainmenu ul li { float:left; position:relative; display:block; text-align:right; } nav#mainmenu ul li a { text-decoration:none; display:block; font-family:'Abel',Verdana, Geneva, sans-serif; font-size:14px; padding:35px 10px; z-index:1; color:#919191; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; text-transform:uppercase; } nav#mainmenu ul li a:hover, nav#mainmenu li:hover > a, nav#mainmenu ul li.current-menu-item > a, nav#mainmenu ul li.current_page_item > a, nav#mainmenu ul li.current-menu-parent > a, nav#mainmenu ul li.current_page_ancestor > a, nav#mainmenu ul li.current-menu-ancestor > a { color:#fff; } nav#mainmenu .sf-sub-indicator { padding:0 0 0 10px; float:right; font-size:8px; } /* END MAIN NAV */ /* SUBMENU */ nav#mainmenu ul ul:before { content: ''; display: inline-block; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #474747; top: -8px; left: 15px; z-index: 1000; } nav#mainmenu ul ul { display:none; position: absolute; top:90px; left:0; background:#474747; z-index:1000; width:100%; min-width:190px; z-index:1000; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); } nav#mainmenu ul ul li { position:relative; margin:0; line-height:1em; text-transform:none; width:100%; min-width:190px; } nav#mainmenu ul ul li a{ text-decoration:none; text-align:left; display:block; height:14px; padding:15px; margin:0; font-family:'Abel',Verdana, Geneva, sans-serif; text-transform:inherit; text-shadow:inherit; color:#919191; font-size:14px; } nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li.current-menu-item > a, nav#mainmenu ul ul li.current_page_item > a, nav#mainmenu ul ul li.current_page_ancestor > a, nav#mainmenu ul ul li.current_page_ancestor > a, nav#mainmenu ul ul li.current-menu-ancestor > a { background:none !important; color:#fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } nav#mainmenu ul ul li ul { top:-1px; left:170px; } nav#mainmenu ul ul li ul:before { display:none; } /* END SUBMENU */ .tinynav { display: none } /* ====================== END NAV ====================== */ /* ====================== START CONTENT ====================== */ .main-content, .main-content.blog { margin-top:0; margin-bottom:50px; } #top-box, #footer-box { margin-bottom:0; } #top-box .widget-box, #footer-box .pin-article { margin-bottom:50px; } .main-content .pin-article.span8.left-sidebar, .main-content .pin-article.span8.right-sidebar, .main-content.article { margin-bottom:0; } #blog .pin-article:last-child, #blog .span8.left-sidebar { margin-bottom:0; } .span8.left-sidebar, .span8.right-sidebar .main-content.blog .pin-article { margin-bottom:50px; } .main-content.blog .pin-article:last-child { margin-bottom:25px; } .pin-article { background:#fff; margin-bottom:50px; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); position:relative; word-wrap: break-word } .pin-article .pin-article { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; word-wrap: break-word } .pin-article:last-child, .main-content.page .pin-article, .main-content.custom-post .pin-article { margin-bottom:0; } .pin-article article.article { padding:45px; word-wrap: break-word } .pin-article.span4 article.article, .pin-article.span3 article.article { padding:30px; word-wrap: break-word } .pin-article .attachment p { text-align:center; } .pin-article .attachment .entry-info .entry-date { margin:auto; } .pin-article .category h1, .pin-article .search h1 { margin:0; } .pin-article .category, .pin-article .category h1, .pin-article .search, .pin-article .search h1 { background:#333; color:#f1f1f1; font-size:21px; text-align:center; font-weight:100 } .pin-article .category h1 a { color:#fff; } .span4.pin-article .quote blockquote p { font-size: 18px; } #sidebar .pin-article, #footer-box .pin-article{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .icon { width:90px; margin:15px 0; background:#fff; border:solid 1px #ddd; padding:4px; } .pin-article .wp-post-image { z-index:999; } .pin-container { overflow: hidden; position: relative; height:auto; max-height:100%; } .pin-container:after { content: ''; display: inline-block; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; bottom: 0px; left: 45px; z-index:1000; } .pin-article .title h1 { font-size:36px !important; font-style: normal; position:relative; color:#616161; line-height: 1.4em; word-wrap: break-word } .pin-article .title h1 a { color:#616161; } .pin-article .title h1 a:hover { color:#2980b9; } .pin-article.span4 .title h1 { font-size:22px; } .pin-article.span4 .line { margin:0 0 20px 0; } .pin-article .container-fluid { padding:0; margin: 0 0 45px 0; } .pin-article .container-fluid:last-child { padding:0; margin: 0; } .article-header { font-family: 'Oxygen', sans-serif; margin:0 0 20px 0; color:#000; font-size:13px; position:relative; text-align:center; } .pin-article table { border: solid 1px #ddd; text-align:center } .pin-article th { border-right: solid 1px #ddd; } .pin-article td { border-top: solid 1px #ddd; border-right: solid 1px #ddd; } /* START COMMENT */ .commentlist { list-style:none; line-height:1px; margin:0 !important; } .commentlist ul { list-style:none; padding:0; margin:0; } .commentlist .comment-container { margin:0 0 45px 0; padding:25px 15px; font-family:'Maven Pro',Verdana, Geneva, sans-serif; font-size:12px; position: relative; background:#fff; border:solid 1px #ddd; } .commentlist .comment-avatar img { padding:4px; border:solid 1px #ddd; float:left; } .commentlist .comment-text { position:relative; margin-left:110px; border-left:solid 1px #ddd; padding:0 0 0 15px } .commentlist.comment-container .comment-date { padding:10px 0; } .commentlist .comment-avatar { position:relative; width:110px; float:left; } .commentlist .pingback .comment-avatar img, .commentlist .pingback .comment-avatar { display:none; overflow:hidden; } .commentlist .pingback .comment-text { margin-left:auto; border-left:0; } .commentlist .comment-author .author { font-family: "Abel", Times, serif; font-size:18px; display:block; font-weight:bold; } .commentlist .commentlist .children li { margin-left:110px; } .comment-notes { font-size:12px; margin:-30px 0 25px 0; } h3#reply-title, h3.comments { font-family: 'Abel',Verdana, Geneva, sans-serif; font-weight: normal; font-size: 22px; font-weight: bold; text-transform: uppercase; padding: 0 0 5px 45px; height:45px; line-height:45px; background:url('images/icons/comment.png') no-repeat center left; margin:45px 0; } h3#reply-title small, .logged-in-as { font-family: 'Abel',Verdana, Geneva, sans-serif; font-weight: normal; font-size: 14px !important; font-weight: bold; text-transform: uppercase; margin:-20px 0 40px 0; } .form-allowed-tags , .comment-text p { font-size: 14px !important; } /* END COMMENT */ /* START COMMENT FORM */ #searchform input[type=text], #searchform textarea, #commentform input[type=text], #commentform textarea, .comment-form input[type=text], .comment-form textarea { padding: 15px 2%; background:#fafafa; width: 95%; margin:0 0 35px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:none; font-family: 'Abel',Verdana, Geneva, sans-serif; } #searchform input[type=submit], #commentform input[type=submit], .comment-form input[type=submit] { background:#3498db; border:none; outline:none; border-bottom:4px solid #2980b9; padding:10px 10px 6px 10px; color:#fff; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:45px 0 -10px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; font-family: 'Abel', sans-serif; font-size:16px; width:95px; text-align:center; position:relative; display: block; } #searchform input[type=submit]:hover, #commentform input[type=submit]:hover, .comment-form input[type=submit]:hover { background:#2980b9; border-bottom:4px solid #2980b9; color:#fff; text-decoration:none; } .searchform { margin:15px 0 0 0; } #searchform #searchsubmit { float:left; width: 25%; margin:0; padding: 10px 1% 6px 1%; } #searchform input[type=text] { float:left; width: 70%; margin:0 1% 0 0; padding: 10px 2%; } #searchform .input-search:hover, #searchform .input-search:active, #searchform .input-search:focus { outline:0px !important; -webkit-appearance:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .span12 #searchform #searchsubmit { width:15%; } .span12 #searchform .input-search { width:80%; } #searchform .input-search:hover, #searchform .input-search:active, #searchform .input-search:focus { outline:0px !important; -webkit-appearance:none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .logged-in-as a, #comments a { color:#616161; } /* END COMMENT FORM */ /* START DEFAULT ELEMENTS */ /* BLOCKQUOTE */ article blockquote { border-left: 4px solid #ff6644; padding:0 35px; position:relative; margin-left:0px; } article blockquote p { text-align:left; line-height:1.6em; font-family: "Abel", Times, serif; font-size:15px; } blockquote h4.title a { color:#333; } .span4 article blockquote { margin:0; padding:0; border-left:none; } #top-box blockquote, #footer-box blockquote, #sidebar blockquote { padding:0; margin:0; } #top-box blockquote h4.title, #footer-box blockquote h4.title, #sidebar blockquote h4.title { font-size:18px !important; } #sidebar blockquote, #footer-box blockquote{ border:none; -webkit-box-shadow: noner; -moz-box-shadow: none; box-shadow: none; } #sidebar blockquote { padding:0 5px 5px 5px; border:solid 1px #ddd; } #top-box blockquote { background:#fff; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.18); padding:25px; } #top-box blockquote p, #side-box blockquote p, #footer-box blockquote p{ font-size:14px } #top-box blockquote h4.title, #footer-box blockquote h4.title{ line-height:1.4em !important; padding-bottom:0 !important; margin:0; } /* END BLOCKQUOTE */ .entry-info ul { display:inline; list-style:none; } .entry-info li { display:inline; } .entry-info i { color: #717171; margin: 0 10px 0 0; font-size:14px; line-height:21px } .entry-info a { display:inline; color:#616161; } .tags { background:#fff; padding:0 15px; } .tags a { font-weight:normal; } #sidebar .line { margin:0 0 30px 0; } .post-date { color:#fff; text-align:left; } .pin-article .post-date, .widget-box .post-date { color:#000; } .day { font-size:14px; line-height:1.1em; } .archive { margin:0; } .span4 .line .tags { padding:0; } .span4 .entry-info { padding:0; } .span4 .entry-info .entry-date, .span4 .entry-info .entry-comments, .span4 .entry-info .entry-standard, .span4 .entry-info .entry-article { display:block; text-align:center; width:inherit; padding:inherit; margin:5px auto; } /* END DEFAULT ELEMENTS */ /* START SOCIAL BUTTON */ .social-button { float:left; height:20px; margin-top:40px; width:auto; } .facebook-box { width:102px; } .facebook-box.en { width:82px; } .google-plus { width:65px; } .twitter-box { width:85px; } .pinterest { width:85px; } /* END SOCIAL BUTTON */ /* START DEFAULT STYLE */ .entry-tags { font-family: 'Abel',Verdana, Geneva, sans-serif; font-size:14px; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; position:relative; font-weight:bold; } .entry-tags span { font-weight:normal; } footer.post-tags { overflow:hidden; margin:40px 0 0 0; } footer.post-tags .line { margin:0; } .line { position:relative; z-index: 998; display:inline-block; margin:0 0 40px 0 ; min-height:11px; word-wrap: break-word; max-width:100% } .line:before { content: ''; position: absolute; top: 50%; left: 100%; margin-top: -2px; margin-left: 45px; width: 1170px; height: 7px; z-index: 998; background: url(images/icons/dark_stripes.png) repeat; word-wrap: break-word } body.dark #top-box .line:before { background: url(images/icons/light_stripes.png) repeat; } #sidebar .line:before { margin-left: 20px; } .span4 .line:before { margin-left: 25px; } .title { position:relative; } .entry-info { font-family: 'Abel',Verdana, Geneva, sans-serif; background:#fff; margin:0 0 30px 0; } .entry-info .entry-date, .entry-info .entry-comments, .entry-info .entry-standard, .entry-info .entry-article { width:90px; margin:0 10px 0 0; height:20px; } /* END DEFAULT STYLE */ /* START IMAGE STYLE */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width:100%; height:auto; } .alignleft, img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; } .alignright, img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; } div.aligncenter, img.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; float:none; } img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; } .wp-caption { background:#f1f1f1; line-height:18px; margin-bottom:20px; max-width:558px !important; padding:4px; text-align:center; clear:both; } .wp-caption p.wp-caption-text { color:#888; font-size:12px; margin:5px; } .wp-smiley { margin:0; } .gallery { margin:50px auto; } .gallery .gallery-item { float:left; margin:0 0 15px 0; text-align:center; width:33%; } .gallery-columns-2 .gallery-item { width:50%; } .gallery-columns-4 .gallery-item { width:25%; } .gallery-columns-2 .attachment-medium { max-width:92%; height:auto; } .gallery-columns-4 .attachment-thumbnail { max-width:84%; height:auto; } .gallery .gallery-caption { color:#888; font-size:12px; margin:0 0 12px; } .gallery dl { margin:0; } .gallery img { border:1px solid #ddd; background:#fff; padding:4px; } .gallery br+br { display:none; } .gallery a { border-bottom:none; } .pin-article .attachment img{ display:block; margin:0 auto; } p.list-tags { line-height:25px; margin-top:20px; border-top:1px solid #dcdbdb; padding:10px 0 10px 36px; } .wp-post-image { -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.8s ease; -o-transition: -o-transform 0.8s ease; transition: transform 0.8s ease; width:auto; height:auto; } .wp-post-image:hover { -moz-transform: rotate(1deg) scale(1.2); -webkit-transform: rotate(1deg) scale(1.2); -o-transform: rotate(1deg) scale(1.2); transform: rotate(1deg) scale(1.2); } .icon .wp-post-image:hover { -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; } /* END IMAGE STYLE */ /* ====================== END CONTENT ====================== */ /* ====================== START WIDGET ====================== */ .widget-box { padding:0; } #sidebar .widget-box { margin:0 0 30px 0 !important; } #sidebar .widget-box:last-child{ margin:0 !important; } /* START CONTACT INFO WIDGET */ .contact-info li { border-bottom:solid 1px #ddd; padding:5px 0; } .contact-info li i{ width:25px; display:inline-block; text-align:left; } .contact-info li i.icon-mobile-phone { font-size:21px; } /* END CONTACT INFO WIDGET */ /* START FACEBOOK WIDGET */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; background:#fff; } /* END FACEBOOK WIDGET */ /* START CALENDAR */ #wp-calendar th, #wp-calendar #today, #wp-calendar #today a { background:#ccc; color:#434343; font-family:'Abel',Verdana, Geneva, sans-serif; } #wp-calendar a:hover { border:none; } #wp-calendar { background: #f3f3f3; width:100%; } #wp-calendar caption { font-size: 14x; text-transform:uppercase; margin:0 0 10px 0; text-align:left; font-family:'Abel',Verdana, Geneva, sans-serif; } #wp-calendar th, #wp-calendar td { text-align: center; font-size: 14x; color:#333; padding:3px 6px; } #wp-calendar td a { display:block; text-align: center; font-size: 14x; color:#000; text-decoration:underline } #wp-calendar td#prev a, #wp-calendar td#prev a{ text-decoration:none; text-align:left; } #wp-calendar th{ font-weight:bold } tr:nth-child(2n+2) { background-color: #fafafa; } /* END CALENDAR */ /* START TAG CLOUD */ #header-box .tagcloud a, #top-box .tagcloud a, #bottom-box .tagcloud a, #footer-box .tagcloud a, #sidebar .tagcloud a { display: inline-block; padding: 4px 8px; text-align: center; font-family: 'Abel',Verdana, Geneva, sans-serif; font-size:12px !important; color:#ddd; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; background:#3498db; color:#fff; border:none; margin:0 0 4px 0; } #header-box .tagcloud a:hover, #top-box .tagcloud a:hover, #bottom-box .tagcloud a:hover, #footer-box .tagcloud a:hover, #sidebar .tagcloud a:hover { color: #fff; background: #2980b9; } #sidebar .tagcloud a { font-size:14px; } /* END TAG CLOUD */ /* ====================== END WIDGET ====================== */ /* SOCIAL ICONS */ .socials { float:right; } .socials a { display:inline-block; margin: 1px 0 0 5px; height:24px; width:24px; text-indent:-9999px; filter: none !important; } .socials a:hover { opacity: 0.7; filter: alpha(opacity=70); border-bottom:none; } .tipsy { padding: 5px; font-size: 10px; font-family:Verdana, Geneva, sans-serif; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; background-image: url(images/icons/tipsy.gif); } a.facebook { background:url('images/icons/social/facebook.png') no-repeat; } a.flickr { background:url('images/icons/social/flickr.png') no-repeat; } a.google { background:url('images/icons/social/google.png') no-repeat; } a.linkedin { background:url('images/icons/social/linkedin.png') no-repeat; } a.myspace { background:url('images/icons/social/myspace.png') no-repeat; } a.pinterest { background:url('images/icons/social/pinterest.png') no-repeat; } a.rss { background:url('images/icons/social/rss.png') no-repeat; } a.skype { background:url('images/icons/social/skype.png') no-repeat; } a.tumblr { background:url('images/icons/social/tumblr.png') no-repeat; } a.twitter { background:url('images/icons/social/twitter.png') no-repeat; } a.vimeo { background:url('images/icons/social/vimeo.png') no-repeat; } a.youtube { background:url('images/icons/social/youtube.png') no-repeat; } a.email { background:url('images/icons/social/email.png') no-repeat; } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; margin-top:-4px; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /* END SOCIAL ICONS */ /* PAGINATION */ .post-pagination { margin:45px 0 0 0; } .post-pagination a[rel="prev"] { float:left; text-align:left; } .post-pagination a[rel="next"] { float:right; text-align:right; } .wp-pagenavi, .wip-pagination { text-align: center; position:relative; margin-bottom:50px; } .wip-pagination { margin-top:50px; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.current, .wip-pagination span { display:inline-block; padding:10px 12px; margin-bottom:0; font-size:14px; line-height:21px; color:#333; text-align:center; vertical-align:middle; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'Maven Pro',Verdana, Geneva, sans-serif; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); background:#fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease } .wip-pagination a span { background:#fff; color:#333; } .wp-pagenavi a:hover, .wip-pagination span, .wip-pagination a span:hover, .wp-pagenavi span.current { color:#fff; background:#3498db; text-decoration:none; border-bottom:none; } @media screen and (min-width : 0px) and (max-width : 767px) { #top-box .widget-box, #footer-box .pin-article { margin-bottom:25px; } #sidebar { margin-top:25px; } #slogan { margin-top:25px; margin-bottom:25px; } p.form-submit, .button { margin-bottom:10px !important; } .header { height:auto; margin-top:25px; margin-bottom:25px; } .line { margin-bottom:25px; } #logo { text-align:center; } #slogan p { font-size: 16px; padding: 0 20px; } #sidebar .sidebar-box { padding:20px; } nav#mainmenu { height:inherit; margin-bottom:25px; } nav#mainmenu ul.menu { visibility:hidden; display:none; } .tinynav { display: block; visibility:visible; width: 90% !important; margin:auto; height: auto; padding: 8px 10px; background: #fafafa; color: #333; font-family: "Abel", Times, serif; } .wp-pagenavi, .main-content .pin-article.span8.left-sidebar, .main-content .pin-article.span8.right-sidebar, .pin-article { margin-bottom:25px; } .wip-pagination { padding-bottom:50px; } .main-content.blog { margin-top: 25px; margin-bottom: 25px; } .main-content { margin-top: 0; margin-bottom: 25px; } .pin-article .title h1 { font-size:28px !important; } .pin-article article.article { padding:20px; } #footer .copyright { margin:0; line-height:15px; text-align:center; } .socials { float:none; } .socials a { margin:0 0 10px 0; } .widget-box { padding:20px 0; } #top-box .widget-box { padding:0; } .row.copyright .span5, .row.copyright .span7{ padding:10px 20px; text-align:center; } .entry-info { width:auto; background:none; } .entry-info i { line-height: 23px; position:absolute; left:20px; margin:0; padding:0 } .entry-info .entry-date, .entry-info .entry-comments, .entry-info .entry-article, .entry-info .entry-standard { display:block; text-align:center; width:inherit; padding:inherit; margin:5px auto; } .header select.select-menu { width:90% !important; margin:0 auto 40px auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* COMMENTS */ .children li { margin-left:0; } .comment-avatar img { margin-right:15px; } .comment-text { margin:0; float:none; border:none; padding:0; } h3#reply-title, h3.comments { font-size:18px; } .gallery .gallery-item{ width:100%; float:none; display:block; margin:0 0 5px 0; } .gallery p{ margin:0; display:none; visibility:hidden; } #footer .widget { margin-right: inherit; } .span8.left-sidebar, .span8.right-sidebar { float:inherit; } #sidebar h3.title { font-size:22px; margin:0 0 15px 0; } .skills { margin-bottom:25px; width:100% } .wp-caption { max-width:100% !important; } .wp-caption img { margin: auto } } @media screen and (min-width : 768px) and (max-width : 979px) { nav#mainmenu ul li a { font-size:14px !important; padding:35px 5px; } } @media screen and (min-width : 0px) and (max-width : 320px) { #searchform #searchsubmit { width:35%; } #searchform .input-search { width:60%; } } @media screen and (min-width : 0px) and (max-width : 479px) { .pin-article h1.title { font-size:22px; } .pin-article .quote blockquote p { font-size: 16px; } }