diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2019-12-26 17:29:35 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2019-12-26 17:29:35 +0100 |
| commit | 1b5fd3a892aed0a9d97dbc5052dc375d492933d0 (patch) | |
| tree | e976c886a1cb1b3a2c7e90eae24f3965cc630d20 /public | |
| parent | b79c796b0dfe28d8e06eec004998439fea836760 (diff) | |
category list
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/css/css.css | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/public/assets/css/css.css b/public/assets/css/css.css index 5e9bf1f..4e53637 100644 --- a/public/assets/css/css.css +++ b/public/assets/css/css.css @@ -653,9 +653,80 @@ input.small { opacity: 0.4; white-space: nowrap; } + +/* biggan */ .biggan .last_message { height: 15px; } +.biggan .categories { + overflow: scroll; + width: 260px; + height: 400px; +} +.biggan .categorySearch { + width: 220px; +} +.biggan .categories h2 { + margin-top: 3px; + margin-bottom: 3px; +} +.biggan .categories h3 { + margin-top: 3px; + margin-bottom: 3px; +} +.biggan .categories a { + cursor: pointer; + display: block; + padding: 2px; + margin-left: -2px; + margin-right: 5px; + color: #11d; +} +.biggan .categories a:hover { + color: #000; + text-decoration: underline; +} +.biggan .search_form { + margin-top: -4px; + width: 260px; +} + +/* search form */ +.search_form { + margin-bottom: 10px; +} +.search_form .button { + background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E%0A%09%3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E%0A%09%09%3Cpath d=%22M11.29 11.71l-4-4%22/%3E%0A%09%09%3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E%0A%09%3C/g%3E%0A%3C/svg%3E%0A"); + background-position: center center; + background-repeat: no-repeat; + width: 16px; height: 16px; + position: relative; + top: 3px; + display: inline-block; +} +.search_form input[type='text'] { + border-top: 0; + border-left: 0; + border-right: 0; + border-bottom: 1px solid #888; + padding-left: 3px; + padding-bottom: 3px; + font-size: 14px; + font-family: 'Trebuchet MS', sans-serif; + background: transparent; + outline: 0; + transition: background 200ms; + background: transparent; +} +.search_form input[type='text']:invalid { + background: transparent; +} +.search_form input[type='text']:focus { + border-bottom: 1px solid #211; + border-radius: 2px 2px 0 0; + color: #211; +} + /* pix2wav */ .audioParams { |