1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-26 16:52:41 +01:00

Clean up UI a little.

Summary: Mainly this changes the fonts and some minor navigation colors. I wanted to get rid of some of the 'girly blues' from Facebook and mute everything a little bit to match the change to Helvetica and new buttons.

Test Plan: Tested Manifest, Profiles, and other random pages I could find. Single and Multiple Navigations. http://phab1.pushlabs.net/

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: vrana, aran, Korvin

Differential Revision: https://secure.phabricator.com/D3955
This commit is contained in:
Chad Little 2012-11-12 13:15:46 -08:00
parent e529005004
commit 33edf8bfcb
5 changed files with 31 additions and 36 deletions

View file

@ -20,9 +20,9 @@
} }
.aphront-panel-view h1 { .aphront-panel-view h1 {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
padding: 4px 0 0 0; padding: 4px 0 0 0;
} }
.aphront-panel-view-caption { .aphront-panel-view-caption {
@ -54,13 +54,15 @@
} }
.aphront-panel-accent { .aphront-panel-accent {
background: #efefdf; background: #f1f1f1;
border: 1px solid #666622; border: 1px solid #ddd;
border-radius: 3px;
} }
.aphront-panel-accent .aphront-form-view { .aphront-panel-accent .aphront-form-view {
background: #fffff5; background: #f7f7f7;
border: 1px solid #c4c4c0; border: 1px solid #c4c4c0;
border-radius: 3px;
} }
.aphront-panel-preview { .aphront-panel-preview {

View file

@ -12,9 +12,9 @@ td.aphront-side-nav-content {
} }
th.aphront-side-nav-navigation { th.aphront-side-nav-navigation {
border-right: 1px solid #99c4d7; border-right: 1px solid #ccc;
padding-bottom: 8em; padding-bottom: 8em;
background: #fbfbff; background: #f7f7f7;
} }
th.aphront-side-nav-navigation a, th.aphront-side-nav-navigation a,
@ -31,22 +31,24 @@ th.aphront-side-nav-navigation span {
th.aphront-side-nav-navigation span { th.aphront-side-nav-navigation span {
padding-left: 12px; padding-left: 12px;
padding-top: 6px; padding-top: 6px;
color: #333333; color: #333;
text-transform: uppercase;
font-size: 11px;
} }
th.aphront-side-nav-navigation a:hover { th.aphront-side-nav-navigation a:hover {
text-decoration: none; text-decoration: none;
background: #e9e9f6; background: #e7e7e7;
} }
th.aphront-side-nav-navigation hr { th.aphront-side-nav-navigation hr {
height: 1px; height: 1px;
background: #eeeeee; background: #eee;
border: 0px; border: 0;
margin: 12px 0px; margin: 12px 0px;
} }
th.aphront-side-nav-navigation a.aphront-side-nav-selected, th.aphront-side-nav-navigation a.aphront-side-nav-selected,
th.aphront-side-nav-navigation a.aphront-side-nav-selected:hover { th.aphront-side-nav-navigation a.aphront-side-nav-selected:hover {
background: #d8d8e6; background: #d7d7d7;
} }

View file

@ -5,9 +5,9 @@
div.jx-tokenizer { div.jx-tokenizer {
background: transparent; background: transparent;
position: relative; position: relative;
display: block; display: block;
width: 100%; width: 100%;
} }
div.jx-tokenizer-container { div.jx-tokenizer-container {
@ -27,7 +27,7 @@ var.jx-tokenizer-metrics {
input.jx-tokenizer-input { input.jx-tokenizer-input {
border: 1px solid transparent; border: 1px solid transparent;
border-width: 1px 0px; border-width: 1px 0px;
padding: 4px 4px 4px 3px; padding: 3px;
outline: none; outline: none;
float: left; float: left;
} }
@ -37,13 +37,17 @@ span.jx-tokenizer-x-placeholder {
} }
a.jx-tokenizer-token { a.jx-tokenizer-token {
padding: 1px 0 1px 4px; padding: 2px 0 2px 5px;
border: 1px solid #a4bdec; border: 1px solid #a4bdec;
margin: 3px 2px 0 4px; margin: 3px 2px 0 4px;
background: #dee7f8; background: #dee7f8;
float: left; float: left;
cursor: text; cursor: text;
font-size: 12px; font-size: 12px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
} }
a.jx-tokenizer-token:hover { a.jx-tokenizer-token:hover {

View file

@ -61,8 +61,6 @@
border-style: solid; border-style: solid;
border-width: 0px 1px; border-width: 0px 1px;
border-color: #eeeeee #999999 #eeeeee #dddddd; border-color: #eeeeee #999999 #eeeeee #dddddd;
font-weight: bold;
font-family: "Verdana";
font-size: 11px; font-size: 11px;
overflow: hidden; overflow: hidden;

View file

@ -59,27 +59,16 @@ h1, h2, h3, h4, h5, h6 {
} }
body { body {
font: 13px/1.231 'lucida grande', tahoma, verdana, arial, sans-serif; font: 13px/1.231 'Helvetica Neue', Arial, sans-serif;
direction: ltr; direction: ltr;
text-align: left; text-align: left;
unicode-bidi: embed; unicode-bidi: embed;
*font-size: small;
} }
body.phabricator-chromeless-page { body.phabricator-chromeless-page {
background: #ffffff; background: #ffffff;
} }
select, input, button, textarea, button {
font: 99% 'lucida grande', tahoma, verdana, arial, clean, sans-serif;
}
select {
/* NOTE: In Safari, specifying a border color makes the browser respect
"font-size" settings. */
border: 1px solid #999999;
}
table { table {
font-size: inherit; font-size: inherit;
font: 100%; font: 100%;
@ -100,11 +89,11 @@ a {
} }
a:visited { a:visited {
color: #3b5998; color: #18559D;
} }
a:link { a:link {
color: #3b5998; color: #18559D;
} }
a:hover { a:hover {