some mure css
This commit is contained in:
parent
3014336d6c
commit
d1e2d7053e
@ -8,12 +8,11 @@ html {
|
|||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-image: url('./bg.png');
|
background-image: url('./bg.png');
|
||||||
overflow: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
@ -63,11 +62,13 @@ h1 {
|
|||||||
.login-display-name {
|
.login-display-name {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-button {
|
.login-button {
|
||||||
margin-left: 20% !important;
|
margin-left: 20% !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
height: 28px !important;
|
height: 28px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.eachDay {
|
.eachDay {
|
||||||
position: relative;
|
position: relative;
|
||||||
font-family: Lato;
|
font-family: Lato;
|
||||||
@ -90,12 +91,11 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.eachDay:hover {
|
.eachDay:hover {
|
||||||
-webkit-transform: scale(1.02);
|
-webkit-transform: scale(1.05);
|
||||||
-moz-transform: scale(1.02);
|
-moz-transform: scale(1.05);
|
||||||
-ms-transform: scale(1.02);
|
-ms-transform: scale(1.05);
|
||||||
transform: scale(1.02);
|
transform: scale(1.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.recent {
|
.recent {
|
||||||
color: #353535;
|
color: #353535;
|
||||||
background-color: #5BEF78;
|
background-color: #5BEF78;
|
||||||
@ -117,8 +117,8 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.pulltab {
|
.pulltab {
|
||||||
position:absolute;
|
position:fixed;
|
||||||
margin-top:4%;
|
margin-top:-1%;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
border-top: 40px solid transparent;
|
border-top: 40px solid transparent;
|
||||||
@ -141,7 +141,7 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
position:absolute;
|
position: fixed;
|
||||||
min-height:100%;
|
min-height:100%;
|
||||||
|
|
||||||
background-color: #FF746B;
|
background-color: #FF746B;
|
||||||
@ -155,7 +155,7 @@ h1 {
|
|||||||
font-family: Lato;
|
font-family: Lato;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
min-width: 17%;
|
min-width: 17%;
|
||||||
position: absolute;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: -20%;
|
left: -20%;
|
||||||
|
|
||||||
@ -166,9 +166,7 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fa {
|
.fa {
|
||||||
float:right;
|
position: absolute;
|
||||||
clear:right;
|
|
||||||
position: fixed;
|
|
||||||
top: 3%;
|
top: 3%;
|
||||||
right: 2.5%;
|
right: 2.5%;
|
||||||
|
|
||||||
|
|||||||
@ -144,17 +144,6 @@ Template.sidebar.events({
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
Template.day.rendered = function() {
|
|
||||||
$('.eachDay').each(function ( index ) {
|
|
||||||
$('.eachDay').eq(index)
|
|
||||||
.css("z-index", 100-index)
|
|
||||||
.css("-webkit-transform", "scale(" + getScale(index, 0) + ")")
|
|
||||||
.css("-moz-transform", "scale(" + getScale(index, 0) + ")")
|
|
||||||
.css("-ms-transform", "scale(" + getScale(index, 0) + ")")
|
|
||||||
.css("transform", "scale(" + getScale(index, 0) + ")");
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function getScale(index, start) {
|
function getScale(index, start) {
|
||||||
return Math.abs(index-start) * -0.2 + 1.5
|
return Math.abs(index-start) * -0.2 + 1.5
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user