mirror of
https://github.com/ACSPRI/queXS
synced 2024-04-02 12:12:16 +00:00
281 lines
4.9 KiB
CSS
281 lines
4.9 KiB
CSS
/*
|
|
|
|
bright: rgb(234,242,255);
|
|
normal: rgb(120,172,255);
|
|
dark: rgb(0,66,174);
|
|
|
|
*/ /* import menu css */ /*
|
|
@import "dhtml/xmenu/xmenu.css";
|
|
*/
|
|
#webfx-about {
|
|
position: absolute;
|
|
background: white;
|
|
top: 102px;
|
|
right: 10px;
|
|
width: 20px;
|
|
writing-mode: tb-rl;
|
|
filter: flipH() flipV() alpha(opacity = 50);
|
|
}
|
|
|
|
/* headers css */
|
|
#webfx-title {
|
|
position: absolute;
|
|
left: 90px;
|
|
top: -5px;
|
|
color: black;
|
|
background: transparent;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-family: Arial Black, Verdana, Helvetica, Sans-Serif;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-size: 45px;
|
|
letter-spacing: -5px;
|
|
}
|
|
|
|
#webfx-title-background {
|
|
width: 100%;
|
|
height: 67px;
|
|
background: white no-repeat; /*rgb(100,100,100) no-repeat;*/
|
|
background-image: url("images/title-background.png");
|
|
background-position: 0 0;
|
|
}
|
|
|
|
#webfx-sub-title {
|
|
position: absolute;
|
|
left: 96px;
|
|
top: 45px;
|
|
color: black;
|
|
background: transparent;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
font-family: Verdana, Helvetica, Sans-Serif;
|
|
font-size: 11px;
|
|
}
|
|
|
|
#webfx-menu-bar-1,#webfx-menu-bar-2,#webfx-menu-bar-3,#webfx-menu-bar-4,#webfx-menu-bar-5
|
|
{
|
|
height: 2px;
|
|
font-size: 0;
|
|
overflow: hidden;
|
|
background: rgb(120, 172, 255); /*#ff8800;*/
|
|
padding: 0;
|
|
}
|
|
|
|
#webfx-menu-bar-1 {
|
|
background: rgb(0, 66, 174);
|
|
/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/
|
|
height: 1px;
|
|
}
|
|
|
|
#webfx-menu-bar-2 {
|
|
background: rgb(120, 172, 255); /*#ff8800;*/
|
|
height: 1px;
|
|
}
|
|
|
|
#webfx-menu-bar-3 {
|
|
background: rgb(120, 172, 255); /*#ff8800;*/
|
|
height: 1px;
|
|
}
|
|
|
|
#webfx-menu-bar-4 {
|
|
background: rgb(0, 66, 174);
|
|
height: 1px;
|
|
}
|
|
|
|
#webfx-menu-bar-5 {
|
|
background: #dddddd;
|
|
height: 3px;
|
|
}
|
|
|
|
/* headers css end */
|
|
html,body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: url("images/background-shadow.gif") repeat-y white;
|
|
color: black;
|
|
font-size: 13px;
|
|
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
|
|
}
|
|
|
|
.webfx-main-body {
|
|
margin-left: 100px;
|
|
width: 500px;
|
|
border-left: 1px solid rgb(120, 172, 255);
|
|
}
|
|
|
|
/* h1 only used in header */
|
|
h2,h3,h4,h5,h6 {
|
|
margin-top: 10px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
padding: 2px 10px 2px 10px;
|
|
background: rgb(234, 242, 255);
|
|
border-bottom: 1px solid rgb(120, 172, 255);
|
|
}
|
|
|
|
h1,h2 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
h3,h4,h5,h6 {
|
|
font-weight: bold;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 50px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 15px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
p {
|
|
margin: 10px;
|
|
font-size: 13px;
|
|
color: black;
|
|
text-align: justify;
|
|
}
|
|
|
|
td {
|
|
font-size: 13px;
|
|
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
|
|
}
|
|
|
|
pre {
|
|
margin: 20px;
|
|
margin-right: 10px;
|
|
background: #eeeeee;
|
|
padding: 10px;
|
|
border: 1px solid #dddddd;
|
|
color: black;
|
|
}
|
|
|
|
code {
|
|
background: #eeeeee;
|
|
border: 1px solid #dddddd;
|
|
color: black;
|
|
}
|
|
|
|
a {
|
|
text-decoration: underline;
|
|
color: rgb(0, 66, 174);
|
|
}
|
|
|
|
a:hover { /*rgb(0,66,174)*/
|
|
color: rgb(0, 66, 174);
|
|
background: rgb(234, 242, 255);
|
|
}
|
|
|
|
a:visited {
|
|
color: rgb(120, 172, 255);
|
|
}
|
|
|
|
a:visited:hover {
|
|
color: rgb(0, 66, 174);
|
|
}
|
|
|
|
hr {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
padding: 0;
|
|
text-align: left;
|
|
height: 1px;
|
|
color: rgb(120, 172, 255);
|
|
background-color: rgb(120, 172, 255);
|
|
border-bottom: 1px solid rgb(120, 172, 255);
|
|
border: 0;
|
|
}
|
|
|
|
h2 a,h3 a {
|
|
display: block;
|
|
text-decoration: none;
|
|
width: expression("100%");
|
|
}
|
|
|
|
table {
|
|
margin: 10px;
|
|
font-size: 13px;
|
|
color: black;
|
|
}
|
|
|
|
thead td {
|
|
background: rgb(234, 242, 255);
|
|
border-bottom: 1px solid rgb(120, 172, 255);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.author {
|
|
margin-top: 50px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.date {
|
|
color: rgb(0, 66, 174);
|
|
}
|
|
|
|
.warning,.warning a {
|
|
color: red;
|
|
}
|
|
|
|
.warning a:visited,.warning a:hover {
|
|
color: red;
|
|
}
|
|
|
|
.warning a:hover {
|
|
background: rgb(255, 230, 230);
|
|
}
|
|
|
|
/* copied from xmenu.css */
|
|
.webfx-menu-bar {
|
|
background: rgb(120, 172, 255); /*rgb(255,128,0);*/
|
|
padding: 2px;
|
|
font-family: Verdana, Helvetica, Sans-Serif;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.webfx-menu-bar a,.webfx-menu-bar a:visited {
|
|
color: black;
|
|
border: 1px solid rgb(120, 172, 255); /*rgb(255,128,0);*/
|
|
text-decoration: none;
|
|
padding: 1px;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.webfx-menu-bar a:hover {
|
|
color: black;
|
|
background: rgb(120, 172, 255);
|
|
border-left: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
|
|
border-right: 1px solid rgb(0, 66, 174); /*#884400;*/
|
|
border-top: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
|
|
border-bottom: 1px solid rgb(0, 66, 174); /*#884400;*/
|
|
}
|
|
|
|
.webfx-menu-bar a .arrow {
|
|
border: 0;
|
|
float: none;
|
|
/*
|
|
float: right;
|
|
width: 6px;
|
|
height: 16px;
|
|
|
|
margin-right: 2px;
|
|
background: red;
|
|
*/
|
|
}
|
|
|
|
.webfx-menu-bar a:active,.webfx-menu-bar a:focus {
|
|
-moz-outline: none;
|
|
outline: none;
|
|
}
|
|
/* end xmenu.css copy */ |