Category: Css Snippets

According to the conditional comment this is not IE 5-9

a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline:…

/* Smartphones (portrait and landscape) ———– */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones…

blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: .5em 10px; quotes: “\201C””\201D””\2018″”\2019”; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em;…

.transparent { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx,…

#container { width: 400px; /* here you put the width that you need */ height: 200px; /* here you put the height that you need…

/* external links */ a[href^=”http://”] { padding-right: 13px; background: url(‘external.gif’) no-repeat center right; } /* emails */ a[href^=”mailto:”] { padding-right: 20px; background: url(’email.png’) no-repeat center…

#container { -webkit-border-radius: 4px 3px 6px 10px; -moz-border-radius: 4px 3px 6px 10px; -o-border-radius: 4px 3px 6px 10px; border-radius: 4px 3px 6px 10px; } /* alternative…

body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }