Team:ATOMS-Turkiye/Templates/Style

From 2013.igem.org

(Difference between revisions)
 
(53 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;
 +
  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{
   height: 20px !important;
   height: 20px !important;
Line 44: 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 86: Line 97:
   width: 100%;
   width: 100%;
   height: 180px;
   height: 180px;
-
}
 
-
 
-
#header .headerimage{
 
-
float:left;height:100%;text-align: center;
 
}
}
Line 97: Line 104:
}
}
#menu li a {
#menu li a {
-
  background: #9abf2e;
 
   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;
 +
}
 +
#menu >li {
 +
  border-bottom: 1px solid #000;
}
}
#menu li a:hover{
#menu li a:hover{
-
   background: #7aaf1e;
+
   background: #A74B48;
}
}
#menu, #menu ul {
#menu, #menu ul {
-
  background: #9abf2e;
+
  display: inline-block;
 +
width: 100%;
  list-style-type:none;
  list-style-type:none;
  padding: 0;
  padding: 0;
Line 117: Line 129:
}
}
#menu li {
#menu li {
 +
background: #233447;
  display:inline;
  display:inline;
 +
position: relative;
  float: left;
  float: left;
  width: 12.5%;
  width: 12.5%;
}
}
#menu li ul {
#menu li ul {
 +
background: #233447;
  position: absolute;
  position: absolute;
  width: 10em;
  width: 10em;
Line 127: Line 142:
#menu li ul li{
#menu li ul li{
  width: 100%;
  width: 100%;
 +
border-bottom: 1px solid #1A1C20;
}
}
Line 135: 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{
 
-
text-align:justify;
 
-
font-family: serif;
 
-
margin-left:1em;
 
-
margin-right:1em;
 
-
}
 
.infocard{
.infocard{
  font-size:85%;
  font-size:85%;
  margin:2em;
  margin:2em;
 +
color: #fff;
}
}
Line 160: Line 171:
     -moz-border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -webkit-border-radius: 5px;
 +
 +
    border: 5px solid #0E1722;
}
}
Line 181: Line 194:
   display: inline;
   display: inline;
   float: left;
   float: left;
-
   border: 1px solid #bbbbbb;
+
   border-right: 1px solid #161414;
-
   background-color: #dddddd;
+
   margin-bottom:0;
-
   border-radius: 4px 4px 0px 0px;
+
   background-color: rgba(190,190,190,0.5);
-
   -moz-border-radius: 4px 4px 0px 0px;
+
   border-radius: 8px;
-
   -webkit-border-radius: 4px 4px 0px 0px;
+
   margin: 2px;
}
}
.slide-pager li:hover{
.slide-pager li:hover{
Line 201: Line 214:
   margin-top: 0.3em;
   margin-top: 0.3em;
   margin-bottom: 0.3em;
   margin-bottom: 0.3em;
 +
  border-right:1px solid #ddd;
 +
}
 +
.quicklinks > *:last-child{
 +
  border-right:0px solid #ddd;
}
}
.quicklinks a{
.quicklinks a{
Line 217: Line 234:
*.rui-billboard> *:first-child, *.rui-billboard> *.rui-billboard-current:first-child{display:block;position:relative}
*.rui-billboard> *:first-child, *.rui-billboard> *.rui-billboard-current:first-child{display:block;position:relative}
*.rui-billboard> *>img{margin:0;padding:0}
*.rui-billboard> *>img{margin:0;padding:0}
-
*.rui-billboard-current{position:absolute;left:0;top:0;display:block;z-index:999}
+
*.rui-billboard-current{position:absolute;left:0;top:0;display:block;z-index:9}
-
*.rui-billboard-button-prev, *.rui-billboard-button-next{position:absolute;z-index:99999;left:.25em;top:auto;bottom:.25em;display:block;width:.5em;height:auto;text-align:center;font-size:200%;font-family:Arial;font-weight:bold;padding:0em .5em .2em .5em;background:white;opacity:0;filter:alpha(opacity:0);cursor:pointer;border:.12em solid #888;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out}
+
*.rui-billboard-button-prev, *.rui-billboard-button-next{position:absolute;z-index:99999;left:.5em;top:auto;bottom:.25em;display:block;width:.5em;height:auto;text-align:center;font-size:200%;font-family:Arial;font-weight:bold;padding:0em .5em .2em .5em;background:white;opacity:0;filter:alpha(opacity:0);cursor:pointer;border:.12em solid #888;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out}
*.rui-billboard-button-next{left:auto;right:.25em;text-align:right}
*.rui-billboard-button-next{left:auto;right:.25em;text-align:right}
*.rui-billboard-button-prev:active{text-indent:-.1em}
*.rui-billboard-button-prev:active{text-indent:-.1em}
Line 229: Line 246:
   width: 80%;
   width: 80%;
   height: 270px;
   height: 270px;
-
   margin: 10%;
+
   margin-left: 10%;
 +
  margin-right: 10%;
}
}
#billboard li{
#billboard li{
-
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
+
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
-
-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
+
-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
-
-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
+
-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
     margin: 20px;
     margin: 20px;
     padding: 20px;
     padding: 20px;
Line 240: Line 258:
     border: 1px solid #bbbbbb;
     border: 1px solid #bbbbbb;
      
      
-
     border-radius: 24px;
+
     border-radius: 10px;
-
     -moz-border-radius: 24px;
+
     -moz-border-radius: 10px;
-
     -webkit-border-radius: 24px;
+
     -webkit-border-radius: 10px;
 +
}
 +
.mw-headline
 +
{
 +
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40);
 +
  color: #0080ff;
 +
 
 +
  cursor: pointer;
 +
}
 +
.editsection{
 +
font-size: 70%;
 +
}
 +
 
 +
.floatingHeader{
 +
  position: fixed;
 +
  top: 0;
 +
  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