KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Max brightness on fp bg, bg transition, placeholder opacity

Browse Source
This commit is contained in:
Nicolas Almagro Tonne
2015-11-28 18:24:03 +01:00
parent 99c4a9848d
commit 0853ab1dfb
4 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
static/css/style.css
View File

@@ -298,28 +298,27 @@ hide mdi-action-visibility mdi-action-visibility-off
height: 100%; height: 100%;
position: relative; position: relative;
z-index: 1; z-index: 1;
background-color:grey; background-color:#191919;
} }
#mega-background{ #mega-background{
-webkit-transition:opacity 0.5s; -webkit-transition:background 0.5s, opacity 0.5s;
-moz-transition:opacity 0.5s; -moz-transition:background 0.5s, opacity 0.5s;
-o-transition:opacity 0.5s; -o-transition:background 0.5s, opacity 0.5s;
transition:opacity 0.5s; transition:background 0.5s, opacity 0.5s;
height:400px; height:400px;
width:400px; width:400px;
position: absolute; position: absolute;
opacity: 0;
top: 0px; top: 0px;
left:0px; left:0px;
z-index: -1; z-index: -1;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-position: 50% 50%; background-size: 200% !important;
background-size: inherit; background-position: 50% 50% !important;
/* background-repeat: no-repeat; */ -webkit-filter: brightness(0.8);
background-size: 124%;
background-size: 400% 400% !important;
background-position: 50% 50% !important;
} }
.room-namer::-webkit-input-placeholder{ .room-namer::-webkit-input-placeholder{
@@ -387,6 +386,19 @@ hide mdi-action-visibility mdi-action-visibility-off
padding-left: 91px; padding-left: 91px;
} }
.mega ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
opacity: 0.72;
}
.mega :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
opacity: 0.72;
}
.mega ::-moz-placeholder { /* Mozilla Firefox 19+ */
opacity: 0.72;
}
.mega :-ms-input-placeholder { /* Internet Explorer 10-11 */
opacity: 0.72;
}
.mega .refresh-button{ .mega .refresh-button{
box-sizing: border-box; color: rgb(175, 175, 175); cursor: pointer; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 25.5px; font-weight: normal; height: 40px; line-height: 36.4285736083984px; margin-left: -40px; text-align: center; text-decoration: none; width: 40px; box-sizing: border-box; color: rgb(175, 175, 175); cursor: pointer; display: block; font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-size: 25.5px; font-weight: normal; height: 40px; line-height: 36.4285736083984px; margin-left: -40px; text-align: center; text-decoration: none; width: 40px;
} }

2
static/dist/frontpage.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
static/dist/main.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
static/js/nochan.js
View File

@@ -120,7 +120,6 @@ var Nochan = {
var id = list[i][1]; var id = list[i][1];
if(Nochan.blob_list[i] !== undefined){ if(Nochan.blob_list[i] !== undefined){
$("#mega-background").css("opacity", 0);
//$(".room-namer").css("opacity", 0); //$(".room-namer").css("opacity", 0);
setTimeout(function(){ setTimeout(function(){
$("#mega-background").css("background", "url(data:image/png;base64,"+Nochan.blob_list[i]+")"); $("#mega-background").css("background", "url(data:image/png;base64,"+Nochan.blob_list[i]+")");
@@ -137,7 +136,6 @@ var Nochan = {
success: function(data){ success: function(data){
Nochan.blob_list.push(data); Nochan.blob_list.push(data);
//data will contain the vote count echoed by the controller i.e. //data will contain the vote count echoed by the controller i.e.
$("#mega-background").css("opacity", 0);
//$(".room-namer").css("opacity", 0); //$(".room-namer").css("opacity", 0);
setTimeout(function(){ setTimeout(function(){
$("#mega-background").css("background", "url(data:image/png;base64,"+data+")"); $("#mega-background").css("background", "url(data:image/png;base64,"+data+")");