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