@@ Line 4: / Line 4: @@
 @charset "UTF-8";
+#globalwrapper{
+font-size:100%;
+}
 #searchInput {
- display:none;
+  display:none;
+}
+#toc{
+ float: right;
 }
 #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, items {
-    display:none;}
+  display:none;}
 #top-section {
-    border: none;
+  border: none;
-    height: 0px;}
+  height: 0px;
+}
 #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{
    height: 20px !important;
@@ Line 44: / Line 56: @@
 	z-index:800;
 }
-#contentbox {
+#bodyContent h1, #bodyContent h2 {
+}
+.article{
 	width: 85%;
 	position: relative;
-	background:white;
+	margin: 10px auto 0 auto;
-	width:850px;
-	margin: -10px auto 0 auto;
 	padding:20px 50px 50px 25px;
 	text-decoration:none;
 	border:none;
-	z-index:800;
 }
@@ Line 86: / Line 97: @@
    width: 100%;
    height: 180px;
-}
-#header .headerimage{
- float:left;height:100%;text-align: center;
 }
@@ Line 97: / Line 104: @@
 }
 #menu li a {
-  background: #9abf2e;
    font-weight: bold;
-   font-size:90%;
+   font-size:100%;
    color: #FFFFFF;
    text-align: center;
    padding: 0px;
+  padding-top: 4px;
+  padding-bottom: 3px;
    text-decoration: none;
    top: -14px;
+}
+#menu >li {
+  border-bottom: 1px solid #000;
 }
 #menu li a:hover{
-   background: #7aaf1e;
+   background: #A74B48;
 }
 #menu, #menu ul {
-  background: #9abf2e;
+  display: inline-block;
+ width: 100%;
   list-style-type:none;
   padding: 0;
@@ Line 117: / Line 129: @@
 }
 #menu li {
+ background: #233447;
   display:inline;
+ position: relative;
   float: left;
   width: 12.5%;
 }
 #menu li ul {
+ background: #233447;
   position: absolute;
   width: 10em;
@@ Line 127: / Line 142: @@
 #menu li ul li{
   width: 100%;
+ border-bottom: 1px solid #1A1C20;
 }
@@ Line 135: / Line 151: @@
 }
 .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{
   font-size:85%;
   margin:2em;
+ color: #fff;
 }
@@ Line 160: / Line 171: @@
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
+    border: 5px solid #0E1722;
 }
@@ Line 181: / Line 194: @@
    display: inline;
    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{
@@ Line 201: / Line 214: @@
    margin-top: 0.3em;
    margin-bottom: 0.3em;
+  border-right:1px solid #ddd;
+}
+.quicklinks > *:last-child{
+  border-right:0px solid #ddd;
 }
 .quicklinks a{
@@ Line 214: / Line 231: @@
 *.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:100%;height:100%}
+*.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: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-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%;
+}
+#billboard li{
+box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.4);
+-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.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;
+  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>
 </html>

Team:ATOMS-Turkiye/Templates/Style

From 2013.igem.org

Latest revision as of 02:27, 5 October 2013