Advertisement
ThemeLover

My Page-February design

Feb 8th, 2016
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.63 KB | None | 0 0
  1. CSS!
  2.  
  3. body {
  4. cursor: url(), auto;
  5. }
  6. .xg_module_activity {
  7. display: none;
  8. }
  9.  
  10. ::-webkit-scrollbar {
  11. width: 6px;
  12. height: 7px;
  13. background: transparent;
  14. }
  15.  
  16. ::-webkit-scrollbar-thumb {
  17. background-color: #EBCCAF;
  18. border-radius: 10px;
  19. border: 1px solid #eee;
  20. }
  21.  
  22. ::-webkit-scrollbar-corner {
  23. background: transparent;
  24. }
  25.  
  26. .account-links {
  27. display: none;
  28. }
  29.  
  30. .xg_module movable, .module_video {
  31. display: none;
  32. }
  33.  
  34. #xg_body, .xg_floating_container {
  35. background-color: transparent;
  36. }
  37.  
  38. h1 {
  39. display: none;
  40. }
  41.  
  42. h2 {
  43. display: none;
  44. }
  45.  
  46. ul.navigation.easyclear {
  47. display: none;
  48. }
  49.  
  50. .sortable.music {
  51. display: none;
  52. }
  53.  
  54. .module_groups {
  55. display: none;
  56. }
  57.  
  58. .module_about_user {
  59. display: none;
  60. }
  61.  
  62. .sortable.module_feed {
  63. display: none;
  64. }
  65.  
  66. .module_photo {
  67. display: none;
  68. }
  69.  
  70. .module_members {
  71. display: none !important;
  72. }
  73.  
  74. img {
  75. margin: 0px;
  76. }
  77.  
  78. #xj_module_gift {
  79. display: none;
  80. }
  81. /* comment wall */#xg_module_body, #xg_module_head h2, .xg_module_comment_wall {
  82. display: none;
  83. }
  84.  
  85. #xg_masthead {
  86. visibility: hidden;
  87. }
  88.  
  89. .xg_module_body.profile.vcard dl.last-child a {
  90. font-family: tahoma;
  91. font-size: 13px;
  92. letter-spacing: 2px;
  93. text-transform: uppercase;
  94. line-height: 5px;
  95. margin-top: -5px;
  96. color: #;
  97. }
  98.  
  99. .xg_module_body.profile.vcard dl.last-child {
  100. width: 120px;
  101. z-index: -1;
  102. color: #222;
  103. position: fixed;
  104. top: 0px;
  105. right: -10px;
  106. margin: 10px;
  107. z-index: -2000000;
  108. background-color: #fff;
  109. padding: 6px;
  110. -webkit-border-radius: 5px;
  111. border-radius: 5px;
  112. }
  113.  
  114. .xg_sprite xg_sprite-share {
  115. display: none!important;
  116. }
  117.  
  118. #xn_bar {
  119. display: none;
  120. }
  121.  
  122. .xg_theme #xg_foot {
  123. display: none;
  124. }
  125.  
  126. #xg_layout_column_1 {
  127. }
  128.  
  129. .xg_span-5 {
  130. display: none !important;
  131. }
  132.  
  133. ul.nobullets.last-child {
  134. display: none;
  135. }
  136.  
  137. #xg_mudule.movable.sortable.module {
  138. display: none;
  139. }
  140.  
  141. #xg_navigation, #xg_navigation ul, #xg_navigation ul li, #xg_navigation ul li span, #xg_navigation {
  142. display: none;
  143. }
  144.  
  145. .xg_theme #xg_head, .xg_theme #xg_foot {
  146. display: none;
  147. }
  148.  
  149. .dy-avatar.dy-avatar-full-width {
  150. display: none;
  151. }
  152.  
  153. #xj_approvalBox {
  154. display: none;
  155. }
  156.  
  157. .module_blog {
  158. display: none;
  159. }
  160.  
  161. /* -------------------------- ENTRIES ------------------------------ */
  162.  
  163. #blogtitle {margin-top:-2px; width:540px; margin-left:400px; text-align:center; font-size:50px; font-family:'Letters'; word-spacing:12px; color:#FFFFFF; letter-spacing:1px;}
  164.  
  165.  
  166. <!---------------------- CUSTOM FONT SCRIPTS ------------------------->
  167.  
  168. <link href='http://fonts.googleapis.com/css?family=Exo+2:400,400italic,700,700italic|Tulpen+One' rel='stylesheet' type='text/css'>
  169. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  170.  
  171.  
  172.  
  173. <style type="text/css">
  174.  
  175. @font-face{font-family:Minecraftia; src:url(http://static.tumblr.com/imnherg/Wptmrj608/04b_03__.ttf);}
  176.  
  177. @font-face{font-family:Letters; src:url(http://static.tumblr.com/imnherg/Qiwmrj6iu/pwflymetothemoon.ttf);}
  178.  
  179.  
  180.  
  181.  
  182.  
  183. /* ----------------------------- BODY ------------------------------ */
  184.  
  185. body {
  186. background-image: url(http://hollywooddroneschool.com/wp-content/uploads/2015/06/6924603-clouds-background-hd.jpg);
  187. background-repeat:repeat;
  188. background-color: ##03163e;
  189. }
  190.  
  191.  
  192.  
  193. /* ------------------------ DESCRIPTION ---------------------------- */
  194.  
  195. #description {position:fixed; top:130px; margin-left:-50px; width:650px; height: 400px; background-color:#FFFFFF; padding:5.9px; text-align:justify; color:#444444}
  196.  
  197. #villagert {margin:15px 0px 15px 0px; width:520px; background-color:#FFFFFF; color:#000000; text-align:center; text-transform:uppercase; letter-spacing:2px; font-size:10px; line-height:10px; font-family:'MineCraftia';}
  198. #villagers {text-align:center;}
  199. #villagers img {height:22px;}
  200.  
  201. /* --------------------------- LINKS ------------------------------- */
  202.  
  203. <style type=“text/css”>
  204.  
  205. #tab1 {
  206. background-color:#ffffff; /* background colour */
  207. border-bottom:1px solid #919191; /* top border width and colour */
  208. border-top:1px solid #919191; /* top border width and colour */
  209. border-left:1px solid #919191; /* left border width and colour */
  210. border-right:1px solid #919191; /* right border width and colour */
  211. width:25px; /* width before hovering */
  212. height:25px; /* height before hovering */
  213. font-size:14px; /* font size */
  214. font-family: 'calibri'; /* font */
  215. color: #808080;
  216. border-radius:0px 0px 10px 10px;
  217. -moz-border-radius:0px 0px 0px 10px;
  218. position:fixed;
  219. overflow:hidden;
  220. top:0px;
  221. left:10px;
  222. z-index:999999999;
  223. padding:2px;
  224. -webkit-transition: opacity 0.7s linear;
  225. -webkit-transition: all 0.7s ease-in-out;
  226. -moz-transition: all 0.7s ease-in-out;
  227. -o-transition: all 0.7s ease-in-out;}
  228.  
  229. #tab1icon{
  230. font-size:17px; /* size of text icon */
  231. color:#808080; /* colour of text icon */
  232. margin-top:0px;
  233. margin-right:0px;
  234. text-align:center;
  235. -webkit-transition: opacity 0.7s linear;
  236. -webkit-transition: all 0.7s ease-in-out;
  237. -moz-transition: all 0.7s ease-in-out;
  238. -o-transition: all 0.7s ease-in-out;}
  239.  
  240. #tab1:hover{
  241. width:160px; /* width after hovering */
  242. height:250px; /* height after hovering */
  243. border-radius:5px 5px 5px 5px;
  244. -moz-border-radius:5px 5px 5px 5px;
  245. opacity:0.95}
  246.  
  247. #tab2 {
  248. background-color:#ffffff; /* background colour */
  249. border-bottom:1px solid #919191; /* top border width and colour */
  250. border-top:1px solid #919191; /* top border width and colour */
  251. border-left:1px solid #919191; /* left border width and colour */
  252. border-right:1px solid #919191; /* right border width and colour */
  253. width:25px; /* width before hovering */
  254. height:25px; /* height before hovering */
  255. font-size:14px; /* font size */
  256. font-family: 'calibri'; /* font */
  257. color: #808080;
  258. border-radius:0px 0px 10px 10px;
  259. -moz-border-radius:0px 0px 0px 10px;
  260. position:fixed;
  261. overflow:hidden;
  262. top:0px;
  263. left:55px;
  264. z-index:99999999;
  265. padding:2px;
  266. -webkit-transition: opacity 0.7s linear;
  267. -webkit-transition: all 0.7s ease-in-out;
  268. -moz-transition: all 0.7s ease-in-out;
  269. -o-transition: all 0.7s ease-in-out;}
  270.  
  271. #tab2icon{
  272. font-size:17px; /* size of text icon */
  273. color:#808080; /* colour of text icon */
  274. margin-top:0px;
  275. margin-right:0px;
  276. text-align:center;
  277. -webkit-transition: opacity 0.7s linear;
  278. -webkit-transition: all 0.7s ease-in-out;
  279. -moz-transition: all 0.7s ease-in-out;
  280. -o-transition: all 0.7s ease-in-out;}
  281.  
  282. #tab2:hover{
  283. width:160px; /* width after hovering */
  284. height:250px; /* height after hovering */
  285. border-radius:5px 5px 5px 5px;
  286. -moz-border-radius:5px 5px 5px 5px;
  287. opacity:0.95}
  288.  
  289. #tab3 {
  290. background-color:#ffffff; /* background colour */
  291. border-bottom:1px solid #919191; /* top border width and colour */
  292. border-top:1px solid #919191; /* top border width and colour */
  293. border-left:1px solid #919191; /* left border width and colour */
  294. border-right:1px solid #919191; /* right border width and colour */
  295. width:25px; /* width before hovering */
  296. height:25px; /* height before hovering */
  297. font-size:14px; /* font size */
  298. font-family: 'calibri'; /* font */
  299. color: #808080;
  300. border-radius:0px 0px 10px 10px;
  301. -moz-border-radius:0px 0px 0px 10px;
  302. position:fixed;
  303. overflow:hidden;
  304. top:0px;
  305. left:100px;
  306. z-index:9999999;
  307. padding:2px;
  308. -webkit-transition: opacity 0.7s linear;
  309. -webkit-transition: all 0.7s ease-in-out;
  310. -moz-transition: all 0.7s ease-in-out;
  311. -o-transition: all 0.7s ease-in-out;}
  312.  
  313. #tab3icon{
  314. font-size:17px; /* size of text icon */
  315. color:#808080; /* colour of text icon */
  316. margin-top:0px;
  317. margin-right:0px;
  318. text-align:center;
  319. -webkit-transition: opacity 0.7s linear;
  320. -webkit-transition: all 0.7s ease-in-out;
  321. -moz-transition: all 0.7s ease-in-out;
  322. -o-transition: all 0.7s ease-in-out;}
  323.  
  324. #tab3:hover{
  325. width:160px; /* width after hovering */
  326. height:250px; /* height after hovering */
  327. border-radius:5px 5px 5px 5px;
  328. -moz-border-radius:5px 5px 5px 5px;
  329. opacity:0.95}
  330.  
  331. #tab4 {
  332. background-color:#ffffff; /* background colour */
  333. border-bottom:1px solid #919191; /* top border width and colour */
  334. border-top:1px solid #919191; /* top border width and colour */
  335. border-left:1px solid #919191; /* left border width and colour */
  336. border-right:1px solid #919191; /* right border width and colour */
  337. width:25px; /* width before hovering */
  338. height:25px; /* height before hovering */
  339. font-size:14px; /* font size */
  340. font-family: 'calibri'; /* font */
  341. color: #808080;
  342. border-radius:0px 0px 10px 10px;
  343. -moz-border-radius:0px 0px 0px 10px;
  344. position:fixed;
  345. overflow:hidden;
  346. top:0px;
  347. left:145px;
  348. z-index:999999;
  349. padding:2px;
  350. -webkit-transition: opacity 0.7s linear;
  351. -webkit-transition: all 0.7s ease-in-out;
  352. -moz-transition: all 0.7s ease-in-out;
  353. -o-transition: all 0.7s ease-in-out;}
  354.  
  355. #tab4icon{
  356. font-size:17px; /* size of text icon */
  357. color:#808080; /* colour of text icon */
  358. margin-top:0px;
  359. margin-right:0px;
  360. text-align:center;
  361. -webkit-transition: opacity 0.7s linear;
  362. -webkit-transition: all 0.7s ease-in-out;
  363. -moz-transition: all 0.7s ease-in-out;
  364. -o-transition: all 0.7s ease-in-out;}
  365.  
  366. #tab4:hover{
  367. width:160px; /* width after hovering */
  368. height:250px; /* height after hovering */
  369. border-radius:5px 5px 5px 5px;
  370. -moz-border-radius:5px 5px 5px 5px;
  371. opacity:0.95}
  372.  
  373.  
  374. -html
  375.  
  376.  
  377.  
  378.  
  379. <p style="text-align: center;"></p><div id="description" style="text-align: center;"><div style="width: 650px; height: 400px; color: #6684a3; overflow: auto; font-family: Times; font-size: 14px; text-align: center; background-color: black;"><br/> "Just put your heart in my hands,I promise it won't get broken"<br/><br/><div style="border: 2.5px dotted #003366; padding: 5px; margin-left: 5px; width: 600px; height: 150px;"><img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&amp;size=l&amp;tid=56594860&amp;width=150" width="150"/> <img src="http://static.tumblr.com/zqihdkm/qBQm5215g/tumblr_m3ypadiz1t1qjsk0wo2_250.gif" width="150" height="150"/> <img src="http://www.polyvore.com/cgi/img-thing?.out=jpg&amp;size=l&amp;tid=51430462&amp;width=" width="150"/> <br/> <br/><br/>"And the sparks will fly,They will never fade"-Over and Over Again ~ Nathan Skyes<br/><br/></div><br/><div style="border: 2.5px dotted #003366; padding: 5px; margin-left: 5px; width: 600px; height: 300px;"><br/><p><br/> <br/><br/>These character are here to fall in love and grow as individuals. They are loyal and fierce creatures that <a rel="nofollow" href="https://49.media.tumblr.com/4b71a1ab7296587e5d850a9593f41093/tumblr_mnc2mvApir1s0h0vuo1_500.gif" target="_blank"><img src="https://31.media.tumblr.com/261de24df7a45974107a75273cde7551/tumblr_inline_nhtpfdFM7A1rxkpvw.gif" class="align-left" width="275" height="170"/></a>will defend those they love.<br/><br/><a href="http://vampireswerewolvesandhumans.ning.com/profiles/comment/list?attachedToType=User&amp;attachedTo=1ug0ckgvuba9c" target="_self">• Comments •</a>  <a href="http://vampireswerewolvesandhumans.ning.com/profiles/blogs/guidelines-8" target="_self">• Guidelines •</a>  <a href="http://vampireswerewolvesandhumans.ning.com/profiles/blogs/characters-2" target="_self">• Characters •</a>  <a href="http://vampireswerewolvesandhumans.ning.com/profiles/blogs/my-starters-1" target="_self">• Starters •</a>  <a href="http://vampireswerewolvesandhumans.ning.com/profiles/blogs/archive-of-roleplays" target="_self">• Active Archive •</a>  <iframe width="0" height="0" src="http://www.youtube.com/embed/7eiv5aElMZs?autoplay=1&amp;wmode=opaque"></iframe></p></div></div></div>
  380.  
  381. <div id="tab1"><center>
  382. <div id="tab1icon">♠</div><br>
  383. Your announcements go in here!
  384.  
  385. </div>
  386.  
  387. <div id="tab2"><center>
  388. <div id="tab2icon">♣</div><br>
  389. Your networks go in here!
  390.  
  391. </div>
  392.  
  393. <div id="tab3"><center>
  394. <div id="tab3icon">♥</div><br>
  395. Your links go in here!
  396.  
  397. </div>
  398.  
  399. <div id="tab4"><center>
  400. <div id="tab4icon">♦</div><br>
  401. anything else goes in here!
  402.  
  403. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement