X-Git-Url: https://git.cweiske.de/grauphel.git/blobdiff_plain/ace226e665fa77d04a61dfd61818f6cce5df6861..a730b8aac9a7d644014f501e24151fa8ff4af5b7:/grauphel.css diff --git a/grauphel.css b/grauphel.css index 21c44d4..20c0ead 100644 --- a/grauphel.css +++ b/grauphel.css @@ -13,6 +13,9 @@ .app-grauphel #app-content.list h1 { padding: 1ex; } +.app-grauphel #app-content.list > p { + margin: 2ex; +} .app-grauphel #app-content h2 { font-weight: bold; @@ -32,6 +35,9 @@ padding: 1ex; font-family: monospace; } +.app-grauphel #app-content blockquote { + margin-left: 2ex; +} .app-grauphel #app-content ul { list-style-type: disc; @@ -44,6 +50,29 @@ text-decoration: underline; } +.app-grauphel #app-content .error { + color: red; +} +.app-grauphel #app-content .success { + color: green; +} +.app-grauphel #app-content .error a { + color: red !important; +} + +.app-grauphel #app-content .actions { + float: right; +} +.app-grauphel #app-content .actions a { + color: #555; + padding: 14px 10px; + position: relative; + top: 7px; + min-width: 25px; + padding: 5px; + background-color: rgba(240,240,240,.9); +} + .app-grauphel .oauth-authorize { margin: 2ex; text-align: center; @@ -103,7 +132,7 @@ table.table thead th { vertical-align: middle; } -table.table th, table.table td { +table.table th, table.table td, #searchresults td { border-bottom:1px solid #ddd; text-align:left; font-weight:normal; @@ -115,6 +144,10 @@ table.table td { background-position: 8px center; background-repeat: no-repeat; } +#headerTitle { + /* let it take all available space */ + width: 9999px; +} a.action.delete, table.table form button.action.delete { position: absolute; @@ -125,6 +158,9 @@ a.action.delete, table.table form button.action.delete { a.action { line-height: 30px; } +a.cellclick { + display: block; +} table.table form { display: inline; } @@ -132,3 +168,36 @@ table.table form button.action { border: none; background-color: transparent; } + +.muted { + color: #999; +} + +.note-content { + padding-top: 2ex; +} + +.note-content .strikethrough { + text-decoration: line-through; +} +.note-content .highlight { + background-color: yellow; +} +.note-content .small { + font-size: 80%; +} +.note-content .large { + font-size: 150%; +} +.note-content .huge { + font-size: 200%; +} +.note-content a { + text-decoration: underline; +} + +#searchresults { + margin-top: 0px; + min-height: 100%; + margin-bottom: 50px; +} \ No newline at end of file