src/allmydata/web/static/tahoe.css

   1
   2 pre.overflow {
   3                background: #f7f7f7;
   4                border: 1px solid #d7d7d7;
   5                margin: 1em 1.75em;
   6                padding: .25em;
   7                overflow: auto;
   8                }
   9
  10 /* ----------------------------------------------------------------------- */
  11
  12 /* colors borrowed from the Allmydata logo */
  13
  14 /* general style */
  15 h1 {
  16   text-align: center;
  17 }
  18 table {
  19   margin: 1em auto;
  20   border: .2em solid #3289b4;
  21   border-spacing: 1px;
  22 }
  23 th {
  24   color: white;
  25   background-color: #58a1c3;
  26 }
  27 td {
  28     padding: .3em .3em;
  29 }
  30
  31 th {
  32     padding: .3em .3em;
  33 }
  34
  35 .table-headings-top th {
  36     text-align: center;
  37 }
  38 .table-headings-left th {
  39     text-align: right;
  40     vertical-align: top;
  41 }
  42 legend {
  43   font-weight: bold;
  44 }
  45
  46 .connected-yes, .connected-True {
  47   border: 1px solid #75d24a;
  48   background-color: #EFE;
  49 }
  50 .connected-no, .connected-False {
  51   border: 1px solid #F00;
  52   background-color: #FBB;
  53 }
  54 .connected-not-configured {
  55   border: 1px solid #AAA;
  56   background-color: #FFF;
  57 }
  58
  59 .encoded, .nodeid {
  60   font-family: monospace;
  61   font-size: 80%;
  62 }
  63
  64 .empty-marker {
  65   background-color: white;
  66   color: gray;
  67 }
  68 table td.empty-marker {
  69   padding: 6em 10em;
  70   text-align: center;
  71   vertical-align: center;
  72 }
  73
  74 /* styles for server listings in tables (nickname above nodeid) */
  75 th.nickname-and-peerid {
  76   text-align: left;
  77 }
  78 .nickname {
  79   font: inherit;
  80   font-family: sans-serif;
  81   font-weight: bold;
  82 }
  83
  84
  85 /* just in case, make sure floats don't stomp on big tables etc. */
  86 .section { clear: both; }
  87
  88 /* section-specific styles - turn this client info into a sidebar */
  89 #this-client {
  90   font-size: 60%;
  91   border: .2em solid #3289b4;
  92   float: right;
  93   width: 40%;
  94   margin: 0 0 .5em .5em;
  95   padding: 3px;
  96 }
  97 #this-client .nodeid { font-size: inherit; }
  98 #this-client h2 {
  99   text-align: center;
 100   background: #3289b4;
 101   color: white;
 102   margin: -2px -2px 0 -2px; /* matches padding */
 103   padding: .3em;
 104 }
 105 #this-client table {
 106   font-size: inherit;
 107   margin: 0 -3px -3px -3px; /* matches padding */
 108 }
 109 #this-client td > ul {
 110   list-style-type: outside;
 111   margin: 0 0 0 2.3em;
 112   padding-left: 0;
 113 }
 114
 115
 116 /* services table */
 117 .services {
 118 }
 119
 120 /* --- Directory page styles --- */
 121
 122 body.tahoe-directory-page {
 123   color: black;
 124   background: #c0d9e6;
 125   margin: 1em 0; /* zero margin so the table can be flush */
 126 }
 127 table.tahoe-directory {
 128   color: black;
 129   background: white;
 130   width: 100%;
 131   /*border-left-color: #D7E0E5;
 132   border-right-color: #D7E0E5;*/
 133   border-left: 0;
 134   border-right: 0;
 135 }
 136 .tahoe-directory-footer {
 137   color: black;
 138   background: #c0d9e6;
 139   margin: 0 1em; /* compensate for page 0 margin */
 140 }
 141
 142 /* directory-screen toolbar */
 143 .toolbar {
 144   display: table;
 145   margin: .2em auto;
 146   text-align: center;
 147   /*width: 100%;*/
 148 }
 149 .toolbar .toolbar-item {
 150   display: inline;
 151   text-align: center;
 152   padding: 0 1em;
 153 }
 154
 155 /* recent upload/download status pages */
 156
 157 table.status-download-events {
 158   #border: 1px solid #aaa;
 159   margin: 1em auto;
 160   border: .2em solid #3289b4;
 161   border-spacing: 1px;
 162 }
 163 table.status-download-events td {
 164   border: 1px solid #a00;
 165   padding: 2px
 166 }