Template:Style

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
@import"http://webhost1.ust.hk/~igemasia/resources/bootstrap/css/bootstrap.min.css";
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
@import"http://webhost1.ust.hk/~igemasia/css/reset.css";
+
    display: none;
-
@import"http://webhost1.ust.hk/~igemasia/css/grid.css";
+
}
-
@import"http://webhost1.ust.hk/~igemasia/css/prettyPhoto.css";
+
#top-section {
-
body{font:12px/23px Arial, Helvetica, sans-serif;color:#626262;position:relative;min-width:960px;line-height:2;background: url(http://webhost1.ust.hk/~igemasia/images/content-main-bg.png);}
+
    border: none;
-
html,body{height:100%;}
+
    height: 0px;
-
p {padding-bottom:0px;}
+
-
.p{padding-bottom:23px !important;}
+
-
.p0{padding-bottom:0 !important}
+
-
.p1{padding-bottom:29px !important}
+
-
.p2{padding-bottom:38px !important}
+
-
.p4 {padding-bottom:7px !important}
+
-
a{color:#0f2ab8;outline:none;cursor:pointer;text-decoration:none;}
+
-
a:hover{
+
-
text-decoration: none;
+
-
color: #30b0d0;
+
}
}
-
/*  Header styles */
 
-
h1,h2,h3,h4,h5,h6{color:#1f1f1f;font-weight: normal;padding-top:0px;line-height:1.3em;}
 
-
h1{font-size:15px;}
 
-
h2{font-size:38px;}
 
-
h3{font-size:30px; line-height:36px;}
 
-
h4{font-size:25px;} 
 
-
h5{font-size:21px;}
 
-
h6{font-size:18px;}
 
-
.hp-1 {padding:0 0 32px 0;}
 
-
.hp-2 {padding:0 0 35px 0;}
 
-
.hp-3 {padding:0 0 24px 0;}
 
-
.hp-4 {padding:0 0 44px 0;}
 
-
.relative{position:relative;z-index:14}
 
-
/* Global Structure---------------------------------------- */
 
-
.main{margin:0 auto;width:960px;position:relative;}
 
-
.container_12 {position:relative;}
 
-
.wrapper{width:100%;overflow:hidden; position:relative;}
+
#content {
-
/*----- txt,links,lines,titles -----*/
+
    border: none;
-
.extra-wrap{overflow:hidden;display:block;}
+
    width: 99.5%;
-
.fleft{float:left}
+
    height: 99.5%;
-
.fright{float:right}
+
    background-image: url("https://static.igem.org/mediawiki/2013/2/26/Background.png");
-
.alignright{text-align:right}
+
    position: fixed;
-
.aligncenter{text-align:center}
+
    overflow: auto;
-
.alignmiddle *{vertical-align:middle}
+
    repeat-x;  
-
.it{font-style:italic}
+
}  
-
.impact {word-spacing:-1px;white-space:nowrap;}
+
-
.color1{color:#ff2100;}
+
-
.color-1 {color:#2e2e2e;}
+
-
table#table-3 {
 
-
border: 1px solid black;
 
-
}
 
-
table#table-3 td {
 
-
border: 1px solid black;
 
-
}
 
-
/*********************************header*************************************/
 
-
header {
 
-
position:relative;
 
-
z-index:20;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/header-tail.png) repeat-x 0 0;
 
-
}
 
-
header .main-bg {background:url(http://webhost1.ust.hk/~igemasia/images/body-tail.gif) repeat-x 0 0;}
 
-
header .inner {
 
-
padding:0px 0 0px;
 
-
width:940px;
 
-
margin:0 auto;
 
-
overflow:hidden;
 
-
}
 
-
 
-
.logo {
 
-
float:left;
 
-
width:170px;
 
-
height:48px;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/igem logo.png);
 
-
overflow:visible;
 
-
text-indent:-999em;
 
-
}
 
-
.nav-container {
+
h1 {
-
background: url(http://webhost1.ust.hk/~igemasia/images/nav-top-tail.gif) repeat-x 0 0;
+
color: #0089d1;
-
padding:1px 0 0 0px;
+
-
}
+
-
header nav {
+
-
position:relative;
+
-
width:940px;
+
-
margin:0 auto;
+
-
background: url(http://webhost1.ust.hk/~igemasia/images/nav-first-border.gif) no-repeat 0 0;
+
}
}
-
nav {
+
p {
-
position:relative;
+
color: #22409a;
-
width:1500px;
+
-
margin:0 auto;
+
-
background: url(http://webhost1.ust.hk/~igemasia/images/nav-first-border.gif) no-repeat 0 0;
+
}
}
-
.sf-menu{
 
-
font-size:0;
 
-
line-height:0;
 
-
height:50px;
 
-
padding:0;
 
-
margin:0;
 
-
}
 
-
.sf-menu ul{
 
-
position:absolute;
 
-
top:-999em;
 
-
width:158px;
 
-
left:0;
 
-
display:none;
 
-
margin:0;
 
-
padding:11px 0;
 
-
background:#1f1f1f;
 
-
}
 
-
.sf-menu ul ul {background:#2d2d2d;}
 
-
.sf-menu > li{
 
-
float:left;
 
-
position:relative;
 
-
padding:0 15px 0 16px;
 
-
margin:0;
 
-
width:157px;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/nav-separator.gif) no-repeat right 0;
 
-
}
 
-
.sf-menu > li:first-child, .sf-menu > li:first-child+li {width:156px;}
 
-
.sf-menu > li > a {
 
-
text-decoration:none;
 
-
display:block;
 
-
font-size:14px;
 
-
line-height:18px;
 
-
color:#fff;
 
-
text-shadow:0 1px #171717;
 
-
position:relative;
 
-
white-space:nowrap;
 
-
padding:15px 0 17px;
 
-
text-align:center;
 
-
}
 
-
.sf-menu > li.current > a, .sf-menu > li.sfHover > a, .sf-menu > li > a:hover {background:url(http://webhost1.ust.hk/~igemasia/images/nav-active) no-repeat -1px 0;}
 
-
 
-
.sf-menu li:hover ul,.sf-menu li.sfHover ul{width:187px; top:50px; left:-1px;z-index:30 !important;}
 
-
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
 
-
.sf-menu li li a{
 
-
display:block;
 
-
margin:0;
 
-
position:relative;
 
-
text-decoration:none;
 
-
font-size:13px;
 
-
line-height:18px;
 
-
color:#6c6c6c;
 
-
padding:11px 0 11px 20px;
 
-
overflow:hidden;
 
-
text-transform: capitalize;
 
-
border-bottom:1px solid #1f1f1f;
 
-
}
 
-
.sf-menu li li li a {border-bottom:1px solid #2d2d2d;}
 
-
.sf-menu li li {
 
-
position:relative;
 
-
float:none;
 
-
}
 
-
.sf-menu li li a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{ color:#fff; background:url(http://webhost1.ust.hk/~igemasia/images/sub-nav-1-tail.gif) repeat-x 0 0 #2d2d2d;}
 
-
.sf-menu li li li a:hover, .sf-menu li li li.sfHover > a, .sf-menu li li li.current > a{ color:#fff; background:url(http://webhost1.ust.hk/~igemasia/images/sub-nav-2-tail.gif) repeat-x 0 0 #1f1f1f;border-bottom:1px solid #1a1a1a;}
 
-
.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:159px;top:-11px;}
 
-
/********************** Content ************************/
 
-
section#content {
 
-
position:relative;
 
-
z-index:14;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/content-main-bg.png) repeat 0 0 #dfdfdf;
 
-
background-attachment:fixed;
 
-
}
 
-
section#content .main-bg {background:url(http://webhost1.ust.hk/~igemasia/images/content-main-bg.png) repeat center 0;background-attachment:fixed;}
 
-
section#content .content-inner {
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/content-main-bg.png) repeat 0 0;
 
-
background-attachment:fixed;
 
-
padding:27px 0 60px 0;
 
-
}
 
-
article.a1 {margin: 0 10px;}
 
-
.spacing {padding:51px 0 61px 0;}
 
-
.spacing-2 {padding:0 0 36px 0;}
 
-
.spacing-3 {padding-bottom:21px;}
 
-
.spacing-4 {padding-bottom:35px;}
 
-
.spacing-5 {padding-bottom:62px;}
 
-
.pad-bot {padding-bottom:24px;}
 
-
.pad-top {padding-top:42px;}
 
-
#main-search {
+
section {
-
float:right;
+
min-height: 1300px;
-
background:url(http://webhost1.ust.hk/~igemasia/images/main-search-bg.png) no-repeat 0 0;
+
padding: 20px;
-
width:279px;
+
-
height:37px;
+
-
position:relative;
+
-
margin:7px 0 0 0;
+
}
}
-
#main-search a {
 
-
position:absolute;
 
-
width:22px;
 
-
height:32px;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/main-search-submit.png) no-repeat 0 0;
 
-
right:7px;
 
-
top:3px;
 
-
}
 
-
#main-search a:hover {background:url(http://webhost1.ust.hk/~igemasia/images/main-search-submit.png) no-repeat 0 -32px;}
 
-
#main-search input {
 
-
font-family: Arial, Helvetica, sans-serif;vertical-align:middle;font-weight:normal;margin:0;border:none;outline:none;
 
-
background:none;
 
-
outline:none;
 
-
display:block;
 
-
position:absolute;
 
-
left:3px;
 
-
top:3px;
 
-
height:18px;
 
-
color:#6d6d6d;
 
-
font-size:14px;
 
-
padding:6px 9px;
 
-
width:220px;
 
-
}
 
-
#main-newsletter-form {
 
-
float:right;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/main-search-bg.png) no-repeat 0 0;
 
-
width:279px;
 
-
height:37px;
 
-
position:relative;
 
-
}
 
-
#main-newsletter-form a {
 
-
position:absolute;
 
-
width:23px;
 
-
height:33px;
 
-
background: url(http://webhost1.ust.hk/~igemasia/images/newsletter-submit.png) no-repeat 0 0;
 
-
right:6px;
 
-
top:2px;
 
-
}
 
-
#main-newsletter-form a:hover {background: url(http://webhost1.ust.hk/~igemasia/images/newsletter-submit.png) no-repeat 0 -33px;}
 
-
#main-newsletter-form input {
 
-
font-family: Arial, Helvetica, sans-serif;vertical-align:middle;font-weight:normal;margin:0;border:none;outline:none;
 
-
background:none;
 
-
outline:none;
 
-
display:block;
 
-
position:absolute;
 
-
left:2px;
 
-
top:2px;
 
-
height:18px;
 
-
color:#6f6f6f;
 
-
font-size:14px;
 
-
padding:6px 9px;
 
-
width:220px;
 
-
}
 
-
.slider_bg {
 
-
width:939px;
 
-
margin:0 auto;
 
-
border-radius:7px;
 
-
-moz-border-radius:7px;
 
-
-webkit-border-radius:7px;
 
-
padding:5px 0 1px 0;
 
-
position:relative;
 
-
}
 
-
.slider {
 
-
overflow:hidden;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/loader.gif) 50% 50% no-repeat;
 
-
width:931px;
 
-
height:383px;
 
-
margin:0 auto;
 
-
position:relative;
 
-
}
 
-
.slider .items {
 
-
display:none;
 
-
}
 
-
.pagination {
 
-
overflow:hidden;
 
-
padding:30px 0 0;
 
-
position:relative;
 
-
left:40%;
 
-
margin-left:-42px;
 
-
}
 
-
.pagination li {
 
-
float:left;
 
-
margin-left:4px
 
-
}
 
-
.pagination li a {
 
-
display:block;
 
-
width:16px;
 
-
height:16px;
 
-
background: url(http://webhost1.ust.hk/~igemasia/images/slider-pagination.png) no-repeat right 0;
 
-
}
 
-
.pagination li a:hover,.pagination li.current a {
 
-
background-position:0 0;
 
-
}
 
-
.pgination li:first-child {
 
-
margin-left:0;
 
-
}
 
-
.lightbox-image-1{display:inline-block;position:relative;}
 
-
a.border{padding:6px;background:#dededa;display:inline-block;}
 
-
.lightbox-image-1 img{position:relative;z-index:12;}
 
-
.lightbox-image-1 span{position:absolute;width:100%;height:100%;left:0;top:0;background:url(http://webhost1.ust.hk/~igemasia/images/magnify.png) 50% 50% #fff no-repeat; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
 
-
.img-indent-bot{margin:0 0 29px !important}
+
header {
-
.img-indent-bot2{margin:7px 0 23px !important}
+
display: inline-block;
-
.img-indent{float:left;margin:6px 20px 0 0;}
+
position: relative;
-
.img-indent-ext{float:left;margin:6px 12px 0 0;}
+
width: 100%;
-
.img-indent-2{float:left;margin:6px 11px 0 0;}
+
}
-
.img-indent-3{float:left;margin:6px 0 0 0;}
+
-
.img-indent-r{float:right;margin:2px 0 10px 15px;}
+
-
.figure-1 {
 
-
border-radius:7px;
 
-
-moz-border-radius:7px;
 
-
-webkit-border-radius:7px;
 
-
border:1px solid #b1b1b1;
 
-
box-shadow:0 2px 3px #7d7d7d;
 
-
-moz-box-shadow:0 2px 3px #7d7d7d;
 
-
-webkit-box-shadow:0 2px 3px #7d7d7d;
 
-
display:inline-block;
 
-
position:relative;
 
-
z-index:16;
 
-
}
 
-
.button {
 
-
display:inline-block;
 
-
font-size:17px;
 
-
line-height:17px;
 
-
padding:7px 20px 7px 20px;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/button-tail.gif) repeat-x 0 0 #e9e9e9;
 
-
font-weight:bold;
 
-
text-decoration:none;
 
-
border-radius:6px;
 
-
-moz-border-radius:6px;
 
-
-webkit-border-radius:6px;
 
-
border:1px solid #b1b1b1;
 
-
box-shadow:0 -3px 0 #d3d3d3 inset, 0 2px 2px rgba(0,0,0,.4);
 
-
-moz-box-shadow:0 -3px 0 #d3d3d3 inset, 0 2px 2px rgba(0,0,0,.4);
 
-
-webkit-box-shadow:0 -3px 0 #d3d3d3 inset, 0 2px 2px rgba(0,0,0,.4);
 
-
}
 
-
.button:hover {
 
-
background:#1f1f1f;
 
-
color:#ececec;
 
-
border:1px solid #000;
 
-
box-shadow:0 -3px 0 #444 inset, 0 0 1px #656565 inset, 0 2px 2px rgba(0,0,0,.4);
 
-
-moz-box-shadow:0 -3px 0 #444 inset, 0 0 1px #656565 inset, 0 2px 2px rgba(0,0,0,.4);
 
-
-webkit-box-shadow:0 -3px 0 #444 inset, 0 0 1px #656565 inset, 0 2px 2px rgba(0,0,0,.4);
 
-
text-decoration:none;
 
-
}
 
-
em {color:#068eb5;}
+
-
strong {color:#322e30;}
+
-
strong.str1 {
+
*{
-
color:#1f1f1f;
+
margin: 0px;
-
font-weight:bold;
+
padding: 0px;
 +
                padding-top: 0px;
 +
border: none;
}
}
-
.list-1 {padding:0 0 28px 0;}
+
-
.list-1 li {
+
-
background:url(http://webhost1.ust.hk/~igemasia/images/list-1-marker.png) no-repeat 0 10px;
+
-
padding:0 0 10px 15px;
+
-
line-height:23px;
+
-
}
+
-
.list-1 li a {
+
-
color:#848484;
+
-
text-decoration:none;
+
-
}
+
-
.list-1 li a:hover {text-decoration:underline;}
+
-
.news-block {padding:0 0 15px 0;}
+
body{
-
.news-block dt {
+
-
display:block;
+
width: 100%;
-
font-size:13px;
+
height: 100%;
-
line-height:23px;
+
-
color:#1f1f1f;
+
background-image: url(../image/bakgrund3.png); /* bakgrund för hela sidan */
-
font-weight:bold;
+
-
padding:0 0 7px 0;
+
-
}
+
-
.news-block dd {padding:0 0 23px 0;}
+
-
.news-block dd a {
+
-
color:#848484;
+
-
text-decoration:none;
+
-
}
+
-
.news-block dd a:hover {text-decoration:underline;}
+
-
.social-links li {
+
-
display:block;
+
-
padding:0 0 18px 0;
+
-
}
+
-
.social-links li a {
+
-
display: inline-block;
+
-
font-size:13px;
+
-
line-height:23px;
+
-
color:#1f1f1f;
+
-
font-weight:bold;
+
-
text-decoration:none;
+
-
padding:2px 0 7px 48px;
+
}
}
-
.social-links li.item-1 a {background:url(http://webhost1.ust.hk/~igemasia/images/soc-icon-1.png) no-repeat 0 0;}
+
-
.social-links li.item-2 a {background:url(http://webhost1.ust.hk/~igemasia/images/soc-icon-2.png) no-repeat 0 0;}
+
#main_frame {
-
.social-links li.item-3 a {background:url(http://webhost1.ust.hk/~igemasia/images/soc-icon-3.png) no-repeat 0 0;}
+
min-height: 1600px;
-
.social-links li.item-4 a {background:url(http://webhost1.ust.hk/~igemasia/images/soc-icon-4.png) no-repeat 0 0;}
+
width: 950px;
-
.social-links li.item-5 a {background:url(http://webhost1.ust.hk/~igemasia/images/soc-icon-5.png) no-repeat 0 0;}
+
margin: 20px auto;
-
.social-links li a:hover {text-decoration:underline;}
+
border: 1px solid ligth gray;
-
.social-links li.item-4 {padding:0 0 5px 0;}
+
border-radius: 15px;
-
.hr-border-large {
+
box-shadow: 0px 0px 30px rgba(110,110,110, .8);
-
height:2px;
+
background: white;
-
font-size:0;
+
-
line-height:0;
+
-
padding:0;
+
-
margin:0;
+
-
background:url(http://webhost1.ust.hk/~igemasia/images/hr-border-large.png) no-repeat center 0;
+
-
position:relative;
+
-
overflow:hidden;
+
-
}
+
-
.spacing-1 {padding:43px 0 0 0;}
+
-
 
+
-
.img-shadow {
+
-
display:block;
+
-
position:absolute;
+
-
left:0;
+
-
right:0;
+
-
bottom:-15px;
+
-
height:15px;
+
-
background:url(http://webhost1.ust.hk/~igemasia/images/img-shadow.png) no-repeat center 0;
+
}
}
-
footer {
 
-
padding:43px 0;
 
-
background:url(http://webhost1.ust.hk/~igemasia/images/footer-top-tail.gif) repeat-x 0 0;
 
-
overflow:hidden;
 
-
}
 
-
footer .inner {
 
-
width:940px;
 
-
margin:0 auto;
 
-
overflow:hidden;
 
-
}
 
-
.footer-site-info {
 
-
float:left;
 
-
color:#5f5f5f;
 
-
font-size:14px;
 
-
line-height:19px;
 
-
padding:7px 0 0 3px;
 
 +
 +
#logo_img{
 +
position: relative;
 +
padding: 10px;
}
}
-
.footer-site-info b {
+
-
display:inline-block;
+
#header img.logo{
-
font-size:30px;
+
float: left;
-
line-height:36px;
+
width: 150px;
-
color:#fff;
+
-
margin:-10px 0 0 0;
+
-
}
+
-
.footer-site-info a {
+
-
color:#5f5f5f;
+
-
text-decoration:none;
+
-
+
-
}
+
-
.footer-site-info a:hover {text-decoration:underline;}
+
-
.history-block li {
+
-
overflow:hidden;
+
-
padding:0 0 20px 0;
+
-
}
+
-
.history-block li .date {
+
-
float:left;
+
-
width:40px;
+
-
font-weight:bold;
+
-
color:#1f1f1f;
+
}
}
-
.def-list-1 dt {
+
-
display:block;
+
#igem_logo{
-
color:#1f1f1f;
+
position: relative;
-
font-size:13px;
+
padding: 10px;
-
line-height:23px;
+
-
padding:0 0 0 24px;
+
-
background:url(http://webhost1.ust.hk/~igemasia/images/def-list-1-marker.png) no-repeat 0 5px;
+
-
}
+
-
.def-list-1 dt a {
+
-
text-decoration:none;
+
-
color:#1f1f1f;
+
}
}
-
.def-list-1 dt a:hover {text-decoration:underline;}
+
-
.def-list-1 dd {
+
#header img.igem_logo{
-
padding:0 0 20px 24px;
+
width: 400px;
-
}
+
float: right;
-
.def-list-2 dt {
+
-
display:block;
+
-
color:#1f1f1f;
+
-
font-size:13px;
+
-
line-height:23px;
+
-
padding:0 0 0 23px;
+
-
background:url(http://webhost1.ust.hk/~igemasia/images/def-list-2-marker.png) no-repeat 0 7px;
+
-
}
+
-
.def-list-2 dt a {
+
-
text-decoration:none;
+
-
color:#1f1f1f;
+
}
}
-
.def-list-2 dt a:hover {text-decoration:underline;}
+
-
.def-list-2 dd {
+
#navbar {
-
padding:0 0 20px 23px;
+
background-image: url(https://static.igem.org/mediawiki/2013/e/e5/Menubar.png);
-
}
+
background-repeat: no-repeat;
-
.testimonials-block {padding:0 0 36px 0;overflow:hidden;width:100%;}
+
background-position: center right;  
-
.testimonials-block p {padding:12px 0 7px;}
+
background-size: 93% 55px;
-
.testimonials-block blockquote {
+
height: 55px;
-
background:none;
+
-
padding:0;
+
-
font-size:13px;
+
-
line-height:23px;
+
-
}
+
-
.link {color:#1f1f1f; text-decoration:none; font-weight:bold;}
+
-
.link2 {color:#06C; text-decoration:none; font-weight:regular;}
+
-
.link:hover{text-decoration: underline;}
+
-
.link-1 {color:#848484;text-decoration:none;}
+
-
.link-1:hover {text-decoration:underline;}
+
-
 
+
-
.service-block.item-1 {background:url(http://webhost1.ust.hk/~igemasia/images/service-icon-1.png) no-repeat 0 6px;}
+
-
.service-block.item-2 {background:url(http://webhost1.ust.hk/~igemasia/images/service-icon-2.png) no-repeat 0 6px;}
+
-
.service-block.item-3 {background:url(http://webhost1.ust.hk/~igemasia/images/service-icon-3.png) no-repeat 0 6px;}
+
-
.service-block.item-4 {background:url(http://webhost1.ust.hk/~igemasia/images/service-icon-4.png) no-repeat 0 6px;}
+
-
.service-block.item-5 {background:url(http://webhost1.ust.hk/~igemasia/images/service-icon-5.png) no-repeat 0 6px;}
+
-
.service-block.item-6 {background:url(http://webhost1.ust.hk/~igemasia/images/service-icon-6.png) no-repeat 0 6px;}
+
-
.service-block {padding:0 0 0 70px;}
+
-
.hr-border-small {background: url(http://webhost1.ust.hk/~igemasia/images/hr-border-small.png) no-repeat center bottom;}
+
-
.hr-border-medium {background: url(http://webhost1.ust.hk/~igemasia/images/hr-border-medium.png) no-repeat center bottom;}
+
-
 
+
-
.project-box {
+
-
background: url(http://webhost1.ust.hk/~igemasia/images/project-box-tail.gif) repeat-x 0 0 #e8e8e8;
+
-
border-radius:6px;
+
-
-moz-border-radius:6px;
+
-
-webkit-border-radius:6px;
+
-
box-shadow:0 0 2px #f5f5f5 inset, 0 -2px 0 #d3d3d3, 0 2px 3px #949393;
+
-
-moz-box-shadow:0 0 2px #f5f5f5 inset, 0 -3px 0 #d3d3d3 inset, 0 2px 3px #949393;
+
-
-webkit-box-shadow:0 0 2px #f5f5f5 inset, 0 -2px 0 #d3d3d3, 0 2px 3px #949393;
+
-
padding:8px 11px 26px 11px;
+
-
border:1px solid #aaa;
+
-
}
+
-
.project-box .project-name {display:block;padding:18px 0 7px 10px;}
+
-
.project-box p {padding:0 0 0 10px !important;}
+
-
 
+
-
/* Contact form */
+
-
#contact-form input,#contact-form textarea {
+
-
font-family: Arial, Helvetica, sans-serif;font-size:13px;vertical-align:middle;font-weight:normal;margin:0;border:none;outline:none;
+
-
}
+
-
#contact-form {
+
-
display:block;
+
-
height:467px;
+
-
width:540px;
+
-
position:relative;
+
-
}
+
-
#contact-form label {
+
-
display:block;
+
-
height:49px;
+
-
position:relative;
+
-
}
+
-
#contact-form label.message {
+
-
height:auto;
+
-
position:relative;
+
}
}
-
#contact-form span {
+
-
display:none;
+
-
color:#f00;
+
footer
-
margin:0 0 0 5px;
+
{
-
font-size:11px;
+
padding: 20px;
-
line-height:14px;
+
height: 100px;
-
}
+
-
#contact-form label span.errors {
+
-
display:block;
+
-
margin:0;
+
-
position:absolute;
+
-
right:0;
+
-
top:0;
+
-
width:155px;
+
-
}
+
-
#contact-form label.message span.errors {
+
-
display:block;
+
-
position: relative;
+
-
overflow:hidden;
+
-
clear:both;
+
-
width:auto;
+
-
padding:3px 0 0 0;
+
}
}
-
#contact-form input {
+
-
width:348px;
+
.home-knapp
-
font-size:13px;
+
{
-
padding:9px 14px 10px 14px;
+
position: relative;left:15px;top:-70px;
-
background: url(http://webhost1.ust.hk/~igemasia/images/contact-form-tail1.gif) repeat-x 0 0 #e9e9e9;
+
width: 15%;
-
outline:none;
+
float: left;
-
font-family:Arial, Helvetica, sans-serif;
+
z-index: 2;
-
display:block;
+
}  
-
color:#848484;
+
-
margin:0;
+
.nav-text
-
box-shadow:0 -3px 0 #d3d3d3 inset, 0 0 #f2f2f2 inset, 0 2px 3px #adadad;
+
{
-
-moz-box-shadow:0 -3px 0 #d3d3d3 inset, 0 0 #f2f2f2 inset, 0 2px 3px #adadad;
+
padding-right: 10px;
-
-webkit-box-shadow:0 -3px 0 #d3d3d3 inset, 0 0 #f2f2f2 inset, 0 2px 3px #adadad;
+
z-index: 1;
-
border-radius:6px;
+
/*-webkit-transition: -webkit-transform 0.1s, background 0.1s;*/
-
-moz-border-radius:6px;
+
-
-webkit-border-radius:6px;
+
-
border:1px solid #a5a5a5;
+
-
height:16px !important;
+
-
}
+
-
#contact-form textarea {
+
-
height:236px;
+
-
width:498px;
+
-
font-size:13px;
+
-
padding:9px 14px 10px 14px;
+
-
background: url(http://webhost1.ust.hk/~igemasia/images/contact-form-tail2.gif) repeat-x 0 0 #e9e9e9;
+
-
outline:none;
+
-
font-family:Arial, Helvetica, sans-serif;
+
-
display:block;
+
-
color:#848484;
+
-
margin:0;
+
-
border-radius:6px;
+
-
-moz-border-radius:6px;
+
-
-webkit-border-radius:6px;
+
-
box-shadow:0 -3px 0 #d3d3d3 inset, 0 0 #f2f2f2 inset, 0 2px 3px #9b9a9a;
+
-
-moz-box-shadow:0 -3px 0 #d3d3d3 inset, 0 0 #f2f2f2 inset, 0 2px 3px #9b9a9a;
+
-
-webkit-box-shadow:0 -3px 0 #d3d3d3 inset, 0 0 #f2f2f2 inset, 0 2px 3px #9b9a9a;
+
-
border:1px solid #a5a5a5;
+
-
overflow:auto;
+
-
resize:none;
+
-
}
+
-
#contact-form .btns {
+
-
padding:0;
+
-
position:absolute;
+
-
bottom:0;
+
-
right:0;
+
-
height:auto;
+
-
width:auto;
+
-
overflow:hidden;
+
-
left:auto;
+
-
padding:5px 10px 6px 5px;
+
-
}
+
-
#contact-form .btns a {
+
-
float:right;
+
-
margin:0 0 0 10px;
+
}
}
-
.success {
+
-
display:none;
+
#list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;}
-
font-size:13px;
+
-
line-height:18px;
+
-
padding:0;
+
-
top:-18px;
+
-
left:5px;
+
-
position:absolute;
+
-
word-spacing:-1px;
+
-
color:#848484;
+
-
}
+
-
.map-container {
+
-
display:inline-block;
+
-
border:1px solid #b1b1b1;
+
-
box-shadow:0 2px 3px #7d7d7d;
+
-
-moz-box-shadow:0 2px 3px #7d7d7d;
+
-
-webkit-box-shadow:0 2px 3px #7d7d7d;
+
-
display:inline-block;
+
-
position:relative;
+
-
z-index:16;
+
-
width:358px;
+
-
}
+
-
.map-container iframe {
+
-
width:358px;
+
-
height:264px;
+
-
margin:0;
+
-
border: none;
+
-
}
+
-
.adress {padding:23px 0 0 0;}
+
nav ul li:hover > ul {
-
.adress dt {
+
display: block;
-
display:block;
+
-
font-size:13px;
+
-
line-height:23px;
+
-
font-weight: bold;
+
-
font-style:normal;
+
-
color:#1f1f1f;
+
-
text-transform:none;
+
-
padding:0;
+
-
width:400px;
+
}
}
-
.adress dt a {color:#181818; text-decoration:none;}
+
-
.adress dt a:hover {text-decoration:underline;}
+
nav ul {
-
.adress dd {
+
list-style: none;
-
font-size:13px;
+
position: relative;
-
line-height:23px;
+
display: inline-table;
-
padding:1;
+
-
color:#848484;
+
-
overflow:hidden;
+
}
}
-
.adress dd span {
 
-
float:left;
 
-
width:400px;
 
-
}
 
-
.adress dd a {color:#848484; text-decoration: none;}
 
-
.adress dd a:hover {text-decoration: underline;}
 
-
.try {
 
-
color: #99FF66;
 
-
}
 
-
.try2 {
 
-
color: #0066CC;
 
-
}
 
-
.try1 {
 
-
color: #0033CC;
 
-
}
 
-
.try {
 
-
color: #0033CC;
 
-
}
 
-
.words {
 
-
color: #0066CC;
 
-
}
 
-
.navbar-inverse .brand, .navbar-inverse .nav>li>a {
+
nav ul:after {
-
color:#23301e;
+
content: ""; clear: both; display: block;
-
text-shadow:none;
+
}
-
}
+
 +
nav ul li
 +
{
 +
padding-top: 0.6%;
 +
float: left;
 +
height: 50px;
-
.navbar-inverse .navbar-inner {
 
-
background-color: #9ddc88;
 
-
background-image: -moz-linear-gradient(top, #9ddc88, #7ca56d);
 
-
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ddc88), to(#7ca56d));
 
-
background-image: -webkit-linear-gradient(top, #9ddc88, #7ca56d);
 
-
background-image: -o-linear-gradient(top, #9ddc88, #7ca56d);
 
-
background-image: linear-gradient(to bottom, #9ddc88, #7ca56d);
 
-
background-repeat: repeat-x;
 
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ddc88', endColorstr='#ff7ca56d', GradientType=0);
 
-
border-color: #9ddc88;
 
-
}
 
-
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
 
-
background-color:#9ddc88;
 
}
}
 +
 +
nav ul li a {
 +
text-align: center;
 +
display: block;
 +
text-decoration:         none;
 +
}
 +
.nav-text2{
 +
width: 90px;
 +
position: relative;
 +
top: -30px;
 +
z-index: 1;
 +
}
 +
 +
nav ul li:hover
 +
{
 +
background: #0089d1;
 +
}
 +
nav ul li:hover img.nav-text2{
 +
background: none;
 +
z-index: 3;
 +
}
 +
nav ul li:hover li .nav-text
 +
{
 +
background: #0089d1;
 +
 +
}
-
.firstHeading{display:none;}
+
nav ul ul
-
.container{
+
{
-
background-image:url('http://webhost1.ust.hk/~igemasia/resources/images/bg.png');
+
background: #22409a;
-
background-repeat:no-repeat;
+
border-radius: 0px;
-
background-attachment:fixed;
+
padding: 0px;  
-
background-position:center;  
+
position: relative;
 +
top: -5px
 +
left: -10px;
 +
display: none;
 +
z-index: 1;
}
}
-
</style>
+
nav ul ul li {
-
</html>
+
padding-top: 10px;
 +
width: 150px;
 +
float: none;
 +
position: relative;
 +
}
 +
nav ul ul li a {
 +
color: #fff;
 +
font-weight: bold;
 +
}
 +
nav ul ul li a:hover {
 +
background: #0089d1;
 +
}

Revision as of 18:41, 15 August 2013