You are here

Home » API reference » Open Atrium Appearance 7.2

oa_appearance.css in Open Atrium Appearance 7.2 

.oa-banner-overlay {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 40px;
  font-weight: bold;
}
.oa-banner-text {
  display: inline-block;
  margin: 10px 5px 10px 30px;
  font-size: 40px;
  line-height: 1em;
  font-weight: bold;
}
.oa-banner-slogan {
  margin: 25px 30px 10px 5px;
  font-size: 25px;
  font-style: italic;
  float: right;
}
.oa-banner-slogan-overlay {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 25px;
  font-style: italic;
}
.oa-banner {
  position: relative;
  overflow: hidden;
}
.oa-banner {
  opacity: 0;
  transition: opacity 0.1s;
}
.oa-banner.oa-menu-banner {
  vertical-align: bottom;
}
.oa-banner-appeared {
  opacity : 1; filter: alpha(opacity=100);
}
.oa-banner-img {
  vertical-align: bottom;
  margin: 13px 10px;
}
.oa-banner-overlay-img {
  vertical-align: bottom;
  margin: 0;
}
.oa-menu-banner img {
  vertical-align: baseline;
}
.panel-panel .pane-oa-space-banner {
  padding-top: 0;
}
/* Farbtastic tweaks */
.colorizer-form .farbtastic {
  position: fixed;
  left: 40%;
  top: 50%;
}

File

oa_appearance.css
View source 
  1. .oa-banner-overlay {

  2.   position: absolute;

  3.   top: 20px;

  4.   left: 20px;

  5.   font-size: 40px;

  6.   font-weight: bold;

  7. }

  8. .oa-banner-text {

  9.   display: inline-block;

  10.   margin: 10px 5px 10px 30px;

  11.   font-size: 40px;

  12.   line-height: 1em;

  13.   font-weight: bold;

  14. }

  15. .oa-banner-slogan {

  16.   margin: 25px 30px 10px 5px;

  17.   font-size: 25px;

  18.   font-style: italic;

  19.   float: right;

  20. }

  21. .oa-banner-slogan-overlay {

  22.   position: absolute;

  23.   top: 20px;

  24.   right: 20px;

  25.   font-size: 25px;

  26.   font-style: italic;

  27. }

  28. .oa-banner {

  29.   position: relative;

  30.   overflow: hidden;

  31. }

  32. .oa-banner {

  33.   opacity: 0;

  34.   transition: opacity 0.1s;

  35. }

  36. .oa-banner.oa-menu-banner {

  37.   vertical-align: bottom;

  38. }

  39. .oa-banner-appeared {

  40.   opacity : 1; filter: alpha(opacity=100);

  41. }

  42. .oa-banner-img {

  43.   vertical-align: bottom;

  44.   margin: 13px 10px;

  45. }

  46. .oa-banner-overlay-img {

  47.   vertical-align: bottom;

  48.   margin: 0;

  49. }

  50. .oa-menu-banner img {

  51.   vertical-align: baseline;

  52. }

  53. .panel-panel .pane-oa-space-banner {

  54.   padding-top: 0;

  55. }

  56. /* Farbtastic tweaks */

  57. .colorizer-form .farbtastic {

  58.   position: fixed;

  59.   left: 40%;

  60.   top: 50%;

  61. }