Template:UMaryland/CSS

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
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 21:22, 9 October 2014