Tohuwabohu excorcism

User Tools

Site Tools

Trace: • tutorial-win-minikube
css

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
css [2013/03/23 18:12] – skipidarcss [2020/12/27 20:35] (current) – external edit 127.0.0.1
Line 1: Line 1:
 +====== Tools ======
 +^Tool ^Link^
 +|CSS3 Generator| http://css3please.com/ |
 +
 +
 +====== TAGS ======
 +===== media =====
 +Can override the default value, like "float" depending on the 
 +<sxh css>
 +@media (max-width:1000px) {
 +    #subhead ul.dropdown {
 +     float: left;
 + }
 +}
 +</sxh>
 +
 +
 +====== PATTERNS ======
 +===== Sticky Footer =====
 +
 +^Pattern^ Link To Example^
 +|The Sticky Footer remains at the bottom, unlexx the content is larger, than the screen height. Then the Footer is pushed down by the content. |http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/|
 +{{http://i520.photobucket.com/albums/w327/schajtan/2013-01-20_11-57-30.png?400}} {{http://i.imgur.com/S4x4MhL.png?400}}
 +
 +
 +===== CSS3 Shadow =====
 +
 +^Pattern^ Link To Example^
 +|Box Shadow |http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/|
 +<sxh css>
 +.shadow {
 + -moz-box-shadow: 3px 3px 4px #000;
 + -webkit-box-shadow: 3px 3px 4px #000;
 + box-shadow: 3px 3px 4px #000;
 + /* For IE 8 */
 + -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 + /* For IE 5.5 - 7 */
 + filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
 +}
 +</sxh>
 +
 +