Created
April 3, 2013 10:01
-
-
Save dxb/5299930 to your computer and use it in GitHub Desktop.
deminify css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
sed -ri 's/}/}\n/g' commons_m1b.css |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
/=====================================================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%;}