<data:blog.pageTitle/> <data:blog.pageName/> | <data:blog.title/> */ /* http://meyerweb.com/eric/tools/css/reset/ --------------------------------- Reset CSS------------- ---------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Use this with templates/template-twocol.html */ body{ background:$(body.background.color); color:#333333; font:$(body.font); word-wrap:break-word; } a:link { color:$(header.background.color); text-decoration:none; } a:active { outline:none; } a:visited { color:$(header.background.color); text-decoration:none; } a:hover { color:$(read.hover.color); text-decoration:none; } a img { border:0; } .separator a{ float:none !important; clear:both !important; margin:0 !important; } /* Header ----------------------------------------------- */ .header-wrapper{ background:$(header.background.color); box-shadow:0pt -1px 0pt $(header.boxshadow1.color) inset, 0pt 0pt 15px $(header.boxshadow2.color) inset, 0pt 1px 1px $(header.boxshadow3.color); border-bottom:2px solid $(header.border.color); } header { padding:10px; position:relative; z-index:5; height:90px; } h1{ width:250px; height:40px; position:absolute; top:50%; margin-left:-50%; margin-top:-20px; left:50%; } h1 a#logo{ font:$(header.logo.font); color:$(header.logo.font.color); font-weight:bold; text-decoration:none; } header nav{ padding-top:5px; position:absolute; top:50%; left:50%; margin:-11px 0 0 -350px; cursor:default; } header nav a{ color:#ea6a51; font-weight:bold; font:$(header.font); display:inline-block; margin:0 22px 10px 22px; text-decoration:none; position:relative } header nav a:hover{ color:#ffffff; } .navlink a{ color:$(header.font.color); font-weight:bold; } .navlink a:hover{ color:$(header.font.hover.color); } header a.search{ width:40px; height:40px; background-color:$(header.search); cursor:pointer; position:absolute; border-radius:3px; display:block; top:50%; right:50%; margin-right:-50%; margin-top:-20px } header a.search:before{ position:absolute; content:''; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:2px solid $(header.search.icon); width:9px; height:9px; top:11px; left:12px; } header a.search:after{ position:absolute; content:''; background-color:$(header.search.icon); width:2px; height:11px; top:20px; left:25px; -webkit-transform:rotate(-44deg); -moz-transform:rotate(-44deg); -khtml-transform:rotate(-44deg); -ms-transform:rotate(-44deg); -o-transform:rotate(-44deg); transform:rotate(-44deg); } header a.search:hover{ background-color:$(header.search.hover); } header a.search.active{ border-radius:0 3px 3px 0; background-color:$(header.search.active); } header a.search.active form{ display:block } header a.search form{ display:none; position:absolute; top:0; right:41px; } header a.search form input{ box-shadow:none; padding:12px 12px 9px; border:none; width:210px; border-radius:2px 0 0 2px; height:19px } /* Layout --------------------*/ body#layout {display:inline-block} body#layout header {width: 865px;} body#layout .outer-wrapper {width: 865px;margin:0} body#layout .main-wrapper {width: 70%;} body#layout .Subscriber .widget-content {margin:10px 0 0} body#layout .sidebar-wrapper {width: 27%;float: right;margin: 0;} body#layout footer{width:865px;padding:50px 0 40px;} body#layout footer .footer-content{width:23%;margin-right:2%;float:left} body#layout footer .footer-sidebar{width: 865px;float: left;} /* Content-Wrapper ----------------------------------------------- */ .content-wrapper { width:100%; max-width: 1400px; margin:0 auto; } .main-wrapper { width:67%; float:left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .sidebar-wrapper { background:$(sidebar.background.color); width:30%; float:right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } /* Headings ----------------------------------------------- */ h2 { margin:1.5em 0 .75em; font:$(post.title); color:#333333; } /* Posts ----------------------------------------------- */ .post{ background:$(post.background.color); box-shadow:0 0 1px rgb(204,204,204); margin-bottom:3%; -webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -o-border-radius:3px; border-radius:3px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .post h2 { border-bottom:1px solid #dedede; margin:.25em 0 0; padding: 2em 72px; color:$(post.title.font.color); } .post h2 a, .post h2 a:visited, .post h2 strong { display:block; text-decoration:none; color:$(post.title.font.color); } .post h2 strong, .post h2 a:hover { color:$(post.title.font.color); } .post-body{ color:$(post.text.font.color); padding: 3em 5em 5em 5em; line-height:1.6em; } .post-body a { color:$(post.body.link.font.color); text-decoration:underline; } .post img { max-width:100%; margin-top:8px; margin-bottom:8px; } .widget iframe, .widget img { max-width:100%; } .date-header { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNG4Y-GZv3QYUM1uvve6A3xyrWK188wrUiGAO_g1JJbB5j3B0eXYLatXpIVtBlZ3m49XgSbV0LQSQpt4XrCTOKHX1EjCa2Z-qnYQegCFbk0akF81qmkbrkavVgHFQGLOe1TvdiCHU1yDnE/s1600/icon_clock.png) no-repeat left; color:$(post.title.font.color); padding: 5px 15px 5px 20px; margin:10px 0 10px 25px; display:inline-block; opacity:0.5; -moz-opacity: 0.5; } .post-footer { display:none; margin: .75em 0; color:#333333; font: normal normal 86% Arial, sans-serif; } #author-info { background-color:$(author.info.background.color); border:1px solid $(author.info.border.color); padding:5px 5px 5px 20px; position:relative; margin-top:50px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #author-info img { float:left; width:120px; height:120px; box-shadow:0px 0px 1px $(author.info.img.box.shadow.color); border-radius:2px; background:$(author.info.img.background.color); padding:5px; margin:3% 3% 3% 0; } #author-info h5 { font-size:1.4em; margin:15px 0 10px 150px; } #author-info h5 a { color:inherit !important; text-decoration:none !importan t} #author-info p { margin:0 0 0 150px; font-size:14px; } .comment-link { margin:0; } /*----------------Blockquote -------------------------------*/ blockquote { background: #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6VNA9iaqjUChzFnHiqIbF6ptELHDunEfWKqxPyjz5gwY04f0nHVfTki0JTcpwgR56ayBrGOXmZoFRTfR2oCRWI4lZhWGeqYuxvhRKsDV68G367r8eW23x8oMnqv7Mv0XouEA0Ac0yKqxO/s1600/wmz1.jpg) no-repeat 10px 12px; border-left: 10px solid #ccc; margin: 1.5em 0; padding: 11px 10px 10px 35px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } blockquote:before { content:””; content:none; } blockquote:after { content:””; content:none; } /* Comments ----------------------------------------------- */ #comments h4 { margin:1.5em 0 1em 0; font-size:30px; font-weight: bold; color:$(comments.count.color); border-bottom: 8px solid $(comments.border.color); padding-bottom:10px; } #comments-block { margin:1em 0 1.5em; line-height:1.6em; } #comments-block .comment-author { margin:.5em 0; } #comments-block .comment-body { margin:.25em 0 0; } #comments-block .comment-footer { margin:-.25em 0 0; border-bottom:2px solid #dedede; } #comments-block .comment-body p { margin:0 0 .75em; } .deleted-comment { font-style:italic; color:gray; } /*.........threaded comments............*/ .comments .comments-content .comment-header, .comments .comments-content .comment-content{ margin:0; } @font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } .comment .avatar-image-container { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQwi0C75ymnPXR3jwXuYsUOEVUhCB9AJXxnFxO2UW3LN0z_eM48ta2oqf6w-Q7mHZnQzg-x-Kd79mwxKYdC0Ovj6lXwB4aVedREY-Gk2XLza4SQ7ruU7PWpmp6xDwSdDLUBSayzsPXlaun/s1600/comment.png) no-repeat left; max-height: 70px !important; margin-top: -5px; width: 120px !important; position: relative; z-index: 50; } .comment .comment-block { margin-left: 120px !important; } .comment .comment-header { background: none repeat scroll 0 0 $(comment.header.date.background.color); color: #333; font-size: 15px; font-weight: bold; margin-left: 60px; } .comment .comment-header a { color: $(comment.header.name.text.color) !important; text-decoration: none; } .comment .comment-content { background: none repeat scroll 0 0 $(comment.content.background.color); border-bottom: 2px solid $(comment.content.border.color); font-size: 14px; margin: 0 0 30px; padding: 5px 5px 10px 10px; } .comment .comment-actions a { background: none repeat scroll 0 0 $(comment.reply.background.color); color: $(comment.reply.text.color); display: inline-block; *display:inline; zoom:1; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment-header cite { background: none repeat scroll 0 0 #DF7401; border: 1px solid white; color: white; padding: 3px 20px; position: relative; z-index: 99; margin-left:-21px; } cite.blog-author { background: none repeat scroll 0 0 $(comment.header.name.background.color) !important; } .icon.blog-author { display: none !important; background: url("") no-repeat scroll 0 0; margin-left: 90px; width: 60px !important; height: 60px !important; position: absolute; right: 5px; bottom: 5px; top: 10px; } .comment .comment-header { color: #333; font-size: 15px; font-weight: bold; } .comment .avatar-image-container img { border: medium none !important; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; height: 70px !important; width: 70px !important; max-height: 70px !important; max-width: 70px !important; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD !important; color: #333 !important; display: inline-block !important; line-height: 1 !important; margin: 0 3px !important; padding: 3px 6px !important; text-decoration: none !important; font-size:16px; } .comment .comment-actions a:hover { background: #CCC !important; text-decoration: none !important; } .comments { font-family: 'Philosopher', arial, serif !important; font-size: 1em; color: black; } .comments .continue a { display: block !important; font-weight: bold !important; padding: .5em !important; color:#E34600; font-size:16px; } .comments .continue a:hover {color:#4D3123;text-decoration:none;} .item-control { display: none !important; } .comments .continue { border-top: 2px solid transparent !important; } #blog-pager-newer-link { float: left; color:$(header.background.color); font-weight:bold; } #blog-pager-older-link { float: right; color:$(header.background.color); font-weight:bold; } #blog-pager{ text-align:center } .feed-links { display:none; clear: both; line-height: 2.5em; } /* Sidebar Content ----------------------------------------------- */ .sidebar { color: #666666; line-height: 1.5em; } .sidebar h2 { margin: 0; background:$(sidebar.widget.background.color); padding:10px; display:inline-block; *display: inline; zoom: 1; font-size:11px; color:$(sidebar.title.color); font-weight:bold; } .sidebar ul { background-color:$(sidebar.widget.background.color); padding:15px 20px; list-style:none; } .sidebar li { margin:0; padding-top:0; padding-right:0; padding-bottom:.25em; } .sidebar ul li a { color:$(sidebar.link.color); } .sidebar .widget { border-bottom:8px solid $(sidebar.widget.border.color); margin:0; padding:1.5em; } .main .widget { margin:0; padding-top:3em; padding-bottom:4%; } .main .Blog { border-bottom-width: 0; } /*..........Sidebar Ad .................................*/ .ad { text-align:center; } .ad img { width:128px; height:128px; border-top:2px solid #ffffff; border-left:2px solid #ffffff; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; outline:1px solid #e4e4e4; margin:0 3px 3px 0; } /* Profile ----------------------------------------------- */ .profile-img { float: left; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 0; padding: 4px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; } .profile-data { margin:0; font: normal normal 86% Arial, sans-serif; color: #333333; } .profile-datablock { margin:.5em 0 .5em; } .profile-textblock { margin: 0.5em 0; line-height: 1.6em; } .profile-link { font: normal normal 86% Arial, sans-serif; } /* Footer ----------------------------------------------- */ footer { background:$(foot.background.color); z-index:10; border-top:1px solid $(foot.border.color); padding:50px 50px 40px; position:relative; } footer .footer-sidebar { max-width:1400px; margin:0 auto; overflow:hidden; position:relative; } footer .footer-content { float:left; width:23%; font-size:12px; color:$(footer.text.font.color); margin-right:6%; } footer .footer-content a { margin: 3px 0; } footer .footer-content h2 { margin:0; color:$(footer.title.color); font-weight:bold; font-size:13px; text-transform:uppercase; } footer .footer-content p { padding: 15px 0; } footer .footer-navigation { overflow:hidden; width:14%; margin-right:3%; } footer .footer-navigation a { font:$(post.title); margin:0 100px 5px 0; white-space:nowrap; display:inline-block; font-weight:bold; color:$(footer.nav.color); text-decoration:none; font-size:13px; } footer .footer-navigation p { width:161px; color:$(footer.nav.text.color); font-size:11px; } footer .footer-featured { margin-right:0; } footer .footer-featured h2 { margin-bottom:0; } footer .footer-featured img { background:#f4f4f4; width:103px; height:134px; float:left; text-indent:-999px; overflow:hidden; margin: 0 20px 0 0; -moz-border-radius:2px 50px 2px 2px; -webkit-border-radius:2px 50px 2px 2px; -khtml-border-radius:2px 50px 2px 2px; -ms-border-radius:2px 50px 2px 2px; -o-border-radius:2px 50px 2px 2px; border-radius:2px 50px 2px 2px; -moz-box-shadow: 2px 2px 0 #dddddd; -webkit-box-shadow: 2px 2px 0 #dddddd; -khtml-box-shadow: 2px 2px 0 #dddddd; -ms-box-shadow: 2px 2px 0 #dddddd; -o-box-shadow: 2px 2px 0 #dddddd; box-shadow: 2px 2px 0 #dddddd; } /* Hide the Blogger NavBar ----------------------------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none } /*.......................Button .................................................*/ .readmore a { right:0; bottom:0px; z-index:10; background:$(read.background.color); box-shadow:0pt 0pt 5px $(read.shadow.inside.color) inset, 0pt 1px 1px $(read.shadow.outside.color); padding:5px 15px 5px 15px; border-radius:3px 0 0 3px; border-top:2px; border-right:2px; border-bottom:2px; border-left:2px; margin:10px 0 10px 0; display:inline-block; float:right; color:$(read.text.color); font-size:11px; text-shadow:1px 1px 0pt rgba(0, 0, 0, 0.2); font-family:Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; } .readmore a:hover{ background-color:$(read.hover.color); } .button { display:inline-block; text-transform:uppercase; padding:1em 1.5em 0.75em; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; -o-border-radius:2px; border-radius:2px; font-weight:bold; border:none; color:$(blueredgreen.text.color); text-decoration:none; font-family:'Open Sans Condensed',sans-serif; font-size:14px; line-height:1; cursor:pointer } a.button:hover { opacity:0.9; -moz-opacity: 0.9; } .button.blue { background-color:$(blue.background.color); color:$(blueredgreen.text.color); box-shadow:0 0 5px $(blue.shadowinside.color) inset, 0 1px 1px $(blue.shadowoutside.color); } .button.blue1 { background-color:$(blue.background.color); } .button.green { background-color:$(green.background.color); color:$(blueredgreen.text.color); box-shadow:0 0 5px $(green.shadowinside.color) inset, 0 1px 1px $(green.shadowoutside.color); } .button.green:hover{ opacity:0.9; -moz-opacity: 0.9; } a.button.green.big,a.button.green.medium,a.button.green.small { text-decoration:none; font-weight:bold; } .button.red { background-color:$(red.background.color); color:$(blueredgreen.text.color); box-shadow:0 0 5px $(red.shadowinside.color) inset, 0 1px 1px $(red.shadowoutside.color); } .button.red1 { background-color:$(red.background.color); } .button.orange { background-color:#ff8b62; box-shadow:0 0 5px #f68962 inset, 0 1px 1px #eee; } .button.small { font-size:11px } .button.big { font-size:18px; padding:1.2em 2.5em 1em; } /*........................................ .................Sidear icon.... ................*/ #sidebar .sidebar-group.about { line-height:1.8; color:$(sidebar.Social.text.color); padding:20px; } #sidebar .sidebar-group h5 { font-size:11px; color:#666 } #sidebar .sidebar-group h5 a { opacity:0.8; -moz-opacity: 0.8; text-decoration:none !important } .social-icons { text-align:center; padding:18px 0 0; line-height:1 } .social-icons a {display:inline-block;width:47px;height:46px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHKk-vnlXXCS7Ry9VruFdQiZ7hMEQB-ljz0ks-VgUfQW_O0J5YvzahcwPuTlswXWVwa08NCsbiHhdMbXH65CJx7doXKQq2oa8LJtK_mBmC_VHPN5oqTleEx89B_ZLXCLILvWHLcG7I7TY/s1600/like.png'); opacity:0.8; -moz-opacity: 0.8; margin-right:1px; border-radius:50%; } .social-icons a:hover { opacity:1; -moz-opacity:1; } .social-icons a.facebook { background-position:0 -47px } .social-icons a.googleplus { background-position:0 -94px } .social-icons a.rss { background-position:0 -141px } .social-icons a:before { margin-left:-6px } #sidebar .sidebar-group.twitter { padding:25px } #sidebar .sidebar-group.twitter ul { list-style:none } #sidebar .sidebar-group.twitter li { background-color:#fff; margin-bottom:1px; padding:16px;color:#888; font-size:13px } #sidebar .sidebar-group.twitter li>span { display:block; font-size:12px; margin-top:10px } #sidebar .sidebar-group.twitter li > span a { color:#aaa !important; text-decoration:none !important } #sidebar .sidebar-group.twitter li .date { float:right } #sidebar .sidebar-group.twitter li a { color:#aaa !important } #sidebar .sidebar-group.twitter li>span { display:none } #followTwitterButton { padding:15px 0 0 52px } [data-hint] { position:relative; display:inline-block; } [data-hint]:before,[data-hint]:after { position:absolute; visibility:hidden; opacity:0; z-index:1000000; pointer-events:none; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; -khtml-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; bottom:100%;left:50% } [data-hint]:hover:before,[data-hint]:hover:after { visibility:visible; opacity:1; -moz-opacity:1; -webkit-transform:translateY(-8px); -moz-transform:translateY(-8px); -ms-transform:translateY(-8px); -khtml-transform:translateY(-8px); -o-transform:translateY(-8px); transform:translateY(-8px); } [data-hint]:before { content:''; position:absolute; background:transparent; border-top:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid transparent; z-index:1000001; border-top-color:#383838; margin-bottom:-12px } [data-hint]:after { content:attr(data-hint); background:#383838; color:white; text-shadow:0 -1px 0px black; padding:8px 10px; font-size:12px; line-height:12px; white-space:nowrap; -webkit-box-shadow:4px 4px 8px rgba(0,0,0,0.3); -moz-box-shadow:4px 4px 8px rgba(0,0,0,0.3); -khtml-box-shadow:4px 4px 8px rgba(0,0,0,0.3); -ms-box-shadow:4px 4px 8px rgba(0,0,0,0.3); -o-box-shadow:4px 4px 8px rgba(0,0,0,0.3); box-shadow:4px 4px 8px rgba(0,0,0,0.3); margin-left:-18px } /* ----- related-post----- */ .related-posts-title { background:$(related.posts.background.color); color:$(related.title.color); display:inline-block; *display:inline; zoom:1; padding:10px; font-size:20px; border-radius:2px 2px 0 0; } #related-posts { list-style:none; background-color:$(related.posts.background.color); overflow:hidden; padding:2em 1em 2em 5em; border-radius:2px; box-shadow:0 0 1px #ccc; } #related-posts img { width:130px; height:130px; border:0px; } #related-posts h3 { font-size: 1.00em; font-weight: medium; color: rgb(12, 56, 110); font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0em; margin-left: 6em; margin-top: -3.1em; padding-top: 0em; } #related-posts a { padding:0; border-left:0.5px solid transparent; float:left; margin-right:10px; width:150px; color:$(related.posts.link.color); text-decoration:none !important; display:block; } #related-posts a:hover { opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60); } /*............Popular Posts ..................*/ .PopularPosts ul li img { width:100%; max-width:40px; height:100%; max-height:40px; border:2px solid #fff; outline:1px solid #e4e4e4; padding-right:0; margin-right:10px; } .PopularPosts .widget-content ul li { border-bottom:1px dotted #eeeeee; padding:7px 0 0 0; position:relative; } .PopularPosts .item-title { padding-bottom:0; margin-top:2px; } .PopularPosts ul li:hover { background:#f4f4f4; } /*------------------------------------- Recent Comment ---------------------------------------*/ ul.bdlab_recent_comments{ list-style:none; margin:0; padding:15px 20px; } .bdlab_recent_comments li{ background:none !important; padding:5px 0 5px 0 !important; border-bottom:1px dotted #eeeeee; display:block; clear:both; overflow:hidden; list-style:none; } .bdlab_recent_comments li:hover{ background:#f4f4f4 !important; } .bdlab_recent_comments li .avatarImage{ padding:3px; float:left;margin:0 6px 0 0; position:relative;overflow:hidden; } .bdlab_recent_comments li img{ width:100%; max-width:40px; height:100%; max-height:40px; border:2px solid #fff; outline:1px solid #e4e4e4; padding:0px; margin-right:10px; position:relative; overflow:hidden; display:block; } .bdlab_recent_comments li span{ padding-top:4px; display: block; } /*-------------------------------------- {--------} pagenav {--------} ----------------------------------------*/ .showpageNum a,.showpage a { background-color:$(Unactive.backgroundNavigation.color); text-decoration:none; white-space:nowrap; color:$(Unactive.text.color); margin:10px 3px; padding:5px 10px; border:1px solid $(Unactive.Border.color); } .showpageNum a:hover,.showpage a:hover { color:$(active.text.color); text-decoration:none; background-color:$(active.backgroundNavigation.color); border:1px solid $(active.backgroundNavigation.color); } .showpageOf { float:right; margin:0; opacity:0.5; -moz-opacity: 0.5; } .showpagePoint { color:$(active.text.color); text-decoration:none; background-color:$(active.backgroundNavigation.color); font-size:12px; margin:10px 3px; padding:5px 10px; border:1px solid $(active.backgroundNavigation.color); } .feed-links { clear:both; line-height:2.5em } /*--------------Tags/Label --------------------------------*/ .tags { text-align:right; background:none; margin-top:50px; } .tags a { font-size:0.75em; color:#aaa; background:#292929; display:inline-block; padding:2px 7px; border-radius:2px; opacity:0.9; -moz-opacity: 0.9; text-decoration:none; } .tags a:hover { opacity:0.5; -moz-opacity: 0.5; } /*-------------Label status message body --------------------*/ .label { background:#f9f9f9; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; padding:2%; margin:5px 35px 35px -1px; font-size:36px; border-radius:2px; } .label a { color:#292929; opacity:0.5; -moz-opacity: 0.5; } /*-------------404 error Page -----------------------*/ #finderror { background:#ffffff; padding:50px; margin-top:6%; margin-bottom:4%; text-align:center; position:relative; -webkit-border-radius:2px 30px; -moz-border-radius:2px 30px; -khtml-border-radius:2px 30px; -o-border-radius:2px 30px; border-radius:2px 30px; -webkit-box-shadow: 2px 2px 0 #dedede; -moz-box-shadow: 2px 2px 0 #dedede; -khtml-box-shadow: 2px 2px 0 #dedede; -o-box-shadow: 2px 2px 0 #dedede; box-shadow: 2px 2px 0 #dedede; } #finderror h2 { margin:0; font-size:30px; } #finderror p { line-height:1.6em; font-size:20px; } #finderror a { color:#fff; } /*---- //Other// ----*/ .recentpost_title{ margin-top:-1em; padding-top:1.5em; padding-bottom:1.2em; font-size:20px; } .blog-pager,#blog-pager{ background:$(post.background.color); } /* Email Subscriber ------------------------*/ #sidebar-subscribe-box { width:95.54%; background-image: linear-gradient(right 0, $(email.left.background.color) 6%, $(email.right.background.color) 100%); background-image: -o-linear-gradient(right 0, $(email.left.background.color) 6%, $(email.right.background.color) 100%); background-image: -moz-linear-gradient(right 0, $(email.left.background.color) 6%, $(email.right.background.color) 100%); background-image: -webkit-linear-gradient(right 0, $(email.left.background.color) 6%, $(email.right.background.color) 100%); background-image: -ms-linear-gradient(right 0, $(email.left.background.color) 6%, $(email.right.background.color) 100%); background-image: -webkit-gradient( linear, right 0, left top, color-stop(0.06, $(email.left.background.color)), color-stop(1, $(email.right.background.color)) ); border: 1px solid $(email.border.color); box-shadow:1x 1px 1px $(email.border.color) inset; height:265px; border-radius: 3px; padding: 3px 0; position:relative; } .sidebar-subscribe-box-wrapper,.sidebar-subscribe-box-wrapper p { color: $(email.text.color); font-size: 30px; line-height: 10px; margin-top:20px; padding: 1px 29px 0; text-align: left; } .Subscriber .widget-content{ margin:2.5em 0 0; } .Subscriber h2{ margin:35px 0 0; font-size:20px; } .sidebar-subscribe-box-form { clear: both; display: block; margin: 10px 0; } form.sidebar-subscribe-box-form { clear: both; display: block; margin: 10px 0 0; width: auto; } .sidebar-subscribe-box-email-field { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background:$(email.form.background.color); border:1px solid $(email.form.background.color); color: $(email.form.text.color); line-height:1; font-size:15px; padding: 10px 20px; position:absolute; top:125px; left:59px; width: 250px; } .sidebar-subscribe-box-email-button { background:$(email.submit.background.color); border:1px solid $(email.submit.background.color); border-radius:2px; box-shadow:0px 0 1px $(email.submit.shadow.color) inset; border:none; color: $(email.submit.text.color); cursor: pointer; font-family: Arial; font-weight: 600; padding: 10px; position:absolute; top:190px; left:59px; text-shadow: 1px 1px 0 rgba(255,255,255,.2); width:100%; max-width:100px; } .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus { background:$(email.submit.hover.color); } iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table { width: 100%; } .embed { border-radius: 3px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); background: #FFF; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.2); margin: 0; padding: 4px 4px 4px; } #footer-section { background: #f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQUYdCSATYG3sHt7zeiCiVpZxOEEuN4JoJ5shIC2ZegQD2VuE3Wpx5y5BEPyFhCXwgTyg6qvF6NWUMuesdGZS2sQyvE0zOFjX2kFBb8IFH7wZXdzW0YtYxkR__mIayKomCDoqwmDKdARor/s0/bg-pattern.png) repeat top left; border-top: 1px solid #aaa; box-shadow: inset 0 4px 6px -3px #aaa; font-family: cambria; font-size: 14px; height: 100px; margin: 10px -30px 5px; padding: 0 30px; text-align: center; width: 100%; } .clear{ clear:both; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Description: The default skin for the Nivo Slider. Version: 1.3 Author: Gilbert Pellegrom Author URI: http://dev7studios.com Supports Thumbs: true */ .theme-default .nivoSlider { position:relative; background:#fff url(http://www.jqueryscript.net/demo/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { text-align: center; padding: 15px 0 0; } .theme-default .nivo-controlNav a { background:rgb(212, 212, 212); display:inline-block; width:12px; height:12px; border-radius:6px; text-indent:-9999px; border:0; margin: 0 2px; } .theme-default .nivo-controlNav a.active { background:#363231; background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(http://www.jqueryscript.net/demo/nivo-slider/themes/default/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .theme-default:hover .nivo-directionNav a { opacity: 1;-moz-opacity:1;} .theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; } .theme-default a.nivo-prevNav { left:15px; } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } .theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; } .theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; } .theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; } .nivoSlider { position:relative; width:95.4%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter: alpha(opacity=0); opacity: 0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:20px; background:$(header.background.color); color:$(header.font.color); width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*------------------------------------------------------ Back to Top ------------------------------------------------------*/ #BackToTop { display:none; height:50px; width:50px; position:fixed; top:20px; right:20px; background:#363231 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSFENcoHnyQPfFIpCkUpTiDQHBxY5UuT3Fxl8nFS7Wg3NbuCIOvgt4AiyBEre8W0vEewbbmioZNtyLqrFMYWPOiATtvNQGvYjMNfJCCuxupVCvLNcv_1s15FZlZW9hj6ivUwuiGraHbvjk/s1600/backtotop.png) no-repeat right center; text-indent:-800px; overflow:hidden; opacity:0.8; border-radius:2px; } #BackToTop:hover { background-color:#5e5755; } /* --------------------- Bp Toc ---------------------*/ #bp_toc { border: 0px solid #000000; background: #ffffff; padding:10px 0; width:100%; margin-top:10px; } #bp_toc a{ text-decoration:none !important; } #bp_toc a:hover{ text-decoration:underline !important; } .toc-header-col1, .toc-header-col2, .toc-header-col3 { padding:10px; background:#292929; width:250px; border-bottom:5px solid #99dbff; } .toc-header-col2{ border-right:2px solid #ffffff; border-left:2px solid #ffffff; } .toc-header-col2 { width:75px; border-bottom:5px solid #ed4e69; } .toc-header-col3 { width:125px; } .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-family: "Trebuchet MS", sans-serif; font-size: 14px; font-weight: bold; line-height: 1.4em; font-style: normal; border-collapse:separate; color:#ebebeb; text-decoration:none; } .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { text-decoration:underline; } .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding: 10px; background:#f8f8f8; border-bottom:2px solid #ffffff; } .toc-entry-col2{ border-right:2px solid #ffffff; border-left:2px solid #ffffff; } .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a { color:#45818e; font-size:12px; font-family:verdana; } .toc-note{ background-color:#333333; padding:10px; font-size:20px; display:inline-block; *display:inline; zoom:1; text-align:center; color:#999999; } ]]>