IP Reg is a IPAM tool to keep track of assets, nodes (IP addresses, MAC addresses, DNS aliases) within different subnets, over different locations or even VLAN's. Written in PHP, used with a MySQL-database to have a unique insight in your local network.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
ipreg/tpl/style.css

249 lines
3.9 KiB

body {
background-color: #fff;
background-image: url("../images/background.png");
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 12px;
text-align: justify;
}
.icon {
vertical-align: bottom;
}
a {
color: #000;
}
a:hover {
color: #666;
}
img {
border: 0px;
}
input {
border: 0px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 100%;
}
select {
border: 0px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 100%;
}
textarea {
border: 0px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 100%;
height: 120px;
width: 350px;
}
.help {
border-bottom: 1px dotted #333;
cursor: help;
}
table.footer {
margin-top: 1ex;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}
table.footer td {
background-color: #666;
color: #fff;
font-weight: bold;
height: 25px;
}
table.header {
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
}
table.header td {
background-color: #666;
color: #fff;
font-weight: bold;
height: 25px;
}
table.info {
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
width: 800px;
}
table.info td {
background-color: #dcdcdc;
border: 1px #fff solid;
color: #000;
padding: 4px;
}
table.info td.header {
background-color: #666;
color: #fff;
font-weight: bold;
height: 25px;
}
table.info td.header_right {
background-color: #666;
color: #fff;
font-weight: bold;
height: 25px;
text-align: right;
}
table.info td.footer {
text-align: right;
}
table.info td.label {
vertical-align: top;
width: 200px;
}
table.info td.value {
vertical-align: top;
}
table.info td.help {
vertical-align: top;
}
table.menu {
width: 100%;
}
table.menu td {
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
table.title {
width: 800px;
}
table.title td {
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
font-weight: bold;
}
table.submenu {
}
table.submenu td {
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}
table.initials {
border: 1px solid rgb(170, 170, 170);
margin-bottom: 10px;
border-radius: 5px;
}
table.initials td {
padding: 8px 2px !important;
}
table.initials a {
border: 1px solid rgb(170, 170, 170);
padding: 4px 8px;
border-radius: 5px;
text-decoration: none;
background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(204, 204, 204)) repeat scroll 0% 0% transparent;
}
table.subnetview {
background-color: #dcdcdc;
}
table.subnetview td {
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
padding: 2px;
}
#breadcrumbs {
margin: 0;
padding: 0;
list-style-type: none;
}
#breadcrumbs li {
float: left;
padding-left: 15px;
background: url(../images/breadcrumb.gif) no-repeat 2px 2px;
}
#breadcrumbs li.first {
padding-left: 0;
background-image: none;
}
/* ========== Error and other messages ===== ================================ */
div.error, div.warning, div.info, div.note {
padding: 0 1em 0 36px;
margin: 1em 0 0 0;
border-radius: 12px;
width: 750px;
animation: fadeout 2s 10s forwards;
}
div.error {
border: 1px solid #8b0000;
background: #ff9999 url("../images/cancel.png") no-repeat scroll 4px 4px;
}
div.warning {
border: 1px solid #827206;
background: #ffdd00 url("../images/error.png") no-repeat scroll 4px 4px;
}
div.info {
border: 1px solid #006400;
background: #b0e1a9 url("../images/information.png") no-repeat scroll 4px 4px;
}
div.note {
border: 1px solid #00008b;
background: #c3d4de url("../images/note.png") no-repeat scroll 4px 4px;
}
div.error h3,
div.warning h3,
div.info h3,
div.note h3 {
font-size: 0.9em;
margin: 0.8em 0.5em 0.5em 0;
color: black;
}
div.error p,
div.warning p,
div.info p,
div.note p {
margin: 0.5em 0.5em 0.5em 0;
}
@keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; height: 0; }
}