Advertisement
ZonaFlow

untitled 3 s pace

Nov 25th, 2019
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.09 KB | None | 0 0
  1. CSS:
  2. background:#897A7A} *{margin:0} *{padding:0} [name=main]{width:100%} [name=main]{height:auto} [name=main]{position:relative} [name=main]{font-size:14px} [name=main]{font-family:Tahoma, Arial} [name=main]{color:#fff} [name=container]{position:relative} [name=container]{width:980px} [name=container]{height:auto} [name=container]{margin:0 auto} [name=header]{width:100%} [name=header]{height:370px} [name=header]{box-shadow:0 70px #580440 inset, 0 370px #983C6F inset} [name=lado-a-h]{width:580px} [name=lado-a-h]{height:320px} [name=lado-a-h]{float:left} [name=lado-a-h]{margin-left:10px} [name=sub-s]{font-size:18px} [name=sub-s]{margin-top:20px} [name=sub-s]{display:block} [name=title-s]{font-size:70px} [name=title-s]{display:table} [name=title-s]{margin:-15px 0 0 -5px} [name=sub-title]{font-size:16px} [name=sub-title]{margin-top:-10px} [name=sub-title]{display:table} [name=search]{width:320px} [name=search]{height:36px} [name=search]{background:#fff} [name=search]{margin-top:25px} [name=s-search]{line-height:36px} [name=s-search]{padding-left:10px} [name=s-search]{float:left} [name=s-search]{color:#580440} [name=btn-search]{width:50px} [name=btn-search]{height:36px} [name=btn-search]{float:right} [name=btn-search]{background:#580440} [name=btn-search]{display:flex} [name=btn-search]{justify-content:center} [name=btn-search]{align-items:center} [name=btn-search]{cursor:pointer} [name=friends]{width:580px} [name=friends]{height:auto} [name=friends]{margin-top:10px} [name=title-f]{width:100%} [name=title-f]{font-size:16px} [name=title-f]{font-weight:300} [name=title-f]{margin-bottom:10px} [name=btn-box]{width:60px} [name=btn-box]{height:85px} [name=btn-box]{display:table} [name=btn-box]{float:left} [name=btn-box]{margin-right:15px} [name=btn-box]{text-decoration:none} [name=btn-box]{color:#fff} [name=btn-box]{text-align:center} [name=img-friends]{padding:5px} [name=img-friends]{background:#998989} [name=user-friends]{font-size:10px} [name=user-friends]{font-weight:300} [name=user-friends]{margin:5px 0} [name=lado-b-h]{width:380px} [name=lado-b-h]{height:200px} [name=lado-b-h]{float:left} [name=lado-b-h]{margin-top:120px} [name=lado-b-h]{background:#D1A2AB} [name=img-user]{float:left} [name=img-user]{padding:5px} [name=img-user]{background:#998989} [name=img-user]{margin:10px} [name=box-infor]{float:left} [name=box-infor]{margin-top:5px} [name=box-infor]{width:220px} [name=infor-user]{width:210px} [name=infor-user]{line-height:40px} [name=infor-user]{padding-left:10px} [name=infor-user]{background:#fff} [name=infor-user]{float:left} [name=infor-user]{margin-top:5px} [name=infor-user]{color:#580440} [name=infor-user]{font-size:16px} [name=infor-user]{font-weight:300} [name=user-cont]{display:block} [name=user-cont]{float:left} [name=user-cont]{width:380px} [name=user-cont]{height:50px} [name=user-cont]{background:#580440} [name=contact]{line-height:50px} [name=contact]{font-size:16px} [name=contact]{display:table} [name=contact]{float:left} [name=contact]{padding:0 24px 0 50px} [name=btn-cont]{display:table} [name=btn-cont]{line-height:36px} [name=btn-cont]{float:left} [name=btn-cont]{width:100px} [name=btn-cont]{background:#983C6F} [name=btn-cont]{margin:7px 0 0 20px} [name=btn-cont]{text-align:center} [name=btn-cont]{text-decoration:none} [name=btn-cont]{color:#fff} [name=btn-cont]{font-size:16px} [name=article]{float:left} [name=article]{width:960px} [name=article]{height:50px} [name=article]{background:#8D1B69} [name=article]{margin-left:10px} [name=desc-ap]{padding:8px 10px} [name=main-content]{width:960px} [name=main-content]{height:auto} [name=main-content]{padding-bottom:40px} [name=main-content]{position:relative} [name=main-content]{margin:0 auto} [name=lado-a-cont]{width:580px} [name=lado-a-cont]{height:auto} [name=lado-a-cont]{float:left} [name=lado-a-cont]{background:#580440} [name=title-main]{text-align:center} [name=title-main]{line-height:50px} [name=title-main]{font-size:16px} [name=title-main]{font-weight:300} [name=title-main]{color:#A39292} [name=desc-main]{width:calc(100% - 20px)} [name=desc-main]{height:auto} [name=desc-main]{padding:10px} [name=video-comp]{width:calc(100% - 20px)} [name=video-comp]{padding:10px} [name=title-v]{width:100%} [name=title-v]{height:40px} [name=title-v]{background:#D1A2AB} [name=title-v]{margin-bottom:10px} [name=img-video]{float:left} [name=t-span-v]{line-height:40px} [name=t-span-v]{float:left} [name=t-span-v]{font-size:16px} [name=t-span-v]{color:#222} [name=lado-b-cont]{width:380px} [name=lado-b-cont]{height:auto} [name=lado-b-cont]{float:left} [name=lado-b-cont]{background:#D1A2AB} [name=cont-b-top]{width:calc(100% - 20px)} [name=cont-b-top]{padding:10px} [name=img-cont]{padding:5px} [name=img-cont]{background:#998989} [name=img-cont]{float:left} [name=img-cont]{margin-right:10px} [name=cont-infor]{width:200px} [name=cont-infor]{height:110px} [name=cont-infor]{float:left} [name=cont-infor]{background:#fff} [name=cont-infor]{text-align:left} [name=cont-infor]{color:#222} [name=cont-infor]{padding:10px} [name=cont-infor]{line-height:21px} [name=cont-b-sob]{width:calc(100% - 20px)} [name=cont-b-sob]{height:auto} [name=cont-b-sob]{float:left} [name=cont-b-sob]{margin:10px} [name=cont-b-sob]{background:#fff} [name=ref]{color:#222} [name=ref]{font-size:12px} [name=ref]{font-weight:300} [name=ref]{margin:5px 0 0 10px} [name=ref]{line-height:15px} [name=p-ref]{color:#6F6363} [name=p-ref]{padding:10px} [name=cred]{color:#222} [name=cred]{display:table} [name=cred]{padding:10px} [name=cred]{font-size:12px} [name=cred]{float:left} [name=btn-cred]{width:90px} [name=btn-cred]{line-height:36px} [name=btn-cred]{display:table} [name=btn-cred]{float:left} [name=btn-cred]{text-align:center} [name=btn-cred]{text-decoration:none} [name=btn-cred]{color:#fff} [name=btn-cred]{background:#983C6F} [name=btn-cred]{margin-bottom:20px;}
  3. div#nowayfixed {
  4. z-index: 2147483647;
  5. position: fixed;
  6. bottom: 0;
  7. left: 0;
  8. }
  9. div#nowaymenu
  10. {
  11. background-color:#009;
  12. background: linear-gradient(#000014, #000024, #00004e);
  13. border-radius: 0px 5px 0px 0px;
  14. display: none;
  15. FONT-SIZE: 12pt;
  16. FONT-FAMILY: Arial, Helvetica, sans-serif;
  17. }
  18. div#nowayitems
  19. {
  20. padding-top: 5px;
  21. padding-right: 0px;
  22. /*padding-bottom: 5px;*/
  23. padding-left: 0px;
  24. margin-left: 6px;
  25. line-height: 130%;
  26. color:#fff;
  27. }
  28. div#nowayitems > a
  29. {
  30. color:#fff;
  31. text-decoration: none;
  32. }
  33. div#nowayitems > a:hover {
  34. text-decoration: underline;
  35. }
  36.  
  37. HTML:
  38.  
  39. </style>
  40. <div id="NotAllowedme">
  41. <div name="main">
  42. <div name="header">
  43. <div name="container">
  44. <div name="lado-a-h">
  45. <span name="sub-s">xat.me</span>
  46. <h1 name="title-s">Nevoa</h1>
  47. <span name="sub-title">Bem vindo ao meu xatspace!</span>
  48. <div name="search">
  49. <span name="s-search">Eu, do contra e teimosa!</span>
  50. <div name="btn-search">
  51. <img name="icon-search" src="https://i.imgur.com/LIzKxGQ.png" width="15/" />
  52. </div>
  53. </div>
  54. <div name="friends">
  55. <h2 name="title-f">Admiráveis ♥</h2>
  56. <a name="btn-box" href="http://xat.me/Edu69">
  57. <img name="img-friends" src="https://i.imgur.com/LBNlQ1S.jpg" width="60/" />
  58. <h3 name="user-friends">AMOR</h3>
  59. </a>
  60. <a name="btn-box" href="http://xat.me/DianaMarrenta">
  61. <img name="img-friends" src="https://i.imgur.com/S9HHf6m.jpg" width="60/" />
  62. <h3 name="user-friends">DIANA</h3>
  63. </a>
  64. <a name="btn-box" href="https://xat.me/iiiimor">
  65. <img name="img-friends" src="https://i.imgur.com/nznkeBC.jpg" width="60/" />
  66. <h3 name="user-friends">MORGANE</h3>
  67. </a>
  68. <a name="btn-box" href="http://xat.me/gataadosuL2013">
  69. <img name="img-friends" src="https://i.imgur.com/YIr4Thl.jpg" width="60/" />
  70. <h3 name="user-friends">GATA DO SUL</h3>
  71. </a>
  72. </div>
  73. </div>
  74. <div name="lado-b-h">
  75. <div name="user">
  76. <img name="img-user" src="https://i.imgur.com/XZNuUAZ.gif" width="120/" />
  77. <div name="box-infor">
  78. <h3 name="infor-user">✿ Nevoa ✿</h3>
  79. <h3 name="infor-user">id 111222333</h3>
  80. <h3 name="infor-user">Que seja doce! ♥</h3>
  81. </div>
  82. </div>
  83. <div name="user-cont">
  84. <span name="contact">Meu Chat</span>
  85. <a name="btn-cont" href="http://xat.com/point">Point</a>
  86. </div>
  87. </div>
  88. <div name="article">
  89. <p name="desc-ap">
  90. Olá!</br>
  91. Sou usuária do xat.com desde dezembro/2011. Gosto de curtir os meus poucos amigos e música. ♥
  92. </p>
  93. </div>
  94. </div>
  95. </div>
  96. <div name="main-content">
  97. <div name="container">
  98. <div name="lado-a-cont">
  99. <h2 name="title-main">As coisas mais simples, são as mais bonitas… Aprecie os detalhes!</h2>
  100. <p name="desc-main">
  101. O amor não prende, liberta! Ame porque isso faz bem a você, não por esperar algo em troca. Criar expectativas demais pode gerar decepções. Quem ama de verdade, sem apego, sem cobranças, conquista o carinho verdadeiro das pessoas. (C.X)
  102. </p>
  103. <div name="video-comp">
  104. <div name="title-v">
  105. <img name="img-video" src="https://i.imgur.com/SwbP3nD.png" width="40/" />
  106. <span name="t-span-v">Música preferida no momento :)</span>
  107. </div>
  108. <div name="video">
  109. Your browser does not support iframes!
  110. </div>
  111. </div>
  112. </div>
  113. <div name="lado-b-cont">
  114. <div name="cont-b-top">
  115. <img name="img-cont" src="https://i.imgur.com/IDoIM0g.jpg" width="110/" />
  116. <p name="cont-infor">
  117. Aniversário: <span style="color:#704D52">27 de abril</span></br>
  118. Signo: <span style="color:#704D52">Touro</span></br>
  119. Idade: <span style="color:#704D52">De maior!</span></br>
  120. Idioma: <span style="color:#704D52">Português</span></br>
  121. País: <span style="color:#704D52">Terra de Oz</span>
  122. </p>
  123. </div>
  124. <div name="cont-b-sob">
  125. <h3 name="ref">FELICIDADE!</h3>
  126. <p name="p-ref">
  127. As pessoas gastam uma vida inteira buscando pela felicidade; procurando pela paz. Elas perseguem sonhos vãos, vícios, religiões, e até mesmo outras pessoas, na esperança de preencherem o vazio que as atormenta. A ironia é que o único lugar onde elas precisavam procurar era sempre dentro de si mesmas. (R.L.A) Resumindo: Ser feliz é muito simples, está ai dentro de você e não depende de nada nem de ninguém.
  128.  
  129.  
  130. </p>
  131. <span name="cred">© Desenvolvido por</span>
  132. <a name="btn-cred" href="http://xat.com/centraldosplayers">Jason</a>
  133. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement