Liam lakshman108
lakshman108
/ index.html
Created
March 6, 2013 04:55
The actual code... The first attempt at list...
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
| <nav> | |
| <ul> | |
| <li><a href="#">Home</a></li> | |
| <li><a href="#">Tutorials</a> | |
| <ul> | |
| <li><a href="#">Photoshop</a></li> | |
| <li><a href="#">Illustrator</a></li> | |
| <li><a href="#">Web Design</a> | |
| <ul> | |
| <li><a href="#">HTML</a></li> |
lakshman108
/ index.haml
Created
March 6, 2013 04:25
A CodePen by Victor Pegado. :focus tooltip - Tooltips folding out on :focus of the input fields.
Done with CSS3
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
| .container | |
| .info | |
| %h1 :focus tooltip | |
| .form | |
| %input#input0.form-input{:type => "text", :placeholder => "Select this to fold tooltip"} | |
| .form-tooltip Information only visible on :focus | |
| %input#input1.form-input{:type => "text", :placeholder => "Or this to fold another."} | |
| .form-tooltip Information only visible on :focus |
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
| /** | |
| * BVA Template | |
| */ | |
| * { | |
| margin: 0px; | |
| } | |
| body { |
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
| <body> | |
| <div id="header">Header</div> | |
| <div class="divider">divider</div> | |
| <div id="container"> | |
| <div id="topribbon">Top Ribbon</div> | |
| <div id="mcont">Main Content</div> | |
| <div id="rcont">Right Content</div> | |
| <div class="divider">divider</div> |
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
| <div id="wrapper"> | |
| <div id="header"></div> | |
| <div id="left"></div> | |
| <div id="middle"></div> | |
| <div id="right"></div> | |
| <div id="footer"></div> | |
| </div> |
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
| <p><a href="http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu">Tutorial Link</a> | |
| <nav> | |
| <ul> | |
| <li><a href="#">One</a></li> | |
| <li><a href="#">Two</a> | |
| <ul> | |
| <li><a href="#">TWO TWO</a></li> | |
| <li><a href="#">TWO THREE</a> | |
| <ul> |
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
| <p><a href="http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu">Tutorial Link</a> | |
| <nav> | |
| <ul> | |
| <li><a href="#">One</a></li> | |
| <li><a href="#">Two</a> | |
| <ul> | |
| <li><a href="#">TWO TWO</a></li> | |
| <li><a href="#">TWO THREE</a> | |
| <ul> |
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 Menu Practice | |
| */ | |
| nav ul ul { | |
| display: 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
| /** | |
| * CSS Menu Tutorial | |
| */ | |
| nav ul ul { | |
| display: none; | |
| } | |
| nav ul li:hover > ul { | |
| display: block; |
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
| /** | |
| * left nav & right liquid layout | |
| */ | |
NewerOlder