diff --git a/prototype/css/style.css b/prototype/css/style.css index 48583ec11..67e3876e5 100644 --- a/prototype/css/style.css +++ b/prototype/css/style.css @@ -6,6 +6,7 @@ body { color: rgba(0,0,0,.89); font: 12px/17px "Helvetica Neue", Helvetica, Arial, sans-serif; background: url(../img/minimalism_by_nerdynotdirty.jpg); + background: url(../img/bg.jpg); background-size: cover; } .avatar { @@ -15,8 +16,9 @@ body { background-size: cover; } header { - height: 36px; - padding: 8px 0 8px 13px; + height: 40px; + padding: 12px 0 8px 13px; + background: #eee; border-bottom: 1px solid hsla(222, 10%, 55%,.34); } h2 { @@ -30,6 +32,9 @@ header { margin-right: 13px; float: right; } + header button { + margin-top: -3px; + } .sidebar { width: 200px; left: 0; @@ -105,8 +110,16 @@ header { float: right; padding: 1px 5px; font-size: 10px; - background: hsl(10, 100%, 50%); - border-radius: 3px; + font-weight: bold; + text-shadow: 0 1px rgba(255,255,255,.55); + background-color: hsl(55, 100%, 50%); + background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.05)); + border-radius: 2px; + border: 1px solid rgba(0,0,0,.34); + box-shadow: + 0 1px rgba(0,0,0,.05), + 0 1px 3px rgba(0,0,0,.05), + 0 0 0 1px rgba(255,255,255,.21) inset; } .twoColumns, .stream, .conversation { top: 0; @@ -121,9 +134,10 @@ header { left: 0; right: 0; bottom: 0; - top: 36px; + top: 40px; position: absolute; overflow: auto; + background: white; } .stream { left: 0; @@ -139,28 +153,37 @@ header { .stream.important article { border-left: 5px solid rgba(0,255,0,.34); } .stream article.urgent { border-left-color: rgba(255,0,0,.55); } .stream article.important { border-left-color: rgba(255,180,80,.89); } -.stream article:before { width: 16px; height: 16px; top: 44px; left: 44px; content: " "; position: absolute; display: none; z-index: 1; opacity: 0.8; } -.stream article:hover:before { display: block; } -.stream article.fbt:before { background: url(img/facebook_16.png); } .stream article.selected { - background-image: -webkit-linear-gradient(rgba(0,0,0,.13), rgba(0,0,0,.08)); + background: hsl(55, 100%, 50%); } -.stream section { - height: 100%; + .stream article.selected p { + color: black; + } +.stream section { margin-left: 63px; - overflow: hidden; - text-overflow: ellipsis; } -.stream .name { font-weight: bold; } -.stream nav, .stream .time { float: right; } -.stream nav { display: none; margin-top: -3px; } -.stream nav span { color: hsl(222, 10%, 75%); padding-left: 3px; cursor: pointer; } -.stream nav span:hover { color: hsl(222, 10%, 34%); } -.stream article:hover nav { display: block; } -.stream .time, .stream .service { padding-left: 5px; color: rgba(0,0,0,.34); font-size: 0.9em; } -.stream article:hover .time { display: none; } -.stream .service { visibility: hidden; } -.stream article:hover .service { visibility: visible; } +.stream .name { + font-weight: bold; +} +.stream nav, .stream .time { + float: right; +} +.stream nav { + margin-top: -5px; +} +.stream nav span { + color: rgba(0,0,0,.34); + padding-left: 3px; + cursor: pointer; +} +.stream nav span:hover { + color: rgba(0,0,0,1); +} +.stream .time, .stream .channel { + padding-left: 5px; + color: black; + font-size: 0.95em; +} .stream img { left: 13px; position: absolute; @@ -182,6 +205,12 @@ header { } .stream section.answer button { float: right; } .stream section.answer img { top: 6px; left: 5px; width: 25px; border-radius: 2px; } + .stream p { + height: 32px; + color: rgba(0,0,0,.50); + overflow: hidden; + text-overflow: ellipsis; + } .conversation { left: 40%; right: 0; @@ -198,15 +227,17 @@ header { .conversation .agent .body, .conversation .customer .body { min-height: 34px; float: left; - padding: 8px 13px; + padding: 0 13px; margin: 0 0 13px 58px; background: white; - border: 1px solid hsla(222, 10%, 55%,.34); border-radius: 5px; box-shadow: 0 1px 2px hsla(222, 10%, 55%,.34); } .conversation .agent .body { float: right; margin: 0 58px 13px 0; } .converastion .agent { float: right; } + .conversation .body p { + margin: 8px 0; + } .converastion .customer { float: left; } blockquote { margin: 8px 0; @@ -227,6 +258,7 @@ header { button { padding: 3px 13px; color: rgba(0,0,0,.89); + line-height: 15px; text-shadow: 0 1px rgba(255,255,255,.34); background: rgba(0,0,0,.13); background: -webkit-linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.08)); diff --git a/prototype/index.html b/prototype/index.html index 3e9a893e6..1c714a2dd 100644 --- a/prototype/index.html +++ b/prototype/index.html @@ -51,12 +51,8 @@
- Jennifer Rostockvia Mail - - 1 day ago + Jennifer Rostockvia Mail + 30 seconds ago

What?! As you wish. No! Alderaan is peaceful. We have no weapons. You can't possibly… But with the blast shield down, I can't even see! How am I supposed to fight? Hey, Luke! May the Force be with you.

@@ -65,12 +61,8 @@
- Thomas B.via Twitter - - 3 days ago + Thomas B.via Twitter + 5 minutes ago

As you wish. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed. Partially, but it also obeys your commands. Red Five standing by. I call it luck. Don't underestimate the Force.

@@ -79,12 +71,8 @@
- Martin R.via Mail - - 2 days ago + Martin R.via Mail + 5 hours ago

I want to know what happened to the plans they sent you. A tremor in the Force. The last time I felt it was in the presence of my old master.

@@ -93,11 +81,7 @@
- Stefan Lohammervia Facebook - + Stefan Lohammervia Facebook 2 days

I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.

@@ -108,10 +92,6 @@
Anna Huber - 5 days

Your eyes can deceive you. Don't trust them. I want to come with you to Alderaan. There's nothing for me here now. I want to learn the ways of the Force and be a Jedi, like my father before me.

@@ -122,10 +102,6 @@
Ramona Kurzer - 1 week ago

I'm surprised you had the courage to take the responsibility yourself. I can't get involved! I've got work to do! It's not that I like the Empire, I hate it, but there's nothing I can do about it right now. It's such a long way from here. The Force is strong with this one. I have you now.

@@ -136,10 +112,6 @@
Philipp Maier - 2 weeks ago

Escape is not his plan. I must face him, alone. But with the blast shield down, I can't even see! How am I supposed to fight? All right. Well, take care of yourself, Han. I guess that's what you're best at, ain't it?

@@ -150,10 +122,6 @@
Simon Lanz - 1 month ago

@@ -166,11 +134,7 @@

Elisabeth Franke - - 2 Tagen + 3 months ago

I don't know what you're talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan-- I'm trying not to, kid. You don't believe in the Force, do you? Look, I ain't in this for your revolution, and I'm not in it for you, Princess. I expect to be well paid. @@ -182,11 +146,7 @@

Franz Huber - - 2 Tagen + 6 months ago

I'm in it for the money. She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There'll be no one to stop us this time! @@ -198,11 +158,7 @@

Lars Friedrich - - 5 months + 1 year ago

Obi-Wan is here. The Force is with him. Partially, but it also obeys your commands. Hokey religions and ancient weapons are no match for a good blaster at your side, kid. All right. @@ -214,11 +170,7 @@

Felix - - 2 Tagen + 3 years ago

Well, take care of yourself, Han. I guess that's what you're best at, ain't it? Remember, a Jedi can feel the Force flowing through him. You don't believe in the Force, do you? @@ -303,5 +255,11 @@ + + \ No newline at end of file