|
|
| Line 1: |
Line 1: |
| − | {{Template_All_Teams}} | + | {{Elanvitalkorea}} |
| − | | + | {{ElanVitalKoreaMWlook}} |
| − | <!-- Declare that you are going to use html code instead of wiki code -->
| + | |
| − | <html>
| + | |
| − | | + | |
| − | <!-- Start of CSS-->
| + | |
| − | <style type="text/css">
| + | |
| − | | + | |
| − | /* PAGE LAYOUT */
| + | |
| − |
| + | |
| − | /* page background color*/
| + | |
| − | body {
| + | |
| − | background-color: #A7A9AB;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | </style>
| + | |