Posted By

Aritra on 07/06/19


Tagged


Versions (?)

Example CSS


 / Published in: CSS
 

Example formatting for my page

  1. @import url("https://fonts.googleapis.com/css?family=PT+Sans|PT+Mono");
  2.  
  3. body {
  4. font-family: "PT Sans", arial, sans-serif;
  5. font-weight: normal;
  6. font-size: 10px;
  7. font-size: 1.0rem;
  8. line-height: 1.4;
  9. background: white;
  10. color: rgb(98,98,98);
  11. }
  12.  
  13. h1 {
  14. font-size: 18px;
  15. font-size: 1.8rem;
  16. line-height: 30px;
  17. line-height: 3.0rem;
  18. font-weight: 700;
  19. color: rgb(56,56,56);
  20. }
  21.  
  22. h2 {
  23. font-size: 14px;
  24. font-size: 1.4rem;
  25. font-weight: 500;
  26. color: rgb(56,56,56);
  27. }
  28.  
  29. h3 {
  30. font-size: 10px;
  31. font-size: 1.0rem;
  32. font-weight: 700;
  33. color: rgb(56,56,56);
  34. }
  35.  
  36. h4 {
  37. font-style: italic;
  38. font-size: 10px;
  39. font-size: 1.0rem;
  40. font-weight: 500;
  41. color: rgb(56,56,56);
  42. }
  43.  
  44. p + p {
  45. margin-top: 10px;
  46. margin-top: 1.0rem;
  47. }
  48.  
  49. h2 + p, h3 + p, h4 + p {
  50. margin-top: 0;
  51. }
  52.  
  53. pre {
  54. background: white;
  55. color: #336666;
  56. font-size: 100%;
  57. padding: 10px;
  58. border-collapse: collapse;
  59. border-style: solid;
  60. border-width: 1px;
  61. }
  62.  
  63. pre.syntax {
  64. color: #0086CF;
  65. font-size: 10px;
  66. font-size: 1.00rem;
  67. background: #F0F0F0;
  68. border-left: none;
  69. border-right: none;
  70. border-color: #0086CF;
  71. border-width: 1px;
  72. }
  73.  
  74. em.asis {
  75. font-family: "PT Mono", courier, monospace;
  76. font-weight: normal;
  77. font-style: normal;
  78. font-size: 10px;
  79. font-size: 1.00rem;
  80. text-decoration: none;
  81. }
  82. em.value {
  83. font-family: "PT Mono", courier, monospace;
  84. font-weight: normal;
  85. font-style: normal;
  86. font-size: 10px;
  87. font-size: 1.00rem;
  88. text-decoration: none;
  89. }
  90. em.formula {
  91. font-family: "PT Mono", courier, monospace;
  92. font-weight: normal;
  93. font-size: 10px;
  94. font-size: 1.00rem;
  95. font-style: italic;
  96. text-decoration: none;
  97. }
  98.  
  99. a {
  100. text-decoration: none;
  101. color: #0086CF;
  102. }
  103.  
  104. a:hover {
  105. color: #1B5C7F;
  106. }
  107.  
  108. pre {
  109. background: white;
  110. color: #336666;
  111. font-size: 100%;
  112. padding: 10px;
  113. border-collapse: collapse;
  114. border-style: solid;
  115. border-width: 1px;
  116. }
  117. pre.warning {
  118. background: #FFDD99;
  119. }
  120.  
  121. pre.example {
  122. color: #0086CF;
  123. font-size: 10px;
  124. font-size: 1.00rem;
  125. background: #F0F0F0;
  126. border-left: none;
  127. border-right: none;
  128. border-color: #0086CF;
  129. border-width: 1px;
  130. }
  131.  
  132. div.formula {
  133. font-family: "PT Mono", courier, monospace;
  134. font-size: 10px;
  135. font-size: 1.00rem;
  136. font-weight: normal;
  137. font-style: italic;
  138. text-decoration: none;
  139. padding-left: 50px;
  140. padding-right: 50px;
  141. border-width: 0px;
  142. }
  143.  
  144. img {
  145. border: none;
  146. }
  147. img.css {
  148. width: 88px;
  149. height: 31px
  150. }
  151. img.label {
  152. padding: 0px;
  153. margin: 0px
  154. }
  155.  
  156. table, td, th {
  157. padding: 10px;
  158. padding-top: 5px;
  159. padding-bottom: 5px;
  160. border: none;
  161. }
  162.  
  163. tr:nth-child(even) {background-color: #f2f2f2}
  164.  
  165. table.summary {
  166. width: 100%;
  167. margin: 0px;
  168. border-color: black;
  169. border-style: solid;
  170. border-width: 1px;
  171. border-collapse: collapse
  172. }
  173.  
  174. table.summary td.item {
  175. text-align: right;
  176. font-weight: bold;
  177. font-style: normal;
  178. text-decoration: none;
  179. }
  180. table.summary td.value {
  181. text-align: left;
  182. font-weight: normal;
  183. font-style: normal;
  184. text-decoration: none;
  185. }
  186.  
  187. table.topbar {
  188. background: white;
  189. table-layout: auto;
  190. border-collapse: collapse
  191. }
  192.  
  193. table.topbar tr {
  194. background: white;
  195. padding: 0px;
  196. margin: 0px;
  197. }
  198.  
  199. table.topbar td {
  200. padding: 2px;
  201. margin: 2px;
  202. border-right: solid 2px;
  203. border-color: gray;
  204. color: gray;
  205. }
  206.  
  207. table.topbar td a {
  208. color: gray;
  209. }
  210.  
  211. table.topbar td.this {
  212. padding: 2px;
  213. margin: 2px;
  214. border-style: none;
  215. color: #0086CF;
  216. }
  217.  
  218. div.display {
  219. background: #F2F5F5;
  220. font-family: courier, monospace;
  221. text-decoration: none;
  222. padding: 10px;
  223. margin-top: 10px;
  224. margin-bottom: 10px;
  225. border-collapse: collapse;
  226. border-color: #CC0000;
  227. border-style: solid;
  228. border-width: 1px;
  229. color: #003c72;}
  230. div.display a:link {
  231. color: #6699EE; /*#003c72; */
  232. text-decoration: none}
  233. div.display a:visited {
  234. color: #2255AA;
  235. text-decoration: none}
  236. div.display a:active {
  237. color: red;
  238. text-decoration: none}
  239. div.display a:hover {
  240. color: #999999;
  241. text-decoration: none}
  242.  
  243. ul {
  244. padding-bottom: 0;
  245. margin-bottom: 0;
  246. margin-top: 0;
  247. list-style-type: square;
  248. }
  249.  
  250. hr {
  251. clear: both
  252. }
  253. sup, sub {
  254. height: 0;
  255. line-height: 1;
  256. vertical-align: baseline;
  257. position: relative;
  258. }
  259.  
  260. sup {
  261. bottom: 1ex;
  262. font-style: normal;
  263. }
  264.  
  265. sub {
  266. top: .5ex;
  267. font-style: normal;
  268. }

Report this snippet  

You need to login to post a comment.