You are here

Home » API reference » Advanced Help 7

help.css in Advanced Help 7

Same filename and directory in other branches
  1. 5 help.css
  2. 6 help.css
/* #content h2 has higher specifity */
.advanced-help-topic h1 {font-size: 2em;}
#content .advanced-help-topic > h2 {font-size: 1.75em}
.advanced-help-topic h3 {font-size: 1.5em;}
.advanced-help-topic h4 {font-size: 1.4em;}
.advanced-help-topic h5 {font-size: 1.25em;}
.advanced-help-topic h6 {font-size: 1.1em;}

.advanced-help-topic li h3,
.advanced-help-topic li h4,
.advanced-help-topic li h5,
.advanced-help-topic li h6 {
  font-weight: normal;
}

.advanced-help-topic pre {
  background: #f1f1f1;
  border: 1px solid #ccc;
  display: block;
  margin: 1em;
  padding: .4em;
}

.advanced-help-topic pre.readme {
  background: white;
  border: none;
  margin: 0em;
  padding: .4em;
}

#content .advanced-help-topic {
  margin: auto;
  max-width: 750px;
}

.advanced-help-topic p.bob {
  border-width: 4px 0 4px 0;
  border-style: solid;
  border-color: #ccc;
  display: block;
  margin: 1.5em;
  padding: .5em;
}

.nav {
  color: #093;
  background: #f6f6f6;
  font-family: Arial Narrow, Arial, sans-serif;
}
.attribution {
  font-size: 0.8em;
  color: #aaa;
}

/* Class used by Views */

.help-box {
  margin: .5em;
}

/* Style images */

.help-imgpos-left {
  display: block;
  padding: 2px;
  margin: 0 1.25em 0.5em 0;
  float: left;
  border: solid 1px #ccc;
}

.help-imgpos-right {
  display: block;
  padding: 2px;
  margin: 0 0 0.5em 1.25em;
  float: right;
  border: solid 1px #ccc;
}

.help-imgpos-center {
  margin: 1em auto 1em auto;
  padding: 2px;
  border: solid 1px #ccc;
}

.help-img {
  margin-left: auto;
  margin-right: auto;
}

.help-img-caption {
  text-align: center;
  background: #f6f6f6;
  margin-left: auto;
  margin-right: auto;
  font-family: Calibri, "Helvetica Neue", Arial, Sans, sans-serif;
  font-size: 0.9em;
}

/* Style navigation */

.advanced-help-topic > .item-list {
  margin-top: 2em;
  border-top: 1px dotted #ccc;
}

.help-navigation {
  padding-top: 0.5em;
  border-top: 1px dotted #ccc;
}

.help-left {
  display: block;
  float: left;
  text-align: left;
  width: 35%;
}

.help-up {
  display: block;
  float: left;
  margin-left: 10%;
  text-align: center;
  width: 10%;
}

.help-up-noleft {
  display: block;
  float: left; /* LTR */
  margin: 0;
  text-align: right;
  width: 50%;
}

.help-right {
  display: block;
  float: right;
  text-align: right;
  width: 35%;
}

/* Media */

@media print {
  #toolbar,
  .add-shortcut,
  .breadcrumb,
  .help-navigation {
    display: none;
  }
}

/* End */

File

help.css
View source 
  1. /* #content h2 has higher specifity */

  2. .advanced-help-topic h1 {font-size: 2em;}

  3. #content .advanced-help-topic > h2 {font-size: 1.75em}

  4. .advanced-help-topic h3 {font-size: 1.5em;}

  5. .advanced-help-topic h4 {font-size: 1.4em;}

  6. .advanced-help-topic h5 {font-size: 1.25em;}

  7. .advanced-help-topic h6 {font-size: 1.1em;}

  8. 

  9. .advanced-help-topic li h3,

  10. .advanced-help-topic li h4,

  11. .advanced-help-topic li h5,

  12. .advanced-help-topic li h6 {

  13.   font-weight: normal;

  14. }

  15. 

  16. .advanced-help-topic pre {

  17.   background: #f1f1f1;

  18.   border: 1px solid #ccc;

  19.   display: block;

  20.   margin: 1em;

  21.   padding: .4em;

  22. }

  23. 

  24. .advanced-help-topic pre.readme {

  25.   background: white;

  26.   border: none;

  27.   margin: 0em;

  28.   padding: .4em;

  29. }

  30. 

  31. #content .advanced-help-topic {

  32.   margin: auto;

  33.   max-width: 750px;

  34. }

  35. 

  36. .advanced-help-topic p.bob {

  37.   border-width: 4px 0 4px 0;

  38.   border-style: solid;

  39.   border-color: #ccc;

  40.   display: block;

  41.   margin: 1.5em;

  42.   padding: .5em;

  43. }

  44. 

  45. .nav {

  46.   color: #093;

  47.   background: #f6f6f6;

  48.   font-family: Arial Narrow, Arial, sans-serif;

  49. }

  50. .attribution {

  51.   font-size: 0.8em;

  52.   color: #aaa;

  53. }

  54. 

  55. /* Class used by Views */

  56. 

  57. .help-box {

  58.   margin: .5em;

  59. }

  60. 

  61. /* Style images */

  62. 

  63. .help-imgpos-left {

  64.   display: block;

  65.   padding: 2px;

  66.   margin: 0 1.25em 0.5em 0;

  67.   float: left;

  68.   border: solid 1px #ccc;

  69. }

  70. 

  71. .help-imgpos-right {

  72.   display: block;

  73.   padding: 2px;

  74.   margin: 0 0 0.5em 1.25em;

  75.   float: right;

  76.   border: solid 1px #ccc;

  77. }

  78. 

  79. .help-imgpos-center {

  80.   margin: 1em auto 1em auto;

  81.   padding: 2px;

  82.   border: solid 1px #ccc;

  83. }

  84. 

  85. .help-img {

  86.   margin-left: auto;

  87.   margin-right: auto;

  88. }

  89. 

  90. .help-img-caption {

  91.   text-align: center;

  92.   background: #f6f6f6;

  93.   margin-left: auto;

  94.   margin-right: auto;

  95.   font-family: Calibri, "Helvetica Neue", Arial, Sans, sans-serif;

  96.   font-size: 0.9em;

  97. }

  98. 

  99. /* Style navigation */

  100. 

  101. .advanced-help-topic > .item-list {

  102.   margin-top: 2em;

  103.   border-top: 1px dotted #ccc;

  104. }

  105. 

  106. .help-navigation {

  107.   padding-top: 0.5em;

  108.   border-top: 1px dotted #ccc;

  109. }

  110. 

  111. .help-left {

  112.   display: block;

  113.   float: left;

  114.   text-align: left;

  115.   width: 35%;

  116. }

  117. 

  118. .help-up {

  119.   display: block;

  120.   float: left;

  121.   margin-left: 10%;

  122.   text-align: center;

  123.   width: 10%;

  124. }

  125. 

  126. .help-up-noleft {

  127.   display: block;

  128.   float: left; /* LTR */

  129.   margin: 0;

  130.   text-align: right;

  131.   width: 50%;

  132. }

  133. 

  134. .help-right {

  135.   display: block;

  136.   float: right;

  137.   text-align: right;

  138.   width: 35%;

  139. }

  140. 

  141. /* Media */

  142. 

  143. @media print {

  144.   #toolbar,

  145.   .add-shortcut,

  146.   .breadcrumb,

  147.   .help-navigation {

  148.     display: none;

  149.   }

  150. }

  151. 

  152. /* End */