Team:NYU Gallatin/Templates/Styles

From 2012.igem.org

(Difference between revisions)
(Aseatobacter - Stylesheet (DRAFT))
 
(19 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
<nowiki><style>
<nowiki><style>
/*  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 67: 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 86: Line 59:
}
}
-
#top-section, #footer-box {
 
-
  display: none !important;
 
-
}
 
/* ---------- Basic Layout Styles ----------- */
/* ---------- Basic Layout Styles ----------- */
Line 134: 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 180: Line 143:
#globalWrapper {
#globalWrapper {
   z-index: 1;
   z-index: 1;
 +
  padding: 0px !important;
 +
}
 +
#contentSub {
 +
  border: solid black 1px;
}
}
#canvas {
#canvas {
Line 187: 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 374: 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 419: 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 475: Line 225:
a:focus {
a:focus {
   text-decoration: underline;
   text-decoration: underline;
-
}
 
-
h1,
 
-
h2,
 
-
h3,
 
-
h4,
 
-
h5,
 
-
h6 {
 
-
  margin: 1.0em 0 0.5em;
 
-
  font-weight: inherit;
 
-
}
 
-
h1 {
 
-
  font-size: 1.357em;
 
-
  color: #000;
 
-
}
 
-
h2 {
 
-
  font-size: 1.143em;
 
-
}
 
-
p {
 
-
  margin: 0 0 1.2em;
 
-
}
 
-
del {
 
-
  text-decoration: line-through;
 
}
}
tr.odd {
tr.odd {
-
   background-color: #dddddd;
+
   background-color: #e8e9dc;
}
}
img {
img {
   outline: 0;
   outline: 0;
}
}
-
code,
 
-
pre,
 
-
kbd,
 
-
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;
 
-
}
 
-
 
/* ------------------ Fonts ------------------ */
/* ------------------ Fonts ------------------ */
Line 561: Line 237:
#header,
#header,
#footer-wrapper,
#footer-wrapper,
-
#skip-link,
 
ul.contextual-links,
ul.contextual-links,
ul.links,
ul.links,
Line 581: Line 256:
}
}
-
/* ------------------ 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 622: Line 262:
   border: 0;
   border: 0;
   border-spacing: 0;
   border-spacing: 0;
-
   font-size: 0.857em;
+
   font-size: 0.7em;
   margin: 10px 0;
   margin: 10px 0;
   width: 100%;
   width: 100%;
 +
  border: solid #909268 1px;
 +
  border-right: none;
 +
  border-top: none;
}
}
table table {
table table {
Line 633: Line 276:
}
}
table tr th {
table tr th {
-
   background: #757575;
+
   background: #53561d;
-
   background: rgba(0, 0, 0, 0.51);
+
   color: #fff;
   border-bottom-style: none;
   border-bottom-style: none;
}
}
Line 642: Line 285:
   color: #FFF;
   color: #FFF;
   font-weight: bold;
   font-weight: bold;
 +
  font-size: 0.9em;
}
}
table tbody tr th {
table tbody tr th {
Line 649: Line 293:
tr th {
tr th {
   padding: 4px 9px;
   padding: 4px 9px;
-
   border: 1px solid #fff;
+
   border: solid #909268 1px;
 +
  border-left: none;
 +
  border-bottom: none;
   text-align: left; /* LTR */
   text-align: left; /* LTR */
 +
  vertical-align: top;
 +
}
 +
 +
tr td.last,
 +
tr th {
 +
}
}
#footer-wrapper tr td,
#footer-wrapper tr td,
Line 687: Line 339:
ul.menu li {
ul.menu li {
   margin: 0;
   margin: 0;
 +
  list-style: none;
}
}
.region-content ul,
.region-content ul,
Line 699: Line 352:
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 708: Line 369:
#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 714: Line 375:
   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 728: Line 388:
   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 873: Line 397:
   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 940: Line 426:
.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 980: Line 436:
   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,081: Line 511:
#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,174: Line 519:
   font-family: Helvetica;
   font-family: Helvetica;
}
}
-
div.front #page-title {
+
 
-
  display: none;
+
-
}
+
#main-menu a {
#main-menu a {
   color: #707070;
   color: #707070;
Line 1,184: Line 527:
   top: 0;
   top: 0;
   left: 0;
   left: 0;
 +
}
 +
 +
.lightbox2-alt-layout #imageData #bottomNav, .lightbox2-alt-layout-data #bottomNav {
 +
  margin-bottom: 0;
}
}
Line 1,219: Line 566:
/* Bacteria Stats Block */
/* Bacteria Stats Block */
#block-block-2 {
#block-block-2 {
-
   left: 20px;
+
   right: 150px;
   top: -150px;
   top: -150px;
}
}
Line 1,238: Line 585:
   font-size: 24px;
   font-size: 24px;
   font-weight: bold;
   font-weight: bold;
-
  font-family: neuropol, "Courier New";
 
-
 
 
}
}
Line 1,275: Line 620:
}
}
-
#block-views-photo-gallery-block-1,
+
#block-block-9,
#block-block-4,
#block-block-4,
#block-block-5 {
#block-block-5 {
Line 1,287: Line 632:
   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,293: Line 638:
   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,310: Line 646:
}
}
-
#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,457: Line 805:
#main-menu {
#main-menu {
-
  text-align: center;
+
    height: 80px;
-
  padding: 0;
+
    overflow: hidden;
-
  width: 950px;
+
    padding: 0;
-
  height: 80px;
+
    text-align: center;
-
  overflow: hidden;
+
    width: 970px;
 +
    z-index: 9999;
}
}
#main-menu-links {
#main-menu-links {
Line 1,504: Line 853:
}
}
#main-menu-links a:hover,
#main-menu-links a:hover,
-
#main-menu-links a:focus {
+
#main-menu-links a:focus,
 +
#main-menu-links a.active {
   opacity:1.0;
   opacity:1.0;
   filter:alpha(opacity=100); /* For IE8 and earlier */
   filter:alpha(opacity=100); /* For IE8 and earlier */
Line 1,523: Line 873:
/* Home */
/* Home */
#main-menu-links li.menu-218 a {
#main-menu-links li.menu-218 a {
-
   background: url(../images/nav/home.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/5/56/Aseatobacter-NAV-Home.png') left center no-repeat;
}
}
/* Team */
/* Team */
#main-menu-links li.menu-388 a {
#main-menu-links li.menu-388 a {
-
   background: url(../images/nav/home.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/7/73/Aseatobacter-NAV-Team.png') left center no-repeat;
}
}
/* Project */
/* Project */
#main-menu-links li.menu-307 a {
#main-menu-links li.menu-307 a {
-
   background: url(../images/nav/home.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/d/d2/Aseatobacter-NAV-Project.png') left center no-repeat;
}
}
/* Parts */
/* Parts */
#main-menu-links li.menu-308 a {
#main-menu-links li.menu-308 a {
-
   background: url(../images/nav/parts.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/d/d6/Aseatobacter-NAV-Parts.png') left center no-repeat;
}
}
/* Modeling */
/* Modeling */
#main-menu-links li.menu-310 a {
#main-menu-links li.menu-310 a {
-
   background: url(../images/nav/modeling.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/e/ed/Aseatobacter-NAV-Modeling.png') left center no-repeat;
}
}
/* Notebook */
/* Notebook */
-
#main-menu-links li.menu-311 a {
+
#main-menu-links li.menu-584 a {
-
   background: url(../images/nav/notebook.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/e/e8/Aseatobacter-NAV-Notebook.png') left center no-repeat;
}
}
/* Safety */
/* Safety */
#main-menu-links li.menu-312 a {
#main-menu-links li.menu-312 a {
-
   background: url(../images/nav/safety.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/5/5f/Aseatobacter-NAV-Safety.png') left center no-repeat;
}
}
/* Attributions */
/* Attributions */
#main-menu-links li.menu-313 a {
#main-menu-links li.menu-313 a {
-
   background: url(../images/nav/home.png) left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/c/c9/Aseatobacter-NAV-Attributions.png') left center no-repeat;
}
}
/* Profile */
/* Profile */
#main-menu-links li.menu-306 a {
#main-menu-links li.menu-306 a {
-
   background: url(../images/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  */
div.page-team #page-title {
div.page-team #page-title {
   min-height: 30px;
   min-height: 30px;
-
   background: url('/sites/default/themes/igem/images/nav/small-safety.png') left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/d/d6/Aseatobacter-NAV-Small-Safety.png') left center no-repeat;
   padding-left: 40px;
   padding-left: 40px;
}
}
div.page-node-5 #page-title {
div.page-node-5 #page-title {
   min-height: 30px;
   min-height: 30px;
-
   background: url('/sites/default/themes/igem/images/nav/small-modeling.png') left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/d/d5/Aseatobacter-NAV-Small-Modeling.png') left center no-repeat;
   padding-left: 40px;
   padding-left: 40px;
}
}
Line 1,586: Line 922:
div.page-node-3 #page-title {
div.page-node-3 #page-title {
   min-height: 30px;
   min-height: 30px;
-
   background: url('/sites/default/themes/igem/images/nav/small-home.png') left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/4/41/Aseatobacter-NAV-Small-Home.png') left center no-repeat;
   padding-left: 40px;
   padding-left: 40px;
}
}
div.page-node-4 #page-title {
div.page-node-4 #page-title {
   min-height: 30px;
   min-height: 30px;
-
   background: url('/sites/default/themes/igem/images/nav/small-parts.png') left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/e/ea/Aseatobacter-NAV-Small-Parts.png') left center no-repeat;
   padding-left: 40px;
   padding-left: 40px;
}
}
div.page-node-6 #page-title {
div.page-node-6 #page-title {
   min-height: 30px;
   min-height: 30px;
-
   background: url('/sites/default/themes/igem/images/nav/small-notebook.png') left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/b/b7/Aseatobacter-NAV-Small-Notebook.png') left center no-repeat;
   padding-left: 40px;
   padding-left: 40px;
}
}
div.page-node-7 #page-title {
div.page-node-7 #page-title {
   min-height: 30px;
   min-height: 30px;
-
   background: url('/sites/default/themes/igem/images/nav/small-safety.png') left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/d/d6/Aseatobacter-NAV-Small-Safety.png') left center no-repeat;
   padding-left: 40px;
   padding-left: 40px;
}
}
Line 1,607: Line 943:
div.page-node-8 #page-title {
div.page-node-8 #page-title {
   min-height: 30px;
   min-height: 30px;
-
   background: url('/sites/default/themes/igem/images/nav/small-home.png') left center no-repeat;
+
   background: url('https://static.igem.org/mediawiki/2012/4/41/Aseatobacter-NAV-Small-Home.png') left center no-repeat;
   padding-left: 40px;
   padding-left: 40px;
}
}
Line 1,631: Line 967:
.one-sidebar #igem-content,
.one-sidebar #igem-content,
div.front #main-inner .block {
div.front #main-inner .block {
-
   background: transparent url('../images/trans-bg.png');
+
   background: transparent url('https://static.igem.org/mediawiki/2012/c/cf/Aseatobacter-IMAGES-trans-bg.png');
   -moz-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   border-radius: 15px;
Line 1,637: Line 973:
}
}
-
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,644: Line 980:
   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,666: Line 1,002:
   border: 0;
   border: 0;
   padding: 0;
   padding: 0;
-
  font-family: neuropol, "Courier New";
 
   font-size: 20px;
   font-size: 20px;
}
}
Line 1,683: Line 1,018:
   border-bottom: 1px solid #ffffff;
   border-bottom: 1px solid #ffffff;
}
}
-
a {
+
a, a:visited, a:active {
   color: #C4C487;
   color: #C4C487;
}
}
Line 1,696: Line 1,031:
#main-menu-links a span {
#main-menu-links a span {
   border: solid black 2px;
   border: solid black 2px;
-
   background: transparent url('../images/trans-bg.png');
+
   background: transparent url('https://static.igem.org/mediawiki/2012/c/cf/Aseatobacter-IMAGES-trans-bg.png');
   color: black;
   color: black;
}
}
Line 1,703: Line 1,038:
   color: white;
   color: white;
   padding-bottom: 5px;
   padding-bottom: 5px;
-
  font-family: neuropol, "Courier New";
 
   font-size: 10px;
   font-size: 10px;
}
}
Line 1,756: Line 1,090:
   color: #000;
   color: #000;
   border: none;
   border: none;
-
  font-family: neuropol, "Courier New";
 
}
}
#site-name a {
#site-name a {
Line 1,790: Line 1,123:
   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,803: Line 1,133:
   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;
 +
}
 +
 +
table a:link, table a:visited, table a:active {
 +
  color: black;
 +
  text-decoration: underline;
 +
}
 +
table a:hover {
 +
  color: black;
 +
  text-decoration: underline;
 +
}
 +
 +
ul li {
 +
  list-style-image: none;
 +
  list-style-type: square;
 +
}
 +
 +
ul li ul li {
 +
  list-style-image: none;
 +
  list-style-type: circle;
 +
}
 +
 +
img.border {
 +
  border: solid black 1px;
 +
}
 +
 +
#blog {
 +
  font-size: 0.9em;
}
}
</style></nowiki>
</style></nowiki>
 +
</head>
 +
</html>

Latest revision as of 02:48, 4 October 2012