From 03ac351f38316d8f923f3797aa7dd0deade7ed5d Mon Sep 17 00:00:00 2001 From: Jonathan Bauer Date: Sun, 24 Apr 2011 21:36:26 +0200 Subject: url status handling, 5sec delay before closing gui when exiting with failure (not actually returning 1 atm), lots of formatting... --- src/html/preload.css | 97 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 src/html/preload.css (limited to 'src/html/preload.css') diff --git a/src/html/preload.css b/src/html/preload.css new file mode 100644 index 0000000..51ef421 --- /dev/null +++ b/src/html/preload.css @@ -0,0 +1,97 @@ +html,body{ + height:100%; +} +body{ + margin:0; + padding:0; + background-color:black; + background-image:url('background.png'); + background-repeat: no-repeat; + background-size:100%; +} +#top{ + position:absolute; +} +h1, p{ + margin:10; + padding:0.3em 0; + color:white; +} +#container{ + min-height:100%; + margin-bottom:-50px; +} +* html #container{ + height:100%; +} +#footer-spacer{ + height:0px; +} +#footer{ + height:30px; +} +/* position the bars and balls correctly (rotate them and translate them outward)*/ +.bar1 { + -moz-transform:rotate(0deg) translate(0, -40px); + -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.12; +} +.bar2 { + -moz-transform:rotate(45deg) translate(0, -40px); + -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.25; +} +.bar3 { + -moz-transform:rotate(90deg) translate(0, -40px); + -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.37; +} +.bar4 { + -moz-transform:rotate(135deg) translate(0, -40px); + -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.50; +} +.bar5 { + -moz-transform:rotate(180deg) translate(0, -40px); + -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.62; +} +.bar6 { + -moz-transform:rotate(225deg) translate(0, -40px); + -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.75; +} +.bar7 { + -moz-transform:rotate(270deg) translate(0, -40px); + -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.87; +} +.bar8 { + -moz-transform:rotate(315deg) translate(0, -40px); + -webkit-transform:rotate(315deg) translate(0, -40px);opacity:1; +} +#div4 { + position:absolute; + left:50%; + top:50%; + margin-left:-50px; + margin-top:-50px; + width:100px; + height:100px; + -moz-border-radius:100px; + -webkit-border-radius:100px; + -moz-transform:scale(0.5); + -webkit-transform:scale(0.5); + -webkit-animation-name: rotateThis; + -webkit-animation-duration:2s; + -webkit-animation-iteration-count:infinite; + -webkit-animation-timing-function:linear; +} +#div4 div { + width:20px; + height:20px; + background:#fff; + -moz-border-radius:40px; + -webkit-border-radius:40px; + position:absolute; + left:40px; + top:40px; +} +/* add a shadow to the first */ +#div4 div { + -moz-box-shadow:black 0 0 4px; + -webkit-box-shadow:black 0 0 4px; +} -- cgit v1.2.3-55-g7522 From 46435117dccbd9e02a23ba92ae92db6b04c93d47 Mon Sep 17 00:00:00 2001 From: Jonathan Bauer Date: Sun, 24 Apr 2011 23:30:39 +0200 Subject: preload & loadsystem lighter theme --- src/html/background.png | Bin 316905 -> 364392 bytes src/html/loadsystem.css | 26 ++++++++------------------ src/html/loadsystem.html | 14 +++----------- src/html/old.png | Bin 0 -> 316905 bytes src/html/preload-debug.html | 2 ++ src/html/preload.css | 12 +++++++++--- src/html/preload.html | 9 +++------ 7 files changed, 25 insertions(+), 38 deletions(-) create mode 100644 src/html/old.png (limited to 'src/html/preload.css') diff --git a/src/html/background.png b/src/html/background.png index 84dd7b3..7e374f9 100644 Binary files a/src/html/background.png and b/src/html/background.png differ diff --git a/src/html/loadsystem.css b/src/html/loadsystem.css index d0e8a90..30484db 100644 --- a/src/html/loadsystem.css +++ b/src/html/loadsystem.css @@ -5,32 +5,22 @@ body{ margin:0; padding:0; background-color:black; + background-image:url('background.png'); + background-repeat:no-repeat; background-size:100%; } -#top{ - position:absolute; - top:38%; - left:41%; +#message{ + position:relative; + font-size:90%; + top:40%; } h1, p{ - margin:0; - padding:0.3em 0; + text-align:center; color:white; } -#container{ - min-height:100%; - margin-bottom:-50px; -} -* html #container{ +* html{ height:100%; } -#footer-spacer{ - height:0px; -} -#footer{ - height:30px; - text-align:center; -} /* position the bars and balls correctly (rotate them and translate them outward)*/ .bar1 { -moz-transform:rotate(0deg) translate(0, -40px); diff --git a/src/html/loadsystem.html b/src/html/loadsystem.html index f01ba5b..838423e 100644 --- a/src/html/loadsystem.html +++ b/src/html/loadsystem.html @@ -2,9 +2,6 @@ -
-

Loading system, please wait...

+ +
+

Loading system, please wait...

@@ -33,11 +31,5 @@ window.setTimeout(rotate, 100);
-
- -
- diff --git a/src/html/old.png b/src/html/old.png new file mode 100644 index 0000000..84dd7b3 Binary files /dev/null and b/src/html/old.png differ diff --git a/src/html/preload-debug.html b/src/html/preload-debug.html index 8c0f481..29d7391 100644 --- a/src/html/preload-debug.html +++ b/src/html/preload-debug.html @@ -12,6 +12,8 @@ function quitgui(){
+
+

Preboot GUI

Waiting on internet...