API tools faq
paste
Advertisement
mik98

css for ex

mik98
Apr 11th, 2021
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.64 KB | None | 0 0
raw download clone embed print report
  1. body { background-color: #fff; background:url() no-repeat center center fixed;
  2. -webkit-background-size:cover;
  3. -moz-background-size:cover;
  4. -o-background-size:cover;
  5. background-size:cover; padding: 0px; background-repeat: no-repeat; background-position: ; background-size:; }
  6.  
  7. #xg_body{ width: 100%; height: 100%; position: fixed; left: auto; margin-top: 240px;background-image: url(); background-color: #ddd; background-size: cover; color: #fff; background-repeat: repeat; z-index: 0;}
  8.  
  9. .xg_theme .xg_module_head h2 { display: none; text-transform:uppercase; color: #000; background-color: ; width: 500px; font-size: 0px; margin-left: 0px; }
  10.  
  11. #xg_layout_column_1{ display: none; overflow: auto; z-index: 100000; position: fixed; color:; margin-top: -75px; margin-left: 165px; height: 350px; width: 350px; overflow: hidden; opacity: 1; text-align: center; background: url(); -webkit-transition: 1s; background-blend-mode: multiply; background-image: url(); background-repeat: no-repeat; background-size: 350px 350px; border-radius: 0px; border: 1px solid #000; background-color: #trans;}
  12.  
  13. #xg_layout_column_2{ position: fixed; z-index: 100000; width: 700px; height: 40px; margin-top: -210px; font-size: 11px; background-image:url();
  14. background-repeat:repeat; background-position: fixed; background-size: 100%; margin-left: 170px; background-color: #trans; font-family:'Open Sans',Arial,Helvetica,sans-serif; color: #000; border-left: 0px solid #trans; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; }
  15.  
  16. .xg_widget_profiles_profile_show .xg_3col .xg_1col img.photo { display: none; padding: 10px; padding-left: 20px; width: 80px; z-index: 1; opacity: 1; -webkit-transition: 1s; border: 0px solid #000; background-position:center; background-origin:content-box; outline: 0px solid #000; outline-offset: 0px; }
  17.  
  18. #xg_body a:hover{ font-style: none; letter-spacing: 1px; color: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  19.  
  20. .xg_span-16 {width: 680px; height: 680px; }
  21.  
  22. a.xg_sprite.xg_sprite-friend-remove { display: none; position: fixed; text-align: center; margin-top: 30px; margin-left: -50px; width: 150px; padding: 5px; font-color: transparent;}
  23.  
  24. a.a.xg_sprite.xg_sprite-message { display: none; }
  25. a#xj_block_messages { display: none; }
  26. .vcard .profile-like-button { padding-top: 5px; display: none; font-family: arial; }
  27. a.post_to_facebook.xj_post_to_facebook { display: none; }
  28.  
  29. .xg_sprite .xg_sprite-add{ display: none;}
  30.  
  31. .xg_theme p#xg_sitedesc {display:none}
  32.  
  33. .xg_theme h1#xg_sitename a {display:none}
  34.  
  35. ul.nobullets.last-child { position: fixed; display: block; margin: 0px; margin-left: 0px; top: 400px; opacity: 0; }
  36.  
  37. ul.nobullets li { color: transparent; }
  38.  
  39. #xg_module_body, #xg_module_head h2, .xg_module_comment_wall{ display: none;} #xj_module_gift {display: none;} #xg_navigation, #xg_navigation ul, #xg_navigation ul li, #xg_navigation ul li span, #xg_navigation {display: none;} #xn_bar { display: none;} #welcome-invite,#xg_tab_invite,
  40.  
  41. ul.navigation.easyclear {display: none;} .sortable.music {display: none;} .module_blog {display: none;} .module_groups {display: none;} .module_about_user {display: none;} .sortable.module_feed {display: none;} .module_photo {display: none;} .module_members {display: none !important;} dd.profile-social-buttons,dd.relationship {display:none !important;}
  42. .profile dl dt span {display:none;} .xg_chat.chatFooter .xg_chatBar {display: none;} .xg_module_body.profile.vcard dt.fn {display:none} .xg_theme #xg_foot {display: none;}
  43.  
  44. #xj_approvalBox {display: none; }
  45.  
  46. .xg_span-5 {display:none !important;}
  47.  
  48. .xj_no_friend_requests small,.xj_count_friendRequestsReceived small,.xg_module.module_members .xg_module_foot ul li.left,.xg_widget_profiles li.right .xg_sprite-add{ display:none !important;}
  49.  
  50. .xg_dock {display:none!important;}
  51. #xg_head, #xg_foot, #xn_bar, .xg_span-5, ul.navigation li.right a, .xg_sprite .xg_sprite-add, #xg_module_body, #xg_module_head h2, .xg_module_comment_wall{ display: none;}
  52.  
  53. * html .xg_widget_profiles_profile_show .xg_3col .xg_1col img.photo { display: none; }
  54.  
  55. #xg_body h1{ display: none; margin-top: -280px; }
  56.  
  57. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  58.  
  59. .xg_chat.chatFooter .xg_chatBar {display: none; }
  60.  
  61. html,body,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,ins,kbd,q,s,samp,small,sub,sup,tt,var,u,i,center,dl,dt,dd,body, ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th,.orangetext15,.lightbluetext8,.blacktext12,.blacktext10,.whitetext12,.btext,.redtext,.redbtext,.text .xg_theme button,.xg_theme a.button,.xg_theme input.button { font-family: courier; line-height: 10px; font-size: 10px; text-decoration: none; font-style: none;
  62. -webkit-transition: 1s; }
  63.  
  64. a { color: #FFF; text-transform: uppercase; font-size: 10px;}
  65.  
  66.  
  67. #xg_body a{ font-size: 8px; font-family: courier; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; color: #fff; background-color: transparent; font-style: normal; -webkit-transition: 1s; }
  68. #xg_body a:hover {letter-spacing: 2px; }
  69. #xg_body h3 { display: none; text-transform: uppercase; font-family: late sans; font-size: 10px; letter-spacing: 1px; color:#fff; background-color: #trans;}
  70. #xg_body h1 { text-transform: uppercase; font-family: arial; font-size: 15px; letter-spacing: 1px; color: #000; text-shadow: #CCC 1px 0 10px; font-style: bold; text-align: center;}
  71. #xg_body ul { text-decoration: ; }
  72.  
  73. ::-webkit-scrollbar-thumb {
  74. background:#trans;
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. width:5px;
  79. background:#fff;
  80. }
  81.  
  82.  
  83. b, strong {color: auto; font-family: auto; font-size: auto; font-weight: 900;}
  84. i, em {color: ; font-family: auto; font-size: auto; font-style: normal; letter-spacing: 2px; font-style: italic; line-height: 0px; }
  85. u { text-decoration: underline; }
  86.  
  87. .text {
  88. position:relative;
  89. width:550px;
  90. min-height:25px;
  91. margin-left: 0px;
  92. padding:0px 0px;
  93. background:#f5f5f5;
  94. overflow:hidden;}
  95.  
  96. .line-1{
  97. position: absolute;
  98. font-color: #fff;
  99. top: 50%;
  100. width: 34em;
  101. margin: 0 auto;
  102. border-right: 2px solid #000;
  103. text-transform: uppercase;
  104. font-size: 9.5px;
  105. text-align: center;
  106. white-space: nowrap;
  107. overflow: hidden;
  108. transform: translateY(-50%);
  109. padding: 10px;
  110. text-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.4), 0 0 150px 50px rgba(155, 155, 155, 0.1);
  111. }
  112.  
  113. /* Animation */
  114. .anim-typewriter{
  115. animation: typewriter 4s steps(44) 1s 1 normal both,
  116. blinkTextCursor 500ms steps(44) infinite normal;
  117. }
  118. @keyframes typewriter{
  119. from{width: 0;}
  120. to{width: 53em;}
  121. }
  122. @keyframes blinkTextCursor{
  123. from{border-right-color: #000;}
  124. to{border-right-color: transparent;}
  125. }
  126.  
  127. #content{
  128. z-index: 000000;
  129. position: fixed;
  130. width: 100px;
  131. height:10px;
  132. margin-left: 100px;
  133. margin-top: -26px;
  134. background-color: #trans;
  135. border: 0px solid #fff;
  136. }
  137.  
  138.  
  139. .container {
  140. overflow:scroll;
  141. overflow-x:hidden;
  142. width:550px;
  143. height:500px;
  144. margin:40px auto;
  145. margin-bottom:0px;
  146. border: 25px solid rgba(255, 255, 255, .4); /*border color & opacity*/
  147. -webkit-background-clip: padding-box;
  148. background-clip: padding-box;
  149. }
  150.  
  151. .title {
  152. padding-top:90px;
  153. font-family: times; /*title font*/
  154. font-size:55px;
  155. text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  156. text-transform: lowercase;
  157. font-style: italic;
  158. }
  159.  
  160. .subheader {
  161. margin-top:20px;
  162. text-transform: uppercase;
  163. font-style: italic;
  164. font-family: times;
  165.  
  166. }
  167.  
  168. .header{
  169. width:550px;
  170. height:200px;
  171. -webkit-transition:ease-in-out .3s;
  172. -moz-transition:ease-in-out .3s;
  173. -o-transition:ease-in-out .3s;
  174. transition:ease-in-out .3s;
  175. text-align:center;
  176. color:#f5f5f5;
  177. letter-spacing:1px;
  178. border-bottom:solid #f5f5f5 20px;
  179. background-color:#;
  180. background-image:url('https://static.tumblr.com/xgi3ye1/Xj8o9myzj/tumblr_o99dotd3ff1v7y34wo5_1280.jpg');
  181. background-position:center;
  182. background-size:100% auto;
  183.  
  184. }
  185.  
  186.  
  187. .header:hover {
  188. background-image:url('https://static.tumblr.com/xgi3ye1/0LOoa31lp/tumblr_o7tdux1ozy1v3u2oho1_r3_500.gif');
  189. background-position:center;
  190. background-size:100% auto;
  191. text-shadow: 0px 0px 30px rgba(255, 255, 255, 0.6);
  192. letter-spacing:3px;
  193.  
  194. }
  195.  
  196. #bw {
  197. -webkit-filter: grayscale(100%);
  198. }
  199.  
  200. /* ---------------------SECTION TITLE CUSTOMIZATION--------------------- */
  201.  
  202. .header2 {
  203. font-family:'Oswald',sans-serif;
  204. font-size:14px;
  205. letter-spacing:1px;
  206. position:relative;
  207. text-transform: uppercase;
  208. font-weight: 900;
  209. z-index:1;
  210. width:500px;
  211. padding:20px 25px;
  212. padding-top:40px;
  213. text-align:center;
  214. background:#f5f5f5;
  215.  
  216. }
  217.  
  218.  
  219. .header2:before {
  220. position:absolute;
  221. z-index:-1;
  222. top:45px;
  223. right:0;
  224. bottom:0;
  225. left:0;
  226. width:95%;
  227. margin:0 auto;
  228. content:'';
  229. border-top:1px solid #dfdfdf;
  230. }
  231.  
  232. .header2 span {
  233. padding:0 15px;
  234. background:#f5f5f5;
  235. }
  236.  
  237. .content {
  238. position:relative;
  239. width:500px;
  240. min-height:75px;
  241. padding:15px 25px;
  242. background:#f5f5f5;
  243. overflow:hidden;
  244.  
  245. }
  246.  
  247.  
  248. /* -----------------------TEXT SELECTION CUSTOMIZATION----------------------- */
  249.  
  250. ::selection {
  251. background: #b2b2b2;
  252. color: #fff;
  253. }
  254.  
  255. ::-moz-selection {
  256. background: #b2b2b2;
  257. color: #fff;
  258. }
  259.  
  260. ::-webkit-selection {
  261. background: #b2b2b2;
  262. color: #fff;
  263. }
  264.  
  265. /*---------------------------DROP CAP CUSTOMIZATION---------------------------*/
  266.  
  267. #dropcap {
  268. padding:10px 3px;
  269. background-color: #000;
  270. color: #fff;
  271. font-size: 230%;
  272. float: left;
  273. margin-right:5px;
  274. font-family:'Oswald' sans-serif;
  275. }
  276.  
  277. /* ----------------------- COLOR PALETTE CSS ------------------------*/
  278. .swatch {
  279. position:relative;
  280. float:left;
  281. width:75px;
  282. height:75px;
  283. margin:10px;
  284. margin-top:-5px;
  285. line-height: 190px;
  286. text-align: center;
  287. background-position:center;
  288. background-size:auto 100%;
  289.  
  290. }
  291.  
  292. /* ----------------------------QUOTE/LYRICS BOX ----------------------*/
  293. .quotebox {
  294. position:relative;
  295. display:inline-block;
  296. width:175px;
  297. height:175px;
  298. margin-left:20px;
  299. padding:20px;
  300. overflow:hidden;
  301. -webkit-transition:ease-in-out .3s;
  302. -moz-transition:ease-in-out .3s;
  303. -o-transition:ease-in-out .3s;
  304. transition:ease-in-out .3s;
  305. background-color:#acacac;
  306. background-image:url('https://static.tumblr.com/xgi3ye1/0xro9mzc8/tumblr_o98omgkylw1vs19qjo6_250.png');
  307. background-position:center;
  308. background-size:auto 100%;
  309. }
  310.  
  311. .quote {
  312. font-family:'Nothing You Could Do',cursive;
  313. /* QUOTE FONT */
  314. font-size:13px;
  315. line-height:130%;
  316. position:absolute;
  317. display:inline-block;
  318. width:175px;
  319. height:175px;
  320. margin-top:-10px;
  321. margin-left:-20px;
  322. padding:20px;
  323. -webkit-transition:ease-in-out 1s;
  324. -moz-transition:ease-in-out 1s;
  325. -o-transition:ease-in-out 1s;
  326. transition:ease-in-out 1s;
  327. text-align:center;
  328. letter-spacing:.5px;
  329. color:#fff;
  330. }
  331.  
  332. /* -------------------THE BOX THATS HOLDS THE MUSIC PLAYER ---------------*/
  333. .musicbox {
  334. position:relative;
  335. display:inline-block;
  336. width:175px;
  337. height:175px;
  338. margin-left:20px;
  339. padding:20px;
  340. -webkit-transition:ease-in-out 1s;
  341. -moz-transition:ease-in-out 1s;
  342. -o-transition:ease-in-out 1s;
  343. transition:ease-in-out 1s;
  344. background-color:#acacac;
  345. background-image:url('https://static.tumblr.com/xgi3ye1/Vqqo9mzhb/tumblr_o98fgol0cj1vnobdlo2_1280.jpg');
  346. background-position:center;
  347. background-size:auto 100%;
  348. }
  349.  
  350. /* ------------------------- BILLY MUSIC PLAYER CSS ------------------ */
  351. .player {
  352. position:absolute;
  353. bottom:20px;
  354. overflow:hidden;
  355. width:175px;
  356. height:20px;
  357. text-align:center;
  358. vertical-align:middle;
  359. background-color:#e1e7e8; /*billy player color*/
  360. }
  361.  
  362. /*---------------------------- NAVIGATION BOX---------------------------------*/
  363. .navscrollbox {
  364. border-top:15px solid #f5f5f5;
  365. padding:15px;
  366. padding-bottom:5px;
  367. width:521px;
  368. height: 80px;
  369. background-image:url(''); /*image for navigation*/
  370. background-position:center;
  371. background-size:100% auto;
  372. -moz-column-count: 3;
  373. -moz-column-gap: 0px;
  374. -webkit-column-count: 0;
  375. -webkit-column-gap: 0px;
  376.  
  377. }
  378. /*----------------------nav sections customization----------------------*/
  379. .navblock {
  380.  
  381. padding-bottom:5px;
  382. margin: 5px;
  383. width: 150px;
  384. display: inline-block;
  385. background-color:rgba(0,0,0,.2);
  386.  
  387. }
  388.  
  389. /*-----------------------nav titles customization-----------------------*/
  390.  
  391. .navcategory {
  392. position: relative;
  393. overflow: hidden;
  394. z-index: 1;
  395. font-size: 8px;
  396. font-family: 'Oswald' sans-serif; /*nav titles font*/
  397. text-align: center;
  398. text-transform: uppercase;
  399. letter-spacing:2px;
  400. color: #fff; /*category text color*/
  401. padding: 6px 5px;
  402. width: 502px;
  403.  
  404. }
  405.  
  406. .navcategory:before, .navcategory:after {
  407. position: absolute;
  408. top: 51%;
  409. overflow: hidden;
  410. width: 50%;
  411. height: 1px;
  412. content: '\a0';
  413. background-color:rgba(255,255,255,.5);
  414. }
  415. .navcategory:before {
  416. margin-left: -50%;
  417. text-align: right;
  418. }
  419.  
  420. /*--------------------------nav link customization--------------------------*/
  421.  
  422. .navlink{
  423. text-align: center;
  424. margin-top: 4px;
  425. background-color: #000; /**link background color**/
  426. color: #fff;/**link text color**/
  427. padding: 3px;
  428. padding-left:5px;
  429. width: 502px;
  430. -webkit-transition:ease-in-out .5s;
  431. -moz-transition:ease-in-out .5s;
  432. -o-transition:ease-in-out .5s;
  433. transition:ease-in-out .5s;
  434. }
  435.  
  436. .navlink:hover{
  437. background-color:rgba(0,0,0,.7); /**link hover background color**/
  438. color: #fff;/**link hover text color**/
  439. }
  440.  
  441.  
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!