home *** CD-ROM | disk | FTP | other *** search
/ Hackers Magazine 57 / CdHackersMagazineNr57.iso / Software / Programming / dhtmlxMenu.exe / dhtmlxMenu / docsExplorer / codebase / css / style.css
Encoding:
Cascading Style Sheet File  |  2009-11-12  |  7.8 KB  |  472 lines
  1. /* MAIN STYLES */
  2.  
  3. html {
  4.     overflow-x:hidden;
  5.     border: none;
  6. }
  7.  
  8. body {
  9.     margin:1px;
  10.     color:#666;
  11.     font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
  12.     font-size:12px;
  13.     overflow-x:hidden;
  14. }
  15.  
  16. h5 {
  17.     margin:0;
  18.     padding:0;
  19. }
  20.  
  21. a {
  22.     font-family: Tahoma, Arial, Helvetica, serif;
  23.     font-size:12px;
  24.     color: #058cb6;
  25.     text-decoration:none;
  26. }
  27.  
  28. a:hover {
  29.     text-decoration:underline;
  30. }
  31.  
  32. a.navigation img {
  33.     margin-bottom:-5px;
  34.     padding-right:5px;
  35.     border:none;
  36. }
  37.  
  38. p {
  39.     margin: 20px 0;
  40. }
  41.  
  42. ul {
  43.     padding-bottom:30px;
  44. }
  45.  
  46. h3 {
  47.     color:#000;
  48.     font-family: Tahoma, Arial, Helvetica, serif;
  49.     font-size:21px;
  50.     font-weight:normal;
  51.     padding-bottom:37px;
  52.     margin-top:35px;
  53. }
  54.  
  55. h4 {
  56.     display:inline-block;
  57.     width:100%;
  58.     color:#B5B5B5;
  59.     font-family: Arial, Helvetica, Tahoma, serif;
  60.     font-size:20px;
  61.     font-weight:normal;
  62.     padding-bottom:20px;
  63. }
  64.  
  65. h5 {
  66.     color:#666;
  67.     font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
  68.     font-size:13px;
  69.     padding:4px 0 10px 0;
  70.     font-weight:bold;
  71. }
  72.  
  73. .column {
  74.     float:left;
  75.     width:24%;
  76. }
  77.  
  78.  
  79.  
  80. /* HEADER */
  81.  
  82. .header {
  83.     width:100%;
  84.     height: 100px;
  85.     background:url("../img/head_bg.png");
  86. }
  87.  
  88. a.logo {
  89.     display:block;
  90.     margin-left:48px;
  91.     height:100px;
  92.     width:100px;
  93.     background-image:url("../img/logo.png");
  94.     float:left;
  95.     outline:none;
  96. }
  97.  
  98. .tittle-dhtmlx {
  99.     padding: 29px 0 0 121px;
  100.     font-family:arial, serif;
  101.     font-size:16px;
  102.     color:white;
  103.     float:left;
  104.     cursor:default;
  105. }
  106.  
  107. /* Search */
  108.  
  109. .search-field {
  110.     position:absolute;
  111.     float:right;
  112.     right:67px;
  113.     top:30px;
  114.     min-width: 430px;
  115. }
  116.  
  117. .search-field input {
  118.     float:left;
  119.     width:351px;
  120.     height:20px;
  121.     background: white url("../img/search-field.png");
  122.     border: none;
  123. }
  124.  
  125. .search-field input:hover {
  126.     background-position:0 -20px;
  127. }
  128.  
  129. input.button {
  130.     cursor:pointer;
  131.     margin-left:7px;
  132.     float:left;
  133.     width:70px;
  134.     height:20px;
  135.     background: white url("../img/search-button.png");
  136.     border: 0;
  137. }
  138.  
  139. input.button:hover {
  140.     background-position:0 -20px;
  141. }
  142.  
  143.  
  144.  
  145. /* BUTTONS */
  146.  
  147. .buttons {
  148.     position:absolute;
  149.     width: 154px;
  150.     height: 24px;
  151.     left: 55px;
  152.     top:80px;
  153. }
  154.  
  155. .buttons a.doc {
  156.     display:block;
  157.     height:24px;
  158.     width:93px;
  159.     background-image:url("../img/doc-button.png");
  160.     float:left;
  161.     outline:none;
  162. }
  163.  
  164. .buttons a.doc_inact {
  165.     display:block;
  166.     height:24px;
  167.     width:92px;
  168.     background-image:url("../img/doc-button_inact.png");
  169.     float:left;
  170.     outline:none;
  171. }
  172.  
  173. .buttons a.doc_inact:hover {
  174.     background-position:0 -24px;
  175. }
  176.  
  177. .buttons a.sample {
  178.     display:block;
  179.     height:24px;
  180.     width:62px;
  181.     background-image:url("../img/samples-but.png");
  182.     float:left;
  183.     outline:none;
  184. }
  185.  
  186. .buttons a.sample_inact {
  187.     display:block;
  188.     height:24px;
  189.     width:55px;
  190.     background-image:url("../img/samples-but_inact.png");
  191.     float:left;
  192.     outline:none;
  193. }
  194.  
  195. .buttons a.sample_inact:hover {
  196.     background-position:0 -24px;
  197. }
  198.  
  199.  
  200. /* CONTENT */
  201.  
  202. .content {
  203.     margin: 30px 63px 0 63px;
  204. }
  205.  
  206. .content li {
  207.     list-style:none;
  208.     height:22px;
  209. }
  210.  
  211. li img {
  212.     margin-bottom:-5px;
  213.     padding-right: 7px;
  214. }
  215.  
  216. .line {
  217.     margin: 0;
  218.     padding: 1px;
  219.     background: url("../img/border-dotted.gif") repeat-x top;
  220. }
  221.  
  222.  
  223. /* NAVIGATION */
  224.  
  225. .navigation-div {
  226.     display:block;
  227.     height:35px;
  228.     width:100%;
  229.     margin-bottom:20px;
  230. }
  231.  
  232. a.navigation {
  233.     outline:none;
  234.     float:left;
  235.     display:block;
  236.     height:25px;
  237.     padding: 2px 10px 0 5px;
  238.     border: solid 1px #cccccc;
  239. }
  240.  
  241. a.navigation:hover {
  242.     background-color: #eaeff4;
  243.     border-color: #6699CC;
  244.     text-decoration:none;
  245.     outline:none;
  246. }
  247.  
  248. a.navigation img {
  249.     margin-bottom:-5px;
  250.     padding-right:5px;
  251.     border:none;
  252. }
  253.  
  254. .arrow {
  255.     float:left;
  256.     height:23px;
  257.     background:url("../img/arrow.gif");
  258.     margin: 3px 3px;
  259.     width:8px;
  260. }
  261.  
  262. a.view-source {
  263.     border: dashed 1px #cccccc;
  264. }
  265.  
  266.  
  267. /* LOGOS */
  268.  
  269. .big_logo {
  270.     display:block;
  271.     width:200px;
  272.     height:54px;
  273.     overflow:hidden;
  274.     line-height:1000px;
  275.     margin: 40px 0 20px 0;
  276. }
  277.  
  278. .logo_grid{
  279.     background:transparent url("../img/logo_grid.gif") no-repeat;
  280. }
  281. .logo_treegrid{
  282.     background:transparent url("../img/logo_treegrid.gif") no-repeat;
  283. }
  284. .logo_tree{
  285.     background:transparent url("../img/logo_tree.gif") no-repeat;
  286. }
  287. .logo_layout{
  288.     background:transparent url("../img/logo_layout.gif") no-repeat;
  289. }
  290. .logo_menu{
  291.     background:transparent url("../img/logo_menu.gif") no-repeat;
  292. }
  293. .logo_toolbar{
  294.     background:transparent url("../img/logo_toolbar.gif") no-repeat;
  295. }
  296. .logo_windows{
  297.     background:transparent url("../img/logo_windows.gif") no-repeat;
  298. }
  299. .logo_calendar{
  300.     background:transparent url("../img/logo_calendar.gif") no-repeat;
  301. }
  302. .logo_slider{
  303.     background:transparent url("../img/logo_slider.gif") no-repeat;
  304. }
  305. .logo_scheduler{
  306.     background:transparent url("../img/logo_scheduler.gif") no-repeat;
  307. }
  308. .logo_colorpicker{
  309.     background:transparent url("../img/logo_colorpicker.gif") no-repeat;
  310. }
  311. .logo_combo{
  312.     background:transparent url("../img/logo_combo.gif") no-repeat;
  313. }
  314. .logo_tabbar{
  315.     background:transparent url("../img/logo_tabbar.gif") no-repeat;
  316. }
  317. .logo_accordion{
  318.     background:transparent url("../img/logo_accordion.gif") no-repeat;
  319. }
  320. .logo_folders{
  321.     background:transparent url("../img/logo_folders.gif") no-repeat;
  322. }
  323. .logo_editor{
  324.     background:transparent url("../img/logo_editor.gif") no-repeat;
  325. }
  326. .logo_ajax{
  327.     background:transparent url("../img/logo_ajax.gif") no-repeat;
  328. }
  329.  
  330. /* Topics */
  331.  
  332. .topics li {
  333.     background:url("../icons/old.gif") no-repeat;
  334.     padding-left: 25px;
  335.     line-height:22px;
  336. }
  337.  
  338. .samples li {
  339.     background:url("../icons/file.gif") no-repeat;
  340. }
  341.  
  342. ul.list {
  343.     margin-left:40px;
  344. }
  345.  
  346. .list li {
  347.     list-style-image:url("../icons/bullet.gif");
  348. }
  349.  
  350. .component-demo-placeholder {
  351.     width:602px;
  352.     height:252px;
  353.     background:url("../img/grid-placeholder.gif");
  354. }
  355.  
  356.  
  357. /* FOOTER */
  358.  
  359. .footer {
  360.     display:block;
  361.     float:left;
  362.     width:100%;
  363.     height:64px;
  364.     background: white url("../img/border-dotted-ccc.gif") repeat-x;
  365. }
  366.  
  367. .footer-logo {
  368.     float:left;
  369.     width:55px;
  370.     height:24px;
  371.     background:url("../img/footer-logo.gif");
  372.     margin: 20px 20px 20px 63px;
  373. }
  374.  
  375. .copyright {
  376.     float:left;
  377.     margin-top:18px;
  378.     font-size:11px;
  379. }
  380.  
  381. /* CODE */
  382.  
  383. .source {
  384.     width:100%;
  385.     background:url("../img/source-bg.gif");
  386.     border-top: dashed 3px #ccc;
  387.     border-bottom: dotted 1px #ccc;
  388.     margin-top:20px;
  389. }
  390.  
  391. .code {
  392.     margin:20px 63px;
  393. }
  394.  
  395. .teg {
  396.     height:40px;
  397.     color:#ccc;
  398.     font-size:30px;
  399.     font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
  400.     background:url("../img/source.gif") no-repeat 0 22px;
  401.     padding: 10px 0 0 63px;
  402. }
  403.  
  404. /*colorizer*/
  405.  
  406.  
  407. .hl-default {
  408.     color: Black;
  409. }
  410. .hl-code {
  411.     color: Gray;
  412. }
  413. .hl-brackets {
  414.     color: Olive;
  415. }
  416. .hl-comment {
  417.     color: Orange;
  418. }
  419. .hl-quotes {
  420.     color: Darkred;
  421. }
  422. .hl-string {
  423.     color: Red;
  424. }
  425.  
  426. .hl-identifier {
  427.     color: Blue;
  428. }
  429.  
  430. .hl-identifier a{
  431.             font-family: "Courier New";
  432.         font-size: 11px;
  433.         color: Blue;
  434.         text-decoration: underline;
  435. }
  436.  
  437. .hl-builtin {
  438.     color: Teal;
  439. }
  440. .hl-reserved {
  441.     color: Green;
  442. }
  443. .hl-inlinedoc {
  444.     color: Blue;
  445. }
  446. .hl-var {
  447.     color: Darkblue;
  448. }
  449. .hl-url {
  450.     color: Blue;
  451. }
  452. .hl-special {
  453.     color: Navy;
  454. }
  455. .hl-number {
  456.     color: Maroon;
  457. }
  458. .hl-inlinetags {
  459.     color: Blue;
  460. }
  461. .hl-main {
  462.     background: transparent;
  463. }
  464. .hl-gutter {
  465.     background-color: #999999;
  466.     color: White
  467. }
  468. .hl-table {
  469.     font-family: "Courier New";
  470.     font-size: 12px;
  471.     border: solid 1px lightgray;
  472. }