Team:Rutgers/style2

From 2013.igem.org

(Difference between revisions)

Latest revision as of 13:32, 12 August 2013

/* Removing wiki-like stuff */ /****************************/

contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

   display:none;}

/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top right, #DEDEDE 0%, #685880 100%);

/* Mozilla Firefox */ background-image: -moz-linear-gradient(top right, #DEDEDE 0%, #685880 100%);

/* Opera */ background-image: -o-linear-gradient(top right, #DEDEDE 0%, #685880 100%);

/* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #DEDEDE), color-stop(1, #685880));

/* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top right, #DEDEDE 0%, #685880 100%);

/* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom left, #DEDEDE 0%, #685880 100%);

@@ Line 1: / Line 1: @@
-/*
-Design by Free CSS Templates
-http://www.freecsstemplates.org
-Released for free under a Creative Commons Attribution 2.5 License
-*/
 /* Removing wiki-like stuff */
 /****************************/
@@ Line 11: / Line 4: @@
      display:none;}
-/* Redesigning the topmenu */
-/***************************/
-body {
-    margin: 10px 0 0 0;
-    padding: 0;}
-#top-section {
-    width: 965px;
-    height: 0;
-    margin: 0 auto;
-    padding: 0;
-    border: none;}
-#menubar {
-    font-size: 65%;
-    top: -14px;}
-.left-menu:hover {
-    background-color: transparent;}
-#menubar li a {
-    background-color: transparent;}
-#menubar:hover {
-    color: white;}
-#menubar li a {
-    color: transparent;}
-#menubar:hover li a {
-    color: white;}
-#menubar > ul > li:last-child {
-    display:none;}
-body {
-	margin: 0;
-	padding: 0;
-	background: #171111;
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 12px;
-	color: #BDBDBD;
-}
-h1, h2, h3 {
-	margin: 0;
-	text-transform: uppercase;
-	font-family: Arial, Helvetica, sans-serif;
-	font-weight: normal;
-	color: #0C95C9;
-}
-h1 {
-	font-size: 44px;
-}
-h2 {
-	font-size: 18px;
-}
-h3 {
-}
-p, ul, ol {
-	margin-top: 0;
-	line-height: 240%;
-	text-align: justify;
-}
-ul, ol {
-}
-blockquote {
-}
-a {
-	color: #DEDEDE;
-}
-a:hover {
-	text-decoration: none;
-}
-a img {
-	border: none;
-}
-img.left {
-	float: left;
-	margin: 7px 30px 0 0;
-}
-img.right {
-	float: right;
-	margin: 7px 0 0 30px;
-}
-hr {
-	display: none;
-}
-.list1 {
-}
-.list1 li {
-	float: left;
-	line-height: normal;
-}
-.list1 li img {
-	margin: 0 30px 30px 0;
-}
-.list1 li.alt img {
-	margin-right: 0;
-}
-#wrapper {
-}
-/* Header */
-#header-wrapper {
-}
-#header {
-	width: 960px;
-	height: 50px;
-	margin: 0 auto;
-	background: url(images/img01.jpg) no-repeat left top;
-}
-/* Menu */
-#menu {
-	float: center;
-	width: 620px;
-	height: 50px;
-}
-#menu ul {
-	margin: 0;
-	padding: 0px;
-	list-style: none;
-	line-height: normal;
-}
-#menu li {
-	display: block;
-	float: left;
-}
-#menu a {
-	display: block;
-	float: left;
-	height: 34px;
-	margin-right: 3px;
-	padding: 16px 30px 0px 30px;
-	background: url(images/img04.jpg) no-repeat left top;
-	text-decoration: none;
-	text-transform: capitalize;
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 12px;
-	color: #6C6A69;
-}
-#menu a:hover {
-	text-decoration: underline;
-	color: #FFFFFF;
-}
-#menu .current_page_item a {
-	color: #FFFFFF;
-}
-#menu .first {
-	background: none;
-}
-/* Search */
-#search {
-	float: left;
-	width: 280px;
-	height: 45px;
-}
-#search form {
-	margin: 0;
-	padding: 16px 0px 0 30px;
-}
-#search fieldset {
-	margin: 0;
-	padding: 0;
-	border: none;
-}
-#search input {
-	float: left;
-	font: 12px Georgia, "Times New Roman", Times, serif;
-	border: none;
-}
-#search-text {
-	width: 135px;
-	height: 18px;
-	padding: 3px 0 0 5px;
-	border: 1px solid #333333;
-	background: #ECF9E4;
-	color: #000000;
-}
-#search-submit {
-	height: 21px;
-	margin-left: 10px;
-	padding: 0px 5px;
-	background: #000000;
-	color: #FFFFFF;
-}
-/* Page */
-#page {
-	width: 960px;
-	margin: 0 auto;
-	padding: 0px;
-	background: url(images/img02.jpg) repeat-y left top;
-}
-#page-bgtop {
-	padding-top: 30px;
-}
-/** LOGO */
-#logo {
-	width: 860px;
-	height: 134px;
-	margin: 0 auto;
-}
-#logo h1, #logo p {
-	margin: 0px;
-	line-height: normal;
-	text-transform: lowercase;
-	font-weight: normal;
-	color: #FFFFFF;
-}
-#logo p {
-	text-transform: lowercase;
-	font-size: 10px;
-}
-#logo h1 {
-	padding-top: 54px;
-	font-size: 40px;
-	font-family: Georgia, "Times New Roman", Times, serif;
-}
-#logo a {
-	text-decoration: none;
-	color: #FFFFFF;
-}
-/* Content */
-#content {
-	float: right;
-	width: 660px;
-	padding-top: 10px;
-	padding-right: 30px;
-}
-/* Post */
-.post {
-	margin-bottom: 25px;
-	border-bottom: 1px dotted #474646;
-}
-.post .title {
-	height: 30px;
-	color: #D6D6D6;
-}
-.post .title a {
-	text-decoration: none;
-	color: #D6D6D6;
-}
-.post .date {
-}
-.post .meta {
-	margin-top: -10px;
-	padding: 2px 30px 2px 0px;
-	font-family: Arial, Helvetica, sans-serif;
-	font-weight: normal;
-	font-size: 10px;
-	font-style: italic;
-	color: #949494;
-}
-.post .meta a {
-	color: #949494;
-}
-.post .meta span {
-	display: block;
-	margin-top: -10px;
-}
-.post .meta a {
-}
-.post .entry {
-	padding: 10px 0;
-}
-.post .links {
-	margin: 0 250px 0 0;
-	padding: 0 0 0 0px;
-}
-.post .links .comments {
-}
-.post .links .permalink {
-	padding-left: 17px;
-}
-/* Sidebar */
-#sidebar {
-	float: left;
-	width: 180px;
-	padding-left: 40px;
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 11px;
-	color: #585D60;
-}
-#sidebar ul {
-	margin: 0;
-	padding: 0;
-	list-style: none;
-	line-height: normal;
-}
-#sidebar li {
-	margin-bottom: 30px;
-	padding: 0 0 10px 0px;
-}
-#sidebar li ul {
-}
-#sidebar li li {
-	margin: 0px;
-	padding: 10px 0px;
-	border-bottom: 1px dotted #504D4B;
-}
-#sidebar p {
-	margin: 0;
-	padding: 0px 0px;
-}
-#sidebar h2 {
-	height: 26px;
-	margin: 0 0 10px 0px;
-	padding: 12px 0 2px 0px;
-	text-transform: capitalize;
-	font-size: 18px;
-	font-weight: normal;
-	color: #D6D6D6;
-}
-#sidebar p {
-	line-height: 200%;
-}
-#sidebar a {
-	text-align: left;
-	text-decoration: none;
-	font-weight: normal;
-	color: #585D60;
-}
-/* Calendar */
-#calendar {
-}
-#calendar caption {
-	padding-bottom: 5px;
-	font-weight: bold;
-}
-#calendar table {
-	width: 100%;
-	border-collapse: collapse;
-	border-bottom: 1px solid #24130F;
-	border-left: 1px solid #24130F;
-	border-right: 1px solid #24130F;
-}
-#calendar thead th {
-	padding: 5px 0;
-	text-align: center;
-	border-top: 1px solid #24130F;
-	border-left: 1px solid #24130F;
-	background: #24130F;
-}
-#calendar tbody td {
-	padding: 5px 0;
-	text-align: center;
-	border-top: 1px solid #24130F;
-	border-left: 1px solid #24130F;
-	border-bottom: 1px solid #24130F;
-}
-#calendar tfoot td {
-	padding: 5px;
-	border-left: 1px solid #24130F;
-	border-bottom: 1px solid #24130F;
-}
-#calendar tfoot #next {
-	border-top: 1px solid #24130F;
-	text-align: right;
-}
-#calendar tfoot #prev {
-	border-top: 1px solid #24130F;
-}
-#calendar .pad {
+/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
-	border-bottom: 1px solid #24130F;
-}
-#calendar #today {
+/* IE10 Consumer Preview */
-	background: #24130F;
+background-image: -ms-linear-gradient(top right, #DEDEDE 0%, #685880 100%);
-}
-/* Footer */
+/* Mozilla Firefox */
+background-image: -moz-linear-gradient(top right, #DEDEDE 0%, #685880 100%);
-#footer {
+/* Opera */
-	width: 960px;
+background-image: -o-linear-gradient(top right, #DEDEDE 0%, #685880 100%);
-	margin: 0 auto;
-	padding: 70px 0px 20px 0px;
-	background: url(images/img03.jpg) no-repeat left top;
-}
-#footer-bgcontent {
+/* Webkit (Safari/Chrome 10) */
-}
+background-image: -webkit-gradient(linear, right top, left bottom, color-stop(0, #DEDEDE), color-stop(1, #685880));
-#footer p {
+/* Webkit (Chrome 11+) */
-	margin: 0;
+background-image: -webkit-linear-gradient(top right, #DEDEDE 0%, #685880 100%);
-	text-align: center;
-	line-height: normal;
-	text-transform: uppercase;
-	font-size: 10px;
-	color: #6C6A69;
-}
-#footer a {
+/* W3C Markup, IE10 Release Preview */
-	color: #6C6A69;
+background-image: linear-gradient(to bottom left, #DEDEDE 0%, #685880 100%);
-}