Difference between revisions of "Twisted Toppings"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Felix
(Created page with "__NOTOC__{{#css: html, body { height: auto; min-height: 100%; position: relative; } #left-navigation { border-left: 1px solid white; left: -2px; } div#mw-p...")
 
imported>Felix
(Experimentin'. Didn't actually mean to save yet. Oops!)
Line 161: Line 161:
 
     margin-bottom: -1.5em;
 
     margin-bottom: -1.5em;
 
     position: relative;
 
     position: relative;
 +
    z-index: 10;
 
}
 
}
 
.logo {
 
.logo {
Line 217: Line 218:
 
     -moz-column-count: 2;
 
     -moz-column-count: 2;
 
     -moz-column-rule: 1px dotted rgba(255, 255, 255, 0.33);
 
     -moz-column-rule: 1px dotted rgba(255, 255, 255, 0.33);
     background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
+
     background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
 
     border-color: transparent white white;
 
     border-color: transparent white white;
 
     border-image: none;
 
     border-image: none;
Line 330: Line 331:
 
}
 
}
 
:target ~ #first-panel {
 
:target ~ #first-panel {
opacity: 0;
+
    opacity: 0;
 
     //visibility: hidden;
 
     //visibility: hidden;
 
     //display: none;
 
     //display: none;
 
}
 
}
 
#first:target ~ #first-panel, #second:target ~ #second-panel, #third:target ~ #third-panel {
 
#first:target ~ #first-panel, #second:target ~ #second-panel, #third:target ~ #third-panel {
     visibility: visible;
+
     opacity: 1;
 +
    //visibility: visible;
 
     //display: block;
 
     //display: block;
 
}
 
}
 
#first-panel {
 
#first-panel {
     background: red;
+
     background: rgba(255,0,0,.5);
 
     animation: mymove 60s infinite;
 
     animation: mymove 60s infinite;
 
     animation-timing-function: linear;
 
     animation-timing-function: linear;
Line 345: Line 347:
 
}  
 
}  
 
#second-panel {
 
#second-panel {
     background: blue;
+
     background: rgba(0,0,255,.5);
 
     animation: mymove 60s infinite;
 
     animation: mymove 60s infinite;
 
     animation-timing-function: linear;
 
     animation-timing-function: linear;
Line 353: Line 355:
 
}  
 
}  
 
#third-panel {
 
#third-panel {
     background: yellow;
+
     background: rgba(255,255,0,.5);
 
     animation: mymove 60s infinite;
 
     animation: mymove 60s infinite;
 
     animation-timing-function: linear;
 
     animation-timing-function: linear;

Revision as of 22:20, 3 March 2017

TTbg.jpg
TTbigpizza.png
TTbigpizza2.png
Panel 1
Panel 2
Panel 3
Stuff goes here
And here also.