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

Revision as of 15:32, 22 November 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: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_left {

 display: inline-block;
 border-radius: 4px;
 background-color: #eef442;
 border: none;
 color: #FFFFFF;
 text-align: center;
 font-size: 16px;
 padding: 20px;
 width: 200px;
 transition: all 0.5s;
 cursor: pointer;
 margin: 5px;
 margin-bottom: 50px;

}

.button_left span {

 cursor: pointer;
 display: inline-block;
 position: relative;
 transition: 0.5s;

}

.button_left span:after {

 content: '»';
 position: absolute;
 opacity: 0;
 top: 0;
 right: -20px;
 transition: 0.5s;

}

.button_left:hover span {

 padding-right: 25px;

}

.button_left:hover span:after {

 opacity: 1;
 right: 0;

}

/*

* 
* 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;

}

/*

* 
* 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;

}

@@ Line 57: / Line 57: @@
 }
-.button {
+.button_left {
    display: inline-block;
    border-radius: 4px;
-   background-color: #f4511e;
+   background-color: #eef442;
    border: none;
    color: #FFFFFF;
@@ Line 73: / Line 73: @@
 }
-.button span {
+.button_left span {
    cursor: pointer;
    display: inline-block;
@@ Line 80: / Line 80: @@
 }
-.button span:after {
+.button_left span:after {
    content: '»';
    position: absolute;
@@ Line 89: / Line 89: @@
 }
-.button:hover span {
+.button_left:hover span {
    padding-right: 25px;
 }
-.button:hover span:after {
+.button_left:hover span:after {
    opacity: 1;
    right: 0;