Browse Source

Added Vote for new logo

master
tr4ck3ur des JM2L 9 years ago
parent
commit
222c730b39
2 changed files with 322 additions and 1 deletions
  1. +315
    -0
      jm2l/static/css/font-size.css
  2. +7
    -1
      jm2l/templates/layout.mako

+ 315
- 0
jm2l/static/css/font-size.css View File

@@ -0,0 +1,315 @@
.font-size-0 { font-size: 91px; }
.font-size-1 { font-size: 90px; }
.font-size-2 { font-size: 40px; }
.font-size-3 { font-size: 34px; }
.font-size-4 { font-size: 30px; }
.font-size-5 { font-size: 29px; }
.font-size-6 { font-size: 28px; }
.font-size-7 { font-size: 21px; }
.font-size-8 { font-size: 19px; }
.font-size-9 { font-size: 17px; }
.font-size-10 { font-size: 17px; }
.font-size-11 { font-size: 16px; }
.font-size-12 { font-size: 15px; }

@media all and (min-width: 1100px){
.font-size-0{ font-size: 3.1vw; }
.font-size-1{ font-size: 2.9vw; }
.font-size-2{ font-size: 2.4vw; }
.font-size-3{ font-size: 1.95vw; }
.font-size-4{ font-size: 1.8vw; }
.font-size-5{ font-size: 1.7vw; }
.font-size-6{ font-size: 1.55vw; }
.font-size-7{ font-size: 1.3vw; }
.font-size-8{ font-size: 1.23vw; }
.font-size-9{ font-size: 1.15vw; }
.font-size-10{ font-size: 1.05vw; }
.font-size-11{ font-size: 1vw; }
.font-size-12{ font-size: 0.95vw; }
}

@media all and (max-width: 2100px){
.font-size-0 { font-size: 118px; }
.font-size-1 { font-size: 117px; }
.font-size-2 { font-size: 49px; }
.font-size-3 { font-size: 41px; }
.font-size-4 { font-size: 39px; }
.font-size-5 { font-size: 37px; }
.font-size-6 { font-size: 35px; }
.font-size-7 { font-size: 27px; }
.font-size-8 { font-size: 24px; }
.font-size-9 { font-size: 22px; }
.font-size-10 { font-size: 22px; }
.font-size-11 { font-size: 21px; }
.font-size-12 { font-size: 19px; }
}
@media all and (max-width: 2000px){
.font-size-0 { font-size: 113px; }
.font-size-1 { font-size: 112px; }
.font-size-2 { font-size: 47px; }
.font-size-3 { font-size: 39px; }
.font-size-4 { font-size: 37px; }
.font-size-5 { font-size: 35px; }
.font-size-6 { font-size: 33px; }
.font-size-7 { font-size: 26px; }
.font-size-8 { font-size: 23px; }
.font-size-9 { font-size: 22px; }
.font-size-10 { font-size: 22px; }
.font-size-11 { font-size: 20px; }
.font-size-12 { font-size: 18px; }
}
@media all and (max-width: 1900px){
.font-size-0 { font-size: 107px; }
.font-size-1 { font-size: 106px; }
.font-size-2 { font-size: 44px; }
.font-size-3 { font-size: 38px; }
.font-size-4 { font-size: 36px; }
.font-size-5 { font-size: 34px; }
.font-size-6 { font-size: 31px; }
.font-size-7 { font-size: 25px; }
.font-size-8 { font-size: 22px; }
.font-size-9 { font-size: 20px; }
.font-size-10 { font-size: 20px; }
.font-size-11 { font-size: 19px; }
.font-size-12 { font-size: 17px; }
}
@media all and (max-width: 1800px){
.font-size-0 { font-size: 102px; }
.font-size-1 { font-size: 101px; }
.font-size-2 { font-size: 42px; }
.font-size-3 { font-size: 35px; }
.font-size-4 { font-size: 33px; }
.font-size-5 { font-size: 31px; }
.font-size-6 { font-size: 29px; }
.font-size-7 { font-size: 23px; }
.font-size-8 { font-size: 21px; }
.font-size-9 { font-size: 19px; }
.font-size-10 { font-size: 19px; }
.font-size-11 { font-size: 18px; }
.font-size-12 { font-size: 17px; }
}
@media all and (max-width: 1700px){
.font-size-0 { font-size: 96px; }
.font-size-1 { font-size: 95px; }
.font-size-2 { font-size: 39px; }
.font-size-3 { font-size: 33px; }
.font-size-4 { font-size: 31px; }
.font-size-5 { font-size: 29px; }
.font-size-6 { font-size: 27px; }
.font-size-7 { font-size: 22px; }
.font-size-8 { font-size: 20px; }
.font-size-9 { font-size: 18px; }
.font-size-10 { font-size: 18px; }
.font-size-11 { font-size: 17px; }
.font-size-12 { font-size: 16px; }
}
@media all and (max-width: 1600px){
.font-size-0 { font-size: 91px; }
.font-size-1 { font-size: 90px; }
.font-size-2 { font-size: 38px; }
.font-size-3 { font-size: 31px; }
.font-size-4 { font-size: 29px; }
.font-size-5 { font-size: 27px; }
.font-size-6 { font-size: 25px; }
.font-size-7 { font-size: 21px; }
.font-size-8 { font-size: 19px; }
.font-size-9 { font-size: 17px; }
.font-size-10 { font-size: 17px; }
.font-size-11 { font-size: 16px; }
.font-size-12 { font-size: 15px; }
}
@media all and (max-width: 1500px){
.font-size-0 { font-size: 84px; }
.font-size-1 { font-size: 84px; }
.font-size-2 { font-size: 35px; }
.font-size-3 { font-size: 30px; }
.font-size-4 { font-size: 28px; }
.font-size-5 { font-size: 26px; }
.font-size-6 { font-size: 24px; }
.font-size-7 { font-size: 20px; }
.font-size-8 { font-size: 18px; }
.font-size-9 { font-size: 17px; }
.font-size-10 { font-size: 17px; }
.font-size-11 { font-size: 15px; }
.font-size-12 { font-size: 14px; }
}
@media all and (max-width: 1400px){
.font-size-0 { font-size: 78px; }
.font-size-1 { font-size: 78px; }
.font-size-2 { font-size: 33px; }
.font-size-3 { font-size: 27px; }
.font-size-4 { font-size: 25px; }
.font-size-5 { font-size: 23px; }
.font-size-6 { font-size: 21px; }
.font-size-7 { font-size: 18px; }
.font-size-8 { font-size: 17px; }
.font-size-9 { font-size: 15px; }
.font-size-10 { font-size: 15px; }
.font-size-11 { font-size: 14px; }
.font-size-12 { font-size: 13px; }
}
@media all and (max-width: 1300px){
.font-size-0 { font-size: 72px; }
.font-size-1 { font-size: 72px; }
.font-size-2 { font-size: 31px; }
.font-size-3 { font-size: 25px; }
.font-size-4 { font-size: 23px; }
.font-size-5 { font-size: 21px; }
.font-size-6 { font-size: 19px; }
.font-size-7 { font-size: 17px; }
.font-size-8 { font-size: 16px; }
.font-size-9 { font-size: 14px; }
.font-size-10 { font-size: 14px; }
.font-size-11 { font-size: 13px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 1200px){
.font-size-0 { font-size: 67px; }
.font-size-1 { font-size: 66px; }
.font-size-2 { font-size: 28px; }
.font-size-3 { font-size: 24px; }
.font-size-4 { font-size: 22px; }
.font-size-5 { font-size: 20px; }
.font-size-6 { font-size: 18px; }
.font-size-7 { font-size: 16px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 13px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 1100px){
.font-size-0 { font-size: 61px; }
.font-size-1 { font-size: 60px; }
.font-size-2 { font-size: 26px; }
.font-size-3 { font-size: 24px; }
.font-size-4 { font-size: 22px; }
.font-size-5 { font-size: 20px; }
.font-size-6 { font-size: 18px; }
.font-size-7 { font-size: 16px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 1000px){
.font-size-0 { font-size: 56px; }
.font-size-1 { font-size: 55px; }
.font-size-2 { font-size: 26px; }
.font-size-3 { font-size: 24px; }
.font-size-4 { font-size: 22px; }
.font-size-5 { font-size: 20px; }
.font-size-6 { font-size: 17px; }
.font-size-7 { font-size: 15px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 900px){
.font-size-0 { font-size: 49px; }
.font-size-1 { font-size: 48px; }
.font-size-2 { font-size: 25px; }
.font-size-3 { font-size: 23px; }
.font-size-4 { font-size: 21px; }
.font-size-5 { font-size: 19px; }
.font-size-6 { font-size: 17px; }
.font-size-7 { font-size: 15px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 800px){
.font-size-0 { font-size: 45px; }
.font-size-1 { font-size: 44px; }
.font-size-2 { font-size: 25px; }
.font-size-3 { font-size: 23px; }
.font-size-4 { font-size: 20px; }
.font-size-5 { font-size: 18px; }
.font-size-6 { font-size: 16px; }
.font-size-7 { font-size: 15px; }
.font-size-8 { font-size: 14px; }
.font-size-9 { font-size: 13px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 700px){
.font-size-0 { font-size: 39px; }
.font-size-1 { font-size: 38px; }
.font-size-2 { font-size: 22px; }
.font-size-3 { font-size: 20px; }
.font-size-4 { font-size: 18px; }
.font-size-5 { font-size: 16px; }
.font-size-6 { font-size: 14px; }
.font-size-7 { font-size: 13px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 600px){
.font-size-0 { font-size: 33px; }
.font-size-1 { font-size: 32px; }
.font-size-2 { font-size: 20px; }
.font-size-3 { font-size: 18px; }
.font-size-4 { font-size: 16px; }
.font-size-5 { font-size: 14px; }
.font-size-6 { font-size: 13px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 500px){
.font-size-0 { font-size: 28px; }
.font-size-1 { font-size: 27px; }
.font-size-2 { font-size: 19px; }
.font-size-3 { font-size: 17px; }
.font-size-4 { font-size: 15px; }
.font-size-5 { font-size: 13px; }
.font-size-6 { font-size: 12px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 400px){
.font-size-0 { font-size: 21px; }
.font-size-1 { font-size: 20px; }
.font-size-2 { font-size: 18px; }
.font-size-3 { font-size: 16px; }
.font-size-4 { font-size: 15px; }
.font-size-5 { font-size: 14px; }
.font-size-6 { font-size: 13px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}
@media all and (max-width: 300px){
.font-size-0 { font-size: 16px; }
.font-size-1 { font-size: 15px; }
.font-size-2 { font-size: 14px; }
.font-size-3 { font-size: 13px; }
.font-size-4 { font-size: 12px; }
.font-size-5 { font-size: 12px; }
.font-size-6 { font-size: 12px; }
.font-size-7 { font-size: 12px; }
.font-size-8 { font-size: 12px; }
.font-size-9 { font-size: 12px; }
.font-size-10 { font-size: 12px; }
.font-size-11 { font-size: 12px; }
.font-size-12 { font-size: 12px; }
}

+ 7
- 1
jm2l/templates/layout.mako View File

@@ -16,6 +16,7 @@
<link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/jm2l.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/css/bootstrap-responsive.css">
<link rel="stylesheet" href="/css/font-size.css">
${self.cssAddOn()}
<!--[if lte IE 6]>
<link rel="stylesheet" href="/static/ie6.css" type="text/css" media="screen" charset="utf-8" />
@@ -64,7 +65,12 @@ ${helpers.uploader_js()}
<div style="height:215px;background: url(/img/2015/logo_2.png) no-repeat scroll center transparent"></div>
</a>
</div>
% if request.user and request.user.vote_logo not in [1,2,3]:
<div class="item ${["","active"][request.user and request.user.vote_logo==4 or 0]}">
<a href="/">
<div style="height:215px;background: url(/img/2015/logo_3.png) no-repeat scroll center transparent"></div>
</a>
</div>
% if request.user and request.user.vote_logo not in [1,2,3,4]:
<div class="item active">
<div class="align-center">
<H1>JM2L 2015</H1>


Loading…
Cancel
Save