Team:ATOMS-Turkiye/Templates/Style

From 2013.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 4: Line 4:
@charset "UTF-8";
@charset "UTF-8";
 +
#globalwrapper{
 +
font-size:100%;
 +
}
#searchInput {
#searchInput {
-
display:none;
+
  display:none;
 +
}
 +
#toc{
 +
float: right;
}
}
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, items {
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, items {
-
    display:none;}
+
  display:none;}
#top-section {
#top-section {
-
    border: none;
+
  border: none;
-
    height: 0px;}
+
  height: 0px;
 +
}
#content {
#content {
-
    border: none;
+
  border: none;
-
    padding:0;
+
  padding:0;
 +
  box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.55);
 +
  -moz-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.55);
 +
  -webkit-box-shadow: 0px 0px 5px 2px rgba(119, 119, 119, 0.55);
}
}
#top-section{
#top-section{
Line 46: Line 56:
z-index:800;
z-index:800;
}
}
-
#contentbox {
+
#bodyContent h1, #bodyContent h2 {
 +
}
 +
.article{
width: 85%;
width: 85%;
position: relative;  
position: relative;  
-
background:white;
+
margin: 10px auto 0 auto;
-
width:850px;
+
-
margin: -10px auto 0 auto;
+
padding:20px 50px 50px 25px;
padding:20px 50px 50px 25px;
text-decoration:none;
text-decoration:none;
border:none;
border:none;
-
z-index:800;
 
}
}
Line 88: Line 97:
   width: 100%;
   width: 100%;
   height: 180px;
   height: 180px;
-
}
 
-
 
-
#header .headerimage{
 
-
float:left;height:100%;text-align: center;
 
}
}
Line 100: Line 105:
#menu li a {
#menu li a {
   font-weight: bold;
   font-weight: bold;
-
   font-size:90%;
+
   font-size:100%;
   color: #FFFFFF;
   color: #FFFFFF;
   text-align: center;
   text-align: center;
   padding: 0px;
   padding: 0px;
 +
  padding-top: 4px;
 +
  padding-bottom: 3px;
   text-decoration: none;
   text-decoration: none;
   top: -14px;
   top: -14px;
Line 114: Line 121:
}
}
#menu, #menu ul {
#menu, #menu ul {
 +
display: inline-block;
 +
width: 100%;
  list-style-type:none;
  list-style-type:none;
  padding: 0;
  padding: 0;
Line 122: Line 131:
  background: #233447;
  background: #233447;
  display:inline;
  display:inline;
 +
position: relative;
  float: left;
  float: left;
  width: 12.5%;
  width: 12.5%;
Line 132: Line 142:
#menu li ul li{
#menu li ul li{
  width: 100%;
  width: 100%;
 +
border-bottom: 1px solid #1A1C20;
}
}
Line 140: Line 151:
}
}
.boxin{
.boxin{
-
   box-shadow: inset 0px 0px 52px 4px rgba(119, 119, 119, 0.75);
+
   box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45);
-
   -moz-box-shadow: inset 0px 0px 52px 4px rgba(119, 119, 119, 0.75);
+
   -moz-box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45);
-
   -webkit-box-shadow: inset 0px 0px 52px 4px rgba(119, 119, 119, 0.75);
+
   -webkit-box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45);
}
}
-
p{
 
-
margin-left:1em;
 
-
margin-right:1em;
 
-
}
 
.infocard{
.infocard{
  font-size:85%;
  font-size:85%;
  margin:2em;
  margin:2em;
 +
color: #fff;
}
}
Line 163: Line 171:
     -moz-border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -webkit-border-radius: 5px;
 +
 +
    border: 5px solid #0E1722;
}
}
Line 184: Line 194:
   display: inline;
   display: inline;
   float: left;
   float: left;
-
   border-right: 1px solid #bbbbbb;
+
   border-right: 1px solid #161414;
   margin-bottom:0;
   margin-bottom:0;
   background-color: rgba(190,190,190,0.5);
   background-color: rgba(190,190,190,0.5);
 +
  border-radius: 8px;
 +
  margin: 2px;
}
}
.slide-pager li:hover{
.slide-pager li:hover{
Line 252: Line 264:
.mw-headline
.mw-headline
{
{
-
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40);
+
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40);
-
  color: #0080ff;
+
  color: #0080ff;
 +
 
 +
  cursor: pointer;
}
}
.editsection{
.editsection{
Line 263: Line 277:
   top: 0;
   top: 0;
   visibility: hidden;
   visibility: hidden;
 +
}
 +
.tourview{
 +
  margin:auto;
 +
  width:907px;
 +
  height:283px;
 +
  -webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
  -o-background-size: cover;
 +
  background-size: cover;
 +
}
 +
.tourview a{
 +
width:25%;
 +
height:100%;
 +
display:block;
 +
float:left;
 +
}
 +
.blockquote{
 +
margin:40px;
 +
padding:15px;
 +
background:rgba(67,190,80,0.2);
 +
border: 1px solid #222;
 +
}
 +
.shadowtext{
 +
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.73);
}
}
</style>
</style>
</html>
</html>

Latest revision as of 02:27, 5 October 2013