|
|
| Line 3: |
Line 3: |
| | <style > | | <style > |
| | /* old stuff, the OG code*/ | | /* old stuff, the OG code*/ |
| − | /*#sideMenu, #top_title {display:none;}
| + | #sideMenu, #top_title {display:none;} |
| | #content { padding:0px; width:92vw; margin-top:-7px; margin-left:0px;} | | #content { padding:0px; width:92vw; margin-top:-7px; margin-left:0px;} |
| | body {margin-left:50px; margin-right:50px; background-color:#A8A8A8; } | | body {margin-left:50px; margin-right:50px; background-color:#A8A8A8; } |
| Line 27: |
Line 27: |
| | | | |
| | | | |
| − | /*.full_size { | + | .full_size { |
| | width:100%; | | width:100%; |
| | } | | } |
| Line 42: |
Line 42: |
| | padding: 10px 15px; | | padding: 10px 15px; |
| | width: 50%; | | width: 50%; |
| − | }*/
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* tables */ /* new stuff*/
| |
| − | table.tablesorter {
| |
| − | font-family:arial;
| |
| − | width: 100%;
| |
| − | text-align: left;
| |
| − | }
| |
| − | table.tablesorter thead th {
| |
| − | text-align:left;
| |
| − | }
| |
| − | table.tablesorter thead tr th, table.tablesorter tfoot tr th {
| |
| − | }
| |
| − | table.tablesorter thead tr .header {
| |
| − | background-image: url(bg.gif);
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center right;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | table.tablesorter tbody td {
| |
| − | vertical-align: top;
| |
| − | }
| |
| − | table.tablesorter tbody tr.odd td {
| |
| − | }
| |
| − | table.tablesorter thead tr .headerSortUp {
| |
| − | background-image: url(asc.gif);
| |
| − | }
| |
| − | table.tablesorter thead tr .headerSortDown {
| |
| − | background-image: url(desc.gif);
| |
| − | }
| |
| − | table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
| |
| − | background-color: #ccc;
| |
| − | }
| |
| − | .heart13 {
| |
| − | background-image: url(heart13.gif);
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /********************************* 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;}
| |
| − | }
| |
| − |
| |
| − | */
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* tables */
| |
| − | table.tablesorter {
| |
| − | font-family:arial;
| |
| − | width: 100%;
| |
| − | text-align: left;
| |
| − | }
| |
| − | table.tablesorter thead th {
| |
| − | text-align:left;
| |
| − | }
| |
| − | table.tablesorter thead tr th, table.tablesorter tfoot tr th {
| |
| − | }
| |
| − | table.tablesorter thead tr .header {
| |
| − | background-image: url(bg.gif);
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center right;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | table.tablesorter tbody td {
| |
| − | vertical-align: top;
| |
| − | }
| |
| − | table.tablesorter tbody tr.odd td {
| |
| − | }
| |
| − | table.tablesorter thead tr .headerSortUp {
| |
| − | background-image: url(asc.gif);
| |
| − | }
| |
| − | table.tablesorter thead tr .headerSortDown {
| |
| − | background-image: url(desc.gif);
| |
| − | }
| |
| − | table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
| |
| − | background-color: #ccc;
| |
| − | }
| |
| − | .heart13 {
| |
| − | background-image: url(heart13.gif);
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center center;
| |
| − | }
| |
| | | | |
| | | | |
