|
|
Line 4: |
Line 4: |
| | | |
| <style> | | <style> |
− | /********************************* DEFAULT WIKI SETTINGS ********************************/
| |
− | #sideMenu,
| |
− | #top_title {
| |
− | display: none;
| |
− | }
| |
| | | |
− | #content {
| |
− | padding: 0px;
| |
− | width: 100%;
| |
− | }
| |
| | | |
− | body { | + | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ |
− | background-color: white;
| + | |
− | width: 100%;
| + | |
− | margin-top: 50px;
| + | |
− | !important;
| + | |
− | }
| + | |
| | | |
− | #bodyContent h1, | + | /* Clear the default wiki settings */ |
− | #bodyContent h2,
| + | |
− | #bodyContent h3,
| + | |
− | #bodyContent h4,
| + | |
− | #bodyContent h5 {
| + | |
− | margin-bottom: 0px;
| + | |
− | }
| + | |
| | | |
− | #bodyContent { | + | #home_logo, #sideMenu { display:none; } |
− | padding-right: 0px;
| + | #sideMenu, #top_title, .patrollink {display:none;} |
− | } | + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} |
| + | body {background-color:white; } |
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } |
| | | |
− | #globalWrapper {
| |
− | font-size: 100%;
| |
− | padding: 0px;
| |
− | margin: -10px -20px -20px -20px;
| |
− | }
| |
− |
| |
− | .navbar-collapse {
| |
− | padding-left: 0px;
| |
− | }
| |
− |
| |
− | #banner {
| |
− | margin-top: 50px;
| |
− | }
| |
− |
| |
− | #sideMenu {
| |
− | margin-top: 10px;
| |
− | }
| |
− |
| |
− | .dropdown-menu li:hover .sub-menu {
| |
− | visibility: visible;
| |
− | }
| |
− |
| |
− | .dropdown:hover .dropdown-menu {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .navbar-nav .dropdown-menu,
| |
− | .navbar .dropdown-menu {
| |
− | margin-top: 0;
| |
− | }
| |
− |
| |
− | /********************************* CONTENT OF THE PAGE ********************************/
| |
− |
| |
− | /* Wrapper for the content */
| |
− |
| |
− | .content_wrapper {
| |
− | width: 85%;
| |
− | margin-left: 150px;
| |
− | padding: 0px;
| |
− | float: left;
| |
− | background-color: white;
| |
− | }
| |
− |
| |
− | /*LAYOUT */
| |
− |
| |
− | .column {
| |
− | padding: 10px 0px;
| |
− | float: left;
| |
− | background-color: white;
| |
− | }
| |
− |
| |
− | .full_size {
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .full_size img {
| |
− | padding: 10px 15px;
| |
− | width: 96.5%;
| |
− | }
| |
− |
| |
− | .half_size {
| |
− | width: 50%;
| |
− | }
| |
− |
| |
− | .half_size img {
| |
− | padding: 10px 15px;
| |
− | width: 93%;
| |
− | }
| |
− |
| |
− | .img:hover {
| |
− | opacity: 1.0 !important;
| |
− | }
| |
− |
| |
− | .clear {
| |
− | clear: both;
| |
− | }
| |
− |
| |
− | .highlight {
| |
− | width: 90%;
| |
− | margin: auto;
| |
− | padding: 15px 5px;
| |
− | background-color: #f2f2f2;
| |
− | }
| |
− |
| |
− | .judges-will-not-evaluate {
| |
− | border: 4px solid #72c9b6;
| |
− | display: block;
| |
− | margin: 5px 15px;
| |
− | width: 95%;
| |
− | font-weight: bold;
| |
− | }
| |
− |
| |
− | /********************************* RESPONSIVE STYLING ********************************/
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 1000PX */
| |
− |
| |
− | @media only screen and (max-width: 1000px) {
| |
− | #content {
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .menu_wrapper {
| |
− | width: 15%;
| |
− | }
| |
− |
| |
− | .content_wrapper {
| |
− | margin-left: 15%;
| |
− | }
| |
− |
| |
− | .menu_item {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .icon {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .highlight {
| |
− | padding: 10px 0px;
| |
− | }
| |
− | }
| |
− |
| |
− | /* IF THE SCREEN IS LESS THAN 680PX */
| |
− |
| |
− | @media only screen and (max-width: 680px) {
| |
− | .collapsable_menu_control {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .menu_item {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .menu_wrapper {
| |
− | width: 100%;
| |
− | height: 15%;
| |
− | position: relative;
| |
− | }
| |
− |
| |
− | .content_wrapper {
| |
− | width: 100%;
| |
− | margin-left: 0px;
| |
− | }
| |
− |
| |
− | .column.half_size {
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | .column img {
| |
− | width: 100%;
| |
− | padding: 5px 0px;
| |
− | }
| |
− |
| |
− | .icon {
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .highlight {
| |
− | padding: 15px 5px;
| |
− | }
| |
− | }
| |
| </style> | | </style> |
| | | |