API tools faq
paste
Beeline

Octojournal

Beeline
Oct 11th, 2014
236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.67 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <style>
  5.  
  6.  
  7. a:link, a:visited, a:active {
  8. background-color: transparent;
  9. font: 12px Trebuchet MS;
  10. color: #302c4d;
  11. letter-spacing: 2px;
  12. -webkit-transition: color 0.5s ease-out;
  13. -moz-transition: color 0.5s ease-out;}
  14.  
  15. a:hover {
  16. background-color: transparent;
  17. font: 12px Trebuchet MS;
  18. color: #484274;
  19. letter-spacing: 2px;
  20. -webkit-transition: color 0.5s ease-out;
  21. -moz-transition: color 0.5s ease-out;}
  22.  
  23. a:link img, a:visited img {
  24. border: 0px dotted #542574;
  25. -webkit-transition: color 0.5s ease-out;
  26. -moz-transition: color 0.5s ease-out;;
  27. }
  28. a:hover img {
  29. border: 0px dotted #a15ad1;
  30. opacity:.80; }
  31.  
  32. a.nav:link, a.nav:visited, a.nav:active {
  33. display: block;
  34. font: 8px Small Fonts;
  35. text-transform: uppercase;
  36. color: #fafdcd;
  37. background: #413b36;
  38. text-align: center;
  39. border-radius: 3px;
  40. border-right: 3px solid #fafdcd;
  41. border-left: 3px solid #fafdcd;
  42. padding: 2px;
  43. margin: 2px;
  44. -webkit-transition: all 0.8s ease-out;
  45. -moz-transition: all 0.8s ease-out;
  46. }
  47. a.nav:hover {
  48. display: block;
  49. font: 8px sans;
  50. text-transform: uppercase;
  51. color: #484274;
  52. background: #484274;
  53. text-align: center;
  54. border-radius: 3px;
  55. border-right: 3px solid #fafdcd;
  56. border-left: 3px solid #fafdcd;
  57. padding: 2px;
  58. margin: 2px;
  59. -webkit-transition: all 0.8s ease-out;
  60. -moz-transition: all 0.8s ease-out;
  61. }
  62.  
  63. body, html{
  64. background-color: ;
  65. background-image: url('http://i.imgur.com/Yu6giwy.png'), url('http://i.imgur.com/3oN9H9I.png'); background-position: top right; background-repeat: no-repeat, repeat; background-attachment: fixed;
  66. }
  67.  
  68. body, div, table {
  69. width: 500px;
  70.  
  71. font-family: trebuchet MS;
  72. font-size: 12px;
  73. line-height: 11px;
  74. color: #007F9F;
  75.  
  76. }
  77.  
  78. b {
  79. font: 12px Sans;
  80. font-variant: sans;
  81. font-weight: bold;
  82. color: #007F9F;
  83. background: transparent;
  84. letter-spacing: 2px;
  85. text-shadow: -2px 4px 5px rgba(46, 28, 28, 0.25);
  86. border-top: 2px solid #333333;
  87. border-radius: 5px;
  88. }
  89.  
  90. i {
  91. font: 14px sans;
  92. font-family: Satisfy, cursive;
  93. font-style: italic;
  94. font-weight: lighter;
  95. color: #007F9F;
  96. letter-spacing: 2px;
  97. text-shadow: 2px 1px 2px #333;
  98.  
  99. }
  100.  
  101. u {
  102. font: 12px Sans;
  103. font-weight: lighter;
  104. color: #007F9F;
  105. border-bottom: 1px solid #be3c3c;
  106. letter-spacing: 2px;
  107. }
  108.  
  109. .journalentry, .journalentry td { border: none; }
  110.  
  111. .entrytable { border: none; }
  112.  
  113. a:link, .menu2, .menu2 a:link {
  114. color: #007F9F;
  115. font-size: 8pt;
  116. font-family : trebuchet MS;
  117. text-decoration: none;
  118. -webkit-transition: all 0.5s ease-out;
  119. -moz-transition: all 0.5s ease-out;
  120. }
  121.  
  122. a:visited, .menu2 a:visited {
  123. color: #007F9F;
  124. font-family : trebuchet MS;
  125. }
  126.  
  127. a:hover, .menu, .menu a:link, .menu a:visited {
  128. color: #484274;
  129. font-family : trebuchet MS;
  130. background: transparent;
  131. -webkit-transition: all 0.5s ease-out;
  132. -moz-transition: all 0.5s ease-out;
  133. }
  134.  
  135. h1 {
  136. font-size: 16px;
  137. line-height: 14px;
  138. font-family: trebuchet MS;
  139. text-align: center;
  140. letter-spacing: 2px;
  141. color: #white;
  142. font-weight: lighter;
  143. text-transform: uppercase;
  144. font-style: none;
  145. margin: 2px;
  146. border-left: 30px solid #007F9F;
  147. border-right: 30px solid #007F9F;
  148. border-bottom: 3px solid #007F9F;
  149. border-top: 3px solid #007F9F;
  150. }
  151.  
  152. small {
  153. color: #007F9F;
  154. font-family: trebuchet ms;
  155. font-size: 10px;
  156. text-transform: uppercase;
  157. }
  158.  
  159. .leftnav, h2, .maintop, .menu2, .footer_links, .topbar, .description, .makeentry { display: none; }
  160.  
  161. .main {
  162. margin-top: 50px;
  163. background-color: ;
  164.  
  165. }
  166.  
  167. .journalentry {
  168. background: #413b36;
  169. text-align: center;
  170. border: none;
  171. width: 500px;
  172. border:ridge 2px #007F9F;
  173. -moz-border-radius: 3px;
  174. -webkit-border-radius: 3px;
  175. border-radius: 3px;
  176. -moz-box-shadow: 0px 7px 23px #000000;
  177. -webkit-box-shadow: 0px 7px 23px #000000;
  178. }
  179.  
  180. .journalentry td {
  181. border: none;
  182. }
  183.  
  184. .entrytable {
  185. background: #211e3e;
  186. background: url('http://i.imgur.com/3oN9H9I.png');
  187. text-align: center;
  188. border: none;
  189. width: 500px;
  190. border:ridge 2px #007F9F;
  191. -moz-border-radius: 3px;
  192. -webkit-border-radius: 3px;
  193. border-radius: 3px;
  194. -moz-box-shadow: 0px 7px 23px #000000;
  195. -webkit-box-shadow: 0px 7px 23px #000000;
  196. }
  197.  
  198. .entrytable td {
  199. border: none;
  200. }
  201.  
  202. .comment_table {
  203. background: #675d79;
  204. text-align: center;
  205. border: none;
  206. width: 500px;
  207. }
  208.  
  209. .comment_table td {
  210. border: none;
  211. }
  212.  
  213. .commentform {
  214. background: #675d79;
  215. text-align: center;
  216. border: none;
  217. width: 500px;
  218. border:ridge 2px #007F9F;
  219. -moz-border-radius: 3px;
  220. -webkit-border-radius: 3px;
  221. border-radius: 3px;
  222. -moz-box-shadow: 0px 7px 23px #000000;
  223. -webkit-box-shadow: 0px 7px 23px #000000;
  224. }
  225.  
  226. .commentform td {
  227. border: none;
  228. }
  229.  
  230. #last_comment {
  231. background: #675d79;
  232. text-align: center;
  233. border: none;
  234. width: 500px;
  235. }
  236.  
  237. #last_comment td {
  238. border: none;
  239. }
  240.  
  241. .darkbox td {
  242. border: none;
  243. }
  244.  
  245. #ajaxpane {
  246. border: none
  247. }
  248.  
  249. #ajaxpane td {
  250. border: none;
  251. }
  252.  
  253. .ajaxtooltip {
  254. border: none;
  255. background: transparent;
  256. }
  257.  
  258. .poll_table td {
  259. border: none;
  260. }
  261.  
  262. .subheading {
  263. font-size: 10px;
  264. line-height: 8px;
  265. text-transform: uppercase;
  266. color: #6D898A;
  267. background: ;
  268. background-image: url('http://i.imgur.com/3oN9H9I.png');
  269. font-family: trebuchet MS;
  270. text-align: center;
  271. font-weight: lighter;
  272. line-height: 10px;
  273. letter-spacing: 5px;
  274. font-style: none;
  275. border: none;
  276. border-radius: 20px;
  277. }
  278.  
  279. .subheading td {
  280. border: none;
  281. background-image: url('http://i.imgur.com/3oN9H9I.png');
  282. }
  283.  
  284. select {
  285. background: #413b36;
  286. font-size: 10px;
  287. text-transform: uppercase;
  288. color: #007F9F;
  289. border: none;
  290.  
  291. }
  292.  
  293. input {
  294. background: #413b36;
  295. font-size: 10px;
  296. text-transform: uppercase;
  297. color: #007F9F;
  298. border: none;
  299. border:ridge 2px #007F9F;
  300. -moz-border-radius: 3px;
  301. -webkit-border-radius: 3px;
  302. border-radius: 3px;
  303. -moz-box-shadow: 0px 7px 23px #000000;
  304. -webkit-box-shadow: 0px 7px 23px #000000;
  305. }
  306.  
  307. textarea {
  308. width: 70%;
  309. background: #413b36;
  310. border: none;
  311. text-align: center;
  312. height: 100px;
  313. }
  314.  
  315. .sub_button {
  316. border: none;
  317. background-color: #413b36;
  318. padding: 0px 3px;
  319. margin: 0px;
  320. }
  321.  
  322. body {
  323. position: absolute;
  324. top: 250px;
  325. bottom: 0;
  326. right: 200px;
  327. overflow-y: scroll;
  328. overflow-x: hidden;
  329. }
  330.  
  331. ::-webkit-scrollbar {
  332. width: 5px;
  333. height: 10px;
  334. }
  335.  
  336. ::-webkit-scrollbar-button:start:decrement,
  337. ::-webkit-scrollbar-button:end:increment {
  338. height: 0px;
  339. display: block;
  340. background-color: transparent;
  341. }
  342.  
  343. ::-webkit-scrollbar-track-piece {
  344. background-color: #101010;
  345. -webkit-border-radius: 0px;
  346. }
  347.  
  348. ::-webkit-scrollbar-thumb:vertical {
  349. height: 50px;
  350. background-color: #007F9F;
  351. border: none;
  352. -webkit-border-radius: 0px;
  353. }
  354.  
  355.  
  356. .portlink:link, .portlink:visited, .portlink:active{
  357. color: white;
  358. font-family: trebuchet ms;
  359. font-size: 10px;
  360. text-transform: uppercase;
  361. font-weight: lighter;
  362. border-right: 3px solid #007F9F;
  363. border-left: 3px solid #007F9F;
  364. line-height: 22px;
  365. text-align: center;
  366. padding:0px;
  367. margin:5px;
  368. background: #837a7e;
  369. width:100px;
  370. height:25px;
  371. -webkit-transition: all 0.5s ease-out;
  372. -moz-transition: all 0.5s ease-out;
  373. display:inline-block;
  374. border:ridge 2px #007F9F;
  375. -moz-border-radius: 3px;
  376. -webkit-border-radius: 3px;
  377. border-radius: 3px;
  378. -moz-box-shadow: 0px 7px 23px #000000;
  379. -webkit-box-shadow: 0px 7px 23px #000000;
  380. }
  381. .portlink:hover{
  382. color: #fff;
  383. background-color: #6D898A;
  384. -webkit-border-radius: 8px;
  385. -moz-border-radius: 8px;
  386. border-radius: 8px;
  387. -webkit-transition: all 0.8s ease-out;
  388. -moz-transition: all 0.8s ease-out;
  389. }
  390.  
  391.  
  392. #navi {
  393. margin: 0px;
  394. position: fixed;
  395. top: 0px;
  396. left: 0px;
  397. height: 50px;
  398. width: 100%;
  399. border:ridge 2px #282c2d;
  400. -moz-border-radius: 3px;
  401. -webkit-border-radius: 3px;
  402. border-radius: 3px;
  403. -moz-box-shadow: 0px 7px 23px #000000;
  404. -webkit-box-shadow: 0px 7px 23px #000000;
  405. }
  406. div.menu5
  407. {
  408. width:750px;
  409. margin:0 auto;
  410. text-align:center;
  411. background:;
  412. border:px solid black;
  413. font-size:0;
  414. padding:0px;
  415. }
  416.  
  417. div.menu5 a
  418. {
  419. display: inline-block;
  420. padding: 3 4px;
  421. background:#3A332C;
  422. border:1px solid #282c2d;
  423. color:#C4B09C;
  424. text-decoration:none;
  425. font: bold 12px Arial;
  426. line-height: 20px;
  427. margin-right:1px;
  428. }
  429.  
  430. div.menu5 a:hover, div.menu5 a.current
  431. {
  432. background:#6D898A;
  433. color:#E6D4C3;
  434. }
  435.  
  436. </style>
  437.  
  438. <div id="navi">
  439. <div class="menu5">
  440. <a href="/profiles/home.php" class="portlink">VF Home</a>
  441. <a href="http://vampirefreaks.com/EmiChild " class="portlink">My Profile</a>
  442. <a href="http://vampirefreaks.com/journal_edit_options.php" class="portlink">Edit</a>
  443. <a href="http://vampirefreaks.com/journal_entry.php" class="portlink">New Entry</a>
  444. <a href="http://vampirefreaks.com/journal/EmiChild " class="portlink">Cover Page</a>
  445. <a href="http://vampirefreaks.com/members/Beeline/Beeline+Designs" class="portlink">PD 14</a>
  446.  
  447. <br />
  448.  
  449. </div></div>
Advertisement
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!