Team:IIT Delhi/css

From 2013.igem.org

(Difference between revisions)
 
Line 1: Line 1:
-
@contentSub {
+
#contentSub {
display:none;
display:none;
}
}
-
@siteSub {
+
#siteSub {
display:none;
display:none;
}
}
-
@search-controls {
+
#search-controls {
display:none;
display:none;
}
}
Line 24: Line 24:
}
}
-
@font-face {
 
-
  font-family: Yanone Kaffeesatz;
 
-
    src: url('../fonts/YanoneKaffeesatz-Regular.eot');
 
-
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf');
 
-
}
 
-
@font-face {
+
/*
-
  font-family: News Cycle;
+
Design by Free CSS Templates
-
    src: url('../fonts/NewsCycle-Regular.eot');
+
http://www.freecsstemplates.org
-
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');
+
Released for free under a Creative Commons Attribution 2.5 License
-
}
+
*/
-
html {  
+
body {
-
  height: 100%;
+
margin: 0;
 +
padding: 0;
 +
background: #FFFFFF;
 +
font-family: 'Open Sans', sans-serif;
 +
font-size: 13px;
 +
color: #5B5B5B;
}
}
-
* {  
+
h1, h2, h3 {
-
  margin: 0;
+
margin: 0;
-
  padding: 0;
+
padding: 0;
 +
font-weight: normal;
 +
font-weight: 200;
 +
color: #222222;
}
}
-
/* tell the browser to render HTML 5 elements as block */
+
h1 {
-
article, aside, figure, footer, header, hgroup, nav, section {  
+
font-size: 2em;
-
  display:block;
+
}
}
-
body {  
+
h2 {
-
  font: normal .80em arial, sans-serif;
+
font-size: 2.8em;
-
  background: #eeeeee url(https://2013.igem.org/File:Pattern.png);
+
-
  color: #444;
+
}
}
-
p {  
+
h3 {
-
  padding: 0 0 20px 0;
+
font-size: 1.6em;
-
  line-height: 1.7em;
+
}
}
-
img {  
+
p, ul, ol {
-
  border: 0;
+
margin-top: 0;
 +
line-height: 180%;
}
}
-
h1, h2, h3, h4, h5, h6 {  
+
ul, ol {
-
  color: #362C20;
+
-
  letter-spacing: 0em;
+
-
  padding: 0 0 5px 0;
+
}
}
-
h1, h2, h3 {  
+
a {
-
  font: normal 140% arial, sans-serif;
+
color: #B50D0D;
-
  margin: 0 0 15px 0;
+
-
  padding: 15px 0 5px 0;
+
-
  color: #222;
+
}
}
-
h2 {  
+
a:hover {
-
  font-size: 160%;
+
text-decoration: none;
-
  padding: 9px 0 5px 0;
+
}
}
-
h3 {  
+
#wrapper {
-
  font-size: 140%;
+
padding-bottom: 50px;
-
  padding: 5px 0 0 0;
+
}
}
-
h4, h6 {  
+
.container {
-
  color: #00AAD5;
+
width: 1000px;
-
  padding: 0 0 5px 0;
+
margin: 0px auto;
-
  font: normal 160% 'News Cycle', arial, sans-serif;
+
}
}
-
h5, h6 {
+
/* Header */
-
  color: #555;
+
 
-
  font: italic 95% arial, sans-serif;
+
#header-wrapper {
-
  letter-spacing: normal;
+
overflow: hidden;
-
  padding: 0 0 15px 0;
+
height: 120px;
 +
background: #B50D0D;
}
}
-
a, a:hover {  
+
#header {
-
  outline: none;
+
overflow: hidden;
-
  text-decoration: underline;
+
width: 1000px;
-
  color: #B30303;
+
height: 120px;
 +
margin: 0 auto;
 +
padding: 0px 0px;
}
}
-
a:hover {  
+
/* Logo */
-
  text-decoration: none;
+
 
 +
#logo {
 +
float: left;
 +
width: 300px;
 +
margin: 0;
 +
padding: 0;
 +
color: #FFFFFF;
}
}
-
blockquote {
+
#logo h1, #logo p {
-
  margin: 20px 0;
+
-
  padding: 10px 20px 0 20px;
+
-
  border: 1px solid #E5E5DB;
+
-
  background: #FFF;
+
}
}
-
ul {  
+
#logo h1 {
-
  margin: 2px 0 22px 17px;
+
line-height: 120px;
 +
letter-spacing: -2px;
 +
font-size: 3em;
}
}
-
ul li {  
+
#logo h1 a {
-
  list-style-type: circle;
+
color: #FFFFFF;
-
  margin: 0 0 6px 0;
+
text-transform: uppercase;
-
  padding: 0 0 4px 5px;
+
-
  line-height: 1.5em;
+
}
}
-
ol {  
+
#logo p {
-
  margin: 8px 0 22px 20px;
+
margin: 0;
 +
padding: 0px 0 0 0px;
 +
letter-spacing: -1px;
 +
font: normal 18px Georgia, "Times New Roman", Times, serif;
 +
font-style: italic;
 +
color: #8E8E8E;
}
}
-
ol li {  
+
#logo p a {
-
  margin: 0 0 11px 0;
+
color: #8E8E8E;
}
}
-
.left {  
+
#logo a {
-
  float: left;
+
border: none;
-
  width: auto;
+
background: none;
-
  margin-right: 10px;
+
text-decoration: none;
 +
color: #12212F;
}
}
-
.right {  
+
/* Splash */
-
  float: right;  
+
 
-
  width: auto;
+
#splash {
-
  margin-left: 10px;
+
width: 960px;
 +
height: 300px;
 +
margin: 0px auto;
}
}
-
.center {  
+
/* Search */
-
  display: block;
+
 
-
  text-align: center;
+
#search {
-
  margin: 20px auto;
+
float: right;
 +
width: 280px;
 +
height: 60px;
 +
padding: 20px 0px 0px 0px;
}
}
-
#main, nav, #container, #logo, #site_content, footer {  
+
#search form {
-
  margin-left: auto;  
+
height: 41px;
-
  margin-right: auto;
+
margin: 0;
 +
padding: 10px 0 0 20px;
}
}
-
#main {
+
#search fieldset {
-
  margin: 5px auto;
+
margin: 0;
-
  width: 940px;
+
padding: 0;
-
  background: transparent;
+
border: none;
-
  padding-bottom: 30px;
+
}
}
 +
#search-text {
 +
width: 170px;
 +
padding: 6px 5px 2px 5px;
 +
border: 1px solid #E7EBED;
 +
background: #FFFFFF;
 +
text-transform: lowercase;
 +
font: normal 11px Arial, Helvetica, sans-serif;
 +
color: #5D781D;
 +
}
-
header {  
+
#search-submit {
-
  background: transparent;
+
width: 50px;
-
  height: 130px;
+
height: 22px;
 +
border: none;
 +
background: #B9B9B9;
 +
color: #000000;
}
}
-
#logo {  
+
/* Menu */
-
  width: 940px;
+
 
-
  height: 130px;
+
#menu {
-
  background: transparent;
+
float: right;
-
  color: #888;
+
width: 500px;
-
  padding: 0;
+
height: 90px;
-
  float: left;
+
margin: 0 auto;
 +
padding: 0;
}
}
-
#logo h1, #logo h2 {  
+
#menu ul {
-
  font: normal 320% 'News Cycle', arial, sans-serif;
+
float: right;
-
  border-bottom: 0;
+
margin: 0;
-
  text-transform: none;
+
padding: 50px 0px 0px 0px;
-
  margin: 0;
+
list-style: none;
 +
line-height: normal;
}
}
-
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover {  
+
#menu li {
-
  padding: 0;
+
float: left;
-
  color: #444;
+
padding: 0px 0px 0px 0px;
-
  text-decoration: none;
+
}
}
-
#logo_text h1 a .logo_colour {  
+
#menu a {
-
  color: #B30303;
+
display: block;
 +
margin-right: 1px;
 +
padding: 10px 20px 10px 20px;
 +
text-decoration: none;
 +
text-align: center;
 +
font-size: 13px;
 +
font-weight: 300;
 +
color: #FFFFFF;
 +
border: none;
}
}
-
#logo_text a:hover .logo_colour {  
+
#menu a:hover, #menu .current_page_item a {
-
  color: #444;
+
text-decoration: none;
 +
color: #FFFFFF;
}
}
-
#logo_text h2 {  
+
#menu .current_page_item a {
-
  font-size: 140%;
+
background: #690606;
-
  padding: 0 0 0 0;
+
border-radius: 5px;
-
  color: #222;
+
}
}
-
nav {
+
/* Page */
-
  height: 44px;
+
-
  width: 940px;
+
-
  float: right;
+
-
  margin: -20px auto 0 auto;
+
-
  color: #222;
+
-
  background: #ddd; /* Show a solid color for older browsers */
+
-
  background: -moz-linear-gradient(#fff, #ddd);
+
-
  background: -o-linear-gradient(#fff, #ddd);
+
-
  background: -webkit-linear-gradient(#fff, #ddd);
+
-
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  border: 1px solid #eee;
+
-
  border-radius: 7px 7px 7px 7px;
+
-
  -moz-border-radius: 7px 7px 7px 7px;
+
-
  -webkit-border: 7px 7px 7px 7px;
+
-
}
+
-
#site_content {  
+
#page {
-
  width: 940px;
+
width: 1000px;
-
  overflow: hidden;
+
margin: 0 auto;
-
  margin: 0px auto 0 auto;
+
padding: 60px 0px 0px 0px;
-
  padding: 15px 0 15px 0;
+
background: #FFFFFF;
-
}  
+
}
 +
 
 +
/* Content */
-
#sidebar_container {  
+
#content {
-
  float: right;
+
float: left;
-
  width: 224px;
+
width: 600px;
-
  margin: 25px 0 0 0;
+
padding: 0px 0px 0px 0px;
}
}
-
.sidebar {  
+
.post {
-
  float: right;
+
overflow: hidden;
-
  width: 200px;
+
margin-bottom: 40px;
-
  padding: 5px 20px;
+
-
  margin: 0 0 17px 0;
+
}
}
-
 
+
 
-
.sidebar h3, .content h1 {  
+
.post .title {
-
  padding: 0 15px 20px 0;
+
padding: 7px 0px 40px 0px;
-
  font: 230% 'News Cycle', arial, sans-serif;
+
letter-spacing: -1px;
-
  text-shadow:  #FFF 1px 1px;
+
-
  margin: 0 1px;
+
-
  color: #444;
+
}
}
-
.sidebar h3 {  
+
.post .title a {
-
  color: #444;
+
border: none;
-
  font: 250% 'News Cycle', arial, sans-serif;
+
text-decoration: none;
-
  padding: 0 15px 5px 0;
+
color: #222222;
}
}
-
.sidebar ul {  
+
.post .meta {
-
  margin: 0 0 15px 0;
+
margin-bottom: 30px;
-
}  
+
padding: 10px 0px 0px 0px;
 +
text-align: left;
 +
font-family: 'Abel', sans-serif;
 +
font-size: 16px;
 +
font-weight: 300;
 +
}
-
.sidebar li a, .sidebar li a:hover {  
+
.post .meta .date {
-
  color: #555;
+
float: left;
-
  text-decoration: none;
+
}
-
}  
+
-
.sidebar li a:hover {  
+
.post .meta .posted {
-
  text-decoration: underline;
+
float: right;
-
}  
+
}
-
.sidebar_item, .content_item {  
+
.post .meta a {
-
  padding: 15px 0;
+
}
}
-
.content {  
+
.post .entry {
-
  text-align: left;
+
padding: 0px 0px 40px 0px;
-
  width: 670px;
+
text-align: justify;
-
  margin: 25px 0 0 0;
+
-
  float: left;
+
-
  font-size: 120%;
+
}
}
-
 
+
 
-
.content ul {  
+
.links {
-
  margin: 2px 0 22px 0px;
+
padding-top: 20px;
 +
margin-bottom: 30px;
}
}
-
.content ul li, .sidebar ul li {  
+
.more {
-
  list-style-type: none;
+
display: block;
-
  background: url(../images/bullet.png) no-repeat;
+
float: left;
-
  margin: 0 0 0 0;  
+
width: 88px;
-
  padding: 0 0 4px 28px;
+
padding: 5px 5px;
-
  line-height: 1.5em;
+
margin-right: 10px;
 +
background: #B50D0D;
 +
border-radius: 5px;
 +
color: #FFFFFF;
 +
text-align: center;
 +
text-decoration: none;
}
}
-
footer {  
+
.comments {
-
  width: 950px;
+
display: block;
-
  font: 170% 'Yanone Kaffeesatz', arial, sans-serif;
+
float: left;
-
  height: 30px;
+
width: 88px;
-
  padding: 5px 0 20px 0;
+
padding: 5px 5px;
-
  text-align: center;
+
background: #B50D0D;
-
  background: #ddd; /* Show a solid color for older browsers */
+
border-radius: 5px;
-
  background: -moz-linear-gradient(#fff, #ddd);
+
color: #FFFFFF;
-
  background: -o-linear-gradient(#fff, #ddd);
+
text-align: center;
-
  background: -webkit-linear-gradient(#fff, #ddd);
+
text-decoration: none;
-
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  border: 1px solid #eee;
+
-
  border-radius: 7px 7px 7px 7px;
+
-
  -moz-border-radius: 7px 7px 7px 7px;
+
-
  -webkit-border: 7px 7px 7px 7px;
+
}
}
-
footer p {  
+
/* Sidebar */
-
  line-height: 1.7em;
+
 
-
  padding: 0 0 10px 0;
+
#sidebar {
 +
float: right;
 +
width: 260px;
 +
margin: 0px;
 +
padding: 40px;
 +
background: #F0F0F0;
 +
border-radius: 7px;
}
}
-
footer a {  
+
#sidebar ul {
-
  color: #222;
+
margin: 0;
-
  text-decoration: none;
+
padding: 0;
 +
list-style: none;
}
}
-
footer a:hover {  
+
#sidebar li {
-
  color: #222;
+
margin: 0;
-
  text-shadow: none;
+
padding: 0;
-
  text-decoration: underline;
+
}
}
-
.form_settings {  
+
#sidebar li ul {
-
  margin: 15px 0 0 0;
+
margin: 0px 0px;
 +
padding-bottom: 30px;
}
}
-
.form_settings p {  
+
#sidebar li li {
-
  padding: 0 0 4px 0;
+
line-height: 40px;
 +
border-bottom: 1px solid #E7EBED;
 +
margin: 0px 0px;
 +
border-left: none;
}
}
-
.form_settings span {  
+
#sidebar li li span {
-
  float: left;  
+
display: block;
-
  width: 200px;  
+
margin-top: -20px;
-
  text-align: left;
+
padding: 0;
 +
font-size: 11px;
 +
font-style: italic;
}
}
-
 
+
 
-
.form_settings input, .form_settings textarea {  
+
#sidebar li li a {
-
  padding: 5px;  
+
padding: 0px 0px 0px 20px;
-
  width: 299px;
+
background: url(images/img04.jpg) no-repeat left 50%;
-
  font: 100% arial;
+
-
  border: 1px solid #D5D5D5;
+
-
  background: #FFF;
+
-
  color: #47433F;
+
-
  border-radius: 7px 7px 7px 7px;
+
-
  -moz-border-radius: 7px 7px 7px 7px;
+
-
  -webkit-border: 7px 7px 7px 7px;
+
}
}
-
 
+
 
-
.form_settings .submit {  
+
#sidebar h2 {
-
  font: 140% 'Yanone Kaffeesatz', arial, sans-serif;
+
height: 38px;
-
  border: 0;
+
padding: 0px 0px 30px 0px;
-
  width: 99px;
+
letter-spacing: -.5px;
-
  margin: 0 0 0 212px;
+
font-size: 1.8em;
-
  height: 33px;
+
color: #222222;
-
  padding: 2px 0 3px 0;
+
-
  cursor: pointer;
+
-
  background: #ddd; /* Show a solid color for older browsers */
+
-
  background: -moz-linear-gradient(#fff, #ddd);
+
-
  background: -o-linear-gradient(#fff, #ddd);
+
-
  background: -webkit-linear-gradient(#fff, #ddd);
+
-
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
+
-
  border: 1px solid #ddd;
+
-
  border-radius: 7px 7px 7px 7px;
+
-
  -moz-border-radius: 7px 7px 7px 7px;
+
-
  -webkit-border: 7px 7px 7px 7px;
+
-
  color: #222;
+
-
  text-shadow: 1px 1px #FFF;
+
}
}
-
.form_settings textarea, .form_settings select {  
+
#sidebar p {
-
  font: 100% arial;  
+
margin: 0 0px;
-
  width: 299px;
+
padding: 0px 30px 20px 30px;
 +
text-align: justify;
}
}
-
.form_settings select {  
+
#sidebar a {
-
  width: 310px;
+
border: none;
}
}
-
.form_settings .checkbox {  
+
#sidebar a:hover {
-
  margin: 4px 0;
+
text-decoration: underline;
-
  padding: 0;
+
-
  width: 14px;
+
-
  border: 0;
+
-
  background: none;
+
}
}
-
.separator {
+
/* Calendar */
-
  width: 100%;
+
 
-
  height: 0;
+
#calendar {
-
  border-top: 1px solid #D9D5CF;
+
-
  border-bottom: 1px solid #FFF;
+
-
  margin: 0 0 20px 0;
+
}
}
-
 
+
 
-
table {  
+
#calendar_wrap {
-
  margin: 10px 0 30px 0;
+
padding: 20px;
}
}
-
table tr th, table tr td {  
+
#calendar table {
-
  background: #BBB;
+
width: 100%;
-
  color: #FFF;
+
-
  padding: 7px 4px;
+
-
  text-align: left;
+
}
}
-
 
+
 
-
table tr td {  
+
#calendar tbody td {
-
  background: #DDD;
+
text-align: center;
-
  color: #444;
+
-
  border-top: 1px solid #FFF;
+
}
}
-
/* Image Transitions */
+
#calendar #next {
-
ul#images {
+
text-align: right;
-
  margin: 0 15px 10px 0;
+
-
  padding: 0;
+
-
  list-style: none;
+
-
  position: relative;
+
}
}
-
ul#images li {
+
/* Three Column Footer Content */
-
  display: block;
+
 
-
  overflow: hidden;
+
#footer-content-wrapper {
-
  padding: 0;
+
-
  float: left;
+
-
  width: 155px;
+
-
  height: 300px;
+
}
}
 +
#footer-content {
 +
overflow: hidden;
 +
width: 1000px;
 +
margin: 0px auto;
 +
padding: 50px 0px;
 +
color: #FFFFFF;
 +
}
 +
#footer-content h2 {
 +
color: #FFFFFF;
 +
}
-
/**
+
#footer-content a {
-
Stylesheet for SooperFish by www.SooperThemes.com
+
}
-
Author: Jurriaan Roelofs
+
-
**/
+
-
/* Configuration of menu width */
+
#footer-bg {
-
html body ul.sf-menu ul,html body ul.sf-menu ul li {  
+
overflow: hidden;
-
  width: 200px;
+
padding: 30px 0px;
 +
background: #E8E8E8;
}
}
-
html body ul.sf-menu ul ul {  
+
#footer-content h2 {
-
  margin: 0 0 0 200px;
+
margin: 0px;
 +
padding: 0px 0px 20px 0px;
 +
font-size: 26px;
 +
color: #FFFFFF;
}
}
-
/* Framework for proper showing/hiding/positioning */
+
#footer-content #fbox1 {
-
ul.sf-menu,ul.sf-menu * {  
+
float: left;
-
  margin: 0;
+
width: 300px;
-
  padding: 0;
+
margin-right: 50px;
}
}
-
ul.sf-menu {  
+
#footer-content #fbox2 {
-
  display: block;
+
float: left;
-
  position: relative;
+
width: 300px;
}
}
-
 
+
 
-
ul.sf-menu li {  
+
#footer-content #fbox3 {
-
  display: block;
+
float: right;
-
  list-style: none;
+
width: 300px;
-
  float: left;
+
-
  position: relative;
+
}
}
-
 
+
 
-
ul.sf-menu li:hover {  
+
#footer-content a {
-
  visibility: inherit; /* fixes IE7 'sticky bug' */
+
}
}
-
ul.sf-menu a {  
+
#column1 {
-
  display: block;
+
float: left;
-
  position: relative;
+
width: 290px;
 +
margin-right: 30px;
}
}
-
 
+
 
-
ul.sf-menu ul {  
+
#column2 {
-
  position: absolute;
+
float: left;
-
  left: 0;
+
width: 280px;
-
  width: 150px;
+
-
  top: auto;
+
-
  left: -999999px;
+
}
}
-
 
+
 
-
ul.sf-menu ul a {  
+
#column3 {
-
  zoom: 1; /* IE6/7 fix */
+
float: right;
 +
width: 260px;
}
}
-
ul.sf-menu ul li {  
+
/* Footer */
-
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
+
 
-
  width: 150px;
+
#footer {
 +
height: 140px;
 +
margin: 0 auto;
 +
padding: 50px 0 15px 0;
 +
background: #B50D0D;
}
}
-
 
+
 
-
ul.sf-menu ul ul {  
+
#footer p {
-
  top: 0;
+
margin: 0;
-
  margin: 0 0 0 150px;
+
padding-top: 10px;
 +
letter-spacing: 1px;
 +
line-height: normal;
 +
text-align: center;
 +
color: #E87B7B;
}
}
-
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul,
+
#footer a {
-
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
+
color: #FFBDBD;
-
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
+
-
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {  
+
-
  left: auto;
+
}
}
-
 
+
 
-
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
+
#banner {
-
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
+
margin: 0px auto;
-
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
+
width: 1000px;
-
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
+
height: 440px;
-
  left: -999999px;
+
background: url(images/img03.png) no-repeat left bottom;
}
}
-
/* autoArrows CSS */
+
#banner .content {
-
span.sf-arrow {  
+
-
  width: 7px;
+
-
  height: 7px;
+
-
  position: absolute;
+
-
  top: 20px;
+
-
  right: 5px;
+
-
  display: block;
+
-
  background: url(../images/arrows-black.png) no-repeat 0 0;
+
-
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
+
-
  font-size: 1px;
+
}
}
-
ul ul span.sf-arrow {  
+
.list-style1 {
-
  right: 5px;
+
margin: 0px;
-
  top: 20px;
+
padding: 0px;
-
  background-position: 0 100%;
+
list-style: none;
}
}
-
/* Theming the menu */
+
.list-style1 a {
-
ul#nav {  
+
color: #7F7F7F;
-
  float: left;
+
}
}
-
ul#nav ul {  
+
/** LIST STYLE 1 */
-
  background: #ddd;
+
 
-
  margin-top: 5px;
+
ul.style1 {
-
  padding-bottom: 15px;
+
margin: 0px;
 +
padding: 0px 0px 0px 0px;
 +
list-style: none;
}
}
-
ul#nav li a {  
+
ul.style1 li {
-
  padding: 7px 25px 6px 25px;
+
padding: 10px 0px 10px 0px;
-
  font: 170% 'Yanone Kaffeesatz', arial, sans-serif;
+
border-top: 1px solid #162738;
-
  text-shadow: 1px 1px #fff;
+
line-height: 160%;
-
  text-decoration: none;
+
-
  color: #222;
+
-
  margin-right: 2px;
+
}
}
-
ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus {  
+
ul.style1 a {
-
  color: #B30303;
+
display: block;
-
  text-shadow: none;
+
padding: 0px 0px 0px 0px;
 +
text-decoration: none;
 +
color: #93B2A0;
}
}
-
ul#nav ul li a {  
+
ul.style1 a:hover {
-
  color: #222;
+
text-decoration: underline;
}
}
-
ul#nav ul li a:hover {  
+
ul.style1 .first {
-
  color: #B30303;
+
border-top: none;
-
  margin-right: 2px;
+
padding-top: 0px;
}
}
 +
#featured-content {
 +
overflow: hidden;
 +
width: 1000px;
 +
margin: 0px auto;
 +
padding: 0px 0px 30px 0px;
 +
}
 +
#featured-content h2 {
 +
padding: 0px 0px 20px 0px;
 +
font-size: 30px;
 +
}
 +
 +
#featured-content #column1 {
 +
float: left;
 +
width: 300px;
 +
margin-right: 50px;
 +
}
 +
 +
#featured-content #column2 {
 +
float: left;
 +
width: 300px;
 +
}
-
/* Image Transitions */
+
#featured-content #column3 {
-
ul#images {
+
float: right;
-
  margin: 0 15px 10px 0;
+
width: 300px;
-
  padding: 0;
+
-
  position: relative;
+
}
}
-
ul#images li {
+
.button a {
-
  display: block;
+
display: block;
-
  overflow: hidden;
+
float: left;
-
  padding: 0;
+
width: 88px;
-
  float: left;
+
padding: 5px 5px;
-
  width: 155px;
+
margin-right: 10px;
-
  height: 300px;
+
background: #B50D0D;
-
  list-style: none;
+
border-radius: 5px;
 +
color: #FFFFFF;
 +
text-align: center;
 +
text-decoration: none;
}
}

Latest revision as of 07:16, 20 September 2013

  1. contentSub {

display:none; }

  1. siteSub {

display:none; }


  1. search-controls {

display:none; }

.firstHeading { display:none; }

  1. search-controls {

margin-top:10px; }

  1. footer-box {

display:none; }


/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License

  • /

body { margin: 0; padding: 0; background: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #5B5B5B; }

h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; font-weight: 200; color: #222222; }

h1 { font-size: 2em; }

h2 { font-size: 2.8em; }

h3 { font-size: 1.6em; }

p, ul, ol { margin-top: 0; line-height: 180%; }

ul, ol { }

a { color: #B50D0D; }

a:hover { text-decoration: none; }

  1. wrapper {

padding-bottom: 50px; }

.container { width: 1000px; margin: 0px auto; }

/* Header */

  1. header-wrapper {

overflow: hidden; height: 120px; background: #B50D0D; }

  1. header {

overflow: hidden; width: 1000px; height: 120px; margin: 0 auto; padding: 0px 0px; }

/* Logo */

  1. logo {

float: left; width: 300px; margin: 0; padding: 0; color: #FFFFFF; }

  1. logo h1, #logo p {

}

  1. logo h1 {

line-height: 120px; letter-spacing: -2px; font-size: 3em; }

  1. logo h1 a {

color: #FFFFFF; text-transform: uppercase; }

  1. logo p {

margin: 0; padding: 0px 0 0 0px; letter-spacing: -1px; font: normal 18px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #8E8E8E; }

  1. logo p a {

color: #8E8E8E; }

  1. logo a {

border: none; background: none; text-decoration: none; color: #12212F; }

/* Splash */

  1. splash {

width: 960px; height: 300px; margin: 0px auto; }

/* Search */

  1. search {

float: right; width: 280px; height: 60px; padding: 20px 0px 0px 0px; }

  1. search form {

height: 41px; margin: 0; padding: 10px 0 0 20px; }

  1. search fieldset {

margin: 0; padding: 0; border: none; }

  1. search-text {

width: 170px; padding: 6px 5px 2px 5px; border: 1px solid #E7EBED; background: #FFFFFF; text-transform: lowercase; font: normal 11px Arial, Helvetica, sans-serif; color: #5D781D; }

  1. search-submit {

width: 50px; height: 22px; border: none; background: #B9B9B9; color: #000000; }

/* Menu */

  1. menu {

float: right; width: 500px; height: 90px; margin: 0 auto; padding: 0; }

  1. menu ul {

float: right; margin: 0; padding: 50px 0px 0px 0px; list-style: none; line-height: normal; }

  1. menu li {

float: left; padding: 0px 0px 0px 0px; }

  1. menu a {

display: block; margin-right: 1px; padding: 10px 20px 10px 20px; text-decoration: none; text-align: center; font-size: 13px; font-weight: 300; color: #FFFFFF; border: none; }

  1. menu a:hover, #menu .current_page_item a {

text-decoration: none; color: #FFFFFF; }

  1. menu .current_page_item a {

background: #690606; border-radius: 5px; }

/* Page */

  1. page {

width: 1000px; margin: 0 auto; padding: 60px 0px 0px 0px; background: #FFFFFF; }

/* Content */

  1. content {

float: left; width: 600px; padding: 0px 0px 0px 0px; }

.post { overflow: hidden; margin-bottom: 40px; }

.post .title { padding: 7px 0px 40px 0px; letter-spacing: -1px; }

.post .title a { border: none; text-decoration: none; color: #222222; }

.post .meta { margin-bottom: 30px; padding: 10px 0px 0px 0px; text-align: left; font-family: 'Abel', sans-serif; font-size: 16px; font-weight: 300; }

.post .meta .date { float: left; }

.post .meta .posted { float: right; }

.post .meta a { }

.post .entry { padding: 0px 0px 40px 0px; text-align: justify; }

.links { padding-top: 20px; margin-bottom: 30px; }

.more { display: block; float: left; width: 88px; padding: 5px 5px; margin-right: 10px; background: #B50D0D; border-radius: 5px; color: #FFFFFF; text-align: center; text-decoration: none; }

.comments { display: block; float: left; width: 88px; padding: 5px 5px; background: #B50D0D; border-radius: 5px; color: #FFFFFF; text-align: center; text-decoration: none; }

/* Sidebar */

  1. sidebar {

float: right; width: 260px; margin: 0px; padding: 40px; background: #F0F0F0; border-radius: 7px; }

  1. sidebar ul {

margin: 0; padding: 0; list-style: none; }

  1. sidebar li {

margin: 0; padding: 0; }

  1. sidebar li ul {

margin: 0px 0px; padding-bottom: 30px; }

  1. sidebar li li {

line-height: 40px; border-bottom: 1px solid #E7EBED; margin: 0px 0px; border-left: none; }

  1. sidebar li li span {

display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; }

  1. sidebar li li a {

padding: 0px 0px 0px 20px; background: url(images/img04.jpg) no-repeat left 50%; }

  1. sidebar h2 {

height: 38px; padding: 0px 0px 30px 0px; letter-spacing: -.5px; font-size: 1.8em; color: #222222; }

  1. sidebar p {

margin: 0 0px; padding: 0px 30px 20px 30px; text-align: justify; }

  1. sidebar a {

border: none; }

  1. sidebar a:hover {

text-decoration: underline; }

/* Calendar */

  1. calendar {

}

  1. calendar_wrap {

padding: 20px; }

  1. calendar table {

width: 100%; }

  1. calendar tbody td {

text-align: center; }

  1. calendar #next {

text-align: right; }

/* Three Column Footer Content */

  1. footer-content-wrapper {

}

  1. footer-content {

overflow: hidden; width: 1000px; margin: 0px auto; padding: 50px 0px; color: #FFFFFF; }

  1. footer-content h2 {

color: #FFFFFF; }

  1. footer-content a {

}

  1. footer-bg {

overflow: hidden; padding: 30px 0px; background: #E8E8E8; }

  1. footer-content h2 {

margin: 0px; padding: 0px 0px 20px 0px; font-size: 26px; color: #FFFFFF; }

  1. footer-content #fbox1 {

float: left; width: 300px; margin-right: 50px; }

  1. footer-content #fbox2 {

float: left; width: 300px; }

  1. footer-content #fbox3 {

float: right; width: 300px; }

  1. footer-content a {

}

  1. column1 {

float: left; width: 290px; margin-right: 30px; }

  1. column2 {

float: left; width: 280px; }

  1. column3 {

float: right; width: 260px; }

/* Footer */

  1. footer {

height: 140px; margin: 0 auto; padding: 50px 0 15px 0; background: #B50D0D; }

  1. footer p {

margin: 0; padding-top: 10px; letter-spacing: 1px; line-height: normal; text-align: center; color: #E87B7B; }

  1. footer a {

color: #FFBDBD; }

  1. banner {

margin: 0px auto; width: 1000px; height: 440px; background: url(images/img03.png) no-repeat left bottom; }

  1. banner .content {

}

.list-style1 { margin: 0px; padding: 0px; list-style: none; }

.list-style1 a { color: #7F7F7F; }

/** LIST STYLE 1 */

ul.style1 { margin: 0px; padding: 0px 0px 0px 0px; list-style: none; }

ul.style1 li { padding: 10px 0px 10px 0px; border-top: 1px solid #162738; line-height: 160%; }

ul.style1 a { display: block; padding: 0px 0px 0px 0px; text-decoration: none; color: #93B2A0; }

ul.style1 a:hover { text-decoration: underline; }

ul.style1 .first { border-top: none; padding-top: 0px; }

  1. featured-content {

overflow: hidden; width: 1000px; margin: 0px auto; padding: 0px 0px 30px 0px; }

  1. featured-content h2 {

padding: 0px 0px 20px 0px; font-size: 30px; }

  1. featured-content #column1 {

float: left; width: 300px; margin-right: 50px; }

  1. featured-content #column2 {

float: left; width: 300px; }

  1. featured-content #column3 {

float: right; width: 300px; }

.button a { display: block; float: left; width: 88px; padding: 5px 5px; margin-right: 10px; background: #B50D0D; border-radius: 5px; color: #FFFFFF; text-align: center; text-decoration: none; }

Retrieved from "http://2013.igem.org/Team:IIT_Delhi/css"