From bae2bfe0c61c725d4fd9d766c67c452ffab36bd3 Mon Sep 17 00:00:00 2001 From: Jacob Rask Date: Sat, 6 Aug 2011 11:40:19 +0200 Subject: [PATCH] Add Desktop, email submission --- index.html | 3 +- styles/desktop-min.css | 1 + styles/desktop.css | 130 +++++++++++++++++++++++++++++++++++++++++ 3 files changed, 133 insertions(+), 1 deletion(-) create mode 100644 styles/desktop-min.css create mode 100644 styles/desktop.css diff --git a/index.html b/index.html index ace1b59..306ab6b 100644 --- a/index.html +++ b/index.html @@ -57,8 +57,9 @@ + - + diff --git a/styles/desktop-min.css b/styles/desktop-min.css new file mode 100644 index 0000000..1b3d734 --- /dev/null +++ b/styles/desktop-min.css @@ -0,0 +1 @@ +*{color:#000;font:13px arial;margin:0;z-index:1}[role]>*>*,[role]>*{margin:0 0 15px}body{background:#9cf}body:after{background:#e3eaf2;border-radius:10em/6em;height:9em;left:10%;top:10%;width:21em}body:before{background:#693;border-radius:170em/60em;bottom:0;height:70%;left:0;margin:0 -40% -20%;width:180%}body:before,body:after{content:"";position:fixed}body>*,ul,h1{position:fixed}body>header{border:solid #39f;border-width:4px 185px 0 0;bottom:0;left:0;right:0;z-index:2}body>header *{color:#fff}body>header,h1{background:#06f;margin:-27px 0 0}footer{bottom:4px;right:0;width:13em;z-index:3}footer *{color:#fff;font-size:10px}h1,[role]{border:5px solid #06f;left:35%;padding:3px;top:15%;width:50%}h1:after{content:" - Notepad"}nav{background:#393;float:left;padding:0 1em}nav a{color:#000;font-size:11px;text-decoration:none}nav a+a{color:#999}nav h2{font:italic 17px/1.7 arial}nav:hover ul{display:block}ul{bottom:28px;display:none;left:0;padding:5px}ul,[role]{background:#fff;height:55%;overflow:auto}ul>*{margin:3px} \ No newline at end of file diff --git a/styles/desktop.css b/styles/desktop.css new file mode 100644 index 0000000..502a0fd --- /dev/null +++ b/styles/desktop.css @@ -0,0 +1,130 @@ +/* CSS1K entry + * "Desktop" by Webmolot (http://webmolot.com/) + * This file is unminified for legibility, for size proof add '-min' to the end of the filename */ + + +* { +color:#000; +font:13px arial; +margin:0; +z-index:1 +} + +[role]>*>*,[role]>* { +margin:0 0 15px +} + +body { +background:#9cf +} + +body:after { +background:#e3eaf2; +border-radius:10em/6em; +height:9em; +left:10%; +top:10%; +width:21em +} + +body:before { +background:#693; +border-radius:170em/60em; +bottom:0; +height:70%; +left:0; +margin:0 -40% -20%; +width:180% +} + +body:before,body:after { +content:""; +position:fixed +} + +body>*,ul,h1 { +position:fixed +} + +body>header { +border:solid #39f; +border-width:4px 185px 0 0; +bottom:0; +left:0; +right:0; +z-index:2 +} + +body>header * { +color:#fff +} + +body>header,h1 { +background:#06f; +margin:-27px 0 0 +} + +footer { +bottom:4px; +right:0; +width:13em; +z-index:3 +} + +footer * { +color:#fff; +font-size:10px +} + +h1,[role] { +border:5px solid #06f; +left:35%; +padding:3px; +top:15%; +width:50% +} + +h1:after { +content:" - Notepad" +} + +nav { +background:#393; +float:left; +padding:0 1em +} + +nav a { +color:#000; +font-size:11px; +text-decoration:none +} + +nav a+a { +color:#999 +} + +nav h2 { +font: italic 17px/1.7 arial +} + +nav:hover ul { +display:block +} + +ul { +bottom:28px; +display:none; +left:0; +padding:5px +} + +ul,[role] { +background:#fff; +height:55%; +overflow:auto +} + +ul>* { +margin:3px +} \ No newline at end of file