MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Matura Wiki
Zur Navigation springen Zur Suche springen
Zeile 129: Zeile 129:
  
 
li.contentbox ul li:hover > a {color:white; background-color:#00bbff;}
 
li.contentbox ul li:hover > a {color:white; background-color:#00bbff;}
 +
 +
 +
/*############### Buttons ######################### */
 +
.testbutton-blue {
 +
  font-family: arial;
 +
  font-weight: bold;
 +
  color: #FFFFFF !important;
 +
  font-size: 20px;
 +
  text-shadow: 1px 1px 0px #7CACDE;
 +
  box-shadow: 1px 1px 1px #BEE2F9;
 +
  padding: 10px 25px;
 +
  -moz-border-radius: 10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius: 10px;
 +
  border: 2px solid #3866A3;
 +
  background: blue;
 +
  background: linear-gradient(top,  blue,  #468CCF);
 +
  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
 +
  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
 +
}
 +
.testbutton:hover {
 +
  color: #14396A !important;
 +
  background: #468CCF;
 +
  background: linear-gradient(top,  #468CCF,  #63B8EE);
 +
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
 +
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
 +
}

Version vom 21. Juli 2015, 14:27 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* viele Tipps finden sich auf: https://www.mediawiki.org/wiki/Manual:FAQ  */






/* Anmelde-Button  - noch in Arbeit*/
#p-personalo {
background-color: #00000;
}

#p-personalo a {
color: green;

}

/* erste Überschrift soll nach oben mehr Platz bieten */
.firstHeading {margin-top:0.5em;}


/* Sidebar verschwindet für alle (bei angemeldeten User: siehe MediaWiki:Sidebar/Group:user) */
#column-content {margin: 0 0 .6em 0;}
#content {margin: 5.5em 0 0 0;}
.generated-sidebar, #p-lang, #p-tb {display:none;
}
#p-cactions { left: .1em; }
#mw_content { margin-left:0.2em; }





/*Cluster-markierungen für Teil B */

.clustersixoh{ 
       background-color:yellow;     
       width:400px; height:12px;
       margin:0px 0px 0px -14px; 
       padding:0px 0px 0px 0px;
       font-size:10px;
       font-familiy:arial;
}


.clustersixov { 
        background-color:yellow;       
        width:10px; height:100px;
       margin:0px 0px 0px -14px; 
       padding:0px 0px 0px 0px;
       overflow:hidden;
       float:left; 
       font-size:10px;
       font-familiy:arial;
}

.clustersixuh{ 
       background-color:yellow;     
       width:400px; height:12px;
       margin:0px 0px 0px -14px; 
       padding:0px 0px 0px 0px;
       font-size:10px;
       font-familiy:arial;
       bottom:0px;
}


.clustersixuv { background-color:yellow;
               
        background-color:yellow;       
        width:10px; height:100px;
       margin:0px 0px 0px -14px; 
       padding:0px 0px 0px 0px;
       overflow:hidden;
       float:inherit left;
       
       font-size:10px;
       font-familiy:arial;
       
}

/*=================================================================*/
/* Hauptseite  */




#bannerwrapper {width:100%; margin:0; padding:0; border-bottom:1em #eee solid; }

.banner {height:100%; padding:0%; margin:0% 10% auto;}


ul.contentwrapper {list-style-image:none; overflow:hidden;
                  
}
ul.contentwrapper a {text-decoration:none;
                     display:block;
                     width:100%;
                     height:1.5em;
                     padding:0 1em;
                     margin:0;
                     background-color:white;
                     color:blue;
                     margin-bottom:0.3em;
                     z-index:3;
                     
                     }


li.contentbox {border-left:1em solid blue; border-radius:5px;
              box-shadow: 10px 10px 5px #ddd; 
              float:left; overflow:hidden;
              padding:0.2em 1em 0 0.5em; margin:1em 2em 2em 0;
              color:blue;
              font-size:1em;
             }         
           
                                 
li.contentbox ul {list-style-type:none; width:100%;
                  margin:0; padding:0; line-height: 2em;
                  list-style-image:none;
           
                  
}

li.contentbox ul li  {margin:0; border-top:1px solid #eee; z-index:2;}

li.contentbox ul li:hover > a {color:white; background-color:#00bbff;}


/*############### Buttons ######################### */
.testbutton-blue {
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 20px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 10px 25px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #3866A3;
  background: blue;
  background: linear-gradient(top,  blue,  #468CCF);
  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
}
.testbutton:hover {
  color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}