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

Line 28: Line 28:
 
color: black;
 
color: black;
 
width: 100%;
 
width: 100%;
 +
}
 +
p1{
 +
      font-family: Helvetica;
 +
      color: black;
 +
      width: 100%;
 +
      font-size: 30%;
 
}-->
 
}-->
 
dl{
 
dl{

Revision as of 14:58, 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*/

  1. navlist {
   position: absolute;
   right: 220px;
   top: -60px;
   z-index:9999;

}

  1. navlist li {
   margin: 0;
   padding: 0;
   list-style: none;
   position: absolute;
   top: 0;

}

  1. navlist li, #navlist a {
   height: 180px;
   display: block;

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

  1. 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;

}


  1. 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;

}

  1. 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%);

}

  1. tour_next{
 display: none;

} /*Team_gallery*/

.mySlides {display:none;}

/*expandable list*/

  1. listContainer{
 margin-top:15px;

}

  1. expList ul li {
   list-style: none;
   margin:0;
   padding:0;
   cursor: pointer;
   list-style-type:none;

}

  1. expList p {
   margin:0;
   display:block;

}

  1. expList p:hover {
   list-style-type:none;

}

  1. 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 */

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

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

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

}

  1. 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;

}