{{.Topic.Content}}
-
+
{{.Topic.CreatedByName}}
{{if .CurrentUser.Perms.LikeItem}}
{{end}}
{{if .CurrentUser.Perms.EditTopic}}
{{end}}
@@ -29,19 +29,19 @@
{{if .CurrentUser.Perms.PinTopic}}{{if .Topic.Sticky}}
{{else}}
{{end}}{{end}}
{{if .Topic.LikeCount}}
{{.Topic.LikeCount}}😀{{end}}
- {{if .Topic.Tag}}
{{.Topic.Tag}}{{else}}
{{.Topic.Level}}👑{{end}}
+ {{if .Topic.Tag}}
{{.Topic.Tag}}{{else}}
{{.Topic.Level}}👑{{end}}
{{range .ItemList}}
-
-
{{.ContentHtml}}
+
+
{{.ContentHtml}}
{{.CreatedByName}}
{{if $.CurrentUser.Perms.LikeItem}}
{{end}}
{{if $.CurrentUser.Perms.EditReply}}
{{end}}
{{if $.CurrentUser.Perms.DeleteReply}}
{{end}}
{{if .LikeCount}}
{{.LikeCount}}😀{{end}}
- {{if .Tag}}
{{.Tag}}{{else}}
{{.Level}}👑{{end}}
+ {{if .Tag}}
{{.Tag}}{{else}}
{{.Level}}👑{{end}}
{{end}}
{{if .CurrentUser.Perms.CreateReply}}
diff --git a/themes.go b/themes.go
index a7217a96..4563dcd7 100644
--- a/themes.go
+++ b/themes.go
@@ -27,6 +27,7 @@ type Theme struct
MobileFriendly bool
Disabled bool
HideFromThemes bool
+ ForkOf string
Tag string
Settings map[string]ThemeSetting
Templates []TemplateMapping
diff --git a/themes/cosmo-classic/theme.json b/themes/cosmo-classic/theme.json
index 1c8bdbe3..6401d3bf 100644
--- a/themes/cosmo-classic/theme.json
+++ b/themes/cosmo-classic/theme.json
@@ -5,7 +5,7 @@
"Creator": "Azareal",
"Disabled": true,
"HideFromThemes": true,
- "Tag": "WIP",
+ "Tag": "🏗️",
"Templates": [
{
"Name": "topic",
diff --git a/themes/cosmo-conflux/public/main.css b/themes/cosmo-conflux/public/main.css
index 9b761bb0..570b6846 100644
--- a/themes/cosmo-conflux/public/main.css
+++ b/themes/cosmo-conflux/public/main.css
@@ -450,6 +450,15 @@ button .big { padding: 6px; }*/
font-size: 15px;
}
+.postQuote {
+ padding: 5px;
+ border: 1px solid rgb(200,200,200);
+ display: inline-block;
+ margin-bottom: 5px;
+ width: 100%;
+ background: rgb(250,250,250);
+}
+
.threadHidden { background: orange; }
.threadDeleted { background: rgba(255,0,0,0.5); }
diff --git a/themes/cosmo-conflux/theme.json b/themes/cosmo-conflux/theme.json
index 9dc15c44..a1cd21f3 100644
--- a/themes/cosmo-conflux/theme.json
+++ b/themes/cosmo-conflux/theme.json
@@ -4,6 +4,7 @@
"Version": "Coming Soon",
"Creator": "Azareal",
"FullImage": "cosmo-conflux.png",
+ "ForkOf": "cosmo",
"MobileFriendly": true,
"Templates": [
{
diff --git a/themes/cosmo/public/main.css b/themes/cosmo/public/main.css
index 3ccdc7c1..24555ba9 100644
--- a/themes/cosmo/public/main.css
+++ b/themes/cosmo/public/main.css
@@ -439,6 +439,16 @@ button .big { padding: 6px; }*/
font-size: 15px;
}
+.postQuote {
+ border-radius: 4px;
+ padding: 5px;
+ border: 1px solid rgb(200,200,200);
+ display: inline-block;
+ margin-bottom: 5px;
+ width: 100%;
+ background: rgb(250,250,250);
+}
+
.threadHidden { background: orange; }
.threadDeleted { background: rgba(255,0,0,0.5); }
diff --git a/themes/tempra-conflux/public/main.css b/themes/tempra-conflux/public/main.css
index 26130f15..4e3faaa9 100644
--- a/themes/tempra-conflux/public/main.css
+++ b/themes/tempra-conflux/public/main.css
@@ -353,6 +353,19 @@ button.username
position: relative;
top: -0.25px;
}
+
+.postQuote {
+ border: rgb(200,200,210);
+ background: rgb(245,245,255);
+ padding: 3px;
+ margin: 0px;
+ display: inline-block;
+ width: 100%;
+ margin-bottom: 5px;
+ border-style: solid;
+ border-width: 1px;
+}
+
.tag-mini
{
text-transform: none;
diff --git a/themes/tempra-cursive/public/main.css b/themes/tempra-cursive/public/main.css
new file mode 100644
index 00000000..c1724ed1
--- /dev/null
+++ b/themes/tempra-cursive/public/main.css
@@ -0,0 +1,497 @@
+* {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+}
+
+body
+{
+ font-family: cursive;
+ padding-bottom: 8px;
+}
+
+/* Patch for Edge */
+@supports (-ms-ime-align:auto) {
+ .user_content { font-family: Segoe UI Emoji, arial; }
+}
+
+ul
+{
+ padding-left: 0px;
+ padding-right: 0px;
+ height: 28px;
+ list-style-type: none;
+ border: 1px solid #ccc;
+ background-color: white;
+}
+li
+{
+ height: 26px;
+ padding-left: 10px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+li:hover { background: rgb(250,250,250); }
+li a
+{
+ text-decoration: none;
+ color: #515151;
+}
+/*li a:hover { color: #7a7a7a; }*/
+.menu_left
+{
+ float: left;
+ border-right: 1px solid #ccc;
+ padding-right: 10px;
+ font-family: cursive;
+ padding-top: 2px;
+}
+.menu_right
+{
+ float: right;
+ border-left: 1px solid #ccc;
+ padding-right: 10px;
+}
+
+.menu_alerts {
+ padding-left: 7px;
+ padding-top: 2px;
+ color: rgb(80,80,80);
+}
+.menu_alerts .alert_counter {
+ position:relative;
+ font-size: 9px;
+ top: -24px;
+ background-color: rgb(140,0,0);
+ color: white;
+ padding: 3px;
+ width: 14px;
+ left: 10px;
+ line-height: 8px;
+ border-radius: 20px;
+ padding-top: 2.5px;
+ height: 14px;
+ opacity: 0.8;
+ text-align: center;
+}
+.menu_alerts .alert_counter:empty {
+ display: none;
+}
+
+.selectedAlert {
+ background: white;
+ color: black;
+}
+.selectedAlert:hover {
+ background: white;
+ color: black;
+}
+.menu_alerts .alertList {
+ display: none;
+ text-transform: none;
+}
+.selectedAlert .alertList {
+ position: absolute;
+ top: 43px;
+ display: block;
+ background: white;
+ font-size: 10px;
+ line-height: 16px;
+ width: 135px;
+ right: calc(5% + 7px);
+ border-top: 1px solid #ccc;
+ border-left: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+}
+.alertItem {
+ padding: 8px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.alertItem.withAvatar {
+ background-size: auto 56px;
+ background-repeat: no-repeat;
+ text-align: right;
+ padding-right: 12px;
+ height: 46px;
+}
+.alertItem.withAvatar:not(:last-child) {
+ border-bottom: 1px solid rgb(230,230,230);
+}
+.alertItem.withAvatar .text {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ float: right;
+ width: calc(100% - 20px);
+ height: 30px;
+}
+
+.container
+{
+ width: 90%;
+ padding: 0px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.rowblock
+{
+ border: 1px solid #ccc;
+ width: 100%;
+ padding: 0px;
+ padding-top: 0px;
+}
+.rowblock:empty { display: none; }
+
+.colblock_left
+{
+ border: 1px solid #ccc;
+ padding: 0px;
+ padding-top: 0px;
+ width: 30%;
+ float: left;
+ margin-right: 8px;
+}
+.colblock_right
+{
+ border: 1px solid #ccc;
+ padding: 0px;
+ padding-top: 0px;
+ width: 65%;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+.colblock_left:empty { display: none; }
+.colblock_right:empty { display: none; }
+
+.rowhead { font-family: cursive; }
+.rowitem
+{
+ width: 100%;
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 17px;
+ padding-bottom: 12px;
+ font-weight: bold;
+ text-transform: uppercase;
+ background-color: white;
+}
+.rowitem.passive
+{
+ font-weight: normal;
+ text-transform: none;
+}
+.rowitem:not(:last-child)
+{
+ border-bottom: 1px dotted #ccc;
+}
+.rowitem a
+{
+ text-decoration: none;
+ color: black;
+}
+.rowitem a:hover { color: silver; }
+.opthead { display: none; }
+
+.col_left
+{
+ width: 30%;
+ float: left;
+}
+.col_right
+{
+ width: 69%;
+ overflow: hidden;
+}
+.colitem
+{
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 17px;
+ padding-bottom: 12px;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+.colitem.passive
+{
+ font-weight: normal;
+ text-transform: none;
+}
+.colitem a
+{
+ text-decoration: none;
+ color: black;
+}
+.colitem a:hover { color: silver; }
+
+.formrow
+{
+ width: 100%;
+ background-color: white;
+}
+
+/* Clearfix */
+.formrow:before, .formrow:after {
+ content: " ";
+ display: table;
+}
+.formrow:after { clear: both; }
+
+.formrow:not(:last-child)
+{
+ border-bottom: 1px dotted #ccc;
+}
+
+.formitem
+{
+ float: left;
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 13px;
+ padding-bottom: 8px;
+ font-weight: bold;
+}
+
+.formitem:first-child { font-weight: bold; }
+.formitem:not(:last-child) { border-right: 1px dotted #ccc; }
+.formitem.invisible_border { border: none; }
+
+/* Mostly for textareas */
+.formitem:only-child { width: 100%; }
+.formitem textarea
+{
+ width: 100%;
+ height: 100px;
+ outline-color: #8e8e8e;
+}
+.formitem:has-child()
+{
+ margin: 0 auto;
+ float: none;
+}
+
+button
+{
+ background: white;
+ border: 1px solid #8e8e8e;
+}
+
+/* Topics */
+.topic_status
+{
+ text-transform: none;
+ margin-left: 8px;
+ padding-left: 2px;
+ padding-right: 2px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ background-color: #E8E8E8; /* 232,232,232. All three RGB colours being the same seems to create a shade of gray */
+ color: #505050; /* 80,80,80 */
+ border-radius: 2px;
+}
+.topic_status:empty { display: none; }
+
+.username
+{
+ text-transform: none;
+ margin-left: 0px;
+ padding-left: 0px;
+ padding-right: 0px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ color: #505050; /* 80,80,80 */
+ font-size: 15px;
+ background: none;
+}
+button.username
+{
+ position: relative;
+ top: -0.25px;
+}
+.username.level { color: #303030; }
+.username.real_username { color: #404040; font-size: 17px; padding-right: 4px; }
+.username.real_username:hover { color: black; }
+
+.tag-text {
+ padding-top: 23px;
+ display: inline-block;
+}
+
+.post_item > .username {
+ padding-top: 23px;
+ display: inline-block;
+}
+
+.tag-mini
+{
+ text-transform: none;
+ margin-left: 0px;
+ padding-left: 3px;
+ padding-right: 3px;
+ padding-top: 1.5px;
+ padding-bottom: 0px;
+ color: #505050; /* 80,80,80 */
+ background-color: #FFFFFF;
+ border-style: dotted;
+ border-color: #505050; /* 232,232,232. All three RGB colours being the same seems to create a shade of gray */
+ border-width: 1px;
+ font-size: 10px;
+}
+
+.post_item > .mod_button > button {
+ font-size: 15px;
+ color: #202020;
+ opacity: 0.7;
+ border: none;
+}
+.post_item > .mod_button > button:hover {
+ opacity: 0.9;
+}
+
+.postQuote {
+ border: 1px solid #ccc;
+ background: white;
+ padding: 3px;
+ margin: 0px;
+ display: inline-block;
+ width: 100%;
+ margin-bottom: 5px;
+}
+
+.level {
+ float: right;
+ color: #505050;
+ border-left: none;
+ padding-left: 3px;
+ padding-right: 5px;
+ font-size: 16px;
+}
+
+.show_on_edit { display: none; }
+.alert
+{
+ display: block;
+ padding: 5px;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+}
+.alert_success
+{
+ display: block;
+ padding: 5px;
+ border: 1px solid A2FC00;
+ margin-bottom: 10px;
+ background-color: DAF7A6;
+}
+.alert_error
+{
+ display: block;
+ padding: 5px;
+ border: 1px solid #FF004B;
+ margin-bottom: 8px;
+ background-color: #FEB7CC;
+}
+.prev_button, .next_button {
+ position: fixed;
+ top: 50%;
+ font-size: 30px;
+ border-width: 1px;
+ background-color: #FFFFFF;
+ border-style: dotted;
+ border-color: #505050;
+ padding: 0px;
+ padding-left: 5px;
+ padding-right: 5px;
+ z-index: 100;
+}
+
+.prev_button a, .next_button a {
+ line-height: 28px;
+ margin-top: 2px;
+ margin-bottom: 0px;
+ display: block;
+ text-decoration: none;
+ color: #505050;
+}
+.prev_button { left: 14px; }
+.next_button { right: 14px; }
+
+@media (max-width: 880px) {
+ li { height: 25px; font-size: 15px; padding-left: 7px; }
+ ul { height: 26px; margin-top: 8px; }
+ .menu_left { padding-right: 7px; }
+ .menu_right { padding-right: 7px; }
+ body { padding-left: 4px; padding-right: 4px; margin: 0px !important; width: 100% !important; height: 100% !important; overflow-x: hidden; }
+ .container { width: auto; }
+ .selectedAlert .alertList { top: 33px; right: 4px; }
+}
+
+@media (max-width: 810px) {
+ li { font-weight: normal; text-transform: none; }
+ .rowitem { text-transform: none; }
+ /*.rowhead { font-family: arial; }
+ .menu_left { font-family: arial; }*/
+ body { font-family: arial; }
+ .level { font-size: 17px; }
+}
+
+@media (max-width: 620px) {
+ li
+ {
+ padding-left: 5px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ height: 23px;
+ }
+ ul { height: 24px; }
+ .menu_left { padding-right: 5px; }
+ .menu_right { padding-right: 5px; }
+ .menu_create_topic { display: none;}
+ .menu_alerts { padding-left: 4px; padding-right: 4px; }
+ .hide_on_mobile { display: none; }
+ .prev_button, .next_button { top: auto; bottom: 5px; }
+}
+
+@media (max-width: 470px) {
+ .menu_overview { display: none; }
+ .menu_profile { display: none; }
+ .hide_on_micro { display: none; }
+ .post_container {
+ overflow: visible !important;
+ }
+ .post_item {
+ background-position: 0px 2px !important;
+ background-size: 64px 64px !important;
+ padding-left: 2px !important;
+ min-height: 96px;
+ position: relative !important;
+ }
+ .post_item > .user_content {
+ margin-left: 75px !important;
+ width: 100% !important;
+ }
+ .post_item > .mod_button {
+ float: right !important;
+ margin-left: 2px !important;
+ position: relative;
+ top: -14px;
+ }
+ .post_item > .mod_button > button {
+ opacity: 1;
+ }
+ .post_item > .real_username {
+ position: absolute;
+ top: 70px;
+ float: left;
+ margin-top: -2px;
+ padding-top: 3px !important;
+ margin-right: 2px;
+ width: 60px;
+ font-size: 15px;
+ text-align: center;
+ }
+ .container { width: 100% !important; }
+}
\ No newline at end of file
diff --git a/themes/tempra-cursive/tempra-cursive.png b/themes/tempra-cursive/tempra-cursive.png
new file mode 100644
index 00000000..fed58034
Binary files /dev/null and b/themes/tempra-cursive/tempra-cursive.png differ
diff --git a/themes/tempra-cursive/theme.json b/themes/tempra-cursive/theme.json
new file mode 100644
index 00000000..a6c91fe1
--- /dev/null
+++ b/themes/tempra-cursive/theme.json
@@ -0,0 +1,10 @@
+{
+ "Name": "tempra-cursive",
+ "FriendlyName": "Tempra Cursive",
+ "Version": "0.0.1",
+ "Creator": "Azareal",
+ "FullImage": "tempra-cursive.png",
+ "ForkOf": "tempra-simple",
+ "Tag": "🏗️",
+ "MobileFriendly": true
+}
\ No newline at end of file
diff --git a/themes/tempra-simple/public/main.css b/themes/tempra-simple/public/main.css
index 7a3014d4..826446b3 100644
--- a/themes/tempra-simple/public/main.css
+++ b/themes/tempra-simple/public/main.css
@@ -316,6 +316,12 @@ button.username
.username.level { color: #303030; }
.username.real_username { color: #404040; font-size: 17px; }
.username.real_username:hover { color: black; }
+
+.post_item > .username {
+ margin-top: 44.2px;
+ display: inline-block;
+}
+
.tag-mini
{
text-transform: none;
@@ -341,6 +347,25 @@ button.username
opacity: 0.9;
}
+.postQuote {
+ border: 1px solid #ccc;
+ background: white;
+ padding: 3px;
+ margin: 0px;
+ display: inline-block;
+ width: 100%;
+ margin-bottom: 5px;
+}
+
+.level {
+ float: right;
+ color: #505050;
+ border-left: none;
+ padding-left: 5px;
+ padding-right: 5px;
+ font-size: 17px;
+}
+
.show_on_edit { display: none; }
.alert
{
@@ -401,11 +426,7 @@ button.username
}
@media (max-width: 810px) {
- li
- {
- font-weight: normal;
- text-transform: none;
- }
+ li { font-weight: normal; text-transform: none; }
.rowitem { text-transform: none; }
}
@@ -450,9 +471,7 @@ button.username
position: relative;
top: -14px;
}
- .post_item > .mod_button > button {
- opacity: 1;
- }
+ .post_item > .mod_button > button { opacity: 1; }
.post_item > .real_username {
position: absolute;
top: 70px;