Difference between revisions of "User:Wookipan/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
m (dat was too much)
 
Line 1: Line 1:
−
.mw-body a.external {
+
@font-face{font-family:Renogare;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/536079/Renogare.ttf)}@keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}@-webkit-keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}@-moz-keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}@-o-keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}.wooki-link{display:inline-block;margin-bottom:.5em;transition:.1s ease-in}.wooki-link:hover{transform:scale(1.1)}.link-container a{text-shadow:2px 2px 0 #000002,2px -2px 0 #000002,-2px 2px 0 #000002,-2px -2px 0 #000002,2px 0 0 #000002,0 2px 0 #000002,-2px 0 0 #000002,0 -2px 0 #000002;text-decoration:none}.link-container a:hover{animation:hyperlink-hover .2s alternate infinite;-webkit-animation:hyperlink-hover .2s alternate infinite;-moz-animation:hyperlink-hover .2s alternate infinite;-o-oanimation:hyperlink-hover .2s alternate infinite}.link-container a.external{background:0 0;color:#fdfffe}.link-container a.external:visited{color:#fdfffe}.link-container a:link{color:#fdfffe}.link-container a:visited{color:#fdfffe}#wooki-wrapper ::selection{background-color:#d77cdb}#wooki-wrapper{background:url(https://i.imgur.com/LTbcRVF.gif) #000 no-repeat fixed;background-position:center top;-webkit-border-radius:10px;-webkit-font-smoothing:antialiased!important;border-radius:5rem;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden}.link-container{width:10em;margin-left:auto;margin-right:auto;text-align:center;font-family:Renogare;font-size:35px;text-transform:uppercase;margin-top:5em}.infobawx-container{width:60em;padding:1em 0 1em 0;margin-top:25em;margin-bottom:25em;background:url(https://imgur.com/S1MEhE6.png) no-repeat;background-position:center center;background-size:cover;border:2.5em solid transparent;border-image:url(https://imgur.com/iNqF0XC.png) 70}.wooki-div{font-family:Renogare;text-transform:uppercase;color:#fefefe;background-color:#212121;padding:5px;border:1.5px outset #99ecfe;border-left:none;border-right:none;text-align:center}.wookichievements-container{height:20em;overflow-y:scroll;overflow-x:hidden}.wookichievements-container th{background-color:#27181f!important;color:#ccc}.wookichievements-container table.wikitable{background-color:#0f0319;color:#ccc}.wookichievements-container table.wikitable td{background-color:#0f0319}.wookichievements-container table.wikitable{border:1px solid #99ecfe}.wookichievements-container::-webkit-scrollbar{width:1em}.wookichievements-container::-webkit-scrollbar-track{background-color:#212121}.wookichievements-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:5rem}.wookichievements-container::-webkit-scrollbar-thumb:hover{background-color:#878079}.wooki-footer{display:flex;justify-content:space-evenly;background-color:#212121;padding:1em;border:1.5px inset #99ecfe;border-left:none;border-right:none;text-transform:uppercase;font-size:12px;font-family:Renogare}.wooki-footer a:link{color:#476291}.wooki-footer a:visited{color:#8650ac}.wooki-footer a:hover{color:#70b04a;text-decoration:none}.wooki-footer span{display:inline-block;margin:0 50px 0 50px}@media (max-width:1024px){.infobawx-container,.link-container{margin-top:4em;margin-bottom:5em}.infobawx-container{width:100%;margin-left:-32px}}
−
color: #476291 !important;
 
−
}
 
−
 
 
−
.mw-body a.external:visited {
 
−
 
−
color: #8650AC !important;
 
−
}
 
−
 
 
−
.mw-body a.external:hover {
 
−
 
−
color: #70B04A !important;
 
−
}
 
−
 
 
−
a:link {
 
−
 
−
color: #476291; text-decoration: none;  
 
−
}
 
−
a:visited {
 
−
 
−
color: #8650AC;
 
−
}
 
−
a:hover {  
 
−
 
−
color: #70B04A;
 
−
}
 
−
 
 
−
#userpage-wrapper {
 
−
 
−
color: #fff;
 
−
background: #373737;
 
−
background-image: url("https://i.imgur.com/8ITarjK.gif");
 
−
    background-size: cover;
 
−
    background-repeat: no-repeat;
 
−
    background-position: center center;
 
−
position: relative;
 
−
text-align: left;
 
−
padding: 60px 30px 300px 30px;
 
−
margin: 10px auto 0 auto;  
 
−
-webkit-border-radius: 10px;  
 
−
-moz-border-radius: 10px;  
 
−
border-radius: 10px;  
 
−
border: 2.5px solid #A4B1BD;  
 
−
overflow: hidden;
 
−
clear: both;
 
−
}
 
−
 
 
−
.main-header {
 
−
 
−
position: absolute;
 
−
width: 100%;  
 
−
top: 0;  
 
−
left: 0;  
 
−
background: #252525;  
 
−
font-size: 30px;  
 
−
font-family: 'TF2 Professor';
 
−
text-align: center;
 
−
}
 
−
 
 
−
.daysAgo {
 
−
font-size: 16pt;
 
−
color: #70B04A;
 
−
text-align: center;
 
−
 
−
animation: colorAnimation 2s infinite;
 
−
 
−
 
−
-webkit-animation: colorAnimation 2s infinite;
 
−
-moz-animation: colorAnimation 2s infinite;
 
−
}
 
−
 
−
@keyframes colorAnimation
 
−
{
 
−
0%  {color: #B8383B; text-shadow: 0 0 10px #b8383b, 0 0 20px #b8383b, 0 0 30px #b8383b, 0 0 40px #b8383b;}
 
−
25% {color: #5885A2; text-shadow: 0 0 10px #5885A2, 0 0 20px #5885A2, 0 0 30px #5885A2, 0 0 40px #5885A2;}
 
−
50% {color: #B8383B; text-shadow: 0 0 10px #b8383b, 0 0 20px #b8383b, 0 0 30px #b8383b, 0 0 40px #b8383b;}
 
−
75% {color: #5885A2; text-shadow: 0 0 10px #5885A2, 0 0 20px #5885A2, 0 0 30px #5885A2, 0 0 40px #5885A2;}
 
−
100%{color: #B8383B; text-shadow: 0 0 10px #b8383b, 0 0 20px #b8383b, 0 0 30px #b8383b, 0 0 40px #b8383b;}
 
−
 
−
}
 
−
 
−
@keyframes colorAnimation
 
−
 
−
{
 
−
 
−
    0%  {color: #B8383B; text-shadow: 0 0 10px #b8383b, 0 0 20px #b8383b, 0 0 30px #b8383b, 0 0 40px #b8383b;}
 
−
25% {color: #5885A2; text-shadow: 0 0 10px #5885A2, 0 0 20px #5885A2, 0 0 30px #5885A2, 0 0 40px #5885A2;}
 
−
50% {color: #B8383B; text-shadow: 0 0 10px #b8383b, 0 0 20px #b8383b, 0 0 30px #b8383b, 0 0 40px #b8383b;}
 
−
75% {color: #5885A2; text-shadow: 0 0 10px #5885A2, 0 0 20px #5885A2, 0 0 30px #5885A2, 0 0 40px #5885A2;}
 
−
100%{color: #B8383B; text-shadow: 0 0 10px #b8383b, 0 0 20px #b8383b, 0 0 30px #b8383b, 0 0 40px #b8383b;}
 
−
 
−
}
 
−
 
 
−
.task-table {
 
−
 
−
background: rgba(0,0,0,0.8);
 
−
    width: 14%;
 
−
    border: 1.5px solid #fff;
 
−
    border-radius: 3px;
 
−
    padding: 1em;
 
−
    position: absolute;
 
−
    left: 3%;
 
−
    top: 30%;
 
−
}
 
−
 
 
−
.infobawx-container {
 
−
 
−
background: rgba(0,0,0,0.8);
 
−
width: 50%;
 
−
text-align: center;
 
−
padding: 30px;
 
−
margin: 5px auto 5px auto;
 
−
-webkit-border-radius: 20px;
 
−
-moz-border-radius: 20px;
 
−
border-radius: 10px;
 
−
border: 2px solid #fff;
 
−
overflow: auto;
 
−
}
 
−
 
 
−
.user-infobawx-container {
 
−
width: 18.9em;
 
−
    position: absolute;
 
−
    top: 25%;
 
−
    right: 5%;
 
−
    padding: 3px;
 
−
    background: rgba(0,0,0,0.8);
 
−
    margin-bottom: 20px;
 
−
    border: 2px solid #fff;
 
−
    -webkit-border-radius: 5px;
 
−
    -moz-border-radius: 5px;
 
−
    border-radius: 5px;
 
−
}
 
−
 
 
−
.wooki-header {
 
−
 
−
height: 40px;  
 
−
font-family: 'TF2 Build';  
 
−
font-size: 1rem;
 
−
}
 
−
 
 
−
.wookichievements-container {
 
−
background: rgba(0,0,0,0.8);
 
−
width: 50%;
 
−
height: 30em;
 
−
padding: 1px;
 
−
text-align: center;
 
−
margin: 5px auto 5px auto;  
 
−
-webkit-border-radius: 10px;
 
−
-moz-border-radius: 10px;
 
−
border-radius: 10px;  
 
−
border: 3px solid #fff;
 
−
overflow-y: scroll;
 
−
}
 
−
 
 
−
@media only screen and (max-width: 1250px) {
 
−
 
 
−
.task-table, .user-infobawx-container {
 
−
display: none;
 
−
}
 
−
 
 
−
 
 
−
.infobawx-container, .wookichievements-container {
 
−
width: 90%;
 
−
}
 
−
}
 

Latest revision as of 20:01, 12 July 2020

@font-face{font-family:Renogare;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/536079/Renogare.ttf)}@keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}@-webkit-keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}@-moz-keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}@-o-keyframes hyperlink-hover{from{color:#85ff53}to{color:#fcff54}}.wooki-link{display:inline-block;margin-bottom:.5em;transition:.1s ease-in}.wooki-link:hover{transform:scale(1.1)}.link-container a{text-shadow:2px 2px 0 #000002,2px -2px 0 #000002,-2px 2px 0 #000002,-2px -2px 0 #000002,2px 0 0 #000002,0 2px 0 #000002,-2px 0 0 #000002,0 -2px 0 #000002;text-decoration:none}.link-container a:hover{animation:hyperlink-hover .2s alternate infinite;-webkit-animation:hyperlink-hover .2s alternate infinite;-moz-animation:hyperlink-hover .2s alternate infinite;-o-oanimation:hyperlink-hover .2s alternate infinite}.link-container a.external{background:0 0;color:#fdfffe}.link-container a.external:visited{color:#fdfffe}.link-container a:link{color:#fdfffe}.link-container a:visited{color:#fdfffe}#wooki-wrapper ::selection{background-color:#d77cdb}#wooki-wrapper{background:url(https://i.imgur.com/LTbcRVF.gif) #000 no-repeat fixed;background-position:center top;-webkit-border-radius:10px;-webkit-font-smoothing:antialiased!important;border-radius:5rem;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden}.link-container{width:10em;margin-left:auto;margin-right:auto;text-align:center;font-family:Renogare;font-size:35px;text-transform:uppercase;margin-top:5em}.infobawx-container{width:60em;padding:1em 0 1em 0;margin-top:25em;margin-bottom:25em;background:url(https://imgur.com/S1MEhE6.png) no-repeat;background-position:center center;background-size:cover;border:2.5em solid transparent;border-image:url(https://imgur.com/iNqF0XC.png) 70}.wooki-div{font-family:Renogare;text-transform:uppercase;color:#fefefe;background-color:#212121;padding:5px;border:1.5px outset #99ecfe;border-left:none;border-right:none;text-align:center}.wookichievements-container{height:20em;overflow-y:scroll;overflow-x:hidden}.wookichievements-container th{background-color:#27181f!important;color:#ccc}.wookichievements-container table.wikitable{background-color:#0f0319;color:#ccc}.wookichievements-container table.wikitable td{background-color:#0f0319}.wookichievements-container table.wikitable{border:1px solid #99ecfe}.wookichievements-container::-webkit-scrollbar{width:1em}.wookichievements-container::-webkit-scrollbar-track{background-color:#212121}.wookichievements-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:5rem}.wookichievements-container::-webkit-scrollbar-thumb:hover{background-color:#878079}.wooki-footer{display:flex;justify-content:space-evenly;background-color:#212121;padding:1em;border:1.5px inset #99ecfe;border-left:none;border-right:none;text-transform:uppercase;font-size:12px;font-family:Renogare}.wooki-footer a:link{color:#476291}.wooki-footer a:visited{color:#8650ac}.wooki-footer a:hover{color:#70b04a;text-decoration:none}.wooki-footer span{display:inline-block;margin:0 50px 0 50px}@media (max-width:1024px){.infobawx-container,.link-container{margin-top:4em;margin-bottom:5em}.infobawx-container{width:100%;margin-left:-32px}}
Retrieved from "https://wiki.teamfortress.com/w/index.php?title=User:Wookipan/Page.css&oldid=2792184"