From 2c13339226f73621c9c539fbe93c8ac6333bbf48 Mon Sep 17 00:00:00 2001 From: root Date: Sun, 22 Nov 2009 14:54:48 -0500 Subject: New look --- static/bgb.png | Bin 0 -> 1993 bytes static/bgpat.gif | Bin 0 -> 329 bytes static/bubley.png | Bin 0 -> 17233 bytes static/cloudbg1.png | Bin 0 -> 8386 bytes static/dddump.png | Bin 0 -> 3066 bytes static/dddump2.png | Bin 0 -> 2877 bytes static/dumgradbub2.png | Bin 0 -> 6673 bytes static/dumpbub.png | Bin 0 -> 5714 bytes static/index.html | 48 +++++++-- static/index5.html | 138 ++++++++++++++++++++++++ static/lillogo.png | Bin 0 -> 230 bytes static/log4.png | Bin 0 -> 1640 bytes static/main.css | 185 ++++++++++++++++++++++++++++++++ static/mark1.png | Bin 0 -> 3956 bytes static/pichat.css | 177 +++++++++++++++++++++++------- static/reset.css | 2 +- static/startpage1.html | 96 +++++++++++++++++ static/starts/bg4.png | Bin 0 -> 5469 bytes static/starts/bottoml.png | Bin 0 -> 660 bytes static/starts/bottomr.png | Bin 0 -> 649 bytes static/starts/cloudbg.png | Bin 0 -> 8386 bytes static/starts/cloudbg1.png | Bin 0 -> 8386 bytes static/starts/getstarted.gif | Bin 0 -> 6297 bytes static/starts/index.html | 71 ++++++++++++ static/starts/logbg.png | Bin 0 -> 820 bytes static/starts/main.css | 182 +++++++++++++++++++++++++++++++ static/starts/mark1.png | Bin 0 -> 3956 bytes static/starts/startpage1.html | 96 +++++++++++++++++ static/starts/topl.png | Bin 0 -> 679 bytes static/starts/topr.png | Bin 0 -> 651 bytes static/style.css | 243 ++++++++++++++++++++++++++++++++++++++++++ 31 files changed, 1187 insertions(+), 51 deletions(-) create mode 100644 static/bgb.png create mode 100644 static/bgpat.gif create mode 100644 static/bubley.png create mode 100644 static/cloudbg1.png create mode 100644 static/dddump.png create mode 100644 static/dddump2.png create mode 100644 static/dumgradbub2.png create mode 100644 static/dumpbub.png create mode 100644 static/index5.html create mode 100644 static/lillogo.png create mode 100644 static/log4.png create mode 100644 static/main.css create mode 100644 static/mark1.png create mode 100644 static/startpage1.html create mode 100644 static/starts/bg4.png create mode 100644 static/starts/bottoml.png create mode 100644 static/starts/bottomr.png create mode 100644 static/starts/cloudbg.png create mode 100644 static/starts/cloudbg1.png create mode 100644 static/starts/getstarted.gif create mode 100755 static/starts/index.html create mode 100644 static/starts/logbg.png create mode 100644 static/starts/main.css create mode 100644 static/starts/mark1.png create mode 100644 static/starts/startpage1.html create mode 100644 static/starts/topl.png create mode 100644 static/starts/topr.png diff --git a/static/bgb.png b/static/bgb.png new file mode 100644 index 0000000..3a1c5d2 Binary files /dev/null and b/static/bgb.png differ diff --git a/static/bgpat.gif b/static/bgpat.gif new file mode 100644 index 0000000..86edce9 Binary files /dev/null and b/static/bgpat.gif differ diff --git a/static/bubley.png b/static/bubley.png new file mode 100644 index 0000000..fe6eb82 Binary files /dev/null and b/static/bubley.png differ diff --git a/static/cloudbg1.png b/static/cloudbg1.png new file mode 100644 index 0000000..f397899 Binary files /dev/null and b/static/cloudbg1.png differ diff --git a/static/dddump.png b/static/dddump.png new file mode 100644 index 0000000..593f9a2 Binary files /dev/null and b/static/dddump.png differ diff --git a/static/dddump2.png b/static/dddump2.png new file mode 100644 index 0000000..df200c7 Binary files /dev/null and b/static/dddump2.png differ diff --git a/static/dumgradbub2.png b/static/dumgradbub2.png new file mode 100644 index 0000000..1de255d Binary files /dev/null and b/static/dumgradbub2.png differ diff --git a/static/dumpbub.png b/static/dumpbub.png new file mode 100644 index 0000000..382a25c Binary files /dev/null and b/static/dumpbub.png differ diff --git a/static/index.html b/static/index.html index fe4b9b0..b309f74 100755 --- a/static/index.html +++ b/static/index.html @@ -1,9 +1,11 @@ - Pichat + dump.fm + + @@ -12,34 +14,58 @@ init(); }); + + +
-

dump.fm

+ +
+
+
+
+
+
+ +
+

UsrLst

+
+
+
+
+
-
- -
-
-
-
+
+ diff --git a/static/index5.html b/static/index5.html new file mode 100644 index 0000000..b30e42f --- /dev/null +++ b/static/index5.html @@ -0,0 +1,138 @@ + + + dump.fm + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ +
+
+
+ +
+

UsrLst

+
+
+ +
+ +
+ +
+
+ + +
+
+
+ + + +
+ + diff --git a/static/lillogo.png b/static/lillogo.png new file mode 100644 index 0000000..fff9d17 Binary files /dev/null and b/static/lillogo.png differ diff --git a/static/log4.png b/static/log4.png new file mode 100644 index 0000000..de76494 Binary files /dev/null and b/static/log4.png differ diff --git a/static/main.css b/static/main.css new file mode 100644 index 0000000..bb7dd4c --- /dev/null +++ b/static/main.css @@ -0,0 +1,185 @@ +@charset "UTF-8"; +/* CSS Document */ + +#apDiv2 { + position:relative; + top:150px; + width:700px; + margin: 0px auto -1px auto; + height: 300px; + z-index: 3; +} +#info { + position:relative; + top:285px; + width:700px; + margin: 0px auto -1px auto; + height: 14px; + color: #999; + bottom:0px; + z-index: 3; + +} +#front { + position:fixed; + top:150px; +} +#infopage { + + + margin: 0px auto -1px auto; + height: 14px; + color: #999; + bottom:0px; + z-index: 3; + font-size: 10px; + + font-size: 12px; + letter-spacing: 1px; + bottom: 0px; +} +#signin { + position:absolute; + left:0px; + width:410px; + height:281px; + + z-index:3; + +} +#signinbg { + position:absolute; + left:0px; + width:410px; + height:281px; + background-image: url(logbg.png); + z-index:1; + filter:alpha(opacity=70); + -moz-opacity:0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + +} +#about { + position:absolute; + width:300px; + height: 281px; + left:410px; + line-height: 18px; + padding-left: 20px; + ; + font-weight: bold; + color: #333; + z-index:2; +} +#input { + padding-right:15px; + line-height:22px; + font-size: 12px; +} +body,td,th { + font-family: Arial, Helvetica, sans-serif; + font-size: 16px; + line-height: 40px; +} +#apDiv1 div #input #form1 label { + font-size: 12px; + color: #333; +} +.re { + font-size: 10px; +} +#apDiv2 #about div { + font-size: 10px; + color: #424143; +} +#top { + position:absolute; + left:0px; + top:0px; + width:100%; + height:32px; + z-index:2; + background-color: #CCC; +} +#apDiv3 { + position:fixed; + left:0px; + top:0px; + width:68px; + height:68px; + background-image: url(topl.png); +} +#apDiv4 { + position:fixed; + top:0px; + width:68px; + height:68px; + + right: 0px; + background-image: url(topr.png); +} +#bottom { + position:absolute; + left:0px; + bottom:0px; + width:100%; + height:10px; + z-index:1; + font-size: 10px; + line-height: 5px; +} +#apDiv5 { + position:fixed; + bottom:0px; + width:60px; + height:68px; + + left: 0px; + background-image: url(bottoml.png); +} +#apDiv6 { + position:fixed; + bottom:0px; + width:60px; + height:68px; + + right: 0px; + background-image: url(bottomr.png); +} +#bg { + position:absolute; + left:0px; + top:0px; + width:100%; + height:100%; + z-index:2; + background-image:url(grad2.jpg); +} +body { + background-image: url(bg4.png); + background-repeat: repeat-x; + background-attachment:fixed; +} +#plane { + position:fixed; + top:9px; + right:0px; + width:100%; + height:100%; + z-index:1; + background-image: url(cloudbg1.png); + background-repeat: no-repeat; + background-position:center; + +} +.form { font-size: 14px; color="#990000"; } +.info { + font-size: 10px; +} +.info { + font-size: 12px; + letter-spacing: 1px; + bottom: 0px; + color: #999; +} diff --git a/static/mark1.png b/static/mark1.png new file mode 100644 index 0000000..50566ba Binary files /dev/null and b/static/mark1.png differ diff --git a/static/pichat.css b/static/pichat.css index e2f382c..f33f7e0 100755 --- a/static/pichat.css +++ b/static/pichat.css @@ -4,73 +4,172 @@ html, body { padding: 1em; } -#content { - position:absolute; - z-index:3; +#content{ + position:fixed; + z-index:3; + overflow:auto; + } #chatbox { position: fixed; - top:48px; -} -h1,h2 { - font: 100% 'helvetica neue',sans-serif; - letter-spacing:10px; - text-transform:uppercase; - font-family: Arial, Helvetica, sans-serif; - font-size: 9px; - top:35px; +top:48px; + + +} +#rapper { +top:0px; + +} +h1,h2{ + font: 100% 'helvetica neue',sans-serif; + letter-spacing:10px; + text-transform:uppercase; + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + left:2px; +top:5px; position: fixed; } #messagePane { - border: 1px solid green; - height: 80%; - padding: 5px; + border: 2px solid #15fff3; + height: 70%; + padding: 5px; + position: fixed; + width: 80%; +max-width:1500px; +background-color:#FFF; +left:35px; +top:80px; + float: left; + z-index:5; +} +#logo { + position:fixed; + left:18px; + top:3px; + + z-index:7; +} +#welcomebar { + font: 100% 'helvetica neue',sans-serif; + letter-spacing:1px; + top:20px; + font-family: Arial, Helvetica, sans-serif; + font-size: 9px; +left:350px; +top:67px; position: fixed; - width: 80%; } - #messageList { height: 100%; width: 100%; - position: inherit + position:inherit overflow-y: auto; overflow-x: hidden; border-bottom: 1px solid grey; } - +#messagetabs { + height: 40px; + padding: 5px; + position: fixed; + width: 80%; + max-width:1500px; + overflow-y: hidden; + overflow-x: hidden; + top:48px; + left:0px; + z-index:1; +} #msgInputDiv { height: 15px; - position:relative; + position:relative; + min-width:500px; } #msgInput { - width: 85%; + width: 80%; margin-right: 5px; margin-top: 15px; - position:relative; + position:relative; + min-width:500px; } #msgSubmit { - width: 14%; - position:relative; + width: 107px; + position:relative; + } -.msgDiv img { - max-width: 650px; - width: expression(this.width > 650 ? 650: true); - max-height:400px; - height: expression(this.width > 400 ? 400: true); - max-width:400px; -} +.msgDiv img{ + + max-width:650px; +width: expression(this.width > 650 ? 650: true);max-height:400px; +height: expression(this.width > 400 ? 400: true);max-width:400px;} + #userList { - overflow: auto; - border: 1px solid blue; - height: 80%; - margin: 0px; - position: fixed; - padding: 5px; - width: 10%; - right: 3%; + overflow: auto; + border: 1px solid gray; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top:80px; + width: 7%; + float:right; + right: 35px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + min-width:72px; + line-height:13px; + background-color:#FFF; + + z-index:4; +} +#userListicon { + overflow: auto; + height: 70%; + margin: 0px; + position: fixed; + padding: 5px; + top:48px; + width: 7%; + float:right; + right: 35px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + text-transform: uppercase; + min-width:72px; + line-height:13px; + z-index:1; + font-weight: bold; + font-family: Arial, Helvetica, sans-serif; + color: #666; + text-transform:none; + +} +#lillogo { + bottom:0px; + position:absolute; + padding:1px; + right:7px; + line-height: 12px; +} +#binfo { + font-family: Arial, Helvetica, sans-serif; + font-size: 11px; + bottom:2px; + +} +#popout { + top:1px; + position:fixed; + padding:1px; + right:0px; + float:right; + line-height: 12px; + font-size:10px; + text-align:right; } diff --git a/static/reset.css b/static/reset.css index a6a258f..1b1255d 100755 --- a/static/reset.css +++ b/static/reset.css @@ -51,4 +51,4 @@ del { table { border-collapse: collapse; border-spacing: 0; -} \ No newline at end of file +} diff --git a/static/startpage1.html b/static/startpage1.html new file mode 100644 index 0000000..dbf5edf --- /dev/null +++ b/static/startpage1.html @@ -0,0 +1,96 @@ + + + + +dump.fm + + + + + +
+ +
+

 

+

dump.fm lets you talk with pictures.
+

+


+ share images from anywhere on the web or ones stored on your computer, in real time.
+
+

+

+
+
+
+
+
+

+
+
+ +
+
+ +
+ +
+
+ +
+
+
+
+
+
* © 2009 dump.fm + * About Us + * Contact + * Blog + * Goodies + + * Help + * Terms + * Privacy
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + diff --git a/static/starts/bg4.png b/static/starts/bg4.png new file mode 100644 index 0000000..e20fda8 Binary files /dev/null and b/static/starts/bg4.png differ diff --git a/static/starts/bottoml.png b/static/starts/bottoml.png new file mode 100644 index 0000000..0f52893 Binary files /dev/null and b/static/starts/bottoml.png differ diff --git a/static/starts/bottomr.png b/static/starts/bottomr.png new file mode 100644 index 0000000..5904272 Binary files /dev/null and b/static/starts/bottomr.png differ diff --git a/static/starts/cloudbg.png b/static/starts/cloudbg.png new file mode 100644 index 0000000..f397899 Binary files /dev/null and b/static/starts/cloudbg.png differ diff --git a/static/starts/cloudbg1.png b/static/starts/cloudbg1.png new file mode 100644 index 0000000..f397899 Binary files /dev/null and b/static/starts/cloudbg1.png differ diff --git a/static/starts/getstarted.gif b/static/starts/getstarted.gif new file mode 100644 index 0000000..b581589 Binary files /dev/null and b/static/starts/getstarted.gif differ diff --git a/static/starts/index.html b/static/starts/index.html new file mode 100755 index 0000000..b309f74 --- /dev/null +++ b/static/starts/index.html @@ -0,0 +1,71 @@ + + + dump.fm + + + + + + + + + + + + + + +
+ + +
+ +
+
+
+
+
+ +
+

UsrLst

+
+
+ +
+ +
+ +
+
+ + +
+
+
+
+
+ + + diff --git a/static/starts/logbg.png b/static/starts/logbg.png new file mode 100644 index 0000000..0e41857 Binary files /dev/null and b/static/starts/logbg.png differ diff --git a/static/starts/main.css b/static/starts/main.css new file mode 100644 index 0000000..8503c50 --- /dev/null +++ b/static/starts/main.css @@ -0,0 +1,182 @@ +@charset "UTF-8"; +/* CSS Document */ + +#apDiv2 { + position:relative; + top:150px; + width:700px; + margin: 0px auto -1px auto; + height: 300px; + z-index: 3; +} +#info { + position:relative; + top:285px; + width:700px; + margin: 0px auto -1px auto; + height: 14px; + color: #999; + bottom:0px; + z-index: 3; + +} +#front { + position:fixed; + top:150px; +} +#infopage { + + + margin: 0px auto -1px auto; + height: 14px; + color: #999; + bottom:0px; + z-index: 3; + font-size: 10px; + + font-size: 12px; + letter-spacing: 1px; + bottom: 0px; +} +#signin { + position:absolute; + left:0px; + width:410px; + height:281px; + + z-index:3; + +} +#signinbg { + position:absolute; + left:0px; + width:410px; + height:281px; + background-image: url(static/starts/logbg.png); + z-index:1; + + +} +#about { + position:absolute; + width:300px; + height: 281px; + left:410px; + line-height: 18px; + padding-left: 20px; + ; + font-weight: bold; + color: #333; + z-index:2; +} +#input { + padding-right:15px; + line-height:22px; + font-size: 12px; +} +body,td,th { + font-family: Arial, Helvetica, sans-serif; + font-size: 16px; + line-height: 40px; +} +#apDiv1 div #input #form1 label { + font-size: 12px; + color: #333; +} +.re { + font-size: 10px; +} +#apDiv2 #about div { + font-size: 10px; + color: #424143; +} +#top { + position:absolute; + left:0px; + top:0px; + width:100%; + height:32px; + z-index:2; + background-color: #CCC; +} +#apDiv3 { + position:fixed; + left:0px; + top:0px; + width:68px; + height:68px; + background-image: url(topl.png); +} +#apDiv4 { + position:fixed; + top:0px; + width:68px; + height:68px; + + right: 0px; + background-image: url(topr.png); +} +#bottom { + position:absolute; + left:0px; + bottom:0px; + width:100%; + height:10px; + z-index:1; + font-size: 10px; + line-height: 5px; +} +#apDiv5 { + position:fixed; + bottom:0px; + width:60px; + height:68px; + + left: 0px; + background-image: url(bottoml.png); +} +#apDiv6 { + position:fixed; + bottom:0px; + width:60px; + height:68px; + + right: 0px; + background-image: url(bottomr.png); +} +#bg { + position:absolute; + left:0px; + top:0px; + width:100%; + height:100%; + z-index:2; + background-image:url(grad2.jpg); +} +body { + background-image: url(bg4.png); + background-repeat: repeat-x; + background-attachment:fixed; +} +#plane { + position:fixed; + top:9px; + right:0px; + width:100%; + height:100%; + z-index:1; + background-image: url(cloudbg1.png); + background-repeat: no-repeat; + background-position:center; + +} +.form { font-size: 14px; color="#990000"; } +.info { + font-size: 10px; +} +.info { + font-size: 12px; + letter-spacing: 1px; + bottom: 0px; + color: #999; +} diff --git a/static/starts/mark1.png b/static/starts/mark1.png new file mode 100644 index 0000000..50566ba Binary files /dev/null and b/static/starts/mark1.png differ diff --git a/static/starts/startpage1.html b/static/starts/startpage1.html new file mode 100644 index 0000000..b938eb5 --- /dev/null +++ b/static/starts/startpage1.html @@ -0,0 +1,96 @@ + + + + +dump.fm + + + + + +
+ +
+

 

+

dump.fm lets you talk with pictures.
+

+


+ share images from anywhere on the web or ones stored on your computer, in real time.
+
+

+

+
+
+
+
+
+

+
+
+ +
+
+ +
+ +
+
+ +
+
+
+
+
+
* © 2009 dump.fm + * About Us + * Contact + * Blog + * Goodies + + * Help + * Terms + * Privacy
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + diff --git a/static/starts/topl.png b/static/starts/topl.png new file mode 100644 index 0000000..dcfe5b9 Binary files /dev/null and b/static/starts/topl.png differ diff --git a/static/starts/topr.png b/static/starts/topr.png new file mode 100644 index 0000000..9cfab08 Binary files /dev/null and b/static/starts/topr.png differ diff --git a/static/style.css b/static/style.css index 99ee868..8aae921 100755 --- a/static/style.css +++ b/static/style.css @@ -169,3 +169,246 @@ body { bottom: 0px; color: #999; } +#plane { + position:fixed; + top:9px; + right:0px; + width:100%; + height:100%; + z-index:1; + background-image: url(static/cloudbg1.png); + background-repeat: no-repeat; + background-position:center; + +} + + + + + + + + + + + + + + + + + + + + +.extruder{ + position:fixed; + cursor:default; + background:url("../elements/extruder_blank.png"); +} + +.extruder .header{ + height:27px; +} + +.extruder .content{ + display:none; + background:url("../elements/extruder_bgnd.png") repeat-y bottom left; +} + +.extruder.open .content{ + -moz-box-shadow:#999 2px -2px 2px; + -webkit-box-shadow:#999 2px -2px 2px; +} + + + +.extruder .footer{ + display:block; + spadding:5px; + height:10px; + background:#000; + -moz-border-radius: 0 0 8px 8px; + -webkit-border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; +} +.extruder.top .flap{ + color:white; + text-shadow: #000 2px 2px 2px; + font:18px/18px Arial, Helvetica, sans-serif; + text-align:center; + display:block; + padding:0 5px 5px 5px; + height:30px; + background:url("../elements/extruder_flap.png") no-repeat top center; + cursor:pointer; +} + +.extruder.left{ + /*position:absolute;*/ + height:100%; + background:url("../elements/extruder_blank.png"); +} + +.extruder.left .content{ + display:block; + border-right:3px solid #000; +} + + +.extruder.left .ext_wrapper{ + height:100%; +} + +.extruder.left .footer{ + display:none; +} + +.extruder.left .flap{ + font-size:18px; + color:white; + top:0; + padding:10px 0px 10px 10px; + background:#000; + width:30px; + /*height:150px;*/ + position:absolute; + /*overflow:hidden;*/ + right:-2px; + -moz-border-radius:0 10px 10px 0; + -webkit-border-top-right-radius:10px; + -webkit-border-bottom-right-radius:10px; + -moz-box-shadow:#666 2px 0px 3px; + -webkit-box-shadow:#666 2px 0px 3px; +} + + +/*Extruder Content*/ + + .extruder .voice{ + font:18px/18px Arial, Helvetica, sans-serif; + color:white; + padding:5px; + padding-left:10px; + height:27px; + border-bottom:1px solid #333; + background:url("../elements/extruder_blank.png") no-repeat bottom left; + text-shadow:#333 2px 2px 2px; + } + .extruder .voice.disabled{ + cursor:default; + } +.extruder .text{ + background:#222; + font:14px/16px Arial, Helvetica, sans-serif; + color:gray; + padding:10px; + border-bottom:1px solid #333; + /*text-shadow:#000 2px 2px 2px;*/ + } + + .extruder .voice.hover{ + background:url("../elements/extruder_voiceHover.png") no-repeat top; + } + + .extruder .voice.sel{ + background:url("../elements/extruder_voiceHover.png") no-repeat top; + } + + .extruder .voice img{ + float:left; + margin-right:15px; + } + + .extruder .voice a.label{ + display:block; + height:30px; + color:white; + padding-top:0px; + text-decoration:none; + } + + .extruder .voice span.label{ + display:block; + height:30px; + color: #d0cfcf; + padding-top:0px; + text-decoration:none; + } + + .extruder .voice{ + position:relative; + } + + .extruder .settingsBtn{ + display:block; + position:absolute; + width:36px; + height:36px; + background: url("../elements/settingsBtn.png") no-repeat bottom; + cursor:pointer; + right:-3px; + top:-4px; + /*z-index:1000;*/ + } + + .extruder .optionsPanel{ + /*background: url("../elements/optionsPanel.png") no-repeat bottom;*/ + background: url("../elements/fuzz.gif"); + display:none; + border-bottom:1px solid #333; + } + + .extruder .voice.sel{ + background: url("../elements/extruder_voiceHover.png") no-repeat top; + } + + + /*Extruder Panel*/ + + .optionsPanel .panelVoice a{ + text-decoration:none; + display:block; + color:#cccccc; + padding:8px; + padding-left:20px; + font-size:16px; + text-shadow:#333 1px 1px 1px; + border-bottom:1px solid #444; + cursor:pointer; + } + .optionsPanel .panelVoice a:hover{ + color:#fff; + /*background: #666666;*/ + background: url("../elements/red_op_50.png"); + } + +:focus { + outline: 0; +} + + + #content #nav1 li, #content #nav1 li a { + position: relative; + float: right; + } + #content #nav1 li { top: 15px; margin: 0; background: none; padding: 0; } + #content #nav1 li a { + display: block; + + + height: 50px; + } + #content #nav1 li a span { + display: block; + position: absolute; + height: 60px; + width: 10px; + + right: 0; + + } + #content #nav1 li a:hover, #content #nav1 li a:hover span { background-position: 0 -194px; color: #3f5f5a; } + #content #nav1 li a:active, #content #nav1 li a:active span { + background-position: 0 -300px; +} \ No newline at end of file -- cgit v1.2.3-70-g09d2