MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 19. Februar 2017, 17:14 Uhr

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

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








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


/* Ausblenden der Blue-Spice-Erweiterung */

# p-Fokus { display:none!important; }


/* Im Header verschwinden die Tabs -> siehe aber auch noch: Group-User.css (Info unter https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_add.2Fremove_tabs_throughout_my_wiki.3F */



# ca-watch {display:none !important;}
# ca-unwatch { display: none; }
# ca-talk { display:none!important; }
# ca-viewsource { display:none!important; }
# ca-view { display:none!important; }
# ca-nstab-main { display:none!important; }
# ca-history { display:none!important; }
# pt-watchlist { display:none !important; }
# pt-mytalk { display:none !important; }
# pt-mycontris { display:none !important; }
# pt-preferences {display:none !important;}



/* Toolbox anpassen (siehe auch: Group-bureaucrats) */

# t-whatlinkshere { display:none!important; }
# t-recentchangeslinked { display:none!important; }
# t-upload { display:none!important; }
# t-specialpages { display:none!important; }
# t-permalink { display:none!important; }








/*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%; height:28em; clear:both; margin:0; padding:0; /*border-bottom:2em #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 #63B8EE; 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:#63B8EE;} /* vorher war #00bbff */


/*############### Buttons ######################### */
/* siehe auch: http://www.cssportal.com/css3-button-generator/ */

.testbutton-blue {

  text-align: center;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 15px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 0; width:100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1.5px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #63B8EE,  #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-blue: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);
}



.testbutton-orange {

 text-align: center;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 15px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px ##BEE2F9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1.5px solid #A34803;
  background: #EE9740;
  background: linear-gradient(top,  #E07C24,  #F2BC74);
  background: -ms-linear-gradient(top,  #E07C24,  #F2BC74);
  background: -webkit-gradient(linear, left top, left bottom, from(#E07C24), to(#F2BC74));
  background: -moz-linear-gradient(top,  #E07C24,  #F2BC74);
}.testbutton-orange:hover {

  color: #14396A !important;
  background: #000000;
  background: linear-gradient(top,  #F2BC74,  #E07C24);
  background: -ms-linear-gradient(top,  #F2BC74,  #E07C24);
  background: -webkit-gradient(linear, left top, left bottom, from(#F2BC74), to(#E07C24));
  background: -moz-linear-gradient(top,  #F2BC74,  #E07C24);
}
.testbutton-green {

 text-align: center;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 15px;
  text-shadow: 1px 1px 0px #97DE99;
  box-shadow: 1px 1px 1px #BEE2F9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1.5px solid #196332;
  background: #63B8EE;
  background: linear-gradient(top,  #0F8C0F,  #40E366);
  background: -ms-linear-gradient(top,  #0F8C0F,  #40E366);
  background: -webkit-gradient(linear, left top, left bottom, from(#0F8C0F), to(#40E366));
  background: -moz-linear-gradient(top,  #0F8C0F,  #40E366);
}.testbutton-green:hover {

  color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #40E366,  #0F8C0F);
  background: -ms-linear-gradient(top,  #40E366,  #0F8C0F);
  background: -webkit-gradient(linear, left top, left bottom, from(#40E366), to(#0F8C0F));
  background: -moz-linear-gradient(top,  #40E366,  #0F8C0F);
}



.testbutton-yellow {

 text-align: center;
  font-family: arial;
  font-weight: bold;
  color: #424242 !important;
  font-size: 15px;
  text-shadow: 1px 1px 0px #D5DE81;
  box-shadow: 1px 1px 1px #BEE2F9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1.5px solid #AB7A09;
  background: #63B8EE;
  background: linear-gradient(top,  #CCCC00,  #E8E35F);
  background: -ms-linear-gradient(top,  #CCCC00,  #E8E35F);
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCC00), to(#E8E35F));
  background: -moz-linear-gradient(top,  #CCCC00,  #E8E35F);
}.testbutton-yellow:hover {

  color: #14396A !important;
  background: #FFD500;
}





.testbutton-tuerkis{

  text-align: center;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 15px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 0; width:100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1.5px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #30EEEE,  #61C0CF);
  background: -ms-linear-gradient(top,  #30EEEE,  #61C0CF);
  background: -webkit-gradient(linear, left top, left bottom, from(#30EEEE), to(#61C0CF));
  background: -moz-linear-gradient(top,  #30EEEE,  #61C0CF);
}.testbutton-tuerkis:hover {

  color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #61C0CF,  #30EEEE);
  background: -ms-linear-gradient(top,  #61C0CF,  #30EEEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#61C0CF), to(#30EEEE));
  background: -moz-linear-gradient(top,  #61C0CF,  #30EEEE);
}



ul.buttonliste {

            overflow: hidden; 
            display: inline; padding-bottom:1em; padding-top:2em; margin-bottom:0;
          }ul.buttonliste li {

               height: 1.5em; width: 8em;   /* Breite der Buttons */
               display: inline; float:left;
               list-style-type: none; padding-right: 20px; margin-bottom:2em;
           }.buttonli a, .buttonli a:visited {text-decoration:none;

                     display:block;
                     color:white;
                     width:100%;
                     height:100%;
                    padding:0;  margin:0;
                     opacitiy:100%; 
                     z-index:3;}
li.buttonli div a {padding:0.2em 0em;} /* dies hier sorgt dafür, dass button-links größer sind */


/*#####################################################################################################################

############################################################################################ */


/* Breadcrumbs soll auf der ersten Seite ausgeschalten sein
.page-Hauptseite #breadcrumbs {display: none;}


/* Buttons für "nächstes Tab"
.testbutton{

  text-align: center;
  font-family: arial;
  font-weight: bold;
  color: #FFFFFF !important;
  font-size: 15px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 0; width:100%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1.5px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #63B8EE,  #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);

  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);
}/*#####################################################################################################################

############################################################################################ */

.bild{ /* nicht überlappende Bilder zu Text */

   overflow:hidden;
}