You are here

good.css in Coder 8.2

Valid example CSS file.

File

coder_sniffer/Drupal/Test/good/good.css
View source
  1. /**
  2. * @file
  3. * Valid example CSS file.
  4. */
  5. #forum .description {
  6. color: #efefef;
  7. font-size: 0.9em;
  8. margin: 0.5em;
  9. }
  10. .testselector {
  11. border: none;
  12. display: table;
  13. }
  14. #forum td.posts,
  15. #forum td.pager {
  16. color: #efefef;
  17. }
  18. @media screen and (max-device-width: 769px) {
  19. header #logo img {
  20. max-width: 100%;
  21. }
  22. .inner {
  23. max-width: 1500px;
  24. min-width: 1281px;
  25. }
  26. }
  27. .progressive-enhancement {
  28. background: #000 none;
  29. background-color: rgba(0, 0, 0, 0.9);
  30. }
  31. .progressive-prefixes {
  32. background-color: #003471;
  33. background-image: -webkit-gradient(linear, left top, left bottom, from(#003471), to(#448ccb));
  34. background-image: -webkit-linear-gradient(top, #003471, #448ccb);
  35. background-image: -moz-linear-gradient(top, #003471, #448ccb);
  36. background-image: -ms-linear-gradient(top, #003471, #448ccb);
  37. background-image: -o-linear-gradient(top, #003471, #448ccb);
  38. background-image: linear-gradient(to bottom, #003471, #448ccb);
  39. }
  40. .vendor-prefixes {
  41. -moz-border-radius: 5px;
  42. -webkit-border-radius: 5px;
  43. border-radius: 5px;
  44. -moz-box-shadow: 0 3px 20px #000;
  45. -webkit-box-shadow: 0 3px 20px #000;
  46. box-shadow: 0 3px 20px #000;
  47. }
  48. #node-admin-buttons {
  49. clear: right; /* LTR */
  50. float: left; /* LTR */
  51. margin-left: 0.5em; /* LTR */
  52. }
  53. .gigantic {
  54. /* 110px / 120px */
  55. font-size: 6.875em;
  56. line-height: 1.0909090909090908em;
  57. }
  58. /* A comment describing the ruleset. */
  59. .selector-1,
  60. .selector-2,
  61. .selector-3[type="text"] {
  62. -webkit-box-sizing: border-box;
  63. -moz-box-sizing: border-box;
  64. box-sizing: border-box;
  65. display: block;
  66. margin: 0;
  67. font-family: Times, "Times New Roman", sans-serif;
  68. color: #333;
  69. background: #fff;
  70. background: linear-gradient(#fff, rgba(0, 0, 0, 0.8));
  71. }
  72. /**
  73. * A longer comment describing this ruleset. Note
  74. * the blank line before the docblock.
  75. */
  76. .selector-4,
  77. .selector-5 {
  78. padding: 10px;
  79. }
  80. /* This logical grouping of rulesets has no interleaving blank lines. */
  81. .profile {
  82. margin: 1em 0;
  83. }
  84. .profile__picture {
  85. float: right; /* LTR */
  86. }
  87. @media screen and (max-width: 1152px) {
  88. #wrapper {
  89. max-width: 960px;
  90. }
  91. #top-area .column:last-child {
  92. margin-right: 0;
  93. }
  94. #copyright {
  95. padding: 0 10px;
  96. }
  97. }
  98. @media (min-width: 320px) and (max-width: 961px) {
  99. .tooltipsrt:hover span.tltp,
  100. .tooltipstp:hover span.tltp {
  101. visibility: hidden;
  102. }
  103. }