/*======================================================================*\ || #################################################################### || || # Package - Joomla Template based on YJSimplemetal Framework || || # Copyright (C) 2010 Youjoomla LLC. 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 LLC || || # 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.yjsimplemetal.com || || #################################################################### || \*======================================================================*/ /*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */ body#stylef1, body#stylef2, body#stylef3, body#stylef4, body#stylef5, body#stylef6, body#stylef7, body#stylef8, body#stylef9, body#stylef10, body#stylef11, body#stylef12, body#stylef13, body#stylef14, body#stylef15, body#stylef16 { background:#E8E8E8 url(../images/pccs/background.jpg) no-repeat center top; color:#555; } /* ADDITIONAL FOR ADVERT INTRO */ h1.hadv{ text-shadow:1px 1px #fff; color:#3d3d3d; font-size:200%; } p.padv{ text-shadow:1px 1px #eee; color:#121212; } /* BOTTOM PART OF THE SITE LAYOUT. BASE WRAP */ #centerbottom { background:#fff; } /*GRIDS STYLING CAN BE USED TO STYLE EACH pccs DIFFERENTLY */ #yjsg1 { background:#292929; color:#efefef; } #header { background:#212121 url(../images/pccs/header_bg.jpg) no-repeat left top; } #logo { background:url(../images/pccs/logo.png) no-repeat 0px 0px; } #yjsgheadergrid { color:#efefef; } #yjsg2 { background:#d9d9d9 url(../images/pccs/yjsg2_bg.jpg) repeat-x left bottom; } #yjsg3 { background:#fff; } #yjsg4 { background:#d9d9d9; } #yjsg5 { background:#e1e1e1; } #pathway { background:#292929; color:#efefef; } #pathway .yjsg_breadcrumbs a.pathway{ background: url(../images/arrow.png) no-repeat right center; } #yjsg6 { background:#f2f2f2; } #yjsg7 { background:#292929; color:#efefef; } #footer { background:#121212 url(../images/pccs/footer.jpg) no-repeat right top; color:#3C3C3C; } #joomlacredit { background:#1F1F1F; color:#474646; } /*TEMPLATE CSS --------------------- */ /* SITE LINKS */ a:link, a:visited { text-decoration: none; color:#121212; } /* SITE HOVERS */ a:focus, a:hover { color:#525252; text-decoration: none; } /*DIFFERENT STYLE FOR LINKS ON DARK BG --------------------- */ #footmod .yjplain a, #footmod .yjplain a:visited, #cp a, #cp a:visited, #joomlacredit a, #joomlacredit a:visited, #pathway a, #pathway a:visited, #yjsg1 a, #yjsg1 a:visited, #yjsg7 a, #yjsg7 a:visited, #yjsgheadergrid a,#yjsgheadergrid a:visited{ color:#727272; } #footmod .yjplain a:hover, #footmod .yjplain a:focus, #cp a:focus, #cp a:hover, #joomlacredit a:focus, #joomlacredit a:hover, #pathway a:focus, #pathway a:hover, #yjsg1 a:focus, #yjsg1 a:hover, #yjsg7 a:focus, #yjsg7 a:hover, #yjsgheadergrid a:focus,#yjsgheadergrid a:hover { color:#525252; } /* SITE HEADINGS */ h1, h2, h3, h4, h5, h6 { color:#727272; } .small, .createdate, .modifydate, .createby { text-transform: uppercase; color:#ccc; font-size:10px; } /* SITE TITLE, NEWS ITEM TITLE, MORE ARTICLES */ .pagetitle, div.title h1, div.title h2, .yjsg-morearticles h3 { color:#222222; border-bottom:1px dashed #222222; } .yjsg-morearticles h3 { border:none; } /* NEWS ITEM TITLE WITH LINK*/ div.title h1 a:link, div.title h1 a:visited, div.title h2 a:link, div.title h2 a:visited { color:#222222; } div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus { color:#727272; } /* FORM ELEMENTS */ /* ARTICLE TABLE OF CONTENTS */ fieldset, .toclink { border:1px solid #c8c8c8; } /* FIELDSET IN MODULES */ .yjsquare_in fieldset, .yjround_in fieldset { border:none; } /* INPUTBOXES */ .inputbox, #userreminder .required { background: #FFFFFF; border: 1px solid #c8c8c8; } .inputbox:hover, .inputbox:focus, #userreminder .required:hover, #userreminder .required:focus { background: #F7F7F7; border: 1px solid #525252; } /*BUTTONS --------------------- */ .button { color:#fff; } .button, .validate { background:#c8c8c8; border:1px solid #727272; color:#121212; } a.button:link, a.button:visited, a.button:focus { color:#fff; padding:3px; } .back_button a:hover, .back_button a:active { color: #000; text-decoration: none; } a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a { background:#c8c8c8; border:1px solid #727272; color:#121212; } a.readon:link, a.readon:visited { background:#c8c8c8; border:1px solid #727272; color:#121212; } /* ADDITIONAL SPAN READON CLASS FOR ROUND CORNERS */ .readon span { background:#c8c8c8; } a.readon:hover, .pagenavbar a:hover { color:#727272; } /* THIS TEMPLATE IS EQUIPED WITH ROUND AND SQUARE CORNERS TO SEE ROUND CORNERS SIMPLY CHANGE THE MODULE pccs STYLE IN TEMPLATE MANAGER UNDER ACCORDION ADVANCED OPTIONS. SEE ALSO rounded.css FILE". /* ROUND MODULES STYLING --------------------- */ /* ROUND IMAGE. YOU CAN CHANGE TO YOUR OWN. 1 IMAGE TECHNIQUE USED */ .yjround .content, .yjround .t, .yjround .b, .yjround .b div { background:url(../images/pccs/rounded.png); } .yjround h4 { color:#222222; border-bottom:1px dashed #222222; } /* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR */ .yjround h4 span { color:#222222; } /* SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND*/ #yjsg1 .yjround .content, #yjsgheadergrid .yjround .content, #yjsg7 .yjround .content { color:#222222; } .yjround_in { } /*SQUARE MODULES STYLE --------------------- */ .yjsquare h4 { color:#222222; border-bottom:1px dashed #222222; } /* SPAN COLOR SHOWS FIRST */ .yjsquare h4 span { color:#222222; } .yjsquare { } .yjsquare_in { } /* ADDITIONAL MODULE STYLES */ /* _yj1 */ .yjsquare_yj1 h4 { } .yjsquare_yj1 h4 span { } .yjsquare_yj1 { } .yjsquare_yj1 .yjsquare_in { } /* _yj2 */ .yjsquare_yj2 h4 { } .yjsquare_yj2 h4 span { } .yjsquare_yj2 { } .yjsquare_yj2 .yjsquare_in { } /* SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND */ #yjsg1 .yjsquare h4, #yjsg7 .yjsquare h4, #yjsgheadergrid .yjsquare h4 { color:#ccc; border-bottom:1px dashed #ccc; } /* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR*/ #yjsg1 .yjsquare h4 span, #yjsg7 .yjsquare h4 span, #yjsgheadergrid .yjsquare h4 span { color:#ccc; } /*SEARCH INPUTBOX STYLING. CURRENTLY USING DEFAULT INPUT STYLE --------------------- */ .search { } .search .inputbox { } /*LOGIN MODULE INPUTBOX CURRENTLY USING DEFAULT INPUT STYLE --------------------- */ #modlgn_passwd, #modlgn_username { } #modlgn_passwd { } #modlgn_username { } #mod_login_remember { border: none; padding: 0!important; } /*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN --------------------- */ /*MENU SUB TITILES. USED WHEN MENU TITLES SETTING IS ENABLED IN TEMPLATE MANAGER*/ #horiznav ul li a span.menu_description { color:#908d8d; } #horiznav ul li.active a span.menu_description, #horiznav ul li a:hover span.menu_description, #horiznav ul li.sfHover a span.menu_description { color:#4F4F4F; } /*END SUB TITLES*/ #horiznav ul li a { color: #efefef;/* NORMAL LINKS COLOR */ background: url(../images/pccs/topmenu/normal_l.png) no-repeat left center; } #horiznav ul li a:hover, #horiznav ul li:hover a, #horiznav ul li.sfHover a { color: #121212;/* LINKS HOVER COLOR */ background: url(../images/pccs/topmenu/hover_l.png) no-repeat left center; } #horiznav li#current a, #horiznav li#current a:hover, #horiznav li#current:hover a, #horiznav li#current.sfHover a, #horiznav li.active a { color: #121212;/* ACTIVE LINKS COLOR */ background: url(../images/pccs/topmenu/active_l.png) no-repeat left center; } #horiznav li#current, #horiznav li#current:hover, #horiznav li#current.sfHover, #horiznav li.active { background: url(../images/pccs/topmenu/active_r.png) no-repeat right center; } #horiznav ul li:hover li a, #horiznav ul li.sfHover li a, #horiznav ul li#current:hover li a, #horiznav ul li#current.sfHover li a, #horiznav ul li:hover ul ul li a, #horiznav ul ul li.active { color: #121212;/* SUB LEVEL LINKS HOVER COLOR */ background-image: none; } #horiznav li:hover ul, #horiznav li li:hover ul, #horiznav li li li:hover ul, #horiznav li li li li:hover ul, #horiznav li.sfHover ul, #horiznav li li.sfHover ul, #horiznav li li li.sfHover ul, #horiznav li li li li.sfHover ul, #horiznav ul li:hover li a, #horiznav ul li.sfHover li a, #horiznav ul li:hover ul ul li a, #horiznav ul li.sfHover ul ul li a { background-color: #DEDDDD;/* SUB LEVEL BACKGROUND COLOR */ } #horiznav li ul li a:hover, #horiznav li ul li ul li a:hover, #horiznav li li:hover, #horiznav ul li li.sfHover, #horiznav li li.sfHover a, #horiznav ul li li:hover a, #horiznav ul li li:hover, #horiznav ul li li.sfHover, #horiznav ul li li#current a:hover, #horiznav li.haschild ul li#current.sfHover, #horiznav li.haschild ul li#current:hover, #horiznav ul li.haschild li#current a:hover { background-color: #d5d5d5;/* SECOND LEVEL BACKGROUND HOVER COLOR */ color: #121212;/* SUB LEVEL BACKGROUND TEXT HOVER COLOR */ background-image: none; } #horiznav ul li#current ul li a, #horiznav ul li#current ul li, #horiznav ul li#current ul li a:hover, #horiznav ul li#current ul li.hover #horiznav ul li#current ul li.sfHover, #horiznav ul li.haschild li#current a { color: #121212;/* SUB LEVEL ACTIVE TEXT COLOR */ } #horiznav li li { border-bottom: 1px solid #c7c5c5;/*SUB LEVEL BOTTOM LINE */ } #horiznav li ul { /*SUB LEVEL UL BORDER IF NEEDED*/ } #horiznav li, #horiznav { background: url(../images/pccs/topmenu/horiz_bg.png) repeat-x 0 bottom; font-weight: bold; } #horiznav li { background: url(../images/pccs/topmenu/normal_r.png) no-repeat right center; } #horiznav ul li:hover, #horiznav ul li.sfHover { background: url(../images/pccs/topmenu/hover_r.png) no-repeat right center; } /*SUB LEVEL PARENT ITEM ARROWS*/ #horiznav ul li ul li.haschild a.child, #horiznav ul li ul li a.child:hover { background-image:url(../images/pccs/topmenu/arrow_right.gif); background-repeat:no-repeat; background-position:95% 50%; } /* SUB SUB ARROW */ #horiznav ul li.active ul li a.child,#horiznav ul li#current.active a.child,#horiznav ul li#current.active a.child:hover{ background-image:url(../images/pccs/topmenu/arrow_right.gif); background-repeat:no-repeat; background-position:95% 50%; } /*TOP MENU STYLE FOR DROPLINE AND SMOOTH DROPLINE*/ /* MENU SUB TITILES. USED WHEN MENU TITLES SETTING IS ENABLED IN TEMPLATE MANAGER */ #horiznav_d ul li a span.menu_description { color:#908d8d; } #horiznav_d ul li.active a span.menu_description, #horiznav_d ul li a:hover span.menu_description, #horiznav_d ul li.sfHover a span.menu_description { color:#4F4F4F; } /*END SUB TITLES*/ #horiznav_d { background: url(../images/pccs/topmenu/horiz_bg_d.png) repeat-x 0 top; font-weight: bold; } #horiznav_d li { background:url(../images/pccs/topmenu/normal_l.png) no-repeat left center; } #horiznav_d li a, #horiznav_d li .separator { background: url(../images/pccs/topmenu/normal_r.png) no-repeat right center; color: #efefef;/*TOP LEVEL NORMAL LINKS COLOR */ } #horiznav_d ul li ul { background: url(../images/pccs/topmenu/horiz_bg_dd.png) repeat-x 0 top;/*MUST BE USED FOR HOVER OVERLAPPING EFFECT*/ } #horiznav_d li.active, #horiznav_d li.active:hover, #horiznav_d li.active.sfHover, #horiznav_d li:hover, #horiznav_d li.sfHover { background: url(../images/pccs/topmenu/active_l.png) no-repeat left center; } #horiznav_d li.active a, #horiznav_d li.active .separator, #horiznav_d li.active a:hover, #horiznav_d li.active .separator:hover, #horiznav_d li:hover a, #horiznav_d li:hover .separator, #horiznav_d li.sfHover a, #horiznav_d li.sfHover .separator { background: url(../images/pccs/topmenu/active_r.png) no-repeat right center; color: #121212; /*TOP LEVEL ACTIVE LINK COLOR */ } #horiznav_d li.haschild li a:hover, #horiznav_d li.haschild li.active a, #horiznav_d li.haschild li a { color: #525252;/*DROPLINE ACTIVE AND HOVER LINKS COLOR */ text-decoration:underline; background-image: url(../images/pccs/topmenu/drop_sep.png); background-repeat:no-repeat; background-position:right bottom; } #horiznav_d li.haschild li a { color:#121212;/*DROPLINE NORMAL LINKS COLOR */ font-weight: bold; } /*SIDE MENU MODULE --------------------- */ #mainlevel li a, .menu li a, a.mainlevel { background: url(../images/pccs/mainlevel.gif) no-repeat left top;/* LINKS BG IMAGE */ color:#727272;/* MENU NORMAL LINKS COLOR */ } #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel:hover, a.mainlevel#active_menu, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, .menu li a:hover, .menu li.active a { background: url(../images/pccs/mainlevel.gif) no-repeat left bottom;/* HOVER AND ACTIVE LINKS BG IMAGE */ } a.sublevel { background: url(../images/pccs/bodyli.gif) no-repeat 5px 9px; /* SUB LEVELS LI IMAGE */ } a.sublevel:hover { text-decoration:underline; } #footmod a.mainlevel:hover, #footmod a.mainlevel:active, #footmod a.mainlevel:focus, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel#active_menu, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, ul li a:hover, li.active a, li.parent a { color:#525252;/*HOVER AND ACTIVE LINK COLOR */ } li.active ul li a, a.sublevel#active_menu { color:#525252; /* MENU LI A AND MENU SUB LEVELS LINK COLOR */ } li.active ul li a:hover, li.active ul li.active a { color:#525252; /* MENU LI A HOVER AND ACTIVE LINK COLOR */ background: url(../images/pccs/mainlevel.gif) no-repeat left top; } ul li {/* SITES LI IMAGE */ background: url(../images/pccs/bodyli.gif) no-repeat 0px 5px; } /*USER PAGES STYLE */ #userlogin, #userlogout, #userregister, #userreminder { background:#e7e7e7; } /* IMAGE CAPTIONS */ p.img_caption { background:#efefef; border:1px solid #ccc; text-shadow:1px 1px #fff; text-transform:uppercase; color:#5F5F5F; }