Skip to content
Permalink
Browse files

Moved background to the back

This allows to apply filters to the background without appling them to the rest
  • Loading branch information...
Manuel-777 committed Feb 6, 2019
1 parent f76ec87 commit 203da69ec7302b874da22e03c7e4c7c1ef527b66
Showing with 79 additions and 80 deletions.
  1. +2 −3 window_main/index.css
  2. +77 −77 window_main/index.html
@@ -645,8 +645,8 @@ a:hover {
}

.message_center {
top: 48px;
position: absolute;
top: -48px;
left: 0;
width: 100%;
height: 100%;
@@ -2307,10 +2307,9 @@ a:hover {
.authenticate {
display: none;
position: relative;
top: calc(50% - 150px);
top: calc(50% - 200px);
width: 100%;
max-width: 400px;
height: 300px;
margin: 0 auto;
}

@@ -17,100 +17,100 @@
<script src="renderer.js"></script>
</head>
<body>
<div class="main_wrapper main_bg_image">
</div>
<div class="outer_wrapper">
<div class="main_wrapper main_bg_image">
<div class="dialog_wrapper">
<div class="dialog">
</div>
<div class="dialog_wrapper">
<div class="dialog">
</div>
</div>

<div class="top">
<div class="flex_item">
<div class="top_logo"></div>
<div class="top_artist">Ghitu Lavarunner by Jesper Ejsing</div>
</div>
<div class="flex_item">
<div class="unlink" title="You are not logged-in."></div>
<div class="notification"></div>
<div class="button minimize"></div>
<div class="button settings"></div>
<div class="button close"></div>
</div>
<div class="top">
<div class="flex_item">
<div class="top_logo"></div>
<div class="top_artist">Ghitu Lavarunner by Jesper Ejsing</div>
</div>
<div class="top_nav hidden">
<div class="top_nav_icons">
<div class="top_nav_separator"></div>
<div class="top_nav_item item_selected ith" style="width: 60px;"><div class="ith_icon"></div></div>
<div class="top_nav_item it0"><span class="top_nav_item_text">MY DECKS</span><div class="top_nav_icon icon_1"></div></div>
<div class="top_nav_item it1"><span class="top_nav_item_text">HISTORY</span><div class="top_nav_icon icon_2"></div></div>
<div class="top_nav_item it2"><span class="top_nav_item_text">EVENTS</span><div class="top_nav_icon icon_3"></div></div>
<div class="top_nav_item it3"><span class="top_nav_item_text">EXPLORE</span><div class="top_nav_icon icon_4"></div></div>
<div class="top_nav_item it4"><span class="top_nav_item_text">ECONOMY</span><div class="top_nav_icon icon_5"></div></div>
<div class="top_nav_item it5"><span class="top_nav_item_text">COLLECTION</span><div class="top_nav_icon icon_6"></div></div>
</div>
<div class="top_nav_info">
<div class="flex_item" style="margin-left: auto;">
<div class="top_status"></div>
<div class="top_status_pop"></div>
<div class="top_constructed_rank" ></div>
<div class="top_limited_rank" ></div>
<div class="top_username"></div>
<div class="top_username_id"></div>
</div>
<div class="flex_item">
<div class="unlink" title="You are not logged-in."></div>
<div class="notification"></div>
<div class="button minimize"></div>
<div class="button settings"></div>
<div class="button close"></div>
</div>
</div>
<div class="top_nav hidden">
<div class="top_nav_icons">
<div class="top_nav_separator"></div>
<div class="top_nav_item item_selected ith" style="width: 60px;"><div class="ith_icon"></div></div>
<div class="top_nav_item it0"><span class="top_nav_item_text">MY DECKS</span><div class="top_nav_icon icon_1"></div></div>
<div class="top_nav_item it1"><span class="top_nav_item_text">HISTORY</span><div class="top_nav_icon icon_2"></div></div>
<div class="top_nav_item it2"><span class="top_nav_item_text">EVENTS</span><div class="top_nav_icon icon_3"></div></div>
<div class="top_nav_item it3"><span class="top_nav_item_text">EXPLORE</span><div class="top_nav_icon icon_4"></div></div>
<div class="top_nav_item it4"><span class="top_nav_item_text">ECONOMY</span><div class="top_nav_icon icon_5"></div></div>
<div class="top_nav_item it5"><span class="top_nav_item_text">COLLECTION</span><div class="top_nav_icon icon_6"></div></div>
</div>
<div class="top_nav_info">
<div class="flex_item" style="margin-left: auto;">
<div class="top_status"></div>
<div class="top_status_pop"></div>
<div class="top_constructed_rank" ></div>
<div class="top_limited_rank" ></div>
<div class="top_username"></div>
<div class="top_username_id"></div>
</div>
</div>
</div>

<div class="popup"></div>
<div class="wrapper">
<div class="loading_bar init_loading"><div class="loading_color loading_w"></div><div class="loading_color loading_u"></div><div class="loading_color loading_b"></div><div class="loading_color loading_r"></div><div class="loading_color loading_g"></div></div>
<div class="popup"></div>
<div class="wrapper">
<div class="loading_bar init_loading"><div class="loading_color loading_w"></div><div class="loading_color loading_u"></div><div class="loading_color loading_b"></div><div class="loading_color loading_r"></div><div class="loading_color loading_g"></div></div>

<div class="overflow_ux hidden">
<div class="moving_ux">
<div class="ux_item" id="ux_0">
</div>
<div class="overflow_ux hidden">
<div class="moving_ux">
<div class="ux_item" id="ux_0">
</div>

<div class="ux_item" id="ux_1">
</div>
<div class="ux_item" id="ux_1">
</div>
</div>
</div>



<div class="main_hover_container">
<img class="main_hover">
<img class="main_hover_dfc">
</div>
<div class="main_hover_container">
<img class="loader" src="../images/nocard.png">
<img class="loader_dfc" src="../images/nocard.png">
</div>
<div class="main_hover_container">
<img class="main_hover">
<img class="main_hover_dfc">
</div>
<div class="main_hover_container">
<img class="loader" src="../images/nocard.png">
<img class="loader_dfc" src="../images/nocard.png">
</div>

<div class="message_center">
<div class="message_big red">Loading</div>
<div class="message_sub white">Just a moment..</div>
</div>
<div class="message_center">
<div class="message_big red">Loading</div>
<div class="message_sub white">Just a moment..</div>
</div>

<div class="authenticate">
<div class="message_big green">Welcome!</div>
<label style="display: table">Email</label>
<div class="input_login_container">
<input type="username" id="signin_user" autocomplete="off" />
</div>
<label style="display: table">Password</label>
<div class="input_login_container">
<input type="password" id="signin_pass" autocomplete="off" />
</div>
<div class="button_simple_disabled centered login_link">Login</div>
<div class="authenticate">
<div class="message_big green">Welcome!</div>
<label style="display: table">Email</label>
<div class="input_login_container">
<input type="username" id="signin_user" autocomplete="off" />
</div>
<label style="display: table">Password</label>
<div class="input_login_container">
<input type="password" id="signin_pass" autocomplete="off" />
</div>
<div class="button_simple_disabled centered login_link">Login</div>

<label class="check_container check_container_centered hover_label">Remember me?
<input type="checkbox" id="rememberme" onclick="rememberMe()" />
<span class="checkmark"></span>
</label>
<label class="check_container check_container_centered hover_label">Remember me?
<input type="checkbox" id="rememberme" onclick="rememberMe()" />
<span class="checkmark"></span>
</label>

<div class="message_small">Dont have an account? <a class="signup_link">Sign up!</a></div>
<div class="message_small">You can also <a class="offline_link">continue offline</a></div>
--<div class="message_small">Did you <a class="forgot_link">forgot your password?</a></div>
</div>
<div class="message_small">Dont have an account? <a class="signup_link">Sign up!</a></div>
<div class="message_small">You can also <a class="offline_link">continue offline</a></div>
--<div class="message_small">Did you <a class="forgot_link">forgot your password?</a></div>
</div>
</div>
</div>

0 comments on commit 203da69

Please sign in to comment.
You can’t perform that action at this time.