API tools faq
paste
Joana_darc2

Theme Blogroll blue

Joana_darc2
Mar 9th, 2013
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.99 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Theme by SOUNDS-OF-WAR . Não copie !
  3.  
  4. Theme para Blogroll , avise se usar.
  5. ------------------------------------------------------------------------>
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html>
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head>
  12.  
  13. <!---Links--->
  14. <meta name="text:Link1" content="" />
  15. <meta name="text:Link1 Title" content="" />
  16. <meta name="text:Link2" content="" />
  17. <meta name="text:Link2 Title" content="" />
  18. <meta name="text:Link3" content=""/>
  19. <meta name="text:Link3 Title" content=""/>
  20.  
  21. <!--images-->
  22. <meta name="image:Background" content=""/>
  23.  
  24. <link rel="shortcut icon" href="{favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27.  
  28. </script>
  29. <style type="text/css">
  30. #dhtmltooltip{
  31. position: absolute;
  32. left: -100px;
  33. width: auto;
  34. padding-top: 3px;
  35. padding-left:5px;
  36. padding-right:5px;
  37. padding-bottom:3px;
  38. background: #4A708B;
  39. visibility: hidden;
  40. font-family: 'Nixie One', sans-serif;
  41. font-style: normal;
  42. font-size: 9px;
  43. text-align: center;
  44. color: #fff;
  45. z-index: 99999;
  46. border-radius: 15px;
  47. text-align:center;}
  48. </style>
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'>
  51.  
  52. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  53.  
  54. <script type="text/javascript" src="http://static.tumblr.com/tpusuz1/1qUmhcqkp/code.txt"></script>
  55. <style type="text/css">
  56.  
  57.  
  58. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  59.  
  60. a {color:black; text-decoration: none; text-transform: none;}
  61. a:hover {color:white; background-color: transparent; text-decoration: none;}
  62.  
  63. /*Barra de rolagem*/
  64. ::-webkit-scrollbar-thumb:vertical {background-color:#4A708B;height:5px;}
  65. ::-webkit-scrollbar-thumb:horizontal {background-color:#4A708B;height:5px}
  66. ::-webkit-scrollbar {height:5px; width:5px; background-color:#F5F0F5;}
  67.  
  68. ::selection {color:#fff;background:#bdbbbb;}
  69. ::-moz-selection {color:#fff;background:#bdbbbb;}
  70.  
  71. a.btn{position:absolute;z-index:999999;top:28px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.50);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.05)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.20);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  72.  
  73. /*creditos*/
  74. .cred2 a{background:white;color:gray;border:1px solid #E8E8E8;width:100px;height:16px;padding-top:3px;border-radius:15px;font-size:8px;font-family:tahoma;position:fixed;right:20px;bottom:50px;-webkit-transition-duration:1s;}
  75.  
  76. /*title*/
  77. .testic {text-align:center;font-size:30px;font-family:'Geo', sans serif;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);margin-top:70px;margin-left:-40px;position:fixed;color:white;}
  78.  
  79. /* ribbon style */
  80. .ribbon-wrapper {
  81. position: relative;
  82. border-bottom: 0px solid #ccc;
  83. border-top: 0px solid #ccc;
  84. -moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
  85. -webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
  86. -moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
  87. -webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
  88. }
  89. .ribbon-front {
  90. background-color: #9FB6CD; height: 80px;
  91. width: 60px;
  92. height:180px;
  93. position: relative;
  94. left:-20px;
  95. z-index: 2;
  96. }
  97. .ribbon-front,
  98. .ribbon-back-left,
  99. .ribbon-back-right
  100. {
  101. -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  102. -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  103. -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  104. -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  105. }
  106.  
  107. .ribbon-edge-topleft,
  108. .ribbon-edge-topright,
  109. .ribbon-edge-bottomleft,
  110. .ribbon-edge-bottomright {
  111. position: absolute;
  112. z-index: 1;
  113. border-style:solid;
  114. height:0px;
  115. width:0px;
  116. }
  117.  
  118. .ribbon-edge-topleft,
  119. .ribbon-edge-topright {
  120. }
  121.  
  122. .ribbon-edge-bottomleft,
  123. .ribbon-edge-bottomright {
  124. top: 180px;
  125. }
  126.  
  127. .ribbon-edge-topleft,
  128. .ribbon-edge-bottomleft {
  129. left: -20px;
  130. border-color: transparent #99c transparent transparent;
  131. }
  132.  
  133. .ribbon-edge-topleft {
  134. top: 0px;
  135. border-width: 0px 20px 0 0;
  136. }
  137. .ribbon-edge-bottomleft {
  138. border-width: 0 20px 10px 0;
  139. }
  140.  
  141. .ribbon-edge-topright,
  142. .ribbon-edge-bottomright {
  143. left: 20px;
  144. border-color: transparent transparent transparent #99c;
  145. }
  146.  
  147. .ribbon-edge-topright {
  148. top: 0px;
  149. border-width: 0px 0 0 0px;
  150. }
  151. .ribbon-edge-bottomright {
  152. border-width: 0 0 0px 0px;
  153. }
  154.  
  155. .ribbon-back-left {
  156. position: absolute;
  157. top: 10px;
  158. left: -10px;
  159. width: 10px;
  160. height: 80px;
  161. background-color: #ccf; z-index: 0;
  162. }
  163.  
  164. .ribbon-back-right {
  165. position: absolute;
  166. top: 0px;
  167. right: 0px;
  168. width: 0px;
  169. height: 80px;
  170. z-index: 0;
  171. }
  172. .menu {
  173. display:inline-block;
  174. background:#9FB6CD;
  175. width: 70px;
  176. height:26px;
  177. margin-left:3px;
  178. position:relative;
  179. color:white;
  180. padding-top:5px;
  181. font-size:15px;
  182. font-family:'Geo', sans serif;
  183. -webkit-transition-duration:1s;
  184. -moz-transition-duration:1s;
  185. }
  186. .menu:hover {
  187. height:45px;
  188. border-bottom:4px solid #4A708B;
  189. background:#9FB6CD;
  190. opacity:0.85;
  191. }
  192. #side {
  193. z-index:0;
  194. text-align: center;
  195. top: 100px;
  196. left:400px;
  197. width:500px;
  198. height:530px;
  199. padding:0px;
  200. position: fixed;
  201. background: white;-webkit-transition-duration:2s;;
  202. border-radius:1px;
  203. -webkit-transition-duration:1s;-moz-transition-duration:1s;
  204. }
  205. #side img {
  206. opacity:0.55;
  207. z-index:999999;
  208. width: 52px;
  209. height:51px;
  210. margin-left:3px;
  211. margin-top:3px;
  212. float:left;
  213. -webkit-transition-duration:0.65s;
  214. -moz-transition-duration:0.65s;
  215. border-radius:100%;
  216. -moz-border-radius:100%;
  217. -webkit-border-radius:100%;
  218. }
  219. #side img:hover {border-radius:0px;opacity:1;}
  220.  
  221. #caixa {
  222. width:40px;
  223. height:530px;
  224. background:#4A708B;
  225. position:fixed;
  226. margin-left:-40px;
  227. -webkit-border-bottom-left-radius: 70px;
  228. -moz-border-radius-bottomleft: 70px;
  229. border-bottom-left-radius: 70px;
  230. }
  231. #caixa2 {
  232. width:300px;
  233. height:50px;
  234. position:fixed;
  235. z-index:999999;
  236. background:transparent;
  237. top:0px;
  238. left:30px;
  239. }
  240. </style>
  241.  
  242. </head>
  243. <body onkeydown="return false" oncontextmenu="return false" ondragstart="return false">
  244. <script type="text/javascript">
  245.  
  246. /***********************************************
  247. * Cool DHTML tooltip script II- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  248. * This notice MUST stay intact for legal use
  249. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  250. ***********************************************/
  251.  
  252. var offsetfromcursorX=12 //Customize x offset of tooltip
  253. var offsetfromcursorY=10 //Customize y offset of tooltip
  254.  
  255. var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
  256. var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).
  257.  
  258. document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
  259. document.write('<img id="dhtmlpointer" src="">') //write out pointer image
  260.  
  261. var ie=document.all
  262. var ns6=document.getElementById && !document.all
  263. var enabletip=false
  264. if (ie||ns6)
  265. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  266.  
  267. var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""
  268.  
  269. function ietruebody(){
  270. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  271. }
  272.  
  273. function ddrivetip(thetext, thewidth, thecolor){
  274. if (ns6||ie){
  275. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  276. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  277. tipobj.innerHTML=thetext
  278. enabletip=true
  279. return false
  280. }
  281. }
  282.  
  283. function positiontip(e){
  284. if (enabletip){
  285. var nondefaultpos=false
  286. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  287. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  288. //Find out how close the mouse is to the corner of the window
  289. var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
  290. var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20
  291.  
  292. var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
  293. var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY
  294.  
  295. var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000
  296.  
  297. //if the horizontal distance isn't enough to accomodate the width of the context menu
  298. if (rightedge<tipobj.offsetWidth){
  299. //move the horizontal position of the menu to the left by it's width
  300. tipobj.style.left=curX-tipobj.offsetWidth+"px"
  301. nondefaultpos=true
  302. }
  303. else if (curX<leftedge)
  304. tipobj.style.left="5px"
  305. else{
  306. //position the horizontal position of the menu where the mouse is positioned
  307. tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
  308. pointerobj.style.left=curX+offsetfromcursorX+"px"
  309. }
  310.  
  311. //same concept with the vertical position
  312. if (bottomedge<tipobj.offsetHeight){
  313. tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
  314. nondefaultpos=true
  315. }
  316. else{
  317. tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
  318. pointerobj.style.top=curY+offsetfromcursorY+"px"
  319. }
  320. tipobj.style.visibility="visible"
  321. if (!nondefaultpos)
  322. pointerobj.style.visibility="visible"
  323. else
  324. pointerobj.style.visibility="hidden"
  325. }
  326. }
  327.  
  328. function hideddrivetip(){
  329. if (ns6||ie){
  330. enabletip=false
  331. tipobj.style.visibility="hidden"
  332. pointerobj.style.visibility="hidden"
  333. tipobj.style.left="-1000px"
  334. tipobj.style.backgroundColor=''
  335. tipobj.style.width=''
  336. }
  337. }
  338.  
  339. document.onmousemove=positiontip
  340.  
  341. </script>
  342.  
  343. <div style=" background-image: url('http://media.tumblr.com/tumblr_mbhwjre5XR1ruofqk.png'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
  344.  
  345. <div id="caixa2"><a href="text:Link1" class="menu">{text:Link1 Title}</a><a href="text:Link2" class="menu">{text:Link2 Title}</a><a href="text:Link3" class="menu">{text:Link3 Title}</a></div>
  346.  
  347. <div id="side">
  348. <div id="caixa"> <div class="ribbon-wrapper">
  349. <div class="ribbon-front">
  350. <div class="testic">BROGROLL</div>
  351. </div>
  352. <div class="ribbon-edge-topleft"></div>
  353. <div class="ribbon-edge-topright"></div>
  354. <div class="ribbon-edge-bottomleft"></div>
  355. <div class="ribbon-edge-bottomright"></div>
  356. <div class="ribbon-back-left"></div>
  357. <div class="ribbon-back-right"></div>
  358. </div>
  359. </div>
  360.  
  361. <div style="left: 18px; overflow:auto; position: absolute; top: 0px;
  362. height: 520px; left: 0px; width: 500px;">
  363. <center>{block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedTitle}"><img src="{FollowedPortraitURL-48}" alt="{FollowedTitle}" class="border"/></a>{/block:Followed}{/block:Following}</center>
  364. </div></div>
  365.  
  366. <div class="cred2"><a href="http://sounds-of-war.tumblr.com" target="blank" onMouseover="ddrivetip('Theme by SOUNDS-OF-WAR . Dont copy!')"; onMouseout="hideddrivetip()" >&copy; ALL THEME</a></div>
  367.  
  368. </div>
  369.  
  370.  
  371. </body>
  372. </html>
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!