Difference between revisions of "Team:UMaryland/UMD demo.css"

(Created page with "div { color: red; }")
 
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
div {
+
.wrapper {  
   color: red;
+
    color:#202020;
 +
    text-shadow: 0 1px 0 #ccc,
 +
              0 2px 0 #c9c9c9,
 +
              0 3px 0 #bbb,
 +
              0 4px 0 #b9b9b9,
 +
              0 5px 0 #aaa,
 +
              0 6px 1px rgba(0,0,0,.1),
 +
              0 0 5px rgba(0,0,0,.1),
 +
              0 1px 3px rgba(0,0,0,.3),
 +
              0 3px 5px rgba(0,0,0,.2),
 +
              0 5px 10px rgba(0,0,0,.25),
 +
              0 10px 10px rgba(0,0,0,.2),
 +
              0 20px 20px rgba(0,0,0,.15);
 +
 
 +
}
 +
 
 +
.container{
 +
    margin: 50px 130px 50px 130px;
 +
    border: 7px solid #E68854; 
 +
    border-radius: 10px;
 +
    display: inline;
 +
    background-color: #F4B98E;
 +
}
 +
 
 +
.container .wrapper p{
 +
    text-align:center;
 +
    font-size: 40px;
 +
}
 +
 
 +
.container a img{
 +
    width: 55%;
 +
    height: 55%;
 +
   margin:  auto;
 +
}
 +
 
 +
a div:hover{
 +
  background-color: #E68854;
 +
}
 +
 
 +
#swagtotheleft {
 +
    overflow: hidden;
 +
    width: 25%;
 +
    float: left;
 +
}
 +
 
 +
#swagtotheright {
 +
    float: right;
 +
    overflow: hidden;
 +
    width: 25%;
 +
 
 
}
 
}

Latest revision as of 16:03, 3 August 2015

.wrapper {

   color:#202020;
   text-shadow: 0 1px 0 #ccc,
              0 2px 0 #c9c9c9,
              0 3px 0 #bbb,
              0 4px 0 #b9b9b9,
              0 5px 0 #aaa,
              0 6px 1px rgba(0,0,0,.1),
              0 0 5px rgba(0,0,0,.1),
              0 1px 3px rgba(0,0,0,.3),
              0 3px 5px rgba(0,0,0,.2),
              0 5px 10px rgba(0,0,0,.25),
              0 10px 10px rgba(0,0,0,.2),
              0 20px 20px rgba(0,0,0,.15);

}

.container{

    margin: 50px 130px 50px 130px; 
    border: 7px solid #E68854;  
    border-radius: 10px;
    display: inline; 
    background-color: #F4B98E; 

}

.container .wrapper p{

    text-align:center; 
    font-size: 40px; 

}

.container a img{

   width: 55%; 
   height: 55%; 
 margin:  auto;

}

a div:hover{

  background-color: #E68854;

}

  1. swagtotheleft {
   overflow: hidden;
   width: 25%;
   float: left;

}

  1. swagtotheright {
   float: right;
   overflow: hidden;
   width: 25%;
 

}