you are in: codestackercodes [RSS] → tag: css [RSS]

iOS volume-style popup in Mobile Safari Delicious Email

preview: http://cl.ly/4AK4

show/hide lines
   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 <!--activates the popup--> </a>
  21  </li>
  22  
  23  <div id="popup" style="display: none">Popup...</div> 
  24  
  25  <!--popup script must be placed below the DIV--> 
  26  <script> 
  27          $("#toggle").click(function () {
  28          $("#popup").fadeIn("fast");
  29          $("#popup").delay(3500).fadeOut();
  30  });
  31  </script> 
  32  <!--/popup script--> 
created by leozera — 27 January 2011 — get a short url — tags: css ios embed

css hacks for everyone Delicious Email

show/hide lines
   1  .test {
   2       color: #000000; /* All Browsers */
   3       color: #FFF000\9; /* All IEs */
   4       *color: #FFFF00; /* IE6 and IE7 */
   5       color: #0000FF\0; /* Only IE8 */
   6       color: #00FFFF!important; /* Only IE7 */
   7       _color: #FF0000; /* Only IE6 */
   8       [color: #000000; /* Safari, Chrome */
   9  }
created by leozera — 27 January 2011 — get a short url — tags: browser css embed

color scrollbars for ie 5.5 Delicious Email

show/hide lines
   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  }
created by leozera — 23 January 2011 — get a short url — tags: css ie scroll embed

twitter-like input using css 3 Delicious Email

show/hide lines
   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  }
created by leozera — 21 January 2011 — get a short url — tags: css css3 twitter embed

minify css using php Delicious Email

show/hide lines
   1  <?php
   2  function optimizeCSS($text) {
   3  	$text = preg_replace('~/\*.*?\*/~s','',$text); // comments
   4  	$text = preg_replace('/[\r\n\t]/','',$text); // newlines and tabs
   5  	$text = preg_replace('/ *(;|\:|\{|\}) */','$1',$text); // space before/after colons, semicolons and braces
   6  	$text = str_replace(';}','}',$text); // remove final semicolon
   7  	$text = trim($text);
   8  	return $text;
   9  }
  10  ?>
created by leozera — 18 January 2011 — get a short url — tags: css minify php embed

iphone: prevent copy paste Delicious Email

show/hide lines
   1  * {
   2     -webkit-user-select: none;  /* prevent copy paste for all elements */
   3  } 
created by leozera — 14 November 2010 — get a short url — tags: css iPhone embed

iPhone CSS Delicious Email

show/hide lines
   1  <link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" />
created by leozera — 22 August 2009 — get a short url — tags: css iPhone embed

hartija css print framework Delicious Email

http://code.google.com/p/hartija/

show/hide lines
   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;} 
created by leozera — 04 August 2009 — get a short url — tags: css print embed

cross-browser transparency using css Delicious Email

show/hide lines
   1  .class {  
   2      filter:alpha(opacity=50);  
   3      -moz-opacity:0.5;  
   4      -khtml-opacity: 0.5;  
   5      opacity: 0.5;  
   6  }
created by leozera — 21 June 2009 — get a short url — tags: css embed

short css Delicious Email

show/hide lines
   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  }
created by leozera — 10 May 2009 — get a short url — tags: css embed
Displaying records 1 - 10 of 24