Difference between revisions of "Team:Bielefeld-CeBiTec/CSS"

Line 1: Line 1:
−
<html lang="en">
+
 
−
<head>
+
 
 
<style>  
 
<style>  
  
Line 91: Line 91:
  
 
 
−
/* NAVBAR */
+
/* NAVBAR */
 
.navbar{
 
.navbar{
 
background-color: #000000;
 
background-color: #000000;
Line 101: Line 101:
 
 
 
.navbar.center .navbar-inner {
 
.navbar.center .navbar-inner {
−
    text-align: center;
+
              text-align: center;
 
}
 
}
 
 
Line 231: Line 231:
 
}
 
}
  
−
</style>
+
</style>
−
</head>
+
−
</html>
+

Revision as of 09:49, 12 July 2018


<style>

/* HQ CSS*/ .firstHeading { display: none; }

.mw-content-text { display: none; }

.logo_2018 { display: none; }

.globalWrapper { padding: 0px; 

       margin: 0px;

}

#content { margin-left:0px; padding:0px; width:100%; }



/*OWN STYLES*/

body { font-family: "Lato", sans-serif; }

.content { margin-bottom: 30px; background-color: white; margin-left: 300px; 

   margin-right: 300px;
   margin-top: 60px;

border: 1px solid #000000; border-radius: 15px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); min-height: 100px; 

   padding-bottom: 50px;

}

.container{ max-width:980px; margin-top:80px; margin-bottom:60px; }

article, .article { text-align: justify; 

   display: block;
   margin: auto;

font-size: 16px; padding-bottom: 20px; }

article, .article, .contentline { width: 96%; font-size: 16px; padding-bottom: 20px; }

.contentline article, .contentline .article { width: 100%; }

h1, h2, h3, h4, h5, h6 { 

   width: 92%;
   margin: auto;
   margin-top: 0px;

   padding-top: 20px;
   padding-bottom: 15px;

}

.p { align: justify; }



/* NAVBAR */ .navbar{ background-color: #000000; border-color: #000000; font-size: 20px; margin-bottom: 0px; }


.navbar.center .navbar-inner { 

              text-align: center;

}

.navbar.center .navbar-inner .nav { float: none; display:inline-block; vertical-align: middle; }

.navbar-inner{

vertical-align:center; }

/* Title */ .navbar .navbar-brand { color: #777; } .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { color: #5E5E5E; } /* Link */ .navbar .navbar-nav > li > a { color: #ffffff; background-color: #00000;

padding-top: 20px

} .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { background-color: #002a5c; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { color: #ffffff; background-color: #002a5c; } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus { color: #ffffff; background-color: #002a5c; }

/* Caret */ .navbar .navbar-nav > .dropdown > a .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }

.navbar .navbar-nav > .open > a .caret, .navbar .navbar-nav > .open > a:hover .caret, .navbar .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }

.navbar .navbar-nav .dropdown-toggle{ color: #ffffff; background-color: #000000; }

.navbar .navbar-nav .dropdown-menu { color: #ffffff; background-color: #000000; }

.navbar .navbar-nav .dropdown-menu > li > a{ color: #ffffff; background-color: #000000; }

.navbar .navbar-nav .dropdown-menu > li > a:hover, .navbar .navbar-nav .dropdown-menu > li > a:focus { color: #ffffff; background-color: #002a5c; }

.navbar .navbar-toggle { border-color: #DDD; } .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { background-color: #DDD; } .navbar .navbar-toggle .icon-bar { background-color: #CCC; }

.affix { top: 0; width: 100%; z-index: 9999 !important; }

.affix + .container-fluid { padding-top: 70px; }


.logo-img{ width: 65px; 

               padding-top: 10px;

}



/*Footer*/ .fa-facebook-official:before { 

   content: "\f230";
   color: white;

}


.fa-instagram:before { 

   content: "\f230";
   color: white;

}

.fa-twitter:before { 

   content: "\f230";
   color: white;

}

</style>