X-Git-Url: https://git.cweiske.de/grauphel.git/blobdiff_plain/37e17f2198f4629fb7d4ec2ed68d96f664ec55ad..c357ddbafa4a6f66822db6528c07268f60b5c28d:/grauphel.css diff --git a/grauphel.css b/grauphel.css index 85143f7..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,3 +144,60 @@ 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; + right: 0px; + padding: 17px 14px; + padding: 3px 14px; +} +a.action { + line-height: 30px; +} +a.cellclick { + display: block; +} +table.table form { + display: inline; +} +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