Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.
video::webkit-media-controls-timeline {
background-color: lime;
}
video /deep/ input[type=range] {
| /** | |
| * Typing animation with pure CSS. | |
| * Works best in browsers supporting the ch unit. | |
| */ | |
| @keyframes typing { from { width: 0; } } | |
| @keyframes blink-caret { 50% { border-color: transparent; } } | |
| h1 { | |
| font: bold 200% Consolas, Monaco, monospace; |
| .one |
| /** | |
| * Check if a given ip is in a network | |
| * @param string $ip IP to check in IPV4 format eg. 127.0.0.1 | |
| * @param string $range IP/CIDR netmask eg. 127.0.0.0/24, also 127.0.0.1 is accepted and /32 assumed | |
| * @return boolean true if the ip is in this range / false if not. | |
| */ | |
| function ip_in_range( $ip, $range ) { | |
| if ( strpos( $range, '/' ) == false ) { | |
| $range .= '/32'; | |
| } |
| # @温柔的码农 | |
| <VirtualHost *:80> | |
| ServerName example.com # change to your domain | |
| ProxyRequests off | |
| ProxyPreserveHost On | |
| <Proxy *> | |
| Order deny,allow | |
| Allow from all |
| #!/usr/bin/env sh | |
| # As of 20130519, go 1.1 has been released. | |
| # The proccess of the gist should be OK for go 1.1 . | |
| # magic pause | |
| function pause(){ | |
| read -p "$*" | |
| } |
| # @温柔的码农 | |
| [client] | |
| loose-default-character-set = utf8 | |
| [mysql] | |
| loose-default-character-set = utf8 | |
| [mysqld] | |
| collation-server = utf8_unicode_ci | |
| loose-default-character-set = utf8 |
| // @温柔的码农 | |
| // reset font-family according to OS | |
| (function () { | |
| if (!navigator || !navigator.appVersion) { | |
| return; | |
| } | |
| if (navigator.appVersion.indexOf("Win") != -1) { | |
| // win 微软雅黑 | |
| $('body').css('font-family', 'helvetica, arial, "Microsoft Yahei", simhei, sans-serif'); | |
| return; |
| # Thanks to this post: | |
| # http://blog.ikato.com/post/15675823000/how-to-install-consolas-font-on-mac-os-x | |
| $ brew install cabextract | |
| $ cd ~/Downloads | |
| $ mkdir consolas | |
| $ cd consolas | |
| $ curl -O http://download.microsoft.com/download/f/5/a/f5a3df76-d856-4a61-a6bd-722f52a5be26/PowerPointViewer.exe | |
| $ cabextract PowerPointViewer.exe | |
| $ cabextract ppviewer.cab |
| /** | |
| * GradientArray • Steps gradient. | |
| * @author Siamak Mokhtari <hi@siamak.work> | |
| * @date 06/21/16. | |
| */ | |
| class GradientArray { | |
| // Convert a hex color to an RGB array e.g. [r,g,b] | |
| // Accepts the following formats: FFF, FFFFFF, #FFF, #FFFFFF | |
| hexToRgb(hex) { | |
| let r, g, b, parts; |