/* Theme Name: ESL Galaxy Theme URI: http://www.websfox.com Description: HTML theme designed specially for ESL Galaxy. Version: 1.0 Author: Sandeep Nehra Author URI: http://www.websfox.com */ /* HTML Elements */ @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed); * { margin:0; padding:0; } body { /* font: 100% Arial, Helvetica; */ font-family: 'Roboto Condensed', sans-serif!important; background: #7BE5F9; color: #333; background-color: #7BE5F9!important; } img , object{ max-width:100%; } .bigbannerad { margin: 10px 0px; } #headline2 li:before { margin: 0px 5px 0 -20px; font-family: 'Glyphicons Halflings'; } #headline2 li { list-style: none; } #middle li:before, #bottom li:before { margin: 0px 5px 0 -20px; font-family: 'Glyphicons Halflings'; color: orange; } #middle li { display: block; font-family: 'Roboto Condensed', sans-serif!important; } #bottom li { display: block; font-family: 'Roboto Condensed', sans-serif!important; } p { margin: 15px 0; } .adsbig300x250 { float:right; clear:both; margin-top:5px; margin-bottom:5px; } a:link, a:visited { color: #3c57a7; text-decoration:none } a:hover, a:active { color: #3c57a7; text-decoration:underline; } a img { border:0; } code { font: 1.0em 'Courier New', Courier, Fixed; background:#ececec; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { padding: 10px 10px 0 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #eee; font-size:1.0em; line-height:1.5em; margin:10px 0px; } select { width: 130px; } /* Structure */ #head { /* width:960px; */ margin:0px auto; margin-top:15px; padding:0px; font-size:0.7em; padding-top: 15px; } #page { /* width:940px; margin:0px auto; padding:10px; background:#F8F8F8; font-size:0.7em; */ } .left { float:left; } .right { float:right; } /* Navigation Bar*/ #navbar { margin:0 auto; margin-top:15px; padding:0px 10px; text-transform:uppercase; background:#2c2c2c url(images/navbar.png); } #page-bar { width:722px; } #page-bar ul { list-style: none; } #page-bar li { float:left; list-style:none; cursor: pointer; display:block; border-right:1px solid #333; } #page-bar li:hover { background: #3c57a7; } #page-bar a, #page-bar a:visited { margin: 0px; padding:10px 16px; font-weight:bold; color:#FFF; display:block; } #page-bar a:hover { text-decoration:none; display:block; } #searchform { width:194px; float:right; text-align:right; padding-top:8px; margin-right:10px; } /* Dropdown Menus */ #page-bar li { float: left; margin: 0px; padding: 0px; } #page-bar li li { float: left; margin: 0px; padding: 0px; width: 122px; text-transform:none; } #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { background: #2B2B2B; width: 122px; float: none; margin: 0px; padding: 5px 10px 5px 18px; border-top: 1px solid #C0C0C0; } #page-bar li li a:hover, #page-bar li li a:active { background: #666666; padding: 5px 10px 5px 18px; } #page-bar li ul { position: absolute; width: 10em; left: -999em; } #page-bar li:hover ul { left: auto; display: block; } #page-bar li:hover ul, #page-bar li.sfhover ul { left: auto; } /* Text*/ h1 { font-size:34px; font-weight:bold; color: green; } h2 { font-size:28px; color: orange; } h3 { font-size:22px; margin-bottom:3px; color: orange; } h4 { font-size:20px; } h3.cat_title, h3.cat_title a { color:#333; } h3#respond { margin-top:0px; padding-top:20px; } h3#comments { margin-top:32px; padding-left:0px; } h3.authors { margin-top:15px; } /* Index Page*/ #logo {} #tagline { margin-top:5px; font-size:1em; color:#333; } #top { padding:0; } /*Menu colors*/ header .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active { color: #FFF; background-color: #2666DB; } header .navbar-default .navbar-nav>li>a { color: white; font-weight: bold; font-size: 18px; } /* .navbar-default { background-color: #48E0D5; } */ header .navbar-static-top { margin-top: 14px; } li.topmenuh { background: rgb(53, 185, 208); } li.topmenue { background: rgb(154, 207, 48); } li.topmenug { background: rgb(232, 61, 91); } li.topmenugr { background: rgb(245, 163, 13); } li.topmenuv { background: rgb(128, 5, 127); } li.topmenup { background: rgb(39, 163, 39); } li.topmenua { background: rgb(208, 108, 36); } li.topmenud { background: rgb(239, 31, 70); } li.topmenuvc { background: #3E679D; } header .navbar-default { background-color: transparent; border-color: transparent; float: right; } footer .navbar-default { background-color: transparent; border-color: transparent; } @media (max-width: 768px) { header .navbar-default{ width:100%; } } /*Slider*/ #homeslider { -webkit-box-shadow: 0 15px 10px #C5C4C4; -moz-box-shadow: 0 15px 10px #C5C4C4; box-shadow: 0 10px 10px #C5C4C4; margin-bottom: 25px; } .carousel-control.left, .carousel-control.right { background-image: none!important; } /* #headline { width:729px; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.title { font-weight:bold; font:2.4em Georgia; letter-spacing:-0.05em; display:block; padding-bottom:5px; } #headline div.meta { display:block; padding-bottom:2px; } #headline p { padding-bottom:15px; } */ /* #featured { width:161px; background:#fff; float:right; padding:10px 10px 6px 10px; } #featured .clearfloat { margin-top:7px; margin-bottom:9px; } #featured .info { margin-top:5px; padding-top:5px; float:right; width:185px; } #featured .title { font-weight:bold; } #featured .divider { margin-left:85px; } #headline a img, #featured a img { border:1px solid #bbb; margin-top:5px; margin-right:10px; } */ .boxed { margin: 0px auto; max-width: 1200px; width: 100%; position: relative; padding: 0px; background-color: #FFFFFF; box-shadow: 0px 0px 15px rgba(0,0,0,0.15); border-radius: 10px; margin-bottom: 10px; } #toTop { height: 27px; width: 40px; position: fixed; bottom: 0px; right: 5px; cursor: pointer; display: none; text-align: center; z-index: 999; background: #0C69AD; color: white; opacity: 0.7; font-size: 25px; } #toTop:hover { opacity: 1; } #featured { margin-top: 20px; } .banner300 { margin-top: 20px; text-align: right!important; } #middle { /* width: 920px; background:#fff; float:right; padding:10px; margin:10px 0; */ } .category { /* width:164px; */ float:left; border-top:8px solid #333; margin:0px; padding:5px 10px 10px 10px; background:#fff; } .category p { margin:0; } #cat-1, #cat-3, #cat-5 {border-top:8px solid #333333;} #cat-2, #cat-4 {border-top:8px solid #3c57a7;} .category span.cat_title, #front-popular h3, #front-list .cat_title { text-transform:lowercase; margin:0; font-weight:bold; font-size:1.5em; } #front-popular h3 { color:#fff; } .category a { color:#333; display:block; background:none; } .category a:hover { background:none; color:#fff; text-decoration:none; } #cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; } #cat-2:hover, #cat-4:hover {background:#3c57a7; color:#fff; } #cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; } #cat-2:hover a, #cat-4:hover a {background:#3c57a7; color:#fff; } /* #bottom { width: 940px; } #front-list { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; } */ #front-list blockquote { padding: 2px 10px 2px 10px; box-shadow: 2px 2px 2px gray; border-radius: 10px; } #front-list .title { font-weight:bold; font-size:2.0em; } #front-list .divider { margin-left:216px; margin-top:15px; margin-bottom:15px; } .author { font-size:0.8em; font-weight:bold; } .meta { margin-top:-5px; font-size:0.8em; color:#333; } .meta a { color:#333; } #headline p, #featured p { margin:0; } /* Content Page*/ #content { width:590px; background:#fff; padding:10px; font-size:1.05em; line-height:1.75em; float:left; min-height:400px; } .post { font-size:1.05em; line-height:1.75em; } .post p { margin-top:0px; } .post .clearfloat { border-bottom:1px dotted #333; margin:10px 0px; } .post ul, .post ol { margin-bottom:15px; } #content h2.title { font-weight:bold; font-size:2.2em; border-bottom:1px solid #eae9e4; border-top:3px solid #eae9e4; margin-bottom:15px; padding:5px 0px; } #content .title { font:1.5em Georgia; } .post ul li { list-style:square; margin-left:30px; } .post ol li { list-style:decimal; margin-left:30px; } .post ol li ul li { list-style:square; margin-left:20px; } .post img, .post a img, #front-list img { border:0px; margin:0 10px 5px 0; } .post .ads { margin-top:10px; } #stats { margin-top:-10px; margin-bottom:10px; padding:4px; text-transform:uppercase; font:0.8em Arial; display:block; } #stats span { border-right:1px dotted #333; padding: 0px 5px 0px 5px; } #stats span a:hover { background:none; } #stats span a { color:#333; } #stats img, #nav img { border:0px; margin:0px; } #tools { width:590px; height:25px; font-size:0.95em; } #tools a:hover { background:none; } /* Sidebar*/ /* #sidebar { width:320px; float:right; margin:0px 0px 0px 0px; } */ #sidebar h3 { font-size: 1.1em; font-weight: bold; background: #3BC247; color: #fff; margin: 10px 0px 5px 0px; padding: 5px 10px; border-radius: 25px 0px 25px 0px; text-align: center; } #sidebar-bottom img { float: left; margin-right: 10px; margin-bottom: 2px; } /* #sidebar-top, #sidebar-bottom { width:300px; float:right; padding:0px 10px 10px 10px; background:#fff; } #sidebar-bottom, #sidebar-middle { margin-top:10px; } */ /* #sidebar-middle { width:320px; float:right; } #sidebar-left { width:135px; padding:0px 10px 10px 10px; float:left; background:#fff; } #sidebar-right { width:135px; padding:0px 10px 10px 10px; float:right; background:#fff; } #sidebar li { list-style:none; border-bottom:1px dotted #bbb; display:block; padding:2px 0px 2px 13px; background:url(images/sub.png) no-repeat 0 0px; } #sidebar-ads { width:300px; float:right; margin-bottom:10px; padding:10px; background:#fff; } */ /* Form Elements */ select { border:1px solid #333; width:100% } .button { padding: 1px; border:1px solid #333; background:#fff; font-size:1.0em; } .field { padding: 2px; border:1px solid #333; background:#fff; font-size:1.0em; } #search .button { padding: 1px; border:1px solid #333; background:#fff; font-size:1.0em; } #commentform input { width: 140px; margin: 5px 5px 1px 0; } #commentform textarea { width: 99%; margin-top:5px; } /* Comments*/ .commentlist cite { font-style:normal; margin-bottom:4px; display:block } .commentlist blockquote { background:#ededed; } .commentlist li { color:#4d4d4d; padding: 10px 14px 10px 14px; background:#f2f2f2; border-bottom: 1px solid #dcdbd7; list-style:none; margin-bottom:3px; } .commentlist li li { background:none; border:none; list-style:square; margin:3px 0 3px 20px; padding:3px 0; } .commenttext { width:502px; float:right } .commentlist cite strong { font-size:1.1em; } li.my_comment { background: #FFF; border:none } li.my_comment cite strong { font-size: 1.3em; color:#313228; } #commentform small { background:#FFF; font-weight:bold; padding:0; } .commentmetadata { color:#4d4d4d; display: block; margin-top:3px; text-align:right } .commentmetadata a, .commentmetadata a:visited { color:#959382; } .commentlist small { background:#e9e9e9 } .avatar { border:1px solid #56562c; margin:15px 8px 6px 0; float:left; padding:1px; width:45px; height:45px; } #comment { width:590px; background:#fff; } /****** 5ths Column Mod *******/ .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } @media (max-width: 767px) { .col-xs-5ths { width: 100%; float: left; } } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } /******* End 5ths Column Mod ********/ /* Footer*/ #front-popular { background:#0170A6; margin: 0 auto; padding: 5px 0px 0px 15px; color:#ffffff; border-radius:10px; } /* #front-popular { font-size:0.7em; color:#fff; width: 940px; background:#2c2c2c url(images/bottombar.png) bottom no-repeat; margin: 0 auto; padding:10px; } #recentpost, #mostcommented { width:280px; float:left; padding:10px; border:1px solid #fff; } #mostcommented { margin-left:17px; } #recent_comments { width:280px; float:right; padding:10px; border:1px solid #fff; }*/ #recentpost a, #mostcommented a, #recent_comments a { color:#fff; } #recentpost ul, #mostcommented ul, #recent_comments ul { margin-top:5px; } #recentpost ul li, #mostcommented ul li, #recent_comments ul li { list-style:none; border-top:1px dotted #fff; padding:5px; display:block; } #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { background:#3c57a7; color:#fff; } #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { border-top:0px dotted #fff; } #footer { margin: 0 auto; /* width: 960px; */ /* font-size:0.6em; */ /* padding-top:10px; padding-bottom:10px; */ } #footer a.navbar-button.btn-danger.btn.pull-right { color: white; margin-top: 9px; } /* Float Properties*/ .clearfloat:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfloat { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfloat { height:1%; } *+html .clearfloat { height:1%; } .clearfloat { display:block; } /*From index file*/ /* blockquote { background-color: #0170A6; border-left: 0px solid #eee; margin: 0 0 5px; } blockquote h3 { margin-top: 5px; margin-bottom: 5px; color:white; } */ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}