Template:Team:Aberdeen Scotland/CSS

From 2014.igem.org

(Difference between revisions)
 
(164 intermediate revisions not shown)
Line 1: Line 1:
 +
/* REMOVE WIKI STYLING */
 +
 +
body, html, #globalWrapper, #content {
 +
background: transparent;
 +
margin: 0;
 +
padding: 0;
 +
border: 0 none transparent;
 +
font-size: 1em;
 +
width: auto;
 +
border-top: 1px solid transparent;
 +
margin-top: -1px;
 +
}
 +
 +
#top-section {
 +
border: 0 none transparent;
 +
margin: auto;
 +
padding: 0;
 +
width: 975px;
 +
height: 1.5em;
 +
margin-bottom: -1.5em;
 +
text-decoration: none;
 +
}
 +
 +
li.selected a {
 +
border: 0 none transparent;
 +
color: transparent;
 +
margin: auto;
 +
padding: 0;
 +
width: 975px;
 +
height: 1.5em;
 +
margin-bottom: -1.5em;
 +
text-decoration: none;
 +
}
 +
 +
#menubar.left-menu li {
 +
color: transparent;
 +
}
 +
 +
#top-section:hover #menubar * {
 +
color: blue !important;
 +
text-decoration: none;
 +
}
 +
 +
#top-section:hover #menubar.left-menu {
 +
background: rgba(255, 255, 255, 0.75) !important;
 +
}
 +
#search-controls{
 +
        height: 0px;
 +
        display: none !important;
 +
}
 +
 +
#content>p:first-child {
 +
        margin: 0;
 +
        height: 0;
 +
        display: none;
 +
}
 +
 +
.toc {
 +
        display: none;
 +
}
 +
 +
.editsection {
 +
        display: none;
 +
}
 +
 +
 +
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;}
 +
 +
/* END OF STYLING REMOVAL*/
 +
 +
#top, .firstHeading {
#top, .firstHeading {
display: none;
display: none;
}
}
 +
 +
body {
body {
Line 7: Line 80:
color: #8B2942;
color: #8B2942;
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
 +
}
 +
 +
table {
 +
color: #8B2942 !important;
}
}
Line 12: Line 89:
clear: both;
clear: both;
border: 1px dotted #8B2942;
border: 1px dotted #8B2942;
 +
}
 +
 +
.fl_left {
 +
float: left;
 +
margin-right: 15px;
}
}
* {
* {
-
    animation: none;
+
margin: 0px;
-
    animation-delay: 0;
+
padding: 0px;
-
    animation-direction: normal;
+
-
    animation-duration: 0;
+
-
    animation-fill-mode: none;
+
-
    animation-iteration-count: 1;
+
-
    animation-name: none;
+
-
    animation-play-state: running;
+
-
    animation-timing-function: ease;
+
-
    backface-visibility: visible;
+
-
    background: 0;
+
-
    background-attachment : scroll;
+
-
    background-clip: border-box;
+
-
    background-color: transparent;
+
-
    background-image: none;
+
-
    background-origin: padding-box;
+
-
    background-position: 0 0;
+
-
    background-position-x: 0;
+
-
    background-position-y: 0;
+
-
    background-repeat: repeat;
+
-
    background-size: auto auto;
+
-
    border: 0;
+
-
    border-style: none;
+
-
    border-width: medium;
+
-
    border-color: inherit;
+
-
    border-bottom: 0;
+
-
    border-bottom-color: inherit;
+
-
    border-bottom-left-radius: 0;
+
-
    border-bottom-right-radius: 0;
+
-
    border-bottom-style: none;
+
-
    border-bottom-width: medium;
+
-
    border-collapse: separate;
+
-
    border-image: none;
+
-
    border-left: 0;
+
-
    border-left-color: inherit;
+
-
    border-left-style: none;
+
-
    border-left-width: medium;
+
-
    border-radius: 0;
+
-
    border-right: 0;
+
-
    border-right-color: inherit;
+
-
    border-right-style: none;
+
-
    border-right-width: medium;
+
-
    border-spacing: 0;
+
-
    border-top: 0;
+
-
    border-top-color: inherit;
+
-
    border-top-left-radius: 0;
+
-
    border-top-right-radius: 0;
+
-
    border-top-style: none;
+
-
    border-top-width: medium;
+
-
    bottom: auto;
+
-
    box-shadow: none;
+
-
    box-sizing: content-box;
+
-
    caption-side: top;
+
-
    clear: none;
+
-
    clip: auto;
+
-
    color: inherit;
+
-
    columns: auto;
+
-
    column-count: auto;
+
-
    column-fill: balance;
+
-
    column-gap: normal;
+
-
    column-rule: medium none currentColor;
+
-
    column-rule-color: currentColor;
+
-
    column-rule-style: none;
+
-
    column-rule-width: none;
+
-
    column-span: 1;
+
-
    column-width: auto;
+
-
    content: normal;
+
-
    counter-increment: none;
+
-
    counter-reset: none;
+
-
    cursor: auto;
+
-
    direction: ltr;
+
-
    display: inline;
+
-
    empty-cells: show;
+
-
    float: none;
+
-
    font: normal;
+
-
    font-family: inherit;
+
-
    font-size: medium;
+
-
    font-style: normal;
+
-
    font-variant: normal;
+
-
    font-weight: normal;
+
-
    height: auto;
+
-
    hyphens: none;
+
-
    left: auto;
+
-
    letter-spacing: normal;
+
-
    line-height: normal;
+
-
    list-style: none;
+
-
    list-style-image: none;
+
-
    list-style-position: outside;
+
-
    list-style-type: disc;
+
-
    margin: 0;
+
-
    margin-bottom: 0;
+
-
    margin-left: 0;
+
-
    margin-right : 0;
+
-
    margin-top: 0;
+
-
    max-height: none;
+
-
    max-width: none;
+
-
    min-height: 0;
+
-
    min-width: 0;
+
-
    opacity: 1;
+
-
    orphans: 0;
+
-
    outline: 0;
+
-
    outline-color: invert;
+
-
    outline-style: none;
+
-
    outline-width: medium;
+
-
    overflow: visible;
+
-
    overflow-x: visible;
+
-
    overflow-y: visible;
+
-
    padding: 0;
+
-
    padding-bottom: 0;
+
-
    padding-left: 0;
+
-
    padding-right: 0;
+
-
    padding-top: 0;
+
-
    page-break-after: auto;
+
-
    page-break-before: auto;
+
-
    page-break-inside: auto;
+
-
    perspective: none;
+
-
    perspective-origin: 50% 50%;
+
-
    position: static;
+
-
    /* May need to alter quotes for different locales (e.g fr) */
+
-
    quotes: '\201C' '\201D' '\2018' '\2019';
+
-
    right: auto;
+
-
    tab-size: 8;
+
-
    table-layout: auto;
+
-
    text-align: inherit;
+
-
    text-align-last: auto;
+
-
    text-decoration: none;
+
-
    text-decoration-color: inherit;
+
-
    text-decoration-line: none;
+
-
    text-decoration-style: solid;
+
-
    text-indent: 0;
+
-
    text-shadow: none;
+
-
    text-transform: none;
+
-
    top: auto;
+
-
    transform: none;
+
-
    transform-style: flat;
+
-
    transition: none;
+
-
    transition-delay: 0s;
+
-
    transition-duration: 0s;
+
-
    transition-property: none;
+
-
    transition-timing-function: ease;
+
-
    unicode-bidi: normal;
+
-
    vertical-align: baseline;
+
-
    visibility: visible;
+
-
    white-space: normal;
+
-
    widows: 0;
+
-
    width: auto;
+
-
    word-spacing: normal;
+
-
    z-index: auto;
+
}
}
Line 186: Line 122:
width: 975px;
width: 975px;
margin: auto;
margin: auto;
 +
text-align: left;
}
}
-
#wrapper h1 {
+
#wrapper h1, h2, h3, h4, h5, h6 {
-
+
color: #8B2942;
 +
font-family: Arial, Helvetica, sans-serif;
 +
border: none;
}
}
Line 269: Line 208:
background-repeat: no-repeat;
background-repeat: no-repeat;
width: 114px;
width: 114px;
-
height: 29px;
+
height: 30px;
-
padding-top: 5px;
+
padding-top: 4px;
display: block;
display: block;
 +
z-index: 1;
}
}
Line 308: Line 248:
#sidebar {
#sidebar {
 +
background: #8B2942;
float: left;
float: left;
margin: 0;
margin: 0;
-
padding-left: 20px;
+
width: 150px;
-
width: 130px;
+
display: inline-block;
display: inline-block;
 +
}
 +
 +
.sidebar {
 +
display: block;
 +
height: 100%;
 +
}
 +
 +
.sidebar li {
 +
display: block;
 +
background: #8B2942;
 +
color: #FFF;
 +
margin: 0;
 +
padding: 0;
 +
padding-top: 3px;
 +
padding-bottom: 3px;
 +
}
 +
 +
.sidebar li.curr {
 +
background: #FFF;
 +
color: #8B2942;
 +
}
 +
 +
.sidebar li:hover {
 +
background: #FFF;
 +
color: #8B2942;
 +
}
 +
 +
.sidebar li.curr:hover {
 +
 +
}
 +
 +
.sidebar li a {
 +
display: block;
 +
color: #FFF;
 +
margin-left: 3px;
 +
padding-left: 20px;
 +
width: 125px;
 +
text-decoration: none;
 +
border-left: 2px solid #FFF;
 +
}
 +
 +
.sidebar li a:hover {
 +
color: #8B2942;
 +
border-left: 2px solid #8B2942;
 +
}
 +
 +
.sidebar li a.curr {
 +
color: #8B2942;
 +
border-left: 2px solid #8B2942;
 +
}
 +
 +
.sidebar li a.curr:hover {
 +
}
}
Line 318: Line 311:
clear: right;
clear: right;
float: right;
float: right;
-
width: 825px;
+
width: 775px;
 +
padding-left: 25px;
 +
padding-right: 25px;
display: inline-block;
display: inline-block;
-
 
}
}
-
#t_overview {
+
#container img {
-
float: left;
+
max-width: 775px;
}
}
-
#t_overview h1 {
+
.t_overview {
 +
display: block;
float: left;
float: left;
 +
margin-bottom: 20px;
 +
}
 +
 +
.t_overview h1 {
padding-top: 1px;
padding-top: 1px;
 +
margin-bottom: 10px;
 +
}
 +
 +
.t_overview p {
 +
margin-top: 5px;
 +
margin-bottom: 5px;
 +
}
 +
 +
ul.back_button {
 +
display: inline-block;
 +
}
 +
 +
ul.back_button li {
 +
margin: 10px;
 +
}
 +
 +
.back_button li a {
 +
padding-top: 6px;
 +
padding-bottom: 6px;
 +
padding-left: 7px;
 +
padding-right: 7px;
 +
text-decoration: none;
 +
color: #FFF;
 +
background: #8B2942;
 +
border: 2px solid #8B2942;
 +
}
 +
 +
.back_button li a:hover {
 +
color: #8B2942;
 +
background: #FFF;
 +
}
 +
 +
.external {
 +
display: block;
 +
float: left;
 +
}
 +
 +
.main_content {
 +
text-align: justify;
 +
    text-justify: inter-word;
 +
}
 +
 +
.main_content p {
 +
text-indent: 50px;
 +
margin-top: 16px;
 +
margin-bottom: 16px;
 +
}
 +
 +
.main_content ul {
 +
padding-left: 25px;
}
}
-
#t_overview p {
+
.main_content ol {
-
margin: 2px;
+
padding-right: 25px;
}
}
Line 344: Line 393:
float: left;
float: left;
display: block;
display: block;
-
/*background: rgba(139, 41, 66,0.1);*/
 
-
-webkit-box-sizing: border-box;
 
-
  -moz-box-sizing: border-box;
 
-
        box-sizing: border-box;
 
-
border: 20px solid #FFF;
 
-
-webkit-border-radius: 30px;
 
-
        border-radius: 30px;
 
}
}
#member div {
#member div {
-
display: inline-block;
+
display: block;
}
}
Line 364: Line 406:
float: right;
float: right;
height: auto;
height: auto;
-
max-width: 190px;
+
max-width: 190px !important;
margin-left: 25px;
margin-left: 25px;
margin-right: 25px;
margin-right: 25px;
Line 383: Line 425:
.member_descr {
.member_descr {
margin: auto;
margin: auto;
-
padding: 15px;
+
margin-bottom: 25px;
-
display: inline-block;
+
text-align: justify;
text-align: justify;
}
}
Line 391: Line 432:
margin-top: 0px;
margin-top: 0px;
font-size: 20px;
font-size: 20px;
 +
font-weight: bold;
 +
text-indent: 25px;
}
}
.member_descr p {
.member_descr p {
 +
text-indent: 25px;
}
}
Line 407: Line 451:
margin-top: 0px;
margin-top: 0px;
display: inline-block;
display: inline-block;
 +
}
 +
 +
.sponsors {
 +
padding-top: 15px;
 +
padding-bottom: 15px;
}
}
.sponsors li a img {
.sponsors li a img {
width: 150px;
width: 150px;
 +
}
 +
 +
.attributions {
 +
margin-top: 20px;
 +
width: 100%;
 +
/*display: block;*/
 +
}
 +
 +
.attributions li a img {
 +
display: block;
 +
max-width: 200px;
 +
max-height: 80px;
 +
margin-bottom: 20px;
 +
}
 +
 +
.at_name {
 +
text-decoration: none;
 +
line-height: 20px;
 +
float: right;
 +
}
 +
 +
.float {
 +
margin-top: 25px;
 +
margin-bottom: 25px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 90%;
 +
}
 +
 +
.center {
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 60%;
 +
}
 +
 +
.center img {
 +
max-width: 100% !important;
}
}

Latest revision as of 01:09, 18 October 2014

/* REMOVE WIKI STYLING */

body, html, #globalWrapper, #content { background: transparent; margin: 0; padding: 0; border: 0 none transparent; font-size: 1em; width: auto; border-top: 1px solid transparent; margin-top: -1px; }

  1. top-section {

border: 0 none transparent; margin: auto; padding: 0; width: 975px; height: 1.5em; margin-bottom: -1.5em; text-decoration: none; }

li.selected a { border: 0 none transparent; color: transparent; margin: auto; padding: 0; width: 975px; height: 1.5em; margin-bottom: -1.5em; text-decoration: none; }

  1. menubar.left-menu li {

color: transparent; }

  1. top-section:hover #menubar * {

color: blue !important; text-decoration: none; }

  1. top-section:hover #menubar.left-menu {

background: rgba(255, 255, 255, 0.75) !important; }

  1. search-controls{ 
       height: 0px;
       display: none !important;

}

  1. content>p:first-child { 
       margin: 0;
       height: 0;
       display: none;

}

.toc { 

       display: none;

}

.editsection { 

       display: none;

}


  1. contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;}

/* END OF STYLING REMOVAL*/


  1. top, .firstHeading {

display: none; }


body { background: #8B2942; /*E6E6E6*/ color: #8B2942; font-family: Arial, Helvetica, sans-serif; }

table { color: #8B2942 !important; }

.pg_break { clear: both; border: 1px dotted #8B2942; }

.fl_left { float: left; margin-right: 15px; }

  • {

margin: 0px; padding: 0px; }

p { margin: 0px; padding: 0px; }

a { margin: 0px; padding: 0px; text-decoration: none; }

ul { margin: 0px; padding: 0px; list-style: none; }

  1. wrapper{

background: #8B2942; width: 975px; margin: auto; text-align: left; }

  1. wrapper h1, h2, h3, h4, h5, h6 {

color: #8B2942; font-family: Arial, Helvetica, sans-serif; border: none; }

  1. header {

width: auto; margin: auto; }

.logo a { background-image: url(Head.png); background-repeat: no-repeat; display: block; width: 975px; height: 327px; z-index: -1; }

  1. navbar {

margin-top: -33px; z-index: 1; }

ul.navbar { float: center; margin: 0px; margin-left: 10px; padding: 0px; text-align: center; display: block; }

ul.navbar li { padding: 0px; margin: 0px; display: inline-block; float: left; }

.navbar li a { float: left; margin-top: 3px; margin-bottom: 1px; padding-left: 12px; padding-right: 12px; font-family: "Calibri", tahoma, arial, sans-serif; font-size: 18px; color: #FFF; background: #8B2942; line-height: 30px; text-decoration: none; border-right: 1px dotted #FFF; }

.navbar li a.Act { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }

.navbar li a:hover { background: #FFF; color: #8B2942; position: relative; margin-top: 0px; border-bottom: 3px solid #FFF; }

.navbar li a.Act:hover { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }

  1. social {

float: right; background: url(Blur.png); background-repeat: no-repeat; width: 114px; height: 30px; padding-top: 4px; display: block; z-index: 1; }

ul.social { display: block; }

.social li a { float: right; margin-right: 12px; width: 22px; height: 22px; display: inline-block; }

.social li a:hover { position: relative; margin-top: -2px; margin-left: -1px; margin-right: 13px; }

.social li a:hover img { display: block; width: 23px; height: 23px; }

  1. pcontent {

background: #FFF; color: #8B2942; margin-top: -1px; z-index: 1; display: inline-block; }

  1. sidebar {

background: #8B2942; float: left; margin: 0; width: 150px; display: inline-block; }

.sidebar { display: block; height: 100%; }

.sidebar li { display: block; background: #8B2942; color: #FFF; margin: 0; padding: 0; padding-top: 3px; padding-bottom: 3px; }

.sidebar li.curr { background: #FFF; color: #8B2942; }

.sidebar li:hover { background: #FFF; color: #8B2942; }

.sidebar li.curr:hover {

}

.sidebar li a { display: block; color: #FFF; margin-left: 3px; padding-left: 20px; width: 125px; text-decoration: none; border-left: 2px solid #FFF; }

.sidebar li a:hover { color: #8B2942; border-left: 2px solid #8B2942; }

.sidebar li a.curr { color: #8B2942; border-left: 2px solid #8B2942; }

.sidebar li a.curr:hover {

}

  1. container {

clear: right; float: right; width: 775px; padding-left: 25px; padding-right: 25px; display: inline-block; }

  1. container img {

max-width: 775px; }

.t_overview { display: block; float: left; margin-bottom: 20px; }

.t_overview h1 { padding-top: 1px; margin-bottom: 10px; }

.t_overview p { margin-top: 5px; margin-bottom: 5px; }

ul.back_button { display: inline-block; }

ul.back_button li { margin: 10px; }

.back_button li a { padding-top: 6px; padding-bottom: 6px; padding-left: 7px; padding-right: 7px; text-decoration: none; color: #FFF; background: #8B2942; border: 2px solid #8B2942; }

.back_button li a:hover { color: #8B2942; background: #FFF; }

.external { display: block; float: left; }

.main_content { text-align: justify; 

   text-justify: inter-word;

}

.main_content p { text-indent: 50px; margin-top: 16px; margin-bottom: 16px; }

.main_content ul { padding-left: 25px; }

.main_content ol { padding-right: 25px; }

  1. member {

}

div#member { width: 100%; float: left; display: block; }

  1. member div {

display: block; }

  1. members {

}

img.prof_pic { float: right; height: auto; max-width: 190px !important; margin-left: 25px; margin-right: 25px; margin-bottom: 5px; margin-top: 0px; }

  1. member img {

}

.name { float: left; margin: auto; padding: 15px; }

.member_descr { margin: auto; margin-bottom: 25px; text-align: justify; }

.member_descr h2 { margin-top: 0px; font-size: 20px; font-weight: bold; text-indent: 25px; }

.member_descr p { text-indent: 25px;

}

.clear { clear: both; }

  1. footer {

background: #FFF; color: #8B2942; width: 975px; margin-top: 0px; display: inline-block; }

.sponsors { padding-top: 15px; padding-bottom: 15px; }

.sponsors li a img { width: 150px; }

.attributions { margin-top: 20px; width: 100%; /*display: block;*/ }

.attributions li a img { display: block; max-width: 200px; max-height: 80px; margin-bottom: 20px; }

.at_name { text-decoration: none; line-height: 20px; float: right; }

.float { margin-top: 25px; margin-bottom: 25px; margin-left: auto; margin-right: auto; width: 90%; }

.center { display: block; margin-left: auto; margin-right: auto; width: 60%; }

.center img { max-width: 100% !important; }

Retrieved from "http://2014.igem.org/Template:Team:Aberdeen_Scotland/CSS"