|
|
Line 2: |
Line 2: |
| <head> | | <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | <style type="text/css"> | + | <link href="http://www.metu.edu.tr/~e172018/metu-bin-style.css" rel="stylesheet" type="text/css" /> |
- | /**STYLE-TO-EDIT-THE-EXISTING-STYLE**/ | + | |
- | | + | |
- | body {
| + | |
- | background-color: #D4D9DD;
| + | |
- | font-family:"Times New Roman", Times, serif;
| + | |
- | }
| + | |
- | | + | |
- | body a,
| + | |
- | body a:visited {color:#06C;text-decoration:none;}
| + | |
- | | + | |
- | body a:active,
| + | |
- | body a:hover {color:#06C;text-decoration:underline;}
| + | |
- | | + | |
- | p {
| + | |
- | margin:0;
| + | |
- | line-height:0;
| + | |
- | }
| + | |
- | p.p {
| + | |
- | margin: .5em 0 1em 0;
| + | |
- | line-height: 1.5em;
| + | |
- | }
| + | |
- | | + | |
- | li {
| + | |
- | margin: .5em 0;
| + | |
- | }
| + | |
- | | + | |
- | #top-section {
| + | |
- | position: relative;
| + | |
- | height: 25px;
| + | |
- | width: 100%;
| + | |
- | margin: 0;
| + | |
- | border:0;
| + | |
- | background:#000;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo,
| + | |
- | .firstHeading,
| + | |
- | #contentSub,
| + | |
- | #catlinks {display:none;}
| + | |
- | | + | |
- | #menubar {
| + | |
- | top: 0;
| + | |
- | right: 250px;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu li a {
| + | |
- | color:#ccc;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu, .left-menu a {
| + | |
- | color:#ccc;
| + | |
- | }
| + | |
- | | + | |
- | .left-menu:hover {
| + | |
- | background:none;
| + | |
- | }
| + | |
- | | + | |
- | .right-menu li a, a:visited {
| + | |
- | color: #ccc;
| + | |
- | background:none;
| + | |
- | }
| + | |
- | | + | |
- | .right-menu li a:hover, a:active {
| + | |
- | color: #fff;
| + | |
- | background:none;
| + | |
- | }
| + | |
- | | + | |
- | #search-controls {
| + | |
- | top:1px;
| + | |
- | width:auto;
| + | |
- | height:auto;
| + | |
- | }
| + | |
- | | + | |
- | input.searchButton {
| + | |
- | margin: 0;
| + | |
- | color: #ccc;
| + | |
- | font-weight: normal;
| + | |
- | }
| + | |
- | | + | |
- | input.searchButton:hover {
| + | |
- | color: #fff;
| + | |
- | text-decoration:underline;
| + | |
- | }
| + | |
- | | + | |
- | /**STYLE-TO-EDIT-THE-EXISTING-STYLE**/ | + | |
- | | + | |
- | #globalWrapper {}
| + | |
- | | + | |
- | #content {font-size:130%;}
| + | |
- | | + | |
- | h1 {line-height:normal;margin:0;padding:0;border:0;}
| + | |
- | h1 span {font-size:48px;letter-spacing:-4px;display:block;}
| + | |
- | h1 span span {font-size:36px;letter-spacing:-1px;display:block;}
| + | |
- | h1 span span span {color:#c00;font-size:36px;letter-spacing:-1px;display:inline-block;}
| + | |
- | | + | |
- | h2 {font-size:28px;margin:0 0 10px 0;border-bottom:1px solid #ccc;}
| + | |
- |
| + | |
- | #gen_header {height:175px;}
| + | |
- | | + | |
- | #gen_header .igem {width:175px;float:left;}
| + | |
- | | + | |
- | #gen_header .act_header {padding-top:25px;text-align:center;width:615px;float:left;}
| + | |
- | | + | |
- | #gen_header .metu-bin {width:175px;float:left;}
| + | |
- |
| + | |
- | /**NAVIGATION-STYLES**/
| + | |
- |
| + | |
- | #nav, #nav ul {
| + | |
- | line-height: 40px;
| + | |
- | height: 40px;
| + | |
- | background: #000;
| + | |
- | }
| + | |
- | | + | |
- | #nav ul.menu { /* top level ul */
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | z-index: 100;
| + | |
- | display: inline;
| + | |
- | }
| + | |
- | | + | |
- | #nav a,a:visited {
| + | |
- | background: #000;
| + | |
- | color: #fff;
| + | |
- | display: block;
| + | |
- | padding: 0px 14px 0px 14px; /* padding between menu elements */
| + | |
- | margin: 0;
| + | |
- | text-decoration: none;
| + | |
- | font-size: 95%;
| + | |
- | font-weight: normal;
| + | |
- | }
| + | |
- | | + | |
- | #nav a:active,
| + | |
- | #nav a:hover {
| + | |
- | background: #dedede;
| + | |
- | color: #000;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | #nav li {
| + | |
- | display: inline;
| + | |
- | float: left;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | #nav ul.menu ul {
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | list-style: none;
| + | |
- | background: none;
| + | |
- | }
| + | |
- | | + | |
- | #nav ul.menu li ul {
| + | |
- | position: absolute;
| + | |
- | width: 200px;
| + | |
- | left: -999em; /* to hide menus because display: none isn't read by screen readers */
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #nav ul.menu li li {
| + | |
- | /* height: auto; */
| + | |
- | float: left;
| + | |
- | width: 200px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #nav ul.menu li li a:link,
| + | |
- | #nav ul.menu li li a:visited {
| + | |
- | color: #000;
| + | |
- | background: #dedede;
| + | |
- | width: 170px;
| + | |
- | border-bottom: 1px solid #ccc;
| + | |
- | }
| + | |
- | | + | |
- | #nav ul.menu li ul a:active,
| + | |
- | #nav ul.menu li ul a:hover {
| + | |
- | background: #ccc;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | /*PROJECT-UL-MENU*/ | + | |
- | #nav ul.menu li ul.project li a:link,
| + | |
- | #nav ul.menu li ul.project li a:visited {
| + | |
- | color: #fff;
| + | |
- | background: #009966;
| + | |
- | border-bottom: 1px solid #99cc99;
| + | |
- | }
| + | |
- | | + | |
- | #nav ul.menu li ul.project li a:active,
| + | |
- | #nav ul.menu li ul.project li a:hover {
| + | |
- | background: #006633;
| + | |
- | text-decoration: none;
| + | |
- | border-bottom: 1px solid #99cc99;
| + | |
- | }
| + | |
- | /*PROJECT-UL-MENU*/
| + | |
- | | + | |
- | #nav ul.menu li:hover ul, #nav ul.menu li li:hover ul, #nav ul.menu li li li:hover ul, #nav ul.menu li.sfhover ul, #nav ul.menu li li.sfhover ul, #nav ul.menu li li li.sfhover ul {
| + | |
- | left: auto;
| + | |
- | }
| + | |
- | | + | |
- | #nav li:hover > a,
| + | |
- | #nav ul ul :hover > a {background:#DEDEDE;color:#000;}
| + | |
- | | + | |
- | #nav li:hover > a.projectLink,
| + | |
- | #nav ul ul :hover > a.projectLink {background:#009966;color:#fff;}
| + | |
- | | + | |
- | /*SPECIAL-ONES*/
| + | |
- | | + | |
- | #nav a.safety,
| + | |
- | #nav a:visited.safety {
| + | |
- | background: #c00;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a:active.safety,
| + | |
- | #nav a:hover.safety {
| + | |
- | background: #f50202;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a.projectLink,
| + | |
- | #nav a:visited.projectLink {
| + | |
- | background: #006633;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a:active.projectLink,
| + | |
- | #nav a:hover.projectLink {
| + | |
- | background: #009966;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a.hpractice,
| + | |
- | #nav a:visited.hpractice {
| + | |
- | background: #3b5998;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a:active.hpractice,
| + | |
- | #nav a:hover.hpractice {
| + | |
- | background: #627aad;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a.collab,
| + | |
- | #nav a:visited.collab {
| + | |
- | background: #660000;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a:active.collab,
| + | |
- | #nav a:hover.collab {
| + | |
- | background: #990000;
| + | |
- | color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | #nav a.fplans,
| + | |
- | #nav a:visited.fplans {
| + | |
- | background: #FC0;
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | #nav a:active.fplans,
| + | |
- | #nav a:hover.fplans {
| + | |
- | background: #FF0;
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | /**NAVIGATION-STYLES**/
| + | |
- | | + | |
- | #act_content {padding-right:5px;width:650px;float:left;}
| + | |
- | | + | |
- | #sidebar {
| + | |
- | float:right;
| + | |
- | width: 290px;
| + | |
- | padding:10px;
| + | |
- | background: #f1f1f1;
| + | |
- | }
| + | |
- | | + | |
- | #gallery .img {width:290px;}
| + | |
- | | + | |
- | #footer-box {}
| + | |
- | | + | |
- | .clearfixed {clear:both;}
| + | |
- | </style>
| + | |
| </head> | | </head> |
| | | |