forked from 0x2620/oxjs
despaghettify
This commit is contained in:
parent
8a447b8640
commit
de857d0af2
2 changed files with 570 additions and 286 deletions
91
index.css
91
index.css
|
|
@ -8,70 +8,35 @@ body.OxThemeModern {
|
|||
background-color: rgb(16, 16, 16);
|
||||
}
|
||||
|
||||
div {
|
||||
font-family: Lucida Grande, Segoe UI, DejaVu Sans, Arial;
|
||||
font-size: 11px;
|
||||
}
|
||||
.OxThemeClassic div {
|
||||
color: rgb(16, 16, 16);
|
||||
}
|
||||
.OxThemeModern div {
|
||||
color: rgb(240, 240, 240);
|
||||
.animate, .loading {
|
||||
position: absolute;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.OxThemeClassic .bar {
|
||||
background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
|
||||
background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
|
||||
background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(192, 192, 192));
|
||||
}
|
||||
.OxThemeModern .bar {
|
||||
background-image: -moz-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32));
|
||||
background-image: -o-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32));
|
||||
background-image: -webkit-linear-gradient(top, rgb(64, 64, 64), rgb(32, 32, 32));
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 0 4px 0 4px;
|
||||
border-radius: 4px;
|
||||
margin: 0 3px 0 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button.selected {
|
||||
cursor: default;
|
||||
}
|
||||
.button:hover {
|
||||
box-shadow: 0 0 1px rgb(0, 0, 0);
|
||||
}
|
||||
.OxThemeClassic .button:hover {
|
||||
//background-color: rgba(255, 255, 255, 0.5);
|
||||
box-shadow: 0 0 1px rgba(0, 0, 0, 1);
|
||||
}
|
||||
.OxThemeClassic .button.selected {
|
||||
background-color: rgb(255, 255, 255);
|
||||
box-shadow: 0 0 1px rgb(0, 0, 0);
|
||||
}
|
||||
.OxThemeModern .button:hover {
|
||||
//background-color: rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 0 1px rgba(255, 255, 255, 1);
|
||||
}
|
||||
.OxThemeModern .button.selected {
|
||||
background-color: rgb(0, 0, 0);
|
||||
box-shadow: 0 0 1px rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.doclink {
|
||||
.OxCode .doclink {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.OxComment .doclink {
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.OxComment .doclink:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.line {
|
||||
font-weight: bold;
|
||||
.loading {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.logo {
|
||||
cursor: pointer;
|
||||
.OxThemeClassic .logo {
|
||||
box-shadow: 0 0 1px rgb(0, 0, 0)
|
||||
}
|
||||
.OxThemeModern .logo {
|
||||
box-shadow: 0 0 1px rgb(255, 255, 255)
|
||||
}
|
||||
|
||||
.page {
|
||||
|
|
@ -104,11 +69,17 @@ div {
|
|||
}
|
||||
.OxThemeModern .page {
|
||||
border-color: rgb(48, 48, 48);
|
||||
background: rgb(255, 255, 255);
|
||||
background: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.ui {
|
||||
position: absolute;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
.screen {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1000;
|
||||
}
|
||||
.OxThemeClassic .screen {
|
||||
background-color: rgba(240, 240, 240, 1);
|
||||
}
|
||||
.OxThemeModern .screen {
|
||||
background-color: rgba(16, 16, 16, 1);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue