Posted By

nerdfiles on 06/24/11


Tagged

css tools utilities


Versions (?)

CSS Standard Utils Set Format


 / Published in: CSS
 

  1. /**
  2.  * Utils
  3.  *
  4.  * @creator nerdfiles
  5.  */
  6.  
  7.  
  8. /**
  9.  * JS Enabled/Disabled
  10.  *
  11.  * @creator nerdfiles
  12.  */
  13.  
  14. html.no-js { }
  15. html.js-enabled { }
  16.  
  17.  
  18. /**
  19.  * Hiding
  20.  *
  21.  * @creator nerdfiles
  22.  */
  23.  
  24. .hide { display: none; }
  25. .accessibly-hide { position: absolute; left: -9999px; }
  26. .text-hide { text-indent: -9999px; text-align: left; }
  27.  
  28.  
  29. /**
  30.  * Diagnostics
  31.  *
  32.  * @creator nerdfiles
  33.  */
  34.  
  35. .expose { outline: 2px solid #c30; }
  36.  
  37.  
  38. /**
  39.  * Positioning
  40.  *
  41.  * @creator nerdfiles
  42.  */
  43.  
  44. .originize { position: relative; }
  45. .absolutize { position: absolute; }
  46. .pin { position: fixed; }
  47.  
  48.  
  49. /**
  50.  * Clearing
  51.  *
  52.  * @creator nerdfiles
  53.  */
  54.  
  55. .clear-left { clear: left; }
  56. .clear-right { clear: right; }
  57. .clear-all { clear: both; }
  58. .clear-fix:before,
  59. .clear-fix:after { content: ""; display: table; }
  60. .clear-fix:after { clear: both; }
  61. .clear-fix { zoom: 1; } /* (hasLayout trigger) */
  62.  
  63.  
  64. /**
  65.  * Floats
  66.  *
  67.  * @creator nerdfiles
  68.  */
  69.  
  70. img.float-left { float: left; margin: 0 0 1em 1em; }
  71. img.float-right { float: right; margin: 0 1em 1em 0; }
  72.  
  73.  
  74. /**
  75.  * Buttons
  76.  *
  77.  * @creator nerdfiles
  78.  */
  79.  
  80. .btn { }
  81. .btn input { }
  82. .btn input:hover { }
  83. .btn a { }
  84. .btn a:visited { }
  85. .btn a:hover { }
  86. .btn a:active { }
  87.  
  88. .btn-1 { }
  89. .btn-1 input { }
  90. .btn-1 input:hover { }
  91. .btn-1 a { }
  92. .btn-1 a:visited { }
  93. .btn-1 a:hover { }
  94. .btn-1 a:active { }
  95.  
  96.  
  97. /**
  98.  * Rounded Corners
  99.  *
  100.  * @creator nerdfiles
  101.  */
  102.  
  103. .corners-1 { }
  104. .corners-2 { }
  105. .corners-3 { }
  106.  
  107.  
  108. /**
  109.  * Drop Shadows
  110.  *
  111.  * @creator nerdfiles
  112.  */
  113.  
  114. .drop-shadow-1 { }
  115. .drop-shadow-2 { }
  116. .drop-shadow-3 { }
  117.  
  118.  
  119. /**
  120.  * Null Data
  121.  *
  122.  * @creator nerdfiles
  123.  */
  124.  
  125. .blank { color: #999; }
  126. .empty { color: #999; }
  127.  
  128.  
  129. /**
  130.  * Forms
  131.  *
  132.  * @creator nerdfiles
  133.  */
  134.  
  135. .error { }
  136. .required { color: #c30000; }
  137. .email { border-bottom: 1px solid #ccc; }
  138. .not-required { margin-right: 9px; }

Report this snippet  

You need to login to post a comment.