Difference between revisions of "Template:Erlangen Nuremberg/CSS"

Revision as of 14:54, 28 June 2017

/* removes iGEM Styles */

sideMenu, #top_title {

   display: none;

}

bodyContent {

   width: 100%;
   height: 100%;

}

content {

   width:100%;
   padding: 0px;
   margin-top: -7px;
   margin-left: 0px;

}

end iGEM styles*/

{

   border-sizing: border-box;
   /* makes boxes visible */
   /* border: 1px solid rgba(0,0,0,0.3); */

}

html, body {

   margin: 0;
   padding-bottom: 0 ;
   height: 100%;
   width: 100%;
   overflow: scroll;

}

/*removes underlines/color from links */ a {

   text-decoration: none;
   color: transparent;

}

/* Navbar Dropdown */ .sidebar-nav {

   padding: -9px 0;

}

.navbar {

   margin-top: 20px;
   background:

}

.nav li a {

   position:relative;
   display:block;
   border-radius: 0px 10px 10px 10px;

   background-color: rgba(110,14,26,1);
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-left: 20px;
   border: 1px solid rgba(110,14,26,1);

}

.nav li a:hover {

   color: rgba(110,14,26,1);

} .nav li a {

   color:white;

}

.dropdown .dropdown-menu li a{

   color: white;

} .dropdown .dropdown-menu li a:hover{

   color: rgba(110,14,26,1);

}

.dropdown:hover .dropdown-menu {

   display: inline-block;

}

.dropdown .dropdown-menu {

   background-color: transparent;
   box-shadow: none;
   border:none;

}

.navbar-brand img {

   margin-top: -19px;
   height:55px;

}

.dropdown-menu li{

   margin-top: 5px;
   margin-right: 15px;

} /*navbar Ende */

h2 {

   text-align: center;

}

pre {

   border: 0; 
   background-color: black;
   text-align: justify;

}

.content {

   position: relative;
   top: 50px;
   width: 60%;
   border-radius: 10px 10px 10px 10px;
   margin: 0 auto;
   padding: 20px 20px;

}

.content img{

   float:left;

}

.backgroundimage img {

   width: 100%;

}

/* .backgroundimage{

       position: relative;
       background-image: url("");
       background-repeat: no-repeat;
       border: 1px solid rgba(0,0,0,0.3);
       position: relative;
       height: 70%;
       width: 100%;

} */

.backgroundimage .content h2{

   position: relative;
   font-size: 70px;
   text-align: center;
   font-family: Verdana;
   color: black;

}

.project{

   position: relative;
   height: 100%

} .project .content{

   position: relative;
   font-family: Verdana;
   top: 5%;
   left: 5%;
   right: 5%;
   bottom: 5%;

}

.project .content p{

   position: relative;
   font-family: Verdana;
   font-size: 15px;
   text-align: center;

}

.project .content h2{

   font-size: 30px;

}

.bottom{

  position: relative;
  bottom: 0;
   left: 0;
   right: 0;
   margin-top: 10px;
   padding-top: 50px;

}

.bottom .contactus{

   text-align: center;
   background: black;
   width: 100%;

}

.contactus p{

   color: white;
   font-family: Verdana;
   line-height: 300%;
   text-align: center;
   left: 100%;
   padding-top: 5px;
   padding-bottom: 0;

}

.bottom .sponsors{

   background: white;
   text-align-last: center;
   height: 5px;
   padding-bottom: 80px;

}

.bottom .sponsors p{

   text-align-last: center;
   padding-bottom: 50px;

}

.contactus .logos{

   padding-top: 0;

}

.logo {

   z-index: 15;

}

@@ Line 1: / Line 1: @@
+/* removes iGEM Styles */
 #sideMenu, #top_title {
      display: none;
@@ Line 15: / Line 16: @@
 }
+end iGEM styles*/
 * {
@@ Line 37: / Line 39: @@
 }
-pre {
-    border: 0;
-    background-color: black;
-    text-align: justify;
-}
 /* Navbar Dropdown */
@@ Line 96: / Line 96: @@
      height:55px;
 }
 .dropdown-menu li{
@@ Line 105: / Line 103: @@
 /*navbar Ende */
-/*team*/
-.team-banner img{
-    margin-top: 50px;
-    width:100%;
-    height:500px;
-}
-.background .team-banner img {
-    margin-top: 100px;
-    width:100%;
-}
-.teammembers1 img {
-    width: 20%;
-    margin-left: 5%;
-    margin-top: 50px;
-    margin-bottom:50px;
-    float:left;
-}
-.teammembers1 p{
-    margin-left: 40%;
-    margin-right:20%;
-    margin-top: 5%;
-    color: gainsboro;
-}
-.teammembers2 img {
-    width:20%;
-    margin-right: 5%;
-    margin-top: 50px;
-    margin-bottom: 50px;
-    float:right;
-}
-.teammembers2 p{
-    margin-left: 20%;
-    margin-right: 40%;
-    margin-top: 5%;
-    color: rgba(110,14,26,1);
-}
-.teammembers1 {
-    margin-left:22%;
-    margin-top: 30px;
-    margin-bottom: 20px;
-    margin-right: 30%;
-    border-radius: 0px 10px 10px 10px;
-    background-color: rgba(110,14,26,1) ;
-    box-shadow: 10px 10px 26px 0px rgba(150,150,150,1);
-}
-.teammembers2{
-    margin-left:30%;
-    margin-top: 30px;
-    margin-bottom: 20px;
-    margin-right: 22%;
-    border-radius: 10px 0px 10px 10px;
-    background-color: gainsboro;
-   box-shadow: -10px 10px 26px 0px rgba(150,150,150,1);
-}
@@ Line 176: / Line 109: @@
 }
+pre {
+    border: 0;
+    background-color: black;
+    text-align: justify;
+}
 .content {
@@ Line 189: / Line 127: @@
 .content img{
      float:left;
-}
-/* adds invisible element for right scrolling position */
- .jumptarget:before {
-    display: block;
-    content: "";
-    margin-top: -200px;
-    height: 200px;
-    visibility: hidden;
-}
-/* back to the top icon */
-.backtop {
-    position: fixed;
-    left: 50%;
-    margin-top: 90%;
-    margin-bottom: 10%;
-    z-index: 16;
-    font-size: 50px;
-    border: 2px solid rgba(110,14,26,1);
-    border-radius: 50%;
-    background-color:rgba(126,40,51,1);
-    box-shadow:  4px 7px 40px -2px rgba(0,0,0,0.5);
-}
-.choose_timeline {
-    position: relative;
-    width: 60%;
-    margin: 0 auto;
-    margin-top: 10%;
-}
-#erlangen_timeline a, #wuerzburg_timeline a {
-    text-decoration: none;
-    color: black;
-}
-#erlangen_timeline {
-    position: relative;
-    float: left;
-    background-color:rgba(126,40,51,1);
-}
-#erlangen_timeline h2, #wuerzburg_timeline h2 {
-    color: white;
-    font-size: 1.8em;
-}
-#erlangen_timeline, #wuerzburg_timeline {
-    position: relative;
-    background-color:rgba(126,40,51,1);
-    color: white;
-    display:inline-block;
-    border-radius: 0px 10px 10px 10px;
-    background-color: rgba(110,14,26,1);
-    text-transform: uppercase;
-    letter-spacing: 1.5px;
-    margin-left: 20px;
-    border: 1px solid rgba(110,14,26,1);
-    box-shadow:  4px 7px 40px -2px rgba(0,0,0,0.5);
-    padding: 0.1% 2%;
-}
-#erlangen_timeline {
-    float: left;
-}
-#wuerzburg_timeline {
-    float: right;
 }