Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- This contains EVERYTHING on the page. It is set at a fixed width and dynamic height
- (based on the content).
- @see .clearfix in global.css for mor details.
- */
- #wrapper {
- margin-top: 150px;
- width: 900px;
- margin-left: auto;
- margin-right: auto;
- }
- /*
- General styles attributed to the page. Changes default from browser to this.
- */
- body {
- font-size: 12px;
- font-family: Arial, Helvetica;
- margin: 0px;
- padding: none;
- }
- /*
- Wraps around the main content and blank space on the left (below menu).
- */
- #content-wrapper {
- margin-top: 30px;
- }
- /*
- Contains all of the main page content.
- @see .right in global.css for float options.
- */
- #content {
- width: 680px; /* Same width as banner */
- text-align: justify; /* Keep text looking neat */
- line-height: 1.5em; /* Increased line spacing for easier readability */
- }
- /*
- Ambiguous div, used for the menu, but also used to contain content directly
- below the menu. Use this id if placing content directly below the menu.
- @see .left in global.css for float options.
- */
- #menu {
- width: 200px;
- text-align: left;
- }
- /*
- Following six classes deal with the list contained within the menu.
- */
- #menu ul {
- margin-top: 0px;
- padding-left: 0px; /* Gets rid of the auto-tab effect when using UL */
- width: 200px; /* Sets a fixed width for the list. Can be 100%, but 200px to be safe */
- }
- #menu ul li {
- list-style-type: none; /* Gets rid of the bullet points. Comment out if bullets preferred. */
- border-top: 1px #666 dashed; /* Separates items by adding a dashed border to top of each element. */
- }
- #menu ul li:last-child {
- border-bottom: 1px #666 dashed; /* Bottom element needs an additional border to complete the lis */
- }
- #menu ul li a, a:visited {
- letter-spacing: 1px; /* A nice lettering effect for menu items */
- font-weight: bold;
- color: #000;
- text-decoration: none; /* Removes the underline defaulted by web browsers */
- padding: 6px 10px 6px 10px; /* Top/Left/Bottom/Right padding adds 'depth' to the list */
- }
- #menu ul li a:hover {
- background-color: #EEE; /* Alters background colour when mouse is hovering over item */
- }
- /*
- Sets a fixed width for the banner images/slider. Height is dynamic based on content.
- */
- #banner {
- width: 680px;
- }
- /*
- Map dimensions for Google Maps.
- */
- #map-canvas {
- width: 680px;
- height: 200px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement