Michael Musgrove michaelmusgrove
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
| html { height: 100% } | |
| ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } | |
| ::selection { background: #fe57a1; color: #fff; text-shadow: none; } | |
| body { background-image: radial-gradient( cover, rgba(92,100,111,1) 0%,rgba(31,35,40,1) 100%), url('http://i.minus.com/io97fW9I0NqJq.png') } | |
| .login { | |
| background: #eceeee; | |
| border: 1px solid #42464b; | |
| border-radius: 6px; | |
| height: 257px; | |
| margin: 20px auto 0; |
michaelmusgrove
/ WordPress Gist Shortcode
Created
March 22, 2013 03:57
Create a Shortcode in WordPress to display Gists by ID. (Example: [github-gist id="GIST-ID"])
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
| add_shortcode('github-gist', 'pu_embed_gist'); | |
| function pu_embed_gist($atts, $content = null) | |
| { | |
| extract(shortcode_atts(array('id' => null), $atts)); | |
| if( $id != null) | |
| { | |
| $args = array('sslverify' => false); | |
| $result = wp_remote_get('https://api.github.com/gists/' . $id, $args); | |
| $json = json_decode($result['body'], true); | |
| if(isset($json['description'])) |
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
| <section class="shell"> | |
| <section class="cube"> | |
| <section class="wall front"> </section> | |
| <section class="wall back"> </section> | |
| <section class="wall top"> </section> | |
| <section class="wall bottom"> </section> | |
| <section class="wall left"> </section> | |
| <section class="wall right"> </section> | |
| </section> | |
| </section> |
michaelmusgrove
/ The shortcode used
Created
March 25, 2013 05:33
Make Images Responsive in WordPress
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
| [responsive]<img src="image_url" alt="alt" title="title" />[/responsive] |
michaelmusgrove
/ Curtains Intro CSS
Created
April 17, 2013 00:08
CSS only Intro for coming soon or informational page. Lots of cool things you can do with this.
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
| @import url(http://fonts.googleapis.com/css?family=Gravitas+One); | |
| /*--CSS Curtain Effect--*/ | |
| body { | |
| background: #5b8083 url(http://fontypython.com/wp-content/uploads/2013/04/red_texture2.jpg) repeat top left; | |
| font-family: 'Gravitas One', cursive; | |
| } | |
| h1.main,p.demos { | |
| -webkit-animation-delay: 18s; | |
| -moz-animation-delay: 18s; |
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
| /* Global ------------------------------------------------------ */ | |
| html { | |
| overflow: hidden; /*FF fix*/ | |
| height: 100%; | |
| font-family: Geneva, sans-serif; | |
| background: hsl(210, 30%, 0%) radial-gradient( hsl(210, 30%, 20%), hsl(210, 30%, 0%)); | |
| } | |
| body { |
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
| *{ | |
| margin:0; | |
| padding:0; | |
| } | |
| body { | |
| font:14px/1.3 Arial,sans-serif; | |
| background-color:#212121; | |
| } | |
| header { | |
| background-color:#212121; |
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
| <ol class="clock"> | |
| <li class="hour"> | |
| <div class="one"> | |
| <span>0</span> | |
| <span>1</span> | |
| <span>2</span> | |
| <span>3</span> | |
| <span>4</span> | |
| <span>5</span> | |
| <span>6</span> |
michaelmusgrove
/ index.html
Created
July 22, 2013 04:57
A CodePen by Ondřej Page Bárta. Unsafe Lock - Working remake of this http://dribbble.com/shots/946731-Unsafe-Lock-Rebound
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
| <div id="lock"> | |
| <div id="lock_inset"> | |
| <div id="lines"></div> | |
| <div id="number_wrapper"> | |
| <div class="number"> | |
| <div class="number_select" onSelectStart="return false"> | |
| <span class="top_number">9</span> | |
| <span class="">0</span> | |
| <span class="bottom_number">1</span> | |
| <span class="bottom_number">2</span> |
michaelmusgrove
/ index.html
Created
July 22, 2013 04:58
A CodePen by Marius Balaj. Social buttons with hover - Cool social buttons with awesome slide hover (pure css animation)
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
| <div id="buttons"> | |
| <div class="facebook button"> | |
| <i class="icon"> | |
| <i class="icon-facebook"> | |
| </i> | |
| </i> | |
| <div class="slide"> | |
| <p> | |
| </p> |
OlderNewer