Difference between revisions of "User:Wookipan/Page.css"
Moussekateer (talk | contribs) m (Moussekateer moved page User:Wiki Pan/Page.css to User:Wookipan/Page.css without leaving a redirect: Automatically moved page while renaming the user "Wiki Pan" to "Wookipan") |
(Add styling) |
||
Line 1: | Line 1: | ||
− | a:link {color: #476291; text-decoration: | + | .mw-body a.external { |
− | a:visited {color: #8650AC; text- | + | 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; | ||
+ | position: relative; | ||
+ | text-align: left; | ||
+ | padding: 30px; | ||
+ | padding-top: 60px; | ||
+ | height: 80rem; | ||
+ | margin: 10px auto 0 auto; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | border: 2px solid grey; | ||
+ | overflow: hidden; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .main-header { | ||
+ | |||
+ | position: absolute; | ||
+ | width:100%; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | background: #252525; | ||
+ | font-size: 30px; | ||
+ | font-family: 'TF2 Professor'; | ||
+ | border-bottom: 2px solid grey; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .daysAgo { | ||
+ | font-size: 16pt; | ||
+ | color: #70B04A; | ||
+ | text-align: center; | ||
+ | |||
+ | animation: color-change 2s infinite; | ||
+ | |||
+ | |||
+ | -webkit-animation: color-change 2s infinite; | ||
+ | |||
+ | } | ||
+ | |||
+ | @keyframes color-change | ||
+ | { | ||
+ | 0% {color: #B8383B;} | ||
+ | 25% {color: #5885A2;} | ||
+ | 50% {color: #B8383B;} | ||
+ | 75% {color: #5885A2;} | ||
+ | 100%{color: #B8383B;} | ||
+ | |||
+ | } | ||
+ | |||
+ | @keyframes color-change | ||
+ | |||
+ | { | ||
+ | |||
+ | 0% {color: #B8383B;} | ||
+ | 25% {color: #5885A2;} | ||
+ | 50% {color: #B8383B;} | ||
+ | 75% {color: #5885A2;} | ||
+ | 100%{color: #B8383B;} | ||
+ | |||
+ | } | ||
+ | |||
+ | .task-table { | ||
+ | |||
+ | background-color: #252525; | ||
+ | width: 15vw; | ||
+ | border: 1px solid grey; | ||
+ | border-radius: 3px; | ||
+ | position: absolute; | ||
+ | left: 3%; | ||
+ | top: 30%; | ||
+ | } | ||
+ | |||
+ | .infobawx-container { | ||
+ | |||
+ | background: #2E2B29; | ||
+ | width: 50%; | ||
+ | text-align: center; | ||
+ | padding: 30px; | ||
+ | margin: 5px auto 5px auto; | ||
+ | -webkit-border-radius: 20px; | ||
+ | -moz-border-radius: 20px; | ||
+ | border-radius: 10px; | ||
+ | border: 1px solid grey; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .infobawx-title { | ||
+ | |||
+ | height: 40px; | ||
+ | font-family:'TF2 Build'; | ||
+ | font-size:1em | ||
+ | } |
Revision as of 00:09, 12 December 2018
.mw-body a.external { 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; position: relative; text-align: left; padding: 30px; padding-top: 60px; height: 80rem; margin: 10px auto 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid grey; overflow: hidden; clear: both; } .main-header { position: absolute; width:100%; top: 0; left: 0; background: #252525; font-size: 30px; font-family: 'TF2 Professor'; border-bottom: 2px solid grey; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } .daysAgo { font-size: 16pt; color: #70B04A; text-align: center; animation: color-change 2s infinite; -webkit-animation: color-change 2s infinite; } @keyframes color-change { 0% {color: #B8383B;} 25% {color: #5885A2;} 50% {color: #B8383B;} 75% {color: #5885A2;} 100%{color: #B8383B;} } @keyframes color-change { 0% {color: #B8383B;} 25% {color: #5885A2;} 50% {color: #B8383B;} 75% {color: #5885A2;} 100%{color: #B8383B;} } .task-table { background-color: #252525; width: 15vw; border: 1px solid grey; border-radius: 3px; position: absolute; left: 3%; top: 30%; } .infobawx-container { background: #2E2B29; width: 50%; text-align: center; padding: 30px; margin: 5px auto 5px auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 10px; border: 1px solid grey; overflow: auto; } .infobawx-title { height: 40px; font-family:'TF2 Build'; font-size:1em }