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
  17 .app-grauphel #app-content h2 {
  18     font-weight: bold;
  19     font-size: 150%;
  20     margin-bottom: 1ex;
  21     margin-top: 2ex;
  22 }
  23 .app-grauphel #app-content dt {
  24     font-weight: bold;
  25 }
  26 .app-grauphel #app-content dd {
  27     margin-left: 3ex;
  28 }
  29 .app-grauphel #app-content pre {
  30     margin: 1em;
  31     background-color: #DDD;
  32     padding: 1ex;
  33     font-family: monospace;
  34 }
  35
  36 .app-grauphel #app-content ul {
  37     list-style-type: disc;
  38     margin-bottom: 1ex;
  39 }
  40 .app-grauphel #app-content li {
  41     margin-left: 4ex;
  42 }
  43 .app-grauphel #app-content a.lined {
  44     text-decoration: underline;
  45 }
  46
  47 .app-grauphel .oauth-authorize {
  48     margin: 2ex;
  49     text-align: center;
  50 }
  51 .app-grauphel .msg {
  52     padding: 2ex;
  53 }
  54 .app-grauphel .buttons {
  55     margin-top: 2ex;
  56     text-align: center;
  57 }
  58
  59
  60 /* table style */
  61
  62 table.table {
  63     position: relative;
  64     width: 100%;
  65 }
  66
  67 /* make sure there's enough room for the file actions */
  68 #body-user table.table {
  69         min-width: 688px; /* 768 (mobile break) - 80 (nav width) */
  70 }
  71
  72 table.table tbody tr { background-color:#fff; height:51px; }
  73
  74 /* fit app list view heights */
  75 /*
  76 .app-files #app-content>.viewcontainer {
  77         min-height: 100%;
  78 }*/
  79
  80 table.table tbody tr { background-color:#fff; height:40px; }
  81 table.table tbody tr:hover, tbody tr:active {
  82         background-color: rgb(240,240,240);
  83 }
  84 table.table tbody tr.selected {
  85         background-color: rgb(230,230,230);
  86 }
  87 table.table tbody tr.searchresult {
  88         background-color: rgb(240,240,240);
  89 }
  90 table.table tbody a { color:#000; }
  91
  92 table.table tr.mouseOver td {
  93         background-color: #eee;
  94 }
  95 table.table th, table th a {
  96         color: #999;
  97 }
  98 table.table thead th {
  99     background-color: white;
 100     padding: 15px;
 101     height: 50px;
 102     box-sizing: border-box;
 103     vertical-align: middle;
 104 }
 105
 106 table.table th, table.table td {
 107     border-bottom:1px solid #ddd;
 108     text-align:left;
 109     font-weight:normal;
 110 }
 111 table.table td {
 112     padding: 0 15px;
 113     border-bottom: 1px solid #eee;
 114     font-style: normal;
 115     background-position: 8px center;
 116     background-repeat: no-repeat;
 117 }