484 lines
7.7 KiB
CSS
484 lines
7.7 KiB
CSS
/* MAIN STYLES */
|
|
|
|
html {
|
|
overflow-x:hidden;
|
|
border: none;
|
|
}
|
|
|
|
body {
|
|
margin:1px;
|
|
color:#666;
|
|
font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
|
|
font-size:12px;
|
|
overflow-x:hidden;
|
|
}
|
|
|
|
h5 {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
a {
|
|
font-family: Tahoma, Arial, Helvetica, serif;
|
|
font-size:12px;
|
|
color: #058cb6;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
|
|
a.navigation img {
|
|
margin-bottom:-5px;
|
|
padding-right:5px;
|
|
border:none;
|
|
}
|
|
|
|
p {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
ul {
|
|
padding-bottom:30px;
|
|
}
|
|
|
|
h3 {
|
|
color:#000;
|
|
font-family: Tahoma, Arial, Helvetica, serif;
|
|
font-size:21px;
|
|
font-weight:normal;
|
|
padding-bottom:37px;
|
|
margin-top:35px;
|
|
}
|
|
|
|
h4 {
|
|
display:inline-block;
|
|
width:100%;
|
|
color:#B5B5B5;
|
|
font-family: Arial, Helvetica, Tahoma, serif;
|
|
font-size:20px;
|
|
font-weight:normal;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
h5 {
|
|
color:#666;
|
|
font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
|
|
font-size:13px;
|
|
padding:4px 0 10px 0;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.column {
|
|
float:left;
|
|
width:24%;
|
|
}
|
|
|
|
|
|
|
|
/* HEADER */
|
|
|
|
.header {
|
|
width:100%;
|
|
height: 100px;
|
|
background:url("images/head_bg.png");
|
|
}
|
|
|
|
a.logo {
|
|
display:block;
|
|
margin-left:48px;
|
|
height:100px;
|
|
width:100px;
|
|
background-image:url("images/logo.png");
|
|
float:left;
|
|
outline:none;
|
|
}
|
|
|
|
.tittle-dhtmlx {
|
|
padding: 29px 0 0 121px;
|
|
font-family:arial, serif;
|
|
font-size:16px;
|
|
color:white;
|
|
float:left;
|
|
cursor:default;
|
|
}
|
|
|
|
/* Search */
|
|
|
|
.search-field {
|
|
position:absolute;
|
|
float:right;
|
|
right:67px;
|
|
top:30px;
|
|
min-width: 430px;
|
|
}
|
|
|
|
.search-field input {
|
|
float:left;
|
|
width:351px;
|
|
height:20px;
|
|
background: white url("images/search-field.png");
|
|
border: none;
|
|
}
|
|
|
|
.search-field input:hover {
|
|
background-position:0 -20px;
|
|
}
|
|
|
|
input.button {
|
|
cursor:pointer;
|
|
margin-left:7px;
|
|
float:left;
|
|
width:70px;
|
|
height:20px;
|
|
background: white url("images/search-button.png");
|
|
border: 0;
|
|
}
|
|
|
|
input.button:hover {
|
|
background-position:0 -20px;
|
|
}
|
|
|
|
|
|
|
|
/* BUTTONS */
|
|
|
|
.buttons {
|
|
position:absolute;
|
|
width: 154px;
|
|
height: 24px;
|
|
left: 55px;
|
|
top:80px;
|
|
}
|
|
|
|
.buttons a.doc {
|
|
display:block;
|
|
height:24px;
|
|
width:93px;
|
|
background-image:url("images/doc-button.png");
|
|
float:left;
|
|
outline:none;
|
|
}
|
|
|
|
.buttons a.doc_inact {
|
|
display:block;
|
|
height:24px;
|
|
width:92px;
|
|
background-image:url("images/doc-button_inact.png");
|
|
float:left;
|
|
outline:none;
|
|
}
|
|
|
|
.buttons a.doc_inact:hover {
|
|
background-position:0 -24px;
|
|
}
|
|
|
|
.buttons a.sample {
|
|
display:block;
|
|
height:24px;
|
|
width:62px;
|
|
background-image:url("images/samples-but.png");
|
|
float:left;
|
|
outline:none;
|
|
}
|
|
|
|
.buttons a.sample_inact {
|
|
display:block;
|
|
height:24px;
|
|
width:55px;
|
|
background-image:url("images/samples-but_inact.png");
|
|
float:left;
|
|
outline:none;
|
|
}
|
|
|
|
.buttons a.sample_inact:hover {
|
|
background-position:0 -24px;
|
|
}
|
|
|
|
|
|
/* CONTENT */
|
|
|
|
.content {
|
|
margin: 30px 63px 0 63px;
|
|
}
|
|
|
|
.content li {
|
|
list-style:none;
|
|
height:22px;
|
|
}
|
|
|
|
li img {
|
|
margin-bottom:-5px;
|
|
padding-right: 7px;
|
|
}
|
|
|
|
.line {
|
|
margin: 0;
|
|
padding: 1px;
|
|
background: url("images/border-dotted.gif") repeat-x top;
|
|
}
|
|
|
|
|
|
/* NAVIGATION */
|
|
|
|
.navigation-div {
|
|
display:block;
|
|
height:35px;
|
|
width:100%;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
a.navigation {
|
|
outline:none;
|
|
float:left;
|
|
display:block;
|
|
height:25px;
|
|
padding: 2px 10px 0 5px;
|
|
border: solid 1px #cccccc;
|
|
}
|
|
|
|
a.navigation:hover {
|
|
background-color: #eaeff4;
|
|
border-color: #6699CC;
|
|
text-decoration:none;
|
|
outline:none;
|
|
}
|
|
|
|
a.navigation img {
|
|
margin-bottom:-5px;
|
|
padding-right:5px;
|
|
border:none;
|
|
}
|
|
|
|
.arrow {
|
|
float:left;
|
|
height:23px;
|
|
background:url("images/arrow.gif");
|
|
margin: 3px 3px;
|
|
width:8px;
|
|
}
|
|
|
|
a.view-source {
|
|
border: dashed 1px #cccccc;
|
|
}
|
|
|
|
|
|
/* LOGOS */
|
|
|
|
.big_logo {
|
|
display:block;
|
|
width:200px;
|
|
height:54px;
|
|
overflow:hidden;
|
|
line-height:1000px;
|
|
margin: 40px 0 20px 0;
|
|
}
|
|
|
|
.logo_grid{
|
|
background:transparent url("images/logo_grid.gif") no-repeat;
|
|
}
|
|
.logo_treegrid{
|
|
background:transparent url("images/logo_treegrid.gif") no-repeat;
|
|
}
|
|
.logo_tree{
|
|
background:transparent url("images/logo_tree.gif") no-repeat;
|
|
}
|
|
.logo_layout{
|
|
background:transparent url("images/logo_layout.gif") no-repeat;
|
|
}
|
|
.logo_menu{
|
|
background:transparent url("images/logo_menu.gif") no-repeat;
|
|
}
|
|
.logo_toolbar{
|
|
background:transparent url("images/logo_toolbar.gif") no-repeat;
|
|
}
|
|
.logo_windows{
|
|
background:transparent url("images/logo_windows.gif") no-repeat;
|
|
}
|
|
.logo_calendar{
|
|
background:transparent url("images/logo_calendar.gif") no-repeat;
|
|
}
|
|
.logo_slider{
|
|
background:transparent url("images/logo_slider.gif") no-repeat;
|
|
}
|
|
.logo_scheduler{
|
|
background:transparent url("images/logo_scheduler.gif") no-repeat;
|
|
}
|
|
.logo_colorpicker{
|
|
background:transparent url("images/logo_colorpicker.gif") no-repeat;
|
|
}
|
|
.logo_combo{
|
|
background:transparent url("images/logo_combo.gif") no-repeat;
|
|
}
|
|
.logo_tabbar{
|
|
background:transparent url("images/logo_tabbar.gif") no-repeat;
|
|
}
|
|
.logo_accordion{
|
|
background:transparent url("images/logo_accordion.gif") no-repeat;
|
|
}
|
|
.logo_folders{
|
|
background:transparent url("images/logo_folders.gif") no-repeat;
|
|
}
|
|
.logo_editor{
|
|
background:transparent url("images/logo_editor.gif") no-repeat;
|
|
}
|
|
.logo_ajax{
|
|
background:transparent url("images/logo_ajax.gif") no-repeat;
|
|
}
|
|
.logo_gantt{
|
|
background:transparent url("images/logo_gantt.gif") no-repeat;
|
|
}
|
|
.logo_chart{
|
|
background:transparent url("images/logo_chart.gif") no-repeat;
|
|
}
|
|
.logo_dataview{
|
|
background:transparent url("images/logo_dataview.gif") no-repeat;
|
|
}
|
|
.logo_form{
|
|
background:transparent url("images/logo_form.gif") no-repeat;
|
|
}
|
|
|
|
/* Topics */
|
|
|
|
.topics li {
|
|
background:url("../icons/old.gif") no-repeat;
|
|
padding-left: 25px;
|
|
line-height:22px;
|
|
}
|
|
|
|
.samples li {
|
|
background:url("../icons/file.gif") no-repeat;
|
|
}
|
|
|
|
ul.list {
|
|
margin-left:40px;
|
|
}
|
|
|
|
.list li {
|
|
list-style-image:url("../icons/bullet.gif");
|
|
}
|
|
|
|
.component-demo-placeholder {
|
|
width:602px;
|
|
height:252px;
|
|
background:url("images/grid-placeholder.gif");
|
|
}
|
|
|
|
|
|
/* FOOTER */
|
|
|
|
.footer {
|
|
display:block;
|
|
float:left;
|
|
width:100%;
|
|
height:64px;
|
|
background: white url("images/border-dotted-ccc.gif") repeat-x;
|
|
}
|
|
|
|
.footer-logo {
|
|
float:left;
|
|
width:55px;
|
|
height:24px;
|
|
background:url("images/footer-logo.gif");
|
|
margin: 20px 20px 20px 63px;
|
|
}
|
|
|
|
.copyright {
|
|
float:left;
|
|
margin-top:18px;
|
|
font-size:11px;
|
|
}
|
|
|
|
/* CODE */
|
|
|
|
.source {
|
|
width:100%;
|
|
background:url("images/source-bg.gif");
|
|
border-top: dashed 3px #ccc;
|
|
border-bottom: dotted 1px #ccc;
|
|
margin-top:20px;
|
|
}
|
|
|
|
.code {
|
|
margin:20px 63px;
|
|
}
|
|
|
|
.teg {
|
|
height:40px;
|
|
color:#ccc;
|
|
font-size:30px;
|
|
font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
|
|
background:url("images/source.gif") no-repeat 0 22px;
|
|
padding: 10px 0 0 63px;
|
|
}
|
|
|
|
/*colorizer*/
|
|
|
|
|
|
.hl-default {
|
|
color: Black;
|
|
}
|
|
.hl-code {
|
|
color: Gray;
|
|
}
|
|
.hl-brackets {
|
|
color: Olive;
|
|
}
|
|
.hl-comment {
|
|
color: Orange;
|
|
}
|
|
.hl-quotes {
|
|
color: Darkred;
|
|
}
|
|
.hl-string {
|
|
color: Red;
|
|
}
|
|
|
|
.hl-identifier {
|
|
color: Blue;
|
|
}
|
|
|
|
.hl-identifier a{
|
|
font-family: "Courier New";
|
|
font-size: 11px;
|
|
color: Blue;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.hl-builtin {
|
|
color: Teal;
|
|
}
|
|
.hl-reserved {
|
|
color: Green;
|
|
}
|
|
.hl-inlinedoc {
|
|
color: Blue;
|
|
}
|
|
.hl-var {
|
|
color: Darkblue;
|
|
}
|
|
.hl-url {
|
|
color: Blue;
|
|
}
|
|
.hl-special {
|
|
color: Navy;
|
|
}
|
|
.hl-number {
|
|
color: Maroon;
|
|
}
|
|
.hl-inlinetags {
|
|
color: Blue;
|
|
}
|
|
.hl-main {
|
|
background: transparent;
|
|
}
|
|
.hl-gutter {
|
|
background-color: #999999;
|
|
color: White
|
|
}
|
|
.hl-table {
|
|
font-family: "Courier New";
|
|
font-size: 12px;
|
|
border: solid 1px lightgray;
|
|
} |