This file contains hidden or 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
/** | |
* Combination of few transitions | |
*/ | |
img { | |
height: 240px; | |
opacity: 1; | |
width: 320px; | |
transition: | |
.5s height, |
This file contains hidden or 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
/** | |
* Combination of few transitions | |
*/ | |
img { | |
height: 240px; | |
opacity: 1; | |
width: 320px; | |
transition: | |
.5s height, |
This file contains hidden or 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
/** | |
* Flexible code listing | |
*/ | |
pre { | |
background: linear-gradient( rgba(0,0,0,.05) 24px, transparent 24px); | |
background-repeat: repeat-y; | |
background-size: 100% 48px; | |
font-size: 16px; | |
line-height: 1.5; |
This file contains hidden or 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
/* GK NSP Testimonials */ | |
.testimonials .nspMain { | |
padding: 20px 0; | |
position: relative; | |
} | |
.testimonials .nspTopInterface { | |
bottom: 5px; | |
position: absolute; | |
width: 100%; | |
} |
This file contains hidden or 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
/** | |
* | |
* Code used to change the price order in WooCommerce | |
* | |
**/ | |
function PREFIX_woocommerce_price_html( $price, $product ){ | |
return preg_replace('@(<del>.*?</del>).*?(<ins>.*?</ins>)@misx', '$2 $1', $price); | |
} |
This file contains hidden or 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
var fp = chrome.loadTimes().firstPaintTime - chrome.loadTimes().startLoadTime; | |
console.log("First paint: " + fp); |
This file contains hidden or 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
/** | |
* Hover effects | |
*/ | |
body { | |
font-family: Arial, sans-serif; | |
} | |
#list { | |
list-style-type: none; |
This file contains hidden or 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
/** | |
* Text centered over the image | |
*/ | |
figure { | |
border: 1px solid red; | |
float: left; | |
position: relative; | |
} |
This file contains hidden or 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
/** | |
* 3D flat icon | |
*/ | |
.icon { | |
background: #eee; | |
border: 2px solid #aaa; | |
border-bottom-width: 5px; | |
border-radius: 12px; | |
height: 64px; |
This file contains hidden or 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
/** | |
* CSS Loader - blocks II | |
*/ | |
#loader { | |
background: transparent; | |
box-sizing: border-box; | |
position: relative; | |
} |