forked from I2P_Developers/i2p.i2p
Tab-Menu Layout Changes, color updates to the light theme, new icons, highlight active page in susidns
This commit is contained in:
hankhill19580
@@ -1,9 +1,9 @@
|
||||
<%
|
||||
/*
|
||||
* Created on Sep 02, 2005
|
||||
*
|
||||
*
|
||||
* This file is part of susidns project, see http://susi.i2p/
|
||||
*
|
||||
*
|
||||
* Copyright (C) 2005 <susi23@mail.i2p>
|
||||
*
|
||||
* This program is free software; you can redistribute it and/or modify
|
||||
@@ -19,7 +19,7 @@
|
||||
* You should have received a copy of the GNU General Public License
|
||||
* along with this program; if not, write to the Free Software
|
||||
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
*
|
||||
*
|
||||
* $Revision: 1.3 $
|
||||
*/
|
||||
|
||||
@@ -62,15 +62,15 @@
|
||||
<body>
|
||||
<div class="page">
|
||||
<div id="logo">
|
||||
<a href="index"><img src="<%=book.getTheme()%>images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
<a href="index"><img style="display=none;" src="<%=book.getTheme()%>../images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="navi">
|
||||
<div id="navi" class="${book.getBook()}">
|
||||
<a id="overview" href="index"><%=intl._t("Overview")%></a>
|
||||
<a class="abook" href="addressbook?book=private&filter=none"><%=intl._t("Private")%></a>
|
||||
<a class="abook" href="addressbook?book=master&filter=none"><%=intl._t("Master")%></a>
|
||||
<a class="abook" href="addressbook?book=router&filter=none"><%=intl._t("Router")%></a>
|
||||
<a class="abook" href="addressbook?book=published&filter=none"><%=intl._t("Published")%></a>
|
||||
<a class="abook private" href="addressbook?book=private&filter=none"><%=intl._t("Private")%></a>
|
||||
<a class="abook master" href="addressbook?book=master&filter=none"><%=intl._t("Master")%></a>
|
||||
<a class="abook router" href="addressbook?book=router&filter=none"><%=intl._t("Router")%></a>
|
||||
<a class="abook published" href="addressbook?book=published&filter=none"><%=intl._t("Published")%></a>
|
||||
<a id="subs" href="subscriptions"><%=intl._t("Subscriptions")%></a>
|
||||
<a id="config" href="config"><%=intl._t("Configuration")%></a>
|
||||
</div>
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
<body>
|
||||
<div class="page">
|
||||
<div id="logo">
|
||||
<a href="index"><img src="<%=base.getTheme()%>images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
<a href="index"><img style="display=none;" src="<%=base.getTheme()%>../images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="navi">
|
||||
@@ -63,7 +63,7 @@
|
||||
<a class="abook" href="addressbook?book=router&filter=none"><%=intl._t("Router")%></a>
|
||||
<a class="abook" href="addressbook?book=published&filter=none"><%=intl._t("Published")%></a>
|
||||
<a id="subs" href="subscriptions"><%=intl._t("Subscriptions")%></a>
|
||||
<a id="config" href="config"><%=intl._t("Configuration")%></a>
|
||||
<a id="config" class="active" href="config"><%=intl._t("Configuration")%></a>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="headline" id="configure">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<%
|
||||
/*
|
||||
* This file is part of susidns project, see http://susi.i2p/
|
||||
*
|
||||
*
|
||||
* Copyright (C) 2005 <susi23@mail.i2p>
|
||||
*
|
||||
* This program is free software; you can redistribute it and/or modify
|
||||
@@ -17,7 +17,7 @@
|
||||
* You should have received a copy of the GNU General Public License
|
||||
* along with this program; if not, write to the Free Software
|
||||
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
*
|
||||
*
|
||||
*/
|
||||
|
||||
// http://www.crazysquirrel.com/computing/general/form-encoding.jspx
|
||||
@@ -50,7 +50,7 @@
|
||||
<body>
|
||||
<div class="page">
|
||||
<div id="logo">
|
||||
<a href="index"><img src="<%=book.getTheme()%>images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
<a href="index"><img style="display=none;" src="<%=book.getTheme()%>../images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="navi">
|
||||
|
||||
@@ -51,11 +51,11 @@
|
||||
<body>
|
||||
<div class="page">
|
||||
<div id="logo">
|
||||
<img src="<%=base.getTheme()%>images/logo.png" alt="susidns logo" border="0">
|
||||
<img style="display=none;" src="<%=base.getTheme()%>../images/logo.png" alt="susidns logo" border="0">
|
||||
</div>
|
||||
<hr>
|
||||
<div id="navi">
|
||||
<a id="overview" href="index"><%=intl._t("Overview")%></a>
|
||||
<a id="overview" class="active" href="index"><%=intl._t("Overview")%></a>
|
||||
<a class="abook" href="addressbook?book=private&filter=none"><%=intl._t("Private")%></a>
|
||||
<a class="abook" href="addressbook?book=master&filter=none"><%=intl._t("Master")%></a>
|
||||
<a class="abook" href="addressbook?book=router&filter=none"><%=intl._t("Router")%></a>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<%
|
||||
/*
|
||||
* Created on Sep 02, 2005
|
||||
*
|
||||
*
|
||||
* This file is part of susidns project, see http://susi.i2p/
|
||||
*
|
||||
*
|
||||
* Copyright (C) 2005 <susi23@mail.i2p>
|
||||
*
|
||||
* This program is free software; you can redistribute it and/or modify
|
||||
@@ -19,7 +19,7 @@
|
||||
* You should have received a copy of the GNU General Public License
|
||||
* along with this program; if not, write to the Free Software
|
||||
* Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||
*
|
||||
*
|
||||
* $Revision: 1.2 $
|
||||
*/
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
<body>
|
||||
<div class="page">
|
||||
<div id="logo">
|
||||
<a href="index"><img src="<%=subs.getTheme()%>images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
<a href="index"><img style="display=none;" src="<%=subs.getTheme()%>../images/logo.png" alt="" title="<%=intl._t("Overview")%>" border="0"/></a>
|
||||
</div><hr>
|
||||
<div id="navi">
|
||||
<a id="overview" href="index"><%=intl._t("Overview")%></a>
|
||||
@@ -60,7 +60,7 @@
|
||||
<a class="abook" href="addressbook?book=master&filter=none"><%=intl._t("Master")%></a>
|
||||
<a class="abook" href="addressbook?book=router&filter=none"><%=intl._t("Router")%></a>
|
||||
<a class="abook" href="addressbook?book=published&filter=none"><%=intl._t("Published")%></a>
|
||||
<a id="subs" href="subscriptions"><%=intl._t("Subscriptions")%></a>
|
||||
<a id="subs" class="active" href="subscriptions"><%=intl._t("Subscriptions")%></a>
|
||||
<a id="config" href="config"><%=intl._t("Configuration")%></a>
|
||||
</div>
|
||||
<hr>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -4,8 +4,7 @@
|
||||
body {
|
||||
font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
|
||||
font-size: 9pt;
|
||||
background: linear-gradient(135deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%);
|
||||
background: -webkit-linear-gradient(-45deg, #9dabd5 0%,#265ea7 53%,#222187 76%,#323638 100%);
|
||||
background: #f6f6fa;
|
||||
color: #33333f;
|
||||
margin: 0 5px;
|
||||
}
|
||||
@@ -46,22 +45,25 @@ b, td.search {
|
||||
#logo {
|
||||
margin: -5px 0 -1px;
|
||||
text-align: center;
|
||||
background: #eef url(/themes/susidns/images/logo.png) center center no-repeat;
|
||||
background: url(/themes/susidns/images/logo.png) center center no-repeat, linear-gradient(to bottom, #fff, #eef);
|
||||
height: 55px;
|
||||
background-size: auto 50px, 100% 100%;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
box-shadow: inset 0 0 0 1px #fff;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#logo:not(old) {
|
||||
background: linear-gradient(to bottom, #fff, #eef);
|
||||
background: #f6f6fa;
|
||||
}
|
||||
|
||||
#logo:not(.iframed) img {
|
||||
display: inline-block;
|
||||
max-height: 55px;
|
||||
margin-top: -55px;
|
||||
}
|
||||
|
||||
#logo::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
background: url(/themes/susidns/images/logo.png) center center no-repeat;
|
||||
background-size: auto 50px;
|
||||
height: 55px;
|
||||
width: 100%;
|
||||
@@ -97,81 +99,113 @@ code, tt, .destaddress {
|
||||
}
|
||||
|
||||
#navi {
|
||||
margin: -1px 0 0;
|
||||
padding: 5px 3px;
|
||||
text-align: center;
|
||||
border: 1px solid #7778bf;
|
||||
background: linear-gradient(to bottom, #fafaff 51%, #f8f8ff 51%, #f2f2ff 100%);
|
||||
border-radius: 2px 2px 0 0;
|
||||
box-shadow: inset 0 0 0 1px #fff;
|
||||
z-index: 100;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
font-size: 9pt;
|
||||
position: sticky;
|
||||
top: -1px;
|
||||
margin: -1px 0 0;
|
||||
padding: 5px 3px;
|
||||
text-align: center;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 2px 2px 0 0;
|
||||
box-shadow: inset 0 0 0 1px #fff;
|
||||
z-index: 100;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
font-size: 9pt;
|
||||
position: sticky;
|
||||
top: -1px
|
||||
}
|
||||
|
||||
.iframed #navi {
|
||||
margin: -11px -11px 10px;
|
||||
padding: 7px 5px 6px;
|
||||
border-radius: 0;
|
||||
position: static;
|
||||
margin: -11px -11px 10px;
|
||||
padding: 7px 5px 6px;
|
||||
border-radius: 0;
|
||||
position: static
|
||||
}
|
||||
|
||||
#navi a, #navi a:visited {
|
||||
border: 1px solid #7778bf;
|
||||
border-radius: 2px;
|
||||
color: #3b6bbf;
|
||||
display: inline-block;
|
||||
margin: 2px 0;
|
||||
text-transform: capitalize;
|
||||
box-shadow: inset 0 0 0 1px #fff;
|
||||
filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.6));
|
||||
line-height: 120%;
|
||||
#navi a,
|
||||
#navi a:visited {
|
||||
margin: 2px 0;
|
||||
text-transform: capitalize;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#navi a:hover, #navi a:focus {
|
||||
background-blend-mode: luminosity;
|
||||
filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
|
||||
color: #f60;
|
||||
border: 1px solid #f60;
|
||||
transition: ease border 0.7s;
|
||||
#navi.private .private,
|
||||
#navi.master .master,
|
||||
#navi.router .router,
|
||||
#navi.published .published {
|
||||
background: #4661A9 !important;
|
||||
text-shadow: none !important;
|
||||
color: #fafaff !important;
|
||||
}
|
||||
|
||||
#navi a:active {
|
||||
color: #5a5a6f;
|
||||
box-shadow: inset 0 0 0 1px #fff, inset 3px 3px 2px #999;
|
||||
mix-blend-mode: luminosity;
|
||||
#navi a:focus,
|
||||
#navi a.active {
|
||||
mix-blend-mode: luminosity !important;
|
||||
z-index: 50 !important;
|
||||
padding: 4px 12px !important;
|
||||
padding-right: 12px !important;
|
||||
padding-left: 12px !important;
|
||||
color: #fafaff !important;
|
||||
box-shadow: inset 1px 1px 1px rgba(31, 43, 63, 0.7) !important;
|
||||
background: #4661A9 !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
#navi a.abook {
|
||||
background: url(/themes/susidns/images/abook.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 50%, #ebebff) #fff;
|
||||
padding: 5px 5px 5px 24px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 15px;
|
||||
min-width: 60px!important;
|
||||
line-height: 130%;
|
||||
background: #f6f6fa;
|
||||
box-shadow: inset 0 0 0 1px #f6f6fa;
|
||||
display: inline-block;
|
||||
padding: 3px 14px;
|
||||
color: #2c4e8f
|
||||
}
|
||||
|
||||
#navi a#subs {
|
||||
background: url(/themes/susidns/images/subs.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 50%, #ebebff) #fff;
|
||||
padding: 5px 5px 5px 24px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 15px;
|
||||
min-width: 60px!important;
|
||||
line-height: 130%;
|
||||
background: #f6f6fa;
|
||||
box-shadow: inset 0 0 0 1px #f6f6fa;
|
||||
display: inline-block;
|
||||
padding: 3px 14px;
|
||||
color: #2c4e8f
|
||||
}
|
||||
|
||||
#navi a#config {
|
||||
background: url(/themes/console/images/buttons/configure.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 50%, #ebebff) #fff;
|
||||
padding: 5px 5px 5px 24px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 15px;
|
||||
min-width: 60px!important;
|
||||
line-height: 130%;
|
||||
background: #f6f6fa;
|
||||
box-shadow: inset 0 0 0 1px #f6f6fa;
|
||||
display: inline-block;
|
||||
padding: 3px 14px;
|
||||
color: #2c4e8f
|
||||
}
|
||||
|
||||
#navi a#overview {
|
||||
background: url(/themes/susidns/images/overview.png) 5px center no-repeat, linear-gradient(to bottom, #fff 50%, #eef 50%, #ebebff) #fff;
|
||||
padding: 5px 5px 5px 24px;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 15px;
|
||||
min-width: 60px!important;
|
||||
line-height: 130%;
|
||||
background: #f6f6fa;
|
||||
box-shadow: inset 0 0 0 1px #f6f6fa;
|
||||
display: inline-block;
|
||||
padding: 3px 14px;
|
||||
color: #2c4e8f
|
||||
}
|
||||
#navi a:hover {
|
||||
background: #dee2e6 !important;
|
||||
box-shadow: inset 0 0 0 1px #dee2e6 !important;
|
||||
color: #495057 !important;
|
||||
border: 1px solid #dee2e6;
|
||||
transition: ease border 0.7s
|
||||
}
|
||||
|
||||
.headline {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
margin: -1px 0 -2px;
|
||||
padding: 8px 5px;
|
||||
background: #fff;
|
||||
background: linear-gradient(to right, #fff 70%, #eef);
|
||||
background: linear-gradient(135deg, #fafaff, #f2f2ff);
|
||||
background: #f6f6fa;
|
||||
background: #f6f6fa;
|
||||
background: #f6f6fa;
|
||||
}
|
||||
|
||||
.iframed .headline {
|
||||
@@ -220,14 +254,14 @@ span.location {
|
||||
}
|
||||
|
||||
.headline h4 {
|
||||
border-top: 1px solid #7778bf;
|
||||
border-top: 1px solid #dee2e6;
|
||||
margin: 5px -6px 0;
|
||||
padding: 8px 10px 0 33px;
|
||||
background: url(/themes/susidns/images/drive.png) 9px 7px no-repeat;
|
||||
}
|
||||
|
||||
#content {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 0 15px;
|
||||
margin: -1px 0 0;
|
||||
background: #fafaff;
|
||||
@@ -245,16 +279,15 @@ form[action="subscriptions"] #content {
|
||||
}
|
||||
|
||||
#content + #buttons {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
margin: -1px 0 10px;
|
||||
background: linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
|
||||
}
|
||||
|
||||
#content h3 {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 5px 8px 5px 34px;
|
||||
border-radius: 2px;
|
||||
background: url(/themes/console/images/info/question.png) 8px center no-repeat, linear-gradient(to bottom, #fcfcff 50%, rgba(255,255,255,0.6) 50%, rgba(240,240,255,0.4)), linear-gradient(135deg, #fcfcff 5%, rgba(231, 231, 255, 0.8) 15%) !important;
|
||||
background-size: 20px 20px, 100% 100%, 100% 100% !important;
|
||||
background-blend-mode: luminosity, normal, normal;
|
||||
box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc;
|
||||
@@ -273,7 +306,7 @@ form[action="subscriptions"] #content {
|
||||
}
|
||||
|
||||
div#add, div#import {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
margin-top: -1px;
|
||||
padding: 0 15px;
|
||||
background: #fafaff;
|
||||
@@ -284,7 +317,7 @@ div#add, div#import {
|
||||
}
|
||||
|
||||
#add h3, #import h3 {
|
||||
border-bottom: 1px solid #7778bf;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
margin: 0 -15px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
@@ -306,13 +339,13 @@ div#add, div#import {
|
||||
}
|
||||
|
||||
div#add p.buttons, div#import p.buttons {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
margin: 0 -16px -1px;
|
||||
background: linear-gradient(to bottom, #fff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
|
||||
}
|
||||
|
||||
div.help {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 0 15px;
|
||||
background: #eef;
|
||||
background: linear-gradient(135deg, #fafaff, #f8f8ff);
|
||||
@@ -331,7 +364,7 @@ div.help {
|
||||
}
|
||||
|
||||
div.help h3, #add h3, #import h3 {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 5px 10px;
|
||||
margin: -1px -16px 0;
|
||||
background: #fcfcff;
|
||||
@@ -453,6 +486,12 @@ div#messages {
|
||||
opacity: 0.85;
|
||||
border-top: 1px solid #fff;
|
||||
background: #113;
|
||||
|
||||
width: 25%;
|
||||
margin: auto !important;
|
||||
bottom: 5% !important;
|
||||
padding-bottom: 2% !important;
|
||||
height: 3%;
|
||||
}
|
||||
|
||||
.iframed div#messages {
|
||||
@@ -472,7 +511,7 @@ p.messages {
|
||||
}
|
||||
|
||||
#footer {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
background: #eef;
|
||||
background: linear-gradient(to right, #eef, #fafaff, #eef);
|
||||
margin: -1px 0 -5px;
|
||||
@@ -523,7 +562,7 @@ _:-ms-lang(x), img.illustrate {
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
font-size: 9pt !important;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
min-width: 700px;
|
||||
@@ -577,14 +616,14 @@ textarea {
|
||||
}
|
||||
|
||||
.iframed #content textarea {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea[name="config"], textarea[name="content"] {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
background: #fafaff;
|
||||
width: 100% !important;
|
||||
padding: 3px 6px !important;
|
||||
@@ -596,13 +635,13 @@ textarea[name="config"]:focus, textarea[name="content"]:focus {
|
||||
}
|
||||
|
||||
#config + #buttons {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
margin: -2px 0 10px;
|
||||
background: linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px), #fff !important;
|
||||
}
|
||||
|
||||
#filter, #search {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 5px 15px;
|
||||
margin-bottom: -1px;
|
||||
background: #fafaff;
|
||||
@@ -628,7 +667,7 @@ textarea[name="config"]:focus, textarea[name="content"]:focus {
|
||||
min-width: 10px;
|
||||
margin: 2px 1px;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 2px;
|
||||
color: #3b6bbf;
|
||||
text-align: center;
|
||||
@@ -656,7 +695,7 @@ textarea[name="config"]:focus, textarea[name="content"]:focus {
|
||||
letter-spacing: 0.08em;
|
||||
word-spacing: 0.1em;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 0 0 2px 2px;
|
||||
padding: 6px 10px;
|
||||
width: 40%;
|
||||
@@ -694,7 +733,7 @@ p#filtered {
|
||||
#messages + p {
|
||||
margin: 1px 0 -1px;
|
||||
padding: 10px;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
form {
|
||||
@@ -749,7 +788,7 @@ tr:hover .destaddress {
|
||||
|
||||
#bookmessages {
|
||||
width: 100%;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
#bookmessages td:last-child {
|
||||
@@ -758,7 +797,7 @@ tr:hover .destaddress {
|
||||
|
||||
/* hostname list */
|
||||
#host_list, #host_details {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
box-shadow: 0 0 0 1px #fff;
|
||||
}
|
||||
|
||||
@@ -797,7 +836,6 @@ tr:hover .destaddress {
|
||||
#host_list td:nth-child(2) a::after {
|
||||
content: url(/themes/console/images/buttons/link.png);
|
||||
text-align: center;
|
||||
filter: drop-shadow(0 0 1px #555);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -807,7 +845,6 @@ tr:hover .destaddress {
|
||||
|
||||
#host_list td:nth-child(3) a::after {
|
||||
content: url(/themes/console/images/buttons/helper.png);
|
||||
filter: drop-shadow(0 0 1px #555);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -823,13 +860,12 @@ tr:hover .destaddress {
|
||||
content: url(/themes/console/images/buttons/fullview.png);
|
||||
text-align: center;
|
||||
padding: 0 10px !important;
|
||||
filter: drop-shadow(0 0 1px #555);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#host_list td:nth-child(2) a:hover, #host_list td:nth-child(3) a:hover, #host_list td:nth-child(4) a:hover,
|
||||
#host_list td:nth-child(2) a:focus, #host_list td:nth-child(3) a:focus, #host_list td:nth-child(4) a:focus {
|
||||
filter: drop-shadow(0 0 1px #f60);
|
||||
filter: drop-shadow(0 0 1px #4661A9);
|
||||
}
|
||||
|
||||
#host_list .destaddress:focus {
|
||||
@@ -860,8 +896,8 @@ tr:hover .destaddress {
|
||||
|
||||
td.destinations {
|
||||
max-width: 50px !important;
|
||||
border-left: 1px solid #ddf;
|
||||
border-right: 1px solid #ddf;
|
||||
border-left: 1px solid #dee2e6;
|
||||
border-right: 1px solid #dee2e6;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -910,7 +946,7 @@ td.destinations textarea {
|
||||
/* identicon + qr image */
|
||||
|
||||
#visualid {
|
||||
border: 1px solid #7778bf !important;
|
||||
border: 1px solid #dee2e6 !important;
|
||||
margin-top: -1px;
|
||||
border-radius: 2px;
|
||||
background: #fafaff;
|
||||
@@ -922,7 +958,7 @@ td.destinations textarea {
|
||||
}
|
||||
|
||||
#visualid h3 {
|
||||
border-bottom: 1px solid #7778bf;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
padding: 8px 10px 6px;
|
||||
margin-top: 0;
|
||||
background: linear-gradient(to bottom, #fcfcff 50%, #eef 50%);
|
||||
@@ -957,7 +993,7 @@ td.destinations textarea {
|
||||
#visualid td[colspan="2"] {
|
||||
text-align: right;
|
||||
padding: 17px 5px;
|
||||
border-top: 1px solid #7778bf;
|
||||
border-top: 1px solid #dee2e6;
|
||||
background: #fff;
|
||||
background: linear-gradient(to bottom, #fafaff 50%, rgba(220,220,255,0.3)), repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(221, 221, 255, 0.3) 3px, #fff 5px) #fafaff !important;
|
||||
}
|
||||
@@ -965,7 +1001,7 @@ td.destinations textarea {
|
||||
img[src^="/imagegen"] {
|
||||
height: 256px;
|
||||
width: 256px;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
background: #fff;
|
||||
@@ -1006,15 +1042,15 @@ img[src="/imagegen/id?s=256&c="], img[src="/imagegen/id?s=20&c="] {
|
||||
}
|
||||
|
||||
.book th {
|
||||
border-bottom: 1px solid #7778bf;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.book textarea {
|
||||
padding: 0 !important;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-left: 1px solid #bbf;
|
||||
border-right: 1px solid #bbf;
|
||||
border-left: 1px solid #dee2e6;
|
||||
border-right: 1px solid #dee2e6;
|
||||
resize: none;
|
||||
background: none;
|
||||
}
|
||||
@@ -1022,7 +1058,7 @@ img[src="/imagegen/id?s=256&c="], img[src="/imagegen/id?s=20&c="] {
|
||||
div#book, #emptybook {
|
||||
margin: 1px 0 -1px;
|
||||
padding: 8px 8px 60px;
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
box-shadow: inset 0 0 0 1px #fff;
|
||||
background: #efefff;
|
||||
background: repeating-linear-gradient(135deg, rgba(255,255,255,0.5) 2px, rgba(220, 220, 255, 0.5) 3px, #fff 5px) #fafaff;
|
||||
@@ -1059,7 +1095,7 @@ table + p.buttons {
|
||||
}
|
||||
|
||||
#book + #buttons {
|
||||
border: 1px solid #7778bf;
|
||||
border: 1px solid #dee2e6;
|
||||
margin: -62px 9px 8px;
|
||||
}
|
||||
|
||||
@@ -1336,7 +1372,7 @@ input[type="radio"], input[type="radio"]:checked, input[type="radio"][disabled],
|
||||
background: #f8f8ff;
|
||||
width: 19px !important;
|
||||
height: 19px !important;
|
||||
box-shadow: inset 0 0 2px #7778bf;
|
||||
box-shadow: inset 0 0 2px #dee2e6;
|
||||
border-radius: 50%;
|
||||
-webkit-appearance: none;
|
||||
border: 1px solid #999daf !important;
|
||||
@@ -1418,7 +1454,7 @@ code, tt, .destaddress {
|
||||
}
|
||||
|
||||
#navi a {
|
||||
font-size: 11pt;
|
||||
font-size: 10pt !important;
|
||||
}
|
||||
|
||||
#export {
|
||||
|
||||
Reference in New Issue
Block a user