Difference between revisions of "Twisted Toppings"
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. | + | 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: | + | 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: | + | 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: | + | background: rgba(255,255,0,.5); |
animation: mymove 60s infinite; | animation: mymove 60s infinite; | ||
animation-timing-function: linear; | animation-timing-function: linear; |