Changes

Jump to: navigation, search

MediaWiki:Mobile.css

9,653 bytes added, 19:50, 6 January 2020
no edit summary
background-size:450px 450px;
}
 /*JobBoardJob Board*/
.page-Job_Board_Beta #content{
background-image:url('images/thumb/7/7c/Banana_%281%29.png/599px-Banana_%281%29.png');
background-size: 200px;
}
.page-Job_Board_Beta #mwe-lastmodified{
text-align:center;
}
.jobCard div[aria-expanded='true'] i.fa-caret-down{
transform: rotate(-180deg);
}
.jobCard > .show {
margin-bottom: 0.6rem;
}
/*Bootstrap Undo-er*/
/*BootsyCollins*/
h1,h2, h3, h4, h5, h6{
font-weight:normal;
a{transition:all 0.2s ease;}
caption{caption-side: top;text-align:center;color:inherit;}
 
/*Board Mandate ish*/
.mandate-caret[aria-expanded='true'] > .fa-caret-right{
transform:rotate(90deg);
}
.jobShwoop{
bottom: 0;
height: 26px;
border-top: 1px #eee solid;
}
.jobCat{
bottom:0;
left:0;
position:absolute;
margin:0px;
font-size:12px;
padding:3px;
border-radius:0px;
margin-right: -1px;
}
.border-jobCommittee{border:2px solid #F9B296!important;}
.background-jobCommittee{background-color: #F9B296!important;}
.text-jobCommittee{color: #F9B296!important;}
#jobCommittee.col-3:hover i.text-hover-jobCommittee:hover{color:#f9b296!important;}
.border-jobDesign{border:2px solid #645e7c!important;}
.background-jobDesign{background-color: #645e7c!important;color:#fff;}
.text-jobDesign{color: #645e7c!important;}
#jobDesign.col-3:hover i.text-hover-jobDesign:hover{color:#645e7c!important;}
.border-jobClub{border:2px solid #9FC2BB!important;}
.background-jobClub{background-color: #9FC2BB!important;}
.text-jobClub{color: #9FC2BB!important;}
#jobClub.col-3:hover i,.text-hover-jobClub:hover{color:#95c2bb!important;}
.border-jobService{border:2px solid #F3C766!important;}
.background-jobService{background-color: #F3C766!important;}
.text-jobService{color: #F3C766!important;}
#jobService.col-3:hover i,.text-hover-jobService:hover{color:#F3C766!important;}
.border-jobEUS{border:2px solid #d00000!important;}
.background-jobEUS{background-color: #d00000!important;color:#fff!important;}
.text-jobEUS{color: #d00000!important;}
#jobEUS.col-3:hover i,.text-hover-jobEUS:hover{color:#d00000!important;}
.border-jobEvent{border:2px solid #F2707F!important;}
.background-jobEvent{background-color: #F2707F!important;}
.text-jobEvent{color: #F2707F!important;}
#jobEvent.col-3:hover i,.text-hover-jobEvent:hover{color:#F2707F!important;}
.border-jobDepartment{border:2px solid #56a3bd!important;}
.background-jobDepartment{background-color: #56a3bd!important;}
.text-jobDepartment{color: #56a3bd!important;}
#jobDepartment.col-3:hover i,.text-hover-jobDepartment:hover{color:#56a3bd!important;}
.border-jobOther{border:2px solid #9ab!important;}
.background-jobOther{background-color: #9ab!important;}
.text-jobOther{color: #9ab!important;}
#jobOther.col-3:hover i,.text-hover-jobOther:hover{color:#9ab!important;}
.text-hover-jobCommittee, .text-hover-jobClube, .text-hover-jobDesign, .text-hover-jobDepartment, .text-hover-jobService, .text-hover-jobEUS, .text-hover-jobEvent, .text-hover-jobOther{transition:color 0.2s ease;}
#jobCommittee i ,#jobDepartment i ,#jobDesign i ,#jobClub i ,#jobService i ,#jobEUS i ,#jobEvent i ,#jobOther i{transition:color 0.2s ease;}
div.btn-jobCat[aria-expanded='false']{
background-color:#ddd!important;
color:#aaa!important;
}
/*E-WEEK GARBO*/
.res-img a img{
max-width:100%;
height:auto;
}
.res-vid{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.res-vid iframe{
left:0;
top:0;
width:100%;
position:absolute;
}
/*E-WEEK 2019 GARBO*/
#e2020-tbar #butt{
box-shadow:-3px 3px #000;
transition:box-shadow ease 0.4s;
}
#e2020-tbar #butt a{
border-bottom:1px solid rgba(255,255,255,0);
transition:box-shadow ease 0.4s, border-bottom ease 0.4s;
}
#e2020-tbar #butt a:hover{
border-bottom:1px solid rgba(255,255,255,1);
}
#e2020-tbar #butt:hover{
box-shadow:-1px 1px #000;
}
 
@font-face {
font-family: 'Vampire Wars';
font-style: normal;
src: url('extensions/FontAwesomeCustom/Fontetc/Vampire-Wars.otf') format('opentype');
}
@font-face {
font-family: 'Vampire Wars';
font-style: italic;
src: url('extensions/FontAwesomeCustom/Fontetc/Vampire-Wars-Italic.otf') format('opentype');
}
#e2020-logo{
background-image: url("images/c/c3/E2020-logo.png");
background-repeat:no-repeat;
background-position:center center;
background-size: contain;
}
.e2020-bg{
background-repeat:no-repeat;
background-position:center center;
background-size: cover;
}
#e2020-bg-generic{
background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.82), rgba(117, 19, 93, 0.73)),url("images/9/9c/Generic-rock.jpg");
}
#e2020-bg-calendar{
background-image: linear-gradient(to bottom,rgba(245,246,252,0.82),rgba(31, 117, 19, 0.73)),url(/images/9/9c/Generic-rock.jpg);
}
.page-E-Week_2020,.page-E-Week_2020_Lineup, .page-E-Week_2020_Score, .page-E-Week_2020_Resources, .page-E-Week_2020_Road_Crew, .page-E-Week_2020_FAQ, .page-E-Week_2020_Media{
padding:0px;
}
.page-E-Week_2020 .firstHeading, .page-E-Week_2020_Lineup .firstHeading, .page-E-Week_2020_Score .firstHeading, .page-E-Week_2020_Resources .firstHeading, .page-E-Week_2020_Road_Crew .firstHeading, .page-E-Week_2020_FAQ .firstHeading, .page-E-Week_2020_Media .firstHeading, .page-E-Week_2020 #contentSub, .page-E-Week_2020_Scunt .firstHeading, .page-E-Week_2020_Sustainability_Scunt .firstHeading, .page-E-Week_2020_Scunt #contentSub, .page-E-Week_2020_Sustainability_Scunt #contentSub, .page-E-Week_2020_Lineup #contentSub, .page-E-Week_2020_Score #contentSub, .page-E-Week_2020_Resources #contentSub, .page-E-Week_2020_Road_Crew #contentSub, .page-E-Week_2020_FAQ #contentSub, .page-E-Week_2020_Media #contentSub, .page-E-Week_2020 .pre-content, .page-E-Week_2020_Lineup .pre-content, .page-E-Week_2020_Score .pre-content, .page-E-Week_2020_Resources .pre-content, .page-E-Week_2020_Road_Crew .pre-content, .page-E-Week_2020_FAQ .pre-content, .page-E-Week_2020_Media .pre-content{
display:none;
}
.page-E-Week_2020 #content, .page-E-Week_2020_Lineup #content, .page-E-Week_2020_Scunt #content, .page-E-Week_2020_Sustainability_Scunt #content, .page-E-Week_2020_Score #content, .page-E-Week_2020_Resources #content, .page-E-Week_2020_Road_Crew #content, .page-E-Week_2020_FAQ #content, .page-E-Week_2020_Media #content{
background-image: url("images/4/42/Concrete_seamless.png");
background-repeat: repeat;
padding-top:0px;
overflow-x:hidden;
}
.page-E-Week_2020_Score #content, .page-E-Week_2020_Scunt #content, .page-E-Week_2020_Sustainability_Scunt #content{overflow-x:scroll;
}
.page-E-Week_2020 a, .page-E-Week_2020_Lineup a, .page-E-Week_2020_Score a, .page-E-Week_2020_Resources a, .page-E-Week_2020_Road_Crew a, .page-E-Week_2020_FAQ a, .page-E-Week_2020_Media a{
color:rgb(117,19,93);
}
.no-bg li div img, .no-bg li div.thumb{
background:none !important;
}
.e2020-bernie{
background: -webkit-linear-gradient(230deg,#f9484a 40%,#fbd72b 110%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 10s infinite linear;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-moz-animation: hue 10s infinite linear;
-ms-background-clip: text;
-ms-text-fill-color: transparent;
-ms-animation: hue 10s infinite linear;
}
.e2020-hoverfuzz img, .e2020-hoverfuzz-gold img{
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
-webkit-filter: drop-shadow(-3px 2px 2px rgba(196,15,6,0));
-moz-filter: drop-shadow(-3px 2px 2px rgba(196,15,6,0));
-ms-filter: drop-shadow(-3px 2px 2px rgba(196,15,6,0));
-o-filter: drop-shadow(-3px 2px 2px rgba(196,15,6,0));
filter: drop-shadow(-3px 2px 2px rgba(196,15,6,0));
}
.e2020-hoverfuzz img:hover{
-webkit-filter: drop-shadow(-3px 2px 2px #c40f06);
-moz-filter: drop-shadow(-3px 2px 2px #c40f06);
-ms-filter: drop-shadow(-3px 2px 2px #c40f06);
-o-filter: drop-shadow(-3px 2px 2px #c40f06);
filter: drop-shadow(-3px 2px 2px #c40f06);
}
 
.e2020-hoverfuzz-gold img:hover{
-webkit-filter: drop-shadow(-3px 2px 5px #caca1a);
-moz-filter: drop-shadow(-3px 2px 2px #caca1a);
-ms-filter: drop-shadow(-3px 2px 2px #caca1a);
-o-filter: drop-shadow(-3px 2px 2px #caca1a);
filter: drop-shadow(-3px 2px 2px #caca1a);
}
 
/*@keyframes hue {
from {filter: hue-rotate(0deg);}
to {filter: hue-rotate(-360deg);}
}
@-moz-keyframes hue {
from {-moz-filter: hue-rotate(0deg);}
to {-moz-filter: hue-rotate(-360deg);}
}
@-webkit-keyframes hue {
from {-webkit-filter: hue-rotate(0deg);}
to {-webkit-filter: hue-rotate(-360deg);}
}
@-o-keyframes hue {
from {-ms-filter: hue-rotate(0deg);}
to {-ms-filter: hue-rotate(-360deg);}
}
https://www.gradient-animator.com/
*/
.e2020-h2{
font-size: 120%;
font-variant: small-caps;
font-weight: bold;
line-height:40px;
font-style:oblique;
}
.e2020-h1{
font-family:"Vampire Wars";
font-size:120%
}
.e2020-boxshad {
text-shadow: 3px 1px #000;
}
.e2020-bern{
background: linear-gradient(270deg, #D17569, #FFAB89, #FFCF9C);
background-size: 600% 600%;
border:3px solid black;
box-sizing: content-box;
height:60px;
width:60px !important;
-webkit-animation: bernie2020-kf 6s ease infinite;
-moz-animation: bernie2020-kf 6s ease infinite;
-o-animation: bernie2020-kf 6s ease infinite;
animation: bernie2020-kf 6s ease infinite;
}
@-webkit-keyframes bernie2020-kf {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes bernie2020-kf {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-o-keyframes bernie2020-kf {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes bernie2020-kf {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
#e2020-repeatall #e2020-hide a{
color:#000 !important;
}
#e2020-coords p{
font-size:120%;
margin:0px;
font-weight:bold;
color:#CA202C;
font-style:oblique;
font-variant:small-caps;
}

Navigation menu