diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png new file mode 100644 index 0000000..bebce56 Binary files /dev/null and b/android-chrome-192x192.png differ diff --git a/android-chrome-512x512.png b/android-chrome-512x512.png new file mode 100644 index 0000000..c477e68 Binary files /dev/null and b/android-chrome-512x512.png differ diff --git a/android-icon-192x192.png b/android-icon-192x192.png deleted file mode 100644 index 600cc2e..0000000 Binary files a/android-icon-192x192.png and /dev/null differ diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000..5c7421e Binary files /dev/null and b/apple-touch-icon.png differ diff --git a/favicon-16x16.png b/favicon-16x16.png index 7b0b613..626d162 100644 Binary files a/favicon-16x16.png and b/favicon-16x16.png differ diff --git a/favicon-32x32.png b/favicon-32x32.png index 50e59c6..ae8b78e 100644 Binary files a/favicon-32x32.png and b/favicon-32x32.png differ diff --git a/favicon-96x96.png b/favicon-96x96.png deleted file mode 100644 index 65e91ae..0000000 Binary files a/favicon-96x96.png and /dev/null differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..2e8e898 Binary files /dev/null and b/favicon.ico differ diff --git a/favicon.png b/favicon.png deleted file mode 100644 index bd44220..0000000 Binary files a/favicon.png and /dev/null differ diff --git a/site.webmanifest b/site.webmanifest new file mode 100644 index 0000000..45dc8a2 --- /dev/null +++ b/site.webmanifest @@ -0,0 +1 @@ +{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file diff --git a/themes/funchat/2445240851-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp b/themes/funchat/2445240851-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp new file mode 100755 index 0000000..16fb1b8 Binary files /dev/null and b/themes/funchat/2445240851-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp differ diff --git a/themes/funchat/3068103597-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp b/themes/funchat/3068103597-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp new file mode 100755 index 0000000..58986b5 Binary files /dev/null and b/themes/funchat/3068103597-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp differ diff --git a/themes/funchat/427105597-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp b/themes/funchat/427105597-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp new file mode 100755 index 0000000..9876aec Binary files /dev/null and b/themes/funchat/427105597-cartoon-thick-lines-2-A-logo-for-the-website-FunCh-at-with-a-smiley-in-a-speech-bubble.webp differ diff --git a/themes/funchat/footer.tpl b/themes/funchat/footer.tpl index 37cd8fd..77ab3ac 100644 --- a/themes/funchat/footer.tpl +++ b/themes/funchat/footer.tpl @@ -1,21 +1,13 @@
diff --git a/themes/funchat/funchat.png b/themes/funchat/funchat.png new file mode 100755 index 0000000..a6e333e Binary files /dev/null and b/themes/funchat/funchat.png differ diff --git a/themes/funchat/header.tpl b/themes/funchat/header.tpl index e9d0d34..d5447c5 100644 --- a/themes/funchat/header.tpl +++ b/themes/funchat/header.tpl @@ -9,10 +9,10 @@ {$meta} - - - - + + + + diff --git a/themes/funchat/layout/styles/layout.css b/themes/funchat/layout/styles/layout.css index 8a612ca..583c251 100644 --- a/themes/funchat/layout/styles/layout.css +++ b/themes/funchat/layout/styles/layout.css @@ -1,163 +1,583 @@ @charset "utf-8"; - @import url("navi.css"); @import url("forms.css"); @import url("tables.css"); - @font-face { - font-family: Inter; - src: url("/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf"); + font-family: Inter; + src: url("/themes/funchat/font/Inter-VariableFont_opsz,wght.ttf"); } @font-face { - font-family: Inter-italic; - src: url("/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf"); + font-family: Inter-italic; + src: url("/themes/funchat/font/Inter-Italic-VariableFont_opsz,wght.ttf"); } -html{overflow-y:scroll;} -body{margin:0; padding:0; font-size:13px; font-family:Inter; color:#E5E5E5; background-color:#0A2145;} +html { + overflow-y: scroll; +} +body { + margin: 0; + padding: 0; + font-size: 13px; + font-family: Inter; + color: #e5e5e5; + background-color: #0a2145; +} -.justify{text-align:justify;} -.bold{font-weight:bold;} -.center{text-align:center;} -.right{text-align:right;} -.nostart{margin:0; padding:0; list-style-type:none;} +.justify { + text-align: justify; +} +.bold { + font-weight: bold; +} +.center { + text-align: center; +} +.right { + text-align: right; +} +.nostart { + margin: 0; + padding: 0; + list-style-type: none; +} -.clear{clear:both;} -br.clear{clear:both; margin-top:-15px;} +.clear { + clear: both; +} +br.clear { + clear: both; + margin-top: -15px; +} -a{outline:none; text-decoration:none; color:#FEAC46; background-color:#0A2145;} +a { + outline: none; + text-decoration: none; + color: #feac46; + background-color: #0a2145; +} -.fl_left, .imgl{float:left;} -.fl_right, .imgr{float:right;} +.mimg { + float: left; + clear: left; +} -img{display:block; margin:0; padding:0; border:none;} -.imgl, .imgr{border:1px solid #C7C5C8; padding:5px;} -.imgl{margin:0 8px 8px 0; clear:left;} -.imgr{margin:0 0 8px 8px; clear:right;} +.fl_left, +.imgl { + float: left; +} +.fl_right, +.imgr { + float: right; +} + +img { + display: block; + margin: 0; + padding: 0; + border: none; +} +.imgl, +.imgr { + border: 1px solid #c7c5c8; + padding: 5px; +} +.imgl { + margin: 0 8px 8px 0; + clear: left; +} +.imgr { + margin: 0 0 8px 8px; + clear: right; +} /* ----------------------------------------------Wrapper------------------------------------- */ -div.wrapper{display:block; width:100%; margin:0; text-align:left;} -div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:normal; line-height:normal;} -.col1{color:#666666; background-color:#0A2145;} -.col2{color:#E5E5E5; background-color:#FEAC46;} -.col3{color:#E5E5E5; background-color:#0A2145; padding:20px 0; border-bottom:1px solid #FEAC46;} -.col4{color:#E5E5E5; background-color:#0A2145; border-bottom:1px solid #FEAC46;} -.col5{color:#E5E5E5; background-color:#0A2145;} -.col6{color:#E5E5E5; background-color:#0A2145; border-top:1px solid #FEAC46; border-bottom:1px solid #FEAC46;} -.col7, .col7 a{color:#666666; background-color:#151515;} +div.wrapper { + display: block; + width: 100%; + margin: 0; + text-align: left; +} +div.wrapper h1, +div.wrapper h2, +div.wrapper h3, +div.wrapper h4, +div.wrapper h5, +div.wrapper h6 { + margin: 0 0 15px 0; + padding: 0; + font-size: 20px; + font-weight: normal; + line-height: normal; +} +.col1 { + color: #666666; + background-color: #0a2145; +} +.col2 { + color: #e5e5e5; + background-color: #feac46; +} +.col3 { + color: #e5e5e5; + background-color: #0a2145; + padding: 20px 0; + border-bottom: 1px solid #feac46; +} +.col4 { + color: #e5e5e5; + background-color: #0a2145; + border-bottom: 1px solid #feac46; +} +.col5 { + color: #e5e5e5; + background-color: #0a2145; +} +.col6 { + color: #e5e5e5; + background-color: #0a2145; + border-top: 1px solid #feac46; + border-bottom: 1px solid #feac46; +} +.col7, +.col7 a { + color: #666666; + background-color: #151515; +} /* ----------------------------------------------Generalise------------------------------------- */ -#header, #topbar, #breadcrumb, #container, .gallery, #footer, #copyright{display:block; position:relative; width:960px; margin:0 auto;} +#header, +#topbar, +#breadcrumb, +#container, +.gallery, +#footer, +#copyright { + display: block; + position: relative; + margin: 0 auto; +} /* ----------------------------------------------Header------------------------------------- */ -#header{padding:2px 0 20px 0;} -#header .fl_left{display:block; float:left; margin-top:17px; overflow:hidden;} -#header .fl_right{display:block; float:right; width:468px; height:60px; margin-top:21px; overflow:hidden;} -#header h1, #header p, #header ul{margin:0; padding:0; list-style:none; line-height:normal;} -#header h1 a{font-size:36px;} -#header .fl_left p{margin-top:5px;} +#header { + padding: 2px 0 20px 0; +} +#header .fl_left { + display: block; + float: left; + margin-top: 17px; + overflow: hidden; +} +#header .fl_right { + display: block; + float: right; + width: 468px; + height: 60px; + margin-top: 21px; + overflow: hidden; +} +#header h1, +#header p, +#header ul { + margin: 0; + padding: 0; + list-style: none; + line-height: normal; +} +#header h1 a { + font-size: 36px; +} +#header .fl_left p { + margin-top: 5px; +} /* ----------------------------------------------Topbar------------------------------------- */ -#topbar{padding:0; z-index:1000;} -#topbar #search{display:block; float:right; width:243px; margin:15px 0 0 0; padding:0;} +#topbar { + padding: 0; + z-index: 1000; +} +#topbar #search { + display: block; + float: right; + width: 243px; + margin: 15px 0 0 0; + padding: 0; +} /* ----------------------------------------------BreadCrumb------------------------------------- */ -#breadcrumb{padding:0;} -#breadcrumb ul{margin:0; padding:0; list-style:none;} -#breadcrumb ul li{display:inline;} -#breadcrumb ul li.current a{text-decoration:underline;} +#breadcrumb { + padding: 0; +} +#breadcrumb ul { + margin: 0; + padding: 0; + list-style: none; +} +#breadcrumb ul li { + display: inline; +} +#breadcrumb ul li.current a { + text-decoration: underline; +} /* ----------------------------------------------Gallery can be used anywhere------------------------------------- */ -.gallery{padding:20px 0 30px 0;} -.wrapper .gallery h2{display:block; text-align:center; margin:0 0 20px 0; padding:0; color:#2C2C2C; background-color:#0A2145; font-size:86px; text-transform:uppercase; line-height:normal;} -.gallery ul{display:inline; margin:0; padding:0; list-style:none;} -.gallery ul li{display:block; float:left; margin:0 10px 10px 0;} -.gallery ul li img{padding:4px; border:1px solid #FEAC46;} -.gallery ul li.last{margin-right:0;} +.gallery { + padding: 20px 0 30px 0; +} +.wrapper .gallery h2 { + display: block; + text-align: center; + margin: 0 0 20px 0; + padding: 0; + color: #2c2c2c; + background-color: #0a2145; + font-size: 86px; + text-transform: uppercase; + line-height: normal; +} +.gallery ul { + display: inline; + margin: 0; + padding: 0; + list-style: none; +} +.gallery ul li { + display: block; + float: left; + margin: 0 10px 10px 0; +} +.gallery ul li img { + padding: 4px; + border: 1px solid #feac46; +} +.gallery ul li.last { + margin-right: 0; +} /* ----------------------------------------------Content------------------------------------- */ -#container{padding:30px 0;} -#content{display:block; float:left; width:630px;} +#container { + padding: 30px 20vw; +} +#content { + display: block; + float: left; + width: 80%; +} /* Homepage */ -#featured_post{margin-bottom:45px;} -#featured_post img{display:block; width:620px; height:270px; margin:0; padding:4px; border:1px solid #FEAC46;} -#hpage_latest{display:block; width:100%;} -#hpage_latest ul{margin:0; padding:0; list-style:none; display:inline;} -#hpage_latest li{display:block; float:left; width:200px; margin:0 15px 0 0; padding:0;} -#hpage_latest li.last{margin-right:0;} -#hpage_latest img{margin:0; padding:4px; border:1px solid #FEAC46;} -#hpage_latest .readmore{text-align:right;} +#featured_post { + margin-bottom: 45px; +} +#featured_post img { + display: block; + width: 620px; + height: 270px; + margin: 0; + padding: 4px; + border: 1px solid #feac46; +} +#hpage_latest { + display: block; + width: 100%; +} +#hpage_latest ul { + margin: 0; + padding: 0; + list-style: none; + display: inline; +} +#hpage_latest li { + display: block; + float: left; + width: 200px; + margin: 0 15px 0 0; + padding: 0; +} +#hpage_latest li.last { + margin-right: 0; +} +#hpage_latest img { + margin: 0; + padding: 4px; + border: 1px solid #feac46; +} +#hpage_latest .readmore { + text-align: right; +} /* Comments */ -#comments{margin-bottom:40px;} -#comments .commentlist{margin:0; padding:0;} -#comments .commentlist ul{margin:0; padding:0; list-style:none;} -#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;} -#comments .commentlist li.comment_odd{color:#CCCCCC; background-color:#333333;} -#comments .commentlist li.comment_odd a{color:#FEAC46; background-color:#333333;} -#comments .commentlist li.comment_even{color:#CCCCCC; background-color:#1E1E1E;} -#comments .commentlist li.comment_even a{color:#FEAC46; background-color:#1E1E1E;} -#comments .commentlist .author .name{font-weight:bold;} -#comments .commentlist .submitdate{font-size:smaller;} -#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight:normal; text-transform:none;} -#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;} +#comments { + margin-bottom: 40px; +} +#comments .commentlist { + margin: 0; + padding: 0; +} +#comments .commentlist ul { + margin: 0; + padding: 0; + list-style: none; +} +#comments .commentlist li.comment_odd, +#comments .commentlist li.comment_even { + margin: 0 0 10px 0; + padding: 15px; + list-style: none; +} +#comments .commentlist li.comment_odd { + color: #cccccc; + background-color: #333333; +} +#comments .commentlist li.comment_odd a { + color: #feac46; + background-color: #333333; +} +#comments .commentlist li.comment_even { + color: #cccccc; + background-color: #1e1e1e; +} +#comments .commentlist li.comment_even a { + color: #feac46; + background-color: #1e1e1e; +} +#comments .commentlist .author .name { + font-weight: bold; +} +#comments .commentlist .submitdate { + font-size: smaller; +} +#comments .commentlist p { + margin: 10px 5px 10px 0; + padding: 0; + font-weight: normal; + text-transform: none; +} +#comments .commentlist li .avatar { + float: right; + border: 1px solid #eeeeee; + margin: 0 0 0 10px; +} /* ----------------------------------------------Column------------------------------------- */ -#column{display:block; float:right; width:300px;} -#column .holder{display:block; width:260px; margin-bottom:20px; padding-left:10px;} -#column .holder, #column #featured{display:block; width:300px; margin-bottom:20px;} -#column .holder p{line-height:1.6em;} -#column h2{font-size:20px;} -#column .holder h2.title{display:block; width:100%; height:65px; margin:0; padding:15px 0 0 0; font-size:20px; line-height:normal; border-bottom:1px dashed #666666;} -#column .holder h2.title img{float:left; margin:-15px 8px 0 0; padding:5px; border:1px solid #666666;} -#column .holder p.readmore{display:block; width:100%; font-weight:bold; text-align:right; line-height:normal;} -#column div.imgholder{display:block; width:290px; margin:0 0 10px 0; padding:4px; border:1px solid #666666;} +#column { + display: block; + float: right; + width: 300px; +} +#column .holder { + display: block; + width: 260px; + margin-bottom: 20px; + padding-left: 10px; +} +#column .holder, +#column #featured { + display: block; + width: 300px; + margin-bottom: 20px; +} +#column .holder p { + line-height: 1.6em; +} +#column h2 { + font-size: 20px; +} +#column .holder h2.title { + display: block; + width: 100%; + height: 65px; + margin: 0; + padding: 15px 0 0 0; + font-size: 20px; + line-height: normal; + border-bottom: 1px dashed #666666; +} +#column .holder h2.title img { + float: left; + margin: -15px 8px 0 0; + padding: 5px; + border: 1px solid #666666; +} +#column .holder p.readmore { + display: block; + width: 100%; + font-weight: bold; + text-align: right; + line-height: normal; +} +#column div.imgholder { + display: block; + width: 290px; + margin: 0 0 10px 0; + padding: 4px; + border: 1px solid #666666; +} /* Featured Block */ -#column #featured a{color:#BFE009; background-color:#1F1F1F;} -#column #featured ul, #column #featured h2, #column #featured p{margin:0; padding:0; list-style:none;} -#column #featured li{display:block; width:250px; margin:0; padding:20px 25px; color:#666666; background-color:#1F1F1F;} -#column #featured li p{line-height:1.6em;} -#column #featured li p.imgholder{display:block; width:240px; height:90px; margin:20px 0 15px 0; padding:4px; color:#666666; background-color:#333333; border:1px solid #666666;} -#column #featured li h2{margin:0; padding:0 0 14px 0; font-size:20px; font-weight:normal; font-family:Inter; color:#666666; background-color:#1F1F1F; line-height:normal; border-bottom:1px dashed #666666;} -#column #featured p.readmore{display:block; width:100%; margin-top:15px; font-weight:bold; text-align:right; line-height:normal;} +#column #featured a { + color: #bfe009; + background-color: #1f1f1f; +} +#column #featured ul, +#column #featured h2, +#column #featured p { + margin: 0; + padding: 0; + list-style: none; +} +#column #featured li { + display: block; + width: 250px; + margin: 0; + padding: 20px 25px; + color: #666666; + background-color: #1f1f1f; +} +#column #featured li p { + line-height: 1.6em; +} +#column #featured li p.imgholder { + display: block; + width: 240px; + height: 90px; + margin: 20px 0 15px 0; + padding: 4px; + color: #666666; + background-color: #333333; + border: 1px solid #666666; +} +0 #column #featured li h2 { + margin: 0; + padding: 0 0 14px 0; + font-size: 20px; + font-weight: normal; + font-family: Inter; + color: #666666; + background-color: #1f1f1f; + line-height: normal; + border-bottom: 1px dashed #666666; +} +#column #featured p.readmore { + display: block; + width: 100%; + margin-top: 15px; + font-weight: bold; + text-align: right; + line-height: normal; +} /* Homepage */ -#column #latestnews{display:block; width:100%; margin:0; padding:0; list-style:none;} -#column #latestnews li{display:block; width:100%; min-height:99px; margin:0 0 25px 0; padding:0 0 15px 0; border-bottom:1px dotted #C7C5C8; overflow:hidden;} -#column #latestnews li.last{padding-bottom:0; margin-bottom:0; border-bottom:none;} -#column #latestnews p{display:inline;} -#column #latestnews p strong{display:block; margin-bottom:5px;} -#column #latestnews img{float:left; margin:0 10px 0 0; padding:4px; border:1px solid #FEAC46; clear:left;} +#column #latestnews { + display: block; + width: 100%; + margin: 0; + padding: 0; + list-style: none; +} +#column #latestnews li { + display: block; + width: 100%; + min-height: 99px; + margin: 0 0 25px 0; + padding: 0 0 15px 0; + border-bottom: 1px dotted #c7c5c8; + overflow: hidden; +} +#column #latestnews li.last { + padding-bottom: 0; + margin-bottom: 0; + border-bottom: none; +} +#column #latestnews p { + display: inline; +} +#column #latestnews p strong { + display: block; + margin-bottom: 5px; +} +#column #latestnews img { + float: left; + margin: 0 10px 0 0; + padding: 4px; + border: 1px solid #feac46; + clear: left; +} /* ----------------------------------------------Footer------------------------------------- */ -#footer{padding:30px 0;} -#footer h2, #footer p, #footer ul, #footer a{margin:0; padding:0; font-weight:normal; list-style:none; line-height:normal;} -#footer h2{padding:0 0 5px 0; color:#585858; background-color:#0A2145; border-bottom:1px dotted #585858; font-size:16px; font-weight:bold; margin-bottom:20px;} -#footer li{margin-bottom:15px;} -#footer .footbox{display:block; float:left; width:210px; margin:0 40px 0 0; padding:0;} -#footer .flickr li{display:block; float:left; width:80px; height:80px; margin:0 7px 15px 7px; padding:4px; border:1px solid #FEAC46;} -#footer .banners li{display:block; width:200px; height:150px; margin:0 0 15px 0; padding:4px; border:1px solid #FEAC46;} -#footer .last{margin:0;} +#footer { + padding: 30px 0; +} +#footer h2, +#footer p, +#footer ul, +#footer a { + margin: 0; + padding: 0; + font-weight: normal; + list-style: none; + line-height: normal; +} +#footer h2 { + padding: 0 0 5px 0; + color: #585858; + background-color: #0a2145; + border-bottom: 1px dotted #585858; + font-size: 16px; + font-weight: bold; + margin-bottom: 20px; +} +#footer li { + margin-bottom: 15px; +} +#footer .footbox { + display: block; + float: left; + width: 210px; + margin: 0 40px 0 0; + padding: 0; +} +#footer .flickr li { + display: block; + float: left; + width: 80px; + height: 80px; + margin: 0 7px 15px 7px; + padding: 4px; + border: 1px solid #feac46; +} +#footer .banners li { + display: block; + width: 200px; + height: 150px; + margin: 0 0 15px 0; + padding: 4px; + border: 1px solid #feac46; +} +#footer .last { + margin: 0; +} /* ----------------------------------------------Copyright------------------------------------- */ -#copyright{padding:15px 0;} -#copyright p{margin:0; padding:0;} +#copyright { + padding: 15px 0; +} +#copyright p { + margin: 0; + padding: 0; +} diff --git a/themes/funchat/nav_welcome.tpl b/themes/funchat/nav_welcome.tpl index c5b1f74..3f1c592 100644 --- a/themes/funchat/nav_welcome.tpl +++ b/themes/funchat/nav_welcome.tpl @@ -1,8 +1,8 @@