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

Line 1: Line 1:
 +
{{Team:Bielefeld-CeBiTec/Navbar_CSS}}
 +
 
<html>
 
<html>
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
<style>  
 
<style>  
 +
 +
/* W3 Schools templates*/
 +
 +
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1;}
 +
.w3-top{top:0;}
 +
.w3-bottom{bottom:0;}
 +
 +
#footer{display:block}
 +
 +
.w3-container:after,.w3-container:before{content:"";display:table;clear:both;}
 +
 +
.w3-container{padding:0.01em 16px;}
 +
 +
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important;}
 +
 +
.w3-center .w3-bar{display:inline-block;width:auto;}
 +
 +
.w3-center{text-align:center!important;}
 +
 +
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important;}
 +
 +
.w3-xlarge{font-size:24px!important;}
 +
  
 
/* HQ CSS*/
 
/* HQ CSS*/
Line 39: Line 63:
 
}
 
}
  
−
.main_content{
+
.content {
 
 
 
background-color: white;
 
background-color: white;
 +
 
border: 1px solid #000000;
 
border: 1px solid #000000;
 
border-radius: 0px;
 
border-radius: 0px;
 
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
min-height: 100px;
 
min-height: 100px;
−
        border-top: none;
+
border-top: none;
 
border-bottom: none;
 
border-bottom: none;
 
}
 
}
  
 
.container{
 
.container{
−
max-width:60%;
+
max-width:60vw;
 
}
 
}
 +
 +
.section{
 +
margin: 1%;
 +
}
 
 
 +
.half{
 +
max-width: 48%;
 +
}
 +
 +
.half.left {
 +
float: left;
 +
margin-right: 1%;
 +
}
 +
 +
.half.right {
 +
float: right;
 +
margin-left: 1%;
 +
 +
}
 +
 
article, .article {
 
article, .article {
 
text-align: justify;
 
text-align: justify;
Line 76: Line 120:
 
     margin: auto;
 
     margin: auto;
 
     margin-top: 0px;
 
     margin-top: 0px;
−
 
 
     padding-top: 20px;
 
     padding-top: 20px;
 
     padding-bottom: 15px;
 
     padding-bottom: 15px;
Line 82: Line 125:
  
 
.p {
 
.p {
−
align: justify;
+
text-align: justify;
 
}
 
}
  
−
.figure.eighty, .sponsor-figure.eighty {
+
.title {
−
width: 80%;
+
font-size: 40px;
 +
padding-top: 30px;
 +
padding-left: 10px;
 +
padding-bottom: 30px;
 
}
 
}
  
 +
body { padding-top: 55px; }
  
−
+
 
−
/* NAVBAR */
+
.w3-top{
 +
padding-bottom:50px;
 +
}
 +
 
 +
/* NAVBAR */
 
.navbar{
 
.navbar{
 
background-color: #000000;
 
background-color: #000000;
Line 97: Line 148:
 
font-size: 20px;
 
font-size: 20px;
 
margin-bottom: 0px;
 
margin-bottom: 0px;
 +
 
}
 
}
  
 
 
 
.navbar.center .navbar-inner {
 
.navbar.center .navbar-inner {
−
              text-align: center;
+
    text-align: center;
 
}
 
}
 
 
Line 113: Line 165:
 
 
 
vertical-align:center;
 
vertical-align:center;
 +
max-height:40px;
 
}
 
}
 
 
Line 127: Line 180:
 
color: #ffffff;
 
color: #ffffff;
 
background-color: #00000;
 
background-color: #00000;
 +
 
padding-top: 20px
 
padding-top: 20px
 
 
Line 170: Line 224:
 
}
 
}
 
 
−
.navbar .navbar-nav .dropdown-menu > li > a {
+
.navbar .navbar-nav .dropdown-menu > li > a{
 
color: #ffffff;
 
color: #ffffff;
 
background-color: #000000;
 
background-color: #000000;
Line 192: Line 246:
 
}
 
}
 
 
−
.affix {
+
.affix {
 
top: 0;
 
top: 0;
 
width: 100%;
 
width: 100%;
−
z-index: 9999 !important;
+
z-index: 1030
 +
!important;
 
}
 
}
  
Line 205: Line 260:
 
.logo-img{
 
.logo-img{
 
width: 65px;
 
width: 65px;
−
                padding-top: 10px;
+
padding-top: 5px;
 
}
 
}
 
 
 
 
 +
#page-arrow-top {
 +
display: none;
 +
cursor: pointer;
 +
padding: 0;
 +
margin: 0;
 +
position: fixed;
 +
bottom: 100px;
 +
right: 50px;
 +
}
 
 
 +
.half {
 +
width: 48%;
 +
}
 +
 +
.half.left {
 +
float: left;
 +
margin-right: 1%;
 +
}
 +
 +
.half.right {
 +
float: right;
 +
margin-left: 1%;
 +
}
 +
 +
.sidenavi{
 +
 +
margin-top: 50px;
 +
margin-left: 100px;
 +
display: block;
 +
position: -webkit-sticky;
 +
        position: sticky;
 +
        top: 150px;
 +
float: left;
 +
}
 +
 +
.side_list{
 +
display: block;
 +
margin: 30px;
 +
color: #002a5c;
 +
}
 +
 +
.side_link{
 +
color: #002a5c;
 +
font-size: 20px;
 +
text-decoration:none;
 +
padding: 10px;
 +
}
 +
 +
.side_list > a:hover{
 +
text-decoration:none;
 +
color: #002a5c;
 +
}
 +
 +
.side_list > a{
 +
text-decoration:none;
 +
font-size: 20px;
 +
padding: 10px;
 +
width:100%;
 +
cursor: pointer;
 +
}
 
 
 
 
−
/*Footer*/
+
/*Footer*/
 
.fa-facebook-official:before {
 
.fa-facebook-official:before {
 
     content: "\f230";
 
     content: "\f230";

Revision as of 20:32, 27 July 2018

Template:Team:Bielefeld-CeBiTec/Navbar CSS