API tools faq
paste
Advertisement
GabrielaSants

Código base (Galeria): Thays Bueno

GabrielaSants
Jan 21st, 2015
557
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.97 KB | None | 0 0
raw download clone embed print report
  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 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. <head>
  5.  
  6. <b:include data='blog' name='all-head-content'/>
  7. <title><data:blog.pageTitle/></title>
  8. <b:skin><![CDATA[/*
  9. -----------------------------------------------
  10. BASE POR: THAYS BUENO e Vick F.N.
  11.  
  12. ----------------------------------------------- */
  13. DESIGN POR: VICK
  14. NÃO RETIRE OS CREDITOS
  15. http://www.about-usdesigns.com/
  16. ----------------------------------------------- */
  17. /* Nav, body links e afins */
  18.  
  19. #navbar-iframe {
  20. height: 0px;
  21. visibility: hidden;
  22. display: none;
  23. }
  24. body, .body-fauxcolumn-outer {
  25. background: #FFFFFF
  26. url(http://static.tumblr.com/uzgkick/I0Kmbwzu9/bgg.png) repeat-x;; /* coloque aqui o background */
  27. margin:0;
  28. color: #000000;
  29. font-family: Trebuchet MS, Verdana, Arial, Serif;
  30. font-size: 12px;
  31. }
  32.  
  33. a:link {
  34. color:#000000; /* cor dos links, altere se quiser */
  35. font-weight:bold;
  36. text-decoration:none;
  37. }
  38. a:visited {
  39. color:#000000; /* cor dos links já visitados, altere se quiser */
  40. font-weight:bold;
  41. text-decoration:none;
  42. }
  43. a:hover {
  44. color:#000000; /* cor dos links quando passa o mouse, altere se quiser */
  45. font-weight:bold;
  46. text-decoration:none;
  47. }
  48.  
  49. a img {
  50. border-width:0;
  51. }
  52.  
  53. /* principais */
  54.  
  55. #main-wrapper .post-body a:hover {
  56. color:#000000;
  57. text-decoration:none;
  58. }
  59.  
  60.  
  61. .topo {
  62. font-size: 18px;
  63. padding-top: 194px;
  64. padding-left: 190px;
  65. color: transparent;
  66. width: 281px;
  67. line-height: 14px;
  68. font-size: 12px;
  69. font-family: Trebuchet MS;
  70. position: left;
  71. height: 37;
  72. background-repeat: no-repeat;
  73. background-color: transparent;}
  74.  
  75.  
  76. /* header */
  77.  
  78. #header-wrapper {
  79. width:1000px;
  80. height:198px; /* altura da imagem do topo */
  81. background-image:url(http://static.tumblr.com/uzgkick/oglmbwz57/cima.bmp); /* coloque aqui a imagem do topo que você editou */
  82. color: #ffffff;
  83. margin:0 auto;
  84. padding:0;
  85. }
  86. #header h1 {
  87. margin:0;
  88. padding:385px 600px 0 5px;
  89. font:160%/.9em Century;
  90. font-weight:bold;
  91. line-height: 1.1em;
  92. text-transform:uppercase;
  93. color:$pagetitlecolor;
  94. }
  95. #header a {
  96. text-decoration:none;
  97. }
  98. #header a:hover {
  99. text-decoration:underline;
  100. }
  101.  
  102.  
  103. /* outer-wrapper */
  104.  
  105. #outer-wrapper {
  106. background:url(http://static.tumblr.com/uzgkick/7Oumbwz6e/meio.bmp);
  107. /* coloque aqui a imagem do meio */
  108. background-repeat: repeat-y;
  109. width: 1000px;
  110. margin:0 auto;
  111. padding:0;
  112. }
  113.  
  114. #sidebar-wrapper {
  115. width: 210px;
  116. float: left;
  117. font-family: Trebuchet MS;
  118. text-align:justify;
  119. color: #000000; /* cor do texto das colunas */
  120. margin-top:-124px;
  121. padding-left:41px;
  122. word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  123. overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  124. }
  125.  
  126. #main-wrapper {
  127. width: 800px;
  128. float: left;
  129. font-size: 12px;
  130. color: #000000; /* cor do texto das postagens */
  131. margin-top:-50px;
  132. padding-left:100px;
  133. word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  134. overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
  135. }
  136.  
  137.  
  138. br {
  139. clear:both;
  140. }
  141.  
  142. /* sidebar feliz */
  143. #inicio-wrapper h2 {
  144.  
  145. margin: -10px;
  146. text-align:center;
  147. font-size:12px;
  148. padding-top: 10px;
  149. font-family: Trebuchet MS;
  150. line-height:1.4em
  151. font-weight:none;
  152. height: 32px;
  153. background-repeat: no-repeat;
  154. width: 219px;
  155. color: #F17FAA;
  156. }
  157.  
  158.  
  159. #sidebar-wrapper h2 {
  160.  
  161. margin: 0px;
  162. text-align:center;
  163. font-size:17px;
  164. padding-top: 13px;
  165. font-family: Trebuchet MS;
  166. line-height:1.4em
  167. font-weight:bold;
  168. height: 42px;
  169. background-repeat: no-repeat;
  170. width: 207px;
  171. color: #000000; /* cor do titulo da sidebar, edite se quiser */
  172. }
  173.  
  174. #main-wrapper h2 {
  175. margin:0;
  176. padding:0;
  177. font-size:100%;
  178. font-weight:normal;
  179. color: #000000; /* cor da data, edite */
  180. background:none;
  181. }
  182.  
  183. /* postagens */
  184.  
  185. .post {
  186. margin:.5em 0 .75em;
  187. padding-bottom:.5em;
  188. padding-left: 10px;
  189. }
  190. #main .post h3 {
  191. margin:10 0 .5em;
  192. padding:30px;
  193. background-color: transparent;
  194. font-family: Trebuchet MS;
  195. font-size:18px;
  196. text-align: center;
  197. font-weight:bold;
  198. height: 20px;
  199. width: 700px;
  200. padding-top: 0px;
  201. margin-left: -33px;
  202. line-height:2.1em;
  203. color: #FF779C;
  204. }
  205.  
  206. #main .post h3 a, .post h3 a:visited, .post h3 strong {
  207. display:block;
  208. font-family: Trebuchet MS;
  209. font-size:20px;
  210. height: 42px;
  211. width: 800px;
  212. margin-top:40px;
  213. text-decoration:none;
  214. color: #000000; /* cor do título dos posts */
  215. font-weight:none;
  216. }
  217.  
  218. #main .post h3 strong, #main .post h3 a:hover {
  219. color:#000000; /* cor do título dos posts quando passar o mouse em cima */
  220. text-decoration:none;
  221. }
  222.  
  223. .post p, .post-body {
  224. margin:0 0 .75em;
  225. line-height:1.3em;
  226. }
  227.  
  228. .post-footer {
  229. margin: .75em 0;
  230. color:#000000;
  231. letter-spacing:.1em;
  232. line-height: 1.4em;
  233. }
  234.  
  235. .comment-link {
  236. margin-left:.6em;
  237. }
  238. .post a img, .post img {
  239.  
  240. }
  241. .post blockquote {
  242. background: url(fundodoblockquote) repeat; /* sabe essa caixinha rosa que eu uso quando começa os posts? então ela se chama blockquote, coloque um fundo se vc quiser e quando for usar o blockquote, escreva entre as tags <blockquote>escreva</blockquote>, tudo o que tiver entre essas tags vai sair nessa caixinha ta? */
  243. border:4px double #FF0606; /* cor da borda da caixinha */
  244. color: #FF0606; /* cor do texto da caixinha */
  245. margin:1em 20px;
  246. line-height:1.2em;
  247. padding: 5px;
  248. }
  249. p.post-footer-line-3 {
  250. margin:0 auto;
  251. padding:0;
  252. }
  253.  
  254. /* comentarios = stress */
  255. #comments h4 {
  256. margin:1em 0;
  257. font-weight: bold;
  258. line-height: 1.4em;
  259. letter-spacing:.2em;
  260. }
  261.  
  262. #comments-block {
  263. margin:1em 0 1.5em;
  264. line-height:1.6em;
  265. }
  266. #comments-block .comment-author {
  267. background:#1C1C1C; /* cor do fundo do nome de quem posta o comentário, edite */
  268. border: 1px solid #1C1C1C; /* cor da borda que fica em volta do fundo de quem posta o comentário, edite */
  269. margin:.5em 0;
  270. }
  271. #comments-block .comment-body {
  272. margin:.25em 0 0;
  273.  
  274. }
  275.  
  276. #comments-block .comment-footer {
  277. margin:7px 0 2em;
  278. line-height: 1.4em;
  279. font-weight: bold;
  280. letter-spacing:.1em;
  281. }
  282. #comments-block .comment-body p {
  283. margin:0 0 .75em;
  284. }
  285. .deleted-comment {
  286. margin:10px 0 2em;
  287. font-style:italic;
  288. color:gray;
  289. }
  290. .comment-pre-form {
  291. width:660px;
  292. padding:10px;
  293.  
  294. }
  295.  
  296.  
  297. / proxima, anterior, começo =P */
  298.  
  299. #blog-pager-newer-link {
  300. float: left;
  301. }
  302.  
  303. #blog-pager-older-link {
  304. float: right;
  305. }
  306.  
  307. #blog-pager {
  308. text-align: center;
  309. border-top: 4px double #000000; /* borda que separa uma postagem da outra, pode usar uma imagem se quiser, para isso troque border-top: 4px double #BABF85 e coloque background: url(linkdadivisoria)no-repeat; */
  310. }
  311.  
  312. /* ocultação de coisas */
  313.  
  314. /* não meche aqui não, é pra tirar algumas palavras feias do blog */
  315.  
  316. .feed-links {
  317. clear: both;
  318. line-height: 2.5em;
  319. display: none;
  320. }
  321.  
  322. .status-msg-wrap, .status-msg-body, .status-msg-border, .status-msg-bg, .status-msg-hidden {
  323. display: none;
  324. }
  325.  
  326. /* content 1 */
  327. #topo p {
  328. padding-left:2px;
  329. }
  330.  
  331. .topo {
  332. line-height: 1.3em;
  333. }
  334.  
  335. .topo ul {
  336. list-style:none;
  337. margin:0 0 0;
  338. padding:0 0 0;
  339. }
  340. .topo li {
  341. margin:0;
  342. padding:0 0 .25em 2px;
  343. line-height:1.2em;
  344. }
  345.  
  346. .topo .widget, {
  347. margin:0 2 1.5em;
  348. padding:0 2 1.5em;
  349. width: 200px;
  350. }
  351.  
  352. /* content 2 */
  353. #sidebar-wrapper p {
  354. padding-left:20px;
  355. padding-top: 0px;
  356. margin-top: 0px;
  357. }
  358.  
  359. .sidebar {
  360. line-height: 1.3em;
  361. }
  362.  
  363. .sidebar ul {
  364. list-style:none;
  365. margin:0 0 0;
  366. padding:0 0 0;
  367. }
  368. .sidebar li {
  369. margin:0;
  370. padding:0 0 .25em 7px;
  371. line-height:1.2em;
  372. }
  373.  
  374. .sidebar .widget, .main .widget {
  375. margin:2px 2px 1.5em 0px;
  376. padding:2px 2px 1.5em 0px;
  377. }
  378.  
  379. .main .Blog {
  380. border-bottom-width: 0;
  381. }
  382. #ArchiveList {
  383. margin:0;
  384. padding-left:12px;
  385. }
  386.  
  387. .widget img {
  388. }
  389.  
  390.  
  391. /* footer */
  392. #footer-wrapper {
  393. background:url(http://static.tumblr.com/uzgkick/u0ymbwz8v/baixo.bmp); /* coloque a imagem do rodapé que você fez */
  394. background-repeat:no-repeat;
  395. _width:1000px;
  396. width:1000px;
  397. padding-left:0px;
  398. height:250px; /* altura da imagem do rodapé */
  399. clear:both;
  400. margin:0 auto;
  401. padding:0;
  402. }
  403.  
  404. #footer h2 {
  405. font-size:110%;
  406. }
  407. #lower-body {
  408. width:980px;
  409. margin:0 auto;
  410. padding:12px 5px;
  411. color:#B8886B;
  412. text-align:center;
  413. }
  414.  
  415. #credit {
  416. text-align: center;
  417. padding-top:300px;
  418. }
  419.  
  420. /* estrutura wireframe */
  421. body#layout #header {
  422. margin-left: 0px;
  423. margin-right: 0px;
  424. }
  425.  
  426. #navbar-iframe{height: 0px; visibility: hidden; display: none;}
  427. ]]></b:skin>
  428.  
  429. </head>
  430. <div style='text-align:center; width:1100px; margin-left:auto; margin-right:auto;'>
  431. <img alt='' border='0' height='650' id='Image-Maps_7201210142310288' src='http://static.tumblr.com/uzgkick/SJnmbwzw9/galeria.png' usemap='#Image-Maps_7201210142310288' width='1100'/>
  432. <map id='_Image-Maps_7201210142310288' name='Image-Maps_7201210142310288'>
  433. <area alt='Voltar ao Site' coords='104,419,450,469' href='http://www.about-usdesigns.com/' shape='rect' title='Voltar ao Site'/>
  434. <area alt='Image Map' coords='1098,648,1100,650' href='http://www.image-maps.com/index.php?aff=mapped_users_7201210142310288' shape='rect' title='Image Map'/>
  435. </map>
  436. </div>
  437.  
  438. <body>
  439. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  440. <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
  441. </b:section>
  442.  
  443.  
  444.  
  445. <div id='outer-wrapper' style='margin-top:0px;'><div id='wrap2'>
  446.  
  447. <!-- skip links for text browsers -->
  448. <span id='skiplinks' style='display:none;'>
  449. <a href='#main'>skip to main </a> |
  450. <a href='#sidebar'>skip to sidebar</a>
  451. </span>
  452.  
  453. <div id='header-wrapper'>
  454.  
  455. <div class='topo'>
  456. <b:section class='topo' id='topo' preferred='yes'/>
  457. </div>
  458.  
  459. <div class='widget-content'>
  460.  
  461. </div>
  462.  
  463. </div>
  464.  
  465. <div id='content-wrapper'>
  466.  
  467. <div id='main-wrapper'>
  468. <b:section class='main' id='main' showaddelement='no'>
  469. <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
  470. <b:widget id='Feed1' locked='false' title='Recent Post' type='Feed'/>
  471. <b:widget id='Feed2' locked='false' title='Blogger Templates' type='Feed'/>
  472. </b:section>
  473.  
  474. </div>
  475.  
  476. <div id='sidebar-wrapper'>
  477.  
  478. </div>
  479.  
  480.  
  481. <!-- spacer for skins that want sidebar and main to be the same height-->
  482. <div class='clear'>&#160;</div>
  483. </div> <!-- end content-wrapper -->
  484. <br/>
  485. </div></div> <!-- end outer-wrapper -->
  486.  
  487. <div id='footer-wrapper'>
  488. <div id='credit'>Código Base Por: Thays Bueno ~ <a href='http://www.coisinhasmil.com'>Coisinhas Mil</a> // Adaptação do Codigo por: Vick ~ <a href='http://about-usdesigns.blogspot.com/'>AUD</a>
  489. </div> </div>
  490.  
  491.  
  492.  
  493. </body>
  494. </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!