From 3745873e138098a5a49ac3411ee4f47e2aefa36a Mon Sep 17 00:00:00 2001 From: Andrew Brown Date: Thu, 19 Apr 2012 17:46:13 -0400 Subject: [PATCH] refactor index inline css into external css file --- static/css/index.css | 107 +++++++++++++++++++++++ static/index.html | 196 ++++++++++--------------------------------- static/pad.html | 42 +++++----- 3 files changed, 170 insertions(+), 175 deletions(-) create mode 100644 static/css/index.css diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 000000000..5a1056a2c --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,107 @@ +body { + margin: 0; + height: 100%; + color: #333; + font: 14px helvetica, sans-serif; + background: #ddd; + background: -webkit-radial-gradient(circle,#aaa,#eee 60%) center fixed; + background: -moz-radial-gradient(circle,#aaa,#eee 60%) center fixed; + background: -ms-radial-gradient(circle,#aaa,#eee 60%) center fixed; + background: -o-radial-gradient(circle,#aaa,#eee 60%) center fixed; + border-top: 8px solid rgba(51,51,51,.8); +} +#wrapper { + border-top: 1px solid #999; + margin-top: 160px; + padding: 15px; + background: #eee; + background: -webkit-linear-gradient(#fff,#ccc); + background: -moz-linear-gradient(#fff,#ccc); + background: -ms-linear-gradient(#fff,#ccc); + background: -o-linear-gradient(#fff,#ccc); + opacity: .9; + box-shadow: 0px 1px 8px rgba(0,0,0,0.3); +} +#inner { + width: 300px; + margin: 0 auto; +} +#button { + margin: 0 auto; + border-radius: 3px; + text-align: center; + font: 36px verdana,arial,sans-serif; + color: white; + text-shadow: 0 -1px 0 rgba(0,0,0,.8); + height: 70px; + line-height: 70px; + background: #555; + background: -webkit-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737); + background: -moz-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737); + background: -ms-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737); + background: -o-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737); + box-shadow: inset 0 1px 3px rgba(0,0,0,0.9); +} +#button:hover { + cursor: pointer; + background: #666; + background: -webkit-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747); + background: -moz-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747); + background: -ms-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747); + background: -o-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747); +} +#button:active { + box-shadow: inset 0 1px 12px rgba(0,0,0,0.9); + background: #444; +} +#label { + text-align: left; + text-shadow: 0 1px 1px #fff; + margin: 16px auto 0; +} +form { + height: 38px; + background: #fff; + border: 1px solid #bbb; + border-radius: 3px; + position: relative; +} +button, input { + font-weight: bold; + font-size: 15px; +} +input[type="text"] { + border-radius: 3px; + box-sizing: border-box; + -moz-box-sizing: border-box; + padding: 0 45px 0 10px; + *padding: 0; /* IE7 hack */ + width: 100%; + height: 100%; + outline: none; + border: none; + position: absolute; +} +button[type="submit"] { + position: absolute; + right: 0; + width: 45px; + height: 38px; +} +@media only screen and (min-device-width: 320px) and (max-device-width: 720px) { + body { + background: #bbb; + background: -webkit-linear-gradient(#aaa,#eee 60%) center fixed; + background: -moz-linear-gradient(#aaa,#eee 60%) center fixed; + background: -ms-linear-gradient(#aaa,#eee 60%) center fixed; + } + #wrapper { + margin-top: 0; + } + #inner { + width: 95%; + } + #label { + text-align: center; + } +} diff --git a/static/index.html b/static/index.html index 58f688017..b741e026d 100644 --- a/static/index.html +++ b/static/index.html @@ -1,161 +1,49 @@ + Etherpad Lite + + + + - Etherpad Lite - - - - - - - -
-
-
New Pad
-
or create/open a Pad with the name
-
- - -
-
+
+
+
New Pad
+
or create/open a Pad with the name
+
+ + +
+
- - + + diff --git a/static/pad.html b/static/pad.html index 4c6d4d8cf..ad26bcbe0 100644 --- a/static/pad.html +++ b/static/pad.html @@ -51,7 +51,7 @@
    • - +
    +
    -
    +
    -
    +
    @@ -136,20 +136,20 @@

    Import from text file, HTML, PDF, Word, ODT or RTF


    -
    - -
    -
    +
    + +
    +
    -
    Successful!
    -
    - - - - - - -
    +
    Successful!
    +
    + + + + + + +
    @@ -209,7 +209,7 @@
    - +
    @@ -254,7 +254,7 @@
    - +
    @@ -275,5 +275,5 @@ padimpexp = require('/pad_impexp').padimpexp; }()); - - \ No newline at end of file + +