Team:ATOMS-Turkiye/Templates/Style

From 2013.igem.org

(Difference between revisions)
 
(119 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<style type="text/css">
<style type="text/css">
@charset "UTF-8";
@charset "UTF-8";
 +
#globalwrapper{
 +
font-size:100%;
 +
}
#searchInput {
#searchInput {
-
display:none;
+
  display:none;
}
}
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
#toc{
-
    display:none;}
+
float: right;
 +
}
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, items {
 +
  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 20: Line 33:
html {
html {
-
     
 
-
 
width:100%;
width:100%;
height:100%;
height:100%;
Line 27: Line 38:
border:none;
border:none;
  margin:0;
  margin:0;
-
 
}
}
-
 
-
 
body {
body {
width:100%;
width:100%;
Line 48: 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 92: Line 99:
}
}
-
#header .headerimage{
+
#menu a {
-
  float:left;height:100%;text-align: center;
+
  display: block;
 +
width: 100%;
}
}
-
 
+
#menu li a {
-
#menu {
+
  font-weight: bold;
-
   font-size: 100%;
+
   font-size:100%;
 +
  color: #FFFFFF;
 +
  text-align: center;
 +
  padding: 0px;
 +
  padding-top: 4px;
 +
  padding-bottom: 3px;
 +
  text-decoration: none;
   top: -14px;
   top: -14px;
}
}
-
#menu ul{
+
#menu >li {
-
   list-style-type:none;
+
   border-bottom: 1px solid #000;
-
  background: #9abf2e;
+
}
-
  margin:0;
+
#menu li a:hover{
-
  padding:0;
+
  background: #A74B48;
 +
}
 +
#menu, #menu ul {
 +
display: inline-block;
 +
width: 100%;
 +
list-style-type:none;
 +
padding: 0;
 +
margin: 0;
 +
list-style: none;
}
}
#menu li {
#menu li {
 +
background: #233447;
  display:inline;
  display:inline;
 +
position: relative;
 +
float: left;
 +
width: 12.5%;
}
}
-
#menu li a {
+
#menu li ul {
-
  background: #9abf2e;
+
background: #233447;
-
   font-weight: bold;
+
position: absolute;
-
   font-size:60%;
+
width: 10em;
-
  color: #FFFFFF;
+
}
 +
#menu li ul li{
 +
width: 100%;
 +
border-bottom: 1px solid #1A1C20;
 +
}
 +
 
 +
.box {
 +
   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);
 +
}
 +
.boxin{
 +
  box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45);
 +
  -moz-box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45);
 +
  -webkit-box-shadow: inset 0px 0px 32px 4px rgba(0, 0, 0, 0.45);
 +
}
 +
 
 +
.infocard{
 +
font-size:85%;
 +
margin:2em;
 +
color: #fff;
 +
}
 +
 
 +
#slideshow {
 +
    overflow: hidden;
 +
    padding: 0;
 +
    background: #eeeeee;
 +
    border: 1px solid #bbbbbb;
 +
   
 +
    border-radius: 5px;
 +
    -moz-border-radius: 5px;
 +
    -webkit-border-radius: 5px;
 +
 
 +
    border: 5px solid #0E1722;
 +
}
 +
 
 +
.slide-pager{
 +
  list-style-type:none;
 +
  padding: 0;
 +
  margin: 0;
 +
  list-style: none;
 +
}
 +
 
 +
.slide-pager a{
 +
  display: block;
 +
  text-decoration: none;
   text-align: center;
   text-align: center;
   padding: 0px;
   padding: 0px;
-
   text-decoration: none;
+
   width: 24px;
 +
  color: #111;
}
}
-
#menu li:hover a{
+
 
-
   background: #7aaf1e;
+
.slide-pager li{
 +
   display: inline;
 +
  float: left;
 +
  border-right: 1px solid #161414;
 +
  margin-bottom:0;
 +
  background-color: rgba(190,190,190,0.5);
 +
  border-radius: 8px;
 +
  margin: 2px;
}
}
-
#menu, #menu ul {
+
.slide-pager li:hover{
-
padding: 0;
+
  background-color: #bbbbbb;
-
margin: 0;
+
-
list-style: none;
+
}
}
-
#menu a {
+
.quicklinks{
-
display: block;
+
  display: inline-block;
-
width: 100%;
+
  border-radius: 10px;
 +
  background: #3a3238;
 +
}
 +
.quicklinks li{
 +
  display: block;
 +
  float: left;
 +
  margin-top: 0.3em;
 +
  margin-bottom: 0.3em;
 +
  border-right:1px solid #ddd;
 +
}
 +
.quicklinks > *:last-child{
 +
  border-right:0px solid #ddd;
 +
}
 +
.quicklinks a{
 +
  color: #f4efe0;
 +
  text-decoration: none;
 +
  margin: 0.5em;
}
}
-
#menu li {
+
/**
-
float: left;
+
* Rightjs-billboard style
-
width: 12.5%;
+
* Copyright (C) 2010-2011 Nikolay Nemshilov
 +
*/
 +
*.rui-billboard, *.rui-billboard> *{margin:0;padding:0;list-style:none;overflow:hidden;}
 +
*.rui-billboard{display:inline-block; *display:inline; *zoom:1;position:relative}
 +
*.rui-billboard> *{display:none;width:700px;height:200px}
 +
*.rui-billboard> *:first-child, *.rui-billboard> *.rui-billboard-current:first-child{display:block;position:relative}
 +
*.rui-billboard> *>img{margin:0;padding:0}
 +
*.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:.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-prev:active{text-indent:-.1em}
 +
*.rui-billboard-button-next:active{text-indent:.2em}
 +
*.rui-billboard:hover *.rui-billboard-button-prev, *.rui-billboard:hover *.rui-billboard-button-next{opacity:0.4;filter:alpha(opacity:40)} *.rui-billboard:hover *.rui-billboard-button-prev:hover, *.rui-billboard:hover *.rui-billboard-button-next:hover{opacity:0.7;filter:alpha(opacity:70)}.rui-billboard-fx-container{position:absolute;left:0;top:0;display:block;z-index:9999;overflow:hidden}.rui-billboard-fx-container> *{position:absolute;left:0;top:0}.rui-billboard-stripe{overflow:hidden}.rui-billboard-stripe> *{position:relative}
 +
 
 +
#billboard
 +
{
 +
  width: 80%;
 +
  height: 270px;
 +
  margin-left: 10%;
 +
  margin-right: 10%;
}
}
-
#menu li ul {
+
#billboard li{
-
position: absolute;
+
box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
-
width: 10em;
+
-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
-
left: -999em;
+
-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
 +
    margin: 20px;
 +
    padding: 20px;
 +
    background: #eeeeee;
 +
    border: 1px solid #bbbbbb;
 +
   
 +
    border-radius: 10px;
 +
    -moz-border-radius: 10px;
 +
    -webkit-border-radius: 10px;
}
}
 +
.mw-headline
 +
{
 +
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.40);
 +
  color: #0080ff;
-
#menu li:hover ul {
+
  cursor: pointer;
-
left: auto;
+
}
 +
.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