Team:Linkoping Sweden/wiki
From 2014.igem.org
(Difference between revisions)
(41 intermediate revisions not shown) | |||
Line 10: | Line 10: | ||
} | } | ||
#globalWrapper {/* the wiki */ | #globalWrapper {/* the wiki */ | ||
- | |||
width:1100px; | width:1100px; | ||
height:auto; | height:auto; | ||
Line 16: | Line 15: | ||
padding:0; | padding:0; | ||
} | } | ||
- | #top-section{ | + | #top-section{ |
position:fixed; | position:fixed; | ||
margin:0; | margin:0; | ||
Line 26: | Line 25: | ||
z-index:3; | z-index:3; | ||
} | } | ||
- | #p-logo{ | + | #p-logo{ |
display:none; | display:none; | ||
} | } | ||
- | #menubar { | + | #menubar { |
display:none; | display:none; | ||
margin:0; | margin:0; | ||
Line 43: | Line 42: | ||
line-height:20px; | line-height:20px; | ||
} | } | ||
- | #menubar a{ | + | #menubar a{ |
color:white; | color:white; | ||
text-decoration:none; | text-decoration:none; | ||
Line 49: | Line 48: | ||
z-index:3; | z-index:3; | ||
} | } | ||
- | .left-menu{ | + | .left-menu{ |
float:left; | float:left; | ||
z-index:3; | z-index:3; | ||
} | } | ||
- | .right-menu{ | + | .right-menu{ |
float:right; | float:right; | ||
z-index:3; | z-index:3; | ||
} | } | ||
- | .right-menu a{ | + | .right-menu a{ |
} | } | ||
- | #search-controls{ | + | #search-controls{ |
display:none; | display:none; | ||
} | } | ||
- | #content{ | + | #content{ |
border:none; | border:none; | ||
padding:0; | padding:0; | ||
Line 69: | Line 68: | ||
width:100%; | width:100%; | ||
height:auto; | height:auto; | ||
- | + | background-color:transparent; | |
} | } | ||
- | .firstHeading { | + | .firstHeading { |
display:none; | display:none; | ||
border:none; | border:none; | ||
} | } | ||
- | #bodyContent{ | + | #bodyContent{ |
- | + | ||
border:none; | border:none; | ||
border-color:none; | border-color:none; | ||
Line 84: | Line 82: | ||
margin:0 auto; | margin:0 auto; | ||
} | } | ||
- | #footer-box{ | + | #footer-box{ |
width:1090px; | width:1090px; | ||
border:none; | border:none; | ||
Line 90: | Line 88: | ||
margin-bottom:50px; | margin-bottom:50px; | ||
color:white; | color:white; | ||
- | background:rgb(30,39,43); | + | background:transparent; |
+ | /* background:rgb(30,39,43); */ | ||
+ | border-top: 1px solid; | ||
+ | border-color: #303030; | ||
} | } | ||
- | #catlinks{ | + | #catlinks{ |
display:none; | display:none; | ||
} | } | ||
Line 99: | Line 100: | ||
/* Body */ | /* Body */ | ||
body { | body { | ||
- | background-image:url('https://static.igem.org/mediawiki/2014/e/ee/Linkoping_sweden_background2.jpg'); | + | background-color:white; |
+ | /* background-image:url('https://static.igem.org/mediawiki/2014/e/ee/Linkoping_sweden_background2.jpg'); */ | ||
background-repeat:repeat; | background-repeat:repeat; | ||
color: rgb(30,39,43); | color: rgb(30,39,43); | ||
} | } | ||
body,input { | body,input { | ||
- | font-family: | + | font-family: Verdana, sans-serif; |
/*font-family: Cambria, serif; font-family: 'Lora', serif;*/ | /*font-family: Cambria, serif; font-family: 'Lora', serif;*/ | ||
} | } | ||
/* Headers */ | /* Headers */ | ||
h1,h2,h3,h4 { | h1,h2,h3,h4 { | ||
- | font-weight: | + | font-family: 'Optima', sans-serif; |
+ | font-weight:bold; | ||
letter-spacing: 0 px; | letter-spacing: 0 px; | ||
border-bottom:none; | border-bottom:none; | ||
Line 133: | Line 136: | ||
a { | a { | ||
text-decoration:none; | text-decoration:none; | ||
- | color: # | + | color: #21781E; |
} | } | ||
a:visited { | a:visited { | ||
- | color: # | + | color: #21781E; |
} | } | ||
a:hover { | a:hover { | ||
+ | color: #2EA12A; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 162: | Line 166: | ||
margin-top:30px; | margin-top:30px; | ||
margin-bottom:20px; | margin-bottom:20px; | ||
- | font-family: ' | + | font-family: 'Optima', sans-serif; |
font-weight:bold; | font-weight:bold; | ||
position:relative; | position:relative; | ||
Line 175: | Line 179: | ||
width:1100px; | width:1100px; | ||
margin:0 auto; | margin:0 auto; | ||
- | text-align:justify; | + | /* text-align:justify; */ |
- | margin-top: | + | margin-top:40px; |
- | font-size: | + | font-size:normal; |
+ | overflow: hidden; | ||
+ | height:auto; | ||
} | } | ||
/* Paragraphs */ | /* Paragraphs */ | ||
- | + | #page .leftparagraph p, #page .rightparagraph p { | |
margin-bottom: 2px; | margin-bottom: 2px; | ||
font-size:17px; | font-size:17px; | ||
} | } | ||
/* Lists */ | /* Lists */ | ||
- | + | #page p ul, #page .leftparagraph p ul, #page .rightparagraph p ul { | |
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
Line 247: | Line 253: | ||
font-weight:bold; | font-weight:bold; | ||
border-bottom: 1px solid; | border-bottom: 1px solid; | ||
- | font-family: ' | + | font-family: 'Optima', sans-serif; |
} | } | ||
.projtile p { | .projtile p { | ||
Line 321: | Line 327: | ||
height:1.05em; | height:1.05em; | ||
border-bottom: 1px solid; | border-bottom: 1px solid; | ||
- | font-family: ' | + | font-family: 'Optima', sans-serif; |
} | } | ||
.hlink h2, .jlink h2 { | .hlink h2, .jlink h2 { | ||
Line 365: | Line 371: | ||
.suplink { | .suplink { | ||
position:relative; | position:relative; | ||
+ | } | ||
+ | /* Panels */ | ||
+ | .panel { | ||
+ | width:1100px; | ||
+ | margin:0; | ||
+ | margin-top:25px; | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | overflow: hidden; | ||
+ | height:auto; | ||
+ | } | ||
+ | .panel a { | ||
+ | color: rgb(46,43,52); | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .top-banner { | ||
+ | width:1098px; | ||
+ | margin:0; | ||
+ | margin-top:25px; | ||
+ | color: rgb(30,39,43); | ||
+ | border: 1px solid; | ||
+ | border-color: #303030; | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | overflow: hidden; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .top-panel { | ||
+ | width:1100px; | ||
+ | margin:0; | ||
+ | margin-top:25px; | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | overflow: hidden; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .top-panel a { | ||
+ | color: rgb(46,43,52); | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .bottom-panel { | ||
+ | width:1100px; | ||
+ | margin:0; | ||
+ | margin-bottom:25px; | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | overflow: hidden; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .bottom-panel a { | ||
+ | color: rgb(46,43,52); | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .one-column { | ||
+ | -webkit-column-count: 1; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-count: 1; /* Firefox */ | ||
+ | column-count: 1; | ||
+ | -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-gap: 40px; /* Firefox */ | ||
+ | column-gap: 40px; | ||
+ | } | ||
+ | |||
+ | .two-columns { | ||
+ | -webkit-column-count: 2; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-count: 2; /* Firefox */ | ||
+ | column-count: 2; | ||
+ | -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-gap: 40px; /* Firefox */ | ||
+ | column-gap: 40px; | ||
+ | } | ||
+ | |||
+ | .three-columns { | ||
+ | -webkit-column-count: 3; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-count: 3; /* Firefox */ | ||
+ | column-count: 3; | ||
+ | -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-gap: 40px; /* Firefox */ | ||
+ | column-gap: 40px; | ||
+ | } | ||
+ | .image-box { | ||
+ | display:block; | ||
+ | margin:0px auto; | ||
+ | padding: 20px 0px; | ||
+ | break-inside: avoid-column; | ||
+ | page-break-inside: avoid; | ||
+ | -webkit-column-break-inside: avoid; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .image-box p { | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | font-style:italic; | ||
+ | font-size: x-small !important; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .text-panel { | ||
+ | width:1058px; | ||
+ | padding:20px; | ||
+ | margin:0; | ||
+ | margin-top:25px; | ||
+ | border: none; | ||
+ | float:left; | ||
+ | background:transparent; | ||
+ | overflow:hidden; | ||
+ | height:auto; | ||
+ | } | ||
+ | .textbg-panel { | ||
+ | width:1058px; | ||
+ | padding:20px; | ||
+ | margin:0; | ||
+ | margin-top:25px; | ||
+ | border: 1px solid; | ||
+ | border-color: #303030; | ||
+ | float:left; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2014/e/ee/Linkoping_sweden_background2.jpg'); | ||
+ | background-repeat:repeat; | ||
+ | overflow:hidden; | ||
+ | height:auto; | ||
+ | } | ||
+ | .ptext { | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | font-size:small; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .text-panel p, .textbg-panel p, .text-panel ul, .textbg-panel ul { | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | font-size:small; | ||
+ | list-style:none; | ||
+ | list-style-type: none; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .text-panel a { | ||
+ | color: #21781E; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .text-panel a:visited { | ||
+ | color:#21781E; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .text-panel a:hover { | ||
+ | color:#2EA12A; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .text-panel sup { | ||
+ | font-size: x-small; | ||
+ | } | ||
+ | .reference-section { | ||
+ | padding:0px; | ||
+ | margin:0; | ||
+ | margin-top:25px; | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | font-style:italic; | ||
+ | font-size: x-small; | ||
+ | border-top: 1px dotted; | ||
+ | border-color: #A0A0A0; | ||
+ | float:left; | ||
+ | overflow: hidden; | ||
+ | height:auto; | ||
+ | width:auto; | ||
+ | } | ||
+ | .reference-section a { | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | font-style:normal; | ||
+ | font-size: x-small; | ||
+ | } | ||
+ | .reference-section sup { | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Verdana', sans-serif; | ||
+ | font-style:italic; | ||
+ | font-size: xx-small; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 09:56, 16 October 2014