You are here

Home » API reference » Formatter Suite 8

formatter_suite.help.css in Formatter Suite 8

Style the module's help page.

File

css/formatter_suite.help.css
View source 
  1. /**

  2.  * @file

  3.  * Style the module's help page.

  4.  */

  5. 

  6. /*

  7.  * Highlight section titles.

  8.  */

  9. .formatter_suite-admin-help h3 {

  10.   margin-top: 2em;

  11.   border-bottom: 1px solid #ccc;

  12.   clear: both;

  13. }

  14. .formatter_suite-admin-help h4 {

  15.   margin-top: 2em;

  16.   border-bottom: 1px solid #ccc;

  17.   clear: both;

  18. }

  19. .formatter_suite-admin-help h4:first-child {

  20.   clear: none;

  21. }

  22. 

  23. /*

  24.  * Indent bullet lists.

  25.  */

  26. .formatter_suite-admin-help ul,

  27. .formatter_suite-admin-help dl {

  28.   margin: 0.25em 0 0.25em 1.5em;

  29.   margin-left: 1em;

  30. }

  31. ul,

  32. .formatter_suite-admin-help ul {

  33.   padding-left: 1.5em;

  34. }

  35. 

  36. .formatter_suite-formatter-list {

  37.   margin-left: 1em;

  38. }

  39. .formatter_suite-formatter-list dt {

  40.   font-size: 1.05em;

  41.   font-weight: bold;

  42.   color: #000058;

  43.   clear: both;

  44. }

  45. 

  46. /*

  47.  * Add a margin at the bottom of the help section.

  48.  */

  49. .formatter_suite-admin-help {

  50.   margin-bottom: 2em;

  51. }

  52. 

  53. .formatter_suite-admin-help img {

  54.   float: right;

  55. }

  56. 

  57. /*

  58.  * Style a footer containing a set of icons for institutions involved

  59.  * in creating the module.

  60.  */

  61. .formatter_suite-admin-footer {

  62.   margin-top: 2em;

  63.   margin-left: auto;

  64.   margin-right: auto;

  65.   max-width: 50em;

  66.   text-align: center;

  67.   font-style: italic;

  68.   font-size: 0.9em;

  69.   border-top: 1px solid #ccc;

  70.   clear: both;

  71. }

  72. .formatter_suite-admin-footer-icons {

  73.   text-align: center;

  74.   vertical-align: middle;

  75.   height: 72px;

  76. }

  77. .formatter_suite-admin-footer-icons img {

  78.   padding-left: 1em;

  79.   padding-right: 1em;

  80.   float: none;

  81. }

  82. 

  83. /*

  84.  * Style the table-of-contents to be a tight list.

  85.  */

  86. ul.formatter_suite-toc,

  87. ul.formatter_suite-toc ul,

  88. ul.formatter_suite-toc li {

  89.   padding-top: 0;

  90.   padding-bottom: 0;

  91.   margin-top: 0;

  92.   margin-bottom: 0;

  93. }

  94. 

  95. ul.formatter_suite-toc {

  96.   margin-left: 2em;

  97. }

  98. 

  99. /*

  100.  * Style a branding box at the top of the page.

  101.  */

  102. .formatter_suite-help-branding {

  103.   padding: 6px;

  104.   margin-left: 1em;

  105.   border: 1px solid #ccc;

  106.   border-radius: 4px;

  107.   float: right;

  108.   width: 400px;

  109.   background: #fff;

  110.   font-weight: 500;

  111.   text-align: center;

  112. }

  113. 

  114. .formatter_suite-help-branding img {

  115.   float: none;

  116. }