Template:Team:UCSD Software/CSS

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
-
.box{
 
-
    width:500px;
 
-
    height: 500px;
 
-
    float:left;
 
-
}
 
-
.trigger{
 
-
    width:255px;
 
-
    height: 255px;
 
-
    position:relative;
 
-
    z-index: 10;
 
-
    left:110px;
 
-
    top:110px;
 
-
    background-image:url(http://www.psdgraphics.com/wp-content/uploads/2009/04/light-blue-circle.jpg); cursor: pointer;
 
-
}
 
-
.popcircle{  
+
#thumbTwo{
-
    position:relative;
+
 
-
    z-index: 9;
+
    height: 250px;
-
    width:500px;
+
    font-size: 100px;
-
    height:500px;
+
    text-align: center;
-
    left:0px;
+
    color: white;
-
     top:-250px;
+
    background-color: #5C8AE6;
 +
 
 +
      
}
}
-
.popcircle ul{
+
 
-
    list-style:none;
+
#thumbTwo:hover{
-
    padding:0px;
+
    border: 1px solid gold;
-
    margin: 0px;
+
     background-color:#1947A3 ;
-
    height: auto;
+
     color:gold;
-
    cursor: pointer;
+
-
}
+
-
.popcircle ul li{
+
-
    top: 187.5px;
+
-
     left: 187.5px;
+
-
    height: 100px;
+
-
    width: 100px;
+
-
     position: absolute;
+
}
}
Line 101: Line 81:
   border: 1px solid gold;
   border: 1px solid gold;
   color:gold;
   color:gold;
 +
 
 +
}
 +
 +
 +
#nav1{
 +
    background-color: #003D99;//rgba(0,0,0,0.5);
 +
    color: white;
 +
    //border: 1px solid white;
 +
    padding: 1px;
 +
    text-align: center;
 +
    box-sizing: border-box; 
 +
    border-radius: 0; 
 +
    margin-top: -50px;
 +
}
 +
 +
#nav1 .btn:hover{
 +
    color: gold;
 +
  //background-color: rgba(204,204,204,0.5);
    
    
}
}
Line 218: Line 216:
}
}
 +
/*::selection {
 +
background: gold;
 +
color: #fff;
 +
}*/
/***************************************************
/***************************************************
Line 223: Line 225:
*******************************
*******************************
******************/
******************/
 +
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
Line 279: Line 282:
text-decoration: underline;
text-decoration: underline;
         background-color:transparent;
         background-color:transparent;
-
}
 
-
 
-
 
-
::selection {
 
-
background: #F79042;
 
-
color: #fff;
 
-
}
 
-
 
-
.slide-out-div {
 
-
          padding: 20px;
 
-
          background-image:url(../img_bu14/popopenbkgd_bu14.png);
 
-
  background-repeat:repeat;
 
-
  z-index:30;
 
-
  text-align:left;
 
-
      }
 
-
 
 
-
 
-
 
-
 
-
 
-
body {
 
-
color: #353535;
 
-
font: 14px/23px proxima-nova-alt, "Proxima Nova Alt", sans-serif;
 
-
//text-align:center;
 
-
}
 
-
 
-
 
-
 
-
 
-
.content{
 
-
text-align:left;
 
-
width:100%;
 
-
position:relative;
 
-
z-index:10;
 
-
 
-
}
 
-
.text{
 
-
width:75%;
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
}
 
-
.content1{
 
-
background-image:url(../img_bu14/whitebkgd_bu14.png);
 
-
background-repeat:repeat;}
 
-
 
-
 
-
 
-
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
 
-
.wrap {
 
-
width: 90%;
 
-
}
 
-
#logo {
 
-
left: 50px;
 
-
top: 30px;
 
-
}
 
-
 
-
 
-
 
-
 
-
}
 
-
 
-
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
 
-
.features li:before {
 
-
background: url('img/icons@2x.png');
 
-
background-size: 100%;
 
-
}
 
}
}
Line 358: Line 295:
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #333;//#383838;
 
-
border: 0 none;
 
-
height: 46px; // DEFAULT 14 px
 
-
z-index: 100;
 
-
top: 0;
 
-
        //display: none;
 
-
position: fixed;
 
-
width: 2975px;
 
-
left: 50%;
 
-
margin-left: -687px;
 
-
}
 
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #333;
 
-
height: 1px; //DEFAULT 14 PX
 
-
display: none;//block;
 
-
       
 
-
z-index: 10;
 
-
position: fixed;
 
-
width: 100%;
 
-
top: 0;
 
-
}
 
-
 
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 
-
color: #727272;
 
-
text-decoration: none;
 
-
background-color: transparent;
 
-
}
 
-
 
-
 
-
 
-
#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;
 
-
}
 
#contentcontainer { /*-- creates container for all content on page --*/
#contentcontainer { /*-- creates container for all content on page --*/
Line 416: Line 308:
margin-top: 0px;  
margin-top: 0px;  
}
}
-
 
-
.sidemenu, .sidemenu li {
 
-
list-style-type: none;
 
-
list-style-image: none;
 
-
font-family: verdana;
 
-
text-decoration: none;
 
-
color:#000;
 
-
font-size: 14px;
 
-
}
 
-
 
-
.sidemenu li {display: block;}
 
-
 
-
.sidemenu a {
 
-
text-decoration:none;
 
-
color: #000;
 
-
display: block;
 
-
width: 180px;
 
-
height: 100%;
 
-
padding: 3px 5px;
 
-
transition: .25s ease-in-out;
 
-
-moz-transition: .25s ease-in-out;
 
-
-webkit-transition: .25s ease-in-out;
 
-
}
 
-
 
-
.sidemenu a.greyout { color: #909090; }
 
-
 
-
.sidemenu a:hover {
 
-
color:#666;
 
-
background-color: #d9f5aa;
 
-
}
 
-
 
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
-
.sub-sidemenu a {color: #666;}
 
-
 
-
div.underconst
 
-
{
 
-
padding:10px;
 
-
border-radius:5px;
 
-
background-color:pink;
 
-
text-align:center;
 
-
}
 
-
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
-
 
-
.contentpara {margin-bottom: 30px;}
 
-
 
-
span.email{font-family: monospace; font-weight: normal;}
 
-
 
-
fieldset {border: 1px solid #337f53;}
 
-
 
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
 
-
#alertContainer { margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
-
 
-
.newsTitle {
 
-
display: block;
 
-
color: #414141;
 
-
font-size: 25px; 
 
-
        font-family: Georgia, Times, "Times New Roman", serif;
 
-
padding: 10px 15px 5px 10px;
 
-
border-bottom: 1px solid #ccc;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem {
 
-
border-bottom: 1px solid #ccc;
 
-
display: block;
 
-
padding: 5px 15px 0px 10px;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem h3 {
 
-
width: auto;
 
-
display: inline;
 
-
font-size: 14px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
padding: 0px;
 
-
margin: 0px;
 
-
}
 
-
 
-
.newsItem img {
 
-
float: right;
 
-
clear: right;
 
-
width: 80px;
 
-
padding-left: 15px;
 
-
display: inline-block;
 
-
}
 
-
 
-
.newsItem .newsDate {
 
-
font-style: italic;
 
-
font-size: 14px;
 
-
display: inline-block;
 
-
color: #999;
 
-
float: right;
 
-
padding: 0px 0px 10px 15px;
 
-
}
 
-
 
-
.newsItem p, .newsItem ul, .newsItem li {
 
-
padding: 0px;
 
-
margin-left: 20px;
 
-
font-size: 12px;
 
-
line-height: 1.2;
 
-
}
 
-
 
-
.newsItem p {margin-top: 10px;}
 
-
 
-
.annItem {
 
-
border: 2px solid #414141;
 
-
display: block;
 
-
padding: 0px 15px 10px 10px;
 
-
margin-bottom: 18px;
 
-
position: relative;
 
-
height: 160px;
 
-
vertical-align: middle;
 
-
}
 
-
 
-
.annItem .annCentered {
 
-
display: table-cell;
 
-
vertical-align: middle;
 
-
height: 160px;
 
-
}
 
-
 
-
.annCentered h3 {
 
-
padding: 0px;
 
-
display: block;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
text-align: center;
 
-
}
 
-
 
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
-
.annItem li {list-style: none; margin: 5px}
 
</style>
</style>
</html>
</html>

Latest revision as of 22:42, 17 October 2014