Template:UMaryland/CSS

From 2014.igem.org

Revision as of 20:18, 9 October 2014 by Nbb826 (Talk | contribs)

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