|
|
| Line 1: |
Line 1: |
| - | /*======================================================================*\
| |
| - | || #################################################################### ||
| |
| - | || # Package - Joomla Template based on YJSimplegrid Framework ||
| |
| - | || # Copyright (C) 2010 Youjoomla.com. All Rights Reserved. ||
| |
| - | || # license - PHP files are licensed under GNU/GPL V2 ||
| |
| - | || # license - CSS - JS - IMAGE files are Copyrighted material ||
| |
| - | || # bound by Proprietary License of Youjoomla.com ||
| |
| - | || # for more information visit http://www.youjoomla.com/license.html ||
| |
| - | || # Redistribution and modification of this software ||
| |
| - | || # is bounded by its licenses ||
| |
| - | || # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
| |
| - | || #################################################################### ||
| |
| - | \*======================================================================*/
| |
| - | /*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
| |
| - | body{
| |
| - | background: #fff;
| |
| - | color: #646464;
| |
| - | }
| |
| - | #centerbottom {
| |
| - | background: #fff;
| |
| - | }
| |
| - | #logo {
| |
| - | background: url(../images/style1/logo.png) no-repeat 0px 0px;
| |
| - | }
| |
| - | /* SITE LINKS */
| |
| - | a {
| |
| - | text-decoration: none;
| |
| - | color: #de5d45;
| |
| - | }
| |
| - | /* SITE HOVERS */
| |
| - | a:focus,
| |
| - | a:hover {
| |
| - | color: #4d4d4d;
| |
| - | }
| |
| - | /* SITE HEADINGS */
| |
| - | h1,
| |
| - | h2,
| |
| - | h3,
| |
| - | h4,
| |
| - | h5,
| |
| - | h6 {
| |
| - | color: #646464;
| |
| - | }
| |
| - | /* SITE LI IMAGE */
| |
| - | ul li {
| |
| - | background: url(../images/style1/bodyli.gif) no-repeat 0px 7px;
| |
| - | }
| |
| - | /* ARTICLE TABLE OF CONTENTS */
| |
| - | fieldset,
| |
| - | #article-index ul {
| |
| - | border: 1px solid #dcdcdc;
| |
| - | }
| |
| - | #article-index ul li {
| |
| - | border-bottom: 1px solid #dcdcdc;
| |
| - | }
| |
| - | #article-index ul li:last-child {
| |
| - | border: none;
| |
| - | }
| |
| - | /* INPUTBOXES */
| |
| - | .inputbox {
| |
| - | background: #FFFFFF;
| |
| - | border: 1px solid #dcdcdc;
| |
| - | -webkit-border-radius: 4px;
| |
| - | -khtml-border-radius: 4px;
| |
| - | -moz-border-radius: 4px;
| |
| - | border-radius: 4px;
| |
| - | }
| |
| - | .inputbox:hover,
| |
| - | .inputbox:focus {
| |
| - | background: #F7F7F7;
| |
| - | border: 1px solid #838383;
| |
| - | }
| |
| - | /*BUTTONS AND READON
| |
| - | --------------------- */
| |
| - | .button,
| |
| - | .button:hover,
| |
| - | .validate,
| |
| - | a.readon,
| |
| - | a.hover,
| |
| - | a.focus {
| |
| - | background: #de5d45!important;
| |
| - | color: #fff;
| |
| - | text-shadow: none;
| |
| - | border: none;
| |
| - | }
| |
| - | a.readon:hover {
| |
| - | color: #111;
| |
| - | }
| |
| - | /*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
| |
| - | --------------------- */
| |
| - | #topmenu_holder.yjsgmega,
| |
| - | #topmenu_holder.topmodpoz,
| |
| - | #topmenu_holder.topmodpoz_navbar {
| |
| - | background: #7d6e63;
| |
| - | -webkit-border-radius: 4px;
| |
| - | -khtml-border-radius: 4px;
| |
| - | -moz-border-radius: 4px;
| |
| - | border-radius: 4px;
| |
| - | }
| |
| - | .top_menu li {
| |
| - | background-image: none;
| |
| - | }
| |
| - | /* sub ul border */
| |
| - | .top_menu ul.subul_main {
| |
| - | background: #7d6e63;
| |
| - | }
| |
| - | /* reset Bootstrap navbar */
| |
| - | .navbar-inner {
| |
| - | -webkit-box-shadow: none;
| |
| - | -khtml-box-shadow: none;
| |
| - | -moz-box-shadow: none;
| |
| - | box-shadow: none;
| |
| - | border: none;
| |
| - | }
| |
| - | /* TOP LEVEL LINKS */
| |
| - | .top_menu ul li a {
| |
| - | color: #fff;
| |
| - | }
| |
| - | /* active and hover */
| |
| - | .top_menu ul li a:hover,
| |
| - | .top_menu li.active a.activepath {
| |
| - | color: #bbb;
| |
| - | }
| |
| - | /*SUBTITLE */
| |
| - | .top_menu ul li a span.yjm_desc {
| |
| - | color: #bbb;
| |
| - | }
| |
| - | .top_menu ul.subul_main li a span.yjm_desc {
| |
| - | color: #ae9b8d;
| |
| - | }
| |
| - | /* active and hover */
| |
| - | .horiznav ul li.active a span.yjm_desc,
| |
| - | .horiznav ul li a:hover span.yjm_desc {
| |
| - | }
| |
| - | /* HASCHILD ARROWS */
| |
| - | .top_menu ul li.haschild span.child a {
| |
| - | position: relative;
| |
| - | }
| |
| - | .top_menu ul li.haschild span.child a:after {
| |
| - | font-family: 'FontAwesome';
| |
| - | content: "\f0d7";
| |
| - | position: absolute;
| |
| - | top: 30%;
| |
| - | left: 0px;
| |
| - | padding: 2px 7px;
| |
| - | }
| |
| - | .top_menu ul.subul_main li.haschild span.child a:after {
| |
| - | font-family: 'FontAwesome';
| |
| - | content: "\f0da";
| |
| - | position: absolute;
| |
| - | top: 30%;
| |
| - | left: auto;
| |
| - | right: 10px;
| |
| - | }
| |
| - | .top_menu ul.subul_main li.haschild span.child a:hover:after {
| |
| - | content: "\f0d7";
| |
| - | }
| |
| - | /* rtl arrows */
| |
| - | body.yjsgrtl .top_menu ul.subul_main li.haschild span.child a:after {
| |
| - | right: auto;
| |
| - | left: 10px;
| |
| - | content: "\f0d9";
| |
| - | }
| |
| - | /* side menu arrow */
| |
| - | body.yjsgrtl ul.defaultmenu li a:after {
| |
| - | content: "\f053";
| |
| - | left: auto;
| |
| - | right: -15px;
| |
| - | }
| |
| - | /*SUB LEVELS A*/
| |
| - | .top_menu ul.subul_main li a {
| |
| - | background: #7d6e63;
| |
| - | border-bottom: 1px solid #ae9b8d;
| |
| - | color: #dadada;
| |
| - | }
| |
| - | .top_menu ul.subul_main li a:hover,
| |
| - | .top_menu ul.subul_main li a.activepath {
| |
| - | background: #7d6e63;
| |
| - | color: #ae9b8d;
| |
| - | }
| |
| - | /* Group holder title*/
| |
| - | .top_menu ul.group_holder a.grouptitle,
| |
| - | .top_menu ul.group_holder a.activepath.grouptitle,
| |
| - | .top_menu ul.group_holder a.grouptitle:hover {
| |
| - | color: #888;
| |
| - | border: none;
| |
| - | background: none;
| |
| - | }
| |
| - | .top_menu ul.group_holder a.grouptitle:after {
| |
| - | display: none;
| |
| - | }
| |
| - | span.separator {
| |
| - | color: #888;
| |
| - | background: #de5d45;
| |
| - | border-bottom: 1px solid #ae9b8d;
| |
| - | }
| |
| - | /*SIDE MENU MODULE
| |
| - | --------------------- */
| |
| - | .defaultmenu li a {
| |
| - | border-bottom: 1px solid #D4D4D4;
| |
| - | }
| |
| - | .defaultmenu li a {
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | }
| |
| - | .defaultmenu li a:after {
| |
| - | font-family: 'FontAwesome';
| |
| - | content: "\f054";
| |
| - | position: absolute;
| |
| - | top: 7px;
| |
| - | left: -15px;
| |
| - | }
| |
| - | .defaultmenu a.alast {
| |
| - | border: none;
| |
| - | }
| |
| - | .defaultmenu a.isactivea,
| |
| - | .defaultmenu li a:hover {
| |
| - | background: #f5f5f5;
| |
| - | color: #121212;
| |
| - | }
| |
| - | /* Accordion side menu */
| |
| - | ul.defaultmenu.yjsgacc li.active_yjsgacc a.yjsgtoggler:after {
| |
| - | content: "\f078";
| |
| - | }
| |
| - | /* FOOTER MENU MODULE*/
| |
| - | #footmod ul.defaultmenu li a,
| |
| - | #footmod ul.defaultmenu li a:hover,
| |
| - | #footmod ul.defaultmenu a.isactivea {
| |
| - | border: none;
| |
| - | background: none;
| |
| - | }
| |
| - | /*USER PAGES STYLES */
| |
| - | div.userpageswrap.offline div.userpages {
| |
| - | border: none;
| |
| - | background: #fff;
| |
| - | }
| |
| - | div.userpages dt {
| |
| - | background: #fff;
| |
| - | border: 1px solid #ccc;
| |
| - | }
| |
| | | | |
| - | /*SECTION TABLE */
| |
| - | table.category {
| |
| - | border: 1px solid #DDD;
| |
| - | border-collapse: separate;
| |
| - | border-bottom: none;
| |
| - | }
| |
| - | table.category td {
| |
| - | border-bottom: 1px solid #DDD;
| |
| - | }
| |
| - | th.sectiontableheader {
| |
| - | border-bottom: 1px solid #DDD;
| |
| - | background: #fff;
| |
| - | }
| |
| - | tr.sectiontableentry1 td {
| |
| - | background-color: #fafafa;
| |
| - | }
| |
| - | tr.sectiontableentry2 td {
| |
| - | background-color: #fff;
| |
| - | }
| |
| - | tr.sectiontableentry1:hover td,
| |
| - | tr.sectiontableentry2:hover td {
| |
| - | background-color: #f7f7f7;
| |
| - | }
| |
| - | .yjsglogo {
| |
| - | background: url(../images/style1/yjsglogo.png) no-repeat center center;
| |
| - | }
| |
| - | /* responsive menu */
| |
| - | div#mmenu_holder {
| |
| - | background: #7D6E63;
| |
| - | border: 1px solid #7D6E63;
| |
| - | -webkit-border-radius: 4px;
| |
| - | -moz-border-radius: 4px;
| |
| - | border-radius: 4px;
| |
| - | -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
| |
| - | -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
| |
| - | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
| |
| - | }
| |
| - | /**/
| |
| - | .top_bg {
| |
| - | background: #de5d45;
| |
| - | color: #e2e1e1;
| |
| - | }
| |
| - | .top_bg .module_title {
| |
| - | color: #e2e1e1;
| |
| - | }
| |
| - | .top_bg a{
| |
| - | color: #4d4d4d;
| |
| - | }
| |
| - | .top_bg a:hover{
| |
| - | color: #e2e1e1;
| |
| - | }
| |
| - | .yjsg3_before {
| |
| - | background: #fff;
| |
| - | }
| |
| - | .yjsg4_before {
| |
| - | background: #7d6e63;
| |
| - | -moz-box-shadow: inset 0 0 15px #54463c;
| |
| - | -webkit-box-shadow: inset 0 0 15px #54463c;
| |
| - | -khtml-box-shadow: inset 0 0 15px #54463c;
| |
| - | box-shadow: inset 0 0 15px #54463c;
| |
| - | }
| |
| - | #yjsg4,
| |
| - | #yjsg4 .module_title {
| |
| - | color: #e2e1e1;
| |
| - | }
| |
| - | #yjsg4 a{
| |
| - | color: #4d4d4d;
| |
| - | }
| |
| - | #yjsg4 a:hover{
| |
| - | color: #de5d45;
| |
| - | }
| |
| - | .yjsg5_before {
| |
| - | background: #fff;
| |
| - | border-bottom: 1px solid #d8d8d8;
| |
| - | }
| |
| - | .yjsg6_before {
| |
| - | background: #fafafa;
| |
| - | }
| |
| - | .yjsg7_before {
| |
| - | background: #fff;
| |
| - | border-top: 1px solid #d8d8d8;
| |
| - | }
| |
| - | .footer_holders {
| |
| - | background: #7d6e63;
| |
| - | color: #cdc0b6;
| |
| - | }
| |
| - | .footer_holders a {
| |
| - | color: #cdc0b6;
| |
| - | }
| |
| - | .footer_holders a:hover {
| |
| - | color: #de5d45;
| |
| - | }
| |
| - | /* module styles */
| |
| - | /* yj1 */
| |
| - | .yj1 {
| |
| - | background: #7D6E63;
| |
| - | color: #fff;
| |
| - | -webkit-border-radius: 5px;
| |
| - | -khtml-border-radius: 5px;
| |
| - | -moz-border-radius: 5px;
| |
| - | border-radius: 5px;
| |
| - | border: 5px solid #cbb2a0;
| |
| - | }
| |
| - | .yj1 h2.module_title {
| |
| - | color: #fff;
| |
| - | }
| |
| - | /*yj2 */
| |
| - | .yj2 {
| |
| - | background: #DE5D45;
| |
| - | color: #fff;
| |
| - | -webkit-border-radius: 5px;
| |
| - | -khtml-border-radius: 5px;
| |
| - | -moz-border-radius: 5px;
| |
| - | border-radius: 5px;
| |
| - | border: 5px solid #fc907c;
| |
| - | }
| |
| - | .yj2 h2.module_title {
| |
| - | color: #fff;
| |
| - | }
| |
| - | /*Baseline intro*/
| |
| - | .baseline-intro {
| |
| - | color: #fff;
| |
| - | }
| |
| - | .baseline-intro h1 {
| |
| - | color: #fff;
| |
| - | }
| |
| - | a.btn-baseline {
| |
| - | background: #7d6e63;
| |
| - | color: #fff;
| |
| - | text-shadow: none;
| |
| - | }
| |
| - | a.btn-baseline:hover {
| |
| - | color: #121212;
| |
| - | }
| |
| - | a.baseline-button{
| |
| - | padding:15px 20px;
| |
| - | }
| |
| - | a.baseline-button:hover{
| |
| - | color: #121212;
| |
| - | background:#fff;
| |
| - | border:1px solid #acadad;
| |
| - | }
| |
| - | .OurServices h2.module_title {
| |
| - | color: #de5d45;
| |
| - | }
| |
| - | .Content-OurServices h4 {
| |
| - | color: #646464;
| |
| - | }
| |
| - | /*content header*/
| |
| - | .Content-OurServices h4 span {
| |
| - | color: #de5d45;
| |
| - | }
| |
| - | /*content paragraph*/
| |
| - | .Content-OurServices p {
| |
| - | color: #9B9DA2;
| |
| - | }
| |
| - | /*Read more */
| |
| - | a.rm_content {
| |
| - | background: #de5d45;
| |
| - | color: #fff;
| |
| - | }
| |
| - | a.rm_content:hover {
| |
| - | color: #4d4d4d;
| |
| - | }
| |
| - | .yjme.team-sample .yjme_item_in {
| |
| - | border: none;
| |
| - | }
| |
| - | /*yjme Read more*/
| |
| - | .yjme.team-sample a.item_readmore {
| |
| - | border: none;
| |
| - | }
| |
| - | /* input box*/
| |
| - | .baseline_inputbox {
| |
| - | background: #fff;
| |
| - | border: 1px solid #dddddd;
| |
| - | color: #9B9DA2;
| |
| - | -webkit-box-shadow: 0 0 5px #cccccc;
| |
| - | -khtml-box-shadow: 0 0 5px #cccccc;
| |
| - | -moz-box-shadow: 0 0 5px #cccccc;
| |
| - | box-shadow: 0 0 5px #cccccc;
| |
| - | }
| |
| - | .baseline_button {
| |
| - | background: #de5d45;
| |
| - | color: #fff;
| |
| - | }
| |
| - | .mycircle {
| |
| - | border: 15px solid #fa9683;
| |
| - | background: #f5826c;
| |
| - | }
| |
| - | .mycircle .showtext {
| |
| - | color: #fff;
| |
| - | }
| |
"
