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
  39 .app-grauphel #app-content ul {
  40     list-style-type: disc;
  41     margin-bottom: 1ex;
  42 }
  43 .app-grauphel #app-content li {
  44     margin-left: 4ex;
  45 }
  46 .app-grauphel #app-content a.lined {
  47     text-decoration: underline;
  48 }
  49
  50 .app-grauphel .oauth-authorize {
  51     margin: 2ex;
  52     text-align: center;
  53 }
  54 .app-grauphel .msg {
  55     padding: 2ex;
  56 }
  57 .app-grauphel .buttons {
  58     margin-top: 2ex;
  59     text-align: center;
  60 }
  61
  62
  63 /* table style */
  64
  65 table.table {
  66     position: relative;
  67     width: 100%;
  68 }
  69
  70 /* make sure there's enough room for the file actions */
  71 #body-user table.table {
  72         min-width: 688px; /* 768 (mobile break) - 80 (nav width) */
  73 }
  74
  75 table.table tbody tr { background-color:#fff; height:51px; }
  76
  77 /* fit app list view heights */
  78 /*
  79 .app-files #app-content>.viewcontainer {
  80         min-height: 100%;
  81 }*/
  82
  83 table.table tbody tr { background-color:#fff; height:40px; }
  84 table.table tbody tr:hover, tbody tr:active {
  85         background-color: rgb(240,240,240);
  86 }
  87 table.table tbody tr.selected {
  88         background-color: rgb(230,230,230);
  89 }
  90 table.table tbody tr.searchresult {
  91         background-color: rgb(240,240,240);
  92 }
  93 table.table tbody a { color:#000; }
  94
  95 table.table tr.mouseOver td {
  96         background-color: #eee;
  97 }
  98 table.table th, table th a {
  99         color: #999;
 100 }
 101 table.table thead th {
 102     background-color: white;
 103     padding: 15px;
 104     height: 50px;
 105     box-sizing: border-box;
 106     vertical-align: middle;
 107 }
 108
 109 table.table th, table.table td {
 110     border-bottom:1px solid #ddd;
 111     text-align:left;
 112     font-weight:normal;
 113 }
 114 table.table td {
 115     padding: 0 15px;
 116     border-bottom: 1px solid #eee;
 117     font-style: normal;
 118     background-position: 8px center;
 119     background-repeat: no-repeat;
 120 }
 121
 122 a.action.delete, table.table form button.action.delete {
 123     position: absolute;
 124     right: 0px;
 125     padding: 17px 14px;
 126     padding: 3px 14px;
 127 }
 128 a.action {
 129     line-height: 30px;
 130 }
 131 table.table form {
 132     display: inline;
 133 }
 134 table.table form button.action {
 135     border: none;
 136     background-color: transparent;
 137 }