Team:Freiburg/css/styles additional.css

From 2014.igem.org

(Difference between revisions)

Latest revision as of 03:35, 18 October 2014

nav > ul > li:nth-child(1).active {

  background-color: #D94B2B;

}

nav > ul > li:nth-child(2).active {

  background-color: #F29441;

}

nav > ul > li:nth-child(3).active {

  background-color: #2DA690;

} nav > ul > li:nth-child(4).active {

  background-color: #206E8C;

} nav > ul > li:nth-child(5).active {

  background-color: #294273;

} nav > ul > li:nth-child(6).active {

  background-color: #1F3257;

} nav > ul > li:nth-child(7).active {

  background-color: #443173;

}

.content {

 width: 70%;
 padding-right: 30px;
 padding-left: 30px;
 display: inline-block;
 vertical-align: top;
 border-right: 1px solid #eee;

margin-right: -1px; text-align: justify;} figure {

 width: 100%;
 max-width: 600px;
 display: block;
 margin-left: auto;
 margin-right: auto;

} /* new tag by jialiang lu, for formula */ figure2 {

 width: 100%;
 max-width: 800px;
 display: block;
 margin-left: auto;
 margin-right: auto;

} /* end of new tag */ .content .fig-full-width {

 max-width: 100%;

} .content img, .content .svg-container {

  padding: 10px;
  border: 3px solid #181617;
  box-shadow: 0 0 0 3px #EEEEEE; 
  background-color: white; 
  border-radius: 3px;

}

.content .img-no-pad { padding: 0px;

  border: 3px solid #181617;
  box-shadow: 0 0 0 3px #EEEEEE; 
  border-radius: 3px;

}

.content .img-no-border { padding: unset; border: none; background-color: transparent;

 box-shadow: none;

}

nav ul ul {

   padding-top: 0px;}

.content p {

  margin-bottom: 1em;

} .slides .right .description h2 ~ p strong { font-size: 200%;} .slides .right .description h2 ~ p span { color:#93A9B8;} .slides .right .description .read-more:hover { color: #01CFDF;} .slides .right .description .small_desc { font-size: 70%;}

.content a { /*Read More Links im Content*/

  font-style: normal;
  color: #01CFDF;

font-weight: 600; } .header-right a, a:hover {

  color: #EEEEEE;
  font-style: unset;
  text-decoration:none;

}

/*.content blockquote a { /*Read More Links im BlackQuote

  font-style: normal;
  color: #EEEEEE;}*/

.content blockquote h1 {

  font-style: normal;
  color: #01CFDF;
  text-shadow: 1px 0px 20px #EE7DF4;
  }

.content table, th, td {

   border: 1px solid white;
   padding: 5px;

} .content thead th{

   border-bottom: 4px;
   border-bottom-style: double;
   text-align: center;
   font-weight: bold;
   background-color: #2f2d2e;

} .content tbody th{

   border-right: 4px;
   border-right-style: double;
   text-align: center;
   font-weight: bold;
   background-color: #2f2d2e;

} .content tbody td{

  text-align: center;

}

/*test*/ .content em {

  font-weight: 600;
  text-shadow: 2px 0px 10px #01CFDF;
  }

.content .highlight-kursiv {

  font-weight: 400;
  font-style:italic;
  color: #EEEEEE; 
  text-shadow: none;

} .content .highlight-bold{ font-style: normal;

  font-weight: 700;
  color: #EEEEEE;
  text-shadow: none;

}

    nav ul li a {
     display: inline-block;
     color: #eee;
     font-size: 105%;
     padding: 5px 20px; }

@@ Line 39: / Line 39: @@
    margin-right: auto;
 }
-.content img {
+/* new tag by jialiang lu, for formula */
+figure2 {
+  width: 100%;
+  max-width: 800px;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+/* end of new tag */
+.content .fig-full-width
+{
+  max-width: 100%;
+}
+.content img,
+.content .svg-container {
     padding: 10px;
     border: 3px solid #181617;
@@ Line 56: / Line 70: @@
 .content .img-no-border {
-	padding: 0px;
+	padding: unset;
 	border: none;
 	background-color: transparent;
-	border-radius: none;
+  box-shadow: none;
 }
@@ Line 82: / Line 96: @@
 font-weight: 600;
 }
+.header-right a, a:hover {
+   color: #EEEEEE;
+   font-style: unset;
+   text-decoration:none;
+}
@@ Line 123: / Line 141: @@
 .content em {
     font-weight: 600;
-    color: #EE7DF4;
+    text-shadow: 2px 0px 10px #01CFDF;
     }
+.content .highlight-kursiv {
+   font-weight: 400;
+   font-style:italic;
+   color: #EEEEEE;
+   text-shadow: none;
+}
+.content .highlight-bold{
+	font-style: normal;
+   font-weight: 700;
+   color: #EEEEEE;
+   text-shadow: none;
+}
+     nav ul li a {
+      display: inline-block;
+      color: #eee;
+      font-size: 105%;
+      padding: 5px 20px; }