Team:Johns Hopkins-Software/Templates/cssindex

From 2012.igem.org

(Difference between revisions)
 
(735 intermediate revisions not shown)
Line 1: Line 1:
 +
body{
 +
    color: #000;
 +
    font: 12px Verdana, 'Times New Roman',serif;
 +
    letter-spacing:1;
 +
    background: black;
 +
    background-image: url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png')
 +
}
-
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
+
table, th, td
 +
{
 +
border: 1px solid black;
 +
color: black;
 +
}
-
body { background-color:#1b2940; font:75% Georgia,'Times New Roman',serif; letter-spacing:1; }
+
#header_body
 +
{  
 +
  filter:alpha(opacity=80);  
 +
  /*-moz-opacity:1.8;*/
 +
  opacity: 0.80;  
-
.break { clear:both; }
+
  position: absolute;  
 +
  left: 0px;
 +
  top: 17px;
 +
  height: 170px;
 +
  width: 100%;
 +
  background: black;
 +
  background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png")
 +
}
-
.dropdown {float:left; padding-right:5px}
+
#footer_body
-
.dropdown dt { border:0px solid #9ac1c9; padding:16px; padding-right: 14px; font-weight:bold; cursor:pointer;}
+
{  
-
.dropdown dt:hover {}
+
  filter:alpha(opacity=80);  
-
.dropdown dd {position:absolute; overflow:hidden; width:142px; display:none; background:#fff; z-index:200; opacity:0}
+
  /*-moz-opacity:1.8;*/
-
.dropdown ul {width:144px; border:0px solid #9ac1c9; list-style:none; border-top:none}
+
  opacity: 0.80;  
-
.dropdown li {display:inline}
+
-
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:144px}
+
-
.dropdown a:hover {background:#d9e1e4; color:#000}
+
  left: 0px;
-
.dropdown .underline {border-bottom:0px solid #b9d6dc}
+
  bottom: 2217px;
 +
  height: 2170px;
 +
}
 +
 
 +
 
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;
 +
}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;
 +
}
 +
#content {
 +
    border: none;
 +
    background-color: #000;
 +
}
 +
 
 +
#globalWrapper
 +
{
 +
    border: none;
 +
    position: absolute;
 +
    top: 1px;
 +
    width: 100%;
 +
    left: 0px;
 +
}
 +
 
 +
#bodyContent
 +
{
 +
    background-color: #000;
 +
}
 +
 
 +
#project
 +
{
 +
    background-color: #000;
 +
    position: absolute;
 +
    top: 50px;
 +
    width: 68%;
 +
    left: 14%;
 +
}
 +
#project_temp
 +
{
 +
   
 +
    text-align:justify;
 +
    line-height: 1.6;
 +
    position: absolute;
 +
    top: 189px;
 +
    width: 67.2%;
 +
    left: 14%;
 +
    font-size: 140%;
 +
    padding-left: 20px;
 +
    padding-right: 20px;
 +
    padding-bottom: 20px;
 +
    padding-top: 40px;
 +
    background-image: url('https://static.igem.org/mediawiki/2012/a/ab/JHU_bg2.png');
 +
   
 +
   
 +
}
 +
#project_logo
 +
{
 +
    width: 300px;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;
 +
}
 +
#project_description
 +
{
 +
    position: relative;
 +
    top: 0px;
 +
    left: 13%;
 +
    width: 74%;
 +
   
 +
}
 +
 
 +
#menuBar
 +
{
 +
    width: 100%;
 +
}
 +
 
 +
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}
 +
 
 +
.break { clear:both; }
* {margin:0; padding:0}
* {margin:0; padding:0}
Line 21: Line 121:
#wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
#wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
-
#header { height:100%; position:absolute; width:100%}
+
#header_new { height:100%; position:absolute; width:100%}
-
.headerimg { width:100%; height:100%; position:absolute; left: 0px; top: 0px}
+
.headerimg { width:100%; height:440px; position:absolute; left: 0px; top: 17px}
 +
.btn { height:37px; width:32px; float:left; cursor:pointer; }
-
.btn { height:37px; width:32px; float:left; cursor:pointer; }
+
#back { position:absolute; top: 300px; left: 2%; background-image:url("https://static.igem.org/mediawiki/2012/6/6e/Btn_back.png");  
-
#back { position:absolute; top: 55%; left: 2%; background-image:url("../images/btn_back.png");  
+
   filter:alpha(opacity=70);  
   filter:alpha(opacity=70);  
   /*-moz-opacity:1.7;*/  
   /*-moz-opacity:1.7;*/  
   opacity: 0.70; }
   opacity: 0.70; }
-
#next { position:absolute; top: 55%; right: 2%; background-image:url("../images/btn_next.png");  
+
#next { position:absolute; top: 300px; right: 2%; background-image:url("https://static.igem.org/mediawiki/2012/1/1d/Btn_next.png");  
   filter:alpha(opacity=70);  
   filter:alpha(opacity=70);  
   /*-moz-opacity:1.7;*/  
   /*-moz-opacity:1.7;*/  
   opacity: 0.70; }
   opacity: 0.70; }
#control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); }
#control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); }
-
 
}
}
-
 
+
#header_new
-
 
+
-
 
+
-
body
+
{
{
-
 
+
  position: absolute;
-
   color: ffffff
+
   width: 100%;
 +
  top: 17px;
 +
  background-color: 000000;
 +
 
}
}
-
#navigation
+
#header_title
{
{
-
 
   position: absolute;
   position: absolute;
-
  left:0px;
+
   width: 70%;  
-
  top: 0px;
+
   left: 14%;  
-
  height: 30px;
+
   top: 0px
-
   width: 100%;
+
-
  background-color:000000
+
-
 
+
-
}
+
-
 
+
-
#header_body
+
-
{
+
-
+
-
  filter:alpha(opacity=80);
+
-
  /*-moz-opacity:1.8;*/
+
-
  opacity: 0.80;
+
-
 
+
-
  position: absolute;  
+
-
   left: 0px;  
+
-
   top: 30px;
+
-
  height: 170px;
+
-
  width: 100%;
+
-
  background-color:000000
+
-
+
}
}
-
#header
+
#footer_new
{
{
-
 
+
   bottom: 2000px;
-
   position: absolute;  
+
-
  width: 900px
+
-
 
+
}
}
-
 
+
#footer_title
-
#header_title
+
{
{
-
 
-
  position: absolute;
 
   width: 70%;  
   width: 70%;  
-
   left: 15%;  
+
   left: 14%;  
-
   top: 0px
+
   bottom: 2700px
}
}
Line 98: Line 171:
   top: 125px;
   top: 125px;
   width: 100%;
   width: 100%;
-
   background-color: 000000
+
   background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png");
}
}
 +
#title
 +
{
 +
 +
 +
 +
    font-size: 19px;
 +
    color: #ffffff;
 +
    font-style: italic;
 +
    background-color: #E8512F;
 +
    display: block;
 +
    margin-bottom: 10px;
 +
    margin-top: 10px;
 +
    padding: 5px;
 +
}
#navigation_low
#navigation_low
{
{
-
   width: 75%;
+
   width: 70%;
   position: relative;
   position: relative;
-
   left:15%;
+
   left:14%;
-
   top: 0px
+
   top: 0px;
-
 
+
-
 
+
}
}
#Hopkins
#Hopkins
{
{
-
 
 
   position: absolute;
   position: absolute;
   width: 30%;
   width: 30%;
   top:130px;
   top:130px;
-
   left: 55%
+
   left: 80%
}
}
 +
.left-menu a {
 +
    background-color: black; }
 +
.right-menu a {
 +
    background-color: black; }
 +
#menubar
 +
{
 +
  background-image:url("https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png")
 +
}
 +
.right-menu li a:link{
 +
  padding-top: 10px;
 +
  background-color:transparent;
 +
  text-decoration: none;
 +
  color: #fff;
 +
}
 +
.right-menu li a:hover{
 +
  padding-top: 10px;
 +
  background:transparent;
 +
  text-decoration: underline;
 +
  color: #fff;
 +
}
-
#description
+
.droplinebar{
 +
 
 +
position: relative;
 +
border-top: 1px dotted #999999;
 +
}
 +
 
 +
.droplinebar ul{
 +
 
 +
margin: 0;
 +
padding: 0;
 +
float: left;
 +
width: 100%;
 +
line-height:20;
 +
font:  italic 17px Verdana;
 +
background: #000 url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') repeat-x; /*default background of menu bar*/
 +
}
 +
 
 +
.droplinebar ul li{
 +
display: inline;
 +
 
 +
}
 +
 
 +
.droplinebar ul li a{
 +
float: left;
 +
color: white;
 +
text-align: center;
 +
padding: 13px 15px;
 +
text-decoration: none;
 +
}
 +
 
 +
.droplinebar ul li a:visited{
 +
color: white;
 +
}
 +
 
 +
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/
 +
color: white;
 +
background:  center center repeat-x;
 +
background: #E8512F;
 +
 
 +
}
 +
/* Sub level menus*/
 +
.droplinebar ul li ul{
 +
position: absolute;
 +
z-index: 100;
 +
left: 0;
 +
top: 0;
 +
background: #E8512F; /*sub menu background color */
 +
visibility: hidden;
 +
}
 +
 
 +
/* Sub level menu links style */
 +
.droplinebar ul li ul li a{
 +
font: normal 17px Verdana;
 +
color:white;
 +
padding: 10px 26px;
 +
margin: 0;
 +
border-bottom: 1px solid #E8512F;
 +
width: 100px;
 +
background: #E8512F;
 +
}
 +
 
 +
.droplinebar ul li ul li a:visited {
 +
color:white;
 +
}
 +
 
 +
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
 +
background: #BA3114;
 +
}
 +
 
 +
 
 +
.returnLink {
 +
position: absolute;
 +
right: -10%;
 +
top: -6px;
 +
margin-bottom: 0px;
 +
height: 160px;
 +
width: 200px;
 +
display: block;
 +
background:transparent url('https://static.igem.org/mediawiki/2012/5/54/Return2.png') center top no-repeat;
 +
}
 +
 
 +
.returnLink:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2012/2/2e/Return1.png');
 +
}
 +
 
 +
 
 +
#navigation_temp
{
{
-
  position: absolute;
+
background-image: ('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png');
-
  top: 187%;
+
position: absolute;
-
   left: 0px;
+
top: 0px;
-
   width: 100%;
+
height: 17px;
-
   background-color: 000000
+
width: 100%;
 +
}
 +
 
 +
.emily {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/2/28/Emily.png');
 +
}
 +
 
 +
.emily:hover {
 +
   background-image: url('https://static.igem.org/mediawiki/2012/e/ec/Emily_bio.png');
 +
}
 +
 
 +
.robert {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/0/0f/JHU_Robert.png');
 +
}
 +
 
 +
.robert:hover {
 +
   background-image: url('https://static.igem.org/mediawiki/2012/4/45/Robert_bio.png');
 +
}
 +
 
 +
.album {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/2/2a/Album.png');
 +
}
 +
 
 +
.album:hover {
 +
   background-image: url('https://static.igem.org/mediawiki/2012/f/f5/Album_bio.png');
 +
}
 +
 
 +
.george {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/7/78/George.png');
 +
}
 +
 
 +
.george:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2012/7/7a/George_bio.png');
 +
}
 +
 
 +
 
 +
.boeke {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/a/a8/Boeke.jpg');
 +
}
 +
 
 +
.boeke:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2012/e/e3/Boeke_bio.jpg');
 +
}
 +
 
 +
.bader {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/7/75/Bader.png');
 +
}
 +
 
 +
.bader:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2012/0/0a/Bader_bio.png');
 +
}
 +
 
 +
.patrick {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/4/46/Patrick.jpg');
 +
}
 +
 
 +
.patrick:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2012/c/c3/Patrick_bio.jpg');
 +
}
 +
 
 +
.giovanni {
 +
margin-bottom: 0px;
 +
height: 254px;
 +
width: 190px;
 +
display: block;
 +
background-image: url('https://static.igem.org/mediawiki/2012/c/c9/Giovanni.jpg');
 +
}
 +
 
 +
.giovanni:hover {
 +
  background-image: url('https://static.igem.org/mediawiki/2012/5/5b/Giovanni_bio.jpg');
 +
}
 +
 
 +
img{
 +
border: 8px solid #e8e8e8;
 +
background-color: white;
 +
 
 +
-moz-box-shadow: 2px 2px 3px #222;
 +
-webkit-box-shadow: 2px 2px 3px #222;
 +
box-shadow: 2px 2px 3px #222;
 +
/* For IE 8 */
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222')";
 +
/* For IE 5.5 - 7 */
 +
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222');
 +
 
}
}

Latest revision as of 03:39, 27 October 2012

body{

   color: #000;
   font: 12px Verdana, 'Times New Roman',serif; 
   letter-spacing:1;
   background: black;
   background-image: url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png')

}

table, th, td { border: 1px solid black; color: black; }

  1. header_body

{

  filter:alpha(opacity=80); 
  /*-moz-opacity:1.8;*/ 
  opacity: 0.80; 
  position: absolute; 
  left: 0px; 
  top: 17px;
  height: 170px;
  width: 100%;
  background: black;
  background-image:url("Jhu_bg1.png")

}

  1. footer_body

{

  filter:alpha(opacity=80); 
  /*-moz-opacity:1.8;*/ 
  opacity: 0.80; 
  left: 0px; 
  bottom: 2217px;
  height: 2170px;

}


  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;

}

  1. top-section {
   border: none;
   height: 0px;

}

  1. content {
   border: none;
   background-color: #000;

}

  1. globalWrapper

{

   border: none;
   position: absolute;
   top: 1px;
   width: 100%;
   left: 0px;

}

  1. bodyContent

{

   background-color: #000;

}

  1. project

{

   background-color: #000;
   position: absolute;
   top: 50px;
   width: 68%;
   left: 14%; 

}

  1. project_temp

{

   text-align:justify;
   line-height: 1.6;
   position: absolute;
   top: 189px;
   width: 67.2%;
   left: 14%;
   font-size: 140%;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-top: 40px;
   background-image: url('https://static.igem.org/mediawiki/2012/a/ab/JHU_bg2.png');
   
   

}

  1. project_logo

{

   width: 300px;
   position: relative;
   top: 0px;
   left: 0px;

}

  1. project_description

{

   position: relative;
   top: 0px;
   left: 13%;
   width: 74%;
   

}

  1. menuBar

{

   width: 100%;

}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

.break { clear:both; }

  • {margin:0; padding:0}

p {line-height:1.4; margin-bottom:12px}

  1. wrapper {position:absolute; top: 0px;left:0px; width:100%; height:768px}
  1. header_new { height:100%; position:absolute; width:100%}

.headerimg { width:100%; height:440px; position:absolute; left: 0px; top: 17px} .btn { height:37px; width:32px; float:left; cursor:pointer; }

  1. back { position:absolute; top: 300px; left: 2%; background-image:url("Btn_back.png");
  filter:alpha(opacity=70); 
  /*-moz-opacity:1.7;*/ 
  opacity: 0.70; }
  1. next { position:absolute; top: 300px; right: 2%; background-image:url("Btn_next.png");
  filter:alpha(opacity=70); 
  /*-moz-opacity:1.7;*/ 
  opacity: 0.70; }
  1. control { position:relative; top: 0px; left: 15px; background-image:url("../images/btn_pause.png"); }

}


  1. header_new

{

  position: absolute; 
  width: 100%;
  top: 17px;
  background-color: 000000;
  

}

  1. header_title

{

  position: absolute;
  width: 70%; 
  left: 14%; 
  top: 0px 

}

  1. footer_new

{

  bottom: 2000px;

}

  1. footer_title

{

  width: 70%; 
  left: 14%; 
  bottom: 2700px

}


  1. navigation_wrapper

{

  position:absolute;
  top: 125px;
  width: 100%;
  background-image:url("Jhu_bg1.png");

}

  1. title

{


    font-size: 19px;
    color: #ffffff;
    font-style: italic;
    background-color: #E8512F;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;

}

  1. navigation_low

{

  width: 70%;
  position: relative;
  left:14%;
  top: 0px;

}

  1. Hopkins

{

  position: absolute;
  width: 30%;
  top:130px;
  left: 80%

} .left-menu a {

   background-color: black; }

.right-menu a {

   background-color: black; }
  1. menubar

{

  background-image:url("Jhu_bg1.png")

}

.right-menu li a:link{

 padding-top: 10px;
 background-color:transparent;
 text-decoration: none;
 color: #fff;

}

.right-menu li a:hover{

 padding-top: 10px;
 background:transparent;
 text-decoration: underline;
 color: #fff;

}

.droplinebar{

position: relative; border-top: 1px dotted #999999; }

.droplinebar ul{

margin: 0; padding: 0; float: left; width: 100%; line-height:20; font: italic 17px Verdana; background: #000 url('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png') repeat-x; /*default background of menu bar*/ }

.droplinebar ul li{ display: inline;

}

.droplinebar ul li a{ float: left; color: white; text-align: center; padding: 13px 15px; text-decoration: none; }

.droplinebar ul li a:visited{ color: white; }

.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/ color: white; background: center center repeat-x; background: #E8512F;

} /* Sub level menus*/ .droplinebar ul li ul{ position: absolute; z-index: 100; left: 0; top: 0; background: #E8512F; /*sub menu background color */ visibility: hidden; }

/* Sub level menu links style */ .droplinebar ul li ul li a{ font: normal 17px Verdana; color:white; padding: 10px 26px; margin: 0; border-bottom: 1px solid #E8512F; width: 100px; background: #E8512F; }

.droplinebar ul li ul li a:visited { color:white; }

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */ background: #BA3114; }


.returnLink {

position: absolute;
right: -10%;
top: -6px;
margin-bottom: 0px;
height: 160px;
width: 200px;
display: block;
background:transparent url('https://static.igem.org/mediawiki/2012/5/54/Return2.png') center top no-repeat; 

}

.returnLink:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/2/2e/Return1.png');

}


  1. navigation_temp

{ background-image: ('https://static.igem.org/mediawiki/2012/e/e2/Jhu_bg1.png'); position: absolute; top: 0px; height: 17px; width: 100%; }

.emily {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/2/28/Emily.png'); 

}

.emily:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/e/ec/Emily_bio.png');

}

.robert {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/0/0f/JHU_Robert.png'); 

}

.robert:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/4/45/Robert_bio.png');

}

.album {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/2/2a/Album.png'); 

}

.album:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/f/f5/Album_bio.png');

}

.george {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/7/78/George.png'); 

}

.george:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/7/7a/George_bio.png');

}


.boeke {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/a/a8/Boeke.jpg'); 

}

.boeke:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/e/e3/Boeke_bio.jpg');

}

.bader {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/7/75/Bader.png'); 

}

.bader:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/0/0a/Bader_bio.png');

}

.patrick {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/4/46/Patrick.jpg'); 

}

.patrick:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/c/c3/Patrick_bio.jpg');

}

.giovanni {

margin-bottom: 0px;
height: 254px;
width: 190px;
display: block;
background-image: url('https://static.igem.org/mediawiki/2012/c/c9/Giovanni.jpg'); 

}

.giovanni:hover {

  background-image: url('https://static.igem.org/mediawiki/2012/5/5b/Giovanni_bio.jpg');

}

img{ border: 8px solid #e8e8e8; background-color: white;

-moz-box-shadow: 2px 2px 3px #222; -webkit-box-shadow: 2px 2px 3px #222; box-shadow: 2px 2px 3px #222; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#222222');

}