diff --git a/epicyon-search.css b/epicyon-search.css new file mode 100644 index 000000000..3df723300 --- /dev/null +++ b/epicyon-search.css @@ -0,0 +1,271 @@ +@charset "UTF-8"; + +:root { + --main-bg-color: #282c37; + --link-bg-color: #282c37; + --main-fg-color: #dddddd; + --main-link-color: #999; + --main-visited-color: #888; + --border-color: #505050; + --font-size-header: 18px; + --font-color-header: #ccc; + --font-size: 40px; + --font-size2: 24px; + --font-size3: 38px; + --font-size4: 22px; + --font-size5: 20px; + --text-entry-foreground: #ccc; + --text-entry-background: #111; + --time-color: #aaa; + --button-text: #FFFFFF; + --button-background: #999; + --button-selected: #666; + --hashtag-margin: 2%; + --hashtag-vertical-spacing1: 50px; + --hashtag-vertical-spacing2: 100px; + --hashtag-vertical-spacing3: 100px; + --hashtag-vertical-spacing4: 150px; + --hashtag-size1: 30px; + --hashtag-size2: 40px; + --follow-text-size1: 24px; + --follow-text-size2: 40px; + --follow-text-entry-width: 90%; +} + +@font-face { + font-family: 'Bedstead'; + font-style: normal; + font-weight: normal; + font-display: block; + src: url('./fonts/bedstead.otf') format('opentype'); +} + +body, html { + background-color: var(--main-bg-color); + color: var(--main-fg-color); + + height: 100%; + font-family: Arial, Helvetica, sans-serif; + max-width: 100%; + min-width: 600px; + margin: 5% auto; +} + +a, u { + color: var(--main-fg-color); +} + +a:visited{ + color: var(--main-visited-color); + background: var(--link-bg-color); + font-weight: bold; +} + +a:link { + color: var(--main-link-color); + background: var(--link-bg-color); + font-weight: bold; +} + +.searchBanner { + background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("search_banner.png"); + background-position: center; + background-repeat: no-repeat; + background-size: 90%; +} + +.follow { + background-image: url("search-background.jpg"); + background-size: cover; + -webkit-background-size: cover; + -moz-background-size: cover; + background-repeat: no-repeat; + background-position: center; + height: 100%; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + position: relative; + background-color: var(--main-bg-color); +} + +.followAvatar { + margin: 0% 0; +} + +.followAvatar img { + border-radius: 10%; + width: 20%; + min-width: 200px; +} + +.followText { + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; +} + +.imText { + font-size: var(--font-size4); + font-family: Arial, Helvetica, sans-serif; + color: var(--main-link-color); + background: var(--link-bg-color); +} + +.pgp { + font-size: var(--font-size5); + font-family: Arial, Helvetica, sans-serif; + color: var(--main-link-color); + background: var(--link-bg-color); + font-family: 'monospace'; +} + +.button { + border-radius: 4px; + background-color: var(--button-background); + border: none; + color: var(--button-text); + text-align: center; + padding: 10px; + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; + width: 20%; + max-width: 200px; + min-width: 100px; + cursor: pointer; + margin: 30px; +} + +.button:hover { + background-color: #555; + color: white; +} + +input[type=text] { + width: var(--follow-text-entry-width); + clear: both; + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; + text-align: center; + color: var(--text-entry-foreground); + background-color: var(--text-entry-background); +} + +.cwButton { + border-radius: 4px; + background-color: #999; + border: none; + color: var(--button-text); + text-align: center; + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; + padding: 2px; + cursor: pointer; + margin: 5px; +} + +.cwText { + display: none; +} + +.options { + font-size: var(--font-size); + font-family: Arial, Helvetica, sans-serif; +} + +.options img { + width: 15%; +} + +@media screen and (min-width: 400px) { + .hashtagswarm { + font-size: var(--hashtag-size1); + font-family: Arial, Helvetica, sans-serif; + margin: var(--hashtag-margin); + line-height: var(--hashtag-vertical-spacing1); + } + .followText { + font-size: var(--follow-text-size1); + font-family: Arial, Helvetica, sans-serif; + } + input[type=text] { + width: var(--follow-text-entry-width); + clear: both; + font-size: 24px; + font-family: Arial, Helvetica, sans-serif; + text-align: center; + color: var(--text-entry-foreground); + background-color: var(--text-entry-background); + } + .button { + border-radius: 4px; + background-color: var(--button-background); + border: none; + color: var(--button-text); + text-align: center; + padding: 10px; + font-size: 24px; + font-family: Arial, Helvetica, sans-serif; + width: 20%; + max-width: 200px; + min-width: 100px; + cursor: pointer; + margin: 30px; + } + input[type=checkbox] + { + -ms-transform: scale(2); + -moz-transform: scale(2); + -webkit-transform: scale(2); + -o-transform: scale(2); + transform: scale(2); + padding: 10px; + margin: 20px 30px; + } +} + +@media screen and (max-width: 1000px) { + .hashtagswarm { + font-size: var(--hashtag-size2); + font-family: Arial, Helvetica, sans-serif; + margin: var(--hashtag-margin); + line-height: var(--hashtag-vertical-spacing3); + } + .followText { + font-size: var(--follow-text-size2); + font-family: Arial, Helvetica, sans-serif; + } + input[type=text] { + width: var(--follow-text-entry-width); + clear: both; + font-size: 40px; + font-family: Arial, Helvetica, sans-serif; + text-align: center; + color: var(--text-entry-foreground); + background-color: var(--text-entry-background); + } + .button { + border-radius: 4px; + background-color: var(--button-background); + border: none; + color: var(--button-text); + text-align: center; + padding: 10px; + font-size: 40px; + font-family: Arial, Helvetica, sans-serif; + width: 20%; + max-width: 200px; + min-width: 100px; + cursor: pointer; + margin: 30px; + } + input[type=checkbox] + { + -ms-transform: scale(4); + -moz-transform: scale(4); + -webkit-transform: scale(4); + -o-transform: scale(4); + transform: scale(4); + padding: 20px; + margin: 30px 40px; + } +} diff --git a/img/search_background_starlight.jpg b/img/search_background_starlight.jpg new file mode 100644 index 000000000..de3be58df Binary files /dev/null and b/img/search_background_starlight.jpg differ diff --git a/theme.py b/theme.py index b9a283fb3..a1fc7908f 100644 --- a/theme.py +++ b/theme.py @@ -15,7 +15,7 @@ from shutil import copyfile def getThemeFiles() -> []: return ('epicyon.css', 'login.css', 'follow.css', 'suspended.css', 'calendar.css', 'blog.css', - 'options.css') + 'options.css', 'search.css') def getThemesList() -> []: @@ -113,9 +113,11 @@ def setThemeFromDict(baseDir: str, name: str, if bgParams.get('login'): setBackgroundFormat(baseDir, name, 'login', bgParams['login']) if bgParams.get('follow'): - setBackgroundFormat(baseDir, name, 'login', bgParams['follow']) + setBackgroundFormat(baseDir, name, 'follow', bgParams['follow']) if bgParams.get('options'): - setBackgroundFormat(baseDir, name, 'login', bgParams['options']) + setBackgroundFormat(baseDir, name, 'options', bgParams['options']) + if bgParams.get('search'): + setBackgroundFormat(baseDir, name, 'search', bgParams['search']) def setBackgroundFormat(baseDir: str, name: str, @@ -224,9 +226,10 @@ def setThemeDefault(baseDir: str): "dummyValue": "1234" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -258,9 +261,10 @@ def setThemeBlue(baseDir: str): "*src": "url('./fonts/Domestic_Manners.woff2') format('woff2')" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -302,9 +306,10 @@ def setThemeNight(baseDir: str): "*src": fontStr } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -355,9 +360,10 @@ def setThemeStarlight(baseDir: str): "*src": "url('fonts/bgrove.woff2') format('woff2')" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -405,9 +411,10 @@ def setThemeHenge(baseDir: str): "*src": "url('fonts/bgrove.woff2') format('woff2')" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -435,9 +442,10 @@ def setThemeZen(baseDir: str): "dropdown-bg-color-hover": "#444" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -461,9 +469,10 @@ def setThemeHighVis(baseDir: str): "*src": "url('./fonts/LinBiolinum_Rah.woff2') format('woff2')" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -523,9 +532,10 @@ def setThemeLCD(baseDir: str): "*src": "url('./fonts/LcdSolid.woff2') format('woff2')" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -572,9 +582,10 @@ def setThemePurple(baseDir: str): "*src": fontStr } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -617,9 +628,10 @@ def setThemeHacker(baseDir: str): "image-corners": "0%" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) @@ -669,9 +681,10 @@ def setThemeLight(baseDir: str): "*src": "url('./fonts/ElectrumADFExp-Regular.otf') format('opentype')" } bgParams = { - "login": 'jpg', - "follow": 'jpg', - "options": 'jpg' + "login": "jpg", + "follow": "jpg", + "options": "jpg", + "search": "jpg" } setThemeFromDict(baseDir, name, themeParams, bgParams) diff --git a/webinterface.py b/webinterface.py index 5095074d1..0d06e2975 100644 --- a/webinterface.py +++ b/webinterface.py @@ -6123,7 +6123,7 @@ def htmlSearch(translate: {}, copyfile(baseDir + '/img/search-background.png', baseDir + '/accounts/search-background.png') - cssFilename = baseDir + '/epicyon-follow.css' + cssFilename = baseDir + '/epicyon-search.css' if os.path.isfile(baseDir + '/follow.css'): cssFilename = baseDir + '/follow.css' with open(cssFilename, 'r') as cssFile: