Advertisement
Guest User

Untitled

a guest
Mar 8th, 2018
986
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.40 KB | None | 0 0
  1. /* === css reset === */
  2. html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary {
  3. margin:0;
  4. padding:0;
  5. border:0;
  6. font-size:100%;
  7. font-weight:normal;
  8. vertical-align:baseline;
  9. background:transparent;
  10. max-height:999999px;
  11. }
  12.  
  13. @media screen and (max-device-width: 480px) {
  14. body {
  15. -webkit-text-size-adjust:none;
  16. }
  17. }
  18.  
  19. /* === nav bar === */
  20. .Nav {
  21. position:fixed;
  22. display:block;
  23. width:1000px;
  24. top:0;
  25. vertical-align:top;
  26. z-index:9999;
  27. /* background-color:#FBFAF7; */
  28. /* background-color:#B9D5CC; */
  29. background-color:RGBA(255,255,255,0.9);
  30. /* background-image: url(http://[YOUR BACKGROUND FILE FOR THE NAV BAR]); */
  31. /* opacity:0.9; */
  32. }
  33.  
  34. .Nav ul {
  35. position:absolute;
  36. white-space:nowrap;
  37. left:-99999em;
  38. padding:0;
  39. z-index:1;
  40. background-color:RGBA(255,255,255,0.9);
  41. /* background-image: url(http://[YOUR BACKGROUND FILE FOR THE DROPDOWN MENUS]); */
  42. }
  43.  
  44. Nav {
  45. display:block;
  46. text-align:center;
  47. }
  48.  
  49. Nav ul {
  50. margin:0;
  51. padding:0;
  52. list-style:none;
  53. }
  54.  
  55. .Nav > li > a {
  56. text-decoration:none;
  57. color:#000000;
  58. /* color:#DC8793; */
  59. /* font-size:1rem; */
  60. font-size:1.125rem;
  61. font-style:normal;
  62. /* padding:0.5rem 1.5rem; */
  63. /* padding:0.5rem 1.4rem; */
  64. /* padding:0.5rem 1.3rem; */
  65. padding:.5rem 1.2rem;
  66. background:transparent;
  67. }
  68.  
  69. .Nav li a:hover {
  70. /* color: #FFFFFF; */
  71. color:#FF0000;
  72. /* background-color: #D8DAFA; */
  73. }
  74.  
  75. .Nav a {
  76. display:block;
  77. background:transparent;
  78. color:#000000;
  79. /* color:#DC8793; */
  80. /* color:#589B84 */
  81. text-decoration:none;
  82. padding:.5em;
  83. font-style:normal;
  84. font-size:.75rem;
  85. /* letter-spacing:.12rem; */
  86. letter-spacing:.075rem;
  87. }
  88.  
  89. .Nav li {
  90. position:relative;
  91. list-style-type:none;
  92. }
  93.  
  94. .Nav > li {
  95. float:left;
  96. list-style-type:none;
  97. }
  98.  
  99. .Nav > li:first-child {
  100. }
  101.  
  102. .Nav > li:first-child>a {
  103. }
  104.  
  105. .Nav > li:last-child {
  106. margin-right:0;
  107. }
  108.  
  109. .Nav > li:last-child >a {
  110. }
  111.  
  112. .Nav li li a {
  113. font-size:.875rem;
  114. }
  115.  
  116. .Nav li a:first-child:nth-last-child(2):before {
  117. content:"";
  118. position:absolute;
  119. height:0;
  120. width:0;
  121. top:50%;
  122. right:10%;
  123. }
  124.  
  125. .Nav > li:hover > ul {
  126. left:auto;
  127. padding-top:0;
  128. min-width:100%;
  129. }
  130.  
  131. .Nav li li a:hover {
  132. /* color: #FF0000; */
  133. /* background-color: #FFFFFF; */
  134. }
  135.  
  136. .Nav > li li:hover > ul {
  137. left:100%;
  138. top:-4px;
  139. }
  140.  
  141. /* === hide mfc elements ===*/
  142. #header_bar,#footer_bar,#about_me_label,#profile_main_photo,#profile_header_container,#profile_header,#tags_label,#tags_value,#profile_main_photo,#profile_about_me > div:nth-child(1) {
  143. display:none;
  144. }
  145.  
  146. #profile_avatar,#username_container,#cam_score_container,#gender_container,#ethnicity_container,#age_container,#country_container,#tags_container,#city_container,#sexual_preference_container,#body_type_container,#hair_container,#eyes_container,#weight_container,#height_container,#smoke_container,#drink_container,#drugs_container,#marital_status_container,#occupation_container,#school_container,#favorite_food_container,#pets_container,#automobile_container,#profile_interests_content {
  147. display:none;
  148. }
  149.  
  150. #profile_comments,#profile_schedule {
  151. display:none;
  152. }
  153.  
  154. #profile_friends {
  155. /* display:none; */
  156. }
  157.  
  158. #avatar_holder {
  159. display:none;
  160. }
  161.  
  162. #profile_avatar {
  163. display:none;
  164. }
  165.  
  166. .label {
  167. letter-spacing:0;
  168. }
  169.  
  170. :focus {
  171. outline:none;
  172. }
  173.  
  174. .content {
  175. padding:5px;
  176. }
  177.  
  178. .container {
  179. width:1000px;
  180. margin:0 auto;
  181. display:block;
  182. }
  183.  
  184. .container1 {
  185. float:left;
  186. width:100%;
  187. height:980px;
  188. overflow-y:scroll;
  189. }
  190.  
  191. .container2 {
  192. float:left;
  193. width:100%;
  194. height:805px;
  195. overflow-y:scroll;
  196. }
  197.  
  198. .container3 {
  199. width:100%;
  200. margin:0 auto;
  201. display:block;
  202. text-align:center;
  203. }
  204.  
  205. .img500 {
  206. float:left;
  207. width:500px;
  208. display:inline-block;
  209. }
  210.  
  211. .img800 {
  212. width:800px;
  213. display:inline-block;
  214. }
  215.  
  216. .img1000 {
  217. /* float:left; */
  218. width:1000px;
  219. /* display:inline-block; */
  220. display:block;
  221. }
  222.  
  223. .img200 {
  224. float:left;
  225. width:200px;
  226. display:inline-block;
  227. }
  228.  
  229. .img250 {
  230. float:left;
  231. width:250px;
  232. display:inline-block;
  233. }
  234.  
  235. .imgother {
  236. float:left;
  237. display:inline-block;
  238. }
  239.  
  240. .imgcenter {
  241. display:inline-block;
  242. }
  243.  
  244. .bottom-pad {
  245. padding-bottom:13px;
  246. }
  247.  
  248. .bottom-pad25 {
  249. padding-bottom:25px;
  250. }
  251.  
  252. .bottom-pad40 {
  253. padding-bottom:40px;
  254. }
  255.  
  256. .banner {
  257. /* position:relative; */
  258. /* top:23px; */
  259. margin-top:23px;
  260. }
  261.  
  262. /* === VIDEO HOVER TEXT === */
  263. .hover_text {
  264. /* width:320px; */
  265. /* height:210px; */
  266. /* margin:5px 0 0 5px; */
  267. /* float:left; */
  268. border:none;
  269. overflow:hidden;
  270. position:relative;
  271. text-align:center;
  272. background:transparent;
  273. z-index:998;
  274. /* clear: both; */
  275. }
  276.  
  277. .hover_text .mask,.view {
  278. /* width:320px; */
  279. /* height:180px; */
  280. position:absolute;
  281. /* overflow:hidden; */
  282. top:0;
  283. left:0;
  284. right:0;
  285. /* border-radius:20px; */
  286. width:500px;
  287. margin:0 auto;
  288. height:calc(100% - 3px);
  289. width:100%;
  290. display:inline-block;
  291. }
  292.  
  293. .hover_text img {
  294. /* display:block; */
  295. display:inline-block;
  296. position:relative;
  297. /* border-radius:20px; */
  298. }
  299.  
  300. .hover_text p {
  301. position:relative;
  302. /* bottom:5px; */
  303. top:30px;
  304. line-height:1.15rem;
  305. /* font-size:1rem; */
  306. /* font-size:1.25rem; */
  307. /* font-size:1.5rem; */
  308. font-size:1.75rem;
  309. color:#FFFFFF;
  310. /* color:#000000; */
  311. padding:5px;
  312. text-align:center;
  313. /* font-weight:500; */
  314. font-weight:400;
  315. text-shadow:.5px .5px .5px black;
  316. }
  317.  
  318. .hover_text a {
  319. text-decoration:none;
  320. /* position:relative; */
  321. position:absolute;
  322. /* width:318px; */
  323. /* width:319px; */
  324. top:130.5px;
  325. top:43.36%;
  326. left:84.5px;
  327. left:calc((100% - 331px)/2);
  328. /* padding: 3px 6px; */
  329. padding:3px 6px 4px;
  330. /* background:#13459E; */
  331. /* background:#CC0000; */
  332. /* background:#000000; */
  333. background-color:rgba(255,182,193,0.8);
  334. /* color:#FFFF00; */
  335. /* color:#FFFFFF; */
  336. color:#000000;
  337. /* font-size:.98rem; */
  338. /* font-size:1rem; */
  339. /* font-size: 1.5rem; */
  340. font-size:1.75rem;
  341. /* font-weight:400; */
  342. /* font-weight:600; */
  343. font-weight:500;
  344. text-align:center;
  345. /* text-transform:uppercase; */
  346. /* box-shadow:0 0 1px #FFFFFF; */
  347. /* box-shadow:0 0 0 #FFFFFF; */
  348. border-radius:5px;
  349. }
  350.  
  351. .hover_text img {
  352. transition:all .2s linear;
  353. }
  354.  
  355. .hover_text .mask {
  356. opacity:0;
  357. /* background-color:rgba(138,135,135,0.7); */
  358. background-color:rgba(0,0,0,0.5);
  359. /* background-color:RGBA(249,221,217,0.7); */
  360. /* border-radius:2px; */
  361. /* border-radius:20px; */
  362. transition:all .4s ease-in-out;
  363. }
  364.  
  365. .hover_text p {
  366. transform:translateY(100px);
  367. opacity:0;
  368. transition:all .2s linear;
  369. }
  370.  
  371. .hover_text a:hover {
  372. /* background:#298A08; */
  373. background:#FFFF00;
  374. color:#000000;
  375. }
  376.  
  377. .hover_text:hover img {
  378. /* transform:scale(1.25); */
  379. }
  380.  
  381. .hover_text:hover .mask {
  382. opacity:1;
  383. }
  384.  
  385. .hover_text:hover h2,.hover_text:hover p,.hover_text:hover a {
  386. opacity:1;
  387. transform:translateY(0px);
  388. }
  389.  
  390. /* === END VIDEO HOVER TEXT === */
  391. a:link,a:active,a:hover {
  392. }
  393.  
  394. a:visited {
  395. }
  396.  
  397. body {
  398. background-color:#FFFFFF;
  399. color:#000000;
  400. /* font-family:'Verdana'; */
  401. font-family:'Raleway';
  402. font-weight:normal;
  403. font-style:normal;
  404. font-size:12px;
  405. }
  406.  
  407. /* === mfc sections === */
  408. #fixed_background {
  409. display:block;
  410. background-position:top center;
  411. background-attachment:fixed;
  412. background-repeat:no-repeat;
  413. background-size:cover;
  414. background-image:url(http://[URL TO YOUR BACKGROUND IMAGE]);
  415. }
  416.  
  417. #profile {
  418. width:1000px;
  419. margin:0 auto;
  420. /* margin-top:35px; */
  421. margin-bottom:0;
  422. }
  423.  
  424. #profile_main_about_holder {
  425. margin-top:37px;
  426. }
  427.  
  428. .profile_section {
  429. display:block;
  430. /* margin:10px auto; */
  431. margin:0 auto;
  432. width:1000px;
  433. border-spacing:0;
  434. }
  435.  
  436. #profile_about_me_friends {
  437. display:block;
  438. margin:0 auto;
  439. width:1000px;
  440. border-spacing:0;
  441. }
  442.  
  443. #profile_about_me_friends .profile_section_content {
  444. width:1000px;
  445. margin:0;
  446. padding:0;
  447. visibility:hidden;
  448. }
  449.  
  450. #profile_about_me_friends .profile_section_content .profile_subsection,#profile_about_me_friends .profile_section_content .profile_section_background {
  451. visibility:visible;
  452. margin:0;
  453. padding:0;
  454. }
  455.  
  456. .profile_section_content {
  457. width:1000px;
  458. color:#000000;
  459. background-color:#FFFFFF;
  460. border:0 none #FFFFFF;
  461. /* padding:5px; */
  462. padding:5px 0;
  463. /* margin:5px 0; */
  464. /* margin:5px; */
  465. margin:0 auto;
  466. z-index:auto;
  467. z-index:unset;
  468. /* -webkit-border-radius:5px; */
  469. /* -moz-border-radius:5px; */
  470. /* border-radius:5px; */
  471. -webkit-border-radius:0;
  472. -moz-border-radius:0;
  473. border-radius:0;
  474. -webkit-box-shadow:0 0 0 #FFFFFF;
  475. -moz-box-shadow:0 0 0 #FFFFFF;
  476. box-shadow:0 0 0 #FFFFFF;
  477. }
  478.  
  479. .profile_section_background {
  480. width:1000px;
  481. margin:0 auto;
  482. background-color:transparent;
  483. z-index:-9999;
  484. }
  485.  
  486. .profile_section_content .heading {
  487. /* padding:5px; */
  488. padding:0;
  489. padding-top:10px;
  490. margin-top:25px;
  491. background-color:#FFFFFF;
  492. /* color:#FFFFFF; */
  493. color:#000000;
  494. /* font-family:'Verdana'; */
  495. /* font-weight:normal; */
  496. /* font-weight:700; */
  497. /* font-weight:500; */
  498. font-weight:400;
  499. font-style:normal;
  500. /* font-size:14px; */
  501. /* font-size:2em; */
  502. font-size:2rem;
  503. -webkit-border-radius:0;
  504. -moz-border-radius:0;
  505. border-radius:0;
  506. -webkit-box-shadow:0 0 0 #FFFFFF;
  507. -moz-box-shadow:0 0 0 #FFFFFF;
  508. box-shadow:0 0 0 #FFFFFF;
  509. -webkit-text-shadow:0 0 0 #FFFFFF;
  510. -moz-text-shadow:0 0 0 #FFFFFF;
  511. text-shadow:0 0 0 #FFFFFF;
  512. }
  513.  
  514. #profile_photo_galleries,#profile_password_photo_galleries,#profile_comments {
  515. display:block;
  516. width:1000px;
  517. margin:0 auto;
  518. }
  519.  
  520. #profile_photo_galleries .profile_section_content {
  521. width:1000px;
  522. margin:0 auto;
  523. }
  524.  
  525. #profile_password_photo_galleries .profile_section_content {
  526. width:1000px;
  527. margin:0 auto;
  528. }
  529.  
  530. .img_radius_shadow {
  531. -webkit-border-radius:0;
  532. -moz-border-radius:0;
  533. border-radius:0;
  534. -webkit-box-shadow:0 0 0 #FFFFFF;
  535. -moz-box-shadow:0 0 0 #FFFFFF;
  536. box-shadow:0 0 0 #FFFFFF;
  537. }
  538.  
  539. .wall_post {
  540. padding-left:10px;
  541. }
  542.  
  543. .images {
  544. /* padding:0 10px; */
  545. padding:0 9px;
  546. }
  547.  
  548. .photo_gallery_image {
  549. padding:7.375px;
  550. }
  551.  
  552. /* === end mfc sections === */
  553. .clearfix:after {
  554. content:"";
  555. display:block;
  556. clear:both;
  557. }
  558.  
  559. .clear:after {
  560. content:"";
  561. display:block;
  562. clear:both;
  563. }
  564.  
  565. .clear-before:before {
  566. content:"";
  567. display:block;
  568. clear:both;
  569. }
  570.  
  571. #links {
  572. display:inline-block;
  573. }
  574.  
  575. #links > .social_wrapper {
  576. position:relative;
  577. display:block;
  578. float:left;
  579. width:166px;
  580. height:166px;
  581. }
  582.  
  583. #links > .social_wrapper > a {
  584. height:166px;
  585. width:166px;
  586. display:block;
  587. }
  588.  
  589. .social_wrapper img {
  590. position:absolute;
  591. top:0;
  592. left:0;
  593. }
  594.  
  595. #twitter_icon img {
  596. position:absolute;
  597. width:166px;
  598. height:166px;
  599. clip:rect(5px,161px,160px,5px);
  600. }
  601.  
  602. /* === fonts === */
  603. @font-face {
  604. font-family:'Raleway';
  605. font-style:normal;
  606. font-weight:300;
  607. src:url(https://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FArib3hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway Light'),local(Raleway-Light);
  608. }
  609.  
  610. @font-face {
  611. font-family:'Raleway';
  612. font-style:normal;
  613. font-weight:400;
  614. src:url(https://fonts.gstatic.com/s/raleway/v11/cIFypx4yrWPDz3zOxk7hIQLUuEpTyoUstqEm5AMlJo4.woff) format("woff"),local(Raleway),local(Raleway-Regular);
  615. }
  616.  
  617. @font-face {
  618. font-family:'Raleway';
  619. font-style:normal;
  620. font-weight:500;
  621. src:url(https://fonts.gstatic.com/s/raleway/v11/CcKI4k9un7TZVWzRVT-T873hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway Medium'),local(Raleway-Medium);
  622. }
  623.  
  624. @font-face {
  625. font-family:'Raleway';
  626. font-style:normal;
  627. font-weight:600;
  628. src:url(https://fonts.gstatic.com/s/raleway/v11/xkvoNo9fC8O2RDydKj12b73hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway SemiBold'),local(Raleway-SemiBold);
  629. }
  630.  
  631. @font-face {
  632. font-family:'Raleway';
  633. font-style:normal;
  634. font-weight:700;
  635. src:url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI73hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway Bold'),local(Raleway-Bold);
  636. }
  637.  
  638. /*
  639. @font-face {
  640. font-family: 'Comfortaa';
  641. font-style: normal;
  642. font-weight: 400;
  643. src: url(https://fonts.gstatic.com/s/comfortaa/v7/qLBu5CQmSMt1H43OiWJ77bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'), local('Comfortaa'), local('Comfortaa-Regular');
  644. }
  645. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement