API tools faq
paste
Advertisement
candymemory

pink color grid

candymemory
Jun 8th, 2016
401
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.11 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. <meta name="text:Link" content="/" />
  6. <meta name="text:Link Title" content="link 01" />
  7. <meta name="text:Link1" content="/" />
  8. <meta name="text:Link1 Title" content="link 02" />
  9. <meta name="text:Link2" content="/" />
  10. <meta name="text:Link2 Title" content="link 03" />
  11. <meta name="text:Link3" content="/" />
  12. <meta name="text:Link3 Title" content="link 04" />
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:text" content="#858585"/>
  16. <meta name="color:border1" content="#f7f7f7"/>
  17. <meta name="color:border2" content="#eee"/>
  18. <meta name="color:border3" content="#eee"/>
  19. <meta name="color:decore" content="#5e5f5f"/>
  20. <meta name="color:pink" content="#d29a9e"/>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  23.  
  24. <style>
  25. ::-webkit-scrollbar-thumb {height:auto;background-color: #999;border: 4px solid #f9f9f9;}
  26. ::-webkit-scrollbar {height:9px;width:9px;background-color:#f9f9f9;border: 2px solid #f9f9f9}
  27.  
  28. /* --- ESSENCIAL --- */
  29. .container {height:auto;color:#fff;}
  30. .container:before, .container:after {content: " ";display: table;}
  31. .container:after {clear: both;}
  32. .container .row {*zoom: 1;display: block;}
  33. .container .row:before, .container .row:after {content: " ";display: table;}
  34. .container .row:after {clear: both;}
  35. #controls-container {color: white;position: fixed;top: 5px;left: 5px;font: 13px/1.1 "Helvetica Neue", Tahoma, Verdana;background: rgba(0, 0, 0, 0.7);padding: 5px;z-index: 1000;opacity: 0.2;}
  36. #controls-container:hover {opacity: 1;}
  37. #controls-container input {display: block;}
  38. .table {display: table;}
  39. .table .row {display: table-row;}
  40. .table .cell {display: table-cell;}
  41. .fullwidth {width: 100%;}
  42. .middle {vertical-align: middle;}
  43. .fr {float: right;}
  44. .fl {float: left;}
  45. .unstyled {margin: 0;padding: 0;list-style:none;}
  46. ul.table > li {display: table-cell;}
  47. .illustration {padding: 0.1em 1em;}
  48.  
  49. /* --- CORPO --- */
  50. body {font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:10px;background:#f9f9f9;color:{color:text};padding: 0;margin: 0;line-height:15px;}
  51.  
  52. /* --- PERSONALIZAÇÃO --- */
  53. b {color:{color:decore};}
  54. i, em, italic {color:{color:decore};}
  55. a:link, a:active, a:visited {text-decoration:none;color:{color:decore};}
  56. u {text-decoration:none}
  57. pre {-webkit-background-clip:initial;-webkit-background-origin:initial;
  58. background-attachment:initial;background:{color:Background};background-position:0 0;background-repeat:no-repeat;color:{color:text};display:block;font-size:12px;font:normal normal normal 1em/normal 'Ubuntu Mono', monospace;line-height:17px;overflow-x:auto;overflow-y:auto;text-align:left;border-color:{color:border3};border-style:solid;border-width:1px;margin:1em 0;padding:0 20px 0 30px;overflow:auto;}
  59. li {margin-left:0px;}
  60. small {font-size:10px;}
  61. sub {font-size:10px;}
  62. .tumblr_blog {padding:1px;border-bottom:1px solid #eee;font-size: 10px;margin-left:10px;font-family: 'Quicksand', sans-serif;font-weight: 600;color:#d29a9e;}
  63. .tumblr_blog p {overflow:auto;color:#d29a9e;}
  64. blockquote {color:{color:text};margin-left:0px;text-align:left;padding-left:10px;margin-top:10px;border-left:1px solid #eee;width: 98%;}
  65. h2 {padding:10px;color:#888;background:#f7f7f7;font-size:10px;letter-spacing:1px;line-height:140%;text-align:left;font-family: 'Quicksand', sans-serif;text-transform: uppercase;border:1px solid #eee;margin-top:-6px;margin-bottom:10px;}
  66.  
  67. /* --- SUPER SIDEBAR --- */
  68. #chichi {position:fixed;}
  69. .card {width:195px;margin-left:-620px;;height:auto;border-radius: 0.3rem;margin-bottom: 1em;color:{color:text};}
  70. .user-card header, .user-card .status {text-align: center;padding: 0 1.5em; }
  71. .user-card header h1 {margin-top: 0.100em;margin-bottom: 0; }
  72. .user-card .status {padding-bottom:-10px;color:{color:text};text-align:justify;font-size: 10.2px;border:1px solid #eee;padding:30px 15px 15px 15px;background:#f6f6f6;margin-top:-30px;border-radius:5px;}
  73. .user-card .status a {color:{color:text};}
  74. .main-menu ul li {color:transparent;margin-left:-10px;width:194px;margin-top:0px;border-bottom:1px solid #eee;}
  75. .main-menu ul li .icon {display: block;float: left;font-size: 1em;width: 1em;height: 1em;margin-right: 1em;text-align: center;color:#888;margin-left: 0em;background:#f8f8f8;padding:6px;border-radius:15%;border:1px solid #eee;margin-top:-5px;}
  76. .main-menu ul li:first-child a {border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}
  77. .main-menu ul li:last-child {border-bottom: 0;}
  78. .main-menu ul li:last-child a {border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}
  79. .main-menu ul li a {display: block;padding: 1em;color:#444;}
  80. .main-menu ul li a .title {font-size: 1em;margin-top:0px;font-family:'Open Sans',Helvetica,Arial,sans-serif;color:#888;}
  81. .main-menu ul li.orange a {color: white;}
  82. .main-menu ul li > ul {padding: 0.5em 0;}
  83. .main-menu ul li > ul lii {border-bottom: 0;}
  84. .main-menu ul li > ul a {opacity: 0.75;padding: 0.5em 1em;}
  85. .main-menu ul li > ul a:hover {opacity: 1;}
  86. .main-menu ul li > ul .title {font-size: 0.8em;font-weight: 400;};}
  87.  
  88. </style></head>
  89.  
  90. <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
  91. <div id="chi"><div id="chichi">
  92. <div class="col-lg-8 col-md-6 col-sm-12"><div class="container">
  93. <div class="col-lg-6 col-md-12 col-sm-12"><div class="user-card card">
  94. <center><img src="ICON URL HERE!!!!!" style="border:1px solid {color:border2};padding:4px;border-radius:5px;margin-bottom:10px;width:80px;background:#fff"></center>
  95.  
  96.  
  97. <div class="status" style="padding-bottom:0px">WRITE A DESCRIPTION HERE!!!!!
  98. <div style="margin-top:15px;border-top:1px solid #eee;background:#fff;width:173px;margin-left:-15px;padding:3px 10px 3px 10px;border-radius:0px 0px 5px 5px">
  99.  
  100. <div class="col-lg-12"><div class="main-menu "><ul class="unstyled">
  101. <li><a href="http://roleplayer.me"><span class="icon icon-home"></span>
  102. <div class="title">Home</div></a></li>
  103.  
  104. <li><a href="LINKHERE"><span class="icon icon-angle-right"></span>
  105. <div class="title">NAMELINKHERE</div></a></li>
  106.  
  107. <li><a href="LINKEHERE"><span class="icon icon-angle-right"></span>
  108. <div class="title">NAMELINKHERE</div></a></li>
  109.  
  110. <li><a href="LINKHERE"><span class="icon icon-angle-right"></span>
  111. <div class="title">NAMELINKHERE</div></a></li>
  112.  
  113.  
  114. </div></div></div></div></div> </div> </div></div>
  115.  
  116.  
  117.  
  118.  
  119.  
  120. <style>.msonlinenow {display: none;}</style>
  121.  
  122. <style>.friendSpace td.text td td a img{
  123. padding:3px; margin:0px;
  124. margin-right:2px;
  125. background-color: #ffffff;
  126. border:1px solid #DDDDDD;
  127. transition-duration: 0.5s;
  128. -webkit-transition-duration: 0.5s;
  129. -o-transition-duration: 0.5s;
  130. -moz-transition-duration: 0.5s;}</style>
  131.  
  132.  
  133.  
  134. <style type="text/css">
  135. table {direction:ltr
  136. table table table {direction:rtl
  137. </style>
  138.  
  139. <style>body{background-color: ffffff; background-image:url(https://66.media.tumblr.com/ef8232bae2f86614b18d801bd4bab56c/tumblr_o7owogXm5y1qfmi6to2_r3_250.png); background-repeat:repeat;background-attachment:fixed;background-position:;}</style>
  140.  
  141.  
  142. <style>
  143. table.profileInfo * {background-color:transparent;}
  144. span.nametext {font-family:consolas!important;
  145. font-size:24px!important;}
  146. </style>
  147. <style>
  148. .interestsAndDetails, .interestsAndDetails td {border:0px;}
  149. </style>
  150.  
  151.  
  152. <style>
  153. table.extendedNetwork, table.extendedNetwork td {border:0px;}
  154. </style>
  155.  
  156.  
  157.  
  158. <style>
  159. table.extendedNetwork span.statusDateTime {display:;}
  160. table.extendedNetwork span.blacktext12 a {display:;}
  161. table.extendedNetwork {height:170px;}
  162. </style>
  163.  
  164. <style>.interestsanddetails{position:relative; top: -40px;}</style>
  165.  
  166.  
  167. <style>.friendspace {position:relative; top: -20px;}td.text table table {position:static;}</style>
  168. <style>
  169. table.profileInfo td td {letter-spacing:-100px; font-size:12px;}
  170. table.profileInfo td td.text, table.profileInfo td td * {font-size:12x; letter-spacing:0px;}
  171. table.profileInfo td td a {display:none;}
  172. table.profileInfo td td.text * {display:inline;}
  173. </style>
  174. <style>
  175. table.interestsAndDetails td.text {background-color: ffffff;}
  176. table.interestsAndDetails span.whitetext12 {color:ffffff}
  177. table.interestsAndDetails span.lightbluetext8 {color:000000}
  178. table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
  179. table.interestsAndDetails table {background-color:fcf2f6;}
  180. table.interestsAndDetails td td {background-color:ffffff;}
  181. table.interestsAndDetails td td, table.interestsAndDetails td td a {color:000000;}
  182. </style>
  183.  
  184. <style>
  185. table.blurbs td.text span.orangetext15 {color: fcb2d2;}
  186. table.blurbs td td span.orangetext15 {color:f488b7;}
  187. table.blurbs table {background-color:ffffff;}
  188. table.blurbs td td span.text {color:303030;}
  189. table.blurbs td td {background-color:ffffff;}
  190. table.blurbs td.text {background-color: ffffff;}
  191. </style>
  192. <style>.blurbs br {display:none;} .blurbs .text br {display:inline;}
  193. .blurbs {margin-top: -25px;}
  194. </style>
  195.  
  196. <style type="text/css">
  197. .contactTable {display:none;}
  198. </style>
  199.  
  200.  
  201. <style>
  202. .friendsComments {margin-top:-15px;}
  203. </style>
  204.  
  205.  
  206.  
  207.  
  208. <style>tr {background-color:transparent}</style>
  209.  
  210. <style>table, tr, td, li, p, div, .btext, .blacktext10, .blacktext12, .lightbluetext8, .orangetext15, .redtext, .redbtext, .text, .whitetext12, a:active, a:visited, a:link, a:hover, a.navbar:active, a.navbar:visited, a.navbar:link, a.navbar:hover, a.redlink:active, a.redlink:visited, a.redlink:link, a.redlink:hover, .nametext {font-family:consolas; color:; font-size:11px;letter-spacing:-1px;font-weight:normal;text-decoration:none;}</STYLE>
  211.  
  212.  
  213. <style>
  214. table.friendSpace span.redbtext {font-weight:bold;}
  215. table.friendSpace td {padding:0px;}
  216. table.friendSpace td.text td br {line-height:0px;}
  217. table.friendSpace span.btext {display:block;}
  218. table.friendSpace span.orangetext15 {color: 5a8ba0;}
  219. table.friendSpace, table.friendSpace td.text table {background-color:transparent;}
  220. table.friendSpace td.text {background-color: ffffff;}
  221. table.friendSpace td.text td td {background-color:ffffff;}
  222. table.friendSpace span.btext, table.friendSpace span.redbtext {color:000000!important;}
  223. table.friendSpace span.btext {background-color:ffffff;}
  224. table.friendSpace td.text div a {color:000000!important;}
  225. table.friendSpace td.text div {background-color:ffffff; background-image:none;}
  226. table.friendSpace td.text td td a {color:000000;}
  227. </style>
  228.  
  229.  
  230.  
  231. <style>.friendSpace td.text td td a img{
  232. padding:3px; margin:0px;
  233. margin-right:2px;
  234. background-color: #ffffff;
  235. border:1px solid #DDDDDD;
  236. transition-duration: 0.5s;
  237. -webkit-transition-duration: 0.5s;
  238. -o-transition-duration: 0.5s;
  239. -moz-transition-duration: 0.5s;}</style>
  240.  
  241.  
  242. <style>
  243. .katamari Section Manager
  244. { http://abrax.us/SectionManager }
  245. table.friendSpace span.redbtext {font-weight:bold;}
  246. table.friendSpace td {padding:0px;}
  247. table.friendSpace td.text td br {line-height:0px;}
  248. table.friendSpace span.btext {display:block;}
  249. table.friendSpace td.text td td a img {width:90x; height:110px;}
  250. </style>
  251.  
  252.  
  253. <style>
  254. table.friendsComments span.orangetext15 {display:block; height:100%;}
  255. table.friendsComments td.text table {width:100%;}
  256. table.friendsComments span.redtext {font-weight:bold;}
  257. table.friendsComments table, table.friendsComments td {border:0px;}
  258. table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:300px; height:220px;}
  259. table.friendsComments td.text td.columnsWidening img {width:300px;}
  260. table.friendsComments td.text b {display:block;}
  261. table.friendsComments td.text td td b {display:inline;}
  262. table.friendsComments td.text td a {display:block;}
  263. table.friendsComments td.text td b a, table.friendsComments td.text td td a {display:inline;}
  264. table.friendsComments span.orangetext15 {background-color: fcb2d2!important;}
  265. table.friendsComments span.orangetext15 {color:fcb2d2;}
  266. table.friendsComments td.text table {background-color:ffffff;}
  267. table.friendsComments td.text td a {background-color:white;}
  268. table.friendsComments td.text td td a {background-color:transparent;}
  269. table.friendsComments td.text td td {background-color:ffffff;}
  270. table.friendsComments td.text td td {color:000000;}
  271. table.friendsComments span.blacktext10 {background-color:fffff!important;}
  272. table.friendsComments span.blacktext10 {color:000000;}
  273. table.friendsComments td.text b {color:000000;}
  274. table.friendsComments span.redtext {color:000000;}</style>
  275.  
  276.  
  277.  
  278. <style>table.latestblogentry {display: none;}</style>
  279. <style>.clearfix {margin-top: -100px;}</style>
  280. <style>br{line-height:5px!important;}</style>
  281. <style>.userprofileurl{display:none;}</style>
  282. <style>.userprofiledetail{display:none;}</style>
  283. <style>.userProfileURL {display:none;}</style>
  284.  
  285.  
  286. <style>
  287. .userProfileURL {display:none;}
  288. </style>
  289. <style>
  290. .bodyContent tr {background-color:transparent;}
  291. .bodyContent table div br {line-height:0px;}
  292. </style>
  293.  
  294.  
  295. <style>
  296. table.userProfileDetail {display:none;}
  297. </style></style></span></style></span></style></span>
  298.  
  299.  
  300. <style type="text/css"> ul li a.open:hover, ul li a.open small, ul li a:hover {color:000000 !important;}
  301. ul li a.open:hover, ul li a.open small, ul li a:hover {background-color: fcb2d2!important;}
  302. body div div table td {background-color: fcb2d2;}
  303. body div div table td td td {background-color: fcb2d2;}
  304.  
  305. <style>.msonlinenow {display: none;}</style>
  306.  
  307. <style>.interestsanddetails{position:relative; top: -40px;}</style>
  308. <style>.blurbs{position:relative; top: -10px;}</style>
  309.  
  310. <style>
  311. .katamari Section Manager
  312. { http://abrax.us/SectionManager }
  313. table.friendSpace td {padding:0px;}
  314. table.friendSpace td.text td br {line-height:0px;}
  315. table.friendSpace span.btext {display:none;}
  316. </style>
  317.  
  318. <style>
  319. .FriendsComments table table {display:none;}
  320. .friendsComments td {height:0px;}
  321. .FriendsComments td {background-color:transparent;...
  322. .FriendsComments td td b a {display:inline;}
  323. </style>
  324.  
  325. <style>
  326.  
  327. table.blurbs td.text span.orangetext15, table.friendSpace td.text span.orangetext15, .whitetext12 {
  328. font-size:16px;
  329. text-align: center;
  330. text-transform:capitalize;
  331. font-family:lucidia grande;
  332. line-height:10px;
  333. color:#fff;
  334. display:block;
  335. padding:5px;
  336. background-color:#fcb2d2;}
  337. </style>
  338.  
  339.  
  340. <br />
  341. <style> div td {display:none;} table {top:8px; position:relative;} table table {top:0px; position:relative;}</style>
  342. <p>
  343.  
  344. <style>
  345. .katamari Section Manager
  346. { http://abrax.us/SectionManager }
  347. table.interestsAndDetails span.lightbluetext8 {color:f488b7;}
  348. </style>
  349.  
  350. <style>
  351. .interestsAndDetails td {width:0px;}
  352. table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
  353. </style>
  354.  
  355. <style type="text/css">.hidenav {display:none} div.profileWidth {margin-top: -10px !important;} div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001} div.profileWidth div.clearfix, hidenav hidenav hidenav, div.profileWidth div div {filter:none; opacity:0.9999} div.profileWidth div.clearfix {position:relative; top:30px} </style>
  356.  
  357. <style> credit: http://amourelo.tumblr.com </style>
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!