home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web10 / CIS31 / dude_girl.css < prev    next >
Cascading Style Sheet File  |  2011-04-18  |  2KB  |  64 lines
  1. /*
  2.    
  3.    Case Project
  4.    Phase 1   
  5.    Dudegirl Cycling style sheet
  6.    Author: Edina Fuzesi            
  7.    Date:    4/18/2011 
  8.    
  9.    Filename:  dude_girl.css
  10.    Supporting Files: none
  11.  
  12. */
  13.  
  14. body    {background-color: grey; font-family: Arial, Helvetica, sans-serif}
  15. h1    {text-align: center; background-color: rgb(182,101,139); color: white; border-bottom: 3px solid grey; margin: 0px}
  16. h2      {font-size: 2em; letter-spacing: 0.1em; text-indent: 1em; color: rgb(182,0,139)} 
  17.  
  18.  
  19. address {text-align: center; font: normal small-caps 0.8em sans-serif; border-top: 0.5em double grey; padding-top: 1em}
  20.  
  21.  
  22. #outer    {width: 1150px}
  23.  
  24. #inner        {margin-top: 1.0em; margin-left: 12em; padding-left: 1em; border-left: 1em solid grey}
  25.  
  26. #right_col     {width: 200px; position: absolute; top: 390px; left: 1170px}
  27.  
  28.  
  29. #links        {float: left; width: 10em; background-color: white; border-style: outset; border-width: 0.5em}
  30.  
  31. #links a    {display: block; text-decoration: none; background-color: purple; color: white; border-top: 1px black solid; border-right: 3px black solid; border-bottom: 3px black solid; border-left: 1px black solid; width: 130px; margin: 5px; padding: 5px}
  32.  
  33. #links a:hover {background-color: pink; color: purple}
  34.  
  35. #litimage {float: left; width: 308px; height: 200px; margin-bottom: 20px}
  36.  
  37. #raceimage  {text-align: center; width: 900px; height: 265px; margin-bottom: 20px}
  38.  
  39. a:hover:before {content: "{"}
  40.  
  41. a:hover:after {content: "}"}
  42.  
  43. h3:first-letter    {font-size: 200%; color: pink}
  44.  
  45. h4:first-letter    {font-size: 150%; color: pink}
  46.  
  47. #cyclebox       {float: left; margin-left: 80px; margin-bottom: 40px; margin-top: 20px}
  48.  
  49. .bikepic          {list-style-type: none; width: 150px; float: left; font-size:                 20px; margin-left: 10px; margin-bottom: 10px; margin-top: 75px}
  50.  
  51. .bikepic li       {margin: 5px}
  52.  
  53. .bikepic a        {text-decoration: none; color: pink}
  54.  
  55. .bikepic a:hover  {color: purple; text-decoration: none}
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.