/*
* * General * */
.top_space {
padding-top: 10px;
}
.master-heading {
padding-bottom: 9px; margin-top: 75px;
}
.width70 {
width: 70%; margin: auto;
}
.width100 {
width: 100%; margin: auto;
}
.literature_list { /* Used for literature */
list-style-type: none;
}
.ref {
color:#0000EE;
}
.figure_text {
font-size: 75%; width:75%; margin: auto; text-align:justify; margin-bottom: 50px;
}
.figure_img {
width:75%; margin-top: 50px;
}
/*
* * Navigation * */
.navigation-icon {
max-width:100px; max-height:25px; margin-top: 0px;
}
.button { /* General */
display: inline-block; border-radius: 4px; background-color: #b3b3b3; border: none; color: #FFFFFF; text-align: center; font-size: 18px; padding: 10px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px; margin-bottom: 35px; vertical-align:middle
}
.button span {
cursor: pointer; display: inline-block; position: relative; transition: 0.5s;
}
.button:hover span:after {
opacity: 1; right: 0;
}
.button_right:hover span {
padding-right: 25px;
}
.button_right span:after {
content: '»'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;
}
.button_left:hover span {
padding-left: 25px;
}
.button_left span:before {
content: '«'; position: absolute; opacity: 0; top: 0; left: +20px; transition: 0.5s;
}
/*
* * Featurette * */
.featurette-heading {
font-weight: normal; margin-top: 7rem; font-size: 50px; line-height: 1; letter-spacing: -.05rem;
}
.featurette-text {
font-size: 120%; color: gray; font-weight: normal;
}
.featurette-divider {
margin: 5rem 0; /* Space out the Bootstrapmore */
background-color: #DCDCDC; height: 1px;
}
.featurette-button {
margin-top: 15px;
}
/*
* * Index * */
.heading {
padding: 30px 5px; text-align: center;
}
/*
* * Debugging * */
.todo {
color:red; font-style:normal; background-color:black; font-weight: bold;
}
/*
* * Team * */
.name_heading {
text-align: center;
}
.responsibilities h3 {
text-align: center;
}
.responsibilities p {
text-align: center;
}
.responsibilities p a {
margin-top: 15px;
}
.hovereffect {
width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;
}
.hovereffect .overlay {
width: 100%; position: absolute; overflow: hidden; left: 0;
top: auto; bottom: 0; padding: 1em; height: 4.75em;
/* Transformation settings */
-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
/* Fallback for web browsers that doesn't support RGBa */ background: rgb(0,0,0); /* RGBa with 0.6 opacity */ background: rgba(0,0,0,0.6);
}
.hovereffect p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); }
.hovereffect:hover .overlay, .hovereffect:hover p.icon-links a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.badged {
position:relative; padding-top:20px; display:inline-block;
}
.ribbon {
background-color: #66b8dc; overflow: hidden; white-space: nowrap; /* top right corner */ position: absolute; right: -50px; top: 40px; /* 45 deg cw rotation */ -webkit-transform: rotate(+45deg); -moz-transform: rotate(+45deg); -ms-transform: rotate(+45deg); -o-transform: rotate(+45deg); transform: rotate(+45deg); /* shadow */ -webkit-box-shadow: 0 0 10px #888; -moz-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888;
}
.ribbon a {
border: 1px solid #faa; color: #fff; display: block; font: bold 100% 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 1px 0; padding: 10px 50px; text-align: center; text-decoration: none; /* shadow */ text-shadow: 0 0 5px #444;
}