Template:UMaryland/CSS

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
(Undo revision 181766 by Nbb826 (talk))
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;
 +
}

Revision as of 07:18, 10 October 2014

/*======================================================================*\ || #################################################################### || || # 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; }

  1. centerbottom {

background: #fff; }

  1. 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,

  1. article-index ul {

border: 1px solid #dcdcdc; }

  1. article-index ul li {

border-bottom: 1px solid #dcdcdc; }

  1. 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


*/
  1. topmenu_holder.yjsgmega,
  2. topmenu_holder.topmodpoz,
  3. 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*/

  1. footmod ul.defaultmenu li a,
  2. footmod ul.defaultmenu li a:hover,
  3. 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; }

  1. yjsg4,
  2. yjsg4 .module_title {

color: #e2e1e1; }

  1. yjsg4 a{

color: #4d4d4d; }

  1. 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; }