Template:UMaryland/CSS

From 2014.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
-
/*======================================================================*\
+
<html>
-
|| #################################################################### ||
+
<head>
-
|| # Package - Joomla Template based on YJSimplegrid Framework          ||
+
<style type="text/css">
-
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
+
 
-
|| # license - PHP files are licensed under  GNU/GPL V2                ||
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
+
 
-
|| # bound by Proprietary License of Youjoomla.com                      ||
+
..firstHeading {
-
|| # for more information visit http://www.youjoomla.com/license.html  ||
+
  width: 975px;
-
|| # Redistribution and modification of this software                  ||
+
margin: 0px auto;
-
|| # is bounded by its licenses                                        ||
+
padding-top: 0px;
-
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com ||
+
margin-bottom: 0px;
-
|| #################################################################### ||
+
  font-family: Georgia, Times, "Times New Roman", serif;  
-
\*======================================================================*/
+
        text-align:center;
-
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
+
 
-
body{
+
-
background: #fff;
+
-
color: #646464;
+
}
}
-
#centerbottom {
+
 
-
background: #fff;
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #9b9b9b;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
}
}
-
#logo {
+
 
-
background: url(../images/style1/logo.png) no-repeat 0px 0px;
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
}
+
background-color: #383838;
-
/* SITE LINKS */
+
height: 14px;
-
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;
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
}
}
-
.defaultmenu li a:after {
+
 
-
font-family: 'FontAwesome';
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
-
content: "\f054";
+
color: #727272;  
-
position: absolute;
+
text-decoration: none;  
-
top: 7px;
+
background-color: transparent;
-
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 */
+
body {  
-
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;
background-color: #fff;
}
}
-
tr.sectiontableentry1:hover td,
+
 
-
tr.sectiontableentry2:hover td {
+
table#topbar td{
-
background-color: #f7f7f7;
+
border-radius: 10px;
}
}
-
.yjsglogo {
+
 
-
background: url(../images/style1/yjsglogo.png) no-repeat center center;
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: #cccccc;
 +
margin: 0px;
 +
padding: 0px;
}
}
-
/* responsive menu */
+
 
-
div#mmenu_holder {
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
background: #7D6E63;
+
width: 100%;  
-
border: 1px solid #7D6E63;
+
height: 100%;  
-
-webkit-border-radius: 4px;
+
background-color: #cccccc;
-
-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 {
+
#contentcontainer { /*-- creates container for all content on page --*/
-
background: #de5d45;
+
font-family: Arial, Helvetica, sans-serif;
-
color: #e2e1e1;
+
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;  
}
}
-
.top_bg .module_title {
+
 
-
color: #e2e1e1;
+
.sidemenu, .sidemenu li {  
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
}
}
-
.top_bg a{
+
 
-
color: #4d4d4d;
+
.sidemenu li {display: block;}
 +
 
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
}
}
-
.top_bg a:hover{
+
 
-
color: #e2e1e1;
+
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 
 +
.contentpara {margin-bottom: 30px;}
 +
 
 +
 
 +
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px; 
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 15px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 10px;  
}
}
-
.yjsg3_before {
+
 
-
background: #fff;
+
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 10px 10px;
 +
margin-bottom: 5px;  
}
}
-
.yjsg4_before {
+
 
-
background: #7d6e63;
+
.newsItem h3 {
-
-moz-box-shadow: inset 0 0 15px #54463c;
+
width: auto;  
-
-webkit-box-shadow: inset 0 0 15px #54463c;
+
display: inline;  
-
-khtml-box-shadow: inset 0 0 15px #54463c;
+
font-size: 14px;  
-
box-shadow: inset 0 0 15px #54463c;
+
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;  
 +
margin: 0px;
}
}
-
#yjsg4,
+
 
-
#yjsg4 .module_title {
+
.newsItem img {
-
color: #e2e1e1;
+
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;  
}
}
-
#yjsg4 a{
+
 
-
color: #4d4d4d;
+
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
}
}
-
#yjsg4 a:hover{
+
 
-
color: #de5d45;
+
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
}
}
-
.yjsg5_before {
+
 
-
background: #fff;
+
.newsItem p {margin-top: 10px;}
-
border-bottom: 1px solid #d8d8d8;
+
 
 +
.annItem {
 +
border: 2px solid #96d359;  
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
}
}
-
.yjsg6_before {
+
 
-
background: #fafafa;
+
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
}
}
-
.yjsg7_before {
+
 
-
background: #fff;
+
.annCentered h3 {
-
border-top: 1px solid #d8d8d8;
+
padding: 0px;
-
}
+
display: block;  
-
.footer_holders {
+
margin-left: auto;  
-
background: #7d6e63;
+
margin-right: auto;  
-
color: #cdc0b6;
+
text-align: center;
-
}
+
-
.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;
+
}
}
 +
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
 +
</style>
 +
</style>
 +
</html>

Latest revision as of 03:29, 15 October 2014