Advertisement
Guest User

Briddell CSS

a guest
Feb 28th, 2013
40
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @font-face {
  2. font-family: 'existencelight';
  3. src: url(fonts/'existence-light.eot');
  4. src: url(fonts/'existence-light.eot?#iefix') format('embedded-opentype'),
  5. url(fonts/'existence-light.woff') format('woff'),
  6. url(fonts/'existence-light.ttf') format('truetype'),
  7. url(fonts/'existence-light.svg#existencelight') format('svg');
  8. font-weight: normal;
  9. font-style: normal;
  10.  
  11. }
  12.  
  13. @font-face {
  14. font-family: 'existencestencil_light';
  15. src: url(fonts/'existence-stencillight.eot');
  16. src: url(fonts/'existence-stencillight.eot?#iefix') format('embedded-opentype'),
  17. url(fonts/'existence-stencillight.woff') format('woff'),
  18. url(fonts/'existence-stencillight.ttf') format('truetype'),
  19. url(fonts/'existence-stencillight.svg#existencestencil_light') format('svg');
  20. font-weight: normal;
  21. font-style: normal;
  22.  
  23. }
  24.  
  25. @font-face {
  26. font-family: 'existenceunicase_light';
  27. src: url(fonts/'existence-unicaselight.eot');
  28. src: url(fonts/'existence-unicaselight.eot?#iefix') format('embedded-opentype'),
  29. url(fonts/'existence-unicaselight.woff') format('woff'),
  30. url(fonts/'existence-unicaselight.ttf') format('truetype'),
  31. url(fonts/'existence-unicaselight.svg#existenceunicase_light') format('svg');
  32. font-weight: normal;
  33. font-style: normal;
  34.  
  35. }
  36.  
  37. article,
  38. aside,
  39. details,
  40. figcaption,
  41. figure,
  42. footer,
  43. header,
  44. hgroup,
  45. nav,
  46. section,
  47. summary {
  48. display: block;
  49. }
  50.  
  51. audio,
  52. canvas,
  53. video {
  54. display: inline-block;
  55. }
  56.  
  57. audio:not([controls]) {
  58. display: none;
  59. height: 0;
  60. }
  61.  
  62. [hidden] {
  63. display: none;
  64. }
  65.  
  66.  
  67.  
  68. html {
  69. font-family: existencelight, serif; /* 1 */
  70. -webkit-text-size-adjust: 100%; /* 2 */
  71. -ms-text-size-adjust: 100%; /* 2 */
  72. }
  73.  
  74.  
  75. body {
  76. margin: 0;
  77. }
  78.  
  79. a:focus {
  80. outline: thin dotted;
  81. }
  82.  
  83. a:active,
  84. a:hover {
  85. outline: 0;
  86. }
  87.  
  88. h1 {
  89. font-size: 2em;
  90. }
  91.  
  92. abbr[title] {
  93. border-bottom: 1px dotted;
  94. }
  95.  
  96. b,
  97. strong {
  98. font-weight: bold;
  99. }
  100.  
  101. dfn {
  102. font-style: italic;
  103. }
  104.  
  105. mark {
  106. background: #ff0;
  107. color: #000;
  108. }
  109.  
  110. code,
  111. kbd,
  112. pre,
  113. samp {
  114. font-family: existencelight, serif;
  115. font-size: 1em;
  116. }
  117.  
  118. pre {
  119. white-space: pre;
  120. white-space: pre-wrap;
  121. word-wrap: break-word;
  122. }
  123.  
  124. q {
  125. quotes: "\201C" "\201D" "\2018" "\2019";
  126. }
  127.  
  128.  
  129. small {
  130. font-size: 80%;
  131. }
  132.  
  133.  
  134. sub,
  135. sup {
  136. font-size: 75%;
  137. line-height: 0;
  138. position: relative;
  139. vertical-align: baseline;
  140. }
  141.  
  142. sup {
  143. top: -0.5em;
  144. }
  145.  
  146. sub {
  147. bottom: -0.25em;
  148. }
  149.  
  150. img {
  151. border: 0;
  152. }
  153.  
  154. svg:not(:root) {
  155. overflow: hidden;
  156. }
  157.  
  158.  
  159. figure {
  160. margin: 0;
  161. }
  162.  
  163. fieldset {
  164. border: 1px solid #c0c0c0;
  165. margin: 0 2px;
  166. padding: 0.35em 0.625em 0.75em;
  167. }
  168.  
  169.  
  170. legend {
  171. border: 0; /* 1 */
  172. padding: 0; /* 2 */
  173. }
  174.  
  175.  
  176. button,
  177. input,
  178. select,
  179. textarea {
  180. font-family: inherit; /* 1 */
  181. font-size: 100%; /* 2 */
  182. margin: 0; /* 3 */
  183. }
  184.  
  185.  
  186. button,
  187. input {
  188. line-height: normal;
  189. }
  190.  
  191.  
  192. button,
  193. html input[type="button"], /* 1 */
  194. input[type="reset"],
  195. input[type="submit"] {
  196. -webkit-appearance: button; /* 2 */
  197. cursor: pointer; /* 3 */
  198. }
  199.  
  200. button[disabled],
  201. input[disabled] {
  202. cursor: default;
  203. }
  204.  
  205.  
  206. input[type="checkbox"],
  207. input[type="radio"] {
  208. box-sizing: border-box; /* 1 */
  209. padding: 0; /* 2 */
  210. }
  211.  
  212.  
  213. input[type="search"] {
  214. -webkit-appearance: textfield; /* 1 */
  215. -moz-box-sizing: content-box;
  216. -webkit-box-sizing: content-box; /* 2 */
  217. box-sizing: content-box;
  218. }
  219.  
  220.  
  221. input[type="search"]::-webkit-search-cancel-button,
  222. input[type="search"]::-webkit-search-decoration {
  223. -webkit-appearance: none;
  224. }
  225.  
  226.  
  227. button::-moz-focus-inner,
  228. input::-moz-focus-inner {
  229. border: 0;
  230. padding: 0;
  231. }
  232.  
  233. textarea {
  234. overflow: auto; /* 1 */
  235. vertical-align: top; /* 2 */
  236. }
  237.  
  238. table {
  239. border-collapse: collapse;
  240. border-spacing: 0;
  241. }
  242. body {
  243.  
  244. background-color: #E4F1F6;
  245. }
  246. .cf:before,
  247. .cf:after {
  248. content: "";
  249. display: table;
  250. }
  251. .cf:after {
  252. clear: both;
  253. }
  254. .cf {
  255. *zoom: 1;
  256. }
  257.  
  258. .wrapper {
  259. width: 1000px;
  260. margin: 50px auto 0;
  261. height: 500px;
  262.  
  263. }
  264.  
  265. .col {
  266. width: -webkit-calc(100% / 3);
  267. width: -moz-calc(100% / 3);
  268. width: calc(100% / 3);
  269.  
  270. -moz-border-radius-topleft: 15px;
  271. border-bottom-right-radius: 15px;
  272. border-bottom-left-radius: 15px;
  273. border-top-right-radius: 15px;
  274. border-top-left-radius: 15px;
  275.  
  276. float: left;
  277. height: 100%;
  278. text-align: center;
  279. font-size: 50px;
  280. color: #fff;
  281. line-height: 150%;
  282. margin-top: 15px;
  283. border: 2x solid #ccc;
  284.  
  285. }
  286.  
  287.  
  288. .col.one {
  289. background-color: #8CD9CF;
  290. }
  291. .col.two {
  292. background-color: #256F6F;
  293. }
  294. .col.three {
  295. background-color: #8CD9CF;
  296. }
  297.  
  298. .pre {
  299.  
  300. padding-left: 5em;
  301. margin-top: 50px;
  302. padding: 20px;
  303. border-radius: 3px;
  304. border: 2px solid #ccc;
  305.  
  306. -webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  307. box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  308.  
  309. background-color: #f3f3f3;
  310. }
Advertisement
RAW Paste Data Copied
Advertisement