(31 intermediate revisions by the same user not shown) | |||
Line 34: | Line 34: | ||
.figure_text { | .figure_text { | ||
font-size: 75%; | font-size: 75%; | ||
− | width: | + | width:65%; |
margin: auto; | margin: auto; | ||
text-align:justify; | text-align:justify; | ||
Line 41: | Line 41: | ||
.figure_img { | .figure_img { | ||
− | + | margin-top: 25px; | |
− | margin-top: | + | |
} | } | ||
Line 50: | Line 49: | ||
* | * | ||
*/ | */ | ||
+ | |||
+ | .attention_button { | ||
+ | display: inline-block; | ||
+ | border-radius: 4px; | ||
+ | background-color: #00a99d; | ||
+ | border: none; | ||
+ | color: #FFFFFF; | ||
+ | text-align: center; | ||
+ | font-size: 25px; | ||
+ | padding: 20px; | ||
+ | width: 300px; | ||
+ | cursor: pointer; | ||
+ | margin-top: 35px; | ||
+ | margin-bottom: 35px; | ||
+ | vertical-align:middle; | ||
+ | appearance: button; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .attention_button:link { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .attention_button:visited { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .attention_button:hover { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .attention_button:active { | ||
+ | color: #FFFFFF; | ||
+ | text-decoration: none; | ||
+ | } | ||
.navigation-icon { | .navigation-icon { | ||
Line 57: | Line 94: | ||
} | } | ||
− | .button { | + | .button { |
display: inline-block; | display: inline-block; | ||
border-radius: 4px; | border-radius: 4px; | ||
Line 67: | Line 104: | ||
padding: 10px; | padding: 10px; | ||
width: 200px; | width: 200px; | ||
− | |||
cursor: pointer; | cursor: pointer; | ||
margin: 5px; | margin: 5px; | ||
margin-bottom: 35px; | margin-bottom: 35px; | ||
− | vertical-align:middle | + | vertical-align:middle; |
+ | appearance: button; | ||
+ | text-decoration: none; | ||
+ | border-style: solid; | ||
+ | border-width: 5px; | ||
+ | border-color: #b3b3b3; | ||
} | } | ||
− | .button | + | .button:link { |
− | + | color: #FFFFFF; | |
− | + | text-decoration: none; | |
− | + | ||
− | + | ||
} | } | ||
− | .button: | + | .button:visited { |
− | + | color: #FFFFFF; | |
− | + | text-decoration: none; | |
} | } | ||
− | . | + | .button:hover { |
− | + | color: #FFFFFF; | |
+ | text-decoration: none; | ||
} | } | ||
− | . | + | .button:active { |
− | + | color: #FFFFFF; | |
− | + | text-decoration: none; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .button.active { |
− | + | border-style: solid; | |
− | + | border-width: 5px; | |
− | + | border-color: #29abe2; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 140: | Line 169: | ||
.featurette-button { | .featurette-button { | ||
margin-top: 15px; | margin-top: 15px; | ||
+ | } | ||
+ | |||
+ | .footer-divider { | ||
+ | margin-top: 25px; | ||
+ | margin-bottom: 5px; | ||
+ | height: 1px; | ||
+ | width: 100%; | ||
+ | color: black; | ||
+ | background-color:black; | ||
} | } | ||
Latest revision as of 16:02, 1 December 2016
/*
* * 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:65%; margin: auto; text-align:justify; margin-bottom: 50px;
}
.figure_img {
margin-top: 25px;
}
/*
* * Navigation * */
.attention_button {
display: inline-block; border-radius: 4px; background-color: #00a99d; border: none; color: #FFFFFF; text-align: center; font-size: 25px; padding: 20px; width: 300px; cursor: pointer; margin-top: 35px; margin-bottom: 35px; vertical-align:middle; appearance: button; text-decoration: none;
}
.attention_button:link {
color: #FFFFFF; text-decoration: none;
}
.attention_button:visited {
color: #FFFFFF; text-decoration: none;
}
.attention_button:hover {
color: #FFFFFF; text-decoration: none;
}
.attention_button:active {
color: #FFFFFF; text-decoration: none;
}
.navigation-icon {
max-width:100px; max-height:25px; margin-top: 0px;
}
.button {
display: inline-block; border-radius: 4px; background-color: #b3b3b3; border: none; color: #FFFFFF; text-align: center; font-size: 18px; padding: 10px; width: 200px; cursor: pointer; margin: 5px; margin-bottom: 35px; vertical-align:middle; appearance: button; text-decoration: none; border-style: solid; border-width: 5px; border-color: #b3b3b3;
}
.button:link {
color: #FFFFFF; text-decoration: none;
}
.button:visited {
color: #FFFFFF; text-decoration: none;
}
.button:hover {
color: #FFFFFF; text-decoration: none;
}
.button:active {
color: #FFFFFF; text-decoration: none;
}
.button.active {
border-style: solid; border-width: 5px; border-color: #29abe2;
}
/*
* * 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;
}
.footer-divider {
margin-top: 25px; margin-bottom: 5px; height: 1px; width: 100%; color: black; background-color:black;
}
/*
* * 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;
}