Inspired from CSSflow.com
Pali Madra palimadra
palimadra
/ CSS-Price-Table.markdown
Last active
December 30, 2015 18:59
A pure html css flat design table
palimadra
/ Pricing-table-.markdown
Last active
December 30, 2015 18:59
A professional pricing table in pure html and css
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
| .ribbon { | |
| font-size: 16px !important; | |
| /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */ | |
| width: 50%; | |
| position: relative; | |
| background: #ba89b6; | |
| color: #fff; | |
| text-align: center; |
palimadra
/ index.html
Last active
December 23, 2015 17:49
Adding syntax highlighter to tumblr and blogger
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
| <!-- this is code to use in the post where you want to display the code --> | |
| <pre class="language-html"> | |
| <p>Hello world</p> | |
| </pre>\\\<!-- that is all --> |
palimadra
/ css-chevrons.html
Created
September 23, 2013 13:30
Chevrons are used to build relationships in CSS code for specificity Reference: http://forrst.com/posts/CSS_Chevrons-aF0
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
| <style type="text/css"> .chevrons { margin: 0; font-size: xx-large; overflow: hidden; margin-bottom: 1em; padding: 0; margin: 0; list-style: none; overflow: hidden; display: inline;}.chevrons li:before { content: ""; border-top: 50px solid #2ba6cb; border-bottom: 50px solid #2ba6cb; border-right: 29px solid #2ba6cb; border-left: 29px solid transparent; height: 0; position: absolute;}.chevrons li:after { content: ''; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 29px solid transparent; border-left: 29px solid #2ba6cb; height: 0; position: absolute;}.chevrons li { color: #fff; display: inline-block; height: 100px; font-size: 20px; font-weight: bold;}.chevrons li span { background: #2ba6cb; text-align: center; margin-left: 50px; height:75px; padding-left: 10px; padding-right: 10px; padding-top: 15px; display: inline-block;}.chevrons li.error:before { border-top: 50px solid #c60f13; border-bottom: 50px solid #c60f13; bo |
palimadra
/ html-test-filled.html
Created
September 12, 2013 19:09
— forked from vedranjaic/html-test-filled.html
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>HTML TEST: <filled></title> | |
| <meta description="0.1"> | |
| <meta author="Vedran Jaic"> | |
| </head> | |
| <body> | |
| <a href="#">Lorem ipsum dolor sit amet.</a> | |
| <abbr></abbr> |
palimadra
/ index.html
Created
September 12, 2013 19:09
— forked from vedranjaic/index.html
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>SAMPLE</title> | |
| <meta name="description" content="" /> | |
| <meta name="keywords" content="" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=9" /> | |
| <!-- CSS --> | |
| <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> |
palimadra
/ html_meta_tags.html
Created
September 12, 2013 19:08
— forked from vedranjaic/html_meta_tags.html