|
|
| Line 4: |
Line 4: |
| | /* Styles for the Wiki site */ | | /* Styles for the Wiki site */ |
| | | | |
| | + | /* Neuropol Fonts */ |
| | @font-face { | | @font-face { |
| | font-family: neuropol; | | font-family: neuropol; |
| | /* src: url('http://igem.melodramatic.com/sites/default/themes/igem/fonts/NEUROPOL.ttf'); */ | | /* src: url('http://igem.melodramatic.com/sites/default/themes/igem/fonts/NEUROPOL.ttf'); */ |
| | src: url('https://static.igem.org/mediawiki/2012/e/e6/Aseatobacter-FONT_NEUROPOL.txt'); | | src: url('https://static.igem.org/mediawiki/2012/e/e6/Aseatobacter-FONT_NEUROPOL.txt'); |
| | + | } |
| | + | .view-team h3, |
| | + | .view-team .views-label, |
| | + | .view-team span.username, |
| | + | .aseato, |
| | + | #page-title, |
| | + | #main-menu-links a span b, |
| | + | #page .sidebar .block h2, |
| | + | #block-block-9 h2, |
| | + | #block-block-4 h2, |
| | + | #block-block-5 h2, |
| | + | #block-block-2 span.stat, |
| | + | #site-slogan, |
| | + | #site-name { |
| | + | font-family: neuropol, "Courier New" !important; |
| | } | | } |
| | | | |
| - | #p-logo { | + | /* Hidden Elements */ |
| | + | #p-logo, |
| | + | #catlinks, |
| | + | #top-section #p-logo img, |
| | + | div.front #page-title, |
| | + | h1.firstHeading, |
| | + | #top-section, |
| | + | #footer-box, |
| | + | html.js .js-hide, |
| | + | #bodyContent p, |
| | + | .element-hidden { |
| | display: none; | | display: none; |
| | } | | } |
| - | #top-section {
| + | |
| - | height: 30px;
| + | |
| - | font-size: 70%;
| + | |
| - | }
| + | |
| - | #top-section #p-logo {
| + | |
| - | height: 30px;
| + | |
| - | padding: 0;
| + | |
| - | margin: 0 4px;
| + | |
| - | width: 100%;
| + | |
| - | }
| + | |
| - | #top-section #p-logo img {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | #top-section #menubar.right-menu {
| + | |
| - | margin-right: 200px;
| + | |
| - | margin-top: 9px;
| + | |
| - | }
| + | |
| - | #top-section #search-controls {
| + | |
| - | font-size: 70%;
| + | |
| - | margin-top: -14px;
| + | |
| - | width: auto;
| + | |
| - | height: 30px;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | #top-section #search-controls input {
| + | |
| - | padding: 0;
| + | |
| - | margin: 0;
| + | |
| - | width: auto;
| + | |
| - | }
| + | |
| - | #top-section {
| + | |
| - | border: none;
| + | |
| - | }
| + | |
| - | #top-section #menubar.left-menu {
| + | |
| - | margin-top: 9px;
| + | |
| - | }
| + | |
| | #content { | | #content { |
| - | padding-top: 0; | + | padding-top: 0 !important; |
| - | }
| + | |
| - | #catlinks {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - | #footer-box {
| + | |
| - | font-size: 10px;
| + | |
| - | width: 100%;
| + | |
| - | z-index: 9999;
| + | |
| - | }
| + | |
| - | #footer-box a {
| + | |
| - | font-family: Helvetica;
| + | |
| | } | | } |
| | #content { | | #content { |
| Line 69: |
Line 50: |
| | margin: 0; | | margin: 0; |
| | } | | } |
| - | h1.firstHeading {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | #bodyContent p {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| | #bodyContent #page-wrapper p { | | #bodyContent #page-wrapper p { |
| | display: block; | | display: block; |
| - |
| |
| | } | | } |
| | #header { | | #header { |
| - | margin-top: -21px;
| |
| | } | | } |
| | #page { | | #page { |
| Line 88: |
Line 59: |
| | } | | } |
| | | | |
| - | #top-section, #footer-box {
| |
| - | display: none !important;
| |
| - | }
| |
| | /* ---------- Basic Layout Styles ----------- */ | | /* ---------- Basic Layout Styles ----------- */ |
| | | | |
| Line 136: |
Line 104: |
| | #igem-content, | | #igem-content, |
| | #sidebar-first, | | #sidebar-first, |
| - | #sidebar-second, | + | #sidebar-second { |
| - | .region-triptych-first,
| + | |
| - | .region-triptych-middle,
| + | |
| - | .region-triptych-last,
| + | |
| - | .region-footer-firstcolumn,
| + | |
| - | .region-footer-secondcolumn,
| + | |
| - | .region-footer-thirdcolumn,
| + | |
| - | .region-footer-fourthcolumn {
| + | |
| | display: inline; | | display: inline; |
| | float: left; /* LTR */ | | float: left; /* LTR */ |
| Line 182: |
Line 143: |
| | #globalWrapper { | | #globalWrapper { |
| | z-index: 1; | | z-index: 1; |
| | + | padding: 0px !important; |
| | + | } |
| | + | #contentSub { |
| | + | border: solid black 1px; |
| | } | | } |
| | #canvas { | | #canvas { |
| Line 189: |
Line 154: |
| | } | | } |
| | | | |
| - | /**
| |
| - | * @file
| |
| - | * Generic theme-independent base styles.
| |
| - | */
| |
| - |
| |
| - | /**
| |
| - | * Autocomplete.
| |
| - | *
| |
| - | * @see autocomplete.js
| |
| - | */
| |
| - | /* Suggestion list */
| |
| - | #autocomplete {
| |
| - | border: 1px solid;
| |
| - | overflow: hidden;
| |
| - | position: absolute;
| |
| - | z-index: 100;
| |
| - | }
| |
| - | #autocomplete ul {
| |
| - | list-style: none;
| |
| - | list-style-image: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | #autocomplete li {
| |
| - | background: #fff;
| |
| - | color: #000;
| |
| - | cursor: default;
| |
| - | white-space: pre;
| |
| - | }
| |
| - | /* Animated throbber */
| |
| - | html.js input.form-autocomplete {
| |
| - | background-image: url(../../misc/throbber.gif);
| |
| - | background-position: 100% 2px; /* LTR */
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - | html.js input.throbbing {
| |
| - | background-position: 100% -18px; /* LTR */
| |
| - | }
| |
| - |
| |
| - | /**
| |
| - | * Collapsible fieldsets.
| |
| - | *
| |
| - | * @see collapse.js
| |
| - | */
| |
| - | html.js fieldset.collapsed {
| |
| - | border-bottom-width: 0;
| |
| - | border-left-width: 0;
| |
| - | border-right-width: 0;
| |
| - | height: 1em;
| |
| - | }
| |
| - | html.js fieldset.collapsed .fieldset-wrapper {
| |
| - | display: none;
| |
| - | }
| |
| - | fieldset.collapsible {
| |
| - | position: relative;
| |
| - | }
| |
| - | fieldset.collapsible .fieldset-legend {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | /**
| |
| - | * Resizable textareas.
| |
| - | *
| |
| - | * @see textarea.js
| |
| - | */
| |
| - | .form-textarea-wrapper textarea {
| |
| - | display: block;
| |
| - | margin: 0;
| |
| - | width: 100%;
| |
| - | -moz-box-sizing: border-box;
| |
| - | -webkit-box-sizing: border-box;
| |
| - | box-sizing: border-box;
| |
| - | }
| |
| - | .resizable-textarea .grippie {
| |
| - | background: #eee url(../../misc/grippie.png) no-repeat center 2px;
| |
| - | border: 1px solid #ddd;
| |
| - | border-top-width: 0;
| |
| - | cursor: s-resize;
| |
| - | height: 9px;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - |
| |
| - | /**
| |
| - | * TableDrag behavior.
| |
| - | *
| |
| - | * @see tabledrag.js
| |
| - | */
| |
| - | body.drag {
| |
| - | cursor: move;
| |
| - | }
| |
| - | .draggable a.tabledrag-handle {
| |
| - | cursor: move;
| |
| - | float: left; /* LTR */
| |
| - | height: 1.7em;
| |
| - | margin-left: -1em; /* LTR */
| |
| - | overflow: hidden;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | a.tabledrag-handle:hover {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | a.tabledrag-handle .handle {
| |
| - | background: url(../../misc/draggable.png) no-repeat 6px 9px;
| |
| - | height: 13px;
| |
| - | margin: -0.4em 0.5em; /* LTR */
| |
| - | padding: 0.42em 0.5em; /* LTR */
| |
| - | width: 13px;
| |
| - | }
| |
| - | a.tabledrag-handle-hover .handle {
| |
| - | background-position: 6px -11px;
| |
| - | }
| |
| - | div.indentation {
| |
| - | float: left; /* LTR */
| |
| - | height: 1.7em;
| |
| - | margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
| |
| - | padding: 0.42em 0 0.42em 0.6em; /* LTR */
| |
| - | width: 20px;
| |
| - | }
| |
| - | div.tree-child {
| |
| - | background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
| |
| - | }
| |
| - | div.tree-child-last {
| |
| - | background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
| |
| - | }
| |
| - | div.tree-child-horizontal {
| |
| - | background: url(../../misc/tree.png) no-repeat -11px center;
| |
| - | }
| |
| - | .tabledrag-toggle-weight-wrapper {
| |
| - | text-align: right; /* LTR */
| |
| - | }
| |
| - |
| |
| - | /**
| |
| - | * TableHeader behavior.
| |
| - | *
| |
| - | * @see tableheader.js
| |
| - | */
| |
| - | table.sticky-header {
| |
| - | background-color: #fff;
| |
| - | margin-top: 0;
| |
| - | }
| |
| - |
| |
| - | /**
| |
| - | * Progress behavior.
| |
| - | *
| |
| - | * @see progress.js
| |
| - | */
| |
| - | /* Bar */
| |
| - | .progress .bar {
| |
| - | background-color: #fff;
| |
| - | border: 1px solid;
| |
| - | }
| |
| - | .progress .filled {
| |
| - | background-color: #000;
| |
| - | height: 1.5em;
| |
| - | width: 5px;
| |
| - | }
| |
| - | .progress .percentage {
| |
| - | float: right; /* LTR */
| |
| - | }
| |
| - | /* Throbber */
| |
| - | .ajax-progress {
| |
| - | display: inline-block;
| |
| - | }
| |
| - | .ajax-progress .throbber {
| |
| - | background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
| |
| - | float: left; /* LTR */
| |
| - | height: 15px;
| |
| - | margin: 2px;
| |
| - | width: 15px;
| |
| - | }
| |
| - | .ajax-progress .message {
| |
| - | padding-left: 20px;
| |
| - | }
| |
| - | tr .ajax-progress .throbber {
| |
| - | margin: 0 2px;
| |
| - | }
| |
| - | .ajax-progress-bar {
| |
| - | width: 16em;
| |
| - | }
| |
| | | | |
| | /** | | /** |
| Line 376: |
Line 162: |
| | display: inline; | | display: inline; |
| | } | | } |
| - | /* Fieldset contents always need to be rendered as block. */
| |
| | .container-inline .fieldset-wrapper { | | .container-inline .fieldset-wrapper { |
| | display: block; | | display: block; |
| | } | | } |
| - |
| |
| - | /**
| |
| - | * Prevent text wrapping.
| |
| - | */
| |
| | .nowrap { | | .nowrap { |
| | white-space: nowrap; | | white-space: nowrap; |
| | } | | } |
| | | | |
| - | /**
| |
| - | * For anything you want to hide on page load when JS is enabled, so
| |
| - | * that you can use the JS to control visibility and avoid flicker.
| |
| - | */
| |
| - | html.js .js-hide {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /**
| |
| - | * Hide elements from all users.
| |
| - | *
| |
| - | * Used for elements which should not be immediately displayed to any user. An
| |
| - | * example would be a collapsible fieldset that will be expanded with a click
| |
| - | * from a user. The effect of this class can be toggled with the jQuery show()
| |
| - | * and hide() functions.
| |
| - | */
| |
| - | .element-hidden {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /**
| |
| - | * Hide elements visually, but keep them available for screen-readers.
| |
| - | *
| |
| - | * Used for information required for screen-reader users to understand and use
| |
| - | * the site where visual display is undesirable. Information provided in this
| |
| - | * manner should be kept concise, to avoid unnecessary burden on the user.
| |
| - | * "!important" is used to prevent unintentional overrides.
| |
| - | */
| |
| | .element-invisible { | | .element-invisible { |
| | position: absolute !important; | | position: absolute !important; |
| Line 421: |
Line 174: |
| | clip: rect(1px, 1px, 1px, 1px); | | clip: rect(1px, 1px, 1px, 1px); |
| | } | | } |
| - |
| |
| - | /**
| |
| - | * The .element-focusable class extends the .element-invisible class to allow
| |
| - | * the element to be focusable when navigated to via the keyboard.
| |
| - | */
| |
| | .element-invisible.element-focusable:active, | | .element-invisible.element-focusable:active, |
| | .element-invisible.element-focusable:focus { | | .element-invisible.element-focusable:focus { |
| Line 510: |
Line 258: |
| | kbd, | | kbd, |
| | samp, | | samp, |
| - | var {
| |
| - | padding: 0 0.4em;
| |
| - | font-size: 0.77em;
| |
| - | font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace, "Courier New";
| |
| - | }
| |
| - | code {
| |
| - | background-color: #f2f2f2;
| |
| - | background-color: rgba(40, 40, 0, 0.06);
| |
| - | }
| |
| - | pre code,
| |
| - | pre kbd,
| |
| - | pre samp,
| |
| - | pre var,
| |
| - | kbd kbd,
| |
| - | kbd samp,
| |
| - | code var {
| |
| - | font-size: 100%;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | pre code,
| |
| - | pre samp,
| |
| - | pre var {
| |
| - | padding: 0;
| |
| - | }
| |
| - | .description code {
| |
| - | font-size: 1em;
| |
| - | }
| |
| - | kbd {
| |
| - | background-color: #f2f2f2;
| |
| - | border: 1px outset #575757;
| |
| - | margin: 0 3px;
| |
| - | color: #666;
| |
| - | display: inline-block;
| |
| - | padding: 0 6px;
| |
| - | -khtml-border-radius: 5px;
| |
| - | -moz-border-radius: 5px;
| |
| - | -webkit-border-radius: 5px;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - | pre {
| |
| - | background-color: #f2f2f2;
| |
| - | background-color: rgba(40, 40, 0, 0.06);
| |
| - | margin: 10px 0;
| |
| - | overflow: hidden;
| |
| - | padding: 15px;
| |
| - | white-space: pre-wrap;
| |
| - | }
| |
| | | | |
| | | | |
| Line 583: |
Line 284: |
| | } | | } |
| | | | |
| - | /* ------------------ Reset Styles ------------------ */
| |
| - |
| |
| - | caption {
| |
| - | text-align: left; /* LTR */
| |
| - | font-weight: normal;
| |
| - | }
| |
| - | blockquote {
| |
| - | background: #f7f7f7;
| |
| - | border-left: 1px solid #bbb;
| |
| - | font-style: italic;
| |
| - | margin: 1.5em 10px;
| |
| - | padding: 0.5em 10px;
| |
| - | }
| |
| - | blockquote:before {
| |
| - | color: #bbb;
| |
| - | content: "\201C";
| |
| - | font-size: 3em;
| |
| - | line-height: 0.1em;
| |
| - | margin-right: 0.2em;
| |
| - | vertical-align: -.4em;
| |
| - | }
| |
| - | blockquote:after {
| |
| - | color: #bbb;
| |
| - | content: "\201D";
| |
| - | font-size: 3em;
| |
| - | line-height: 0.1em;
| |
| - | vertical-align: -.45em;
| |
| - | }
| |
| - | blockquote > p:first-child {
| |
| - | display: inline;
| |
| - | }
| |
| - | a.feed-icon {
| |
| - | display: inline-block;
| |
| - | padding: 15px 0 0 0;
| |
| - | }
| |
| | | | |
| | /* ------------------ Table Styles ------------------ */ | | /* ------------------ Table Styles ------------------ */ |
| Line 689: |
Line 355: |
| | ul.menu li { | | ul.menu li { |
| | margin: 0; | | margin: 0; |
| | + | list-style: none; |
| | } | | } |
| | .region-content ul, | | .region-content ul, |
| Line 701: |
Line 368: |
| | ul.tips { | | ul.tips { |
| | padding: 0 0 0 1.25em; /* LTR */ | | padding: 0 0 0 1.25em; /* LTR */ |
| | + | } |
| | + | #sidebar-first li a { |
| | + | color: black; |
| | + | } |
| | + | #sidebar-first li a:hover, |
| | + | #sidebar-first li a.active { |
| | + | color: #757418; |
| | + | text-decoration: underline; |
| | } | | } |
| | | | |
| Line 710: |
Line 385: |
| | #name-and-slogan { | | #name-and-slogan { |
| | padding-top: 34px; | | padding-top: 34px; |
| - | margin: 0 0 30px 15px; /* LTR */ | + | margin: 0 0 10px 15px; /* LTR */ |
| | } | | } |
| | #site-name { | | #site-name { |
| Line 716: |
Line 391: |
| | font-size: 50px; | | font-size: 50px; |
| | text-align: center; | | text-align: center; |
| - | font-family: neuropol, "Courier New";
| |
| | margin: 10px 0 0 0; | | margin: 10px 0 0 0; |
| | } | | } |
| Line 730: |
Line 404: |
| | padding: 0; | | padding: 0; |
| | word-spacing: 0.1em; | | word-spacing: 0.1em; |
| - | font-family: neuropol, "Courier New";
| |
| | border: 0; | | border: 0; |
| | text-align: center; | | text-align: center; |
| - | }
| |
| - | /* Region header blocks. */
| |
| - | .region-header .block {
| |
| - | font-size: 0.857em;
| |
| - | float: left; /* LTR */
| |
| - | margin: 0 10px;
| |
| - | padding: 0;
| |
| - | }
| |
| - | .region-header .block .content {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | .region-header .block ul {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | .region-header .block li {
| |
| - | list-style: none;
| |
| - | list-style-image: none;
| |
| - | padding: 0;
| |
| - | }
| |
| - | .region-header .form-text {
| |
| - | background: #fefefe;
| |
| - | background: rgba(255, 255, 255, 0.7);
| |
| - | border-color: #ccc;
| |
| - | border-color: rgba(255, 255, 255, 0.3);
| |
| - | margin-right: 2px; /* LTR */
| |
| - | width: 120px;
| |
| - | }
| |
| - | .region-header .form-text:hover,
| |
| - | .region-header .form-text:focus,
| |
| - | .region-header .form-text:active {
| |
| - | background: #fff;
| |
| - | background: rgba(255, 255, 255, 0.8);
| |
| - | }
| |
| - | .region-header .form-required {
| |
| - | color: #eee;
| |
| - | color: rgba(255, 255, 255, 0.7);
| |
| - | }
| |
| - | /* Region header block menus. */
| |
| - | .region-header .block-menu {
| |
| - | border: 1px solid;
| |
| - | border-color: #eee;
| |
| - | border-color: rgba(255, 255, 255, 0.2);
| |
| - | padding: 0;
| |
| - | width: 208px;
| |
| - | }
| |
| - | .region-header .block-menu li a {
| |
| - | display: block;
| |
| - | border-bottom: 1px solid;
| |
| - | border-bottom-color: #eee;
| |
| - | border-bottom-color: rgba(255, 255, 255, 0.2);
| |
| - | padding: 3px 7px;
| |
| - | }
| |
| - | .region-header .block-menu li a:hover,
| |
| - | .region-header .block-menu li a:focus,
| |
| - | .region-header .block-menu li a:active {
| |
| - | text-decoration: none;
| |
| - | background: rgba(255, 255, 255, 0.15);
| |
| - | }
| |
| - | .region-header .block-menu li.last a {
| |
| - | border-bottom: 0;
| |
| - | }
| |
| - | /* User Login block in the header region */
| |
| - | .region-header #block-user-login {
| |
| - | width: auto;
| |
| - | }
| |
| - | .region-header #block-user-login .content {
| |
| - | margin-top: 2px;
| |
| - | }
| |
| - | .region-header #block-user-login .form-item {
| |
| - | float: left; /* LTR */
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | .region-header #block-user-login div.item-list,
| |
| - | .region-header #block-user-login div.description {
| |
| - | font-size: 0.916em;
| |
| - | margin: 0;
| |
| - | }
| |
| - | .region-header #block-user-login div.item-list {
| |
| - | clear: both;
| |
| - | }
| |
| - | .region-header #block-user-login div.description {
| |
| - | display: inline;
| |
| - | }
| |
| - | .region-header #block-user-login .item-list ul {
| |
| - | padding: 0;
| |
| - | line-height: 1;
| |
| - | }
| |
| - | .region-header #block-user-login .item-list li {
| |
| - | list-style: none;
| |
| - | float: left; /* LTR */
| |
| - | padding: 3px 0 1px;
| |
| - | }
| |
| - | .region-header #block-user-login .item-list li.last {
| |
| - | padding-left: 0.5em; /* LTR */
| |
| - | }
| |
| - | .region-header #block-user-login ul.openid-links li.last {
| |
| - | padding-left: 0; /* LTR */
| |
| - | }
| |
| - | .region-header #user-login-form li.openid-link a,
| |
| - | .region-header #user-login li.openid-link a {
| |
| - | padding-left: 20px; /* LTR */
| |
| - | }
| |
| - | .region-header #block-user-login .form-actions {
| |
| - | margin: 4px 0 0;
| |
| - | padding: 0;
| |
| - | clear: both;
| |
| - | }
| |
| - | .region-header #block-user-login input.form-submit {
| |
| - | border: 1px solid;
| |
| - | border-color: #ccc;
| |
| - | border-color: rgba(255, 255, 255, 0.5);
| |
| - | background: #eee;
| |
| - | background: rgba(255, 255, 255, 0.7);
| |
| - | margin: 4px 0;
| |
| - | padding: 3px 8px;
| |
| - | }
| |
| - | .region-header #block-user-login input.form-submit:hover,
| |
| - | .region-header #block-user-login input.form-submit:focus {
| |
| - | background: #fff;
| |
| - | background: rgba(255, 255, 255, 0.9);
| |
| - | }
| |
| - | /* Search block in region header. */
| |
| - | .region-header #block-search-form {
| |
| - | width: 208px;
| |
| - | }
| |
| - | .region-header #block-search-form .form-text {
| |
| - | width: 154px;
| |
| - | }
| |
| - | /* Language switcher block in region header. */
| |
| - | .region-header .block-locale ul li {
| |
| - | display: inline;
| |
| - | padding: 0 0.5em;
| |
| | } | | } |
| | | | |
| Line 875: |
Line 413: |
| | margin-top: 20px; | | margin-top: 20px; |
| | margin-bottom: 0px; | | margin-bottom: 0px; |
| - | }
| |
| - |
| |
| - | /* ----------------- Featured ----------------- */
| |
| - |
| |
| - | #featured {
| |
| - | text-align: center;
| |
| - | font-size: 1.643em;
| |
| - | font-weight: normal;
| |
| - | line-height: 1.4;
| |
| - | padding: 20px 0 45px;
| |
| - | margin: 0;
| |
| - | background: #f0f0f0;
| |
| - | background: rgba(30, 50, 10, 0.08);
| |
| - | border-bottom: 1px solid #e7e7e7;
| |
| - | text-shadow: 1px 1px #fff;
| |
| - | }
| |
| - | #featured h2 {
| |
| - | font-size: 1.174em;
| |
| - | line-height: 1;
| |
| - | }
| |
| - | #featured p {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | /* --------------- Highlighted ---------------- */
| |
| - |
| |
| - | #highlighted {
| |
| - | border-bottom: 1px solid #d3d7d9;
| |
| - | font-size: 120%;
| |
| - | }
| |
| - |
| |
| - | /* ------------------- Help ------------------- */
| |
| - |
| |
| - | .region-help {
| |
| - | border: 1px solid #d3d7d9;
| |
| - | padding: 0 1.5em;
| |
| - | margin-bottom: 30px;
| |
| | } | | } |
| | | | |
| Line 942: |
Line 442: |
| | .front .block p { | | .front .block p { |
| | line-height: 1.1em; | | line-height: 1.1em; |
| - | }
| |
| - | .node-teaser .content {
| |
| - | font-size: 1em;
| |
| - | }
| |
| - | .node-teaser h2 {
| |
| - | margin-top: 0;
| |
| - | padding-top: 0.5em;
| |
| - | }
| |
| - | .node-teaser h2 a {
| |
| - | color: #181818;
| |
| - | }
| |
| - | .node-teaser {
| |
| - | border-bottom: 1px solid #d3d7d9;
| |
| - | margin-bottom: 30px;
| |
| - | padding-bottom: 15px;
| |
| - | }
| |
| - | .node-sticky {
| |
| - | background: #f9f9f9;
| |
| - | background: rgba(0, 0, 0, 0.024);
| |
| - | border: 1px solid #d3d7d9;
| |
| - | padding: 0 15px 15px;
| |
| - | }
| |
| - | .node-full {
| |
| - | background: none;
| |
| - | border: none;
| |
| - | padding: 0;
| |
| - | }
| |
| - | .node-teaser .content {
| |
| - | clear: none;
| |
| - | line-height: 1.6;
| |
| | } | | } |
| | .meta { | | .meta { |
| Line 982: |
Line 452: |
| | height: 20px; | | height: 20px; |
| | margin: 1px 5px 0 0; /* LTR */ | | margin: 1px 5px 0 0; /* LTR */ |
| - | }
| |
| - | .field-type-taxonomy-term-reference {
| |
| - | margin: 0 0 1.2em;
| |
| - | }
| |
| - | .field-type-taxonomy-term-reference .field-label {
| |
| - | font-weight: normal;
| |
| - | margin: 0;
| |
| - | padding-right: 5px; /* LTR */
| |
| - | }
| |
| - | .field-type-taxonomy-term-reference .field-label,
| |
| - | .field-type-taxonomy-term-reference ul.links {
| |
| - | font-size: 0.8em;
| |
| - | }
| |
| - | .node-teaser .field-type-taxonomy-term-reference .field-label,
| |
| - | .node-teaser .field-type-taxonomy-term-reference ul.links {
| |
| - | font-size: 0.821em;
| |
| - | }
| |
| - | .field-type-taxonomy-term-reference ul.links {
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | list-style: none;
| |
| - | }
| |
| - | .field-type-taxonomy-term-reference ul.links li {
| |
| - | float: left; /* LTR */
| |
| - | padding: 0 1em 0 0; /* LTR */
| |
| - | white-space: nowrap;
| |
| | } | | } |
| | .link-wrapper { | | .link-wrapper { |
| Line 1,083: |
Line 527: |
| | #igem-footer .block h2 { | | #igem-footer .block h2 { |
| | margin: 0; | | margin: 0; |
| - | }
| |
| - |
| |
| - | /* --------------- System Tabs --------------- */
| |
| - |
| |
| - | .tabs {
| |
| - | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - | .tabs ul.primary {
| |
| - | padding: 0 3px;
| |
| - | margin: 0;
| |
| - | overflow: hidden;
| |
| - | border: none;
| |
| - | background: transparent url(../images/tabs-border.png) repeat-x left bottom;
| |
| - | }
| |
| - | .tabs ul.primary li {
| |
| - | display: block;
| |
| - | float: left; /* LTR */
| |
| - | vertical-align: bottom;
| |
| - | margin: 0 5px 0 0; /* LTR */
| |
| - | }
| |
| - | .tabs ul.primary li.active a {
| |
| - | border-bottom: 1px solid #ffffff;
| |
| - | }
| |
| - | .tabs ul.primary li a {
| |
| - | color: #000;
| |
| - | background-color: #ededed;
| |
| - | height: 1.8em;
| |
| - | line-height: 1.9;
| |
| - | display: block;
| |
| - | font-size: 0.929em;
| |
| - | float: left; /* not LTR */
| |
| - | padding: 0 10px 3px;
| |
| - | margin: 0;
| |
| - | text-shadow: 0 1px 0 #fff;
| |
| - | -khtml-border-radius-topleft: 6px;
| |
| - | -moz-border-radius-topleft: 6px;
| |
| - | -webkit-border-top-left-radius: 6px;
| |
| - | border-top-left-radius: 6px;
| |
| - | -khtml-border-radius-topright: 6px;
| |
| - | -moz-border-radius-topright: 6px;
| |
| - | -webkit-border-top-right-radius: 6px;
| |
| - | border-top-right-radius: 6px;
| |
| - | }
| |
| - | .tabs ul.primary li.active a {
| |
| - | background-color: #ffffff;
| |
| - | }
| |
| - | .tabs ul.secondary {
| |
| - | border-bottom: none;
| |
| - | padding: 0.5em 0;
| |
| - | }
| |
| - | .tabs ul.secondary li {
| |
| - | display: block;
| |
| - | float: left; /* LTR */
| |
| - | }
| |
| - | .tabs ul.secondary li:last-child {
| |
| - | border-right: none; /* LTR */
| |
| - | }
| |
| - | .tabs ul.secondary li:first-child {
| |
| - | padding-left: 0; /* LTR */
| |
| - | }
| |
| - | .tabs ul.secondary li a {
| |
| - | padding: 0.25em 0.5em;
| |
| - | }
| |
| - | .tabs ul.secondary li a.active {
| |
| - | background: #f2f2f2;
| |
| - | border-bottom: none;
| |
| - | -moz-border-radius: 5px;
| |
| - | -webkit-border-radius: 5px;
| |
| - | -khtml-border-radius: 5px;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - | ul.action-links {
| |
| - | list-style: none;
| |
| - | margin: 5px;
| |
| - | padding: 0.5em 1em;
| |
| - | }
| |
| - | ul.action-links li {
| |
| - | display: inline-block;
| |
| - | margin-left: 10px;
| |
| - | }
| |
| - | ul.action-links li a {
| |
| - | padding-left: 15px;
| |
| - | background: url(../images/add.png) no-repeat left center;
| |
| - | margin: 0 10px 0 0;
| |
| | } | | } |
| | | | |
| Line 1,176: |
Line 535: |
| | font-family: Helvetica; | | font-family: Helvetica; |
| | } | | } |
| - | div.front #page-title {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| | #main-menu a { | | #main-menu a { |
| | color: #707070; | | color: #707070; |
| Line 1,225: |
Line 582: |
| | /* Bacteria Stats Block */ | | /* Bacteria Stats Block */ |
| | #block-block-2 { | | #block-block-2 { |
| - | left: 20px; | + | right: 150px; |
| | top: -150px; | | top: -150px; |
| | } | | } |
| Line 1,244: |
Line 601: |
| | font-size: 24px; | | font-size: 24px; |
| | font-weight: bold; | | font-weight: bold; |
| - | font-family: neuropol, "Courier New";
| |
| - |
| |
| | } | | } |
| | | | |
| Line 1,281: |
Line 636: |
| | } | | } |
| | | | |
| - | #block-views-photo-gallery-block-1, | + | #block-block-9, |
| | #block-block-4, | | #block-block-4, |
| | #block-block-5 { | | #block-block-5 { |
| Line 1,293: |
Line 648: |
| | clear: right; | | clear: right; |
| | } | | } |
| - | #block-views-photo-gallery-block-1 h2, | + | #block-block-9 h2, |
| | #block-block-4 h2, | | #block-block-4 h2, |
| | #block-block-5 h2 { | | #block-block-5 h2 { |
| Line 1,299: |
Line 654: |
| | margin: 0; | | margin: 0; |
| | padding: 0; | | padding: 0; |
| - | font-family: neuropol, "Courier New";
| |
| - | }
| |
| - |
| |
| - | #block-views-photo-gallery-block-1 td,
| |
| - | #block-views-photo-gallery-block-1 tr,
| |
| - | #block-views-photo-gallery-block-1 img,
| |
| - | #block-views-photo-gallery-block-1 th {
| |
| - | padding: 1px !important;
| |
| - | margin: 0 !important;
| |
| | } | | } |
| | | | |
| Line 1,316: |
Line 662: |
| | } | | } |
| | | | |
| - | #block-views-photo-gallery-block-1 .more-link { | + | #block-block-9 li { |
| | + | list-style: none; |
| | + | text-align: center; |
| | + | } |
| | + | #block-block-9 img { |
| | + | border: solid black 1px; |
| | + | } |
| | + | |
| | + | #block-block-9 .more-link, |
| | + | #block-block-6 .more-link, |
| | + | #block-block-4 .more-link, |
| | + | #block-block-5 .more-link { |
| | font-size: 12px; | | font-size: 12px; |
| - | padding: 0 5px;; | + | padding: 5px 5px; |
| | margin: 0; | | margin: 0; |
| - | line-height: 10px; | + | margin-top: 10px; |
| | + | line-height: 14px; |
| | } | | } |
| | | | |
| Line 1,463: |
Line 821: |
| | | | |
| | #main-menu { | | #main-menu { |
| - | text-align: center; | + | text-align: left; |
| | padding: 0; | | padding: 0; |
| - | width: 950px; | + | width: 250px; |
| - | height: 80px; | + | height: 690px; |
| | overflow: hidden; | | overflow: hidden; |
| | + | position: fixed; |
| | + | left: 0; |
| | + | top: 50px; |
| | + | z-index: 9999; |
| | + | |
| | } | | } |
| | #main-menu-links { | | #main-menu-links { |
| Line 1,473: |
Line 836: |
| | } | | } |
| | #main-menu-links li { | | #main-menu-links li { |
| - | display: inline-block; | + | display: block; |
| | + | clear: both; |
| | list-style: none; | | list-style: none; |
| | padding: 0; | | padding: 0; |
| Line 1,563: |
Line 927: |
| | background: url('https://static.igem.org/mediawiki/2012/e/ea/Aseatobacter-NAV-Profile.png') left center no-repeat; | | background: url('https://static.igem.org/mediawiki/2012/e/ea/Aseatobacter-NAV-Profile.png') left center no-repeat; |
| | } | | } |
| - |
| |
| - |
| |
| - | /* --------------- Secondary Menu ------------ */
| |
| - |
| |
| - | #secondary-menu-links {
| |
| - | float: right; /* LTR */
| |
| - | font-size: 0.929em;
| |
| - | margin: 10px 10px 0;
| |
| - | }
| |
| - | #secondary-menu-links a:hover,
| |
| - | #secondary-menu-links a:focus {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| | | | |
| | /* Page titles */ | | /* Page titles */ |
| Line 1,643: |
Line 993: |
| | } | | } |
| | | | |
| - | div.front #main-inner #block-views-photo-gallery-block-1, | + | div.front #main-inner #block-block-9, |
| | div.front #main-inner #block-block-4, | | div.front #main-inner #block-block-4, |
| | div.front #main-inner #block-block-5 { | | div.front #main-inner #block-block-5 { |
| Line 1,650: |
Line 1,000: |
| | color: black; | | color: black; |
| | } | | } |
| - | div.front #main-inner #block-views-photo-gallery-block-1 a, | + | div.front #main-inner #block-block-9 a, |
| | div.front #main-inner #block-block-4 a, | | div.front #main-inner #block-block-4 a, |
| | div.front #main-inner #block-block-5 a, | | div.front #main-inner #block-block-5 a, |
| Line 1,672: |
Line 1,022: |
| | border: 0; | | border: 0; |
| | padding: 0; | | padding: 0; |
| - | font-family: neuropol, "Courier New";
| |
| | font-size: 20px; | | font-size: 20px; |
| | } | | } |
| Line 1,709: |
Line 1,058: |
| | color: white; | | color: white; |
| | padding-bottom: 5px; | | padding-bottom: 5px; |
| - | font-family: neuropol, "Courier New";
| |
| | font-size: 10px; | | font-size: 10px; |
| | } | | } |
| Line 1,762: |
Line 1,110: |
| | color: #000; | | color: #000; |
| | border: none; | | border: none; |
| - | font-family: neuropol, "Courier New";
| |
| | } | | } |
| | #site-name a { | | #site-name a { |
| Line 1,796: |
Line 1,143: |
| | margin: 0 15px 15px 0; | | margin: 0 15px 15px 0; |
| | } | | } |
| - |
| |
| | .view-team h3 { | | .view-team h3 { |
| - | font-family: neuropol, "Courier New";
| |
| | color: black; | | color: black; |
| | } | | } |
| | .view-team .views-label { | | .view-team .views-label { |
| - | font-family: neuropol, "Courier New";
| |
| | font-size: 1.4em; | | font-size: 1.4em; |
| | color: #C4C487; | | color: #C4C487; |
| Line 1,809: |
Line 1,153: |
| | font-size: 22pt; | | font-size: 22pt; |
| | color: white; | | color: white; |
| - | font-family: neuropol, "Courier New";
| |
| | } | | } |
| | #main .view-team div.field-content { | | #main .view-team div.field-content { |
| | padding: 0; | | padding: 0; |
| | margin: 0; | | margin: 0; |
| - | line-height: 10px; | + | line-height: 20px; |
| | + | } |
| | + | .view-team td { |
| | + | width: 50%; |
| | + | height: 150px; |
| | + | vertical-align: top; |
| | } | | } |
| - |
| |
| | .aseato { | | .aseato { |
| | color: black; | | color: black; |
| - | font-family: neuropol, "Courier New";
| |
| | font-size: 1.4em; | | font-size: 1.4em; |
| | + | } |
| | + | |
| | + | #top-main-menu { |
| | + | width: 100%; |
| | + | height: 30px; |
| | + | text-align: center; |
| | + | position: absolute; |
| | + | top: 0; |
| | + | left: 0; |
| | + | margin: 0; |
| | + | background: black; |
| | + | font-size: 15px; |
| | + | z-index: 10; |
| | + | } |
| | + | #top-main-menu li { |
| | + | display: inline-block; |
| | + | padding-right: 15px; |
| | + | } |
| | + | #top-main-menu li a { |
| | + | color: white; |
| | + | } |
| | + | #top-main-menu a:hover, |
| | + | #top-main-menu a.active { |
| | + | color: #757418; |
| | + | } |
| | + | |
| | + | #flickr-images li { |
| | + | list-style: none; |
| | + | display: inline-block; |
| | + | padding: 7px 9px; |
| | + | } |
| | + | #flickr-images li img { |
| | + | border: solid black 1px; |
| | } | | } |
| | </style></nowiki> | | </style></nowiki> |
| | </head> | | </head> |
| | </html> | | </html> |
"
