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

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

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;

}