Team:DTU-Denmark/medalsCSS.css

From 2014.igem.org

(Difference between revisions)

Latest revision as of 09:22, 17 October 2014

target {

       padding-top: 40px;

}

ul#medals {

       width:1000px;
       height:200px;

top:45px; list-style: none; position: relative; z-index:0; text-align: center;

       <!==background: url('https://static.igem.org/mediawiki/2014/3/3d/DTU-Denmark-labresultsbar.png');-->
       background-repeat: no-repeat;
       background-size: 100%;

display: inline-block; }

medals li {

       height: 91px;
       width: 300px;

margin: 0 0 0 0; border: 3px solid #353535; float: left; list-style: none; position: absolute; }

medals li:last-child { margin:0; }

/* main level link */

medals a {

font-family:bree-web, Bree, sans-serif; font-size:14pt; font-weight:400; line-height:150%; color: #f5f5f5; text-decoration: none;

               position: relative;

top: 23px; display: block; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; background-color: transparent; /*#d80d0d;*/ }

medals .current a, #medals li:hover {

/*background-color: #f8353e;*/ background-image:url(); background-repeat: no-repeat; background-position: 50% 60%; background-size: 306px 81px; }

MEDALS-BRONZE{ background-color: #CD7F32; }
MEDALS-SILVER { background-color: #C0C0C0; }
MEDALS-GOLD { background-color: #FFCC00; }

@@ Line 1: / Line 1: @@
+:target {
+        padding-top: 40px;
+}
 ul#medals {
          width:1000px;
-         height:400px;
+         height:200px;
 	top:45px;
 	list-style: none;
@@ Line 14: / Line 18: @@
 #medals li {
-         height: 100px;
+         height: 91px;
-         width: 320px;
+         width: 300px;
 	margin: 0 0 0 0;
 	border: 3px solid #353535;
@@ Line 33: / Line 37: @@
 		text-decoration: none;
                  position: relative;
-	top: 18px;
+	top: 23px;
 	display: block;
 	padding: 5px 5px 5px 5px;