API tools faq
paste
Advertisement
vongolacloud18

ID: Youmu

vongolacloud18
Mar 27th, 2014
4,297
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.     ABOUT PAGE #1 ©BAKAOTHEMES
  7.         DO NOT TOUCH CREDIT
  8.    
  9.     FEEL FREE TO CUSTOMIZE. DO NOT STEAL CODE
  10.  
  11. -->
  12.  
  13. <head>
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Simonetta' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Ruluko' rel='stylesheet' type='text/css'>
  17. <link href='http://fonts.googleapis.com/css?family=News+Cycle' rel='stylesheet' type='text/css'>
  18.  
  19. <title>ABOUT PAGE</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <style type="text/css">
  23.  
  24. ::selection, ::-webkit-selection{
  25. background-color: transparent;
  26. color: #29a9bc; /* SELECTION COLOR */
  27. text-shadow: none !important;
  28. }
  29.  
  30. /* COLORS */
  31.  
  32. body {
  33.     background-color:#fff; /* BACKGROUND COLOR */
  34.     background-image: url('http://static.tumblr.com/jyuasny/iKEn34825/back.png'); /* BACKGROUND IMAGE URL*/
  35. }
  36.  
  37. #fandoms {
  38.     border-color:#dcae9d; /* ALL BORDERS */
  39. }
  40.  
  41. #links, #all {
  42.     border-color:#dcae9d; /* ALL BORDER */
  43.     background-color:#f9f9f9; /* ID BACKGROUND */
  44. }
  45.  
  46. #links a {
  47.     background-color:#c97c60; /* TOP LINKS COLOR */
  48. }
  49.  
  50. #info img {
  51.     border:5px solid #e0baac; /* ICON BORDER */
  52. }
  53.  
  54. #opt p {
  55.     border-bottom:1px solid #ffcf82; /* DETAIL UNDERLINE */
  56. }
  57.  
  58. #opt span {
  59.     color:#eab964; /* DETAIL BOLD */
  60. }
  61.  
  62. #side span {
  63.     color:#77644d; /* FANDOM TITLE TEXT */
  64.     background-color:#dcae9d; /* TITLE BACKGROUND */
  65. }
  66.  
  67. #side li {
  68.     color:#9b8873; /* FANDOM/TAG TEXT */
  69.     border-bottom:1px solid #dcd6d0; /* FANDOM/TAG UNDERLINE */
  70. }
  71.  
  72. #sum a {
  73.     color:#eaa459; /* SUMMARY LINKS */
  74. }
  75.  
  76. #ex a {
  77.     color:#d2957e; /* EXTRA LINKS TEXT */
  78.     border:1px solid #e5c6bb; /* EXTRA LINKS BORDER */
  79. }
  80.  
  81. /* VARIABLES */
  82.  
  83. body {
  84.     font-family: 'Dosis', sans-serif;
  85.     font-size:12px;
  86.     background-attachment:fixed;
  87. }
  88.  
  89. #cont {
  90.     margin:60px auto 0px auto;
  91. }
  92.  
  93. #all {
  94.     position:fixed;
  95.     width:500px;
  96.     border-width:0px 1px 1px 1px;
  97.     border-style:solid;
  98. }
  99.  
  100. #info {
  101.     width:330px;
  102.     padding:10px;
  103. }
  104.  
  105. #info img {
  106.     height:80px;
  107.     width:80px;
  108. }
  109.  
  110. #opt {
  111.     margin-left:10px;
  112.     font-size:12px;
  113.     line-height:14px;
  114.     font-family: 'Simonetta', cursive;
  115. }
  116.  
  117. #opt p {
  118.     width:230px;
  119.     padding-bottom:2px;
  120. }
  121.  
  122. #opt span {
  123.     font-family: 'Ruluko', sans-serif;
  124. }
  125.  
  126. #side {
  127.     top:0px;
  128.     width:149px;
  129. }
  130.  
  131. #side span {
  132.     display:block;
  133.     width:145px;
  134.     line-height:14px;
  135.     font-size:12px;
  136.     padding:2px;
  137.     font-family: 'Ruluko', sans-serif;
  138. }
  139.  
  140. #side li {
  141.     list-style-type:none;
  142.     padding:2px 0px;
  143.     margin-left:0px;
  144.     font-family: 'Simonetta', cursive;
  145. }
  146.  
  147. #side ul {
  148.     margin:0px;
  149.     margin-left:-40px;
  150. }
  151.  
  152. #sum {
  153.     margin-top:-10px;
  154.     text-indent:15px;
  155.     font-size:12px;
  156.     font-family: 'News Cycle', sans-serif;
  157.     text-align:justify;
  158. }
  159.  
  160. #sum a {
  161.     text-decoration:none;
  162. }
  163.  
  164. #ex {
  165.     margin-left:-12px;
  166.     margin-bottom:5px;
  167. }
  168.  
  169. #fandoms {
  170.     border-width:0px 0px 0px 1px;
  171.     border-style:solid;
  172. }
  173.  
  174. #links {
  175.     border-width:1px 1px 0px 1px;
  176.     border-style:solid;
  177. }
  178.  
  179. #links a {
  180.     display:inline-block;
  181.     width:100px;
  182.     height:5px;
  183. }
  184.  
  185. #ex a{
  186.     padding:1px 3px 2px 3px;
  187.     letter-spacing:1px;
  188.     margin:0px 3px;
  189.     line-height:14px;
  190.     font-size:10px;
  191.     background-color: rgba(250,250,250,0.9);
  192. }
  193.  
  194. #dhtmltooltip {
  195.     position: absolute;
  196.     padding: 3px;
  197.     padding-top:5px;
  198.     text-align:center;
  199.     font-family:consolas;
  200.     font-size: 10px;
  201.     line-height:10px;
  202.     letter-spacing:1px;
  203.     text-transform: uppercase;
  204.     border:1px solid #dcae9d;
  205.     color:#dcae9d;
  206.     visibility: hidden;
  207.     z-index: 10000;
  208. }
  209.  
  210. </style>
  211.  
  212. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=278a8782ed49b1a35186d62748fe01aa"></script>
  213. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  214. </head>
  215. <body>
  216.  
  217. <div id="dhtmltooltip"></div>
  218. <script type="text/javascript">
  219.  
  220. /***********************************************
  221. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  222. * This notice MUST stay intact for legal use
  223. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  224. ***********************************************/
  225.  
  226. var offsetxpoint=20 //Customize x offset of tooltip
  227. var offsetypoint=-20 //Customize y offset of tooltip
  228. var ie=document.all
  229. var ns6=document.getElementById && !document.all
  230. var enabletip=false
  231. if (ie||ns6)
  232. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  233.  
  234. function ietruebody(){
  235. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  236. }
  237.  
  238. function ddrivetip(thetext, thecolor, thewidth){
  239. if (ns6||ie){
  240. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  241. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  242. tipobj.innerHTML=thetext
  243. enabletip=true
  244. return false
  245. }
  246. }
  247.  
  248. function positiontip(e){
  249. if (enabletip){
  250. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  251. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  252. //Find out how close the mouse is to the corner of the window
  253. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  254. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  255.  
  256. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  257.  
  258. //if the horizontal distance isn't enough to accomodate the width of the context menu
  259. if (rightedge<tipobj.offsetWidth)
  260. //move the horizontal position of the menu to the left by it's width
  261. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  262. else if (curX<leftedge)
  263. tipobj.style.left="5px"
  264. else
  265. //position the horizontal position of the menu where the mouse is positioned
  266. tipobj.style.left=curX+offsetxpoint+"px"
  267.  
  268. //same concept with the vertical position
  269. if (bottomedge<tipobj.offsetHeight)
  270. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  271. else
  272. tipobj.style.top=curY+offsetypoint+"px"
  273. tipobj.style.visibility="visible"
  274. }
  275. }
  276.  
  277. function hideddrivetip(){
  278. if (ns6||ie){
  279. enabletip=false
  280. tipobj.style.visibility="hidden"
  281. tipobj.style.left="-1000px"
  282. tipobj.style.width=''
  283. }
  284. }
  285.  
  286. document.onmousemove=positiontip
  287.  
  288. </script>
  289.  
  290. <table id="cont" cellspacing="0" cellpadding="0">
  291. <th>
  292.     <div id="links">
  293. <table cellspacing="0" cellpadding="0"><tr><td>
  294.     <a href="/" onMouseover="ddrivetip('Home','#fff', 50)"; onMouseout="hideddrivetip()" style="opacity:.2;"></a></td><td>
  295.     <a href="/ask" onMouseover="ddrivetip('Ask','#fff', 50)"; onMouseout="hideddrivetip()" style="opacity:.4;"></a></td><td>
  296.     <a href="/archive" onMouseover="ddrivetip('Archive','#fff', 50)"; onMouseout="hideddrivetip()" style="opacity:.6;"></a></td><td>
  297.     <a href="http://tumblr.com/dashboard" onMouseover="ddrivetip('Dash','#fff', 50)"; onMouseout="hideddrivetip()" style="opacity:.8;"></a></td><td>
  298.     <a href="http://bakao.co.vu" onMouseover="ddrivetip('Credit','#fff', 50)"; onMouseout="hideddrivetip()"></a></td></tr>
  299.     </table>
  300. </div>
  301. </th>
  302. <tr><td>
  303.  
  304. <div id="all">
  305.  
  306. <table cellspacing="0" cellpadding="0">
  307. <tr><td>
  308. <div id="info">
  309.     <table cellspacing="0" cellpadding="0">
  310.     <tr><td>
  311.         <img src="http://puu.sh/4TFzh.png"> <!-- ICON URL-->
  312.     </td><td>
  313.     <div id="opt">
  314.         <p><span>Name:</span> !NAME</p>
  315.         <p><span>Age:</span> !AGE</p>
  316.         <p><span>Location:</span> !LOCATION</p>
  317.     </div>
  318.     </table>
  319.     <div id="sum">
  320.         <p>
  321.             !DESCRIPTION <a href="/">DESCRIPTIONLINK</a>
  322.         </p>
  323.        
  324.     <div id="ex"><center>
  325.         <a href="!LINKURL">!LINKNAME</a>
  326. <!--
  327.     IF YOU WANT LINKS YOU CAN ADD THE NEXT PIECE OF CODING ABOVE THIS MESSAGE AS MANY TIMES AS YOU WANT
  328.    
  329.             <a href="!LINKURL">!LINKNAME</a>
  330.  
  331. -->
  332.     </center></div>
  333.     </div>
  334. </div>
  335. </td><td id="fandoms">
  336.     <div id="side">
  337.         <center><span>!FANDOMS</span>
  338.             <ul>
  339.             <li>!FANDOM1</li>
  340.             <li>!FANDOM2</li>
  341.             <li>!FANDOM3</li>
  342. <!--
  343.     IF YOU WANT MORE FANDOMS/TAGS YOU CAN ADD THE NEXT PIECE OF CODING ABOVE THIS MESSAGE AS MANY TIMES AS YOU WANT
  344.    
  345.             <li>!NAME</li>
  346.  
  347. -->
  348.             </ul>
  349.         </center>
  350.     </div>
  351. </td></tr>
  352. </table>
  353. </table>
  354.  
  355. </td></tr>
  356. </table>
  357. </body>
  358. </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!