Advertisement
GabrielaSants

Código base: Ana Carolina (Novo)

Jan 21st, 2015
529
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.51 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.  
  5. <head>
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
  8.  
  9. <b:include data='blog' name='all-head-content'/>
  10. <title><data:blog.pageTitle/></title>
  11. <b:skin><![CDATA[/*
  12. -----------------------------------
  13. Código base por Ana Carolina
  14. Pretty Visuals - http://prettyvisuals.blogspot.com.br/
  15. -----------------------------------
  16. */
  17. #navbar-iframe
  18. {
  19. display:none;
  20. }
  21. *
  22. {
  23. margin:0;
  24. padding:0;
  25. }
  26.  
  27. body, .body-fauxcolumn-outer {
  28. background-color:#B2EDCB;
  29. background-image:url(http://static.tumblr.com/87gqq2a/LQnmgdo8p/background.png);
  30. background-repeat:repeat-x;
  31. color:#000;
  32. font-family:Arial;
  33. font-size:12px;
  34. }
  35.  
  36. a:link {
  37. color:#E23351;
  38. font-weight:normal;
  39. text-decoration:none;
  40. -moz-transition-duration:0.8s;
  41. -webkit-transition-duration:0.8s;
  42. }
  43. a:visited {
  44. color:#E23351;
  45. }
  46. a:hover {
  47. color:#F2B844;
  48. cursor:help;
  49. text-decoration:none !important;
  50. }
  51.  
  52. h1 {
  53. font-family: 'Lobster', cursive;
  54. font-size:30px;
  55. font-weight:normal;
  56. text-align:center;
  57. }
  58.  
  59. a img{
  60. box-shadow: 0px 0px 3px #000000;
  61. -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s;
  62. -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s;
  63. -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s;
  64. background: url(http://static.tumblr.com/wajkscv/rvdmgup0n/fundo_imagens.png);
  65. background-position: top left;
  66. padding: 10px;
  67. border: 1px solid #fff;
  68. }
  69. a img:hover{
  70. -webkit-filter: grayscale(100%);z-index: -99px;
  71. -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 2s;
  72. -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 2s;
  73. -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 2s;
  74. background-position: bottom right;
  75. }
  76.  
  77. .clear
  78. {
  79. clear:both;
  80. }
  81. /* Header--------------------------------------#header-wrapper
  82. {
  83. margin:0 auto;
  84. width: 1263px;
  85. }
  86. /* Outer-Wrapper----------------------------------------------- */
  87. #outer-wrapper
  88. {
  89. width:1263px;
  90. margin:auto;
  91. }
  92. #content-wrapper
  93. {
  94. font-size:12px;
  95. }
  96. #main-wrapper
  97. {
  98. background:transparent;
  99. color:#000;
  100. font-size:7px;
  101. width:600px;
  102. float:left;
  103. margin-top:0px;
  104. text-align: center;
  105. }
  106.  
  107. #sidebar-wrapper-left
  108. {
  109. background:url(http://static.tumblr.com/87gqq2a/bPTmgdoc6/sidebar_texto.png);
  110. width:300px;
  111. float:left;
  112. margin-top:0px;
  113. margin-left:100px;
  114. margin-right:100px;
  115. word-wrap:break-word;
  116. overflow:hidden;
  117. font: Arial 12px;
  118. max-width:300px;
  119. }
  120. /* Headings----------------------------------------------- */
  121. .sidebar h2
  122. {
  123. width:300px;
  124. height:100px;
  125. padding-top:50px;
  126. background:url(http://static.tumblr.com/87gqq2a/hVImgdoas/sidebar_titulo.png);
  127. font-family: 'Lobster', cursive;
  128. font-style:none;
  129. font-size:30px;
  130. text-align:center;
  131. text-transform:none;
  132. font-weight:normal;
  133. letter-spacing:-0.5px;
  134. }
  135. /* Posts
  136. -----------------------------------------------
  137. */
  138.  
  139. .post
  140. {
  141. font-size:12px;
  142. text-align: justify;
  143. margin-bottom: 0px;
  144. }
  145. .post h3
  146. {
  147. weight: 600px;
  148. height:180px;
  149. font-size:25px;
  150. line-height:27px;
  151. text-align:center;
  152. background:url(http://static.tumblr.com/87gqq2a/sZImgdra4/post_titulo.png);
  153. font-family: 'Lobster', cursive;
  154. padding-left:30px;
  155. padding-right:30px;
  156. font-style:none;
  157. font-weight:normal;
  158. text-transform: none;
  159. padding-top:70px;
  160. }
  161. .post-header
  162. {
  163. color:#222222;
  164. font-style:none;
  165. font-size:12px;
  166. text-align:justify;
  167. margin-top: -65px;
  168. margin-bottom: 5px;
  169. background:transparent;
  170. }
  171. .post-body
  172. {
  173. padding: 0px 30px 30px 30px;
  174. text-align: auto;
  175. margin:0px 0px 0 0px;
  176. line-height:1.6em;
  177. background:url(http://static.tumblr.com/87gqq2a/QHfmgdrd2/post_texto.png);
  178. }
  179. .post-footer
  180. {
  181. height:200px;
  182. background:url(http://static.tumblr.com/87gqq2a/3zhmgdrdo/post_final.png);
  183. margin-bottom:50px;
  184. text-transform:none;
  185. text-align:center;
  186. letter-spacing:.1em;
  187. font: Arial 12px;
  188. line-height:1.4em;
  189. }
  190. .jump-link
  191. {
  192. text-align:right;
  193. padding-right:15px;
  194. font-size:15px;
  195. background:url(http://static.tumblr.com/87gqq2a/QHfmgdrd2/post_texto.png);
  196. }
  197. .tr-caption-container img
  198. {
  199. border:none;
  200. padding:0;
  201. }
  202. blockquote
  203. {
  204. font-style:none;
  205. line-height:1.3em;
  206. font-size:12px;
  207. font-family:arial;
  208. }
  209. blockquote
  210. {
  211. margin:0px;
  212. background: #eee;
  213. border-left: 15px solid #E23351;
  214. box-shadow:0px 0px 5px #E23351;
  215. padding: 10px;
  216. color: #000;
  217. border-radius:5px;
  218. -moz-transition-duration:0.7s;
  219. -webkit-transition-duration:0.7s;
  220. }
  221. blockquote:hover
  222. {
  223. border-left: 15px solid #F2B844;
  224. box-shadow:0px 0px 5px #F2B844;
  225. }
  226. blockquote p
  227. {
  228. margin:.75em 0;
  229. }
  230. .post ul,.post ol
  231. {
  232. margin-left:0px;
  233. }
  234. /* Comments----------------------------------------------- */
  235. /*Blogger Threaded Comments Styles From http://www.dicasblogger.org*/
  236. #comments{overflow:hidden}
  237. #comments h4{display:inline;padding:10px;line-height:40px}
  238. #comments h4,.comments .continue a{background:#fff; text-decoration:none;}
  239. #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
  240. #comments h4,.comments .user a,.comments .continue a{font-size:16px; text-decoration:none;}
  241. #comments h4,.comments .continue a{font-weight:normal;color:#000; text-decoration:none;}
  242. #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #fff;border-right:20px solid transparent;width:0;height:0;line-height:0}
  243. #comments .avatar-image-container img{border:0}
  244. .comment-thread{color:#111}
  245. .comment-thread ol{margin:0 0 20px}
  246. .comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}
  247. .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}
  248. .comments .comment-block,.comments .comment-thread.inline-thread .comment{background:#fff;padding:10px}
  249. .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
  250. .comments .comments-content .icon.blog-author{position:absolute;top:0px;right:0px;margin:0;background-image: url(https://si0.twimg.com/help/1307051362_737);width:23px;height:23px}
  251. .comments .comments-content .inline-thread{padding:0 0 0 20px}
  252. .comments .comments-content .comment-replies{margin-top:0}
  253. .comments .comment-content{padding:5px 0;line-height:1.4em}
  254. .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
  255. .comments .comment-thread.inline-thread .comment{width:auto}
  256. .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
  257. .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
  258. .comments .comment-thread.inline-thread .comment-block{margin-left:48px}
  259. .comments .comment-thread.inline-thread .user a{font-size:13px; text-decoration:none;}
  260. .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}
  261. .comments .continue{border-top:0;width:100%}
  262. .comments .continue a{padding:10px 0;text-align:center; text-decoration:none;}
  263. .comment .continue{display:none}
  264. #comment-editor{width:103%!important}
  265. .comment-form{width:100%;max-width:100%}
  266. /*Blogger Threaded Comments Styles From http://www.dicasblogger.org*/
  267. #blog-pager-newer-link
  268. {
  269. float:left;
  270. }
  271. #blog-pager-older-link
  272. {
  273. float:right;
  274. }
  275. #blog-pager
  276. {
  277. text-align:center;
  278. font-size:12px;
  279. }
  280. .feed-links
  281. {
  282. display: none;
  283. clear:both;
  284. margin-left:10px;
  285. line-height:2.5em;
  286. color:#60875E;
  287. font-weight:normal;
  288. }
  289. /* Sidebar Content----------------------------------------------- */
  290. .sidebar
  291. {
  292. font-size:13px;
  293. color:#000000;
  294. }
  295.  
  296. .sidebar ul
  297. {
  298. list-style:none;
  299. margin:0;
  300. padding:0;
  301. }
  302.  
  303. .sidebar li
  304. {
  305. padding:5px 0;
  306. }
  307.  
  308. .sidebar .widget
  309. {
  310. text-align: center;
  311. padding-bottom: 200px;
  312. background: url(http://static.tumblr.com/87gqq2a/h3Vmgdocm/sidebar_final.png) bottom no-repeat;
  313. max-width: 300px;
  314. max-weight: 150px;
  315. }
  316.  
  317. .sidebar .widget-content
  318. {
  319. background:#tranparent;
  320. margin:0px 0px 22px 0px;
  321. padding:0px 10px 0px 10px;
  322. }
  323. .main .Blog
  324. {
  325. border-bottom-width:0;
  326. }
  327. /* Profile----------------------------------------------- */
  328. .profile-img
  329. {
  330. float:left;
  331. margin-top:0;
  332. margin-right:5px;
  333. margin-bottom:5px;
  334. margin-left:0;
  335. padding:0px;
  336. }
  337. .profile-data
  338. {
  339. margin:0;
  340. text-transform:none;
  341. letter-spacing:.1em;
  342. font:normal normal 100% Arial;
  343. color:#000;
  344. font-weight:none;
  345. line-height:1.6em;
  346. }
  347. .profile-datablock
  348. {
  349. margin:.5em 0;
  350. }
  351. .profile-textblock
  352. {
  353. margin:.5em 0;
  354. line-height:1.6em;
  355. }
  356. .profile-link
  357. {
  358. font:normal normal 78% Arial;
  359. text-transform:none;
  360. letter-spacing:.1em;
  361. }
  362. /* Footer */
  363. #credits
  364. {
  365. width:auto;
  366. height: auto;
  367. background:url(http://static.tumblr.com/87gqq2a/6zVmgdrez/creditos.png);
  368. text-align:center;
  369. border-top:5px solid #E5E5E5;
  370. border-bottom:5px solid #E5E5E5;
  371. margin-bottom:-25px;
  372. padding:20px;
  373. color:#000;
  374. font-size:20px;
  375. font-family: 'Lobster', cursive;
  376. font-style:none;
  377. font-weight:none;
  378. text-transform:none;
  379. letter-spacing:0px;
  380. float:justify;
  381. }
  382.  
  383. p.introduction:first-letter {
  384. font-family: Arial;
  385. font-size : 350%;
  386. font-weight : bold;
  387. float : left;
  388. width : 2em;
  389. padding-right: 5px;
  390. }
  391.  
  392. ]]></b:skin>
  393.  
  394. </head>
  395.  
  396.  
  397.  
  398. <body>
  399. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  400. <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
  401. </b:section>
  402.  
  403. <div id='outer-wrapper'><div id='wrap2'>
  404.  
  405.  
  406. <div style='text-align:center; width:1024px; margin-left:auto; margin-right:auto;'>
  407. <img src='http://static.tumblr.com/87gqq2a/SKqmgdo9g/header.png'/>
  408. </div>
  409.  
  410. <div class='clear'/>
  411.  
  412. <div id='content-wrapper'>
  413.  
  414. <div id='crosscol-wrapper' style='text-align:center'>
  415. </div>
  416.  
  417.  
  418. <div id='sidebar-wrapper-left'>
  419. <b:section class='sidebar' id='sidebar1' preferred='yes'>
  420. <b:widget id='Text2' locked='false' title='Status' type='Text'/>
  421. <b:widget id='Text9' locked='false' title='Cbox' type='Text'/>
  422. <b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
  423. <b:widget id='Stats1' locked='false' title='Visualizações' type='Stats'/>
  424. </b:section>
  425. </div>
  426.  
  427.  
  428. <div id='main-wrapper'>
  429. <b:section class='main' id='main' showaddelement='no'>
  430. <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
  431. </b:section>
  432. </div>
  433.  
  434.  
  435. <!-- spacer for skins that want sidebar and main to be the same height-->
  436. <div class='clear'>&#160;</div>
  437.  
  438. </div> <!-- end content-wrapper -->
  439.  
  440.  
  441. <div id='credits'>
  442. <a href='http://prettyvisuals.blogspot.com.br/'><img src='http://static.tumblr.com/q76yssm/Wztmia197/button.gif'/></a><br/>
  443. &#169;código base por <a href='http://www.flickr.com/photos/58249764@N08/'>Ana</a>.
  444. </div>
  445.  
  446. </div> <!-- end outer-wrapper --></div>
  447.  
  448. </body>
  449. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement