diff --git a/css/color.css b/css/color.css index 6aaa81e..b8ef6b1 100644 --- a/css/color.css +++ b/css/color.css @@ -116,6 +116,16 @@ input[type="submit"] { color:white; } +.search input[type="submit"] { + color:#305792 !important; + background-color:transparent !important; + border: 0px !important; +} + +.search input[type="text"],input[name="spoiler"] { + box-shadow: none !important; +} + .formbtn { color:#305792; } @@ -132,19 +142,19 @@ input[type="submit"] { background-color: white; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } -.postMenu li:hover { +.menu li:hover { background-color:#203960 !important; } -.postMenu li a{ +.menu li a{ color:#203960; } -.postMenu li:hover a{ +.menu li:hover a{ color:white; } diff --git a/css/mobile.css b/css/mobile.css index d769b47..62b7d61 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -24,6 +24,7 @@ body { ul{ padding:0px; margin:0px; + list-style: none; } select{ @@ -73,8 +74,13 @@ textarea { .topbar { width: 100vw; height: 45px; - margin: 0; - position: relative; + margin-top: 45px; + position:fixed; bottom:0px; left:0px; + z-index:99; +} + +.topbar > div.topbar{ + position:fixed; bottom:0px; left:0px; } .wrapper { @@ -114,9 +120,10 @@ aside { display: table; text-align: center; right: 20px; - bottom: 20px; + bottom: 60px; border-radius: 10px; z-index:50; + background-color: #001935 !important; } .gotop a { @@ -131,7 +138,7 @@ aside { background-color: rgba(255, 255, 255, 0); position: fixed; left: 0px; - bottom: 0px; + top: 0px; width: 100vw; height: auto; z-index: 99; @@ -175,7 +182,7 @@ aside { #notifications { position: fixed; left: 0px; - top: 45px; + bottom: 45px; width: 100vw; max-height: 400px; display: none; @@ -302,11 +309,15 @@ aside { width: 150px; height: 100px; position: absolute; - top: 45px; + top: -322px; left: -80px; transition: 0.4s; } +#usermenu li { + height: 32px !important; +} + #usermenu:hover>.menu, #usermenu:active>.menu { display: block; @@ -385,7 +396,7 @@ aside { position:fixed; width: 100vw !important; left:0px; - top:45px; + bottom:45px; text-align: center; border-radius: 3px; z-index: 99; diff --git a/css/style.css b/css/style.css index 42f31ca..92ab83b 100644 --- a/css/style.css +++ b/css/style.css @@ -27,6 +27,7 @@ body { ul{ padding:0px; margin:0px; + list-style: none; } select{ @@ -80,6 +81,10 @@ textarea { position: relative; } +.topbar > div.topbar{ + position:fixed; top:0px; left:0px; +} + .wrapper { width: 100%; clear: both; diff --git a/img/loading.gif b/img/loading.gif index ab3ad70..599bdcd 100644 Binary files a/img/loading.gif and b/img/loading.gif differ diff --git a/img/loadingb.gif b/img/loadingb.gif index 347fa5f..73fa116 100644 Binary files a/img/loadingb.gif and b/img/loadingb.gif differ diff --git a/include/functions.php b/include/functions.php index ba191d6..688eaf4 100644 --- a/include/functions.php +++ b/include/functions.php @@ -41,6 +41,7 @@ function get_urls($input) { /* this function replaces the emoji codes in a text with the correspondent emojis of the specified instance, returns the html code with the emojis in the specified size*/ + /* function emoji($text, $size = 30, $srv) { $data = json_decode(file_get_contents("https://$srv/api/v1/custom_emojis") , true) [0]['url']; $u = explode("/", $data); @@ -53,6 +54,7 @@ function emoji($text, $size = 30, $srv) { $text = str_replace("https;", "https:", $text); return $text; } +*/ /* this is the same as above but is used on other places, like user bios and places where the shortcodes and the emoji url is defined in the same place */ @@ -63,7 +65,8 @@ function emojify($string, $emojis, $size = 40) { return $string; } - +/* This function displays the emoji list of an instance based on a search + string given on $val */ function emoji_list($val){ $emojilist = api_get("/custom_emojis"); $c = 0; @@ -85,7 +88,9 @@ function emoji_list($val){ return $return; } - + + +/* general function to check if one strings starts with a given search */ function starts_with($string,$search){ if (substr(strtolower($string),0,strlen($search)) == strtolower($search)){ return true; @@ -93,6 +98,7 @@ function starts_with($string,$search){ return false; } +/* general function to check if one strings contains with a given search */ function contains($string,$search){ if (is_numeric(strpos(strtolower($string),strtolower($search)))){ return true; @@ -148,25 +154,6 @@ function user_info($user) { ); } -function api_getv2($url) { - global $srv; - global $token; - - $curl = curl_init(); - curl_setopt($curl, CURLOPT_URL, "https://$srv/api/v2/" . $url); - if (!is_null($token)) { - curl_setopt($curl, CURLOPT_HTTPHEADER, array( - 'Authorization: Bearer ' . $token - )); - } - curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); - $result = curl_exec($curl); - curl_close($curl); - - return json_decode($result, true); -} - - /* a function to make an authenticated general GET api call to the logged-in instance */ function api_get($url) { global $srv; @@ -185,6 +172,25 @@ function api_get($url) { return json_decode($result, true); } +/* same as above but used in some newer api endpoinds (v2) */ +function api_getv2($url) { + global $srv; + global $token; + + $curl = curl_init(); + curl_setopt($curl, CURLOPT_URL, "https://$srv/api/v2/" . $url); + if (!is_null($token)) { + curl_setopt($curl, CURLOPT_HTTPHEADER, array( + 'Authorization: Bearer ' . $token + )); + } + curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); + $result = curl_exec($curl); + curl_close($curl); + + return json_decode($result, true); +} + /* a function to make an authenticated general POST api call to the logged-in instance */ function api_post($url, $array) { global $srv; @@ -253,6 +259,8 @@ function api_patch($url, $array) { return json_decode($result, true); } +/* Function to upload files to the profile of the authenticated user + $type can be 'avatar' or 'header'*/ function upload_profile($file,$type){ global $srv; global $token; @@ -320,15 +328,15 @@ function render_reply($item) { $reply['menu'] = ""; $json['id'] = $item['id']; @@ -350,11 +358,6 @@ function render_reply($item) { $reply['replyto'] = ($item['in_reply_to_id'] ? " " : ""); $reply['text'] = processText($item); - $public = ""; - $private = ""; - $unlisted = ""; - $direct = ""; - $reply['date'] = "" . time_elapsed_string($item['created_at']) . " - "; $reply['media'] = ""; @@ -394,7 +397,7 @@ function render_reply($item) { $reply['buttons'] = " " . ($logedin ? "
" : "") . "
" . $item['favourites_count'] . "
-
" . $item['reblogs_count'] . "
+
" . $item['reblogs_count'] . "
"; $result = themes("get","templates/reply.txt"); diff --git a/js/scripts.js b/js/scripts.js index 5bffad6..9f1a173 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -129,6 +129,15 @@ $('body').on('click', '.gotop a', function(e) { return false; }); +$('body').on('click', '.topbar:not(a)', function(e) { + if(e.target !== e.currentTarget) return; + e.preventDefault(); + $('html, body').animate({ + scrollTop: 0 + }, 800); + return false; +}); + $('body').on('click', '#loader', function() { var cnt = $("#loaded").contents(); // $("#content").prepend(cnt); diff --git a/layout/footer.php b/layout/footer.php index c829d96..4d74747 100644 --- a/layout/footer.php +++ b/layout/footer.php @@ -11,6 +11,7 @@ $query = http_build_query(array_filter(array( //'explicit' => ($nocookies == true ? $user_settings['explicit'] : false) , ))); ?> +
diff --git a/layout/header.php b/layout/header.php index 9e15cdb..b0268ff 100644 --- a/layout/header.php +++ b/layout/header.php @@ -64,9 +64,11 @@ } - - ?id=' /> + + + + @@ -79,9 +81,9 @@ if ($logedin) { ?>
-
▲
+
▲
-
+
" style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none" > @@ -115,7 +117,7 @@ if ($logedin) { - + @@ -132,7 +134,7 @@ if ($logedin) { -
+
@@ -187,7 +189,7 @@ endif; ?>
-
+
X @@ -199,7 +201,7 @@ endif; ?>
-
)'>
+
)'>
diff --git a/modules/timeline.php b/modules/timeline.php index a669401..13f777c 100644 --- a/modules/timeline.php +++ b/modules/timeline.php @@ -139,19 +139,19 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) { continue; } - $post['name'] = "" . emojify($elem['reblog']['account']['display_name'], $elem['reblog']['account']['emojis'], 15) . ""; + $post['name'] = "" . emojify($elem['reblog']['account']['display_name'], $elem['reblog']['account']['emojis'], 20) . "@" . explode("@",$elem['reblog']['account']['acct'])[0] . " (" . $elem['reblog']['account']['acct'] . ")"; $post['replyto'] = "" . ($elem['reblog']['in_reply_to_id'] ? " " : "") . ""; - $post['rt'] = "[ by " . emojify($elem['account']['display_name'], $elem['account']['emojis'], 15) . "@" . explode("@", $elem['account']['acct']) [0] . " ]"; + $post['rt'] = "[ " . emojify($elem['account']['display_name'], $elem['account']['emojis'], 15) . "@" . explode("@", $elem['account']['acct']) [0] . " ]"; $elem = $elem['reblog']; } else { - $post['name'] = "" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 20) . " (" . $elem['account']['acct'] . ") "; + $post['name'] = "" . emojify($elem['account']['display_name'], $elem['account']['emojis'], 20) . "@" . explode("@",$elem['account']['acct'])[0] . " (" . $elem['account']['acct'] . ")"; $post['replyto'] = "" . ($elem['in_reply_to_id'] ? " " : "") . ""; } /* We skip the post if it contains any of the muted words */ foreach($user_settings['mtwords'] as $word){ - if(contains($elem['content'],$word)){ + if(contains($elem['content'],trim($word))){ continue 2; } } @@ -286,11 +286,6 @@ if ((!isset($thread[0]['id']) && !empty($thread)) || !is_array($thread)) { } } - $public = ""; - $private = ""; - $unlisted = ""; - $direct = ""; - /* the code of the post footer (date, visibility and like/reblog buttons */ $post['footer'] = "
" .time_elapsed_string($elem['created_at']) . " - diff --git a/templates/post.txt b/templates/post.txt index 6b4914b..d6cec73 100644 --- a/templates/post.txt +++ b/templates/post.txt @@ -3,7 +3,7 @@
:ancestors:
- :name: :rt: + :name: :rt: diff --git a/templates/textpost.txt b/templates/textpost.txt index 19cdead..c484a6a 100644 --- a/templates/textpost.txt +++ b/templates/textpost.txt @@ -3,7 +3,7 @@
:ancestors:
- :name: :rt: + :name: :rt: diff --git a/themes/1994/css/color.css b/themes/1994/css/color.css index cb9797d..0fc8f29 100644 --- a/themes/1994/css/color.css +++ b/themes/1994/css/color.css @@ -41,6 +41,12 @@ textarea,input[type="text"],.notifpic{ text-shadow: 1px 1px white; } +.search input[type="submit"], .search input[type="text"]{ + color: #734eec; + background-color:transparent; + border:0px !important; +} + textarea{ background-image: url("../brutus.png"); background-repeat: no-repeat; @@ -159,21 +165,21 @@ input[type="checkbox"]:checked+label { background-color: #6B91B6; } -.postMenu { +.menu { background-color: #efd7f3; border: 2px outset #f2e0f5 !important; color:black; padding:2px; } -.postMenu div{ +.menu div{ background-color: #efd7f3; border: 2px outset #f2e0f5 !important; color:black; box-shadow: 1px 1px 2px black; } -.postMenu li{ +.menu li{ background-color: #efd7f3; color:black; } @@ -184,11 +190,11 @@ input[type="checkbox"]:checked+label { } -.postMenu li a{ +.menu li a{ color: #734eec !important; } -.postMenu li:hover a{ +.menu li:hover a{ color:white !important; } diff --git a/themes/1994/css/mobile.css b/themes/1994/css/mobile.css index 11efe01..a8510de 100644 --- a/themes/1994/css/mobile.css +++ b/themes/1994/css/mobile.css @@ -1,673 +1,6 @@ -/* overall */ -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -html,body{ - height:100%; -} - -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - body { background-attachment: fixed; background-size: auto 100%; background-repeat: no-repeat; background-position: left top; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/1994/css/style.css b/themes/1994/css/style.css index 2e47bcb..754d318 100644 --- a/themes/1994/css/style.css +++ b/themes/1994/css/style.css @@ -1,641 +1,4 @@ -/* overall */ -html { - scroll-behavior: smooth; -} - body { background-attachment: fixed; background-size: cover; -} - -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: 5px; -} - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile{ - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/ancientbird/css/color.css b/themes/ancientbird/css/color.css index a8fd491..71f799b 100644 --- a/themes/ancientbird/css/color.css +++ b/themes/ancientbird/css/color.css @@ -27,6 +27,8 @@ input[type="text"]:not([name="spoiler"]),textarea { border:1px solid #aaa !important; } + + .topbar { background-image: linear-gradient(#2e2c2e, #090a14); } @@ -144,6 +146,16 @@ input[type="submit"] { color:white; } +.search input[type="submit"]{ + color: #048fb3; + background-color:transparent; + border:0px; +} + +.search input[type="text"]{ + border:0px !important; +} + .formbtn { color:#048fb3; } @@ -161,19 +173,19 @@ input[type="submit"] { background-color: white; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } -.postMenu li:hover { +.menu li:hover { background-color:#203960 !important; } -.postMenu li a{ +.menu li a{ color:#203960; } -.postMenu li:hover a{ +.menu li:hover a{ color:white; } diff --git a/themes/ancientbird/css/mobile.css b/themes/ancientbird/css/mobile.css index 8d6aa17..65324b7 100644 --- a/themes/ancientbird/css/mobile.css +++ b/themes/ancientbird/css/mobile.css @@ -1,676 +1,8 @@ -/* overall */ - -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { - width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -4px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; -} - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/ancientbird/css/style.css b/themes/ancientbird/css/style.css index c6e9e72..65324b7 100644 --- a/themes/ancientbird/css/style.css +++ b/themes/ancientbird/css/style.css @@ -1,640 +1,8 @@ -/* overall */ -html { - scroll-behavior: smooth; -} - -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -6px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; -} - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile { - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/bythebook/css/color.css b/themes/bythebook/css/color.css index 5b5de08..e1d25e9 100644 --- a/themes/bythebook/css/color.css +++ b/themes/bythebook/css/color.css @@ -119,6 +119,13 @@ input[type="submit"] { color:white; } +.search input[type="submit"]{ + color: #4267b2; + background-color:transparent; + border:0px; +} + + .formbtn { color:#305792; } @@ -136,19 +143,19 @@ input[type="submit"] { background-color: white; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } -.postMenu li:hover { +.menu li:hover { background-color:#203960 !important; } -.postMenu li a{ +.menu li a{ color:#203960; } -.postMenu li:hover a{ +.menu li:hover a{ color:white; } diff --git a/themes/chicago/css/color.css b/themes/chicago/css/color.css index aacbc46..d3c7aca 100644 --- a/themes/chicago/css/color.css +++ b/themes/chicago/css/color.css @@ -116,6 +116,10 @@ input[type="submit"] { color:black; } +.search { + background-color:transparent !important; +} + .formbtn { color:black; } @@ -137,21 +141,21 @@ input[type="submit"] { background-color: #6B91B6; } -.postMenu { +.menu { background-color: #c3c3c3; border: 2px outset #fff !important; color:black; padding:2px; } -.postMenu div{ +.menu div{ background-color: #c3c3c3; border: 2px outset #fff !important; color:black; box-shadow: 1px 1px 2px black; } -.postMenu li{ +.menu li{ background-color: #c3c3c3; color:black; } @@ -162,11 +166,11 @@ input[type="submit"] { } -.postMenu li a{ +.menu li a{ color: #000082 !important; } -.postMenu li:hover a{ +.menu li:hover a{ color:white !important; } diff --git a/themes/chicago/css/mobile.css b/themes/chicago/css/mobile.css new file mode 100644 index 0000000..38e7bf5 --- /dev/null +++ b/themes/chicago/css/mobile.css @@ -0,0 +1,14 @@ +.topbar{ + background-color: #c3c3c3; + border-top: 1px outset #fff !important; +} + +.appname{ + padding-right:15px; + line-height:43px !important; + border: 2px outset #fff !important; +} + +.appname a,.topicon { + color:black !important; +} \ No newline at end of file diff --git a/themes/cuatro/css/color.css b/themes/cuatro/css/color.css index b125ca0..c9682b2 100644 --- a/themes/cuatro/css/color.css +++ b/themes/cuatro/css/color.css @@ -1,4 +1,4 @@ -a, .link { +a, .link, a > span { color: #117743; } @@ -126,6 +126,12 @@ input[type="submit"] { color:white; } +.search input[type="submit"] { + color:#800 !important; + background-color:transparent !important; + border: 0px !important; +} + .formbtn { color:#800; } @@ -134,7 +140,7 @@ input[type="submit"] { color:#800; } -.postMenu div{ +.menu div{ box-shadow: 1px 1px 2px black; } diff --git a/themes/monad/css/color.css b/themes/monad/css/color.css index baad396..995c733 100644 --- a/themes/monad/css/color.css +++ b/themes/monad/css/color.css @@ -1,4 +1,4 @@ -a, .link { +a, .link,a > span { color: #d8a070; } @@ -55,6 +55,10 @@ input[type="checkbox"]:checked+label { border-bottom: 2px solid white; } +.search { + background-color:transparent !important; +} + .badge { color: white; } diff --git a/themes/monad/css/mobile.css b/themes/monad/css/mobile.css index 7d82ff6..933968f 100644 --- a/themes/monad/css/mobile.css +++ b/themes/monad/css/mobile.css @@ -1,14 +1,3 @@ -/* overall */ - -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -html,body{ - height:100%; -} - body { margin: 0; background-attachment: fixed; @@ -17,668 +6,12 @@ body { background-position: center top; } -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -4px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; } - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} diff --git a/themes/monad/css/style.css b/themes/monad/css/style.css index 6a08073..83d28c4 100644 --- a/themes/monad/css/style.css +++ b/themes/monad/css/style.css @@ -1,649 +1,14 @@ -/* overall */ -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -html { - scroll-behavior: smooth; -} - body { background-attachment: fixed; background-size: cover; margin: 0; } -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - .element { - width: 800px; - clear: both; - display: inline-block; - margin-top: 5px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: -4px; + margin-top: -4px !important; } .element_pad { margin-top: 10px; margin-bottom: 10px; } - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile { - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} diff --git a/themes/phubbub/css/color.css b/themes/phubbub/css/color.css index 81a290d..6763cf2 100644 --- a/themes/phubbub/css/color.css +++ b/themes/phubbub/css/color.css @@ -43,6 +43,10 @@ input[type="checkbox"]:checked+label { border-bottom: 2px solid white; } +.search { + background-color:transparent !important; +} + .badge { color: #ff9900; } diff --git a/themes/whistler/css/color.css b/themes/whistler/css/color.css index 47ab764..1477929 100644 --- a/themes/whistler/css/color.css +++ b/themes/whistler/css/color.css @@ -60,6 +60,17 @@ input[type="checkbox"]:checked+label { color: white; } +.search { + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) inset; +} + +.search input[type="text"],.search input[type="submit"]{ + border:0px !important; + background-color:transparent !important; + background-image:none !important; + color: #000; +} + .tiselected { border-bottom: 2px solid white; } @@ -198,7 +209,7 @@ input[type="submit"] { box-shadow: 1px 1px 2px black; } -.postMenu li{ +.menu li{ background-color: #e7e9d4; color:black; } @@ -209,11 +220,11 @@ input[type="submit"] { } -.postMenu li a{ +.menu li a{ color: #000082 !important; } -.postMenu li:hover a{ +.menu li:hover a{ color:white !important; } diff --git a/themes/whistler/css/mobile.css b/themes/whistler/css/mobile.css index 11efe01..a8510de 100644 --- a/themes/whistler/css/mobile.css +++ b/themes/whistler/css/mobile.css @@ -1,673 +1,6 @@ -/* overall */ -* { - font-family: arial, helvetica, sans-serif; - font-size: 12pt; -} - -html,body{ - height:100%; -} - -a { - text-decoration:none; -} - -h1 { - font-size:20px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - body { background-attachment: fixed; background-size: auto 100%; background-repeat: no-repeat; background-position: left top; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; - } - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.desktop{ - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100vw; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100vw; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - width: 100% !important; - display: inline-block; - text-align: center; -} - -#posts { - width: 100% !important; -} - -.content { - width: 100%; - display: inline-block; - margin:0px !important; - text-align: left; - word-break: break-all; -} - -aside { - display:none !important; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; - z-index:50; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - left: 0px; - bottom: 0px; - width: 100vw; - height: auto; - z-index: 99; -} - -/* topbar elements */ - -.mid { - display:none; -} - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: fixed; - left: 0px; - top: 45px; - width: 100vw; - max-height: 400px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:100%; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - display:none; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; - color: lightgray; -} - -.side_element a { - color: lightgray; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 90% !important; - clear: both; - display: inline-block; - margin-top: 3px; -} - -.profile { - float:left; - background-color:white; - border-radius:5px; - //width:650px; - width:100%; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu,.listmenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - display:none; - width: 50px; - background-size: cover; - height: 50px; - float: left; - margin: 15px; - border-radius: 10px; -} - -.post, -.loader, -.loadmore, -.rb, -.textonly, -.profile { - width: 100% !important; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -.postform,.searchmobile { - position:fixed; - width: 100vw !important; - left:0px; - top:45px; - text-align: center; - border-radius: 3px; - z-index: 99; -} - -#postform,#searchmobile { - display:none; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.postHeader *,.post_footer *{ - font-size:small; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 48% !important; - height: 321px; - line-height: 321px; - background-color: black; - float:left; - margin:2px !important; -} - -.smaller { - width: 31% !important; - height: 212px; - line-height: 212px; - background-color: black; - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -/* -.lightbox-opened { - //background-color: #333; - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - left: 0; - overflow-y: scroll; - padding: 24px; - position: fixed; - text-align: center; - top: 0; - width: 100%; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} -*/ -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello, sans-serif; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file diff --git a/themes/whistler/css/style.css b/themes/whistler/css/style.css index 2e47bcb..754d318 100644 --- a/themes/whistler/css/style.css +++ b/themes/whistler/css/style.css @@ -1,641 +1,4 @@ -/* overall */ -html { - scroll-behavior: smooth; -} - body { background-attachment: fixed; background-size: cover; -} - -* { - font-family: arial, helvetica, sans-serif; - font-size: 11pt; -} - -a { - text-decoration: none; -} - -h1 { - font-size:30px; -} - -p { - margin: 0px !important; -} - -body { - margin: 0; -} - -ul{ - padding:0px; - margin:0px; -} - -select{ - padding:5px; - margin-top:5px; - border:0px; - font-weight:bold; - font-family:fontello, sans-serif; -} - -option{ - font-family:fontello, sans-serif; -} - -label { - margin-left: 5px; - margin-right: 5px; - cursor: pointer; -} - -input[type="file"], .nloadmore { - cursor:pointer; -} - -textarea { - resize: none; -} - -/* omnipresent */ - -.mobile { - display:none !important; -} - -.link { - text-decoration: none; -} - -.external:after{ - font-family:fontello; - font-weight:normal; - content: ' '; - } - -/* basic structure */ - -.topbar { - width: 100%; - height: 45px; - margin: 0; - position: relative; -} - -.wrapper { - width: 100%; - clear: both; - display: inline-block; - text-align: center; -} - -.container { - display: inline-block; - text-align: center; -} - -#posts { - width: 800px; - float: left; -} - -aside { - margin-top: 5px; - width: 280px; - float: left; - display: inline-block; -} - -.gotop { - width: 30px; - height: 30px; - padding: 5px; - position: fixed; - display: table; - text-align: center; - right: 20px; - bottom: 20px; - border-radius: 10px; -} - -.gotop a { - text-align: center; - display: table-cell; - vertical-align: middle; - opacity: 0.7; - font-size: 20px; -} - -#hiddenside { - background-color: rgba(255, 255, 255, 0); - position: fixed; - right: 10px; - bottom: 115px; - width: 350px; - height: auto; -} - -/* topbar elements */ - -.topbutton { - vertical-align: middle; - display: table-cell; - line-height: 45px; - height: 100%; - width: 50px; - position: relative; -} - -.topicon { - text-decoration: none; - display: inline; - font-size: 20px; -} - -.ntbutton { - position:relative; -} - -.badge { - text-decoration: none; -} - -.alert { - border-radius: 90px; - width: 10px; - height: 10px; - position: absolute; - right: 15px; - top: 15px; - display: none; -} - -#notifications { - position: absolute; - right: -20px; - top: 45px; - width: 350px; - max-height: 500px; - display: none; - line-height:12px; - overflow-y:scroll; - border-radius:3px; -} - -.notif{ - width:330px; - height:80px; - display:inline-block; - text-align:left; - position:relative; -} - -#quicksend { - border-radius: 3px; - font-weight: bold; -} - -.notifContents{ - margin:10px; - display:flex; - height:60px; - max-width:325px; -} - -.nloadmore { - display:inline-block; - height:20px; - padding-top:10px; -} - -/* sidebar */ - -.side_element { - border-radius: 3px; - width: 92%; - margin: 10px; - display: inline-block; - text-align: center; -} - -.side_element li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -/* posts area elements */ - -.uploadedImage { - width: 60px; - margin: 10px 0px 10px 10px; - height: 60px; - border: 1px solid #ccc; - display: inline-block; - box-shadow: 3px 3px 3px grey; - float: left; - background-size: cover; -} - -.uploadBox { - width: 100%; - display: inline-block; - border-bottom: 1px solid #ddd; -} - -.delpic { - border-radius:90px; - display:inline-block; - cursor:pointer; -} - -#send { - padding:5px; - border-radius:3px; - font-weight:bold; - margin-top:5px; - float:left; -} - -.formbtn { - background-color:transparent; - border: 0px; - margin-top:11px; - margin-left:15px; - float:left; - width:20px; - height:20px; - line-height:20px; - text-align:center; - overflow:hidden; - font-size:20px; -} - -.formbtn label{ - margin:-5px; - font-size:20px; -} - -.element { - width: 800px; - clear: both; - display: inline-block; - margin-top: 5px; -} - -.profile,.loader { - float:left; - border-radius:5px; - width:650px; -} - -.profileButton{ - padding: 5px; - border-radius: 5px; - font-family: fontello, sans-serif; -} - -#usermenu .menu { - display: none; - width: 150px; - height: 100px; - position: absolute; - top: 45px; - left: -80px; - transition: 0.4s; -} - -#usermenu:hover>.menu, -#usermenu:active>.menu { - display: block; - transition: 0.4s; -} - -.postMenu { - cursor: pointer; - position:relative; -} - -.postMenu div{ - border-radius: 3px; -} - -.postMenu li { - margin:0px; - width:100%; - height:35px; - display:block; - text-align:center; - line-height:35px; -} - -.postMenu:hover > div{ - display:block !important; -} - -.postMenu ul { - margin:0px; - width:100%; - padding:0px; -} - -.profileMenu:hover > div, .listmenu:hover > div{ - display:block !important; -} - -.listmenu li { - font-family: fontello, sans-serif; - height:30px; - line-height:30px; - text-align:left; - padding-left:12px; - list-style-type: none; -} - -.felem { - margin-left: 10px; - float: left; -} - -.avatar { - width: 80px; - height: 80px; - float: left; - margin: 15px; - border-radius: 10px; - background-size: auto 80px; -} - - -.post, -.rb, -.textonly, -.loadmore { - width: 650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; -} - -#searchmobile{ - display:none; -} - -.postform { - width:650px; - float: left; - text-align: center; - position: relative; - border-radius: 3px; - display:block !important; -} - -.postHeader { - width: 100%; - display: inline-block; - height: 40px; - text-align: left; -} - -.previewpost { - display: none; - position: absolute; - margin-top: -100px; - width: 400px; - border-radius:3px; -} - -.user { - position:relative; -} - -.userinfo { - display: none; - position: absolute; - left:0px; - top:15px; - width: 300px; - height: auto; - border-radius:3px; - line-height:initial; - z-index:99; -} - -.userinfo_upper{ - top:-100px; -} - -.userinfo_co { - width: 280px; - margin: 10px; - text-align: center; - position:relative; -} - -.userinfo_he { - width: 300px; - height: 150px; -} - -.media { - width: 100%; - display: inline-block; -} - -.img { - width: 600px; - text-align: center; -} - -.blur { - -webkit-filter: blur(25px) brightness(70%) grayscale(100%); - /* Safari 6.0 - 9.0 */ - filter: blur(25px) brightness(70%) grayscale(100%); - opacity: 0.5; - transition: 0.4s; -} - -.toggleblur { - display:none; - cursor: pointer; - font-family: sans, fontello; -} - -.small { - width: 321px !important; - height: 321px; - line-height: 321px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.smaller { - width: 212px !important; - height: 212px; - line-height: 212px; - /* background-color: black; */ - float:left; - margin:2px !important; -} - -.icon { - width: 80px !important; - height: 80px !important; - line-height: 80px; - float:left; - text-align:center; - margin:2px !important; -} - -.postbody { - margin: 15px; -} - -.content { - width: 600px; - display: inline-block; - margin:0px !important; - text-align: left; -} - -.post_footer { - width: 630px; - display: table-cell; - clear: both; - padding: 10px; - height: 20px; - text-align: left; - border-radius: 3px; -} - -.post_buttons { - font-family: fontello; - float: right; - display: inline-block; - text-align: right; - font-size: 15pt; -} - -.post_buttons a, -.post_buttons span { - font-family: inherit; - text-decoration: none; - color: inherit; - font-size: inherit; -} - -.reply { - width: 100%; - clear: both; - text-align: left; - display: block; -} - -.note { - width: 640px; - float: left; - text-align: left; - border-radius: 5px; - padding: 5px; -} - -.button { - padding: 15px; - float: left; - text-align: center; - border-radius: 5px; - font-size: 20pt; -} - -/* pages */ - -.setting label { - display: block; - width: 40px; - height: 20px; - padding: 5px; - float: left; - margin: 0px; - text-align: center; - transition: all 0.3s ease-in-out; -} - -.setting input[type="radio"]:checked+label { - font-weight: bold; -} - - -/* other stuff */ - -/* */ -.lightbox-opened { - /* background-color: #333; */ - background-color: rgba(50, 50, 50, 0.85); - cursor: pointer; - height: 100%; - /* left: 0; */ - overflow-y: scroll; - position: fixed; - text-align: center; - top: 0; - width: 100%; - z-index:105; - &:before { - background-color: #333; - background-color: rgba(#333, 0.9); - color: #eee; - content: "x"; - font-family: sans-serif; - padding: 6px 12px; - position: fixed; - text-transform: uppercase; - } - img { - box-shadow: 0 0 6px 3px #333; - } -} - -.no-scroll { - overflow: hidden; -} - -/* */ - -.fontello { - font-family: fontello; -} - -.loading { - font-family: fontello; - color: black; - content: "\E822"; - animation-name: spin; - animation-duration: 5000ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - /* transform: rotate(3deg); */ - /* transform: rotate(0.3rad);/ */ - /* transform: rotate(3grad); */ - /* transform: rotate(.03turn); */ -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -.disabled { - background-color: black; -} +} \ No newline at end of file