Team:Groningen/Template/CSS/default

From 2014.igem.org

a { text-decoration: none; } .default { position: relative; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 14pt; text-align: left; line-height: 1.2; } body { text-align: center; } html, body, .default.container { width: 100%; height: 100%; } .default .module { padding-bottom: 12pt; } .default .module .content, .default .module { min-height: 90pt; width: 100%; } .default .module .wrapper { padding: 36pt 0pt 20pt 0pt; } .default .module .title { font-size: 21pt; padding: 0pt 39pt 27pt 38pt; display: block; } .default .module .caption a{ padding: 0px; } .default .module .description, .default .module .text { text-align: justify; } .default .module .text .span { white-space: nowrap; } .default .module .text { padding: 0pt 39pt 27pt 38pt; } .default .module .subtitle{ padding: 0pt 39pt 4pt 38pt; } /*Movie Module*/ .default .module.moviemodule .wrapper { padding: 0; padding-bottom: 28pt; } .default .module.moviemodule .movie{ width: 100%; height: auto; } /*Reference Module*/ .default .module.referencemodule .reference { padding: 0pt 39pt 16pt 38pt; } /*Table Module*/ .default .module.tablemodule .caption, .default .module.tablemodule .caption { font-size: 11pt; padding: 11pt 39pt 16pt 38pt; line-height: 1; } .default .module.tablemodule th:first-child, .default .module.tablemodule td:first-child { padding-left:39pt; padding-right:0; } .default .module.tablemodule th:last-child, .default .module.tablemodule td:last-child { padding-left: 0; padding-right: 38pt; } .default .module.tablemodule tr:last-child .dt { padding-bottom: 8pt; } .default .module.tablemodule th { font-weight: normal; text-align: left; vertical-align: middle; padding: 8pt 0pt 8pt 0pt; } .default .module.tablemodule td { font-weight: normal; text-align: left; vertical-align: top; padding-bottom: 8pt; } .default .module.tablemodule table, .default .module.tablemodule .table{ width: 100%; margin-bottom: 28pt; font-size: 12pt; } /*Content Module*/ .default .module.contentmodule .figurevideo .movie{ width: 50%; height: auto; float: left; } .default .module.contentmodule .figurevideo{ width: 100%; height: auto; padding: 0; margin: 0; line-height: 0; } .default .module.contentmodule .figurevideo .figure{ width: 50%; height: 100%; float: left; } .default .module.tablemodule tr:last-child dt { padding-bottom: 8pt; } .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 th { font-weight: normal; text-align: left; vertical-align: middle; padding: 8pt 0pt 8pt 0pt; } .default .module.contentmodule td { font-weight: normal; text-align: left; vertical-align: top; padding-bottom: 6pt; } .default .module.contentmodule table, .default .module.contentmodule .table{ width: 100%; margin-bottom: 28pt; font-size: 12pt; } .default .module.contentmodule .figurevideo, .default .module.contentmodule .figure { width: 100%; padding-bottom: 28pt; line-height: 0; } .default .module.contentmodule .figure .rawfigure { width: 100%; height: auto; } .default .module.contentmodule .figurevideo .caption, .default .module.contentmodule .table .caption, .default .module.contentmodule .figure .caption { font-size: 11pt; padding: 11pt 39pt 16pt 38pt; line-height: 1; } .default .module.contentmodule .figurevideo .title, .default .module.contentmodule .table .title, .default .module.contentmodule .figure .title { font-size: 11pt; padding: 0; } .default .module.contentmodule ul, .default .module.contentmodule ol, .default .module.contentmodule .listing { padding: 0pt 30pt 17pt 73pt; } .default .module.contentmodule ol li, .default .module.contentmodule ul li, .default .module.contentmodule .listing .item { padding: 0pt 0pt 8pt 0pt; } /*Breadcrumb Module*/ .default .module.breadcrummodule .content { background-size: auto 142pt; background-position: right bottom; background-repeat: no-repeat; } .default .module.breadcrummodule { font-size: 28pt; } .default .module.breadcrummodule .wrapper { padding: 20pt 39pt 16pt 38pt; } /*Visitorscard Module*/ .default .module.vcardmodule, .default .module.vcardmodule .content{ height: 242pt; } .default .module.vcardmodule .rawphoto { width: auto; height: 242pt; float: right; } .default .module.vcardmodule .photo { line-height: 0; float: right; } .default .module.vcardmodule .details { padding: 0pt 39pt 0pt 38pt; } .default .module.vcardmodule .details .title { padding-left: 0; } .default .module.vcardmodule .details .attribute{ padding: 0pt 0pt 4pt 0pt; } .default .module.vcardmodule .details .description{ 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; } .default .module.imageonlymodule .image a, .default .module.imagemodule .image a{ display:block; } .default .module.imagemodule .image { line-height: 0; } /*Image Only Module*/ .default .module.imageonlymodule .wrapper { padding: 0; } .default .module.imageonlymodule .rawimage { width: 100%; height: auto; } .default .module.imageonlymodule .image { line-height: 0; } /*Menu Model*/ .default .module.menu { position: absolute; 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; } .default .module.menu .item { vertical-align:top; } .default .module.menu .item .icon { background-size: auto 100%; background-repeat: no-repeat; background-position: center; height: 100pt; } .default .module.menu.isfloating .item.active .button , .default .module.menu .item .button { height: 53pt; font-size: 18pt; padding: 16pt 0pt 0pt 11pt } .default .module.menu .item .button .activesign { display:none; } .default .module.menu.isfloating .item.active .button .activesign { display:inline; } .default .module.menu, .default .module.menu .content{ min-height: 0pt; padding: 0; padding-bottom: 0; } .default .module.menu .wrapper { padding: 0; } .default .module.menu .item.active .button { height: 74pt; } .default .module.menu .submenu { padding: 16pt 11pt 0pt 11pt; max-width: 280pt; min-width: 196pt; z-index: 999; } .default .module.menu .submenu .item { padding-bottom: 16pt; position: relative; clear: both; width: 100%; } .default .module.menu .submenu { position: absolute; left: 0; visibility: hidden; } .default .module.menu .item:hover .submenu { visibility: visible; } .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; } /*Video Module*/ .default .module.videomodule .wrapper { padding: 0; padding-bottom: 28pt; } .default .module.videomodule .title { padding-top: 38pt; }