From fdc7b416ddd51376c388d3e99aef8c12b6a17895 Mon Sep 17 00:00:00 2001 From: Christian Weiske Date: Sun, 7 Oct 2018 10:28:33 +0200 Subject: Register CSS files via API --- css/grauphel.css | 209 +++++++++++++++++++++++++++++++++++++++++++ grauphel.css | 209 ------------------------------------------- templates/error.php | 2 +- templates/gui-database.php | 2 +- templates/gui-note.php | 2 +- templates/index.php | 2 +- templates/oauthAuthorize.php | 3 +- templates/tag.php | 2 +- templates/tokens.php | 2 +- 9 files changed, 217 insertions(+), 216 deletions(-) create mode 100644 css/grauphel.css delete mode 100644 grauphel.css diff --git a/css/grauphel.css b/css/grauphel.css new file mode 100644 index 0000000..3b7d03c --- /dev/null +++ b/css/grauphel.css @@ -0,0 +1,209 @@ +.app-grauphel #app-content { + box-sizing: border-box; +} +.app-grauphel #app-content.content { + padding: 2ex; +} + +.app-grauphel #app-content h1 { + font-weight: bold; + font-size: 2em; + margin-bottom: 1ex; +} +.app-grauphel #app-content.list h1 { + padding: 1ex; +} +.app-grauphel #app-content.list > p { + margin: 2ex; +} + +.app-grauphel #app-content h2 { + font-weight: bold; + font-size: 150%; + margin-bottom: 1ex; + margin-top: 2ex; +} +.app-grauphel #app-content dt, +.app-grauphel #app-content dd { + display: block; + padding: 0; + text-align: left; +} +.app-grauphel #app-content dt { + font-weight: bold; +} +.app-grauphel #app-content dd { + margin-left: 3ex; +} +.app-grauphel #app-content pre { + margin: 1em; + background-color: #DDD; + padding: 1ex; + font-family: monospace; +} +.app-grauphel #app-content blockquote { + margin-left: 2ex; +} + +.app-grauphel #app-content ul { + list-style-type: disc; + margin-bottom: 1ex; +} +.app-grauphel #app-content li { + margin-left: 4ex; +} +.app-grauphel #app-content a.lined { + 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; +} +.app-grauphel .msg { + padding: 2ex; +} +.app-grauphel .buttons { + margin-top: 2ex; + text-align: center; +} + + +/* table style */ + +table.table { + position: relative; + width: 100%; +} + +/* make sure there's enough room for the file actions */ +#body-user table.table { + min-width: 688px; /* 768 (mobile break) - 80 (nav width) */ +} + +table.table tbody tr { background-color:#fff; height:51px; } + +/* fit app list view heights */ +/* +.app-files #app-content>.viewcontainer { + min-height: 100%; +}*/ + +table.table tbody tr { background-color:#fff; height:40px; } +table.table tbody tr:hover, tbody tr:active { + background-color: rgb(240,240,240); +} +table.table tbody tr.selected { + background-color: rgb(230,230,230); +} +table.table tbody tr.searchresult { + background-color: rgb(240,240,240); +} +table.table tbody a { color:#000; } + +table.table tr.mouseOver td { + background-color: #eee; +} +table.table th, table th a { + color: #999; +} +table.table thead th { + background-color: white; + padding: 15px; + height: 50px; + box-sizing: border-box; + vertical-align: middle; +} + +table.table th, table.table td, #searchresults td { + border-bottom:1px solid #ddd; + text-align:left; + font-weight:normal; +} +table.table td { + padding: 0 15px; + border-bottom: 1px solid #eee; + font-style: normal; + 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; +} diff --git a/grauphel.css b/grauphel.css deleted file mode 100644 index 3b7d03c..0000000 --- a/grauphel.css +++ /dev/null @@ -1,209 +0,0 @@ -.app-grauphel #app-content { - box-sizing: border-box; -} -.app-grauphel #app-content.content { - padding: 2ex; -} - -.app-grauphel #app-content h1 { - font-weight: bold; - font-size: 2em; - margin-bottom: 1ex; -} -.app-grauphel #app-content.list h1 { - padding: 1ex; -} -.app-grauphel #app-content.list > p { - margin: 2ex; -} - -.app-grauphel #app-content h2 { - font-weight: bold; - font-size: 150%; - margin-bottom: 1ex; - margin-top: 2ex; -} -.app-grauphel #app-content dt, -.app-grauphel #app-content dd { - display: block; - padding: 0; - text-align: left; -} -.app-grauphel #app-content dt { - font-weight: bold; -} -.app-grauphel #app-content dd { - margin-left: 3ex; -} -.app-grauphel #app-content pre { - margin: 1em; - background-color: #DDD; - padding: 1ex; - font-family: monospace; -} -.app-grauphel #app-content blockquote { - margin-left: 2ex; -} - -.app-grauphel #app-content ul { - list-style-type: disc; - margin-bottom: 1ex; -} -.app-grauphel #app-content li { - margin-left: 4ex; -} -.app-grauphel #app-content a.lined { - 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; -} -.app-grauphel .msg { - padding: 2ex; -} -.app-grauphel .buttons { - margin-top: 2ex; - text-align: center; -} - - -/* table style */ - -table.table { - position: relative; - width: 100%; -} - -/* make sure there's enough room for the file actions */ -#body-user table.table { - min-width: 688px; /* 768 (mobile break) - 80 (nav width) */ -} - -table.table tbody tr { background-color:#fff; height:51px; } - -/* fit app list view heights */ -/* -.app-files #app-content>.viewcontainer { - min-height: 100%; -}*/ - -table.table tbody tr { background-color:#fff; height:40px; } -table.table tbody tr:hover, tbody tr:active { - background-color: rgb(240,240,240); -} -table.table tbody tr.selected { - background-color: rgb(230,230,230); -} -table.table tbody tr.searchresult { - background-color: rgb(240,240,240); -} -table.table tbody a { color:#000; } - -table.table tr.mouseOver td { - background-color: #eee; -} -table.table th, table th a { - color: #999; -} -table.table thead th { - background-color: white; - padding: 15px; - height: 50px; - box-sizing: border-box; - vertical-align: middle; -} - -table.table th, table.table td, #searchresults td { - border-bottom:1px solid #ddd; - text-align:left; - font-weight:normal; -} -table.table td { - padding: 0 15px; - border-bottom: 1px solid #eee; - font-style: normal; - 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; -} diff --git a/templates/error.php b/templates/error.php index 6ca821b..a2f7c73 100644 --- a/templates/error.php +++ b/templates/error.php @@ -1,4 +1,4 @@ - +
diff --git a/templates/gui-database.php b/templates/gui-database.php index 14e7959..22710ef 100644 --- a/templates/gui-database.php +++ b/templates/gui-database.php @@ -1,4 +1,4 @@ - + printPage(); ?> diff --git a/templates/gui-note.php b/templates/gui-note.php index 1272b5c..2aa5a20 100644 --- a/templates/gui-note.php +++ b/templates/gui-note.php @@ -1,4 +1,4 @@ - + printPage(); ?> diff --git a/templates/index.php b/templates/index.php index 4edb7d9..0d4c12c 100644 --- a/templates/index.php +++ b/templates/index.php @@ -1,4 +1,4 @@ - + printPage(); ?> diff --git a/templates/oauthAuthorize.php b/templates/oauthAuthorize.php index 5c7cf4a..782c51a 100644 --- a/templates/oauthAuthorize.php +++ b/templates/oauthAuthorize.php @@ -1,4 +1,5 @@ - + +
diff --git a/templates/tag.php b/templates/tag.php index 4a9501c..ee5f592 100644 --- a/templates/tag.php +++ b/templates/tag.php @@ -1,4 +1,4 @@ - + printPage(); ?> diff --git a/templates/tokens.php b/templates/tokens.php index 52bbdb4..cb8089d 100644 --- a/templates/tokens.php +++ b/templates/tokens.php @@ -1,4 +1,4 @@ - + -- cgit v1.2.3