From 2ce5f375a4ac92c416b18d6623bc133266402066 Mon Sep 17 00:00:00 2001 From: Alfred Xing Date: Thu, 6 Jun 2013 16:57:37 -0700 Subject: [PATCH] Update styles --- backend/css/core.css | 12 ++++++------ backend/css/core.min.css | 10 +++++----- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/backend/css/core.css b/backend/css/core.css index 594d4bf..4712fd1 100644 --- a/backend/css/core.css +++ b/backend/css/core.css @@ -4,7 +4,7 @@ body { position: fixed; height: 100%; width: 100%; - background: #FAFBFC; + background: #FFF; text-rendering: optimizeLegibility; } @@ -41,7 +41,7 @@ header { position: relative; float: left; min-width: 150px; - background-color: url(../images/back.png) #333; + background: url('../images/back.png') #333; color: #FFF; text-decoration: none; -webkit-user-select: none; @@ -96,7 +96,7 @@ header { } header a { - color: #EEE; + color: #FFF; display: block; } @@ -105,7 +105,7 @@ header a { margin-top: 20px; display: block; padding-right: 20px; - color: #FAFAFA; + color: #FFF; font-weight: 700; text-transform: uppercase; font-size: 1.5em; @@ -188,7 +188,7 @@ section { color: #FFF; padding: 0 1.25em; margin-left: 0; - border-radius: 3px; + border-radius: 5px; font: 1.25em/2em "Lato",sans-serif; text-shadow: 0 -1px 1px rgba(0,0,0,0.2); -webkit-user-select: none; @@ -231,7 +231,7 @@ section { width: 0; top: 0; left: 0; - border: 10px solid #FAFBFC; + border: 10px solid #FFF; border-right-color: #333; border-bottom-color: #333; border-bottom-right-radius: 3px; diff --git a/backend/css/core.min.css b/backend/css/core.min.css index bde3a37..8db5728 100644 --- a/backend/css/core.min.css +++ b/backend/css/core.min.css @@ -1,14 +1,14 @@ -html,body{margin:0;padding:0;font:400 1em "Lato",sans-serif;height:100%;overflow:auto}body{position:fixed;height:100%;width:100%;background:#fafbfc;text-rendering:optimizeLegibility} +html,body{margin:0;padding:0;font:400 1em "Lato",sans-serif;height:100%;overflow:auto}body{position:fixed;height:100%;width:100%;background:#FFF;text-rendering:optimizeLegibility} a{text-decoration:none}h1{font:700 2em "Lato",sans-serif;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-before:0;-moz-margin-before:0;-ms-margin-before:0;-o-margin-before:0;margin-before:0;padding-top:.83em} -h2{border-bottom:1px solid #CCC}img{max-width:100%}header{height:100%;line-height:42px;position:relative;float:left;min-width:150px;background-color:url(../images/back.png) #333;color:#FFF;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #333;box-shadow:inset -10px 0 10px rgba(0,0,0,0.1),5px 0 10px rgba(255,255,255,1);text-shadow:0 -1px 1px rgba(0,0,0,0.5);z-index:100} +h2{border-bottom:1px solid #CCC}img{max-width:100%}header{height:100%;line-height:42px;position:relative;float:left;min-width:150px;background:url('../images/back.png') #333;color:#FFF;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #333;box-shadow:inset -10px 0 10px rgba(0,0,0,0.1),5px 0 10px rgba(255,255,255,1);text-shadow:0 -1px 1px rgba(0,0,0,0.5);z-index:100} @-webkit-keyframes header{from{left:-150px;opacity:0}to{left:0;opacity:1}}@-moz-keyframes header{from{left:-150px;opacity:0}to{left:0;opacity:1}}@-o-keyframes header{from{left:-150px;opacity:0} -to{left:0;opacity:1}}@keyframes header{from{left:-150px;opacity:0}to{left:0;opacity:1}}header a{color:#EEE;display:block}#logo{margin-left:20px;margin-top:20px;display:block;padding-right:20px;color:#fafafa;font-weight:700;text-transform:uppercase;font-size:1.5em} +to{left:0;opacity:1}}@keyframes header{from{left:-150px;opacity:0}to{left:0;opacity:1}}header a{color:#FFF;display:block}#logo{margin-left:20px;margin-top:20px;display:block;padding-right:20px;color:#FFF;font-weight:700;text-transform:uppercase;font-size:1.5em} #logo:hover{color:#CCC}nav{float:right;width:100%;overflow:hidden}nav ul{margin:0;padding:0;list-style-type:none}nav li{display:block;width:100%;text-align:left;padding-left:20px} nav li:hover{background:#222}nav li:hover:after{content:' ';height:0;position:absolute;width:0;border:10px solid transparent;border-left-color:#222;left:100%;margin-top:-29px} nav a{display:block;width:100%;height:100%}#frame{padding-left:50px;max-height:100%;overflow:auto}section{position:relative;padding-bottom:20px;-webkit-animation:header .4s cubic-bezier(0.2,1,1,1);-moz-animation:header .4s cubic-bezier(0.2,1,1,1);-o-animation:header .4s cubic-bezier(0.2,1,1,1);animation:header .4s cubic-bezier(0.2,1,1,1)} -#pages ul{list-style-type:none;margin:0;padding:0;float:none}#pages ul form{display:inline-block}.button{display:inline-block;background:#555;height:2em;color:#FFF;padding:0 1.25em;margin-left:0;border-radius:3px;font:1.25em/2em "Lato",sans-serif;text-shadow:0 -1px 1px rgba(0,0,0,0.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} +#pages ul{list-style-type:none;margin:0;padding:0;float:none}#pages ul form{display:inline-block}.button{display:inline-block;background:#555;height:2em;color:#FFF;padding:0 1.25em;margin-left:0;border-radius:5px;font:1.25em/2em "Lato",sans-serif;text-shadow:0 -1px 1px rgba(0,0,0,0.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .button:hover{background:#333}.button:focus{outline-color:#111}.button:disabled{background:#CCC;cursor:default}.page{margin-right:10px;height:100px;font-size:1em;position:relative;display:inline-block} -.page>li{line-height:100px;min-width:30px;text-align:center}.page:after{content:'';height:0;position:absolute;width:0;top:0;left:0;border:10px solid #fafbfc;border-right-color:#333;border-bottom-color:#333;border-bottom-right-radius:3px;box-shadow:5px 5px 5px rgba(0,0,0,0.3),1px 1px #000} +.page>li{line-height:100px;min-width:30px;text-align:center}.page:after{content:'';height:0;position:absolute;width:0;top:0;left:0;border:10px solid #FFF;border-right-color:#333;border-bottom-color:#333;border-bottom-right-radius:3px;box-shadow:5px 5px 5px rgba(0,0,0,0.3),1px 1px #000} .page:hover:after{border-right-color:#111;border-bottom-color:#111}.tag{display:inline-block;font-size:1em;cursor:default;margin:0 5px;padding-left:1.5em} .tag:before{display:block;content:'';height:0;position:absolute;width:0;border:8px solid transparent;border-left-color:#FFF;margin-left:-1.5em;margin-top:8px} .delete{background:#622}.delete:hover{background:#A00}#compose{width:100%}input,textarea{display:block;width:80%;margin:12px 0;border:1px dashed rgba(25,100,125,0.75);padding:12px;border-radius:3px}