API tools faq
paste
jacktherph

personal 001: page guts

jacktherph
Jan 10th, 2019
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.50 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <!----------------- A FEW THINGS
  9.  
  10. - etc etc
  11.  
  12. -------------------->
  13.  
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.  
  16. <script type="text/javascript" src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  17.  
  18. <style type="text/css">
  19.  
  20. ::selection{
  21. background-color: #9cdbb4; /* selection background */
  22. color: #fff; /* selection font background */
  23. }
  24. ::-moz-selection{
  25. background-color: #9cdbb4; /* selection background */
  26. color: #fff; /* selection font background */
  27. }
  28.  
  29. /* SCROLLBAR */
  30.  
  31.  
  32. ::-webkit-scrollbar {
  33. width:5px; /* sidebar thickness */
  34. height:5px;
  35. background:#000; /* sidebar background color */
  36. }
  37.  
  38.  
  39. ::-webkit-scrollbar-track {
  40. border:5px solid;
  41. background: transparent;
  42. }
  43.  
  44.  
  45. ::-webkit-scrollbar-thumb:vertical {
  46. background: #fff; /* sidebar scroll color */
  47. min-height:20px;
  48. }
  49.  
  50.  
  51. ::-webkit-scrollbar-thumb:horizontal {
  52. background: #fff; /* sidebar scroll color */
  53. min-height:20px;
  54. }
  55.  
  56. pre {
  57. white-space: pre-wrap;
  58. white-space: -moz-pre-wrap;
  59. white-space: -pre-wrap;
  60. white-space: -o-pre-wrap;
  61. word-wrap: break-word;
  62. }
  63.  
  64. /* TOOL TIP */
  65.  
  66. div#qTip {
  67. background: #9cbbdb; /* tooltip background color */
  68. color: #000; /* tooltip font color */
  69. border: 1px;
  70. border-style: solid;
  71. border-radius: 10px; /* rounded corners */
  72. font-size: 10px;
  73. display: none;
  74. text-align: center;
  75. position: absolute;
  76. z-index: 99;
  77. letter-spacing: 1px;
  78. padding: 3px 4px;
  79. text-transform: uppercase;
  80. }
  81.  
  82. /* ACTUAL SHIT */
  83.  
  84. body {
  85. font-size: 15px; /* date size */
  86. font-family: Calibri, Candara, Segoe; /* date */
  87. color: #1e1e1e; /* date color */
  88. background-image: url(''); /* background image */
  89. background-color: #e0e0e0; /* background color */
  90. background-size:cover;
  91. background-attachment:fixed;
  92. margin: 0px;
  93. }
  94.  
  95. a {
  96. color: #a33030; /* link color */
  97. text-decoration: none;
  98. -moz-transition-duration: 0.5s;
  99. -o-transition-duration: 0.5s;
  100. -webkit-transition-duration: 0.5s;
  101. transition-duration: 0.5s;
  102. }
  103.  
  104. a:hover {
  105. color: #d48181; /* link hover color */
  106. -moz-transition-duration: 0.5s;
  107. -o-transition-duration: 0.5s;
  108. -webkit-transition-duration: 0.5s;
  109. transition-duration: 0.5s;
  110. }
  111.  
  112.  
  113. h1 { /* CALENDAR HEADER INFO */
  114. color: #000; /* header font color */
  115. font-family: 'calibri'; /* header font */
  116. font-size: 100px;
  117. margin: auto;
  118. text-align: center;
  119. }
  120.  
  121. h2 {
  122. font-size: 17px;
  123. text-transform: uppercase;
  124. text-align: center;
  125. font-weight: 100;
  126. margin: auto;
  127. color: #000;
  128. font-family: 'calibri';
  129. }
  130.  
  131. h3 {
  132. display: block;
  133. font-size: 15px;
  134. text-transform: uppercase;
  135. font-family: 'calibri';
  136. color: #dfdcdc;
  137. }
  138.  
  139. ul {
  140. list-style-type: none;
  141. }
  142.  
  143. b {
  144. font-weight:800;
  145. }
  146.  
  147. i {
  148. }
  149.  
  150. * {
  151. box-sizing: border-box;
  152. }
  153. /* ----------------------CSS GUTS---------------------- */
  154.  
  155.  
  156. /* ----------------------LEAVE THIS---------------------- */
  157.  
  158. #container::after {
  159. content: "";
  160. clear: both;
  161. display: table;
  162. }
  163.  
  164. [class*="col-"] {
  165. float: left;
  166. padding: 25px;
  167. }
  168.  
  169. .col-1 {width: 8.33%;}
  170. .col-2 {width: 16.66%;}
  171. .col-3 {width: 25%;}
  172. .col-4 {width: 33.33%;}
  173. .col-5 {width: 41.66%;}
  174. .col-6 {width: 50%;}
  175. .col-7 {width: 58.33%;}
  176. .col-8 {width: 66.66%;}
  177. .col-9 {width: 75%;}
  178. .col-10 {width: 83.33%;}
  179. .col-11 {width: 91.66%;}
  180. .col-12 {width: 100%;}
  181.  
  182. /* ----------------------CREDIT INFO---------------------- */
  183.  
  184. /* DO NOT TOUCH! THANK YOU!!! */
  185.  
  186. #credit {
  187. position: fixed;
  188. padding-top: 3px;
  189. bottom: 5px;
  190. right: 5px;
  191. line-height: 90%;
  192. text-align: center;
  193. background-color: transparent;
  194. }
  195. #credit img {
  196. width: 27px;
  197. height: 27px;
  198. }
  199.  
  200. </style>
  201. </head>
  202.  
  203. <!-----------------------------HTML GUTS------------------------------>
  204. <body>
  205.  
  206. <!---------CREDIT, DO NOT TOUCH--------->
  207.  
  208. <div id="credit">
  209. <a href="http://jacktherph.tumblr.com"><img src="https://imgur.com/Ri3Jm6O.png"></a>
  210. </div>
  211. <!-----------------------------GUTS END------------------------------>
  212. </body>
  213. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!