phorge-phorge/webroot/rsrc/css/base.css

html {
  overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset,
p, blockquote, th, td, button {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}

html {
  padding-bottom: 16em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

td, th {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}

body {
  font: 13px/1.231 'lucida grande', tahoma, verdana, arial, sans-serif;
  background:   #ACACAC;
  direction: ltr;
  text-align: left;
  unicode-bidi: embed;
  *font-size: small;
}

select, input, button, textarea, button {
  font: 99% 'lucida grande', tahoma, verdana, arial, clean, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 14px;
}

a {
  -moz-outline-style: none;
  text-decoration: none;
  cursor: pointer;
}

a:visited {
  color: #3b5998;
}

a:link {
  color: #3b5998;
}

a:hover {
  text-decoration: underline;
}

img {
  display: block;
}

/******************************************************************************/

/* Buttons */

/******************************************************************************/

button,
a.button,
a.button:visited,
input.inputsubmit {
  background: #5e77aa url('/rsrc/image/sprite.png') 0 0 repeat-x;
  border: 1px solid #29447e;
  border-bottom-color: #1a356e;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  font-size: 13px;
  overflow: visible;
  padding: 2px 8px 3px 8px;
  line-height: 18px;
  vertical-align: baseline;
  width: auto;
  box-shadow: 0px 1px 0px rgba(0,0,0,.12);
  -moz-box-shadow: 0px 1px 0px rgba(0,0,0,.12);
  -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.12);
}

button {
  *padding: 2px 4px 1px 8px;
  _padding-right: 6px;
}

a.button,
a.button:visited {
  *padding: 3px 8px 4px;
}

/* Buttons with images (full size only) */
button.icon,
a.icon,
a.icon:visited {
  padding-left: 0;
  position: relative;
  text-indent: 29px;
}

/* Fix for IE7 within table cells ? */
td button {
  *width: 100%;
  *padding-right: 8px;
}

button:active,
a.button:active {
  background-color: #4f6aa3;
  background-position: 0 -100px;
  border-bottom-color: #29447e;
}

button.green,
a.green,
a.green:visited {
  background-color: #6da952;
  background-position: 0 -50px;
  border: 1px solid #3b6e22;
  border-bottom-color: #2c5a15;
}

button.green:active,
a.green:active {
  background-color: #5e9d43;
  background-position: 0 -150px;
  border-bottom-color: #3b6e22;
}

button.grey,
input.inputaux,
a.grey,
a.grey:visited,
a.button.disabled,
button.disabled {
  background-color: #e4e5e5;
  background-position: 0 -250px;
  border: 1px solid #999;
  border-bottom-color: #888;
  color: #333;
  box-shadow: 0px 1px 0px rgba(0,0,0,.07);
  -moz-box-shadow: 0px 1px 0px rgba(0,0,0,.07);
  -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.07);
}

a.disabled,
button.disabled {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

button.grey:active,
a.grey:active,
button.grey_active {
  background-color: #dddddd;
  background-position: 0 -200px;
  border-bottom-color: #999;
}

button:active::-moz-focus-inner,
button:focus::-moz-focus-inner {
  border-color: #405071;
}

button.green:active::-moz-focus-inner,
button.green:focus::-moz-focus-inner {
  border-color: #4c713b;
}

button.grey:active::-moz-focus-inner,
button.grey:focus::-moz-focus-inner {
  border-color: #666;
}

a.button:hover {
  text-decoration: none;
}

button.small,
a.small,
a.small:visited {
  padding: 2px 7px;
  height: auto;
  font-size: 11px;
  line-height: 16px;
}


/******************************************************************************/

/* Aphront */

/******************************************************************************/

.aphront-standard-page {
  background: #ffffff;
  border-bottom: 1px solid #888888;
  font-size: 14px;

  -webkit-box-shadow: 0 0 6px #000;
  -mox-box-shadow:    0 0 6px #000;
  box-shadow:         0 0 6px #000;
}

.aphront-standard-header {
  background: #003366;
  color: white;
  padding: 1em 1em 0.5em 1em;
  overflow: hidden;
  position: relative;
}

.aphront-standard-header a { 
  color: white;
}

.aphront-standard-header .aphront-head-tabs {
  padding: 0 1em;
  font-size: 13px;
  font-weight: bold;
}

.aphront-standard-header .aphront-head-tabs a {
  border-bottom: 3px solid transparent;
  padding: 0.5em 0.75em;
  position: relative;
  bottom: 2px;
}

.aphront-standard-header .aphront-head-tabs a.aphront-selected-tab {
  border-bottom-color: #cccccc;
}

.aphront-standard-header .aphront-head-appname {
  padding: 0 1em;
  text-transform: uppercase;
}


.aphront-directory-list {
  margin: 1em 3% 8em;
}

.aphront-directory-category h1 {
  border-bottom: 1px solid #cccccc;
  margin-bottom: .5em;
  padding-bottom: .1em;
}

.aphront-directory-list h2 {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.aphront-directory-list p {
  color: #444444;
  font-size: 12px;
  padding: .05em .5em .5em;
}

.aphront-directory-category {
  padding: 10px;
  width: 300px;
  float: left;
}

.aphront-directory-group {
  padding: 0 .5em 3em;
}


.aphront-panel-view {
  background: #f3f3f3;
  border: 1px solid #c0c0c0;
  border-width: 1px 0 0;
  padding: 1em 2em;
  margin: 1em 2em;
}

.aphront-panel-view h1 {
  font-size:        14px;
  font-weight:      bold;
  padding:          2px 0 8px;
}

.aphront-panel-view a.create-button {
  float: right;
}

.aphront-panel-width-form {
  width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.aphront-panel-width-wide {
  width: 1080px;
  margin-right: auto;
  margin-left: auto;
}  

.aphront-table-view {
  width:            100%;
  border-collapse:  collapse;
  background:       #fdfdfd;
  border:           1px solid #003366;
}

.aphront-table-view tr.alt {
  background:       #efefef;
}

.aphront-table-view th {
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  background: #003366;
  color: white;
  white-space: nowrap;
}

.aphront-table-view td.header {
  padding:          4px 8px;
  background:       #3b5998;
  color:            white;
  white-space:      nowrap;
  text-align:       right;
}

.aphront-table-view td {
  vertical-align:   top;
  padding:          4px 8px;
  font-size:        11px;
  white-space:      nowrap;
}

.aphront-table-view td.action {
  padding-top: 1px;
  padding-bottom: 1px;
}

.aphront-table-view td.larger {
  font-size:        14px;
}

.aphront-table-view td.pri {
  font-weight:      bold;
}

.aphront-table-view td.wide {
  white-space:      normal;
  width:            100%;
}

.aphront-table-view td.right {
  text-align:       right;
}

.aphront-table-view td.mono {
  font-family:      "Monaco", monospace;
  font-size:        10px;
}  

.aphront-table-view tr.no-data td {
  padding:    1em;
  text-align: center;
  color:      #888888;
  font-style: italic;
}


/******************************************************************************/

/* forms */

/******************************************************************************/

.aphront-form-view {
  background: #e7e7e7;
  border: 1px solid #c4c4c4;
  padding: 1em;
}

.aphront-form-view label {
  padding-top: 4px;
  width: 14%;
  float: left;
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  color: #666666;
}

.aphront-form-input {
  margin-left: 15%;
  margin-right: 25%;
  width: 60%;
}

.aphront-form-error {
  width: 23%;
  float: right;
  color: #aa0000;
  font-weight: bold;
  padding-top: 4px;
}

.aphront-form-input input,
.aphront-form-input textarea {
  font-size: 12px;
  width: 100%;
}

.aphront-form-input textarea {
  height: 12em;
}

.aphront-form-control {
  padding: 4px;
}

.aphront-form-control-submit button,
.aphront-form-control-submit a.button {
  float: right;
  margin: 1em 0 0em 2%;
}

.aphront-form-view .aphront-form-caption {
  font-size: 11px;
  color: #444444;
  text-align: right;
  clear: both;
  margin-right: 25%;
  margin-left: 15%;
}

.aphront-error-view {
  width: 720px;
  margin: 1em auto;
  border: 1px solid #aa0000;
  padding: 1em;
  background: #f9b9bc;
}

.aphront-form-instructions {
  margin: 2em 3%;
}

.aphront-form-control-static .aphront-form-input {
  padding-top: 4px;
  font-size: 13px;
}

/******************************************************************************/

/* dialog */

/******************************************************************************/


.aphront-dialog-view {
  width: 480px;
  padding: 8px;
  background: #666;
  margin: auto;
}

.aphront-dialog-head {
  background:   #003366;
  border:       none;
  font-size:    15px;
  padding:      5px 12px 6px;
  color:        #ffffff;
}
  

.aphront-dialog-body {
  background: #ffffff;
  padding: 16px 12px;
  border: none;
  overflow: hidden;
}

.aphront-dialog-tail {
  border: none;
  background: #ededed;
  padding: 0.5em;
  text-align: right;
}

.aphront-dialog-tail button,
.aphront-dialog-tail a.button {
  float: right;
  margin-left: .5em;
}



/******************************************************************************/

/* side nav */

/******************************************************************************/


table.aphront-side-nav-view {
  width: 100%;
}

td.aphront-side-nav-content {
  width: 100%;
}

th.aphront-side-nav-navigation {
  border-right: 1px solid #bbbbbb;
}

th.aphront-side-nav-navigation a {
  display: block;
  margin: 0 0 2px;
  min-width: 150px;
  padding: 3px 8px 3px 24px;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
}

th.aphront-side-nav-navigation a:hover {
  text-decoration: none;
  background:     #f3f3f9;
}

th.aphront-side-nav-navigation hr {
  height:         1px;
  background:     #eeeeee;
  border:         0px;
  margin:         12px 0px;
}

th.aphront-side-nav-navigation a.aphront-side-nav-selected,
th.aphront-side-nav-navigation a.aphront-side-nav-selected:hover {
  background:     #d8dfea;
}

  
  
/******************************************************************************/

/* differential toc */

/******************************************************************************/

.differential-toc {
  margin:       25px 0;
  max-width:    1118px;
  border:       1px solid #666622;
  background:   #efefdf;
  padding:      15px 20px;
  font-size:    13px;
}

.differential-toc-meta {
  color:        #666666;
  padding-left: 1em;
}

.differential-toc-char,
.differential-toc-prop {
  width: 1.25em;
  text-align: center;
  font-weight: bold;
}

.differential-toc-ftype {
  padding: 0 .5em;
  text-align: center;
  color: #666666;
}

.differential-toc-file {
  color: #444444;
}

.differential-toc h1 {
  border-bottom: 1px solid #aaaa99;
  padding-bottom: 8px;
  margin-bottom: 8px;
}


/******************************************************************************/

/* changeset view */

/******************************************************************************/

.differential-diff {
  background:         #ffffff;
  font-family:        "Menlo", "Consolas", "Monaco", monospace;
  font-size:          10px;
  width:              100%;
}

.differential-diff td {
  /* using monospace fonts makes ex/em most useful:
   *
   * Unfortunately, firefox 3.6 renders diffs columns for added and removed
   * files "way-too-wide" when given em as the dimension measurement, so we
   * use an eyeballed ex equivalent and reset it to the ch character width
   * measurement for browsers that support that css3 measurement.
   */
  width:              88ex;
  width:              81ch;
  /*
    Disable ligatures in Firefox. Firefox 3 has fancypants ligature support, but
    it gets applied to monospaced fonts, which sucks because it means that the
    "fi" ligature only takes up one character, e.g. It's probably the font's
    fault that it even specifies ligatures (seriously, what the hell?) but
    that's hard to fix and this is "easy" to "fix": custom letter spacing 
    disables ligatures, as long as it's at least 0.008333-repeating pixels of 
    custom letter spacing. I have no idea where this number comes from, but note
    that .83333.. = 5/6. -epriestley
  */
  letter-spacing:     0.0083334px;
  vertical-align:     top;
  white-space:        pre;
  padding:            0 8px 1px;
  line-height:        16px;
  overflow:           hidden;
}

.differential-diff th {
  text-align:         right;
  padding:            2px 6px;
  width:              44px;
  vertical-align:     top;
  background:         #eeeeee;
  color:              #888888;
  cursor:             pointer;
  border-style:       solid;
  border-width:       0px 1px;
  border-color:       #eeeeee #999999 #eeeeee #dddddd;
  font-weight:        bold;
  font-family:        "Verdana";
  font-size:          11px;
  overflow:           hidden;
}

.differential-diff td.old {
  background:   #ffd0d0;
  color:        #161111;
}

.differential-diff td.new {
  background:   #d0ffd0;
  color:        #111611;
}

.differential-diff td.old-full,
.differential-diff td.old span.bright {
  background: #ffaaaa;
  color:      #221111;
}

.differential-diff td.new-full,
.differential-diff td.new span.bright {
  background: #aaffaa;
  color:      #112211;
}

.differential-diff td.show-more,
.differential-diff td.differential-shield {
  background: #ffffee;
  padding: 1em;
  text-align: center;
  font-family: "Verdana";
  font-size:   11px;
  border: 1px solid #ccccaa;
  white-space: normal;
}

.differential-diff td.show-more {
  color:  #999966;
}

.differential-diff td.differential-shield {
  text-align: center;
  max-width: 1160px;
}

.differential-diff td.differential-shield a {
  font-weight: bold;
}


.differential-primary-pane {
  margin:           0 40px;
  max-width:        1162px;
}