API tools faq
paste
Advertisement
karenok

Crew page #3

karenok
May 9th, 2013
481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.44 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. Edited theme by officialawley. Dont remove the credit, thanks.
  5. -->
  6.  
  7. <title>Titleeeee</title> <!--Here you change your blog title name -->
  8. <link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif">
  9.  
  10. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  11. <link href='http://fonts.googleapis.com/css?family=Economica|Short+Stack|Cedarville+Cursive' rel='stylesheet' type='text/css'>
  12.  
  13. <style type="text/css">
  14.  
  15. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  16.  
  17. /*BACKGROUND*/
  18. body {
  19. background-color:#fff;
  20. background-image: url('http://media.tumblr.com/tumblr_me3jyoS29t1rvdflj.png');
  21. background-attachment: fixed;font-size:9px;font-family:short stack;text-align:justify}
  22.  
  23. ::-webkit-scrollbar-thumb:vertical {
  24. background-color: #FA7B98;
  25. height: 30px;}
  26.  
  27. ::-webkit-scrollbar {
  28. height: 30px;
  29. width: 4px;
  30. background-color:#fff;}
  31.  
  32. a:link, a:active, a:visited{
  33. color: #27df10;
  34. text-decoration: none;
  35. -webkit-transition: color 0.2s ease-out;
  36. -moz-transition: color 0.2s ease-out;
  37. }
  38.  
  39. a:hover{
  40. color:#fff;
  41. text-decoration:none;
  42. text-shadow: 0px 0px 4px #000000;
  43. -webkit-transition: opacity 0.4s linear;
  44. -webkit-transition: all 0.5s ease-out;
  45. -moz-transition: all 0.4s ease-out;
  46. transition: all 0.4s ease-out;}
  47.  
  48. /*SIDEBAR*/
  49.  
  50. #side{
  51. position:fixed;
  52. margin-left:80px;
  53. top:100px;
  54. z-index:99;}
  55.  
  56. #side img{
  57. width:150px;
  58. height:150px;
  59. padding:4px;
  60. border: 1px solid #ccc;}
  61.  
  62. #desc{
  63. position:fixed;
  64. width:220px;
  65. margin-top:-10px;
  66. margin-left:-30px;
  67. font-family:Short stack;
  68. font-size:10px;
  69. text-align:center;
  70. color:#999;}
  71.  
  72. #desc h1{
  73. font-family:batangChe;
  74. font-size:15px;
  75. font-weight:normal;
  76. letter-spacing:0px;
  77. z-index:99;
  78. text-align:center;
  79. border-bottom:1px dotted;
  80. text-transform:lowercase;
  81. padding:0px;}
  82.  
  83. #desc a{
  84. color:#0362f7; /*THIS IS THE RETURN LINK COLOR*/
  85. text-decoration:none;
  86. font-size:9px;
  87. letter-spacing:1px;
  88. text-transform:uppercase;
  89. font-family:consolas;}
  90.  
  91. #container{
  92. position:absolute;
  93. margin-left:140px;
  94. width:1000px;
  95. top:20px;}
  96.  
  97. /*FRIENDS IMAGES AND DESCRIPTIONS CSS*/
  98.  
  99. .char{
  100. position:relative;
  101. float:left;
  102. width:260px;
  103. margin-left:180px;
  104. margin-bottom:20px;
  105. padding:4px;}
  106.  
  107. .char a{
  108. color: #000;
  109. text-decoration:none;}
  110.  
  111. .char a:hover{
  112. color:#cfd5e9;}
  113.  
  114.  
  115. .char img{
  116. width:150px;
  117. padding:4px;
  118. border:1px solid #003bff;}
  119.  
  120. .title{
  121. position:relative;
  122. margin-top:-40px;}
  123.  
  124. /* THIS IS THE SERIES TITLE */
  125.  
  126. .title h1{
  127. font-family:Stars;
  128. font-size:12px;
  129. font-weight:normal;
  130. letter-spacing:0px;
  131. z-index:99;
  132. width:175px;
  133. margin-left:-10px;
  134. text-align:center;
  135. text-transform:lowercase;
  136. padding:2px;
  137. color:#000;
  138. background-color:#2f4eb4;}
  139.  
  140. /* THIS IS THE CHARACTER DESCRIPTION. */
  141.  
  142. .info{
  143. position:absolute;
  144. font-family:short stack;
  145. font-size:10px;
  146. width:200px;
  147. margin-left:180px;
  148. padding:10px;
  149. border: 3px solid #7892e9;
  150. color: #999;
  151. background-color:#fff;
  152. text-align:left;}
  153.  
  154. /* THIS IS THE CHARACTER NAME */
  155.  
  156. .info h1{
  157. border-bottom:1px dotted;
  158. font-family: Stars;
  159. color: #000;
  160. font-size:14px;
  161. margin-top:-8px;
  162. margin-bottom:2px;
  163. font-weight:normal;}
  164.  
  165. /* THIS IS THE BOLD COLOR */
  166.  
  167. .info b, strong{
  168. color: #C22E67;}
  169.  
  170. #credit{
  171. position:fixed;
  172. bottom:5px;
  173. right:15px;}
  174.  
  175. #credit a{
  176. color: #000;
  177. font-size:10px;
  178. font-family:consolas;
  179. text-decoration:none;}
  180.  
  181. </style>
  182.  
  183. <div id="side">
  184.  
  185. <!--- HERE IS WHERE YOU CHANGE THE SIDEBAR IMAGE. REPLACE THE 'IMG SRC' URL BELOW. --->
  186. <img src="http://24.media.tumblr.com/tumblr_lpqqkzpods1qeisd4o1_500.png">
  187.  
  188. <div id="desc">
  189.  
  190. <!--- HERE IS YOUR MAIN DESCRIPTION. --->
  191. <h1>Title +<script language="JavaScript">
  192. var ref = (''+document.referrer+'');
  193. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID1885941&e1=&e2=&r=' + ref + '"><\/script>');
  194. </script></h1>
  195. <i>Insert Description Here</i> <!--Here is where your description goes-->
  196.  
  197. <p>
  198. <a href="/">return</a> |
  199. <a href="/ask">mssg</a> |
  200. <a href="http://www.tumblr.com/dashboard">dash</a> |
  201. <a href="http://www.officialawley.tumblr.com/">credit</a>
  202. </div>
  203. </div>
  204.  
  205. <div id="container">
  206.  
  207. <!---
  208.  
  209. Below is where you add and remove characters.
  210.  
  211. To add another, simply copy everything from 'START CHAR' to 'END CHAR' and paste.
  212.  
  213. To change images, replace the img src URL.
  214.  
  215. To change character names and series names, observe the proper places in the examples below.
  216.  
  217. --->
  218.  
  219. <!-- START CHAR -->
  220. <div class="char">
  221. <div class="info">
  222.  
  223. <!--Character Name-->
  224. <h1>»Crystal Sky</h1>
  225.  
  226. <!--Character Description. Be sure to close all bolded tags. -->
  227. I have been given premission to edit this theme by Crystal sky. Im crediting her so if you want to veiw her themes click on crystalskythemes<br>
  228. </div>
  229.  
  230. <!--Character Image-->
  231. <img src="http://data.whicdn.com/images/59566360/large.png">
  232.  
  233. <div class="title"><h1>
  234.  
  235. <!--Series Name and Roleplay Link-->
  236. <a href="http://crystalskythemes.tumblr.com/">crystalskythemes</a>
  237.  
  238. </h1></div>
  239. </div>
  240. <!-- End Char -->
  241.  
  242. <!-- START CHAR -->
  243. <div class="char">
  244. <div class="info">
  245.  
  246. <!--Character Name-->
  247. <h1>» Name</h1>
  248.  
  249. <!--Character Description. Be sure to close all bolded tags. -->
  250. Description goes here.
  251. </div>
  252.  
  253. <!--Character Image-->
  254. <img src="http://24.media.tumblr.com/4da22345e6056147390b13a1cab4ea41/tumblr_mmafneKOcd1s0a2r6o1_400.jpg">
  255.  
  256. <div class="title"><h1>
  257.  
  258. <!--Series Name and Roleplay Link-->
  259. <a href="http://tumblr.com/">url</a>
  260.  
  261. </h1></div>
  262. </div>
  263. <!-- End Char -->
  264.  
  265. <!-- START CHAR -->
  266. <div class="char">
  267. <div class="info">
  268.  
  269. <!--Character Name-->
  270. <h1>» Name</h1>
  271.  
  272. <!--Character Description. Be sure to close all bolded tags. -->
  273. Description goes here.
  274. </div>
  275.  
  276. <!--Character Image-->
  277. <img src="http://24.media.tumblr.com/4da22345e6056147390b13a1cab4ea41/tumblr_mmafneKOcd1s0a2r6o1_400.jpg">
  278.  
  279. <div class="title"><h1>
  280.  
  281. <!--Series Name and Roleplay Link-->
  282. <a href="http://tumblr.com/">url</a>
  283.  
  284. </h1></div>
  285. </div>
  286. <!-- End Char -->
  287.  
  288. <!-- START CHAR -->
  289. <div class="char">
  290. <div class="info">
  291.  
  292. <!--Character Name-->
  293. <h1>» Name</h1>
  294.  
  295. <!--Character Description. Be sure to close all bolded tags. -->
  296. Description goes here.
  297. </div>
  298.  
  299. <!--Character Image-->
  300. <img src="http://24.media.tumblr.com/4da22345e6056147390b13a1cab4ea41/tumblr_mmafneKOcd1s0a2r6o1_400.jpg">
  301.  
  302. <div class="title"><h1>
  303.  
  304. <!--Series Name and Roleplay Link-->
  305. <a href="http://tumblr.com/">url</a>
  306.  
  307. </h1></div>
  308. </div>
  309. <!-- End Char -->
  310.  
  311. <!-- START CHAR -->
  312. <div class="char">
  313. <div class="info">
  314.  
  315. <!--Character Name-->
  316. <h1>» Name</h1>
  317.  
  318. <!--Character Description. Be sure to close all bolded tags. -->
  319. Description goes here.
  320. </div>
  321.  
  322. <!--Character Image-->
  323. <img src="http://24.media.tumblr.com/4da22345e6056147390b13a1cab4ea41/tumblr_mmafneKOcd1s0a2r6o1_400.jpg">
  324.  
  325. <div class="title"><h1>
  326.  
  327. <!--Series Name and Roleplay Link-->
  328. <a href="http://tumblr.com/">url</a>
  329.  
  330. </h1></div>
  331. </div>
  332. <!-- End Char -->
  333.  
  334. <!-- START CHAR -->
  335. <div class="char">
  336. <div class="info">
  337.  
  338. <!--Character Name-->
  339. <h1>» Olivia</h1>
  340.  
  341. <!--Character Description. Be sure to close all bolded tags. -->
  342. Description goes here.
  343. </div>
  344.  
  345. <!--Character Image-->
  346. <img src="http://24.media.tumblr.com/4da22345e6056147390b13a1cab4ea41/tumblr_mmafneKOcd1s0a2r6o1_400.jpg">
  347.  
  348. <div class="title"><h1>
  349.  
  350. <!--Series Name and Roleplay Link-->
  351. <a href="http://tumblr.com/">url</a>
  352.  
  353. </h1></div>
  354. </div>
  355. <!-- End Char -->
  356.  
  357.  
  358. </div>
  359. </div></body>
  360.  
  361.  
  362. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!