Skip to content

Instantly share code, notes, and snippets.

@dxb
Created April 3, 2013 10:01
Show Gist options
  • Save dxb/5299930 to your computer and use it in GitHub Desktop.
Save dxb/5299930 to your computer and use it in GitHub Desktop.
deminify css
sed -ri 's/}/}\n/g' commons_m1b.css
@almamunhira
Copy link

/=====================================================Template Name: Paul Lapkin : A Portfolio Website Template URI: Description: An Awesome Portfolio Website Author: Almamun Hira Author URI: almamun.me Support: hiraalmamun@gmail.com Version: 1.0=====================================================//===================================================CSS INDEX=========1.COMMON CSS 2.HERO 3.ABOUT 4.PROCESS 5.EXPERIENCE 6.PORTFOLIO 7.TESTIMONIAL 8.CONTACT 9.FOOTER=====================================================//===================================================1.COMMON CSS=====================================================/@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap');*{margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}html,body{background: #fff; color:#000; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 10px; text-rendering: optimizeLegibility; line-height: 1.5; letter-spacing:1px;}a, a:hover{text-decoration: none; color:#fff;}ul li{list-style: none;}h1,h2,h3,h4{font-family: 'Raleway', sans-serif; margin-top:0;}h1{font-weight: 500; font-size: 650%; text-transform: uppercase; letter-spacing: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; color:#fff;}h2{font-weight: 700; font-size: 400%; color:#000;}h3{color:#fff; font-size: 260%; text-transform: uppercase; margin-bottom: 35px;}h4{font-weight:700; font-size: 160%; color: #fff;}/====REUSEABLE COMPUNENT===========/.row{max-width:1180px; margin:auto;}section{padding:80px 0;}.btn:link,.btn:visited,.btn{width:200px; background: #ff2b4a; border:2px solid #ff2b4a; display: block; text-align: center; color:#fff; padding:10px 0; font-size: 260%; font-weight: 500; letter-spacing: 1px; -webkit-transition:0.5s; transition:0.5s; cursor:pointer;}.btn:hover,.btn:active{background:transparent; color:#ff2b4a; letter-spacing: 4px;}.section-title{text-align: center; margin-bottom: 50px;}.section-title p{font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 160%; color:#6f6f6f; margin-top: 25px;}/===================================================2.HERO=====================================================/#hero{background:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.4)) ,to(rgba(0,0, 0, 0.4))),url(img/hero.jpg) no-repeat center / cover; background:linear-gradient(to left, rgba(0, 0, 0, 0.4) ,rgba(0,0, 0, 0.4)),url(img/hero.jpg) no-repeat center / cover; height:90vh;}.logo{float: left; width:37px; height: 47px; margin-top: 90px;}.nav-icon{float: right; color:#fff; margin-top:90px;}.nav-icon ion-icon{font-size: 450%; border:1px solid #fff;}.uk-sticky-fixed{background: rgba(0,0,0,0.8);}.uk-sticky-fixed .logo,.uk-sticky-fixed .nav-icon{margin:25px 0;}.hero-text-box{position: absolute; width:1180px; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color:#fff; text-align: center;}h1:before{content: ''; display:block; width:70%; height: 3px; background: rgba(255, 255, 255, 0.7); -webkit-transform: translate(-10px); transform: translate(-10px);}h1:after{content: ''; display:block; width:70%; height: 3px; background: rgba(255, 255, 255, 0.7); -webkit-transform: translate(-10px); transform: translate(-10px);}.hero-text-box span{font-size: 280%; display: block; margin-top: 25px; padding: 0;}.next-section-icon{position: absolute; left: 0; right: 0; bottom: 85px; margin: auto; width: 60px; height: 80px; border:2px solid #fff; border-radius: 10px;}.next-section-icon a ion-icon{font-size: 400%; color:#fff; position: absolute; top:0; left: 0; right: 0; margin:auto; -webkit-animation: 3s section-down infinite; animation: 3s section-down infinite;}@-webkit-keyframes section-down{0%{top:-10px}100%{top:55%}}@Keyframes section-down{0%{top:-10px}100%{top:55%}}/********************************** HUMBERGER MENU /.closemenu{position: fixed; left: 0; top: 0; background: rgba(0,0,0,.95); width:0%; height: 100vh; z-index: 999; overflow: hidden; -webkit-transition:.3s; transition:.3s;}.closemenu ion-icon{position: absolute; cursor: pointer; right: 209px; top:81px; font-size: 400%; color:#fff; border:2px solid #fff;}.closemenu .menubar{position: relative; top:50%; left: 50%; width: 230px; height: 700px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top:10vh;}.closemenu .menubar li{text-align: center;}.closemenu .menubar li:hover a{color:#ff2b4a; font-size: 280%;}.closemenu .menubar li a{font-size: 250%; text-transform: uppercase; margin: 20px; display: inline-block; -webkit-transition: .05s; transition: .05s;}/===================================================3.ABOUT=====================================================/.grid-about-container{display: grid; grid-template-columns: 1fr 2fr; grid-gap: 80px;}.paul-photo{width:100%; height: 415px; -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}.intro{font-weight: 700; font-size: 180%; color:rgba(0,0,0,0.5);}#about .description{font-size: 160%; color:rgba(0,0,0,0.5); line-height: 30px; margin-top: 45px; margin-bottom: 70px;}/===================================================4.PROCESS=====================================================/#process{background: #f6f6f6; position: relative;}.grid-process-container{display: grid; grid-template-columns:repeat(4, 1fr); grid-gap:15px; text-align: center;}.grid-process-items{padding:70px 0;}.grid-process-items:nth-child(1){background: #10c6fc;}.grid-process-items:nth-child(2){background: #835aeb;}.grid-process-items:nth-child(3){background: #002453;}.grid-process-items:nth-child(4){background: #ff2b4a;}.grid-process-items h4{text-transform: uppercase;}.grid-process-items img{margin-bottom: 40px;}.grid-process-items h4,.grid-process-items img{-webkit-transition:1s; transition:1s;}.grid-process-items:hover h4{letter-spacing: 6px;}.grid-process-items:hover img{-webkit-transform: scale(2); transform: scale(2)}/===================================================5.EXPERIENCE=====================================================/#experience{background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 0, 0.35)), to(rgba(0, 0, 255, 0.49))),url(img/hero.jpg) no-repeat center / cover; background:linear-gradient(rgba(255, 0, 0, 0.35), rgba(0, 0, 255, 0.49)),url(img/hero.jpg) no-repeat center / cover; background-attachment: fixed;}.grid-experience-container{display: grid; grid-template-columns:1fr 1fr; grid-gap:15px;}.grid-experience-item,.grid-education-item{background: rgba(0,0,0,0.3); padding:50px 30px;}#experience h4,{font-family: 'Roboto', sans-serif; font-size: 180%;}#experience .job,#experience .course,#experience h4{color:rgba(255, 255, 255, 0.7);}#experience .job span,#experience .course span{font-size: 130%; font-weight: 400; margin: 10px 0; display: inline-block;}#experience p{font-size: 120%;}#experience hr{border:0px; border-bottom:1px solid rgba(255, 255, 255, 0.7); margin:15px 0;}/===================================================6.PORTFOLIO=====================================================/#portfolio h2,#portfolio p{color:#000;}.grid-portfolio-container{display: grid; grid-template-columns:repeat(4,1fr); grid-gap:25px; grid-auto-rows:minmax(150px, auto);}.grid-portfolio-item{-webkit-transition: 1s; transition: 1s;}.grid-portfolio-item:nth-child(5){grid-column-start:1; grid-column-end:3; height: 184px; overflow: hidden;}#portfolio .portfolio-filter{text-align: center;}#portfolio .portfolio-filter button{cursor: pointer; padding:10px 15px; background: #000; border: 1px solid #000; color:#fff; font-size: 160%; margin-bottom: 20px; -webkit-transition:0.5s; transition:0.5s;}#portfolio .portfolio-filter button:hover{background: #ff2b4a; border: 1px solid #ff2b4a;}#portfolio .section-title{margin-bottom: 20px}#portfolio .mixitup-control-active{background: #ff2b4a !important; border: 1px solid #ff2b4a !important;}/===================================================7.TESTIMONIAL=====================================================/#testimonial{background: #64cbc0;}.grid-testimonial-container{display: grid; grid-template-columns:1fr 1fr; grid-gap:161px;}#testimonial .quote i{color:#317688; font-size: 400%;}#testimonial .content{font-size: 160%; letter-spacing: 0px; color:rgba(0,0,0,0.5); margin:50px 0;}.signature img{margin-left:-10px; margin-bottom: 15px;}#testimonial p{font-size: 180%; font-weight: 500; color:rgba(0,0,0,0.6);}#testimonial span{font-size: 140%; color:rgba(0,0,0,0.6);}/===================================================8.CONTACT=====================================================/#contact{background: linear-gradient( 44deg,#826a76 ,#2d6879 18%, #2d6879 75%,#826a76);}.grid-contact-container{display: grid; grid-template-columns:1fr 1fr; grid-gap:15px;}.grid-contact-item:first-child{background:linear-gradient(50deg, #71637b 20%,#4E627B 60%); padding:45px 30px;}#contact .single-form input[type="text"],#contact .single-form input[type="email"],#contact .single-form textarea{width:100%; padding:20px 15px; margin-bottom:20px; display: inline-block; background:transparent; color:#fff; font-size:180%; border:1px solid rgba(255,255,255,0.4); outline: none;}#contact .single-form textarea{margin-bottom: 0;}#contact .single-form ::-webkit-input-placeholder{color:rgba(255,255,255,0.4);}#contact .single-form-cta-btn{text-align: right; margin-bottom: 15px;}#contact .single-form-cta-btn .btn{margin-top: 30px; display: inline-block;}.nested-grid-contact-container{display: grid; grid-gap:10px;}.nested-grid-contact-item{background:linear-gradient(50deg, #4E627B 20%,#71637b 60%); padding:45px 35px;}.nested-grid-contact-item p{font-size: 160%; color:rgba(255,255,255,0.4); line-height:25px;}/===================================================9.FOOTER=====================================================*/#footer{background:#222222; text-align: center; -webkit-box-shadow: 0px 10px 10px #000; box-shadow: 0px 10px 10px #000; position: relative; padding:30px;}.social-icon ul{margin:0;}.social-icon li{display: inline-block; padding:0px 15px; margin-bottom: 15px; border-right:1px solid rgba(255,255,255,0.7);}.social-icon li:last-child{border-right: none;}.social-icon li a{-webkit-transition: 0.5s; transition: 0.5s;}.social-icon li:hover a{color:#ff2b4a;}.social-icon li a,.copyright p{font-size: 160%; color:rgba(255,255,255,0.7); margin: 0;}.totopbtn{position: fixed; right:75px; bottom:33px; display: none;}.totopbtn a{position: relative; display: inline-block; width: 50px; height: 50px; background:#ff2b4a; border:2px solid #ff2b4a; border-radius: 50%; -webkit-transition:0.5s; transition:0.5s;}.totopbtn a i{position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size: 200%; -webkit-transition:0.5s; transition:0.5s;}.totopbtn a:hover,.totopbtn a:active{background: #fff;}.totopbtn a:hover i,.totopbtn a:active i{color: #ff2b4a; font-size: 300%;}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment