Skip to content

Commit 0afe7f3

Browse files
committed
Themes update.
1 parent 66369a8 commit 0afe7f3

File tree

15 files changed

+214
-29
lines changed

15 files changed

+214
-29
lines changed

Changelog.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,3 +11,5 @@ __*Why "v3.0.0" instead of "v1.0.0?"*__ Prior to phpMussel v3, the "phpMussel Co
1111
[2020.08.04; Maikuolan]: Addressed a potential compatibility problem with installations where PHP has its output proxied through to a different host. Also slightly improved the aesthetics of the front-end, and changed the logout link to a logout button.
1212

1313
[2020.10.08; Maikuolan]: Added some 'copy to clipboard' buttons to the homepage and statistics page.
14+
15+
[2020.10.09; Maikuolan]: Aesthetic patch + added a new theme.

assets/bluemetal/frontend.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ input[type=image]{width:inherit;border:inherit}
1111
input[type=password]{background-image:url(data:image/gif;base64,{PIP_Key_64})}
1212
input[type=text]{background-image:url(data:image/gif;base64,{PIP_Input_64})}
1313
input{border-radius:0}
14-
input[type=button],input[type=submit]{border-radius:18px}
14+
input[type=button],input[type=submit],input[type=reset]{border-radius:18px}
1515
select,option,input,textarea{filter:grayscale(.1) brightness(.94)}
1616
select:active,textarea:active,input:active{filter:grayscale(0) brightness(1)}
1717
select:disabled,textarea:disabled,input:disabled{filter:grayscale(1) brightness(.5)}
@@ -57,7 +57,7 @@ a:hover,a:active,a:focus{color:#fc6}
5757
input[id=logoutbutton]{border-top-{FE_Align}-radius:0;border-bottom-{FE_Align}-radius:0;padding-{FE_Align}:18px;margin-{FE_Align}:-1px;background-position:center {FE_Align} 4px;background-image:url('?phpmussel-asset=lock_bl_o.png&theme={theme}')}
5858
input[id=logoutbutton]:hover,input[id=logoutbutton]:active,input[id=logoutbutton]:focus{background-image:url('?phpmussel-asset=lock_bl_c.png&theme={theme}')}
5959
input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Align_Reverse}-radius:0;margin-{FE_Align_Reverse}:0}
60-
.big{white-space:nowrap}
60+
.big,.h1f,.h2f,.h3f,.h4f,.rf{white-space:nowrap}
6161
@media only all and (max-width:640px) {
6262
.big,.dt{display:none}
6363
.mob{display:block}
@@ -87,4 +87,5 @@ input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Al
8787
#logsnavlink::before{content:"🔍"}
8888
#statnavlink::before{content:"🗠"}
8989
#testnavlink::before{content:"🔬"}
90-
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px;padding-top:3px;padding-bottom:3px}
90+
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px}
91+
select{height:20px;padding-top:0;padding-bottom:0}

assets/config.yml

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
# License: GNU/GPLv2
88
# @see LICENSE.txt
99
#
10-
# This file: Configuration defaults file (last modified: 2020.08.06).
10+
# This file: Configuration defaults file (last modified: 2020.10.08).
1111
##/
1212

1313
frontend:
@@ -68,6 +68,7 @@ frontend:
6868
fullmoon: "Full Moon"
6969
moss: "Moss"
7070
primer: "Primer"
71+
primerdark: "Primer Dark"
7172
rbi: "Red-Blue Inverted"
7273
slate: "Slate"
7374
magnification:

assets/default/frontend.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ input[type=image]{width:inherit;border:inherit}
1111
input[type=password]{background-image:url(data:image/gif;base64,{PIP_Key_64})}
1212
input[type=text]{background-image:url(data:image/gif;base64,{PIP_Input_64})}
1313
input{border-radius:0}
14-
input[type=button],input[type=submit]{border-radius:18px}
14+
input[type=button],input[type=submit],input[type=reset]{border-radius:18px}
1515
select,option,input,textarea{filter:grayscale(.1) brightness(.94)}
1616
select:active,textarea:active,input:active{filter:grayscale(0) brightness(1)}
1717
select:disabled,textarea:disabled,input:disabled{filter:grayscale(1) brightness(.5)}
@@ -60,7 +60,7 @@ a:active,a:focus{color:red}
6060
input[id=logoutbutton]{border-top-{FE_Align}-radius:0;border-bottom-{FE_Align}-radius:0;padding-{FE_Align}:18px;margin-{FE_Align}:-1px;background-position:center {FE_Align} 4px;background-image:url('?phpmussel-asset=lock_rd_o.png&theme={theme}')}
6161
input[id=logoutbutton]:hover,input[id=logoutbutton]:active,input[id=logoutbutton]:focus{background-image:url('?phpmussel-asset=lock_rd_c.png&theme={theme}')}
6262
input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Align_Reverse}-radius:0;margin-{FE_Align_Reverse}:0}
63-
.big{white-space:nowrap}
63+
.big,.h1f,.h2f,.h3f,.h4f,.rf{white-space:nowrap}
6464
@media only all and (max-width:640px) {
6565
.big,.dt{display:none}
6666
.mob{display:block}
@@ -90,4 +90,5 @@ input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Al
9090
#logsnavlink::before{content:"🔍"}
9191
#statnavlink::before{content:"🗠"}
9292
#testnavlink::before{content:"🔬"}
93-
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px;padding-top:3px;padding-bottom:3px}
93+
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px}
94+
select{height:20px;padding-top:0;padding-bottom:0}

assets/fullmoon/frontend.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ input[type=image]{width:inherit;border:inherit}
1010
input[type=password]{background-image:url(data:image/gif;base64,{PIP_Key_64})}
1111
input[type=text]{background-image:url(data:image/gif;base64,{PIP_Input_64})}
1212
input{border-radius:0}
13-
input[type=button],input[type=submit]{border-radius:18px}
13+
input[type=button],input[type=submit],input[type=reset]{border-radius:18px}
1414
select,option,input,textarea{filter:grayscale(.1) brightness(.94)}
1515
select:active,textarea:active,input:active{filter:grayscale(0) brightness(1)}
1616
select:disabled,textarea:disabled,input:disabled{filter:grayscale(1) brightness(.5)}
@@ -53,7 +53,7 @@ code,.nav{font-family:'Courier New',Courier,'Lucida Grande',Arial}
5353
input[id=logoutbutton]{border-top-{FE_Align}-radius:0;border-bottom-{FE_Align}-radius:0;padding-{FE_Align}:18px;margin-{FE_Align}:-1px;background-position:center {FE_Align} 4px;background-image:url('?phpmussel-asset=lock_wt_o.png&theme={theme}')}
5454
input[id=logoutbutton]:hover,input[id=logoutbutton]:active,input[id=logoutbutton]:focus{background-image:url('?phpmussel-asset=lock_wt_c.png&theme={theme}')}
5555
input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Align_Reverse}-radius:0;margin-{FE_Align_Reverse}:0}
56-
.big{white-space:nowrap}
56+
.big,.h1f,.h2f,.h3f,.h4f,.rf{white-space:nowrap}
5757
@media only all and (max-width:640px) {
5858
.big,.dt{display:none}
5959
.mob{display:block}
@@ -74,4 +74,5 @@ input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Al
7474
.active{display:block}
7575
@keyframes forRotate{0%{transform:rotate(0)}100%{transform:rotate({45deg})}}
7676
@keyframes revRotate{0%{transform:rotate({45deg})}100%{transform:rotate(0)}}
77-
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px;padding-top:3px;padding-bottom:3px}
77+
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px}
78+
select{height:20px;padding-top:0;padding-bottom:0}

assets/moss/frontend.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ input[type=image]{width:inherit;border:inherit}
1111
input[type=password]{background-image:url(data:image/gif;base64,{PIP_Key_64})}
1212
input[type=text]{background-image:url(data:image/gif;base64,{PIP_Input_64})}
1313
input{border-radius:0}
14-
input[type=button],input[type=submit]{border-radius:18px}
14+
input[type=button],input[type=submit],input[type=reset]{border-radius:18px}
1515
select,option,input,textarea{filter:grayscale(.1) brightness(.94)}
1616
select:active,textarea:active,input:active{filter:grayscale(0) brightness(1)}
1717
select:disabled,textarea:disabled,input:disabled{filter:grayscale(1) brightness(.5)}
@@ -57,7 +57,7 @@ a:hover,a:active,a:focus{color:#866}
5757
input[id=logoutbutton]{border-top-{FE_Align}-radius:0;border-bottom-{FE_Align}-radius:0;padding-{FE_Align}:18px;margin-{FE_Align}:-1px;background-position:center {FE_Align} 4px;background-image:url('?phpmussel-asset=lock_rd_o.png&theme={theme}')}
5858
input[id=logoutbutton]:hover,input[id=logoutbutton]:active,input[id=logoutbutton]:focus{background-image:url('?phpmussel-asset=lock_rd_c.png&theme={theme}')}
5959
input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Align_Reverse}-radius:0;margin-{FE_Align_Reverse}:0}
60-
.big{white-space:nowrap}
60+
.big,.h1f,.h2f,.h3f,.h4f,.rf{white-space:nowrap}
6161
@media only all and (max-width:640px) {
6262
.big,.dt{display:none}
6363
.mob{display:block}
@@ -87,4 +87,5 @@ input[id=homebutton]{border-top-{FE_Align_Reverse}-radius:0;border-bottom-{FE_Al
8787
#logsnavlink::before{content:"🔍"}
8888
#statnavlink::before{content:"🗠"}
8989
#testnavlink::before{content:"🔬"}
90-
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px;padding-top:3px;padding-bottom:3px}
90+
select+input[type=submit],select+input[type=button]{margin-{FE_Align}:-3px;border-bottom-{FE_Align}-radius:0;border-top-{FE_Align}-radius:0;padding-{FE_Align}:3px}
91+
select{height:20px;padding-top:0;padding-bottom:0}

assets/primer/frontend.css

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -29,25 +29,25 @@ textarea{width:72%}
2929
.gen{font-family:inherit;letter-spacing:0px;white-space:nowrap}
3030
.h1,.h1f,.h2,.h2f,.h3,.h3f,.h4,.h4f,.ng1,.ng2,.r,.rf,.spanner{margin:0;padding:4px;border-style:{Half_Border};border-width:1px;border-color:#46b}
3131
.h1,.h1f,.h2,.h2f,.r,.rf{width:25%}
32-
.h1,.h3,.spanner{background-color:#8cf}
33-
.h2,.h4,code{background-color:#69f}
34-
code{background-color:#f96}
32+
.h1,.h3,.spanner{background-color:rgba(102,153,255,0.1)}
33+
.h2,.h4{background-color:rgba(102,153,255,0.2)}
34+
code{background-color:rgba(255,153,102,0.5)}
3535
.h3,.h3f,.h4,.h4f{width:50%}
3636
.icon48x48,input,select{background-repeat:no-repeat}
3737
.icon48x48{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEAAAAAAAD/7gAOQWRvYmUAZAAAAAAB/9sAQwAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8f/9sAQwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8IAEQgAMAAwAwERAAIRAQMRAf/EABsAAAIDAAMAAAAAAAAAAAAAAAUHAgQGAAED/8QAJBAAAgICAQIHAQAAAAAAAAAAAgMBBAAFEVASECEyExQ0FQb/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EAC8RAAECBQEFBwQDAAAAAAAAAAECAwARITESBBBRYYEiQZGxMlJyE6HB4WIjM3P/xAAUEgEAAAAAAAAAAAAAAAAAAABQ/8QAJxMBAAICAQMEAwADAQAAAAAAAREhADFBUWFxEIGRsVChwSAwQOH/2gAMAwEAAhADEAAAAWoRFWADcm8KhSFWWgaPEEEEW6gjWoz1GHSLFapvzUHkUEDLiRpBw4QKZbBgXP/aAAgBAQABBQLCKBjb7a+Vgb+wCdN/RE9uOtITLrVN6djfm2Xzan5YVTKqE8hZ+2wBnN1AjdwgIFpaDU2/Kyfq24si3rw7revrcoqJ9mtdWRLASszfot2S6okt2vOTDwKeIqIhWEtZSsOy3n//2gAIAQIAAQUC6J//2gAIAQMAAQUC6J//2gAIAQICBj8CE//aAAgBAwIGPwIT/9oACAEBAQY/AomTIC5hTYK9O0PKmqSRvPbWMm9S4k+6Y7jA0usAS8r+twWV+dgDipTtQnwhSA6OdLV4Q30fGlpOCROZ5mDp8JvGWPSOnecr1hepFCyQpB4i/wBDCSbkQP8AP7wAROClNAANjelABccBU8hIuB4UEIdR5VgEc4QfUkjuMGM1WcGaPbCNyeo8oc1Sul7VTxVfFvshtr0JAgKTVbZyA37xFAQ0fMo0nwEOuIImwtSGG+CaGvGHW3JtrwUmRpWPgeSAtlKCnH0kU2zvC5CQWrI3qTc1iakgkWJEOvmf8nSQf1tLZ//aAAgBAQMBPyHEphSlAYuoKzhjV9GeZmpvMo50/wCTfonHonxb9A8HAGFJLWUN9R1ylIslEdWFy1u0QiGRF4cPjWVXjO5aYOagCnkx19Pt/wCcgnAck7vBgKEd8BWDbmjvEYTM8uxn6kKxOCW0N5B/uP236xSMH8qQ+s7tJehbHVoaEumOZrBP1I60c98FOgGxr3BxXI0mYP66XA7CIBK/KFZMwLE+UPTXODLrgD5cSIcAADRR6O4JdN/WD34mVtQpiemCNHAU+cFzMEFEJkYum79P/9oACAECAwE/Ifwn/9oACAEDAwE/Ifwn/9oADAMBAAIRAxEAABCRISDJBdLjNZSNaCSST//aAAgBAQMBPxDEvKRANquK3kMPksIFhw+cHjEMNxqcb2yhxlXOa3dqehzjKzIEoUPB3zhm/wAQ4gttgUHojnn+ojEK65/auEu0nSrtS8RWmFFnzVCkcbPMZ2cl8gpzhNiUe2AELahCTLfkPbEDhvAiXAASkB3cghtnBpJFiSQmWMnVvshCAThJxNko8K+P1wptCHtT+Z5QdRUvmeJPC6BQcmki4h4w9Y8MKgvDJjiGocbVRCJPIOFt74p8LgCi7qjuGAUxCCMpML4A8xgHRJ0TPXNnRAVa2xdDT2jhLhi9PBOjIuziMaamA24IA4Cj0amMAB2QmLVvJGpAo5Wg2k9ms635gSaQpeIpxsgEWEPIL09P/9oACAECAwE/EP8AYf5H/F//2gAIAQMDAT8Q/Cf/2Q==);background-position:center;width:48px;height:48px;margin:auto}
3838
.nav{font-size:calc(14px * {magnification});width:20%}
39-
.ng1,.h1f,.h3f{background:linear-gradient({Gradient_Degree}deg,#8cf,#aff)}
40-
.ng2,.h2f,.h4f{background:linear-gradient({Gradient_Degree}deg,#69f,#9ef)}
41-
.hFd:hover,.r{background-color:#fc8}
42-
.rf{background:linear-gradient({Gradient_Degree}deg,#fc8,#ffa)}
39+
.ng1,.h1f,.h3f{background:linear-gradient({Gradient_Degree}deg,rgba(102,153,255,0.1),rgba(102,153,255,0.3))}
40+
.ng2,.h2f,.h4f{background:linear-gradient({Gradient_Degree}deg,rgba(102,153,255,0.2),rgba(102,153,255,0.4))}
41+
.hFd:hover,.r{background-color:rgba(255,102,0,0.3)}
42+
.rf{background:linear-gradient({Gradient_Degree}deg,rgba(255,102,0,0.3),rgba(255,102,0,0.5))}
4343
.right,.ci>.bNav:first-child{background-color:#fff;border:1px #e1e4e8 solid;border-radius:6px;padding:12px}
4444
.right{text-align:{FE_Align};padding:12px;width:80%}
4545
.txtBl{color:#000}
4646
.txtGn{color:#22863a}
4747
.txtOe{color:#a04100}
4848
.txtRd{color:#cb2431}
4949
.ufts{width:220px}
50-
@keyframes idxAn{0%{background:#fe9}100%{background:#f96}}
50+
@keyframes idxAn{0%{background:rgba(255,153,102,1)}100%{background:rgba(255,153,102,0.5)}}
5151
@keyframes UplT{0%{opacity:0.0}100%{opacity:1.0}}
5252
.mob{display:none}
5353
input,textarea{padding:0 8px 0 8px;font-weight:600}
@@ -61,7 +61,8 @@ select:focus,textarea:focus,input:focus{outline:1px dotted transparent;outline-o
6161
select:hover,textarea:hover,input:hover{transition-duration:.1s;text-decoration:none;filter:grayscale(0) brightness(1)}
6262
select,option,textarea,input{color:#000;background-color:#fff}
6363
input[type=button],input[type=submit]{color:#fff;background-color:#22863a}
64-
.big{white-space:nowrap}
64+
input[type=reset]{color:#fff;background-color:#cb2431}
65+
.big,.h1f,.h2f,.h3f,.h4f,.rf{white-space:nowrap}
6566
@media only all and (max-width:640px) {
6667
.big,.dt{display:none}
6768
.mob{display:block}
@@ -94,3 +95,7 @@ input[type=button],input[type=submit]{color:#fff;background-color:#22863a}
9495
p{margin-top:0;margin-bottom:10px}
9596
small{font-size:90%}
9697
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
98+
.auto{width:auto;padding-left:8px;padding-right:8px}
99+
input:not([type=submit]):not([type=reset]):not([type=button]){border:none;height:20px}
100+
textarea{border:none}
101+
select,input[type=submit],input[type=reset],input[type=button]{height:20px;padding-top:0;padding-bottom:0}

assets/primerdark/_login.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<div class="login">
2+
<form action="?" method="POST" style="text-align:center">
3+
<h1>{header_login}</h1>{state_msg}
4+
<input name="username" type="text" placeholder="{field_username}" autocomplete="username" /><br />
5+
<input id="password" name="password" type="password" placeholder="{field_password}" autocomplete="current-password" /><br />
6+
<input name="phpmussel-form-target" type="hidden" value="login" />
7+
<input name="hostname" id="hostnameoverride" type="hidden" value="" />
8+
<script type="text/javascript">document.getElementById('hostnameoverride').value=window.location.hostname;</script>
9+
<input type="submit" value="{field_log_in}" class="auto" /><br /><br />
10+
<div class="txtRd"><small>{tip_fe_cookie_warning}</small></div>
11+
</form>
12+
</div>
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<table>
2+
<tr>
3+
<td class="big">
4+
<a id="homenavlink" href="?">{link_home}</a><br />
5+
<hr />
6+
<a id="acctnavlink" href="?phpmussel-page=accounts">{link_accounts}</a><br />
7+
<a href="?phpmussel-page=cache-data">{link_cache_data}</a><br />
8+
<a id="confnavlink" href="?phpmussel-page=config">{link_config}</a><br />
9+
<a href="?phpmussel-page=quarantine">{link_quarantine}</a><br />
10+
<a href="?phpmussel-page=siginfo">{link_siginfo}</a><br />
11+
<a id="statnavlink" href="?phpmussel-page=statistics">{link_statistics}</a><br />
12+
<a id="testnavlink" href="?phpmussel-page=upload-test">{link_upload_test}</a><br />
13+
<a id="logsnavlink" href="?phpmussel-page=logs">{link_logs}</a><br />
14+
<hr />
15+
<a href="{URL-Documentation}" hreflang="en-US" rel="noopener external">{link_documentation}</a><br />
16+
<a id="chatnavlink" href="{URL-Chat}" hreflang="en-US" rel="noopener noreferrer external">{link_chat}</a><br />
17+
<a href="{URL-Website}" hreflang="en-US" rel="noopener external">{link_website}</a>
18+
<hr />
19+
</td>
20+
</tr>
21+
</table>
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<table>
2+
<tr>
3+
<td class="big">
4+
<a id="homenavlink" href="?">{link_home}</a><br />
5+
<hr />
6+
<a id="logsnavlink" href="?phpmussel-page=logs">{link_logs}</a><br />
7+
<hr />
8+
<a href="{URL-Documentation}" hreflang="en-US" rel="noopener external">{link_documentation}</a><br />
9+
<a id="chatnavlink" href="{URL-Chat}" hreflang="en-US" rel="noopener noreferrer external">{link_chat}</a><br />
10+
<a href="{URL-Website}" hreflang="en-US" rel="noopener external">{link_website}</a>
11+
<hr />
12+
</td>
13+
</tr>
14+
</table>

0 commit comments

Comments
 (0)