Difference between revisions of "Template:Example"
| Line 3: | Line 3: | ||
<style> | <style> | ||
| − | + | /********************************* DEFAULT WIKI SETTINGS ********************************/ | |
| + | |||
#sideMenu, #top_title {display:none;} | #sideMenu, #top_title {display:none;} | ||
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;} | #content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;} | ||
body {background-color:white; } | body {background-color:white; } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 63: | Line 39: | ||
background-color: #32ddb5; | background-color: #32ddb5; | ||
} | } | ||
| − | |||
/* button on top of the page that takes you back to home */ | /* button on top of the page that takes you back to home */ | ||
| Line 76: | Line 51: | ||
} | } | ||
| − | + | /* hover state for the back to home button */ | |
| − | + | .team_home:hover { | |
| − | .team_home:hover { background-color:black; color: #32ddb5; | + | background-color:black; |
| − | + | color: #32ddb5; | |
| − | + | } | |
| − | + | ||
| Line 99: | Line 73: | ||
content: "×"; | content: "×"; | ||
} | } | ||
| − | |||
/* styling for the ul that creates the buttons */ | /* styling for the ul that creates the buttons */ | ||
| Line 108: | Line 81: | ||
list-style: none; | list-style: none; | ||
} | } | ||
| − | |||
/* styling for the li that are the menu items */ | /* styling for the li that are the menu items */ | ||
| Line 163: | Line 135: | ||
color: #32ddb5; | color: #32ddb5; | ||
} | } | ||
| − | |||
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */ | /* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */ | ||
| Line 187: | Line 158: | ||
color:black; | color:black; | ||
} | } | ||
| − | |||
/********************************* CONTENT OF THE PAGE ********************************/ | /********************************* CONTENT OF THE PAGE ********************************/ | ||
| − | + | /* Wrapper for the content */ | |
| − | + | ||
.content_wrapper { | .content_wrapper { | ||
width: 85%; | width: 85%; | ||
| Line 200: | Line 169: | ||
background-color:white; | background-color:white; | ||
} | } | ||
| + | |||
| + | /*LAYOUT */ | ||
| + | .column { float:left; background-color:white; padding: 10px 0px;} | ||
| + | |||
| + | .full_size {width:100%; } | ||
| + | .full_size img { width:96.5%; padding: 10px 15px;} | ||
| + | |||
| + | .half_size {width: 50%; } | ||
| + | .half_size img { width: 93%; padding: 10px 15px;} | ||
| + | |||
| + | |||
| + | .highlight { background-color: #f2f2f2; width: 90%; margin: auto; padding: 15px 5px;} | ||
| + | |||
| + | |||
| + | /*STYLING */ | ||
/* styling for the titles */ | /* styling for the titles */ | ||
| Line 235: | Line 219: | ||
} | } | ||
| − | .content_wrapper a:hover { text-decoration:none; color:black;} | + | /* hover for the links */ |
| + | .content_wrapper a:hover { | ||
| + | text-decoration:none; | ||
| + | color:black; | ||
| + | } | ||
| + | /* non numbered lists */ | ||
| + | .content_wrapper ul { | ||
| + | padding:0px 20px; | ||
| + | font-size: 13px; | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
| + | } | ||
| + | /* numbered lists */ | ||
| + | .content_wrapper ol { | ||
| + | padding:0px; | ||
| + | font-size: 13px; | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
| + | } | ||
| − | .content_wrapper | + | /* Table */ |
| − | + | .content_wrapper table { | |
| + | width: 97%; | ||
| + | margin:15px 10px; | ||
| + | border: 1px solid #d3d3d3; | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | /* table cells */ | ||
| + | .content_wrapper td { | ||
| + | padding: 10px; | ||
| + | vertical-align: text-top; | ||
| + | border: 1px solid #d3d3d3; | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| − | /* | + | /* table headers */ |
| − | .content_wrapper | + | .content_wrapper th { |
| − | + | padding: 10px; | |
| − | + | vertical-align: text-top; | |
| − | + | border: 1px solid #d3d3d3; | |
| − | + | border-collapse: collapse; | |
| − | + | background-color:#f2f2f2; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | /* Button class */ | ||
| + | .button_click { | ||
| + | margin: 10px auto; | ||
| + | padding: 15px; width:12%; | ||
| + | text-align:center; | ||
| + | font-weight:bold; | ||
| + | background-color: #32ddb5; | ||
| + | cursor:pointer; | ||
| + | -webkit-transition: all 0.4s ease; | ||
| + | -moz-transition: all 0.4s ease; | ||
| + | -ms-transition: all 0.4s ease; | ||
| + | -o-transition: all 0.4s ease; | ||
| + | transition: all 0.4s ease; | ||
| + | } | ||
| + | /* button class on hover */ | ||
| + | .button_click:hover { | ||
| + | background-color:black; | ||
| + | color: #32ddb5; | ||
| + | } | ||
| + | /********************************* RESPONSIVE STYLING ********************************/ | ||
/* IF THE SCREEN IS LESS THAN 1000PX */ | /* IF THE SCREEN IS LESS THAN 1000PX */ | ||
| Line 290: | Line 303: | ||
@media only screen and (max-width: 680px) { | @media only screen and (max-width: 680px) { | ||
| − | |||
.collapsable_menu_control { display:block;} | .collapsable_menu_control { display:block;} | ||
.menu_item {display:none;} | .menu_item {display:none;} | ||
| Line 300: | Line 312: | ||
.highlight {padding:15px 5px;} | .highlight {padding:15px 5px;} | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</style> | </style> | ||
| Line 395: | Line 397: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | |||
| − | |||
</ul> | </ul> | ||
Revision as of 23:12, 28 March 2016
TEAM NAME
MENU 
