You are here

Home » API reference » Coffee 7.2

coffee.css in Coffee 7.2

Same filename and directory in other branches
  1. 8 css/coffee.css
  2. 7 css/coffee.css

Stylesheet for the Coffee module.

File

css/coffee.css
View source 
  1. /**

  2.  * @file

  3.  * Stylesheet for the Coffee module.

  4.  */

  5. [id^="coffee"] {

  6.   -webkit-box-sizing: border-box;

  7.   -moz-box-sizing: border-box;

  8.   box-sizing: border-box;

  9. }

  10. 

  11. #coffee-bg {

  12.   position: fixed;

  13.   left: 0;

  14.   top: 0;

  15.   width: 100%;

  16.   height: 100%;

  17.   z-index: 999;

  18. }

  19. 

  20. #coffee-form {

  21.   position: fixed;

  22.   left: 50%;

  23.   top: 120px;

  24.   width: 500px;

  25.   margin-left: -250px;

  26.   padding: 10px;

  27.   font: 16px/1.5 sans-serif;

  28.   background: black;

  29.   background: rgba(0, 0, 0, 0.4);

  30.   -webkit-border-radius: 15px;

  31.   -moz-border-radius: 15px;

  32.   -ms-border-radius: 15px;

  33.   -o-border-radius: 15px;

  34.   border-radius: 15px;

  35.   z-index: 9999;

  36.   opacity: 1;

  37.   -webkit-transition: opacity 0.35s;

  38.   -moz-transition: opacity 0.35s;

  39.   -ms-transition: opacity 0.35s;

  40.   -o-transition: opacity 0.35s;

  41.   transition: opacity 0.35s false;

  42. }

  43. 

  44. #coffee-form.hide-form {

  45.   position: absolute;

  46.   top: -100%;

  47.   opacity: 0;

  48. }

  49. 

  50. #coffee-form-inner {

  51.   background: #fff;

  52.   color: #444;

  53.   padding: 10px 10px 1px;

  54.   -webkit-border-radius: 5px;

  55.   -moz-border-radius: 5px;

  56.   -ms-border-radius: 5px;

  57.   -o-border-radius: 5px;

  58.   border-radius: 5px;

  59.   -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.6);

  60.   -moz-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.6);

  61.   box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.6);

  62. }

  63. 

  64. #coffee-q {

  65.   background: #d1d1d1;

  66.   color: #000;

  67.   border: 0;

  68.   font: 36px sans-serif;

  69.   line-height: 52px;

  70.   padding: 5px 10px;

  71.   width: 460px;

  72.   height: 52px;

  73.   outline: none;

  74.   display: block;

  75.   margin: 0 0 10px;

  76.   -webkit-border-radius: 0px;

  77.   -moz-border-radius: 0px;

  78.   -ms-border-radius: 0px;

  79.   -o-border-radius: 0px;

  80.   border-radius: 0px;

  81. }

  82. 

  83. #coffee-q:focus {

  84.   -webkit-box-shadow: none;

  85.   -moz-box-shadow: none;

  86.   box-shadow: none;

  87. }

  88. 

  89. #coffee-results ul,

  90. #coffee-results ol {

  91.   position: static;

  92.   float: none;

  93.   list-style: none;

  94.   margin: 0;

  95.   padding: 10px 0 0;

  96.   border: 0;

  97. }

  98. 

  99. #coffee-results li {

  100.   margin: 0;

  101.   padding: 0;

  102.   float: none;

  103.   clear: none;

  104.   width: auto;

  105. }

  106. 

  107. #coffee-results a {

  108.   display: block;

  109.   border: 0;

  110.   outline: none;

  111.   color: #444;

  112.   padding: 6px 10px 4px;

  113.   line-height: normal;

  114.   font-size: 16px;

  115.   text-decoration: none;

  116.   height: auto;

  117.   -webkit-transition: none;

  118.   -moz-transition: none;

  119.   -ms-transition: none;

  120.   -o-transition: none;

  121.   transition: none;

  122.   -webkit-border-radius: 0px;

  123.   -moz-border-radius: 0px;

  124.   -ms-border-radius: 0px;

  125.   -o-border-radius: 0px;

  126.   border-radius: 0px;

  127. }

  128. 

  129. #coffee-results a.ui-state-hover,

  130. #coffee-results a:focus,

  131. #coffee-results a:hover,

  132. #coffee-results .ui-state-focus {

  133.   background: #d1d1d1;

  134.   color: #000;

  135.   margin: 0;

  136.   cursor: pointer;

  137. }

  138. 

  139. #coffee-results .description {

  140.   display: block;

  141.   font-size: 11px;

  142.   color: #888;

  143. }

  144. 

  145. #coffee-results a.ui-state-hover .description {

  146.   color: #666;

  147. }

  148. 

  149. #coffee-results .ui-widget {

  150.   font-family: sans-serif;

  151. }

  152. 

  153. .navbar-icon-coffee:before,

  154. .navbar-icon-coffee.navbar-active:before {

  155.   background-image: url("../icons/bebebe/coffee.svg");

  156. }

  157. 

  158. .no-svg .navbar-icon-coffee:before,

  159. .no-svg .navbar-icon-coffee.navbar-active:before {

  160.   background-image: url("../icons/bebebe/coffee.png");

  161. }