Team:Groningen/Template/CSS/category5

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
a {
+
/*
-
text-decoration: none;
+
-
}
+
-
.default {
 
-
position: relative;
 
-
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
 
-
font-size: 14pt;
 
-
text-align: left;
 
-
}
 
-
body {
+
cat2    B31A19
-
text-align: center;
+
cat2art E2D0D6
-
}
+
cat2fig F0D3C7
-
html, body,
+
cat5    756F21
-
.default.container {
+
cat5art E5E2D0
-
width: 100%;
+
cat5fig E0DDCC
-
height: 100%;
+
-
}
+
-
.default .module {
+
*/
-
padding-bottom: 12pt;
+
.category5 a:visited,
 +
.category5 a {
 +
color: #FFFFFF;
}
}
-
.default .module .content,
+
.category5 .module.menu .submenu .item:hover a,
-
.default .module {
+
.category5 a:hover {
-
min-height: 90pt;
+
color: #000000;
-
width: 100%;
+
}
}
-
.default .module .wrapper {
+
.category5 {
-
padding: 36pt 0pt 20pt 0pt;
+
background: #000000;
}
}
-
.default .module .title {
+
.category5 .className {
-
font-size: 21pt;
+
-
padding: 0pt 39pt 27pt 38pt;
+
-
}
+
-
.default .module .description,
 
-
.default .module .text {
 
-
text-align: justify;
 
}
}
-
.default .module .text {
+
.category5 .module .content {
-
padding: 0pt 39pt 27pt 38pt;
+
background-color: #756F21;
 +
color: #FFFFFF;
}
}
-
.default .module .subtitle{
+
.category5 .module .title {
-
padding: 0pt 39pt 4pt 38pt;
+
color: #FFFFFF;
}
}
-
/*Content Module*/
+
.category5 .module .content {
-
.default .module.contentmodule th:first-child,
+
-
.default .module.contentmodule td:first-child {
+
-
padding-left:39pt;
+
-
padding-right:0;
+
-
}
+
-
.default .module.contentmodule th:last-child,
 
-
.default .module.contentmodule td:last-child {
 
-
padding-left: 0;
 
-
padding-right: 38pt;
 
}
}
-
.default .module.contentmodule table,
 
-
.default .module.contentmodule .table{
 
-
width: 100%;
 
-
padding-bottom: 28pt;
 
-
font-size: 12pt;
 
-
font-style: normal;
 
-
}
 
-
.default .module.contentmodule .figure {
+
/*Table Module/Snippet*/
-
width: 100%;
+
.category5 .module.tablemodule th {
-
padding-bottom: 28pt;
+
color: #000000;
-
line-height: 0;
+
}
}
-
.default .module.contentmodule .figure .rawfigure {
+
.category5 .module.tablemodule tr:hover a,
-
width: 100%;
+
.category5 .module.tablemodule tr:hover {
-
height: auto;
+
background-color: #F0D3C7;
 +
color: #756F21;
}
}
-
.default .module.contentmodule table .caption,
+
.category5 .module.tablemodule tr a:hover {
-
.default .module.contentmodule .table .caption,
+
color: #000000;
-
.default .module.contentmodule .figure .caption {
+
-
font-size: 11pt;
+
-
padding: 11pt 39pt 16pt 38pt;
+
-
line-height: 1;
+
}
}
-
.default .module.contentmodule table .title,
+
.category5 .module.tablemodule .title {
-
.default .module.contentmodule .table .title,
+
background-color: transparent;
-
.default .module.contentmodule .figure .title {
+
-
font-size: 11pt;
+
-
padding: 0;
+
}
}
-
.default .module.contentmodule .listing {
+
.category5 .module.tablemodule .caption {
-
padding: 0pt 39pt 17pt 73pt;
+
background-image: url('https://static.igem.org/mediawiki/2014/3/30/Opacity8.background.png');
}
}
-
.default .module.contentmodule .listing .item {
 
-
padding: 0pt 0pt 10pt 0pt;
 
-
}
 
-
/*Breadcrumb Module*/
+
/*Content Module*/
-
.default .module.breadcrummodule .content {
+
/*.category5 .module.contentmodule .image,
-
background-size: auto 142pt;
+
.category5 .module.contentmodule .figurevideo{
-
background-position: right bottom;
+
background-color: #E5E2D0;
-
background-repeat: no-repeat;
+
}*/
-
}
+
-
.default .module.breadcrummodule {
+
.category5 .module.contentmodule table,
-
font-size: 28pt;
+
.category5 .module.contentmodule .table {
 +
background-color: #E5E2D0;
}
}
-
.default .module.breadcrummodule .wrapper {
+
.category5 .module.contentmodule tr:hover {
-
padding: 20pt 39pt 16pt 38pt;
+
background-color: #F0D3C7;
}
}
-
/*Visitorscard Module*/
 
-
.default .module.vcardmodule,
 
-
.default .module.vcardmodule .content{
 
-
height: 242pt;
 
-
}
 
-
.default .module.vcardmodule .rawphoto {
+
.category5 .module.contentmodule a {
-
width: auto;
+
color: #4f5556;
-
height: 242pt;
+
-
float: right;
+
}
}
-
.default .module.vcardmodule .photo {
+
.category5 .module.contentmodule th,
-
line-height: 0;
+
.category5 .module.contentmodule a:hover {
-
float: right;
+
color: #756F21;
}
}
-
.default .module.vcardmodule .details {
+
.category5 .module.contentmodule .content {
-
padding: 0pt 39pt 0pt 38pt;
+
background-color: #FFFFFF;
 +
color: #000000;
}
}
-
.default .module.vcardmodule .details .title {
+
.category5 .module.contentmodule .subtitle,
-
padding-left: 0;
+
.category5 .module.contentmodule .title {
 +
background-color: #FFFFFF;
 +
color: #756F21;
}
}
-
.default .module.vcardmodule .details .attribute{
+
.category5 .module.contentmodule .figurevideo .caption,
-
padding: 0pt 0pt 4pt 0pt;
+
.category5 .module.contentmodule .table .caption,
 +
.category5 .module.contentmodule .figure .caption {
 +
background-color: #F0D3C7;
 +
line-height: 1;
}
}
-
.default .module.vcardmodule .details .description{
+
.category5 .module.contentmodule .figure {
-
padding-bottom: 14pt;
+
-
}
+
-
 
+
-
 
+
-
.default .module.vcardmodule .details .attribute .title{
+
-
padding: 0;
+
-
font-size: 14pt;
+
-
display: inline-block;
+
-
width: 92pt;
+
-
}
+
-
 
+
-
/*Image Module*/
+
-
.default .module.imagemodule .wrapper {
+
-
padding: 0;
+
-
padding-bottom: 28pt;
+
-
}
+
-
.default .module.imagemodule .title {
+
-
padding-top: 38pt;
+
-
}
+
-
 
+
-
.default .module.imagemodule .rawimage {
+
-
width: 100%;
+
-
height: auto;
+
-
}
+
-
 
+
-
.default .module.imagemodule .image {
+
line-height: 0;
line-height: 0;
}
}
-
/*Menue Model*/
+
.category5 .module.contentmodule .figurevideo .title,
-
.default .module.menu {
+
.category5 .module.contentmodule .table .title,
-
position: absolute;
+
.category5 .module.contentmodule .figure .title {
-
top: 0;
+
-
left: 0;
+
-
z-index: 99;
+
-
}
+
-
 
+
-
.default .module.menu .item {
+
-
position:relative;
+
-
        width: 14.2857142857%;
+
-
float: left;
+
-
}
+
-
 
+
-
.default .module.menu,
+
-
.default .module.menu .content{
+
-
min-height: 0pt;
+
-
padding: 0;
+
-
}
+
-
 
+
-
.default .module.menu .wrapper {
+
-
padding: 0;
+
-
 
+
-
}
+
-
 
+
-
.default .module.menu .content {
+
background-color: transparent;
background-color: transparent;
}
}
-
.default .module.menu .item {
 
-
vertical-align:top;
 
-
}
 
-
.default .module.menu .item .icon {
+
/*Breadcrumb Module*/
-
background-size: auto 100%;
+
.category5 .module.breadcrummodule .content {
-
background-repeat: no-repeat;
+
background-image: url('https://static.igem.org/mediawiki/2014/7/7c/Project.slice.icon.png');
-
background-position: center;
+
-
height: 100pt;
+
}
}
-
.default .module.menu .item .button {
+
.category5 .module.breadcrummodule .tail {
-
height: 53pt;
+
color: #FFFFFF;
-
font-size: 18pt;
+
-
padding: 16pt 0pt 0pt 11pt
+
}
}
-
.default .module.menu,
+
.category5 .module.breadcrummodule .seperator {
-
.default .module.menu .content{
+
color: #FFFFFF;
-
min-height: 0pt;
+
-
padding: 0;
+
-
padding-bottom: 0;
+
-
}
+
-
 
+
-
.default .module.menu .wrapper {
+
-
padding: 0;
+
}
}
-
.default .module.menu .item.active .button {
+
.category5 .module.breadcrummodule .head {
-
height: 74pt;
+
color: #000000;
}
}
-
.default .module.menu .submenu {
+
/*Image Only Module*/
-
padding: 16pt 11pt 0pt 11pt;
+
.category5 .module.imageonlymodule .image {
-
max-width: 280pt;
+
background-color: #E5E2D0;
-
min-width: 196pt;
+
-
}
+
-
.default .module.menu .submenu .item {
+
-
padding-bottom: 16pt;
+
-
position: relative;
+
-
clear: both;
+
-
width: 100%;
+
}
}
-
.default .module.menu .submenu {
+
/*Image Module*/
-
position: absolute;
+
.category5 .module.imagemodule .image {
-
left: 0;
+
background-color: #E5E2D0;
-
visibility: hidden;
+
}
}
-
.default .module.menu .item:hover .submenu {
+
/*Visitorscard Module*/
-
visibility: visible;
+
.category5 .module.vcardmodule .details .attribute .title{
-
}
+
color: #000000;
-
 
+
-
.default .module.menu .item {
+
-
 
+
-
}
+
-
 
+
-
/*Header Module*/
+
-
.default .module.header .wrapper,
+
-
.default .module.header .content {
+
-
padding: 0;
+
-
}
+
-
 
+
-
.default .module.header img {
+
-
width: 100%;
+
-
height: auto;
+
-
}
+
-
 
+
-
.default .module.header .content {
+
-
padding-bottom: 24pt
+
-
}
+
-
 
+
-
.default .module.header .overlay {
+
-
position: absolute;
+
-
z-index: 20;
+
-
top: 0;
+
-
left: 0;
+
-
}
+
-
 
+
-
.default .module.header {
+
-
margin-top: 169pt;
+
-
}
+
-
 
+
-
/*Footer Module*/
+
-
.default .module.footer .content,
+
-
.default .module.footer .wrapper,
+
-
.default .module.footer {
+
-
padding: 0;
+
-
 
+
-
}
+
-
 
+
-
.default .module.footer .content {
+
-
background-position: left bottom;
+
-
background-size: auto 135pt;
+
-
background-repeat: no-repeat;
+
-
min-height: 135pt;
+
-
+
-
}
+
-
 
+
-
.default .module.footer .copyright {
+
-
font-size: 10pt;
+
-
padding: 11pt;
+
-
position: absolute;
+
-
right: 0;
+
-
bottom: 0;
+
-
}
+
-
 
+
-
.module.footer .sponsors {
+
-
padding: 24pt 20pt 39pt 39pt;
+
}
}
</html>
</html>

Latest revision as of 01:25, 18 October 2014

/* cat2 B31A19 cat2art E2D0D6 cat2fig F0D3C7 cat5 756F21 cat5art E5E2D0 cat5fig E0DDCC */ .category5 a:visited, .category5 a { color: #FFFFFF; } .category5 .module.menu .submenu .item:hover a, .category5 a:hover { color: #000000; } .category5 { background: #000000; } .category5 .className { } .category5 .module .content { background-color: #756F21; color: #FFFFFF; } .category5 .module .title { color: #FFFFFF; } .category5 .module .content { } /*Table Module/Snippet*/ .category5 .module.tablemodule th { color: #000000; } .category5 .module.tablemodule tr:hover a, .category5 .module.tablemodule tr:hover { background-color: #F0D3C7; color: #756F21; } .category5 .module.tablemodule tr a:hover { color: #000000; } .category5 .module.tablemodule .title { background-color: transparent; } .category5 .module.tablemodule .caption { background-image: url('https://static.igem.org/mediawiki/2014/3/30/Opacity8.background.png'); } /*Content Module*/ /*.category5 .module.contentmodule .image, .category5 .module.contentmodule .figurevideo{ background-color: #E5E2D0; }*/ .category5 .module.contentmodule table, .category5 .module.contentmodule .table { background-color: #E5E2D0; } .category5 .module.contentmodule tr:hover { background-color: #F0D3C7; } .category5 .module.contentmodule a { color: #4f5556; } .category5 .module.contentmodule th, .category5 .module.contentmodule a:hover { color: #756F21; } .category5 .module.contentmodule .content { background-color: #FFFFFF; color: #000000; } .category5 .module.contentmodule .subtitle, .category5 .module.contentmodule .title { background-color: #FFFFFF; color: #756F21; } .category5 .module.contentmodule .figurevideo .caption, .category5 .module.contentmodule .table .caption, .category5 .module.contentmodule .figure .caption { background-color: #F0D3C7; line-height: 1; } .category5 .module.contentmodule .figure { line-height: 0; } .category5 .module.contentmodule .figurevideo .title, .category5 .module.contentmodule .table .title, .category5 .module.contentmodule .figure .title { background-color: transparent; } /*Breadcrumb Module*/ .category5 .module.breadcrummodule .content { background-image: url('https://static.igem.org/mediawiki/2014/7/7c/Project.slice.icon.png'); } .category5 .module.breadcrummodule .tail { color: #FFFFFF; } .category5 .module.breadcrummodule .seperator { color: #FFFFFF; } .category5 .module.breadcrummodule .head { color: #000000; } /*Image Only Module*/ .category5 .module.imageonlymodule .image { background-color: #E5E2D0; } /*Image Module*/ .category5 .module.imagemodule .image { background-color: #E5E2D0; } /*Visitorscard Module*/ .category5 .module.vcardmodule .details .attribute .title{ color: #000000; }