Skip to content

Commit

Permalink
Update the skin, preview image
Browse files Browse the repository at this point in the history
  • Loading branch information
@aokod
aokod committed Aug 28, 2021
1 parent 67c2e94 commit b3d4036
Show file tree
Hide file tree
Showing 4 changed files with 63 additions and 31 deletions.
14 changes: 13 additions & 1 deletion README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,16 @@ A glossy skin with rounded corners for your eso forum.

[![License](https://img.shields.io/github/license/grntbg/Bakelite)]()
[![Version](https://img.shields.io/github/v/release/grntbg/Bakelite?include_prereleases)]()
[![PHP Version Support](https://img.shields.io/badge/php-%5E5.6.4-blue)]()
[![PHP Version Support](https://img.shields.io/badge/php-%5E5.6.4-blue)]()

![Photo of the skin](https://user-images.githubusercontent.com/13023526/131201223-ecf5d7a4-64e4-42aa-9a9b-889efc04239d.png)

### Uploading the skin to your forum
It's very easy to upload a skin to your forum. Please make sure that you've installed the [latest release](https://github.com/geteso/eso/releases/latest) before using this skin.

1. Download this skin from the [releases page](https://github.com/grntbg/Bakelite/releases/latest) as a skin package (`Bakelite.zip`).
2. Navigate to your forum's skins page by going to `Dashboard` -> `Skins`.
3. Under "add a new skin," you should be able to upload the skin package `Bakelite.zip`.
4. Now that your skin has been uploaded, you may enable the skin. It is now on your forum. Enjoy!

If you encounter any problems with this skin, you may join the discussion [on our forum](https://geteso.org) or [open an issue](https://github.com/grntbg/Bakelite/issues).
Binary file added preview.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion skin.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ class Bakelite extends Skin {

var $name = "Bakelite";
var $version = "1.0";
var $author = "eso";
var $author = "grntbg";
var $numberOfColors = 27;

// Add stylesheets and a favicon to the page header.
Expand Down
78 changes: 49 additions & 29 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ h3 {font-size:120%; font-weight:bold}
#hdr h1 img {height:36px; margin-right:15px}
#hdr h1 img, #forumTitle {vertical-align:middle}
#stats {float:right; font-size:90%; line-height:1.5em; margin:.75em 0 0 0; text-align:right}
.small #hdr h1 {float:left; font-size:150%; line-height:1.7; overflow:hidden; padding:6px 0 2px 0; margin-right:100px; white-space:nowrap}
.small #hdr h1 {float:left; font-size:150%; line-height:1.7; overflow:hidden; padding:6px 0 2px 0; margin-right:5%; white-space:nowrap}
.small #hdr h1 img {height:30px}
#hdr #search {margin-bottom:0; margin-top:10px; overflow:hidden}

Expand Down Expand Up @@ -193,7 +193,8 @@ a.star0:active, a.star1:active {color:#e4b600}
#allowed dd {margin:0}
#allowedList {display:block; font-size:90%; margin:5px 0}
#allowed a.d:hover {color:#f00; text-decoration:line-through}
#addMember {width:9em; margin-bottom:5px}
#addMember {width:9em; height:14px; margin:0 -5px 5px 0; border-right:0; border-top-right-radius:0; border-bottom-right-radius:0}
#addMemberSubmit {border-top-left-radius:0; border-bottom-left-radius:0}

/* Pagination */
.pg {background:#fff; clear:both; font-size:95%; line-height:1.8em; margin:0 0 10px; overflow:hidden; padding:0 10em; text-align:center}
Expand All @@ -220,8 +221,10 @@ hr {display:none}
.p .hdr select option {background:#fff}
.p .hdr input.save {padding:0 2px}
.p .hdr .pInfo {float:left}
.p .hdr .controls {float:right}
.p .hdr .controls a {font-size:90%; line-height:1.5; margin-left:10px}
.p .hdr .controls {float:right; padding-top:1px}
.p .hdr .controls a {font-size:90%; line-height:1.5; margin:0 0 3px 0; border-radius:3px; background:rgba(0,0,0,0.1); width:3.5em; text-align:center; display:inline-block}
.p .hdr .controls a:hover {background-color:#fff; text-decoration:none}
.p .hdr .controls a:active {background-color:#888}
.p .hdr .controls span {font-size:100%}
.p .hdr a.button {padding:1px 4px}
.p .body {line-height:1.3; overflow:auto; padding:5px 10px 0}
Expand All @@ -246,23 +249,24 @@ hr {display:none}
.r .edit {padding:5px 10px 10px 0; padding-left:10px}
.l .edit {padding:5px 0 10px 10px; padding-right:10px}
.p .body textarea {height:25em; width:fill-available; width:-webkit-fill-available; width:-moz-available}
.p .editButtons {margin-top:5px; text-align:right}
.p .editButtons {text-align:right}
#reply-preview p {text-align:justify}
#discardDraft, #submitPost {margin-left:5px}

/* Formatting buttons */
.p .controls {margin:-1px 0 -3px 0}
.p .controls .formattingButtons {overflow:hidden; display:block; float:left; margin-left:10px; margin-right:10px; padding-top:1px}
.p .controls .formattingButtons a {margin-left:0; margin-right:10px}
.p .controls .formattingButtons {overflow:hidden; display:block; float:left; margin-left:5px; margin-right:5px}
.p .controls .formattingButtons a {margin-left:0}
.p .controls .formattingButtons a span {margin-left:0}
.p .controls .formattingButtons a:hover {background-color:#fff; text-decoration:none}
.p .controls .formattingButtons a:active {background-color:#888}
.p .hdr .formattingButtons a:last-child {margin-right:0}
#reply-previewCheckbox {margin-top:2px; margin-left:0}
#format-b {font-weight:bold}
#format-i {font-weight:italic}
#format-i {font-style:italic}
#format-h {text-decoration:underline}
#format-s {text-decoration:line-through}
#format-code {font-family:monospace; font-size:120%; line-height:1.4}

/* Formatting checkbox */
.formattingCheckbox {font-size:90%!important; display:inline-table!important; margin-left:0!important}
Expand Down Expand Up @@ -324,7 +328,13 @@ form#settingsAvatar {padding-bottom:8px}

/* Plugins */
#plugins .controls {float:right}
#plugins .controls a, #plugins .toggle {font-size:90%; border-radius:3px; background:#cdffba; width:4.5em; text-align:center; display:block; float:left; color:#258500; padding:2px 0}
#plugins .controls a, #plugins .enabled .toggle {color:#888; background:#e4e4e4}
#plugins .controls a, #plugins small, #plugins strong {margin-left:10px}
#plugins .toggle:hover {background-color:#a3e18c; text-decoration:none}
#plugins .toggle:active {background-color:#64b346}
#plugins .enabled .toggle:hover, #plugins .controls a:hover {background-color:#ccc; text-decoration:none}
#plugins .enabled .toggle:active, #plugins .controls a:active {background-color:#a4a4a4}
#plugins ul {list-style:none; margin:0; padding:0}
#plugins li {border-bottom:1px solid #ddd; display:block; padding:5px 7px}
#plugins li strong {font-weight:normal; font-size:120%}
Expand All @@ -334,8 +344,6 @@ form#settingsAvatar {padding-bottom:8px}
#plugins li form label {margin-bottom:10px; width:25em}
#plugins li input.checkbox {margin:2px 7px 2px 0}
#plugins li li {border:0; padding:0}
#plugins .toggle {font-size:90%; background:#cdffba; width:4.5em; text-align:center; display:block; float:left; color:#258500; padding:2px 0}
#plugins .enabled .toggle {color:#888; background:#e4e4e4}

/* Skins */
#skins ul {list-style:none; margin:0; padding:0}
Expand Down Expand Up @@ -368,8 +376,9 @@ form#settingsAvatar {padding-bottom:8px}
/* Footer */
#ftr {font-size:90%; margin:5px 25px 20px; overflow:hidden}
#ftr ul {margin:0; padding:0}
#ftr #copyright {margin-top:0; padding-top:10px; border-top:1px dashed #ccc}
#ftr #cpyr2 {padding-top:5px}
#ftr #copyright {margin:0; padding:10px; border:1px dashed #ccc; border-radius:3px}
#ftr small {font-size:inherit}
#ftr small:not(:first-child) {padding-top:5px}

/* Inputs, buttons, and other form elements */
form {margin:0}
Expand Down Expand Up @@ -440,10 +449,13 @@ fieldset li:last-child {border-bottom:none!important; margin-bottom:0!important}
.c25 .hdr, .p .c25 .hdr, #palette .c25 {background:#e5e2ba} .c25 {border-color:#e5e2ba; background:#e5e2ba2e}
.c26 .hdr, .p .c26 .hdr, #palette .c26 {background:#e7d0bb} .c26 {border-color:#e7d0bb; background:#e7d0bb2e}
.c27 .hdr, .p .c27 .hdr, #palette .c27 {background:#cdc5bd} .c27 {border-color:#cdc5bd; background:#cdc5bd2e}

/* Specific values */
#fgtpasftr {display:none; padding-top:10px; padding-bottom:10px}
#markasread {display:inherit; padding-top:10px; margin-bottom:-2px}
#forgotPassword, #markAsRead, #startConversation {line-height:1.5; margin:10px 0 0 0; padding:0 5px 0 5px; border-radius:3px; background:#e4e4e4; color:#000; width:fit-content; text-align:center; display:inline-block}
#forgotPassword, #startConversation {display:none}
#forgotPassword {margin:10px 0 10px 0}
#forgotPassword:hover, #markAsRead:hover, #startConversation:hover {background-color:#ccc; text-decoration:none}
#forgotPassword:active, #markAsRead:active, #startConversation:active {background-color:#888}
div#ftr {margin-top:0}
#accountInformation input {max-width:20em; width:96%}
#settingsOther {padding:0 15px 12px}
Expand All @@ -453,7 +465,6 @@ ul.form.stats {word-break:break-word; -ms-word-break:break-word}
input.text, textarea, .pg {box-shadow:inset 0 5px 10px rgba(0, 0, 0, 0.07)}
#report {padding-left:10px}
#beenLoggedOutShadow {width:100% !important; height:100% !important}
#startaconv {display:none}

@keyframes Gradient {
0% {background-position:0% 50%}
Expand Down Expand Up @@ -527,9 +538,8 @@ select#avatarAlignment {margin-bottom:10px}
select#language, select#avatarAlignment {max-width:20em; width:96%}
#settingsOtherForm .checkbox {margin-left:20px; width:auto}
#settingsOtherForm input {position:absolute; left:41px}
}

@media only screen and (max-width:735px) {
/* Change your avatar */
#lbl-avt {display:none}
#upl-ava, #upl-url {clear:left; max-width:20em; width:96%}
#settingsAvatar li:last-child {margin-top:0}
Expand All @@ -547,9 +557,16 @@ ul.fl, ul.fr {white-space:nowrap}
#accountInformation .form input {clear:left}
}

@media only screen and (max-width:670px) {
.form input[name="installPlugin"] {width:15em}
}

@media only screen and (max-width:620px) {
#search, #bar .fr {display:none}
#startaconv {display:inherit; padding-top:8px; padding-bottom:10px}
#wrapper.small #search {display:none}
#search.withStartConversation {padding-right:7.15em}
#search .fr {margin-right:-7.15em; width:7.15em}
#bar .fr, #new {display:none}
#startConversation {display:inline-block; margin:3px 0 10px 0}
#markasread {margin-bottom:0}
#admin {margin-top:0; border-left:0; border-image:none; background:unset}
#admin .menu {float:none; margin-top:0; margin-left:25px; margin-right:25px; padding:0; width:-webkit-fill-available; border:1px solid #ccc; border-radius:3px}
Expand All @@ -558,13 +575,14 @@ ul.fl, ul.fr {white-space:nowrap}
#admin .menu li.active a {margin-right:0; border-left:unset; border-bottom:unset}
#admin .menu li:first-child a {border:none}
#admin .inner {padding-top:10px}
.form input[name="installPlugin"] {width:inherit}
}

@media only screen and (max-width:570px) {
#body {padding:15px 10px; padding-top:10px; padding-bottom:0; overflow:hidden}
#loading {right:10px}
#hdr, #bar {padding-left:10px; padding-right:10px}
#tagArea {display:none}
#tags {display:none}
#searchResults table.c {margin-top:0}
#ftr {margin-left:10px; margin-right:10px; margin-bottom:10px}
#cInfo h2 {margin-right:10px}
Expand All @@ -583,11 +601,13 @@ form#settingsAvatar {padding-left:10px; padding-right:10px}
#palette {margin-left:2px; margin-right:0}
#settingsOtherForm input {left:26px}
.profile .form li, #report {padding-left:0}
}

@media only screen and (max-width:570px) {
/* Conversations */
#sconvo .hdr {min-height:16px}
.p .hdr .controls {float:none; clear:left; overflow:auto; margin:21px -10px -7px -10px; padding-top:4px; padding-bottom:4px; background:#ddd; box-shadow:inset 0 5px 10px rgba(255, 255, 255, 0.4)}
#cPosts .p .hdr .controls a:first-child {margin-left:10px}
#cPosts .p .hdr .controls .formattingButtons {margin-left:10px; margin-right:10px}
#cPosts .p .hdr .controls .formattingButtons a:first-child {margin-left:0}
#reply .controls {clear:none; margin:-1px 0 -3px 0; padding:0; background:inherit; box-shadow:none}
.p .hdr .controls:blank {display:none}
.p .hdr .controls:empty {display:none}
Expand All @@ -600,7 +620,7 @@ form#settingsAvatar {padding-left:10px; padding-right:10px}

@media only screen and (max-width:500px) {
#nav-fgpw {display:none}
#fgtpasftr {display:inherit}
#forgotPassword {display:inline-block}
/* #login {padding-right:0; border-right:0} */
#nav-join span.button {margin-right:-20px}
}
Expand Down Expand Up @@ -639,15 +659,15 @@ label#lbl-fgcf {width:12em; display:none}
#basicSettings .form.settingsForm li:nth-child(-n+3) div {width:100%}
#admin .settingsForm input.text, #admin .settingsForm select {width:-webkit-fill-available}
}

@media only screen and (max-width:320px) {
#nav-skin, #nav-plgn {display:none}
}

@media only screen and (max-width:340px) {
#discardDraft {clear:left; margin:5px 0 0 0}
}

@media only screen and (max-width:330px) {
tbody#conversations td strong {word-break:break-all}
}
}

@media only screen and (max-width:320px) {
#nav-skin, #nav-plgn {display:none}
}

0 comments on commit b3d4036

Please sign in to comment.