home *** CD-ROM | disk | FTP | other *** search
/ Image Zone / ImageZone.iso / setup.exe / Graphics / html / Help / wp-content / themes / hyperlync_help / style.css
Encoding:
Cascading Style Sheet File  |  2009-12-10  |  9.5 KB  |  691 lines
  1. /*
  2. Theme Name: Hyperlync Help
  3. Theme URI: http://www.hyperlync.com/
  4. Description: Theme made for presentation of the online help files
  5. Version: 1.0
  6. Author: Matvey Shapiro
  7. Author URI: http://www.hyperlync.com/
  8. Tags: help, simple, 2 columns
  9. */
  10.  
  11.  
  12. /* Begin Typography & Colors */
  13.  
  14. body {
  15.     font-size: 62.5%; /* Resets 1em to 10px */
  16.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  17.     background: #FFF;
  18.     background-image: url(images/body_bg.gif);
  19.     background-repeat: repeat-y; 
  20.     background-position: top left;
  21.     color: #333;
  22.     text-align: center;
  23.     }
  24.  
  25. #page {
  26.     border: 1px solid #959596;
  27.     text-align: left;
  28.     }
  29.  
  30. #content {
  31.     font-size: 1.2em
  32.     }
  33.  
  34. .widecolumn .entry p {
  35.     font-size: 1.05em;
  36.     }
  37.  
  38. .narrowcolumn .entry, .widecolumn .entry {
  39.     line-height: 1.4em;
  40.     }
  41.  
  42. .widecolumn {
  43.     line-height: 1.6em;
  44.     }
  45.  
  46. .narrowcolumn .postmetadata {
  47.     text-align: center;
  48.     }
  49.  
  50. .thread-alt {
  51.     background-color: #f8f8f8;
  52. }
  53. .thread-even {
  54.     background-color: white;
  55. }
  56. .depth-1 {
  57. border: 1px solid #ddd;
  58. }
  59.  
  60. .even, .alt {
  61.  
  62.     border-left: 1px solid #ddd;
  63. }
  64.  
  65. #footer {
  66.     border: none;
  67.     }
  68.  
  69. small {
  70.     font-family: Arial, Helvetica, Sans-Serif;
  71.     font-size: 0.9em;
  72.     line-height: 1.5em;
  73.     }
  74.  
  75. h1, h2, h3 {
  76.     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  77.     font-weight: bold;
  78.     }
  79.  
  80. h1 {
  81.     font-size: 3em;
  82.     padding: 10px 0 0 35px;
  83.     }
  84.  
  85. .description {
  86.     position: absolute;
  87.     top: 20px;
  88.     left: 330px;
  89.     font-size: 1.2em;
  90.     text-align: center;
  91.     color: #000;
  92.     }
  93.     
  94. h2 {
  95.     font-size: 1.6em;
  96.     }
  97.  
  98. h2.pagetitle {
  99.     font-size: 1.6em;
  100.     }
  101.  
  102. #sidebar h2 {
  103.     font-family: 'Lucida Grande', Verdana, Sans-Serif;
  104.     font-size: 1.2em;
  105.     }
  106.  
  107. h3 {
  108.     font-size: 1.3em;
  109.     }
  110.  
  111. h1, h1 a, h1 a:hover, h1 a:visited {
  112.     text-decoration: none;
  113.     color: white;
  114.     }
  115.  
  116. h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
  117.     color: #333;
  118.     }
  119.  
  120. h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
  121.     text-decoration: none;
  122.     }
  123.  
  124. .entry p a:visited {
  125.     color: #b85b5a;
  126.     }
  127.  
  128. .commentlist li, #commentform input, #commentform textarea {
  129.     font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  130.     }
  131. .commentlist li ul li {
  132.     font-size: 1em;
  133. }
  134.  
  135. .commentlist li {
  136.     font-weight: bold;
  137. }
  138.  
  139. .commentlist li .avatar { 
  140.     float: right;
  141.     border: 1px solid #eee;
  142.     padding: 2px;
  143.     background: #fff;
  144.     }
  145.  
  146. .commentlist cite, .commentlist cite a {
  147.     font-weight: bold;
  148.     font-style: normal;
  149.     font-size: 1.1em;
  150.     }
  151.  
  152. .commentlist p {
  153.     font-weight: normal;
  154.     line-height: 1.5em;
  155.     text-transform: none;
  156.     }
  157.  
  158. #commentform p {
  159.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  160.     }
  161.  
  162. .commentmetadata {
  163.     font-weight: normal;
  164.     }
  165.  
  166. #sidebar {
  167.     font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  168.     }
  169.  
  170. small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  171.     color: #777;
  172.     }
  173.  
  174. code {
  175.     font: 1.1em 'Courier New', Courier, Fixed;
  176.     }
  177.  
  178. acronym, abbr, span.caps
  179. {
  180.     font-size: 0.9em;
  181.     letter-spacing: .07em;
  182.     }
  183.  
  184. a, h2 a:hover, h3 a:hover {
  185.     color: #002563;
  186.     text-decoration: none;
  187.     }
  188.  
  189. a:hover {
  190.     color: #147;
  191.     text-decoration: underline;
  192.     }
  193.  
  194. #wp-calendar #prev a, #wp-calendar #next a {
  195.     font-size: 9pt;
  196.     }
  197.  
  198. #wp-calendar a {
  199.     text-decoration: none;
  200.     }
  201.  
  202. #wp-calendar caption {
  203.     font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  204.     text-align: center;
  205.     }
  206.  
  207. #wp-calendar th {
  208.     font-style: normal;
  209.     text-transform: capitalize;
  210.     }
  211. /* End Typography & Colors */
  212.  
  213.  
  214.  
  215. /* Begin Structure */
  216. body {
  217.     margin: 0;
  218.     padding: 0;
  219.     border: 0;
  220.     }
  221.  
  222. #page {
  223.     margin: 0;
  224.     padding: 0;
  225.     width: 100%;
  226.     border: 0;
  227.     }
  228.  
  229. #header {
  230.     background-color: #FFF;
  231.     background-image: url(images/product_logo.jpg);
  232.     background-repeat: no-repeat; 
  233.     background-position: top left;
  234.     margin: 0;
  235.     padding: 0;
  236.     height: 50px;
  237.     width: 100%;
  238.     border-bottom: 1px solid gray;
  239.     }
  240.  
  241. .narrowcolumn {
  242.     ffloat: right;
  243.     position: absolute;
  244.     left: 300px;
  245.     right: 35px;
  246.     padding: 0 0 20px 30px;
  247.     margin: 0px 0 0;
  248.     vwidth: 70%;
  249.     }
  250.  
  251. .widecolumn {
  252.     padding: 10px 0 20px 0;
  253.     margin: 5px 0 0 150px;
  254.     width: 450px;
  255.     }
  256.  
  257. .post {
  258.     margin: 0 0 40px;
  259.     text-align: justify;
  260.     }
  261.  
  262. .post hr {
  263.     display: block;
  264.     }
  265.  
  266. .widecolumn .post {
  267.     margin: 0;
  268.     }
  269.  
  270. .narrowcolumn .postmetadata {
  271.     padding-top: 5px;
  272.     }
  273.  
  274. .widecolumn .postmetadata {
  275.     margin: 30px 0;
  276.     }
  277.  
  278. .widecolumn .smallattachment {
  279.     text-align: center;
  280.     float: left;
  281.     width: 128px;
  282.     margin: 5px 5px 5px 0px;
  283. }
  284.  
  285. .widecolumn .attachment {
  286.     text-align: center;
  287.     margin: 5px 0px;
  288. }
  289.  
  290. .postmetadata {
  291.     clear: both;
  292. }
  293.  
  294. .clear {
  295.     clear: both;
  296. }
  297.  
  298. #footer {
  299.     padding: 0;
  300.     margin: 0 auto;
  301.     width: 760px;
  302.     clear: both;
  303.     }
  304.  
  305. #footer p {
  306.     margin: 0;
  307.     padding: 20px 0;
  308.     text-align: center;
  309.     }
  310. /* End Structure */
  311.  
  312.  
  313.  
  314. /*    Begin Headers */
  315. h1 {
  316.     margin: 0;
  317.     }
  318.  
  319. h2 {
  320.     margin: 30px 0 0;
  321.     }
  322.  
  323. h2.pagetitle {
  324.     margin-top: 30px;
  325.     text-align: left;
  326. }
  327.  
  328. #sidebar h2 {
  329.     margin: 5px 0 0;
  330.     padding: 0;
  331.     }
  332.  
  333. h3 {
  334.     padding: 0;
  335.     margin: 20px 0 0;
  336.     }
  337.  
  338. h3.comments {
  339.     padding: 0;
  340.     margin: 40px auto 20px ;
  341.     }
  342. /* End Headers */
  343.  
  344.  
  345.  
  346. /* Begin Images */
  347. p img {
  348.     padding: 0;
  349.     max-width: 100%;
  350.     }
  351.  
  352. /*    Using 'class="alignright"' on an image will (who would've
  353.     thought?!) align the image to the right. And using 'class="centered',
  354.     will of course center the image. This is much better than using
  355.     align="center", being much more futureproof (and valid) */
  356.  
  357. img.centered {
  358.     display: block;
  359.     margin-left: auto;
  360.     margin-right: auto;
  361.     }
  362.  
  363. img.alignright {
  364.     padding: 4px;
  365.     margin: 0 0 2px 7px;
  366.     display: inline;
  367.     }
  368.  
  369. img.alignleft {
  370.     padding: 4px;
  371.     margin: 0 7px 2px 0;
  372.     display: inline;
  373.     }
  374.  
  375. .alignright {
  376.     float: right;
  377.     }
  378.  
  379. .alignleft {
  380.     float: left
  381.     }
  382. /* End Images */
  383.  
  384.  
  385.  
  386. /* Begin Lists
  387.  
  388.     Special stylized non-IE bullets
  389.     Do not work in Internet Explorer, which merely default to normal bullets. */
  390.  
  391. html>body .entry ul {
  392.     margin-left: 0px;
  393.     padding: 0 0 0 30px;
  394.     list-style: none;
  395.     padding-left: 10px;
  396.     text-indent: -10px;
  397.     }
  398.  
  399. html>body .entry li {
  400.     margin: 7px 0 8px 10px;
  401.     }
  402.  
  403. .entry ul li:before, #sidebar ul ul li:before {
  404.     content: "\00BB \0020";
  405.     }
  406.  
  407. .entry ol {
  408.     padding: 0 0 0 35px;
  409.     margin: 0;
  410.     }
  411.  
  412. .entry ol li {
  413.     margin: 0;
  414.     padding: 0;
  415.     }
  416.  
  417. .postmetadata ul, .postmetadata li {
  418.     display: inline;
  419.     list-style-type: none;
  420.     list-style-image: none;
  421.     }
  422.  
  423. #sidebar ul, #sidebar ul ol {
  424.     margin: 0;
  425.     padding: 0;
  426.     }
  427.  
  428. #sidebar ul li {
  429.     list-style-type: none;
  430.     list-style-image: none;
  431.     margin-bottom: 15px;
  432.     }
  433.  
  434. #sidebar ul p, #sidebar ul select {
  435.     margin: 5px 0 8px;
  436.     }
  437.  
  438. #sidebar ul ul, #sidebar ul ol {
  439.     margin: 5px 0 0 10px;
  440.     }
  441.  
  442. #sidebar ul ul ul, #sidebar ul ol {
  443.     margin: 0 0 0 10px;
  444.     }
  445.  
  446. ol li, #sidebar ul ol li {
  447.     list-style: decimal outside;
  448.     }
  449.  
  450. #sidebar ul ul li, #sidebar ul ol li {
  451.     margin: 3px 0 0;
  452.     padding: 0;
  453.     }
  454. /* End Entry Lists */
  455.  
  456.  
  457.  
  458. /* Begin Form Elements */
  459. #searchform {
  460.     position: absolute;
  461.     top: 15px;
  462.     right: 35px;
  463.     }
  464.  
  465. #sidebar #searchform #s {
  466.     width: 108px;
  467.     padding: 2px;
  468.     }
  469.  
  470. #sidebar #searchsubmit {
  471.     padding: 1px;
  472.     }
  473.  
  474. .entry form { /* This is mainly for password protected posts, makes them look better. */
  475.     text-align:center;
  476.     }
  477.  
  478. select {
  479.     width: 130px;
  480.     }
  481.  
  482. #commentform input {
  483.     width: 170px;
  484.     padding: 2px;
  485.     margin: 5px 5px 1px 0;
  486.     }
  487.  
  488. #commentform {
  489.     margin: 5px 10px 0 0;
  490.     }
  491. #commentform textarea {
  492.     width: 100%;
  493.     padding: 2px;
  494.     }
  495. #respond:after {
  496.         content: "."; 
  497.         display: block; 
  498.         height: 0; 
  499.         clear: both; 
  500.         visibility: hidden;
  501.     }
  502. #commentform #submit {
  503.     margin: 0 0 5px auto;
  504.     float: right;
  505.     }
  506. /* End Form Elements */
  507.  
  508.  
  509.  
  510. /* Begin Comments*/
  511. .alt {
  512.     margin: 0;
  513.     padding: 10px;
  514.     }
  515.  
  516. .commentlist {
  517.     padding: 0;
  518.     text-align: justify;
  519.     }
  520.  
  521. .commentlist li {
  522.     margin: 15px 0 10px;
  523.     padding: 5px 5px 10px 10px;
  524.     list-style: none;
  525.  
  526.     }
  527. .commentlist li ul li { 
  528.     margin-right: -5px;
  529.     margin-left: 10px;
  530. }
  531.  
  532. .commentlist p {
  533.     margin: 10px 5px 10px 0;
  534. }
  535. .children { padding: 0; }
  536.  
  537. #commentform p {
  538.     margin: 5px 0;
  539.     }
  540.  
  541. .nocomments {
  542.     text-align: center;
  543.     margin: 0;
  544.     padding: 0;
  545.     }
  546.  
  547. .commentmetadata {
  548.     margin: 0;
  549.     display: block;
  550.     }
  551. /* End Comments */
  552.  
  553.  
  554.  
  555. /* Begin Sidebar */
  556. #sidebar
  557. {
  558.     padding: 20px 0 10px 0;
  559.     margin-left: 35px;
  560.     width: 265px;
  561.     }
  562.  
  563. #sidebar form {
  564.     margin: 0;
  565.     }
  566. /* End Sidebar */
  567.  
  568.  
  569.  
  570. /* Begin Calendar */
  571. #wp-calendar {
  572.     empty-cells: show;
  573.     margin: 10px auto 0;
  574.     width: 155px;
  575.     }
  576.  
  577. #wp-calendar #next a {
  578.     padding-right: 10px;
  579.     text-align: right;
  580.     }
  581.  
  582. #wp-calendar #prev a {
  583.     padding-left: 10px;
  584.     text-align: left;
  585.     }
  586.  
  587. #wp-calendar a {
  588.     display: block;
  589.     }
  590.  
  591. #wp-calendar caption {
  592.     text-align: center;
  593.     width: 100%;
  594.     }
  595.  
  596. #wp-calendar td {
  597.     padding: 3px 0;
  598.     text-align: center;
  599.     }
  600.  
  601. #wp-calendar td.pad:hover { /* Doesn't work in IE */
  602.     background-color: #fff; }
  603. /* End Calendar */
  604.  
  605.  
  606.  
  607. /* Begin Various Tags & Classes */
  608. acronym, abbr, span.caps {
  609.     cursor: help;
  610.     }
  611.  
  612. acronym, abbr {
  613.     border-bottom: 1px dashed #999;
  614.     }
  615.  
  616. blockquote {
  617.     margin: 15px 30px 0 10px;
  618.     padding-left: 20px;
  619.     border-left: 5px solid #ddd;
  620.     }
  621.  
  622. blockquote cite {
  623.     margin: 5px 0 0;
  624.     display: block;
  625.     }
  626.  
  627. .center {
  628.     text-align: center;
  629.     }
  630.  
  631. .hidden {
  632.     display: none;
  633.     }
  634.  
  635. hr {
  636.     display: none;
  637.     }
  638.  
  639. a img {
  640.     border: none;
  641.     }
  642.  
  643. .navigation {
  644.     display: block;
  645.     text-align: center;
  646.     margin-top: 10px;
  647.     margin-bottom: 60px;
  648.     }
  649. /* End Various Tags & Classes*/
  650.  
  651.  
  652.  
  653. /* Captions */
  654. .aligncenter,
  655. div.aligncenter {
  656.     display: block;
  657.     margin-left: auto;
  658.     margin-right: auto;
  659. }
  660.  
  661. .wp-caption {
  662.     border: 1px solid #ddd;
  663.     text-align: center;
  664.     background-color: #f3f3f3;
  665.     padding-top: 4px;
  666.     margin: 10px;
  667.     -moz-border-radius: 3px;
  668.     -khtml-border-radius: 3px;
  669.     -webkit-border-radius: 3px;
  670.     border-radius: 3px;
  671. }
  672.  
  673. .wp-caption img {
  674.     margin: 0;
  675.     padding: 0;
  676.     border: 0 none;
  677. }
  678.  
  679. .wp-caption p.wp-caption-text {
  680.     font-size: 11px;
  681.     line-height: 17px;
  682.     padding: 0 4px 5px;
  683.     margin: 0;
  684. }
  685. /* End captions */
  686.  
  687.  
  688. /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
  689.     It won't be a stylish marriage, I can't afford a carriage.
  690.     But you'll look sweet upon the seat of a bicycle built for two." */
  691.