You are here

Home » API reference » Coffee 7

coffee.css in Coffee 7

Same filename and directory in other branches
  1. 8 css/coffee.css
  2. 7.2 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. #coffee-bg {

  6.   position: fixed;

  7.   left: 0;

  8.   top: 0;

  9.   width: 100%;

  10.   height: 100%;

  11.   z-index: 999;

  12. }

  13. #coffee-form {

  14.   position: fixed;

  15.   left: 50%;

  16.   top: 119px;

  17.   width: 455px;

  18.   margin-left: -227.5px;

  19.   padding: 10px;

  20.   font-size: 16px;

  21.   line-height: 16px;

  22.   font-family: sans-serif;

  23.   background: rgba(0, 0, 0, 0.6);

  24.   z-index: 9999;

  25.   -webkit-border-radius: 16px;

  26.   -moz-border-radius: 16px;

  27.   border-radius: 16px;

  28. }

  29. #coffee-form-inner {

  30.   background: white;

  31.   color: #444444;

  32.   padding: 10px 10px 1px;

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

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

  35.   border-radius: 5px;

  36.   -webkit-box-shadow: 0 10px 39px rgba(0, 0, 0, 0.6);

  37.   -moz-box-shadow: 0 10px 39px rgba(0, 0, 0, 0.6);

  38.   box-shadow: 0 10px 39px rgba(0, 0, 0, 0.6);

  39. }

  40. #coffee-q {

  41.   background: #d1d1d1;

  42.   color: black;

  43.   border: 0;

  44.   font: 39px sans-serif;

  45.   padding: 5px 10px;

  46.   width: 415px;

  47.   outline: none;

  48.   display: block;

  49.   margin: 0 0 10px;

  50. }

  51. #coffee-results {

  52.   list-style: none;

  53.   margin: 0 0 10px;

  54.   padding: 0;

  55. }

  56. #coffee-results li {

  57.   margin: 0;

  58.   padding: 0;

  59. }

  60. #coffee-results .description {

  61.   display: block;

  62.   font-size: 10px;

  63.   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

  64.   color: #9d9d9d;

  65. }

  66. #coffee-results a {

  67.   display: block;

  68.   text-decoration: none;

  69.   outline: none;

  70.   color: #444444;

  71.   padding: 5px 10px;

  72. }

  73. #coffee-results a:focus, #coffee-results a.focus {

  74.   background: #d1d1d1;

  75.   color: black;

  76. }

  77. #coffee-results a:focus .description, #coffee-results a.focus .description {

  78.   color: #444444;

  79. }