Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* === css reset === */
- 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 {
- margin:0;
- padding:0;
- border:0;
- font-size:100%;
- font-weight:normal;
- vertical-align:baseline;
- background:transparent;
- max-height:999999px;
- }
- @media screen and (max-device-width: 480px) {
- body {
- -webkit-text-size-adjust:none;
- }
- }
- /* === nav bar === */
- .Nav {
- position:fixed;
- display:block;
- width:1000px;
- top:0;
- vertical-align:top;
- z-index:9999;
- /* background-color:#FBFAF7; */
- /* background-color:#B9D5CC; */
- background-color:RGBA(255,255,255,0.9);
- /* background-image: url(http://[YOUR BACKGROUND FILE FOR THE NAV BAR]); */
- /* opacity:0.9; */
- }
- .Nav ul {
- position:absolute;
- white-space:nowrap;
- left:-99999em;
- padding:0;
- z-index:1;
- background-color:RGBA(255,255,255,0.9);
- /* background-image: url(http://[YOUR BACKGROUND FILE FOR THE DROPDOWN MENUS]); */
- }
- Nav {
- display:block;
- text-align:center;
- }
- Nav ul {
- margin:0;
- padding:0;
- list-style:none;
- }
- .Nav > li > a {
- text-decoration:none;
- color:#000000;
- /* color:#DC8793; */
- /* font-size:1rem; */
- font-size:1.125rem;
- font-style:normal;
- /* padding:0.5rem 1.5rem; */
- /* padding:0.5rem 1.4rem; */
- /* padding:0.5rem 1.3rem; */
- padding:.5rem 1.2rem;
- background:transparent;
- }
- .Nav li a:hover {
- /* color: #FFFFFF; */
- color:#FF0000;
- /* background-color: #D8DAFA; */
- }
- .Nav a {
- display:block;
- background:transparent;
- color:#000000;
- /* color:#DC8793; */
- /* color:#589B84 */
- text-decoration:none;
- padding:.5em;
- font-style:normal;
- font-size:.75rem;
- /* letter-spacing:.12rem; */
- letter-spacing:.075rem;
- }
- .Nav li {
- position:relative;
- list-style-type:none;
- }
- .Nav > li {
- float:left;
- list-style-type:none;
- }
- .Nav > li:first-child {
- }
- .Nav > li:first-child>a {
- }
- .Nav > li:last-child {
- margin-right:0;
- }
- .Nav > li:last-child >a {
- }
- .Nav li li a {
- font-size:.875rem;
- }
- .Nav li a:first-child:nth-last-child(2):before {
- content:"";
- position:absolute;
- height:0;
- width:0;
- top:50%;
- right:10%;
- }
- .Nav > li:hover > ul {
- left:auto;
- padding-top:0;
- min-width:100%;
- }
- .Nav li li a:hover {
- /* color: #FF0000; */
- /* background-color: #FFFFFF; */
- }
- .Nav > li li:hover > ul {
- left:100%;
- top:-4px;
- }
- /* === hide mfc elements ===*/
- #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) {
- display:none;
- }
- #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 {
- display:none;
- }
- #profile_comments,#profile_schedule {
- display:none;
- }
- #profile_friends {
- /* display:none; */
- }
- #avatar_holder {
- display:none;
- }
- #profile_avatar {
- display:none;
- }
- .label {
- letter-spacing:0;
- }
- :focus {
- outline:none;
- }
- .content {
- padding:5px;
- }
- .container {
- width:1000px;
- margin:0 auto;
- display:block;
- }
- .container1 {
- float:left;
- width:100%;
- height:980px;
- overflow-y:scroll;
- }
- .container2 {
- float:left;
- width:100%;
- height:805px;
- overflow-y:scroll;
- }
- .container3 {
- width:100%;
- margin:0 auto;
- display:block;
- text-align:center;
- }
- .img500 {
- float:left;
- width:500px;
- display:inline-block;
- }
- .img800 {
- width:800px;
- display:inline-block;
- }
- .img1000 {
- /* float:left; */
- width:1000px;
- /* display:inline-block; */
- display:block;
- }
- .img200 {
- float:left;
- width:200px;
- display:inline-block;
- }
- .img250 {
- float:left;
- width:250px;
- display:inline-block;
- }
- .imgother {
- float:left;
- display:inline-block;
- }
- .imgcenter {
- display:inline-block;
- }
- .bottom-pad {
- padding-bottom:13px;
- }
- .bottom-pad25 {
- padding-bottom:25px;
- }
- .bottom-pad40 {
- padding-bottom:40px;
- }
- .banner {
- /* position:relative; */
- /* top:23px; */
- margin-top:23px;
- }
- /* === VIDEO HOVER TEXT === */
- .hover_text {
- /* width:320px; */
- /* height:210px; */
- /* margin:5px 0 0 5px; */
- /* float:left; */
- border:none;
- overflow:hidden;
- position:relative;
- text-align:center;
- background:transparent;
- z-index:998;
- /* clear: both; */
- }
- .hover_text .mask,.view {
- /* width:320px; */
- /* height:180px; */
- position:absolute;
- /* overflow:hidden; */
- top:0;
- left:0;
- right:0;
- /* border-radius:20px; */
- width:500px;
- margin:0 auto;
- height:calc(100% - 3px);
- width:100%;
- display:inline-block;
- }
- .hover_text img {
- /* display:block; */
- display:inline-block;
- position:relative;
- /* border-radius:20px; */
- }
- .hover_text p {
- position:relative;
- /* bottom:5px; */
- top:30px;
- line-height:1.15rem;
- /* font-size:1rem; */
- /* font-size:1.25rem; */
- /* font-size:1.5rem; */
- font-size:1.75rem;
- color:#FFFFFF;
- /* color:#000000; */
- padding:5px;
- text-align:center;
- /* font-weight:500; */
- font-weight:400;
- text-shadow:.5px .5px .5px black;
- }
- .hover_text a {
- text-decoration:none;
- /* position:relative; */
- position:absolute;
- /* width:318px; */
- /* width:319px; */
- top:130.5px;
- top:43.36%;
- left:84.5px;
- left:calc((100% - 331px)/2);
- /* padding: 3px 6px; */
- padding:3px 6px 4px;
- /* background:#13459E; */
- /* background:#CC0000; */
- /* background:#000000; */
- background-color:rgba(255,182,193,0.8);
- /* color:#FFFF00; */
- /* color:#FFFFFF; */
- color:#000000;
- /* font-size:.98rem; */
- /* font-size:1rem; */
- /* font-size: 1.5rem; */
- font-size:1.75rem;
- /* font-weight:400; */
- /* font-weight:600; */
- font-weight:500;
- text-align:center;
- /* text-transform:uppercase; */
- /* box-shadow:0 0 1px #FFFFFF; */
- /* box-shadow:0 0 0 #FFFFFF; */
- border-radius:5px;
- }
- .hover_text img {
- transition:all .2s linear;
- }
- .hover_text .mask {
- opacity:0;
- /* background-color:rgba(138,135,135,0.7); */
- background-color:rgba(0,0,0,0.5);
- /* background-color:RGBA(249,221,217,0.7); */
- /* border-radius:2px; */
- /* border-radius:20px; */
- transition:all .4s ease-in-out;
- }
- .hover_text p {
- transform:translateY(100px);
- opacity:0;
- transition:all .2s linear;
- }
- .hover_text a:hover {
- /* background:#298A08; */
- background:#FFFF00;
- color:#000000;
- }
- .hover_text:hover img {
- /* transform:scale(1.25); */
- }
- .hover_text:hover .mask {
- opacity:1;
- }
- .hover_text:hover h2,.hover_text:hover p,.hover_text:hover a {
- opacity:1;
- transform:translateY(0px);
- }
- /* === END VIDEO HOVER TEXT === */
- a:link,a:active,a:hover {
- }
- a:visited {
- }
- body {
- background-color:#FFFFFF;
- color:#000000;
- /* font-family:'Verdana'; */
- font-family:'Raleway';
- font-weight:normal;
- font-style:normal;
- font-size:12px;
- }
- /* === mfc sections === */
- #fixed_background {
- display:block;
- background-position:top center;
- background-attachment:fixed;
- background-repeat:no-repeat;
- background-size:cover;
- background-image:url(http://[URL TO YOUR BACKGROUND IMAGE]);
- }
- #profile {
- width:1000px;
- margin:0 auto;
- /* margin-top:35px; */
- margin-bottom:0;
- }
- #profile_main_about_holder {
- margin-top:37px;
- }
- .profile_section {
- display:block;
- /* margin:10px auto; */
- margin:0 auto;
- width:1000px;
- border-spacing:0;
- }
- #profile_about_me_friends {
- display:block;
- margin:0 auto;
- width:1000px;
- border-spacing:0;
- }
- #profile_about_me_friends .profile_section_content {
- width:1000px;
- margin:0;
- padding:0;
- visibility:hidden;
- }
- #profile_about_me_friends .profile_section_content .profile_subsection,#profile_about_me_friends .profile_section_content .profile_section_background {
- visibility:visible;
- margin:0;
- padding:0;
- }
- .profile_section_content {
- width:1000px;
- color:#000000;
- background-color:#FFFFFF;
- border:0 none #FFFFFF;
- /* padding:5px; */
- padding:5px 0;
- /* margin:5px 0; */
- /* margin:5px; */
- margin:0 auto;
- z-index:auto;
- z-index:unset;
- /* -webkit-border-radius:5px; */
- /* -moz-border-radius:5px; */
- /* border-radius:5px; */
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- -webkit-box-shadow:0 0 0 #FFFFFF;
- -moz-box-shadow:0 0 0 #FFFFFF;
- box-shadow:0 0 0 #FFFFFF;
- }
- .profile_section_background {
- width:1000px;
- margin:0 auto;
- background-color:transparent;
- z-index:-9999;
- }
- .profile_section_content .heading {
- /* padding:5px; */
- padding:0;
- padding-top:10px;
- margin-top:25px;
- background-color:#FFFFFF;
- /* color:#FFFFFF; */
- color:#000000;
- /* font-family:'Verdana'; */
- /* font-weight:normal; */
- /* font-weight:700; */
- /* font-weight:500; */
- font-weight:400;
- font-style:normal;
- /* font-size:14px; */
- /* font-size:2em; */
- font-size:2rem;
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- -webkit-box-shadow:0 0 0 #FFFFFF;
- -moz-box-shadow:0 0 0 #FFFFFF;
- box-shadow:0 0 0 #FFFFFF;
- -webkit-text-shadow:0 0 0 #FFFFFF;
- -moz-text-shadow:0 0 0 #FFFFFF;
- text-shadow:0 0 0 #FFFFFF;
- }
- #profile_photo_galleries,#profile_password_photo_galleries,#profile_comments {
- display:block;
- width:1000px;
- margin:0 auto;
- }
- #profile_photo_galleries .profile_section_content {
- width:1000px;
- margin:0 auto;
- }
- #profile_password_photo_galleries .profile_section_content {
- width:1000px;
- margin:0 auto;
- }
- .img_radius_shadow {
- -webkit-border-radius:0;
- -moz-border-radius:0;
- border-radius:0;
- -webkit-box-shadow:0 0 0 #FFFFFF;
- -moz-box-shadow:0 0 0 #FFFFFF;
- box-shadow:0 0 0 #FFFFFF;
- }
- .wall_post {
- padding-left:10px;
- }
- .images {
- /* padding:0 10px; */
- padding:0 9px;
- }
- .photo_gallery_image {
- padding:7.375px;
- }
- /* === end mfc sections === */
- .clearfix:after {
- content:"";
- display:block;
- clear:both;
- }
- .clear:after {
- content:"";
- display:block;
- clear:both;
- }
- .clear-before:before {
- content:"";
- display:block;
- clear:both;
- }
- #links {
- display:inline-block;
- }
- #links > .social_wrapper {
- position:relative;
- display:block;
- float:left;
- width:166px;
- height:166px;
- }
- #links > .social_wrapper > a {
- height:166px;
- width:166px;
- display:block;
- }
- .social_wrapper img {
- position:absolute;
- top:0;
- left:0;
- }
- #twitter_icon img {
- position:absolute;
- width:166px;
- height:166px;
- clip:rect(5px,161px,160px,5px);
- }
- /* === fonts === */
- @font-face {
- font-family:'Raleway';
- font-style:normal;
- font-weight:300;
- src:url(https://fonts.gstatic.com/s/raleway/v11/-_Ctzj9b56b8RgXW8FArib3hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway Light'),local(Raleway-Light);
- }
- @font-face {
- font-family:'Raleway';
- font-style:normal;
- font-weight:400;
- src:url(https://fonts.gstatic.com/s/raleway/v11/cIFypx4yrWPDz3zOxk7hIQLUuEpTyoUstqEm5AMlJo4.woff) format("woff"),local(Raleway),local(Raleway-Regular);
- }
- @font-face {
- font-family:'Raleway';
- font-style:normal;
- font-weight:500;
- src:url(https://fonts.gstatic.com/s/raleway/v11/CcKI4k9un7TZVWzRVT-T873hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway Medium'),local(Raleway-Medium);
- }
- @font-face {
- font-family:'Raleway';
- font-style:normal;
- font-weight:600;
- src:url(https://fonts.gstatic.com/s/raleway/v11/xkvoNo9fC8O2RDydKj12b73hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway SemiBold'),local(Raleway-SemiBold);
- }
- @font-face {
- font-family:'Raleway';
- font-style:normal;
- font-weight:700;
- src:url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI73hpw3pgy2gAi-Ip7WPMi0.woff) format("woff"),local('Raleway Bold'),local(Raleway-Bold);
- }
- /*
- @font-face {
- font-family: 'Comfortaa';
- font-style: normal;
- font-weight: 400;
- src: url(https://fonts.gstatic.com/s/comfortaa/v7/qLBu5CQmSMt1H43OiWJ77bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'), local('Comfortaa'), local('Comfortaa-Regular');
- }
- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement