Team:Kent/CSS

From 2014.igem.org

(Difference between revisions)
Line 427: Line 427:
fieldset select.height {
fieldset select.height {
width: auto;
width: auto;
-
height: 32px;
+
height: 2000px;
}
}
fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset textarea:focus {
fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset textarea:focus {
Line 452: Line 452:
}
}
-
/* narrow full width form */
 
-
fieldset.narrow p.no-label {
 
-
margin-left: 180px;
 
-
}
 
-
fieldset.narrow p label {
 
-
width: 150px;
 
-
}
 
-
fieldset.narrow p span {
 
-
margin-left: 160px;
 
-
}
 
-
fieldset.narrow input[type=text], fieldset.narrow input[type=password], fieldset.narrow textarea, fieldset.narrow .field {
 
-
width: 370px;
 
-
}
 
-
fieldset.narrow select.multiple {
 
-
width: 380px;
 
-
}
 
-
fieldset.narrow input.smaller {
 
-
width: 90px;
 
-
}
 
-
 
-
/* multi part form (checkout) */
 
-
 
-
.multi-form h2 {
 
-
padding-bottom: 0;
 
-
}
 
-
.multi-form fieldset, .pod.multi-form {
 
-
margin: 15px 0;
 
-
}
 
-
 
-
text-decoration: none;
 
-
cursor: pointer;
 
-
}
 
-
 
-
 
-
/* pod */
 
-
 
-
.pod {
 
-
padding: 0;
 
-
overflow: hidden;
 
-
}
 
-
.pod.text {
 
-
}
 
-
.pod.single-line {
 
-
padding: 20px 0;
 
-
}
 
-
.pod.single-line p {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
 
-
.pod-header {
 
-
background-color: #575757;
 
-
color: #fff;
 
-
padding: 10px 10px;
 
-
font-weight: normal;
 
-
}
 
-
.pod-header a {
 
-
color: #ccc;
 
-
font-weight: bold;
 
-
}
 
-
 
-
.pod.confirm {
 
-
padding: 20px 0;
 
-
}
 
-
.pod.confirm p {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
.pod.downloads {
 
-
margin: 0 0 15px 0;
 
-
}
 
-
 
-
/* pagination */
 
-
 
-
.pagination {
 
-
overflow: hidden;
 
-
text-align: center;
 
-
}
 
-
.pagination.top {
 
-
 
-
}
 
-
.pagination.bottom {
 
-
padding: 20px 0 0 0;
 
-
}
 
-
.pagination .previous {
 
-
display: inline;
 
-
}
 
-
.pagination .next {
 
-
display: inline;
 
-
}
 
-
.pagination .pages {
 
-
display: inline;
 
-
border-left:#000 solid 1px;
 
-
border-right:#000 solid 1px;
 
-
padding: 0 10px;
 
-
margin: 0 10px;
 
-
font-weight: bold;
 
-
}
 
-
.pagination a {
 
-
padding: 4px 7px;
 
-
line-height: 23px;
 
-
text-decoration: none;
 
-
font-weight: normal;
 
-
}
 
-
.pagination a.selected {
 
-
color: #fff;
 
-
font-weight: bold;
 
-
}
 
-
.pagination a:hover, .pagination a.selected:hover {
 
-
background-color: #2f2f2f;
 
-
color: #fff;
 
-
}
 
-
.pagination .disabled {
 
-
color: #ccc;
 
-
}
 
-
 
-
70px;
 
-
}
 
-
.product-list-item .details h3 a, .product-grid-item .details h3 a {
 
-
text-decoration: none;
 
-
}
 
-
.product-list-item .details h3 a:hover, .product-grid-item .details h3 a:hover {
 
-
text-decoration: underline;
 
-
}
 
-
.product-list-item .details .description {
 
-
margin: 10px 0 15px 0;
 
-
}
 
-
.product-list-item .details .price, .product-grid-item .details .price {
 
-
font-weight: bold;
 
-
}
 
-
.product-list-item .details .retail-price, .product-grid-item .details .retail-price {
 
-
color: #999;
 
-
font-weight: bold;
 
-
}
 
-
 
-
.product-list-item:hover {
 
-
opacity:0.9;
 
-
}
 
-
.product-list-item:hover .image img {
 
-
border-color: #ccc;
 
-
}
 
-
#ProductRetailPrice {
 
-
text-decoration: line-through;
 
-
}
 
Line 625: Line 481:
background: url(https://static.igem.org/mediawiki/2014/d/d7/Team_photo_Kent.jpg);
background: url(https://static.igem.org/mediawiki/2014/d/d7/Team_photo_Kent.jpg);
position: relative;
position: relative;
-
height: 2000px;
+
height: 550px;
padding-top: 20px;
padding-top: 20px;
padding-right: 0;
padding-right: 0;

Revision as of 09:06, 5 August 2014

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { 
   display:none;}
  1. top-section { 
   border: none;
   height: 0px;}
  1. content { 
   border: none;}



  1. globalWrapper, #content { /*-- changes default wiki settings --*/

width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }

html, body, .wrapper { /*-- changes default wiki settings --*/

width: 100%; height: 100%; background-color: transparent; }



body { 

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section { 
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar { 
   font-size: 65%;
   top: -14px;}

.left-menu:hover { 

   background-color: transparent;}
  1. menubar li a { 
   background-color: transparent;}
  1. menubar:hover { 
   color: white;}
  1. menubar li a { 
   color: transparent;}
  1. menubar:hover li a { 
   color: white;}


body, h1, h2, h3, h4, h5, h6, h1 p, h2 p, h3 p, h4 p, h5 p, h6 p, img, form, fieldset { padding: 0; outline: 0; border: 0; position: relative; } body { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #003399; background-color: #ECCFE5; background-image: url(Standard_header_kent_new.jpg); background-repeat: no-repeat; background-position: center top; text-align: center }

/* sidebar pages */

body.products_results #sidebar, body.products_detail #sidebar, body.products_search #sidebar { display: block; } body.products_results #page, body.products_detail #page, body.products_search #page { margin-right: 240px; }

/* headings */

h1 { color: #ffffff; font-size: 1.5em; padding:0 0 15px 0; } h1 .side { float: centre; } h2 { text-shadow: #f1740d 2px 2px 2px; font-size: 1.2em; padding-bottom: 5px; } h2 .side { float: right; font-size: 0.8em; font-weight: normal; } h3 { color: #ffffff; font-size: 1.2em; padding-bottom: 5px; }

/* links */

a { color: #000000; } a:hover { text-decoration: underline; }

/* content */

.content { width: 1600px; margin-top: 5px; margin-right: auto; margin-bottom: 0px; margin-left: auto;


}

/* split column */

.split-column { overflow: hidden; } .split-column .column-one { float: left; width: 450px; } .split-column .column-two { float: right; width: 450px; }

.split-home { overflow: hidden; } .split-home .column-one { float: left; width: 460px; } .split-home .column-two { float: right; width: 460px; }

.triple-column { overflow: hidden; } .triple-column .column-one { float: left; width: 290px; } .triple-column .column-two { float: left; width: 300px; margin: 0 20px; } .triple-column .column-three { float: left; width: 290px; }

/* header */

  1. header-wrapper {

}

  1. header {

overflow: hidden; }

  1. header .logo {

float: left; padding: 30px 0 20px 0; }

/* header menu */

  1. header-menu {

float: right; list-style: none; margin: 80px 0 0 0; padding: 0; }

  1. header-menu li {

float: left; }

  1. header-menu li a {

padding: 7px 10px; line-height: 28px; text-decoration: none; font-size: 0.9em; }

  1. header-menu li a:hover {

text-decoration:underline; }

/* top */

  1. top-wrapper {

height: 55px; margin-top: 0px; margin-bottom: 0px; margin-left: 150px; margin-right: 500px; }

  1. top {

position: relative; height: 50px; margin-top: 0px; }

/* top menu */

  1. top-menu {

height: 40px; z-index: 2000; position: inherit; left: 350px; top: -50px; }

  1. top-menu, #top-menu ul {

margin: 0; padding: 0; list-style: none; }

  1. top-menu li {

position: relative; float: left; margin: 0; padding: 0; background-color: #FFF; }

  1. top-menu a {

display: block; line-height: 40px; text-decoration: none; padding: 0 20px; font-family: Verdana, Geneva, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; color: #03C; }

  1. top-menu ul a {

width: 200px; color: #000; }

  1. top-menu a p {

margin: 0; padding: 0; }

  1. top-menu li ul {

position: absolute; display: none; }

  1. top-menu li:hover > ul {

display: block; }

  1. top-menu li li:hover > ul {

display: block; left: 100%; top: 0; }

  1. top-menu ul a, #top-menu li:hover a, #top-menu li:hover li:hover li:hover a {

color: #6600CC; }

  1. top-menu li:hover li:hover a, #top-menu li:hover li:hover li:hover li:hover a {

background: #222222; /* for non-css3 browsers */ 

   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4be6c', endColorstr='#e78226'); /* for IE */

background: -webkit-gradient(linear, left top, left bottom, from(#f4be6c), to(#e78226)); /* for webkit browsers */ background: #dcb7d4; /* for firefox 3.6+ */ color: #000000; }

  1. top-menu a.selected {

background-color: #FFF; }


/* content */

  1. content-wrapper {

overflow: hidden; }

  1. content {

padding: 20px 0; overflow: hidden;

}

  1. page {

margin:0 20px; }

/* sidebar */

  1. sidebar {

width: 205px; float: right; display: none; margin-right:15px; }

/* side menu */

  1. side-menu {

overflow: hidden; }

  1. side-menu, #side-menu ul {

list-style: none; margin: 0; padding: 0; }

  1. side-menu li a {

padding: 10px 12px; color: #fff; display: block; margin-bottom:10px; text-decoration: none; background-color:#1e1e1e; text-shadow:2px 2px 2px #e19430; font-size:1.2em; }

  1. side-menu li a:hover {

color: #e19430; text-shadow:2px 2px 2px #000000; }

  1. side-menu li a.selected {

background-color: #e19430; color: #fff; }

  1. side-menu li li a {

background:transparent; padding-left: 20px; margin:0; font-size:1.0em; }

  1. side-menu li li li a {

padding-left: 40px; }

  1. side-menu li li li li a {

padding-left: 60px; }

  1. side-menu li li li li li a {

padding-left: 80px; }

  1. side-menu li li li li li li a {

padding-left: 100px; }

/* footer */

  1. footer-wrapper {

margin:20px 0; }

  1. footer {

overflow: hidden; }

  1. footer ul {

list-style: none; margin:0; padding: 0; }

  1. footer ul li {

float: left; margin-right:10px; }

  1. footer ul li:after {

content: '·'; }

  1. footer ul li.last:after {

content: ; }

  1. footer ul li a {

font-size: 0.9em; text-decoration: none; margin-right:10px; }

  1. footer ul li a:hover {

text-decoration:underline; }

/* general form */

fieldset { padding: 15px 0 0 0; overflow: hidden; } fieldset p { overflow: hidden; margin: 0 0 10px 0; line-height: 40px; } fieldset p.no-label { margin-left: 240px; line-height: 20px; } fieldset p label { float: left; width: 230px; text-align: right; font-size: 0.9em; } fieldset p span { display: block; margin-left: 240px; } fieldset input[type=text], fieldset input[type=password], fieldset textarea, .field { border:#e19430 solid 1px; padding: 8px 5px; outline: 0; width: 430px; font-size: 0.9em; font-family:Arial, Helvetica, sans-serif; } fieldset select { width: auto; } fieldset select.height { width: auto; height: 2000px; } fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset textarea:focus { border-color: #999; } fieldset input.smaller { width: 90px; } fieldset textarea { height: 160px; } fieldset select.multiple { width: 440px; padding: 8px 5px; } fieldset .dash { float: none; margin: 0; display: inline; padding: 0 5px; font-size: 1.5em; color: #999; margin: 0 !important; }



/* google map */

  1. wagmp_map_1 {

height: 600px; overflow: hidden; }

  1. fromaddress, #fromcity {

border:#ccc solid 1px; padding: 5px 5px; outline: 0; width: 200px; font-size: 0.9em; margin: 2px 0 6px 0; }


/* fma */

  1. home-wrapper {

background-color:#FFF; }

  1. fma-wrapper {

}

  1. fma {

background: url(Team_photo_Kent.jpg); position: relative; height: 550px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; width: 1000px; margin-top: 50px; }

  1. fma h1 {

color: #E9CDE3; padding: 120px 0; text-align: center; font-size: 2.5em; overflow: hidden; }

/* home */

  1. home-wrapper {

overflow:hidden; }

.home-box { margin: 10px; } .home-box h2 { display:none; } .home-box .info { overflow: hidden; } .home-box .info .image { float: left; width: 150px; } .home-box .info .image img { max-width: 140px; border:#353535 solid 5px; } .home-box .info .details { margin-left: 170px; margin-top:15px; } .home-box .info .details .name { color: #FFF; font-size: 1.2em; padding-bottom: 5px; font-weight: bold; } .home-box .info .details .name a { text-decoration: none; color:#ffffff; text-shadow: #f1740d 2px 2px 2px; } .home-box .info .details .price { display:none; } .home-box .info .details .description { line-height:20px; } .home-box .info .details .description p { margin: 0; }

  1. info-content {

overflow: hidden; padding: 10px; margin: 10px; width: 900px; background-color: #FFFFFF; margin-left: 350px; }

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