update 1802021600
This commit is contained in:
vkservicesllc
8
style/!reset.css
Normal file
8
style/!reset.css
Normal file
@@ -0,0 +1,8 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
|
||||
@import url('https://fonts.googleapis.com/css?family=Hammersmith+One');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: white;
|
||||
}
|
||||
43
style/user/background_text-color.css
Normal file
43
style/user/background_text-color.css
Normal file
@@ -0,0 +1,43 @@
|
||||
@import url('../!reset.css');
|
||||
|
||||
* { background-color: aliceblue; }
|
||||
|
||||
|
||||
/* BACKGROUND */
|
||||
/* ======================== */
|
||||
|
||||
div#navbar,
|
||||
.sub > li,
|
||||
.nav a { background-color: black; }
|
||||
|
||||
fieldset,
|
||||
th, th span,
|
||||
td, td span,
|
||||
td a, td a span,
|
||||
td.unq div,
|
||||
td.unq ul li,
|
||||
td.unq ul li a { background-color: azure; }
|
||||
|
||||
legend { background-color: darkblue; }
|
||||
|
||||
|
||||
/* COLOR */
|
||||
/* ======================== */
|
||||
|
||||
h3 { color: darkgreen; }
|
||||
|
||||
p { color: darkred; }
|
||||
|
||||
.nav a.h,
|
||||
.nav a.e { color: lightgray; }
|
||||
.nav a.h:hover { color: yellow; }
|
||||
|
||||
legend { color: lightgray; }
|
||||
|
||||
td { color: #ff8080; }
|
||||
|
||||
td a.h,
|
||||
td a.h:visited { color: darkblue; }
|
||||
td a.h:hover { color: darkgreen; }
|
||||
|
||||
td.unq a.e { color: darkgray; }
|
||||
30
style/user/border.css
Normal file
30
style/user/border.css
Normal file
@@ -0,0 +1,30 @@
|
||||
h3 {
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 2px solid darkgreen;
|
||||
}
|
||||
|
||||
.nav > li > a { border-right: 0.5px solid #202020; }
|
||||
|
||||
#rpm a { border-right: none; }
|
||||
|
||||
.sub > li > a { border-top: 0.5px solid #202020; }
|
||||
|
||||
fieldset {
|
||||
border: 1px solid darkblue;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
fieldset table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
legend {
|
||||
border-radius: 16px 8px 16px 8px;
|
||||
}
|
||||
|
||||
th, td { border-bottom: 1.5px solid lightblue; }
|
||||
|
||||
td.unq { border: none; }
|
||||
|
||||
td.unq ul li,
|
||||
td.unq ul li a { border-bottom: 1px solid lightblue; }
|
||||
57
style/user/font_text.css
Normal file
57
style/user/font_text.css
Normal file
@@ -0,0 +1,57 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:700');
|
||||
@import url('https://fonts.googleapis.com/css?family=Hammersmith+One');
|
||||
|
||||
body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
letter-spacing: 0.377px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
letter-spacing: 1.7px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
font-size: 77%;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
a { text-decoration: none; }
|
||||
td a.h:hover { text-decoration: underline; }
|
||||
|
||||
span {
|
||||
font-weight: normal;
|
||||
font-size: 72%;
|
||||
}
|
||||
|
||||
.sub a { text-align: left; }
|
||||
|
||||
legend {
|
||||
font-family: 'Hammersmith One', sans-serif;
|
||||
font-size: 90%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th {
|
||||
font-size: 105%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td.unq div a { font-size: 84%; }
|
||||
|
||||
td.unq ul li,
|
||||
td.unq ul li a {
|
||||
font-size: 13.75px;
|
||||
}
|
||||
|
||||
fieldset#monitoring table tr th { text-align: left; }
|
||||
|
||||
fieldset#monitoring table tr td { text-align: right; }
|
||||
|
||||
fieldset table {
|
||||
font-size: 92%;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
48
style/user/~general.css
Normal file
48
style/user/~general.css
Normal file
@@ -0,0 +1,48 @@
|
||||
@import url('background_text-color.css');
|
||||
@import url('border.css');
|
||||
@import url('font_text.css');
|
||||
|
||||
/* CURSOR */
|
||||
/* ======================== */
|
||||
|
||||
h3, p, th, tr, legend { cursor: default; }
|
||||
|
||||
/* MARGIN & PADDING */
|
||||
/* ======================== */
|
||||
|
||||
body { margin: 0 auto; }
|
||||
|
||||
div { margin-top: 16px; }
|
||||
|
||||
div#user {
|
||||
margin-top: 24px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h3 { margin: 7px; }
|
||||
|
||||
p { margin-bottom: 7px; }
|
||||
|
||||
.nav a { padding: 7px 14px; }
|
||||
|
||||
fieldset {
|
||||
padding: 24px 32px 32px;
|
||||
margin-top: 27px;
|
||||
}
|
||||
|
||||
legend { padding: 4px 32px; }
|
||||
|
||||
th, td { padding: 6.2px 12px; }
|
||||
|
||||
td.unq ul li,
|
||||
td.unq ul li a {
|
||||
margin-top: 6.4px;
|
||||
padding: 6.4px 0;
|
||||
}
|
||||
|
||||
table.add { margin-top: 7px; }
|
||||
|
||||
/* LIST STYLE */
|
||||
/* ======================== */
|
||||
|
||||
ul { list-style-type: none; }
|
||||
47
style/user/~parameter_position.css
Normal file
47
style/user/~parameter_position.css
Normal file
@@ -0,0 +1,47 @@
|
||||
body { width: 960px; }
|
||||
|
||||
.nav > li {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.sub > li { position: relative; }
|
||||
|
||||
.nav a {
|
||||
display: block;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sub { display: none; }
|
||||
|
||||
div#navbar {
|
||||
width: 960px;
|
||||
height: 34px;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
fieldset#urls,
|
||||
fieldset#monitoring,
|
||||
fieldset#shortcuts,
|
||||
fieldset#tools {
|
||||
position: relative;
|
||||
top: 60px;
|
||||
}
|
||||
|
||||
fieldset table { width: 100%; }
|
||||
|
||||
td.unq div ul {
|
||||
position: absolute;
|
||||
width: 144px;;
|
||||
z-index: 4;
|
||||
display: none;
|
||||
}
|
||||
|
||||
td.unq div:hover ul { display: block; }
|
||||
|
||||
ul.nav li:hover ul.sub { display: block; }
|
||||
|
||||
td a.e { visibility: hidden; }
|
||||
|
||||
td.unq a.e { visibility: visible; }
|
||||
222
style/~index(TEMP)/style.css
Normal file
222
style/~index(TEMP)/style.css
Normal file
@@ -0,0 +1,222 @@
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: seashell;
|
||||
font-family: Helvetica, san-serif;
|
||||
}
|
||||
|
||||
div {
|
||||
margin: 0px auto;
|
||||
width: 1750px;
|
||||
}
|
||||
|
||||
div#header {
|
||||
background-color: black;
|
||||
margin-top: 24px;
|
||||
padding: 0px 16px;
|
||||
height: 48px;
|
||||
border-bottom-left-radius: 16px;
|
||||
border-bottom-right-radius: 16px;
|
||||
position: relative;
|
||||
z-index:2;
|
||||
opacity: 0.92;
|
||||
}
|
||||
|
||||
ul#navmenu, ul.sub1, ul.sub2, ul.sub3 {
|
||||
list-style-type: none;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
i.itnav {
|
||||
font-size: 72%;
|
||||
}
|
||||
|
||||
ul#navmenu li {
|
||||
width: 250px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
ul#navmenu a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 250px;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
background-color: black;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
ul#navmenu li:hover > a {
|
||||
background-color: gray;
|
||||
color: black;
|
||||
}
|
||||
|
||||
ul#navmenu li:hover a.e:hover {
|
||||
background-color: lightgray;
|
||||
color: black;
|
||||
}
|
||||
|
||||
ul#navmenu li:hover a.h:hover {
|
||||
background-color: green;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
ul#navmenu ul.sub1 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
ul#navmenu ul.sub2 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 250px;
|
||||
}
|
||||
|
||||
ul#navmenu ul.sub3 {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 250px;
|
||||
}
|
||||
|
||||
ul#navmenu li:hover .sub1 {
|
||||
display: block;
|
||||
border-top: 3.2px solid darkgray;
|
||||
}
|
||||
|
||||
ul#navmenu .sub1 li:hover .sub2,
|
||||
ul#navmenu .sub1 li:hover .sub3 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div#wrapper, div#aside {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background-color: lightgray;
|
||||
border: 0.5px 2px 2px 0.5px solid lightgray;
|
||||
border-radius: 9px;
|
||||
box-shadow: inset -1.2px -1.2px 12px black;
|
||||
}
|
||||
|
||||
div#wrapper {
|
||||
top: 24px;
|
||||
padding: 32px 0px 32px 24px;
|
||||
margin-bottom: 48px;
|
||||
width: 1720px;
|
||||
}
|
||||
|
||||
div#aside {
|
||||
padding: 32px;
|
||||
width: 736px;
|
||||
height: 540px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
h4 {
|
||||
letter-spacing: 0.2px;
|
||||
font-style: oblique;
|
||||
text-indent: 24px;
|
||||
}
|
||||
|
||||
ol {
|
||||
margin: 16px 24px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
ol li {
|
||||
line-height: 24px;
|
||||
color: darkred;
|
||||
}
|
||||
|
||||
li strong {
|
||||
font-size: 120%;
|
||||
letter-spacing: 0.5px;
|
||||
color: darkblue;
|
||||
}
|
||||
|
||||
div#background {
|
||||
margin: 0;
|
||||
width: 900px;
|
||||
height: 574px;
|
||||
position: relative;
|
||||
float: left;
|
||||
background-image: url("../../image/background.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
}
|
||||
|
||||
img.one, img.two, img.three, img.four, img.five {
|
||||
margin-right: 78px;
|
||||
}
|
||||
|
||||
img.one {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
img.six {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
img {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 16px;
|
||||
font-family: Arial;
|
||||
font-size: 18px;
|
||||
letter-spacing: 0.7px;
|
||||
font-weight: bold;
|
||||
color: darkgreen;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: right;
|
||||
font-size: 84%;
|
||||
color: brown;
|
||||
letter-spacing: 0.4px;
|
||||
font-style: oblique;
|
||||
}
|
||||
|
||||
#aside div.button {
|
||||
width: 164px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
background-color: darkblue;
|
||||
border-radius: 7px;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 24px;
|
||||
border: 1px solid darkblue;
|
||||
}
|
||||
|
||||
#aside div.button a {
|
||||
display: block;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
text-decoration: none;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
#aside div.button:hover {
|
||||
background-color: green;
|
||||
border: 1px solid lightgreen;
|
||||
}
|
||||
|
||||
#aside div.button:hover a {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
#aside div.button:active {
|
||||
font-size: 94%;
|
||||
}
|
||||
Reference in New Issue
Block a user