You are here

Home » API reference » Formatter Suite 8

formatter_suite.branding.css in Formatter Suite 8

Styles for module branding.

File

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

  2.  * @file

  3.  * Styles for module branding.

  4.  */

  5. 

  6. /*

  7.  * Style a branding banner, typically added to the help page and

  8.  * an "About" tab on the module settings form.

  9.  */

  10. .formatter_suite-banner-branding {

  11.   padding: 6px;

  12.   margin-left: 1em;

  13.   float: right;

  14.   width: 400px;

  15.   border: 1px solid #eee;

  16.   border-radius: 4px;

  17.   box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);

  18.   background: linear-gradient(#f8f8f8, #e8e8e8);

  19.   text-align: center;

  20.   color: #666;

  21. }

  22. .formatter_suite-banner-branding a {

  23.   font-weight: 900;

  24.   font-variant: small-caps;

  25. }

  26. 

  27. .formatter_suite-banner-branding img {

  28.   float: none;

  29. }

  30. 

  31. /*

  32.  * Style the branding banner on a module settings form.

  33.  */

  34. details.formatter_suite-settings-tab .formatter_suite-banner-branding {

  35.   margin-left: auto;

  36.   margin-right: auto;

  37.   float: none;

  38. }

  39. 

  40. /*

  41.  * Style the branding logo and background for a field formatter form.

  42.  */

  43. .formatter_suite-field-formatter-settings {

  44.   border: 1px solid #eee;

  45.   border-radius: 4px;

  46.   box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);

  47.   background: linear-gradient(#f8f8f8, #e8e8e8);

  48.   color: #666;

  49. }