Advertisement
Guest User

justread custom css- 80px font

a guest
Oct 22nd, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.36 KB | None | 0 0
  1. @font-face {
  2. font-family: "Source Sans Pro Semibold";
  3. src: url("chrome-extension://dgmanlpmmkibanfdgjocnabmcaclkmod/fonts/SourceSansPro-Semibold.ttf");
  4.  
  5. }
  6. @font-face {
  7. font-family: "Source Sans Pro Bold";
  8. src: url("chrome-extension://dgmanlpmmkibanfdgjocnabmcaclkmod/fonts/SourceSansPro-Bold.ttf");
  9.  
  10. }
  11. @font-face {
  12. font-family: "Source Sans Pro Light";
  13. src: url("chrome-extension://dgmanlpmmkibanfdgjocnabmcaclkmod/fonts/SourceSansPro-Light.ttf");
  14.  
  15. }
  16. @font-face {
  17. font-family: Verdana;
  18. src: local(C:\Windows\Fonts\verdana.ttf); }
  19. @media screen {
  20. * { box-sizing: border-box; }
  21. }
  22. body {
  23. font-family: Verdana, serif;
  24. line-height: 1.75em;
  25. font-size: 80px;
  26. color: rgb(40, 40, 40);
  27. background-color:
  28. rgb(255, 255, 255);
  29.  
  30. }
  31.  
  32. h1, h2 {
  33. font-family: "Source Sans Pro Bold", sans-serif;
  34.  
  35. }
  36.  
  37. h1 {
  38. font-size: 1.875em;
  39. line-height: 2.125em;
  40.  
  41. }
  42.  
  43. h2 {
  44. font-size: 1.25em; line-height: 1.5625em;
  45.  
  46. }
  47.  
  48. h3 {
  49. font-family: Verdana, serif;
  50. font-size: 1em;
  51. line-height: 1.7em;
  52. padding-top: 0.9375em;
  53. padding-bottom: 0.9375em;
  54. border-bottom: 1px solid rgb(216, 216, 216);
  55. border-top: 1px solid rgb(216, 216, 216);
  56.  
  57. }
  58.  
  59. hr {
  60. height: 1px;
  61. background-color: rgb(216, 216, 216);
  62. border: none;
  63. width: 100%;
  64. margin: 0px;
  65.  
  66. }
  67.  
  68. a[href] {
  69. color: rgb(39, 170, 225);
  70.  
  71. }
  72.  
  73. a[href]:hover {
  74. color: rgb(78, 202, 255);
  75.  
  76. }
  77.  
  78. img {
  79. max-width: 100%;
  80.  
  81. }
  82.  
  83. li {
  84. line-height: 1.5em;
  85.  
  86. }
  87. pre {
  88. background-color: rgb(224, 224, 224);
  89. padding: 10px;
  90. overflow: auto;
  91.  
  92. }
  93.  
  94. aside, [class*="sidebar"], [id*="sidebar"] {
  95. max-width: 90%;
  96. margin: 0px auto;
  97. border: 1px solid lightgrey;
  98. padding: 5px 15px;
  99. }
  100.  
  101. .simple-date {
  102. display: inline-block;
  103. font-family: "Source Sans Pro Light", sans-serif;
  104. font-size: 80px;
  105. padding-right: 15px;
  106. padding-top: 10px;
  107. padding-bottom: 10px;
  108. border-right: 1px solid rgb(216, 216, 216);
  109.  
  110. }
  111.  
  112. .rtl .simple-date {
  113. border-left: 1px solid rgb(216, 216, 216);
  114. border-right: none;
  115. padding-right: 0px;
  116. padding-left: 15px;
  117.  
  118. }
  119.  
  120. .simple-author {
  121. display: inline-block;
  122. font-family: "Source Sans Pro Semibold", sans-serif;
  123. font-size: 80px; color: rgb(39, 170, 225);
  124. line-height: 22px;
  125. padding-left: 10px;
  126. padding-top: 10px;
  127. padding-bottom: 10px;
  128.  
  129. }
  130.  
  131. .rtl .simple-author {
  132. padding-left: 0px;
  133. padding-right: 10px;
  134.  
  135. }
  136.  
  137. .simple-container {
  138. max-width: 1000px;
  139. margin: 0px auto;
  140. padding-top: 70px;
  141. padding-bottom: 20px;
  142.  
  143. }
  144.  
  145. @media (max-width: 750px) {
  146. .simple-container {
  147. padding-left: 50px;
  148. padding-right: 50px;
  149.  
  150. }
  151. }
  152.  
  153. @media (max-width: 450px) {
  154. .simple-container {
  155. padding-top: 30px;
  156. padding-left: 20px;
  157. padding-right: 20px;
  158.  
  159. }
  160. }
  161. ::selection {
  162. background: yellow;
  163.  
  164. }
  165. .emoji, svg.icon {
  166. width: 1em;
  167.  
  168. }
  169. [class="ad"],
  170. [class*="ads"],
  171. [class^="ad-"],
  172. [class^="ad_"],
  173. [class*="-ad-"],
  174. [class$="-ad"],
  175. [class$="_ad"],
  176. [class~="ad"] {
  177. display: none;
  178.  
  179. }
  180. [class*="navigation"],
  181. [class*="nav"],
  182. nav,
  183. [class*="search"],
  184. [class*="menu"], [class*="print"]:not(.simple-print) {
  185. display: none;
  186.  
  187. }
  188. [class*="nocontent"],
  189. [class*="hidden"] {
  190. display: none;
  191.  
  192. }
  193. [class*="popup"] {
  194. display: none;
  195.  
  196. }
  197. [class*="share"],
  198. [class*="sharing"],
  199. [class*="social"],
  200. [class*="follow"],
  201. [class*="newsletter"] {
  202. display: none;
  203.  
  204. }
  205. form, [class^="form-"],
  206. [class^="form"],
  207. [class*="-form-"],
  208. [class$="-form"],
  209. [class$="form"],
  210. [class~="form"] {
  211. display: none;
  212.  
  213. }
  214. [class*="related"],
  215. [class*="recommended"],
  216. [class*="see-also"],
  217. [class*="popular"],
  218. [class*="trail"] {
  219. display: none;
  220.  
  221. }
  222. [class*="comment"],
  223. [class*="disqus"],
  224. [id*="disqus"] {
  225. display: none;
  226.  
  227. }
  228. [class^="tag"],
  229. [class*="-tag-"],
  230. [class$="-tag"],
  231. [class$="_tag"],
  232. [class~="tag"],
  233. [class*="-tags-"],
  234. [class$="-tags"],
  235. [class$="_tags"],
  236. [class~="tags"],
  237. [id*="-tags-"],
  238. [id$="-tags"],
  239. [id$="_tags"],
  240. [id~="tags"] {
  241. display: none;
  242.  
  243. }
  244. [class*="subscribe"],
  245. [id*="subscribe"],
  246. [class*="subscription"],
  247. [id*="subscription"] {
  248. display: none;
  249.  
  250. }
  251. [class^="fav"],
  252. [class*="-fav-"],
  253. [class$="-fav"],
  254. [class$="_fav"],
  255. [class~="fav"],
  256. [id^="fav"], [id*="-fav-"],
  257. [id$="-fav"], [id$="_fav"],
  258. [id~="fav"],
  259. [class*="favorites"],
  260. [id*="favorites"] {
  261. display: none;
  262.  
  263. }
  264. [class*="signup"],
  265. [id*="signup"],
  266. [class*="signin"],
  267. [id*="signin"],
  268. [class*="signIn"],
  269. [id*="signIn"] {
  270. display: none;
  271.  
  272. }
  273. footer,
  274. [class*="footer"],
  275. [id*="footer"] {
  276. display: none;
  277.  
  278. }
  279. svg[class*="pinterest"],
  280. [class*="pinterest"] svg,
  281. svg[id*="pinterest"],
  282. [id*="pinterest"] svg,
  283. svg[class*="pinit"],
  284. [class*="pinit"] svg,
  285. svg[id*="pinit"],
  286. [id*="pinit"] svg,
  287. svg[class*="facebook"],
  288. [class*="facebook"] svg,
  289. svg[id*="facebook"],
  290. [id*="facebook"] svg,
  291. svg[class*="github"],
  292. [class*="github"] svg,
  293. svg[id*="github"],
  294. [id*="github"] svg,
  295. svg[class*="twitter"],
  296. [class*="twitter"] svg,
  297. svg[id*="twitter"],
  298. [id*="twitter"] svg,
  299. svg[class*="instagram"],
  300. [class*="instagram"] svg,
  301. svg[id*="instagram"],
  302. [id*="instagram"] svg,
  303. svg[class*="tumblr"],
  304. [class*="tumblr"] svg,
  305. svg[id*="tumblr"],
  306. [id*="tumblr"] svg,
  307. svg[class*="youtube"],
  308. [class*="youtube"] svg,
  309. svg[id*="youtube"],
  310. [id*="youtube"] svg,
  311. svg[class*="codepen"],
  312. [class*="codepen"] svg,
  313. svg[id*="codepen"],
  314. [id*="codepen"] svg,
  315. svg[class*="dribble"],
  316. [class*="dribble"] svg,
  317. svg[id*="dribble"],
  318. [id*="dribble"] svg,
  319. svg[class*="soundcloud"],
  320. [class*="soundcloud"] svg,
  321. svg[id*="soundcloud"],
  322. [id*="soundcloud"] svg,
  323. svg[class*="rss"],
  324. [class*="rss"] svg,
  325. svg[id*="rss"],
  326. [id*="rss"] svg,
  327. svg[class*="linkedin"],
  328. [class*="linkedin"] svg,
  329. svg[id*="linkedin"],
  330. [id*="linkedin"] svg,
  331. svg[class*="vimeo"],
  332. [class*="vimeo"] svg,
  333. svg[id*="vimeo"],
  334. [id*="vimeo"] svg,
  335. svg[class*="email"],
  336. [class*="email"] svg,
  337. svg[id*="email"],
  338. [id*="email"] svg {
  339. display: none;
  340.  
  341. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement