forked from I2P_Developers/i2p.i2p
Added preliminary dark susimail and susidns themes
Add "theme=dark" to susidns config page, or "susimail.theme=dark" to susimail.config file, to enable the dark themes.
This commit is contained in:
str4d
@@ -86,7 +86,7 @@
|
||||
<%=intl._("Hosts in the private address book can be accessed by you but their addresses are never distributed to others.")%>
|
||||
<%=intl._("The private address book can also be used for aliases of hosts in your other address books.")%>
|
||||
</p>
|
||||
<center><img src="<%=base.getTheme()%>images/how.png" border="0" alt="address book working scheme" title="How the address book works" class="illustrate" /></center>
|
||||
<center><img src="/themes/susidns/images/how.png" border="0" alt="address book working scheme" title="How the address book works" class="illustrate" /></center>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="footer">
|
||||
|
||||
299
installer/resources/themes/susidns/dark/susidns.css
Normal file
299
installer/resources/themes/susidns/dark/susidns.css
Normal file
@@ -0,0 +1,299 @@
|
||||
/* Susidns Dark theme by dr|z3d */
|
||||
|
||||
body {
|
||||
font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
background-color: #000;
|
||||
color:#ee9;
|
||||
}
|
||||
|
||||
body.iframed {
|
||||
background: transparent !important;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#navi p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: #494;
|
||||
background: #494;
|
||||
height: 1px;
|
||||
border: 0px solid #494;
|
||||
width: 100%;
|
||||
margin: 5px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
color:#ee9;
|
||||
line-height:12pt;
|
||||
margin: 0 5px;
|
||||
font-size:8pt;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
span.addrhlpr {
|
||||
font-size:8pt;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color:#ee9;
|
||||
font-size:10pt;
|
||||
font-weight:bold;
|
||||
border: 1px solid #494;
|
||||
padding: 5px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
background: #000 url('../../console/dark/images/header.png') repeat-x scroll center center !important;
|
||||
letter-spacing: 0.08em;
|
||||
padding: 6px;
|
||||
text-shadow: 0 0 2px #001100;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#f60;
|
||||
text-decoration:none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
th {
|
||||
|
||||
color:#ee9;
|
||||
font-size: 9pt;
|
||||
padding:5px 10px;
|
||||
font-size:10pt;
|
||||
}
|
||||
|
||||
td {
|
||||
|
||||
color:#ee9;
|
||||
line-height:12pt;
|
||||
padding:5px 10px;
|
||||
font-size:8pt;
|
||||
vertical-align:center;
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
color:#ee9;
|
||||
line-height:12pt;
|
||||
margin-left:5mm;
|
||||
margin-right:5mm;
|
||||
font-size:10pt;
|
||||
}
|
||||
|
||||
tr.list1 {
|
||||
background-color:#010;
|
||||
}
|
||||
|
||||
tr.list0 {
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
p.messages {
|
||||
background-color:#92CAFF;
|
||||
color:#327BBF;
|
||||
color:black;
|
||||
border-style:dotted;
|
||||
padding-top: 5mm;
|
||||
padding-right: 5mm;
|
||||
padding-bottom: 5mm;
|
||||
padding-left: 5mm;
|
||||
}
|
||||
|
||||
#help {
|
||||
border: 1px solid #494;
|
||||
padding: 20px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
p.footer {
|
||||
font-size:7pt;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
p.buttons, #buttons {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.illustrate {
|
||||
margin: 20px 0 15px;
|
||||
padding: 10px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #001;
|
||||
font-size: 10pt;
|
||||
-moz-box-shadow: inset 0px 0px 1px 0px #002;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#book table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.destinations textarea {
|
||||
width: 100%;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.page {
|
||||
color:#ee9;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
font-size: 8pt !important;
|
||||
-moz-box-shadow: inset 0px 0px 1px 0px #002;
|
||||
}
|
||||
|
||||
.iframed .page {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
border: 1px outset #999;
|
||||
background: #ddf;
|
||||
color: #001;
|
||||
margin: 5px;
|
||||
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
padding: 1px 2px;
|
||||
text-decoration: none;
|
||||
min-width: 110px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
-moz-box-shadow: inset 0px 2px 8px 0px #fff;
|
||||
color: #006;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
|
||||
input[type=submit]:hover {
|
||||
background: #22a;
|
||||
color: #fff;
|
||||
border: 1px solid #f60;
|
||||
opacity: 1.0;
|
||||
-moz-box-shadow: inset 0px 0px 0px 1px #fff;
|
||||
|
||||
}
|
||||
|
||||
input[type=reset] {
|
||||
border: 1px outset #999;
|
||||
background: #ddf;
|
||||
color: #001;
|
||||
margin: 5px;
|
||||
font: bold 8pt "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
padding: 1px 2px;
|
||||
text-decoration: none;
|
||||
min-width: 110px;
|
||||
border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
-moz-box-shadow: inset 0px 2px 8px 0px #fff;
|
||||
color: #006;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
input[type=reset]:hover {
|
||||
background: #22a;
|
||||
color: #fff;
|
||||
border: 1px solid #f60;
|
||||
opacity: 1.0;
|
||||
-moz-box-shadow: inset 0px 0px 0px 1px #fff;
|
||||
}
|
||||
|
||||
input.accept {
|
||||
background: #ddf url('/themes/console/images/accept.png') no-repeat 2px center;
|
||||
padding: 2px 3px 2px 20px;
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.add {
|
||||
background: #ddf url('/themes/console/images/add.png') no-repeat 2px center;
|
||||
padding: 2px 3px 2px 20px;
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.cancel {
|
||||
background: #ddf url('/themes/console/images/cancel.png') no-repeat 2px center;
|
||||
padding: 2px 3px 2px 20px;
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.delete {
|
||||
background: #ddf url('/themes/console/images/delete.png') no-repeat 2px center;
|
||||
padding: 2px 3px 2px 20px;
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.reload {
|
||||
background: #ddf url('/themes/console/images/arrow_refresh.png') no-repeat 2px center;
|
||||
padding: 2px 3px 2px 20px;
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.search {
|
||||
background: #ddf url('/themes/console/images/magnifier.png') no-repeat 2px center;
|
||||
padding: 2px 3px 2px 24px;
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.search[type="text"] {
|
||||
background: #eef url('/themes/console/images/magnifier.png') no-repeat 2px center;
|
||||
}
|
||||
|
||||
input {
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
padding: 3px 4px !important;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #494;
|
||||
background: #000 none !important;
|
||||
color: #494;
|
||||
margin: 2px 4px 2px 0;
|
||||
font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
|
||||
min-width: 64px !important;
|
||||
}
|
||||
|
||||
input[type=submit], input[type=reset] {
|
||||
text-shadow: 0px 0px #410;
|
||||
color: #494;
|
||||
background: #000;
|
||||
border: 1px outset #191;
|
||||
padding: 2px !important;
|
||||
box-shadow: 0 1px 1px 0 #119911 inset;
|
||||
font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
|
||||
text-align: center;
|
||||
min-height: 22px !important;
|
||||
}
|
||||
|
||||
textarea {
|
||||
text-shadow: 0px 0px #410;
|
||||
color: #494;
|
||||
background: #000;
|
||||
border: 1px solid #494;
|
||||
padding: 2px !important;
|
||||
font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
width: 100%
|
||||
}
|
||||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
BIN
installer/resources/themes/susimail/dark/images/3down.png
Normal file
BIN
installer/resources/themes/susimail/dark/images/3down.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 232 B |
BIN
installer/resources/themes/susimail/dark/images/3up.png
Normal file
BIN
installer/resources/themes/susimail/dark/images/3up.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 243 B |
255
installer/resources/themes/susimail/dark/susimail.css
Normal file
255
installer/resources/themes/susimail/dark/susimail.css
Normal file
@@ -0,0 +1,255 @@
|
||||
/* Susimail dark theme by dr|z3d */
|
||||
|
||||
body {
|
||||
background-color: #000;
|
||||
color:#ee9;
|
||||
font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, Tahoma, Helvetica, sans-serif;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
body.iframed {
|
||||
background: transparent !important;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: #494;
|
||||
background: #494;
|
||||
height: 1px;
|
||||
border: 0px solid #494;
|
||||
width: 100%;
|
||||
margin: 5px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
li {
|
||||
|
||||
color:#ee9;
|
||||
line-height:12pt;
|
||||
font-size:10pt;
|
||||
margin-left:5mm;
|
||||
margin-right:5mm;
|
||||
}
|
||||
|
||||
p {
|
||||
color:#ee9;
|
||||
line-height:12pt;
|
||||
margin-left:5mm;
|
||||
margin-right:5mm;
|
||||
font-size:9pt;
|
||||
}
|
||||
|
||||
p.hl {
|
||||
font-size:12pt;
|
||||
letter-spacing:2pt;
|
||||
line-height:18pt;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
p.text {
|
||||
margin-left:10mm;
|
||||
margin-right:10mm;
|
||||
}
|
||||
|
||||
p.error {
|
||||
color:#ff0000;
|
||||
}
|
||||
|
||||
p.info {
|
||||
color:#327BBF;
|
||||
}
|
||||
|
||||
span.coloured {
|
||||
color:#327BBF;
|
||||
}
|
||||
|
||||
p.footer {
|
||||
margin-left:10mm;
|
||||
margin-right:10mm;
|
||||
font-size:8pt;
|
||||
line-height:10pt;
|
||||
display: none;
|
||||
}
|
||||
|
||||
p.mailbody {
|
||||
font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
|
||||
margin: 0 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.mailbody {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.mailbody td {
|
||||
}
|
||||
|
||||
p img {
|
||||
/* display: none; */
|
||||
height: 0;
|
||||
width: 0;
|
||||
margin: -20px 0;
|
||||
}
|
||||
|
||||
p:first-child {
|
||||
display: none;
|
||||
}
|
||||
|
||||
p.error {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#f60;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
||||
td {
|
||||
|
||||
color:#ee9;
|
||||
margin: 0 5px;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
tr.list0 {
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
tr.list1 {
|
||||
background-color:#010;
|
||||
}
|
||||
|
||||
table.noborder {
|
||||
margin-left:0mm;
|
||||
margin-top:0mm;
|
||||
margin-right:0mm;
|
||||
}
|
||||
|
||||
pre {
|
||||
font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
|
||||
margin-left:1cm;
|
||||
margin-right:1cm;
|
||||
}
|
||||
|
||||
.page {
|
||||
color:#ee9;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 9pt !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
text-align: justify;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th {
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
form {
|
||||
line-height: 160%
|
||||
}
|
||||
|
||||
.mailhead {
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input.cancel, input.clearselection, input.logout {
|
||||
background: #000 url('/themes/console/images/cancel.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.cancel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input.delete, input.delete_attachment, input.really_delete {
|
||||
background: #000 url('/themes/console/images/delete.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.download, input.lastpage {
|
||||
background: #000 url('/themes/console/images/arrow_down.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.firstpage {
|
||||
background: #000 url('/themes/console/images/arrow_up.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.forward, input.login, input.nextpage, input.send {
|
||||
background: #000 url('/themes/console/images/arrow_right.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.invertselection, input.reload, input.refresh {
|
||||
background: #000 url('/themes/console/images/arrow_refresh.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.markall, input.show {
|
||||
background: #000 url('/themes/console/images/tick.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.new, input.reply, input.replyall {
|
||||
background: #000 url('/themes/console/images/email.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.prevpage {
|
||||
background: #000 url('/themes/console/images/arrow_left.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input.send, input.setpagesize {
|
||||
background: #000 url('/themes/console/images/accept.png') no-repeat 2px center;
|
||||
|
||||
min-height: 22px;
|
||||
}
|
||||
|
||||
input {
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
padding: 3px 4px !important;
|
||||
-moz-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #494;
|
||||
background: #000 none !important;
|
||||
color: #494;
|
||||
margin: 2px 4px 2px 0;
|
||||
font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
|
||||
min-width: 64px !important;
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
text-shadow: 0px 0px #410;
|
||||
color: #494;
|
||||
background: #000;
|
||||
border: 1px outset #191;
|
||||
padding: 2px !important;
|
||||
box-shadow: 0 1px 1px 0 #119911 inset;
|
||||
font: bold 8pt "Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Tahoma,Helvetica,sans-serif;
|
||||
text-align: center;
|
||||
min-height: 22px !important;
|
||||
}
|
||||
Reference in New Issue
Block a user