Send this to a friend
preview: http://cl.ly/4AK4
1 <style>
2 div#popup {
3 background-color: rgba(0,0,0,.5);
4 border-radius: 10px;
5 color: #ffffff;
6 font-weight: bold;
7 font-family: Arial;
8 height: 160px;
9 line-height: 50px;
10 margin: 0 auto;
11 text-align: center;
12 text-shadow: 0px 1px 0px #000000;
13 -webkit-border-radius: 10px;
14 border-radius: 10px;
15 width: 160px;
16 }
17 </style>
18
19 <li id="toggle">
20 <a href="#">button </a>
21 </li>
22
23 <div id="popup" style="display: none">Popup...</div>
24
25
26 <script>
27 $("#toggle").click(function () {
28 $("#popup").fadeIn("fast");
29 $("#popup").delay(3500).fadeOut();
30 });
31 </script>
32
<style>
div#popup {
background-color: rgba(0,0,0,.5);
border-radius: 10px;
color: #ffffff;
font-weight: bold;
font-family: Arial;
height: 160px;
line-height: 50px;
margin: 0 auto;
text-align: center;
text-shadow: 0px 1px 0px #000000;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 160px;
}
</style>
<li id="toggle">
<a href="#">button </a>
</li>
<div id="popup" style="display: none">Popup...</div>
<script>
$("#toggle").click(function () {
$("#popup").fadeIn("fast");
$("#popup").delay(3500).fadeOut();
});
</script>
Send this to a friend
1 .test {
2 color: #000000;
3 color: #FFF000\9;
4 *color: #FFFF00;
5 color: #0000FF\0;
6 color: #00FFFF!important;
7 _color: #FF0000;
8 [color: #000000;
9 }
.test {
color: #000000;
color: #FFF000\9;
*color: #FFFF00;
color: #0000FF\0;
color: #00FFFF!important;
_color: #FF0000;
[color: #000000;
}
Send this to a friend
1 body {
2 scrollbar-face-color: #hex;
3 scrollbar-shadow-color: #hex;
4 scrollbar-highlight-color: #hex;
5 scrollbar-3dlight-color: #hex;
6 scrollbar-darkshadow-color: #hex;
7 scrollbar-track-color: #hex;
8 scrollbar-arrow-color: #hex;
9 }
body {
scrollbar-face-color: #hex;
scrollbar-shadow-color: #hex;
scrollbar-highlight-color: #hex;
scrollbar-3dlight-color: #hex;
scrollbar-darkshadow-color: #hex;
scrollbar-track-color: #hex;
scrollbar-arrow-color: #hex;
}
Send this to a friend
1 textarea {
2 padding: 5px;
3 font-size: 15px;
4 text-shadow: 0px 1px 0px #fff;
5 outline: none;
6 -webkit-border-radius: 3px;
7 -moz-border-radius: 3px;
8 border-radius: 3px;
9 border: 1px solid #ccc;
10 -webkit-transition: .3s ease-in-out;
11 -moz-transition: .3s ease-in-out;
12 }
13
14 textarea:focus {
15 border: 1px solid #fafafa;
16 -webkit-box-shadow: 0px 0px 6px #007eff;
17 -moz-box-shadow: 0px 0px 5px #007eff;
18 box-shadow: 0px 0px 5px #007eff;
19 }
textarea {
padding: 5px;
font-size: 15px;
text-shadow: 0px 1px 0px #fff;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
}
textarea:focus {
border: 1px solid #fafafa;
-webkit-box-shadow: 0px 0px 6px #007eff;
-moz-box-shadow: 0px 0px 5px #007eff;
box-shadow: 0px 0px 5px #007eff;
}
Send this to a friend
1 <?php
2 function optimizeCSS($text) {
3 $text = preg_replace('~/\*.*?\*/~s','',$text);
4 $text = preg_replace('/[\r\n\t]/','',$text);
5 $text = preg_replace('/ *(;|\:|\{|\}) */','$1',$text);
6 $text = str_replace(';}','}',$text);
7 $text = trim($text);
8 return $text;
9 }
10 ?>
<?php
function optimizeCSS($text) {
$text = preg_replace('~/\*.*?\*/~s','',$text);
$text = preg_replace('/[\r\n\t]/','',$text);
$text = preg_replace('/ *(;|\:|\{|\}) */','$1',$text);
$text = str_replace(';}','}',$text);
$text = trim($text);
return $text;
}
?>
Send this to a friend
1 * {
2 -webkit-user-select: none;
3 }
* {
-webkit-user-select: none;
}
Send this to a friend
1 <link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
<link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
Send this to a friend
http://code.google.com/p/hartija/
1 body {
2 width:100% !important;
3 margin:0 !important;
4 padding:0 !important;
5 line-height: 1.4;
6 word-spacing:1.1pt;
7 letter-spacing:0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
8
9 h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
10 h1{font-size:19pt;}
11 h2{font-size:17pt;}
12 h3{font-size:15pt;}
13 h4,h5,h6{font-size:12pt;}
14
15 code { font: 10pt Courier, monospace; }
16 blockquote { margin: 1.3em; padding: 1em; font-size: 10pt; }
17 hr { background-color: #ccc; }
18
19 img { float: left; margin: 1em 1.5em 1.5em 0; }
20 a img { border: none; }
21
22 a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
23 a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
24 a[href^="http://"] {color:#000; }
25
26 table { margin: 1px; text-align:left; }
27 th { border-bottom: 1px solid #333; font-weight: bold; }
28 td { border-bottom: 1px solid #333; }
29 th,td { padding: 4px 10px 4px 0; }
30 tfoot { font-style: italic; }
31 caption { background: #fff; margin-bottom:2em; text-align:left; }
32 thead {display: table-header-group;}
33 tr {page-break-inside: avoid;}
body {
width:100% !important;
margin:0 !important;
padding:0 !important;
line-height: 1.4;
word-spacing:1.1pt;
letter-spacing:0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:12pt;}
code { font: 10pt Courier, monospace; }
blockquote { margin: 1.3em; padding: 1em; font-size: 10pt; }
hr { background-color: #ccc; }
img { float: left; margin: 1em 1.5em 1.5em 0; }
a img { border: none; }
a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; }
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; }
a[href^="http://"] {color:#000; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333; font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
tr {page-break-inside: avoid;}
Send this to a friend
1 .class {
2 filter:alpha(opacity=50);
3 -moz-opacity:0.5;
4 -khtml-opacity: 0.5;
5 opacity: 0.5;
6 }
.class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
Send this to a friend
1 body {
2 background: #[hex-color] url([image URL]) [repeat] [attachment] [position];
3 }
4
5 p {
6 font: [style] [variant] [weight] [size]/[line-height] [family], [family];
7 }
body {
background: #[hex-color] url([image URL]) [repeat] [attachment] [position];
}
p {
font: [style] [variant] [weight] [size]/[line-height] [family], [family];
}