TTMK/web2.0-backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prettify apy deal site

Browse Source
This commit is contained in:
Joel Lavikainen
2017-03-29 18:44:35 +03:00
parent 80c50cb1de
commit 84b46ecd44
2 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
infoscreen/static/css/apy.css
+25 -29
View File
@@ -1,42 +1,38 @@
body {
background-image: url(https://diilikone.apy.fi/static/background.jpg);
background-size: cover;
width: 100%;
height: 100%;
margin: 0px;
}
#footer {
height: 140px;
}
.event {
font-size: 5vh;
font-family: 'Droid Sans Mono', monospace;
font-size: 100px;
font-weight: bold;
margin-left: 20px;
}
.event-col{
padding-top:1vh;
padding-bottom:1vh;
}.event:nth-child(odd){
background-color: #d4e2fd;
}
.black {
color: black;
}
.header-row{
background: #d4e2fd;
font-size: 7vh;
font-family: 'Droid Sans Mono', monospace;
margin: 30px;
margin-left: 20px;
font-size: 130px;
padding-bottom:20px;
color:#24a05f;
font-weight: bold;
}
.container {
width: 100vw;
padding: 0 0 0 0;
margin-left: 20px;
margin-right: 20px;
}
.repeat-item.ng-leave {
-webkit-transition:0.5s linear all;
transition:0.5s linear all;
}
.repeat-item.ng-leave.ng-leave-active {
opacity: 0;
font-size: 0vh;
}
.repeat-item.ng-leave{
opacity: 1;
font-size: 5vh;
width: 95%;
height: 95%;
margin: 60px;
color: #24a5d4;
background-color: black;
opacity: 0.88;
}
infoscreen/static/html/apy.html
+16 -12
View File
@@ -1,16 +1,20 @@
<link rel="stylesheet" href="/static/css/apy.css">
<div ng-controller="ApyController">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
<div id="bg">
<div class="container " ng-controller="ApyController">
<div id="header-title"
KILTADIILIT TOP 3
</div>
<div class="header-row row">
<div class="col-sm-6">Kilta</div>
<div class="col-sm-6">Lehdet</div>
</div>
<div class="repeat-item row event" ng-repeat="item in items">
<div class="col-sm-6 event-col">{{item.name}}</div>
<div class="col-sm-6 event-col">{{item.size}}</div>
</div>
<div id="footer">
</div>
<div id="header-title"
KILTADIILIT TOP 3
</div>
<div class="header-row row">
<div class="col-sm-9">Kilta</div>
<div class="col-sm-3">Lehdet</div>
</div>
<div class="repeat-item row event" ng-repeat="item in items">
<div class="col-sm-9 event-col">{{item.name}}</div>
<div class="col-sm-3 event-col">{{item.size}}</div>
</div>
</div>