MediaWiki: Tweeki.css

From LibrePlanet
Jump to: navigation, search
 
Line 1: Line 1:
 
/* class environment */
 
/* class environment */
  
.green { background: #4e9a06; color: #FFF; }
+
.green { background: #4e9a06 radial-gradient(farthest-corner at 40px 40px, #4e9a06, #274e08); color: #FFF; }
.purple { background: #5c3566; color: #FFF; }
+
.purple { background: #5c3566 radial-gradient(farthest-corner at 41px 41px, #5c3566, #2f1435); color: #FFF; }
.orange { background: #ce5c00; color: #FFF; }
+
.orange { background: #ce5c00 radial-gradient(farthest-corner at 40px 40px, #ce5c00, #823a00); color: #FFF; }
 
.rounded { border-radius: .5em; }
 
.rounded { border-radius: .5em; }
  
Line 10: Line 10:
 
#mw-bar { display: block; padding: 3px; border: 1px solid #ddd; border-radius: 5px; background: #eee; width: auto;}
 
#mw-bar { display: block; padding: 3px; border: 1px solid #ddd; border-radius: 5px; background: #eee; width: auto;}
  
#menu-getinvolved a { color: #FFF; text-decoration: none; }
+
#menu-getinvolved a { color: #FFF; text-decoration: none; transition: .3s; }
#menu-getinvolved .inner:hover a { color: yellow; }
+
#menu-getinvolved .inner:hover a { color: yellow; transition: .2s; }
 
#menu-getinvolved h3 { margin-top: 10px; font-size: 1.5em; font-weight: bold; min-height: 45px; }
 
#menu-getinvolved h3 { margin-top: 10px; font-size: 1.5em; font-weight: bold; min-height: 45px; }
 
#menu-getinvolved .inner { padding: 0.5em 1em; }
 
#menu-getinvolved .inner { padding: 0.5em 1em; }

Latest revision as of 21:16, 1 November 2019

/* class environment */

.green { background: #4e9a06 radial-gradient(farthest-corner at 40px 40px, #4e9a06, #274e08); color: #FFF; }
.purple { background: #5c3566 radial-gradient(farthest-corner at 41px 41px, #5c3566, #2f1435); color: #FFF; }
.orange { background: #ce5c00 radial-gradient(farthest-corner at 40px 40px, #ce5c00, #823a00); color: #FFF; }
.rounded { border-radius: .5em; }

/* custom content */

#mw-bar { display: block; padding: 3px; border: 1px solid #ddd; border-radius: 5px; background: #eee; width: auto;}

#menu-getinvolved a { color: #FFF; text-decoration: none; transition: .3s; }
#menu-getinvolved .inner:hover a { color: yellow; transition: .2s; }
#menu-getinvolved h3 { margin-top: 10px; font-size: 1.5em; font-weight: bold; min-height: 45px; }
#menu-getinvolved .inner { padding: 0.5em 1em; }

#page-header ul.nav > li > a#ca-talk:hover { background: #4e9a06; color: #FFF; }
#page-header ul.nav > li > a#ca-edit:hover { background: #ce5c00; color: #FFF; }
#page-header ul.nav > li > a#n-randompage-url:hover { background: #5c3566; color: #fff; !important }

#media-feed dt { line-height: 2em; }
#media-feed { color: #5c3566; }

/* hidden content */

#page-header ul.nav > li > a#ca-nstab-mediawiki,
#page-header ul.nav > li > a#ca-nstab-main,
#menu-getinvolved .mw-editsection { display: none; }


/* fix bugs */

.mw-echo-ui-overlay { z-index: 9999; }