Difference between revisions of "User:E.vandenberge/common.css"

From TSG Doc
Jump to navigation Jump to search
m
 
(72 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS playground of Erik van den Berge*/
 
/* CSS playground of Erik van den Berge*/
  
 +
.mw-wiki-logo {
 +
  background-image: url("https://erikvdb.nl/resources/doge.png");
 +
  background-position: top center !important;
 +
  height:138px !important;
 +
  margin-top: 12px !important
 +
}
  
@import url(http://fonts.googleapis.com/css?family=Lora);
+
.mw-wiki-logo:hover {
 +
  background-position: center -138px !important;
 +
}
  
.mw-body h1, .mw-body h2 {
+
#p-logo:after {
   font-family:'Lora', serif;
+
   content:"Welcome back, Erik!";
   -webkit-transition: all 0.12s ease-out;
+
  position:absolute;
   -moz-transition:   all 0.12s ease-out;
+
   margin-top:2px;
   -ms-transition:     all 0.12s ease-out;
+
  width:95%;
   -o-transition:     all 0.12s ease-out;
+
   text-align:center;
 +
   font-size:0.8em;
 +
   color:#9b3c6c;
 
}
 
}
  
.mw-body h1:hover, .mw-body h2:hover {
+
#p-logo:hover:after {
  text-shadow: 1px 1px #fe4902,
+
  content:"Return to Home"; 
                2px 2px #fe4902,
+
 
                3px 3px #fe4902,
+
}
                4px 4px #fe4902,
+
 
                5px 5px #fe4902,
+
::selection{ 
                6px 6px #fe4902;
+
  background:#fff2a8;
 +
}
 +
::-moz-selection{
 +
  background:#fff2a8;
 
}
 
}

Latest revision as of 15:16, 21 March 2024

/* CSS playground of Erik van den Berge*/

.mw-wiki-logo {
  background-image: url("https://erikvdb.nl/resources/doge.png");
  background-position: top center !important;
  height:138px !important;
  margin-top: 12px !important
}

.mw-wiki-logo:hover {
  background-position: center -138px !important;
}

#p-logo:after {
  content:"Welcome back, Erik!";
  position:absolute;
  margin-top:2px;
  width:95%;
  text-align:center;
  font-size:0.8em;  
  color:#9b3c6c;
}

#p-logo:hover:after {
  content:"Return to Home";  
  
}

::selection{  
  background:#fff2a8;
}
::-moz-selection{
  background:#fff2a8;  
}