Difference between revisions of "Template:Hong Kong HKUST/css style sheet"

Revision as of 15:01, 14 September 2016

/*General settings*/

.circular-border { border-color:transparent; border-width:0px; border-radius:50%; }

.face-icon { width: 75px; }

dl{

   font-family: Helvetica;

} strong { color: #000000; } div.profile { background-color: transparent; margin: 20px 0 20px 0; padding: 20px; }

/*Traffic)light*/

navlist {

   position: absolute;
   right: 220px;
   top: -60px;
   z-index:9999;

}

navlist li {

   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;

}

navlist li, #navlist a {

   height: 180px;
   display: block;

}

default {

   left: 0px;
   width: 90px;
   background: url('https://static.igem.org/mediawiki/2016/b/b4/T--Hong_Kong_HKUST--Copyoftrafficlight.svg') 0px 0px;

}

tour {

   left: 90px;
   width: 55px;
   background: url('https://static.igem.org/mediawiki/2016/b/b4/T--Hong_Kong_HKUST--Copyoftrafficlight.svg') -90px 0px;

}

circuit {

   left: 145.3px;
   width: 90px;
   background: url('https://static.igem.org/mediawiki/2016/b/b4/T--Hong_Kong_HKUST--Copyoftrafficlight.svg') -145px 0px;

}

default a:hover {

   background: url('https://static.igem.org/mediawiki/2016/0/04/T--Hong_Kong_HKUST--withwordingstrafficlight.svg') 0px 0px;

}

tour a:hover {

   background: url('https://static.igem.org/mediawiki/2016/0/04/T--Hong_Kong_HKUST--withwordingstrafficlight.svg') -90px 0px;

}

circuit:hover {

   background: url('https://static.igem.org/mediawiki/2016/0/04/T--Hong_Kong_HKUST--withwordingstrafficlight.svg') -145px 0px;

}

default a:active {

   background: url('https://static.igem.org/mediawiki/2016/0/04/T--Hong_Kong_HKUST--withwordingstrafficlight.svg') 0px 0px;

}

circuit-overlay{

   background-color: rgba(0,0,0, 0.7);
   position: fixed;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   display: none;
   z-index: 1000;

}

tour-overlay{

   background-color: rgba(0,0,0, 0.7);
   position: fixed;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   display: none;
   z-index: 1000;

}

circuitFig{

 height: 500px;
 width: auto;
 transform: translate(50%, 20%)

}

.tourdiv{

 height: 500px;
 width: auto;
 transform: translate(50%, 20%)
 padding:25px; 
 margin: 75px;
 border-radius:15px 50px 30px;
 box-shadow: 10px 10px 80px -4px rgba(0,0,0,0.3);
 background:linear-gradient(-225deg,rgba(255,255,255, 0.7) 60%, rgba(255,255,255, 0.7) 80%);

}

tour_next{

 display: none;

} /*Team_gallery*/

.mySlides {display:none;}

/*expandable list*/

listContainer{

 margin-top:15px;

}

expList ul li {

   list-style: none;
   margin:0;
   padding:0;
   cursor: pointer;
   list-style-type:none;

}

expList p {

   margin:0;
   display:block;

}

expList p:hover {

   list-style-type:none;

}

expList li {

   line-height:140%;
   text-indent:0px;
   background-position: 1px 8px;
   padding-left: 20px;
   background-repeat: no-repeat;
   list-style-type:none;

}

/* Collapsed state for list element */

expList .collapsed {

   background-image: url(../img/collapsed.png);

} /* Expanded state for list element /* NOTE: This class must be located UNDER the collapsed one */

expList .expanded {

   background-image: url(../img/expanded.png);

}

expList {

   clear: both;

}

.listControl{

 margin-bottom: 15px;

} .listControl a {

   border: 1px solid #555555;
   color: #555555;
   cursor: pointer;
   height: 1.5em;
   line-height: 1.5em;
   margin-right: 5px;
   padding: 4px 10px;

} .listControl a:hover {

   background-color:#555555;
   color:#222222; 
   font-weight:normal;

}

img.button {

   opacity: 1.0;
   filter: alpha(opacity=100); /* For IE8 and earlier */

}

img.button:hover {

   opacity: 0.7;
   filter: alpha(opacity=80); /* For IE8 and earlier */

}

/* Parts Table*/ table.attr {

   width:100%;

} table.attr, th.attr, td.attr {

   border: 1px solid white;
   border-collapse: collapse;

} th.attr, td.attr {

   padding: 5px;
   text-align: left;

} table.attr#t01 tr.attr:nth-child(even) {

   background-color: #eee;

} table.attr#t01 tr.attr:nth-child(odd) {

  background-color:#fff;

} table.attr#t01 th.attr {

   background-color: black;
   color: white;

}

/* Medal Table*/ table.medal {

   font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 30%;

}

td.medal, th.medal {

   border: 1px solid #dddddd;
   text-align: left;
   padding: 8px;

}

tr.medal:nth-child(even) {

   background-color: #dddddd;

}

@@ Line 33: / Line 33: @@
         color: black;
         width: 100%;
-        font-size: 120%;
+        font-size: 180%;
 }-->
 dl{