Team:METU Turkey Software/maincss

From 2010.igem.org

(Difference between revisions)
(New page: <html> <style type="text/css"> body { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; font: trebuchet, verdana, arial, times new roman; } #globalWrapper { width: 100%; ...)
 
Line 1: Line 1:
-
<html>
 
-
 
-
<style type="text/css">
 
-
 
body {
body {
width: 100%;
width: 100%;
Line 75: Line 71:
.clear {
.clear {
clear: both;
clear: both;
-
}
 
-
#slider {
 
-
min-height: 300px;
 
-
width: 404px;
 
-
border: 4px solid #b4c8c4;
 
-
background: #000;
 
-
background: url(images/loading.gif) no-repeat 50% 50%;
 
-
margin: 0 auto;
 
-
}
 
-
#slider img {
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
display: none;
 
-
}
 
-
#slider a {
 
-
border: 0;
 
-
display: block;
 
-
}
 
-
.nivoSlider {
 
-
position: relative;
 
-
}
 
-
.nivoSlider img {
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
}
 
-
.nivoSlider a.nivo-imageLink {
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
width: 100%;
 
-
height: 100%;
 
-
border: 0;
 
-
padding: 0;
 
-
margin: 0;
 
-
z-index: 60;
 
-
display: none;
 
-
}
 
-
.nivo-slice {
 
-
display: block;
 
-
position: absolute;
 
-
z-index: 50;
 
-
height: 100%;
 
-
}
 
-
.nivo-caption {
 
-
position: absolute;
 
-
left: 0px;
 
-
bottom: 0px;
 
-
background: #000;
 
-
color: #fff;
 
-
width: 880px;
 
-
z-index: 89;
 
-
}
 
-
.nivo-caption p {
 
-
padding: 5px;
 
-
margin: 0;
 
-
}
 
-
.nivo-directionNav a {
 
-
position: absolute;
 
-
top: 45%;
 
-
z-index: 99;
 
-
cursor: pointer;
 
-
}
 
-
.nivo-prevNav {
 
-
left: 0px;
 
-
}
 
-
.nivo-nextNav {
 
-
right: 0px;
 
-
}
 
-
.nivo-controlNav a {
 
-
position: relative;
 
-
z-index: 99;
 
-
cursor: pointer;
 
-
}
 
-
.nivo-controlNav a.active {
 
-
font-weight: bold;
 
-
}
 
-
/*-----------------------------------------*/
 
-
.nivo-controlNav {
 
-
position: absolute;
 
-
left: 47%;
 
-
bottom: -30px;
 
-
}
 
-
.nivo-controlNav a {
 
-
display: none;
 
-
width: 10px;
 
-
height: 10px;
 
-
background: none;
 
-
text-indent: -9999px;
 
-
border: 0;
 
-
margin-right: 3px;
 
-
float: left;
 
-
}
 
-
.nivo-controlNav a.active {
 
-
background-position: -10px 0;
 
-
}
 
-
.nivo-directionNav a {
 
-
display: block;
 
-
width: 32px;
 
-
height: 34px;
 
-
background: url(images/arrows.png) no-repeat;
 
-
text-indent: -9999px;
 
-
border: 0;
 
-
}
 
-
a.nivo-nextNav {
 
-
background-position: -32px 0;
 
-
right: 10px;
 
-
}
 
-
a.nivo-prevNav {
 
-
left: 10px;
 
-
}
 
-
/*-----------------------------------------*/
 
-
.nivo-controlNav {
 
-
position: absolute;
 
-
left: 47%;
 
-
bottom: -30px;
 
-
}
 
-
.nivo-controlNav a {
 
-
display: none;
 
-
width: 10px;
 
-
height: 10px;
 
-
background: none;
 
-
text-indent: -9999px;
 
-
border: 0;
 
-
margin-right: 3px;
 
-
float: left;
 
-
}
 
-
.nivo-controlNav a.active {
 
-
background-position: -10px 0;
 
-
}
 
-
.nivo-directionNav a {
 
-
display: block;
 
-
}
 
-
/*-------------------final----------------------------*/
 
-
#menu {
 
-
text-align: left;
 
-
position: fixed;
 
-
top: 50px;
 
-
height: auto;
 
-
width: auto;
 
-
z-index: 999;
 
-
height: 500px;
 
-
}
 
-
#menu ul li a.selected {
 
-
color: red;
 
-
background: silver;
 
-
}
 
-
/*Toggle Area*/
 
-
#menu .toggle {
 
-
float: right;
 
-
width: 9px;
 
-
padding: 5px;
 
-
cursor: pointer;
 
-
border-top: 1px solid white;
 
-
border-left: 1px solid #E0E0E0;
 
-
color: #999;
 
-
text-indent: 0;
 
-
margin-left: 0;
 
-
}
 
-
#menu ul.navmenu li:first-child .toggle {
 
-
border-width: 0 0 0 1px;
 
-
}
 
-
/*Menu Setup*/
 
-
#menu ul {
 
-
padding: 0;
 
-
margin: 0;
 
-
width: 150px;
 
-
}
 
-
#menu ul ul {
 
-
border: 1px solid #CCC;
 
-
overflow: hidden;
 
-
}
 
-
#menu ul.navmenu li {
 
-
margin: 0;
 
-
list-style: none;
 
-
float: left;
 
-
}
 
-
#menu ul.navmenu li li {
 
-
float: none;
 
-
}
 
-
/*Links*/
 
-
#menu ul.navmenu a, #menu ul.navmenu a:visited {
 
-
text-decoration: none;
 
-
padding: 5px;
 
-
display: block;
 
-
color: #008FDD;
 
-
}
 
-
#menu ul.navmenu ul.submenu a:hover {
 
-
background: #FFF4D2;
 
-
color: #333;
 
-
}
 
-
/*Heading Outer div*/
 
-
#menu ul.navmenu .menutop {
 
-
border: 1px solid #CCC;
 
-
border-width: 0 1px;
 
-
overflow: hidden;
 
-
width: 150px;
 
-
background: #F9F9F9;
 
-
}
 
-
/*Header Links*/
 
-
#menu ul.navmenu .menutop a {
 
-
width: 120px;
 
-
float: left;
 
-
margin: 0 0 1px 0;
 
-
border-top: 1px solid white;
 
-
}
 
-
/*Header Link Hover*/
 
-
#menu ul.navmenu .menutop a:hover {
 
-
color: #333;
 
-
}
 
-
/*Removes white border for the first header*/
 
-
#menu ul.navmenu li:first-child .menutop a {
 
-
border-width: 0px;
 
-
}
 
-
/*Single Menu Width Fix*/
 
-
#menu ul.navmenu .menusingle a {
 
-
width: 140px;
 
-
}
 
-
/*Border Radius and Special Border Width*/
 
-
#menu ul.navmenu li:first-child .menutop {
 
-
border-width: 1px 1px 0 1px;
 
-
-moz-border-radius: 5px 5px 0 0;
 
-
-webkit-border-top-left-radius: 5px;
 
-
-webkit-border-top-right-radius: 5px;
 
-
}
 
-
#menu ul.navmenu li:last-child .menutop {
 
-
border-width: 0px 1px 1px 1px;
 
-
-moz-border-radius: 0 0 5px 5px;
 
-
-webkit-border-bottom-left-radius: 5px;
 
-
-webkit-border-bottom-right-radius: 5px;
 
-
}
 
-
#menu ul.navmenu li:last-child ul.submenu {
 
-
-moz-border-radius: 0 0 5px 5px;
 
-
-webkit-border-bottom-left-radius: 5px;
 
-
-webkit-border-bottom-right-radius: 5px;
 
-
}
 
-
#menu ul.navmenu li:last-child .menutop-open {
 
-
-moz-border-radius: 0;
 
-
-webkit-border-radius: 0px;
 
-
border-width: 0 1px;
 
}
}
#contentSub {
#contentSub {
Line 368: Line 123:
background: url(https://static.igem.org/mediawiki/2010/4/4f/Metu-top.png) top left no-repeat;
background: url(https://static.igem.org/mediawiki/2010/4/4f/Metu-top.png) top left no-repeat;
}
}
-
 
-
 
-
</style>
 
-
 
-
</html>
 

Latest revision as of 11:08, 26 October 2010

body { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; font: trebuchet, verdana, arial, times new roman; }

  1. globalWrapper {

width: 100%; height: 100%; padding-right: 0pt; padding-left: 0pt; padding-bottom: 10px; background-color: black; background-image: url("Metu-bg.jpg"); background-attachment: fixed; font: 11px Tahoma, Arial, Helvetica, sans-serif; position: absolute; top: 0; left: 0; overflow: hidden; margin: 0 auto; }

  • html body {

overflow: hidden; }

  1. content {

border-left: none; border-right: none; height: 100%; width: 900%; height: 100%; background-color: #eee; padding:0; } .item { width: 12.5%; height: 500px; float: left; background-color: #ddd; background-image: url('https://static.igem.org/mediawiki/2010/1/1a/Metu-bg.jpg'); padding-bottom:50px; } .content2 { width: 900px; height: 500px;; top: 50px; margin: 0 auto; background: url('https://static.igem.org/mediawiki/2010/6/63/Metu-content2.png') no-repeat; position: relative; font-size: .8em; } .content2 .text { width: 800px; margin: 0 auto; padding-top: 50px; text-align: justify; } .homepage { width: 900px; height: 500px; top: 50px; margin: 0 auto; background: url('https://static.igem.org/mediawiki/2010/1/13/Metu-home.png') no-repeat; position: relative; } .selected { color: red; font-weight: 300; } .clear { clear: both; }

  1. contentSub {

display: none; }

  1. siteSub {

display: none; }

  1. search-controls {

display: none; } .firstHeading { display: none; }

  1. search-controls {

margin-top: 30px; }

  1. footer-box {

display: none; }

  1. top-section {

height: 25px; width: 100%; position: fixed; border-left: none; border-right: none; } .left-menu { margin-top: -15px; } .left-menu ul { border: none; }

  1. menubar li a {

color: white; }

  1. menubar.right-menu {

margin-top: -15px; } .right-menu ul { border: none; }

  1. menubar {

top: 22px; z-index: 25; } img[src*="/wiki/skins/common/images/wiki.png"] { width: 0; height: 40px; margin:0 auto;

       z-index:1000;

background: url(Metu-top.png) top left no-repeat; }