MediaWiki:Vector.css: Unterschied zwischen den Versionen

Aus Norder Stadtgeschichte
Zur Navigation springen Zur Suche springen
← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
 
(50 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
You can achieve this entirely from mediawiki interface itself by using [[Mediawiki:Sidebar]] and [[Mediawiki:Vector.css]]
[[Mediawiki:Sidebar]]
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help
** https://www.google.co.in/|hi
** https://www.youtube.com/|hi1
* SEARCH
* TOOLBOX
* LANGUAGES
[[Mediawiki:Vector.css]]
/* CSS placed here will affect users of the Vector skin */
/* CSS placed here will affect users of the Vector skin */
#p-navigation
#p-navigation
{
{
border-image: url("http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30  
border-image: url("https://norder-stadtgeschichte.de/Wappen.png") 30  
round;
round;
border-top: 25px solid black; 
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
}
#p-tb
#p-tb
{
{
border-image: url("http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg") 30  
border-image: url("https://norder-stadtgeschichte.de/Wappen.png") 30  
round;
round;
border-top: 25px solid black; 
border-left: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
}
/* That will place a temporary campaign/launch/event/whatever image right down the
main logo - pretty useful hun? nah  */


/* Make clickable text on links invisible. */
/* Make clickable text on links invisible. */
Zeile 48: Zeile 21:
content: '';
content: '';
display:inline-block;
display:inline-block;
width: 48px;
width: 120px;
height: 48px;
height: 600px;


background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
background: url('https://norder-stadtgeschichte.de/Werbung1.png');
}
}


/* Every image need to have its own rule defined. */
/* Every image need to have its own rule defined. */
#n-hi::after{
#n-hi::after{
background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
background: url('https://norder-stadtgeschichte.de/Werbung1.png');
}
}


#n-hi:hover ::after {
#n-hi:hover ::after {
background: url('http://farm3.static.flickr.com/2357/2230414856_45f9552c28.jpg');
background: url('https://norder-stadtgeschichte.de/Werbung1.png');
}
}
#n-hi:hover ::after, #n-hi ::after{
#n-hi:hover ::after, #n-hi ::after{
Zeile 72: Zeile 45:
}
}


/* Make clickable text on links invisible. */
/* increase Vector sidebar width to accommodate ads */
#n-hi1 {
div#mw-panel { width: 12em; }
color:#f6f6f6;
div#p-Ads div.body {margin: 0em !important; }
font-size:0em;
div#footer, #mw-head-base, div#content { margin-left: 12em; }
}
#left-navigation { margin-left: 12em; }
 
#n-hi1:hover ::after, #n-hi1 ::after {
content: '';
display:inline-block;
width: 48px;
height: 48px;
 
background: url('https://www.gstatic.com/webp/gallery/1.jpg');
}
 
/* Every image need to have its own rule defined. */
#n-hi1::after{
background: url('https://www.gstatic.com/webp/gallery/1.jpg');
}
 
#n-hi1:hover ::after {
background: url('https://www.gstatic.com/webp/gallery/1.jpg');
}
#n-hi1:hover ::after, #n-hi1 ::after{
background-repeat: no-repeat;
background-size: contain;
}
 
#mw-panel .portal .body li#n-hi1 {
font-size:0em;
padding:10px;
}

Aktuelle Version vom 22. Oktober 2024, 12:00 Uhr

/* CSS placed here will affect users of the Vector skin */
#p-navigation
{
border-image: url("https://norder-stadtgeschichte.de/Wappen.png") 30 
round;
}
#p-tb
{
border-image: url("https://norder-stadtgeschichte.de/Wappen.png") 30 
round;
}

/* Make clickable text on links invisible. */
li#n-hi {
color:#f6f6f6;
visibility: visible;
font-size:0em;
}

#n-hi:hover ::after, #n-hi ::after {
content: '';
display:inline-block;
width: 120px;
height: 600px;

background: url('https://norder-stadtgeschichte.de/Werbung1.png');
}

/* Every image need to have its own rule defined. */
#n-hi::after{
background: url('https://norder-stadtgeschichte.de/Werbung1.png');
}

#n-hi:hover ::after {
background: url('https://norder-stadtgeschichte.de/Werbung1.png');
}
#n-hi:hover ::after, #n-hi ::after{
background-repeat: no-repeat;
background-size: contain;
}

#mw-panel .portal .body li#n-hi {
font-size:0em;
padding:10px;
}

/* increase Vector sidebar width to accommodate ads */
div#mw-panel { width: 12em; }
div#p-Ads div.body {margin: 0em !important; }
div#footer, #mw-head-base, div#content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }
Abgerufen von „https://www.norder-stadtgeschichte.de/index.php?title=MediaWiki:Vector.css&oldid=41287“