Difference between revisions of "Template:Marburg/CSS custom"

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 Bootstrap

more */

   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;

}