home *** CD-ROM | disk | FTP | other *** search
/ MacFormat UK 234 / MF_UK_234_1.iso / Software / Top freeware / Komodo Edit 6.1.1 / Komodo-Edit-6.1.1-7295-macosx-x86.dmg / .css / screen.css
Encoding:
Cascading Style Sheet File  |  2011-02-18  |  3.0 KB  |  151 lines
  1. @import url("activestyle/reset.css");
  2. @import url("activestyle/base.css");
  3.  
  4.  
  5. /* ---- base styles ---- */
  6.  
  7. h2 {
  8.     border-top: 5px solid #ccc;
  9.     margin: 2em 0 0.5em;
  10.     padding-top: 0.4em;
  11. }
  12. h2.first {
  13.     border-top: none;
  14. }
  15. h3 {
  16.     color: #333333;  /* the red from AS styleguide is weird */
  17.     border-top: 2px solid #ccc;
  18.     margin: 1.5em 0 0.5em;
  19.     padding-top: 0.4em;
  20. }
  21.  
  22. code,
  23. pre {
  24.     /* Avoiding "Courier New" here because its line-height changes with
  25.      * different char styling which can cause alignment problems (e.g. with
  26.      * the recipe code blocks on ActiveState Code Recipes). */
  27.     font-family: Consolas, Monaco, "Lucida Console", "Courier New", monospace;
  28.     font-size: 9pt;
  29.     background-color: #f1f1f1;
  30.     border: 1px solid #dedede;
  31.     color: #444444;
  32. }
  33. code {
  34.     padding: 0 0.2em;
  35. }
  36. pre {
  37.     margin: 1em 0;
  38.     padding: .75em;
  39.     overflow: auto;
  40. }
  41. pre code  {
  42.     border: medium none;
  43.     padding: 0;
  44. }
  45. a code {
  46.     text-decoration: underline;
  47. }
  48.  
  49.  
  50. /* ---- special classes for the Komodo docs ---- */
  51.  
  52. /* box for feature showcases and tutorials */
  53. div.right-float-box {
  54.     float: right;
  55.     width: 25%;
  56.     background-color: #EEEEEE;
  57.     border:1px solid #CCCCCC;
  58.     padding: 0 1em;
  59.     margin: 0 0 1em 1em;
  60. }
  61.  
  62. span.cursor {
  63.     font-size: 120%;
  64.     color: black;
  65.     font-weight: bold;
  66. }
  67.  
  68. .version_alert {
  69.     font-size: small;
  70.     margin-left: 2em;
  71.     color: #777;
  72. }
  73.  
  74. .startupBox {
  75.     background-color: #EEEEEE;
  76.     border-top: 3px double #BBBBBB;
  77.     border-right: 3px double #BBBBBB;
  78.     border-bottom: 3px double #BBBBBB;
  79.     border-left: 3px double #BBBBBB;
  80.     padding: 5px;
  81. }
  82.  
  83. .icon-list {
  84.     list-style-type: none;
  85. }
  86. .icon-list li {
  87.     padding-left: 25px;
  88.     padding-bottom: 8px;
  89.     list-style-image: none;
  90. }
  91.  
  92.  
  93. /* ---- Styling for app-specific sections ----
  94.  *
  95.  * Customarily, sections of the Komodo docs that are specific to a
  96.  * particular app/flavour are maked with:
  97.  *      class="app-NAME"
  98.  * For example:
  99.  *      <div class="app-ide">
  100.  *          ...
  101.  *      </div>
  102.  * or:
  103.  *      <li class="app-edit">
  104.  *          ...
  105.  *      </li>
  106.  *
  107.  * TODO: add subtle background text (via bg img perhaps?) that says
  108.  *       when specific to an app
  109.  */
  110. div.app-edit {
  111.     /*border: 2px solid #ddd;*/
  112.     padding: 2px 0px;
  113.     margin: 2px 0px;
  114.     background: url(../img/app-edit.png) no-repeat right top;
  115. }
  116.  
  117. div.app-ide {
  118.     /*border: 2px solid #ddd;*/
  119.     padding: 2px 0px;
  120.     margin: 2px 0px;
  121.     background: url(../img/app-ide.png) no-repeat right top;
  122. }
  123.  
  124. div.app-ide-edit {
  125.     /*border: 2px solid #ddd;*/
  126.     padding: 2px 0px;
  127.     margin: 2px 0px;
  128.     background: url(../img/app-ide-edit.png) no-repeat right top;
  129. }
  130.  
  131.  
  132. /* ---- layout and branding ---- */
  133.  
  134. #content {
  135.     padding: 15px;
  136.     background: url("../img/bodybg.gif") repeat-x top;
  137. }
  138.  
  139. .top#content {
  140.     background: url("../img/ribbons.png") top right no-repeat;
  141. }
  142. .top #title {
  143.     height: 100px;
  144. }
  145.  
  146. /* ---- resets for styling on docs.activestate.com ----
  147.  * Based on the assumption that page content is in a
  148.  *    <div id="as_docs_content">...</div>
  149.  */
  150.  
  151.