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:
parent
e529005004
commit
33edf8bfcb
5 changed files with 31 additions and 36 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue