Difference between revisions of "Template:ZJU-China/CSS/barcss/site.css"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
 +
#references p{
 +
  font-size:16px;
 +
  font-family:Courier New;
 +
};
 +
.outerlink{
 +
  color:#0a8aff;
 +
}
  
 +
.outerlink:hover{
 +
  color:#F291A2;
 +
}
  
 
.pagename
 
.pagename
 
{
 
{
−
padding-top: 6%;
+
padding-top: 4%;
 
left:22%;
 
left:22%;
 
position: relative;
 
position: relative;
Line 16: Line 26:
 
}
 
}
 
.pagestyle
 
.pagestyle
−
{
+
{       padding-top:-20px;
−
margin-top:-2.3%;
+
margin-top:-100px;
 
left:22%;
 
left:22%;
 
margin-bottom: 200px;
 
margin-bottom: 200px;
Line 87: Line 97:
 
color:#3da9e1;
 
color:#3da9e1;
 
font-size: xx-large;
 
font-size: xx-large;
−
line-height:4.0;
+
line-height:2.0;
 
font-weight: bolder;
 
font-weight: bolder;
 
}
 
}
  
 
.container1 h3{
 
.container1 h3{
−
color:#3da9e1;
+
color:coral;
 
font-size: x-large;
 
font-size: x-large;
 
line-height:3.0;
 
line-height:3.0;
 
font-weight: bolder;
 
font-weight: bolder;
 +
}
 +
.container1 h4{
 +
color:darkslateblue;
 +
 
}
 
}
  
Line 145: Line 159:
 
{
 
{
 
     position: fixed;
 
     position: fixed;
−
     top: 350px;  
+
     top: 15%;  
 
left: 0px;
 
left: 0px;
 
}
 
}
Line 202: Line 216:
  
  
−
/******************************************************************************/
 
−
/*  FOOTER                                                                    */
 
−
/******************************************************************************/
 
−
.footer
 
−
{
 
−
width: 100%;
 
−
    padding-top: 20px;
 
−
    text-align: center;
 
−
color: #1e1e1e; 
 
−
}
 
−
.footer_logo img
 
−
{
 
−
width: 65px;
 
−
    height: 65px;
 
−
margin: 0 auto 20px auto;
 
−
}
 
  
 
/******************************************************************************/
 
/******************************************************************************/

Latest revision as of 02:46, 28 October 2020

  1. references p{
 font-size:16px;
 font-family:Courier New;

}; .outerlink{ 

 color:#0a8aff;

}

.outerlink:hover{ 

 color:#F291A2;

}

.pagename { padding-top: 4%; left:22%; position: relative; width:70%; text-align: right; } .pagename h1{ font-size: 90px; font-weight: bolder; color:#3da9e1; } .pagestyle { padding-top:-20px; margin-top:-100px; left:22%; margin-bottom: 200px; position: relative; background-image: url('https://static.igem.org/mediawiki/2020/c/cd/T--ZJU-China--wiki_navback.jpg'); width:70%; box-shadow: 0 0 9px 3px rgba(2, 2, 5, 0.2); }

.clear { 

   clear: both;

} .section { width: 100%; height: auto; }


  1. scrollable

{ width: 100%; }

.teamphoto { top:10%; width:80%;

left:10%; position: absolute; background-image:url('https://static.igem.org/mediawiki/2020/c/cd/T--ZJU-China--wiki_navback.jpg'); box-shadow: 0 0 9px 3px rgba(2, 2, 5, 0.2); border-radius: 20px; }

.teamphoto img { margin: 2.5%; width: auto; height: auto; max-width: 95%; max-height: 95%;


}

.membergallery { position:absolute; top:100%; left:5%; width:90%;

}


.container1 { margin-left: 10%; padding-top: 6%; width: 80%;

}

.container1 h2{ color:#3da9e1; font-size: xx-large; line-height:2.0; font-weight: bolder; }

.container1 h3{ color:coral; font-size: x-large; line-height:3.0; font-weight: bolder; } .container1 h4{ color:darkslateblue;

}

.container1 p{ color: #464646; font-size: large; text-align:justify; line-height:1.7;

} .container1 sup{ font-size: small; } .container1 sub{ font-size: small; } .container1 i{ font-style:italic; } .container1 a{ text-decoration: underline; } .imgbox { text-align:center; margin: 0 auto; }

.imgbox img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } .imgbox h6{ font-size:small; color:grey; line-height:2.0; }




/******************************************************************************/ /* NAVIGATION */ /******************************************************************************/ .navigation { 

   position: fixed;
   top: 15%;

left: 0px; } .navigation img { margin-left: 50px; margin-bottom: 20px } .navigation li { 

	position: relative;
   margin: 0 0 10px;

font-family: 'Armata', Arial, Helvetica, sans-serif; font-size: 13px; } .navigation a { position: relative;


display:flex; align-items:center; justify-content:center ; width:110%; text-decoration: none; height:3em; background-color: #3da9e1; color: #0e0c0c; -moz-border-radius: 0 .4em .4em 0; /* Firefox */ -webkit-border-radius: 0 .4em .4em 0; /* Safari, Chrome */ border-radius: 0 .4em .4em 0; /* CSS3 */ outline: none; cursor: pointer; font-size: medium; z-index: 9; }

.navigation a.nav-active { color:#ffffff; width:130%;

} .navigation a:hover {

color:#070707;

} .navigation span {


}



/******************************************************************************/ /* MASK */ /******************************************************************************/

  1. mask

{ position: absolute; display: none; background-color: #000; z-index: 200; }

/*table*/

table { 

   border-collapse: collapse;

border-spacing: 0; margin: 0 auto;

}

td,th { 

   padding: 0;

}

.pure-table { 

   border-collapse: collapse;
   border-spacing: 0;
   empty-cells: show;
   border: 1px solid #cbcbcb;

}

.pure-table caption { 

   color: #000;
   font: italic 85%/1 arial,sans-serif;
   padding: 1em 0;
   text-align: center;

}

.pure-table td,.pure-table th { 

   border-left: 1px solid #cbcbcb;
   border-width: 0 0 0 1px;
   font-size: inherit;
   margin: 0;
   overflow: visible;
   padding: .5em 1em;

}

.pure-table thead { 

   background-color: #e0e0e0;
   color: #000;
   text-align: center;
   vertical-align: bottom;

}

.pure-table td { 

   background-color: transparent;

}

.pure-table-bordered td { 

   border-bottom: 1px solid #cbcbcb;

}

.pure-table-bordered tbody>tr:last-child>td { 

   border-bottom-width: 0;

}