Diskussion

MediaWiki:Mobile.css: Unterschied zwischen den Versionen

 

.transclusion-container .additional @import url("https://use.fontawesome.com/releases/v5.1.1/css/all.css");

/* Suchleiste */

/* Seitennavigation ausblenden */ .navigation-drawer, .navigation-enabled, .primary-navigation-enabled { 

                   display:none;

}

a {color: #D10074;} a:hover {color: #D10074;}

selection {background: #D10074; color: #fff;}

.vid { 

                   box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
   margin-bottom: 5px;
   border-radius:dotted lightgrey5px;
   padding: 0.5em5px;
   background: white;

}


.fas { 

                   padding-left: 15px;

}

.grey { background: #7b7673; border-radius: 0.5em; display: inline; color: white; font-weight: bold; padding: .3em 0.5em; margin: 0.5em; -webkit-box-decoration-break: slice; box-decoration-break: slice; }


.pink { background: #dc097a; border-radius: 0. /*Überschriften*/ .bs-icon-arrow-down { color:#7B7673; }

.pre-content h1, .content h1, h2, h3, h4, h5, h6, .mw-headline{ 

                   font-family: sans-serif;
   line-height: 1;

}

.mw-headline { 

                   padding-top: 1em;
   font-weight: normal;

}

.content .in-block { 

                   display: block;
   border-bottom: 1px solid lightgrey;
   margin-bottom: 0.5em

}

.content p { 

                   margin: 0.2em 0em;

}


/*Formatierung der Listen*/

.content ul { 

                   list-style-position: outside;
   list-style-type: disc;
   margin-left: 20px;
   margin-right: 35px;

}


/*Überschriften nicht einklappbar/ Content wird immer gezeigt */ .client-js .collapsible-block { 

                   width: 100%;
   display: initial !important;

}

.client-js .collapsible-block { 

                   width: 100%;
   display: inherit !important;

}

.content .edit-page { 

                   display: inline-block;
   visibility: visible !important;

} //

/*Ausblenden verschiedener Bedienelemente*/

.pre-content h1, .content h1{ font-size: 1.5rem; }

.noinclude, .mw-ui-icon.mw-ui-icon-arrow.mw-ui-icon-element.indicator, .pre-content.heading-holder{ 

                       display:none;

}

.transclusion-container .additional { 

                   display:none;

}

  1. bs-statebar,
  2. page-actions,
  3. page-secondary-actions,

.last-modified-bar { 

                   display: none;

}


/*Formatierung des Kontextmenüs*/

.toc { 

                   background: #efefef;
   padding: 0.5em;
   border-radius: 0.2em;
   box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);

}

/*Farbige Buttons*/

.grey, .pink { border-radius: 0.5em; display: inline; color: white; font-weight: bold; padding: 0.3em 2em 0.5em4em; margin: 0.5em; -webkit-box-decoration-break: slice; box-decoration-break: slice; } 0em; 

                       white-space: nowrap;
       font-size: 95%;

}

.grey { background: #7b7673; }

.pink { background: #dc097a; }

.symbol { 

                       border-radius: 0.2em;
       display: -webkit-inline-box;
       padding: 0.2em;
       box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);

}

.article { 

                   text-align: center;
   margin-top: 0.5em;
   padding: 0.1em;
   background: #efefef;
   border-radius: .2em;
   box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);

}

/*Ausklapp-Texte*/

.additional { background: #efefef; border-radius: .1em2em; display: outline; padding: 0.3em 2em 0.5em; margin-left: -0.5em; 

                       margin-right: -0.5em;

-webkit-box-decoration-break: slice; box-decoration-break: slice; margin-top: 0.5em; 

                       margin-bottom: 0.5em;
       box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);

}

body.mce-content-body .additional { 

   background-color: lightgreen;

}

.transclusion-container div.show.additional { 

   display:block;

}

.transclusion-container span.show.additional { 

   display:inline;

}

/*Intime FAQ Logo*/

.intime-icon-faq::before { 

                   font-family: "entypo" !important;
   content: "\e9b6";
   font-size: 300%100%;

}

/*Formatierung FAQ*/

.FAQ { 

                   margin-top: 2em;
   line-height: 1em;

}


/*Sonstiges*/

.languageselector { 

   float:right;

}

.transclusion-container .languageselector { 

   display:none;

}

/* MobileFrontendFixes */ /* extensions/MobileFrontend/resources/skind.minverva.content.styles/lists.less:20 */ .content ul { 

                   list-style-position: outside;
   padding-left: 0.5em1em;

}

  1. bs-statebar,
  2. page-secondary-actions,

.last-modified-bar .content .section-heading, .content .in-block { 

                   display: noneblock;

}

  1. page-actions { 
                   display: none;

}


webkit-

/*In Bearbeitung*/

/* Alle Links einfärben

a:-webkit-any-link { 

                   color: #dc097a;

}

  • / 
.transclusion-container .additional {
            
                display:none;
            
                border:dotted lightgrey;
            
                padding: 0.5em;
            
            }
            
            
            
            .grey {
            
            	background: #7b7673;
            
            	border-radius: 0.5em;
            
            	display: inline;
            
            	color: white;
            
            	font-weight: bold;
            
            	padding: .3em 0.5em;
            
            	margin: 0.5em;
            
            	-webkit-box-decoration-break: slice;
            
            	box-decoration-break: slice;
            
            }
            
            
            
            .pink {
            
            	background: #dc097a;
            
            
        @import url("https://use.fontawesome.com/releases/v5.1.1/css/all.css");
            
            
            
            /* Suchleiste */
            
            
            
            /* Seitennavigation ausblenden */
            
            .navigation-drawer, .navigation-enabled, .primary-navigation-enabled {
            
                display:none;
            
            }
            
            
            
            a {color: #D10074;}
            
            a:hover {color: #D10074;}
            
            
            
            ::selection {background: #D10074; color: #fff;}
            
            
            
            .vid {
            
                box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
            
                margin-bottom: 5px;
            
                border-radius: 5px;
            
                padding: 5px;
            
                background: white;
            
            }
            
            
            
            
            
            .fas {
            
                padding-left: 15px;
            
            }
            
            
            
            
            
            /*Überschriften*/
            
            .bs-icon-arrow-down {
            
            color:#7B7673;
            
            }
            
            
            
            .pre-content h1, .content h1, h2, h3, h4, h5, h6, .mw-headline{
            
                font-family: sans-serif;
            
                line-height: 1;
            
            }
            
            
            
            .mw-headline {
            
                padding-top: 1em;
            
                font-weight: normal;
            
            }
            
            
            
            .content .in-block {
            
                display: block;
            
                border-bottom: 1px solid lightgrey;
            
                margin-bottom: 0.5em
            
            }
            
            
            
            .content p {
            
                margin: 0.2em 0em;
            
            }
            
            
            
            
            
            /*Formatierung der Listen*/
            
            
            
            .content ul {
            
                list-style-position: outside;
            
                list-style-type: disc;
            
                margin-left: 20px;
            
                margin-right: 35px;
            
            }
            
            
            
            
            
            
            
            /*Überschriften nicht einklappbar/ Content wird immer gezeigt */
            
            .client-js .collapsible-block {
            
                width: 100%;
            
                display: initial !important;
            
            }
            
            
            
            .client-js .collapsible-block {
            
                width: 100%;
            
                display: inherit !important;
            
            }
            
            
            
            .content .edit-page {
            
                display: inline-block;
            
                visibility: visible !important;
            
            }
            
            //
            
            
            
            /*Ausblenden verschiedener Bedienelemente*/
            
            
            
            .pre-content h1, .content h1{
            
            font-size: 1.5rem;
            
            }
            
            
            
            .noinclude, .mw-ui-icon.mw-ui-icon-arrow.mw-ui-icon-element.indicator, .pre-content.heading-holder{
            
                    display:none;
            
            }
            
            
            
            .transclusion-container .additional {
            
                display:none;
            
            }
            
            
            
            #bs-statebar,
            
            #page-actions,
            
            #page-secondary-actions,
            
            .last-modified-bar {
            
                display: none;
            
            }
            
            
            
            
            
            /*Formatierung des Kontextmenüs*/
            
            
            
            .toc {
            
                background: #efefef;
            
                padding: 0.5em;
            
                border-radius: 0.2em;
            
                box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
            
            }
            
            
            
            /*Farbige Buttons*/
            
            
            
            .grey, .pink {
            
            
        	border-radius: 0.5em;
        
        	display: inline;
        
        	color: white;
        
        	font-weight: bold;
        
        	padding: .3em0.2em 0.5em4em;
        
        	margin: 0.5em;
            
            	-webkit-box-decoration-break: slice;
            
            	box-decoration-break: slice;
            
            }
            
            
            
            
        0em;
            
                    white-space: nowrap;
            
                    font-size: 95%;
            
            }
            
            
            
            .grey {
            
            background: #7b7673;
            
            }
            
            
            
            .pink {
            
            	background: #dc097a;
            
            }
            
            
            
            .symbol {
            
                    border-radius: 0.2em;
            
                    display: -webkit-inline-box;
            
                    padding: 0.2em;
            
                    box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
            
            }
            
            
            
            .article {
            
                text-align: center;
            
                margin-top: 0.5em;
            
                padding: 0.1em;
            
                background: #efefef;
            
                border-radius: .2em;
            
                box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
            
            }
            
            
            
            /*Ausklapp-Texte*/
            
            
            
            
        .additional {
        
        	background: #efefef;
        
        	border-radius: .1em2em;
        
        	display: outline;
        
        	padding: .3em0.2em 0.5em;
        
        	margin: .5em;
            
            
        -left: -0.5em;
            
                    margin-right: -0.5em;
            
            
        	-webkit-box-decoration-break: slice;
        
        	box-decoration-break: slice;
        
        
        	margin-top: 0.5em;
            
                    margin-bottom: 0.5em;
            
                    box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
            
            
        }
        
        
        
        body.mce-content-body .additional {
        
            background-color: lightgreen;
        
        }
        
        
        
        .transclusion-container div.show.additional {
        
            display:block;
        
        }
        
        
        
        .transclusion-container span.show.additional {
        
            display:inline;
        
        }
        
        
        
        
        /*Intime FAQ Logo*/
            
            
            
            
        .intime-icon-faq::before {
        
            font-family: "entypo" !important;
        
            content: "\e9b6";
        
            font-size: 300%;
            
            }
            
            
            
            .100%;
            
            }
            
            
            
            /*Formatierung FAQ*/
            
            
            
            .FAQ {
            
                margin-top: 2em;
            
                line-height: 1em;
            
            }
            
            
            
            
            
            /*Sonstiges*/
            
            
            
            .languageselector {
        
            float:right;
        
        }
        
        
        
        .transclusion-container .languageselector {
        
            display:none;
        
        }
        
        
        
        /* MobileFrontendFixes */
        
        /* extensions/MobileFrontend/resources/skind.minverva.content.styles/lists.less:20 */
        
        .content ul {
        
            list-style-position: outside;
        
            padding-left: 0.5em;
            
            }
            
            
            
            #bs-statebar,
            
            #page-secondary-actions,
            
            .last-modified-bar {
            
                display: none;
            
            }
            
            
            
            #page-actions {
            
                display: none;
            
            }
            
            
            
            #webkit-link {
            
                color: #dc097a;
            
            }1em;
            
            }
            
            
            
            .content .section-heading, .content .in-block {
            
                display: block;
            
            }
            
            
            
            
            
            /*In Bearbeitung*/
            
            
            
            /* Alle Links einfärben
            
            
            
            a:-webkit-any-link {
            
               color: #dc097a;
            
            }
            
            */
(181 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
@import url("https://use.fontawesome.com/releases/v5.1.1/css/all.css");
 +
 +
/* Suchleiste */
 +
 +
/* Seitennavigation ausblenden */
 +
.navigation-drawer, .navigation-enabled, .primary-navigation-enabled {
 +
    display:none;
 +
}
 +
 +
a {color: #D10074;}
 +
a:hover {color: #D10074;}
 +
 +
::selection {background: #D10074; color: #fff;}
 +
 +
.vid {
 +
    box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
 +
    margin-bottom: 5px;
 +
    border-radius: 5px;
 +
    padding: 5px;
 +
    background: white;
 +
}
 +
 +
 +
.fas {
 +
    padding-left: 15px;
 +
}
 +
 +
 +
/*Überschriften*/
 +
.bs-icon-arrow-down {
 +
color:#7B7673;
 +
}
 +
 +
.pre-content h1, .content h1, h2, h3, h4, h5, h6, .mw-headline{
 +
    font-family: sans-serif;
 +
    line-height: 1;
 +
}
 +
 +
.mw-headline {
 +
    padding-top: 1em;
 +
    font-weight: normal;
 +
}
 +
 +
.content .in-block {
 +
    display: block;
 +
    border-bottom: 1px solid lightgrey;
 +
    margin-bottom: 0.5em
 +
}
 +
 +
.content p {
 +
    margin: 0.2em 0em;
 +
}
 +
 +
 +
/*Formatierung der Listen*/
 +
 +
.content ul {
 +
    list-style-position: outside;
 +
    list-style-type: disc;
 +
    margin-left: 20px;
 +
    margin-right: 35px;
 +
}
 +
 +
 +
 +
/*Überschriften nicht einklappbar/ Content wird immer gezeigt */
 +
.client-js .collapsible-block {
 +
    width: 100%;
 +
    display: initial !important;
 +
}
 +
 +
.client-js .collapsible-block {
 +
    width: 100%;
 +
    display: inherit !important;
 +
}
 +
 +
.content .edit-page {
 +
    display: inline-block;
 +
    visibility: visible !important;
 +
}
 +
//
 +
 +
/*Ausblenden verschiedener Bedienelemente*/
 +
 +
.pre-content h1, .content h1{
 +
font-size: 1.5rem;
 +
}
 +
 +
.noinclude, .mw-ui-icon.mw-ui-icon-arrow.mw-ui-icon-element.indicator, .pre-content.heading-holder{
 +
        display:none;
 +
}
 +
 
.transclusion-container .additional {
 
.transclusion-container .additional {
 
     display:none;
 
     display:none;
−
     border:dotted lightgrey;
+
}
 +
 
 +
#bs-statebar,
 +
#page-actions,
 +
#page-secondary-actions,
 +
.last-modified-bar {
 +
     display: none;
 +
}
 +
 
 +
 
 +
/*Formatierung des Kontextmenüs*/
 +
 
 +
.toc {
 +
    background: #efefef;
 
     padding: 0.5em;
 
     padding: 0.5em;
 +
    border-radius: 0.2em;
 +
    box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
 
}
 
}
  
−
.grey {
+
/*Farbige Buttons*/
−
background: #7b7673;
+
 
 +
.grey, .pink {
 
border-radius: 0.5em;
 
border-radius: 0.5em;
 
display: inline;
 
display: inline;
 
color: white;
 
color: white;
 
font-weight: bold;
 
font-weight: bold;
−
padding: .3em 0.5em;
+
padding: 0.2em 0.4em;
−
margin: 0.5em;
+
margin: 0em;
−
-webkit-box-decoration-break: slice;
+
        white-space: nowrap;
−
box-decoration-break: slice;
+
        font-size: 95%;
 +
}
 +
 
 +
.grey {
 +
background: #7b7673;
 
}
 
}
  
 
.pink {
 
.pink {
 
background: #dc097a;
 
background: #dc097a;
−
border-radius: 0.5em;
 
−
display: inline;
 
−
color: white;
 
−
font-weight: bold;
 
−
padding: .3em 0.5em;
 
−
margin: 0.5em;
 
−
-webkit-box-decoration-break: slice;
 
−
box-decoration-break: slice;
 
 
}
 
}
 +
 +
.symbol {
 +
        border-radius: 0.2em;
 +
        display: -webkit-inline-box;
 +
        padding: 0.2em;
 +
        box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
 +
}
 +
 +
.article {
 +
    text-align: center;
 +
    margin-top: 0.5em;
 +
    padding: 0.1em;
 +
    background: #efefef;
 +
    border-radius: .2em;
 +
    box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
 +
}
 +
 +
/*Ausklapp-Texte*/
  
 
.additional {
 
.additional {
 
background: #efefef;
 
background: #efefef;
−
border-radius: .1em;
+
border-radius: .2em;
 
display: outline;
 
display: outline;
−
padding: .3em 0.5em;
+
padding: 0.2em 0.5em;
−
margin: .5em;
+
margin-left: -0.5em;
 +
        margin-right: -0.5em;
 
-webkit-box-decoration-break: slice;
 
-webkit-box-decoration-break: slice;
 
box-decoration-break: slice;
 
box-decoration-break: slice;
 +
margin-top: 0.5em;
 +
        margin-bottom: 0.5em;
 +
        box-shadow: 0.1em 0.1em 1px rgba(0,0,0,0.2);
 
}
 
}
  
Zeile 50: Zeile 176:
 
     display:inline;
 
     display:inline;
 
}
 
}
 +
 +
/*Intime FAQ Logo*/
  
 
.intime-icon-faq::before {
 
.intime-icon-faq::before {
 
     font-family: "entypo" !important;
 
     font-family: "entypo" !important;
 
     content: "\e9b6";
 
     content: "\e9b6";
−
     font-size: 300%;
+
     font-size: 100%;
 
}
 
}
 +
 +
/*Formatierung FAQ*/
 +
 +
.FAQ {
 +
    margin-top: 2em;
 +
    line-height: 1em;
 +
}
 +
 +
 +
/*Sonstiges*/
  
 
.languageselector {
 
.languageselector {
Zeile 69: Zeile 207:
 
.content ul {
 
.content ul {
 
     list-style-position: outside;
 
     list-style-position: outside;
−
     padding-left: 0.5em;
+
     padding-left: 1em;
 
}
 
}
  
−
#bs-statebar,
+
.content .section-heading, .content .in-block {
−
#page-secondary-actions,
+
     display: block;
−
.last-modified-bar {
 
−
     display: none;
 
 
}
 
}
  
−
#page-actions {
 
−
    display: none;
 
−
}
 
  
−
#webkit-link {
+
/*In Bearbeitung*/
−
    color: #dc097a;
+
 
 +
/* Alle Links einfärben
 +
 
 +
a:-webkit-any-link {
 +
  color: #dc097a;
 
}
 
}
 +
*/
Abgerufen von „https://wiki.intime.de/DriverApp/index.php?title=MediaWiki:Mobile.css&oldid=5645“