Difference between revisions of "Team:elan vital korea"
Line 1: | Line 1: | ||
<html lang=''> | <html lang=''> | ||
<style> | <style> | ||
+ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
+ | #mainContainer { | ||
+ | width: 980px; | ||
+ | overflow: hidden; | ||
+ | float:left; | ||
+ | margin-left: 20px; | ||
+ | background-color: #EEEDEA; | ||
+ | border-bottom: 6px solid #EE3e53; | ||
+ | } | ||
+ | /* Creates the container for the menu */ | ||
+ | #menuContainer { | ||
+ | float:right; | ||
+ | width: 150px; | ||
+ | background-color: #0e232f; | ||
+ | height: 100%; | ||
+ | border-top: 6px solid #EE3e53; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | /* Creates the container for the content */ | ||
+ | #contentContainer { | ||
+ | background-color: #EEEDEA; | ||
+ | width: 810px; | ||
+ | float: left; | ||
+ | padding: 10px; | ||
+ | border-top: 6px solid #EE3e53; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Set up height place holder for the banner*/ | ||
+ | #bannerContainer { | ||
+ | height:200px; | ||
+ | margin:auto; | ||
+ | text-align:center; | ||
+ | color: #24B694; | ||
+ | } | ||
+ | |||
+ | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | ||
+ | |||
+ | |||
+ | /*Change the styling of text for everything inside main container*/ | ||
+ | #mainContainer p { | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | font-size: 12px; | ||
+ | color: #0e232f; | ||
+ | } | ||
+ | |||
+ | /*This changes the color and font family */ | ||
+ | #contentContainer h1, h2, h3, h4, h5, h6 { | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | color: #0e232f; | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | /*Style of the links - links are different inside the menu */ | ||
+ | #contentContainer a { | ||
+ | font-weight: bold; | ||
+ | color: #ee3e53; | ||
+ | } | ||
+ | |||
+ | /* Styling links on hover- links are different inside the menu */ | ||
+ | #contentContainer a:hover{ | ||
+ | color: #f4b248; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of tables */ | ||
+ | #contentContainer table { | ||
+ | border: 1px solid #0e232f; | ||
+ | border-collapse: collapse; | ||
+ | width: 90% | ||
+ | margin: auto; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table cells*/ | ||
+ | #contentContainer td { | ||
+ | padding: 10px; | ||
+ | border: 1px solid #0e232f; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | background-color: #EEEDEA; | ||
+ | } | ||
+ | |||
+ | /*Change the styling of table headers */ | ||
+ | #contentContainer th { | ||
+ | padding: 10px; | ||
+ | border: 1px solid #0e232f; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | background-color: #e8d5b7; | ||
+ | } | ||
+ | /*CLASSES */ | ||
+ | /*Clear class for all the pages, adds spacing too*/ | ||
+ | .clear{ | ||
+ | clear:both; | ||
+ | height: 10px; | ||
+ | } | ||
+ | |||
+ | /* highlight box for special messages */ | ||
+ | .highlightBox { | ||
+ | width:500px; | ||
+ | margin:auto; | ||
+ | background-color: #E8D5B7; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | padding: 15px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
Revision as of 10:38, 26 August 2015