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