/** * custom.css file created by Eximium Template * @package Eximium Template * @author Youjoomla.com * @website Youjoomla.com * @copyright Copyright (c) since 2007 Youjoomla.com. * @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material **/ /* ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE. THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF AND REVERT BACK TO ORIGINAL TEMPLATE CSS THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES. SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED. */ body {line-height:1.8;} .homepage #holder2, .homepage .holders {padding:0;} .page-header h2, .module_title, .article_title, #yjsg3 h2, #yjsg4 h2 {color:#E8CA5D; font-weight:bold !important; font-size:250%;} h1, h2, h3, h4, h5, h6 { color: #E8CA5D; } @media (max-width: 767px) { body { padding-right: 0px; padding-left: 0px;} } @media screen and (max-width: 979px){ div.sidebars { margin-bottom: 0px;} } /* ------------------------- Center Top --------------------*/ #centertop_outer {background-color:#000000;} #centertop h1 {margin:0} #centertop p {margin:0; color:#cccccc;} #centertop .fa { color:#E8CA5D;} ul.defaultmenu li a { line-height: 36px; font-size:24px; display: block; border-bottom: 1px solid #444444; } ul.defaultmenu li:nth-of-type(1) a:before {content: "01";} ul.defaultmenu li:nth-of-type(2) a:before {content: "02";} ul.defaultmenu li:nth-of-type(3) a:before {content: "03";} ul.defaultmenu li:nth-of-type(4) a:before {content: "04";} ul.defaultmenu li:nth-of-type(5) a:before {content: "05";} ul.defaultmenu li:nth-of-type(6) a:before {content: "06";} ul.defaultmenu li:nth-of-type(7) a:before {content: "07";} ul.defaultmenu li:nth-of-type(8) a:before {content: "08";} ul.defaultmenu li a:before {font-size:30px; color:#444444;} ul.defaultmenu li a.isactivea:after, ul.defaultmenu li a.isactivea:before {font-size:30px; color:#E8CA5D;} ul.defaultmenu li a.isactivea:after { content:' \2713';} ul.defaultmenu li a {color:#cccccc;} ul.defaultmenu li a.isactivea {color:#ffffff; background:transparent;} ul.defaultmenu li a:hover { background: #111111; color: #ffffff; } ul.defaultmenu li a:hover:before { color: #555555; } @media screen and (min-width: 721px){ #header1.yjsgxhtml {width: 50.00%!important;} #header2.yjsgxhtml {width: 50.00%!important;} #header3.yjsgxhtml {width: 100.00%!important;} } /* ------------------------- Center mid --------------------*/ #centermid_outer, #centerbottom_outer {position:relative;} #centerbottom_outer:before, .yjsg3_out:before{ width: 100%; content: " "; background-image: url(../images/lwd/shadow-01.png); position: absolute; left: 0px; top: 0px; height:100px; } .homepage #centerbottom_outer:before { background-image: none; height:0px; } .yjsg6_out:after, .yjsg4_out:after{ width: 100%; content: " "; background-image: url(../images/lwd/shadow-02.png); position: absolute; left: 0px; bottom: 0px; height:100px; } .yjsg6_out:after {position:relative;} #yjsg3 p, #yjsg4 p {color:#ffffff;} #yjsg3 h1 {color:#E8CA5D; font-weight:bold; font-size:300%;} .yjsg3_out { padding-top:100px; background-image: url(../images/lwd/background-01.jpg); background-position: top center; background-size: cover;} .yjsg4_out { padding-bottom:100px; background-image: url(../images/lwd/background-02.jpg); background-position: top center; background-size: cover;} #holder2 { padding-top:140px; } #yjsg3 .yjsgxhtml {width:100% !important;} /* --------------------- Div control ---------------------------------*/ @media only screen and (min-width: 667px) { .md-float-left {float:left; padding-right:20px} .md-float-right {float:right; padding-left:20px} .md-max-50 {max-width: 50%} } @media only screen and (max-width: 666px) { .sm-float-none {float: none;} .sm-max-100 {max-width: 100%} .sm-max-100 img {display:block; margin: 0 auto;} } /* --------------------------------- YJSG7 --------------------------*/ .yjsg7_out {background-color: #ffca28;} #user21 .yjsquare_in {padding: 20px; margin: 0 10%; background-color: #545454;} @media only screen and (max-width: 420px) { #user21 .yjsquare_in { margin: 0 2%; } } #user21 p { color:#cccccc;} #user21 .fa { color:#ffffff; Font-size: 30px} #user21 p strong { color:#f7a62e; Font-size: 18px} #user21 a { color:#ffffff;} #user21 a:hover {color:#f7a62e} /* -------------------------------- Sig Pro -------------------------------*/ ul.sigProResponsive li.sigProThumb a.sigProLink { color: #e0dede; background-color: #e0dede; border: 6px solid #e0dede; -webkit-transition: 200ms all ease-in; -moz-transition: 200ms all ease-in; transition: 200ms all ease-in; } ul.sigProResponsive li.sigProThumb a.sigProLink:hover { color: #7F7F7F; text-decoration: none; background-color: #7F7F7F; border: 6px solid #7F7F7F; } /* Footer --------------------------------------------------------------------------------------- */ /* version 1.01 - Added fbook link */ /* version 1.02 - Added gplus link */ /* version 1.03 - Corrections for Eximium */ /* version 1.04 - style corrections */ /* version 1.05 - responsive style corrections */ /* version 1.06 - responsive style corrections */ /* version 1.07 - floating "Top" button */ /* ---------------------------------------------------------------------------------------------- */ .footer_out { background-color: #e8ebef; padding:30px 0;} #footer { color: #929292;;} .footer0 {text-align: center;} .footer2 {line-height:2.5;} .footer2 a, #cp a {color:#437AFC} /*local Web Design & Top*/ .footer2 a:hover{color:#43b7f9 !important} #cp a:hover {} .fbook, .gplus{ width: 16px; height:16px; display: inline-block !important; border-radius: 2px; vertical-align: top; margin-top: 8px !important; margin-left: 8px !important; } .fbook a , .gplus a { color: #dddddd; font-size: 14px; font-weight: 400; line-height:16px; width: 16px; height: 16px; display: block; } .fbook a:hover, .gplus a:hover { color: #ffffff; } .fbook { font-family: Arial, Helvetica, sans-serif; line-height:18px; background-color: #3C56A1 ; /* std fbook blue */ } .gplus { font-family: "Times New Roman", Times, serif; line-height:16px; background-color: #DF5138 ; /* std gplus red */ } .gplus a { font-size: 20px; line-height: 20px; } /*brings up to same size */ .fbook:hover {background-color: #2749a5;} /* std fbook blue, brighter */ .gplus:hover {background-color: #f42909;} /* std gplus red, brighter */ #cp {padding-left: 10px; float:left} /*top*/ @media screen and (max-width: 400px){ .footer1 {font-size:12px; line-height: 1.5!important;} .footer2 {font-size:12px;} } #cp a.yjscroll { position: fixed; bottom: 16px; left: 16px; width: 35px; background-color: #999999; border-radius: 4px; color: #ffffff; font-weight: bold; line-height: 22px; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } #cp a.yjscroll:focus {text-decoration: none; }