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

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
.group-img{
 
−
width: 50%;
 
−
margin-left: 250px;
 
−
}
 
−
 
−
 
 
.content {
 
.content {
−
       
+
margin-bottom: 60px;
 
background-color: white;
 
background-color: white;
 
padding: 15px 60px;
 
padding: 15px 60px;
 
border: 1px solid #000000;
 
border: 1px solid #000000;
−
border-radius: 15px;
+
border-radius: 10px;
 
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
−
        padding: 20px;
+
min-height: 100px;
−
        width: 100%;
+
−
margin: 0px;
+
−
border: none;
+
 
}
 
}
  
 
article, .article {
 
article, .article {
 
text-align: justify;
 
text-align: justify;
−
        display: block;
+
    display: block;
−
        margin: auto;
+
    margin: auto;
 
font-size: 16px;
 
font-size: 16px;
 
padding-bottom: 20px;
 
padding-bottom: 20px;
Line 54: Line 45:
 
.figure.medium, .figure.fifty, .sponsor-figure.medium, .sponsor-figure.fifty {
 
.figure.medium, .figure.fifty, .sponsor-figure.medium, .sponsor-figure.fifty {
 
width: 50%;
 
width: 50%;
−
}
 
−
 
−
.figure_medium {
 
−
width: 50%;
 
−
}
 
−
 
−
.figure.small.center{
 
−
        margin-left: 325px;
 
−
 
 
}
 
}
  
Line 96: Line 78:
 
margin-top: -10px;
 
margin-top: -10px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
−
        margin-left: 75px;
 
 
}
 
}
  
Line 131: Line 112:
 
float: left;
 
float: left;
 
margin-right: 0.335%;
 
margin-right: 0.335%;
 +
}
 +
 +
 +
 +
 +
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
.mw-content-text {
 +
display: none;
 +
}
 +
 +
.logo_2018 {
 +
display: none;
 +
}
 +
.container{
 +
max-width:980px;
 +
margin-top:80px;
 +
margin-bottom:60px;
 +
}
 +
 +
#content {
 +
margin-left:0px;
 +
padding:0px;
 +
width:100%;
 +
}
 +
 +
 +
.content {
 +
padding: 20px;
 +
width: 100%;
 +
margin: 0px;
 +
border: none;
 +
}
 +
 +
.globalWrapper {
 +
padding: 0px;
 +
}
 +
 +
 +
body {
 +
font-family: "Lato", sans-serif;
 +
}
 +
 +
h1{
 +
padding: 15px;
 +
}
 +
 +
 +
/* navbar */
 +
.navbar{
 +
background-color: #000000;
 +
border-color: #000000;
 +
font-size: 20px;
 +
}
 +
 +
 +
.navbar.center .navbar-inner {
 +
    text-align: center;
 +
}
 +
 +
.navbar.center .navbar-inner .nav {
 +
float: none;
 +
display:inline-block;
 +
vertical-align: middle;
 +
}
 +
 +
/* Title */
 +
.navbar .navbar-brand {
 +
color: #777;
 +
}
 +
.navbar .navbar-brand:hover,
 +
.navbar .navbar-brand:focus {
 +
color: #5E5E5E;
 +
}
 +
/* Link */
 +
.navbar .navbar-nav > li > a {
 +
color: #ffffff;
 +
 +
}
 +
.navbar .navbar-nav > li > a:hover,
 +
.navbar .navbar-nav > li > a:focus {
 +
color: #0067e6;
 +
}
 +
.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 > .dropdown > a:hover .caret,
 +
.navbar .navbar-nav > .dropdown > a:focus .caret {
 +
border-top-color: #5E5E5E;
 +
border-bottom-color: #5E5E5E;
 +
}
 +
.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-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;
 +
}
 +
 +
.group-img{
 +
width: 50%;
 +
align: center;
 +
}
 +
 +
 +
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 13:15, 11 July 2018