Team:NYU Gallatin/Templates/Styles

From 2012.igem.org

(Difference between revisions)
m
(Updates to styling)
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>

Revision as of 18:31, 5 September 2012