grauphel.css

   1 .app-grauphel #app-content {
   2     box-sizing: border-box;
   3 }
   4 .app-grauphel #app-content.content {
   5     padding: 2ex;
   6 }
   7
   8 .app-grauphel #app-content h1 {
   9     font-weight: bold;
  10     font-size: 2em;
  11     margin-bottom: 1ex;
  12 }
  13 .app-grauphel #app-content.list h1 {
  14     padding: 1ex;
  15 }
  16 .app-grauphel #app-content.list > p {
  17     margin: 2ex;
  18 }
  19
  20 .app-grauphel #app-content h2 {
  21     font-weight: bold;
  22     font-size: 150%;
  23     margin-bottom: 1ex;
  24     margin-top: 2ex;
  25 }
  26 .app-grauphel #app-content dt,
  27 .app-grauphel #app-content dd {
  28     display: block;
  29     padding: 0;
  30     text-align: left;
  31 }
  32 .app-grauphel #app-content dt {
  33     font-weight: bold;
  34 }
  35 .app-grauphel #app-content dd {
  36     margin-left: 3ex;
  37 }
  38 .app-grauphel #app-content pre {
  39     margin: 1em;
  40     background-color: #DDD;
  41     padding: 1ex;
  42     font-family: monospace;
  43 }
  44 .app-grauphel #app-content blockquote {
  45     margin-left: 2ex;
  46 }
  47
  48 .app-grauphel #app-content ul {
  49     list-style-type: disc;
  50     margin-bottom: 1ex;
  51 }
  52 .app-grauphel #app-content li {
  53     margin-left: 4ex;
  54 }
  55 .app-grauphel #app-content a.lined {
  56     text-decoration: underline;
  57 }
  58
  59 .app-grauphel #app-content .error {
  60     color: red;
  61 }
  62 .app-grauphel #app-content .success {
  63     color: green;
  64 }
  65 .app-grauphel #app-content .error a {
  66     color: red !important;
  67 }
  68
  69 .app-grauphel #app-content .actions {
  70     float: right;
  71 }
  72 .app-grauphel #app-content .actions a {
  73     color: #555;
  74     padding: 14px 10px;
  75     position: relative;
  76     top: 7px;
  77     min-width: 25px;
  78     padding: 5px;
  79     background-color: rgba(240,240,240,.9);
  80 }
  81
  82 .app-grauphel .oauth-authorize {
  83     margin: 2ex;
  84     text-align: center;
  85 }
  86 .app-grauphel .msg {
  87     padding: 2ex;
  88 }
  89 .app-grauphel .buttons {
  90     margin-top: 2ex;
  91     text-align: center;
  92 }
  93
  94
  95 /* table style */
  96
  97 table.table {
  98     position: relative;
  99     width: 100%;
 100 }
 101
 102 /* make sure there's enough room for the file actions */
 103 #body-user table.table {
 104         min-width: 688px; /* 768 (mobile break) - 80 (nav width) */
 105 }
 106
 107 table.table tbody tr { background-color:#fff; height:51px; }
 108
 109 /* fit app list view heights */
 110 /*
 111 .app-files #app-content>.viewcontainer {
 112         min-height: 100%;
 113 }*/
 114
 115 table.table tbody tr { background-color:#fff; height:40px; }
 116 table.table tbody tr:hover, tbody tr:active {
 117         background-color: rgb(240,240,240);
 118 }
 119 table.table tbody tr.selected {
 120         background-color: rgb(230,230,230);
 121 }
 122 table.table tbody tr.searchresult {
 123         background-color: rgb(240,240,240);
 124 }
 125 table.table tbody a { color:#000; }
 126
 127 table.table tr.mouseOver td {
 128         background-color: #eee;
 129 }
 130 table.table th, table th a {
 131         color: #999;
 132 }
 133 table.table thead th {
 134     background-color: white;
 135     padding: 15px;
 136     height: 50px;
 137     box-sizing: border-box;
 138     vertical-align: middle;
 139 }
 140
 141 table.table th, table.table td, #searchresults td {
 142     border-bottom:1px solid #ddd;
 143     text-align:left;
 144     font-weight:normal;
 145 }
 146 table.table td {
 147     padding: 0 15px;
 148     border-bottom: 1px solid #eee;
 149     font-style: normal;
 150     background-position: 8px center;
 151     background-repeat: no-repeat;
 152 }
 153 #headerTitle {
 154     /* let it take all available space */
 155     width: 9999px;
 156 }
 157
 158 a.action.delete, table.table form button.action.delete {
 159     position: absolute;
 160     right: 0px;
 161     padding: 17px 14px;
 162     padding: 3px 14px;
 163 }
 164 a.action {
 165     line-height: 30px;
 166 }
 167 a.cellclick {
 168     display: block;
 169 }
 170 table.table form {
 171     display: inline;
 172 }
 173 table.table form button.action {
 174     border: none;
 175     background-color: transparent;
 176 }
 177
 178 .muted {
 179     color: #999;
 180 }
 181
 182 .note-content {
 183     padding-top: 2ex;
 184 }
 185
 186 .note-content .strikethrough {
 187     text-decoration: line-through;
 188 }
 189 .note-content .highlight {
 190     background-color: yellow;
 191 }
 192 .note-content .small {
 193     font-size: 80%;
 194 }
 195 .note-content .large {
 196     font-size: 150%;
 197 }
 198 .note-content .huge {
 199     font-size: 200%;
 200 }
 201 .note-content a {
 202     text-decoration: underline;
 203 }
 204
 205 #searchresults {
 206     margin-top: 0px;
 207     min-height: 100%;
 208     margin-bottom: 50px;
 209 }