Version Differences for JAMWiki:Custom.css

Revision as of 2 May 2020 20:34

Revision as of 22 September 2020 20:24

-								#wiki-content {
+								* {
-									position: relative;
+								    box-sizing: border-box;
-									margin-left: 185px;
+								  }
-									font-size: 100%;
-									vertical-align: top;
-								}
-								#wiki-page {
-								        /*background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);*/
-								        background-color: #0083ae;
-								}
-								.portlet {
-								        background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-									border: 1px solid #D8D8E7;
+								body {
-									font-size: 100%;
+								    background: #f5f5f5;
-									margin: 16px 0 8px;
+								    font-weight: lighter;
-									overflow: hidden;
-									padding: 0 8px 8px;
 }
 a {
-									text-decoration: none;
+								    text-decoration: none;
-								        font-weight: lighter;
+								    font-weight: lighter;
-									/*color: white;*/
+								    color: #0083ae;
 }
-								a:hover {
-									border-bottom: 1px dotted #5555bb;
-								}
 h1 {
-									font-size: 125%;
+								    font-size: 160%;
-								        font-weight=900;
+								    font-weight:900;
 								    border:none;
 }
 h2 {
-									font-size: 120%;
+								    font-size: 140%;
 								    border:none;
 }
 h3 {
-									font-size: 115%;
+								    font-size: 120%;
-								        font-weight=normal;
+								    font-weight:normal;
 								    border:none;
 								    color:#0083ae;
 }
 h4 {
-									font-size: 100%;
+								    font-size: 100%;
-								        font-color: blue;
+								    color: black;
 								    font-weight: bold;
 								    border:none;
 }
 								p {
 								    line-height: 1.625rem;
 								}
 								pre {
 								     background-color: #fbfbfd;
 								     border: 1px dashed #7e7ecb;
 								     color: black;
 								     font-size: 100%;
 								     line-height: 1.625rem;
 								     padding: 1em;
 								}
 								.video {
 								     margin-left:auto;
 								     margin-right:auto;
 								}
 								#wiki-page {
 								    /*background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);*/
 								    padding: 0px;
 								}
 								#wiki-main {
 								        display:flex;
 								}
 								#wiki-header {
 								    background: #0083ae url(../images/wiki-bg.png) no-repeat right top;
 								    background-size: 22%;
 								}
 								#wiki-navigation {
 								    width:20%;
 								    position: inherit;
 								    top: 5px;
 								    left: 5px;
 								    font-size: 14px;
 								    padding: 5px 5px 5px 0;
 								    vertical-align: top;
 								    display: table-cell;
 								}
 								#wiki-content {
 								    position: inherit;
 								    margin-left: 0px;
 								    font-size: 15px;
 								    vertical-align: top;
 								    font-weight: lighter;
 								    width: 80%;
 								    background:#f5f5f5;
 								}
 								.portlet {
 								    background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
 								    border: 1px solid #D8D8E7;
 								    font-size: 100%;
 								    margin: 16px 0 8px;
 								    overflow: hidden;
 								    padding: 0 8px 8px;
 								}
 /* Logo */
-									border: 0;
+								    border: 0;
-									margin: 8px 0 0 0;
+								    margin: 8px 0 0 0;
-									text-align: center;
+								    float: left;
-									vertical-align: middle;
-								        height: 200px;
 }
     padding: 0;
     text-align: center;
-								    margin-bottom: 100px;
 }
 }
-								/* Seach box */
+								/* Search box */
 #nav-search {
-									text-align: center;
+								    text-align: center;
 }
 #nav-search form {
-									padding: 0;
+								    padding: 0;
-									margin: 0;
+								    margin: 0;
-								        display: flex;
+								    display: flex;
 }
-									padding-top: 4px;
+								    padding-top: 4px;
 }
 #nav-search input {
-									margin-top: 8px;
+								    margin-top: 8px;
-									background-color: white;
+								    background-color: white;
-									border: 1px solid #D8D8E7;
+								    border: 1px solid #D8D8E7;
 }
 #nav-search input[type="text"] {
-									width: 50%;
+								    width: 50%;
-								        height: 25px;
+								    height: 25px;
 }
 div#nav-search.portlet {
     background: transparent;
     border: none;
 								    padding: 50px 0px 50px 10%;
 }
 #nav-menu {
-									margin-top: 2px;
+								    margin-top: 2px;
-									padding: 0px;
+								    padding: 0px;
-								        display:block;
+								    display:block;
-								        border-radius:5px;
+								    border-radius:5px;
-								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
-								        background: #cfe1eb;
+								    border: none;
-								        color: #e5e5e5;
+								    /*color: #e5e5e5;*/
-								        /*
+								    /*
-								        background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        */
+								    */
-								        background: #0083ae;
+								    background: #f5f5f5;
 }
-								        background: #636466;
+								    background: #CCCC;
-								        display:block;
+								    display:block;
-								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
-								        /*color: #EAC730;*/
+								    /*color: #EAC730;*/
 }
-								        text-decoration: none;
+								    text-decoration: none;
-								        color: white;
+								    color: black;
 								    font-weight: 500;
 }
-								        color: #aa1111;
+								    /*color: #aa1111;*/
-									border-color: #aa1111;
+								    border-color: #aa1111;
 }
-									border: 0;
+								    border: none;
-									color: #D8D8E7;
+								    color: #D8D8E7;
-									height: 1px;
+								    height: 1px;
-									margin: 0px;
+								    margin: 0px;
 }
-									list-style-type: none;
+								    list-style-type: none;
-									list-style-image: none;
+								    list-style-image: none;
-								        overflow: hidden;
+								    overflow: hidden;
-								        padding: 0px;
+								    padding: 0px;
-								        margin-left: 10px;
+								    margin-left: 10px;
-								        display:block;
+								    display:block;
-								        line-height: 25px;
+								    line-height: 25px;
 }
-								        margin:0px;
+								    margin:0px;
 }
-								        display:block;
+								    display:block;
 }
 #sicflex-menu {
-								        padding:0px;
+								    padding:0px;
-								        margin:0px;
+								    margin:0px;
 }
-								        color: #000;
+								    color: #000;
-								        font-size:110%
+								    font-size:110%;
 }
-								        backugroup-color:black;
+								    background-color:black;
 }
-								       margin: 0;
+								    margin: 0;
 }
-								        display: block;
+								    display: block;
-								        margin: 0px;
+								    margin: 0px;
-								        text-decoration: none;
+								    text-decoration: none;
-								        list-style-type: none;
+								    list-style-type: none;
-								        overflow: hidden;
+								    overflow: hidden;
-								        padding: 0px;
+								    padding: 0px;
 }
-								        padding:0;
+								    padding:0;
-								        text-decoration: none;
+								    text-decoration: none;
-								        color: #e5e5e5;
+								    color: #e5e5e5;
-								        border-top: 1px solid #C8C9CA;
+								    border-top: 1px solid #C8C9CA;
-								        line-height: 25px;
+								    line-height: 25px;
 }
 #contents {
-									background: white;
+								    background: f5f5f5;
-									padding: 14px;
+								    padding: 14px;
-								        padding-top:5px;
+								    padding-top:5px;
-									padding-bottom: 0px;
+								    padding-bottom: 0px;
-									border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
 								    line-height: 1.625rem;
 								    border: none;
-								        /* background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    /* background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%); */
+								    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%); */
 }
 #contents-header {
-									font-size: 12px;
+								    font-size: 0.75rem;
         text-align:right;
-									margin-bottom: 0.1em;
+								    margin-bottom: 0.1em;
         padding:0px;
 }
-									color: #7d7d7d;
+								    color: #7d7d7d;
-									margin: 0 0 1em 1em;
+								    margin: 0 0 1em 1em;
 }
 #siteNotice {
-									position: relative;
+								    position: relative;
-									text-align: right;
+								    text-align: right;
-									font-size: 90%;
+								    font-size: 90%;
-									padding: 0 0.9em;
+								    padding: 0 0.9em;
 }
 #content-article {
-									padding: 0px 0 10px 0;
+								    padding: 0px 0 10px 0;
 }
 /*******Menu Horizontal*********/
 #tab_menu li {
-								        /*border-bottom: 1px solid #eee;
+								    /*border-bottom: 1px solid #eee;
-								        border-radius:5px 5px 0px 0px;*/
+								    border-radius:5px 5px 0px 0px;*/
-								        margin:0px;
+								    margin:0px;
-								        margin-right:0px;
+								    margin-right:0px;
-								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
-								        /*
+								    /*
-								        background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);*/
+								    background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);*/
-								        background-color: #0083ae;
+								    background-color: #0083ae;
-								        border:none;
+								    border:none;
 }
-								        background: #636466;
+								    background: #636466;
 }
     margin-left: 0px;
     background-color: #0083ae;
-								    width: 100%;
+								    /*width: 100%;*/
     color: white;
 }
 ul#tab_menu li.active {
     font-size: 90%;
 								    background-color: #636466;
 }
 /********TOC*********/
 #toc {
-								       width:18em;
+								    width:18em;
 								}
 								/* WIKI FOOTER */
 								#wiki-footer {
 								    /*color:white;*/
 								    font-size: 0.9375rem;
 								    font-weight: lighter;
 								    margin: 0px;
 								    padding:0px;
 								}
 								#start-bottom {
 								    padding-left: 10px;
 								}
 								#start-bottom a {
 								    color:#0083ae;
 								}
 								/* Style for Template */
 								#Box {
 								     color:black;
 								     padding:4px 8px;
 								     margin:5px 5px 5px 5px;
 								     border: 1px solid #0083ae;
 								     background-color: #b2d9e6;
 								     font-size:100%;
 								     font-weight:normal;
 								     color: black;
 								}
 								#ruta {
 								    color:#0083ae;
 								    font-weight: lighter;
 								    padding:0px;
 								    margin:0px;
 								    font-size:0.85rem;
 								}
 								#boxIn {
 								    font-weight: lighter;
 								    padding:0px;
 								    margin:0px;
 								    background-color: #dcdcdc;
 								}
 								#showInfo {
 								    color:#595;
 								    padding:4px 8px;
 								    margin:10px 25px 25px 25px;
 								    border:1px solid #0083ae;
 								    background-color:#EBEDEF"
 								}
 								#showImage {
 								    width:100%;
 								    max-height:250px;
 								    overflow: hidden;
 								}
 								/* End Style for Template */
 								#video {
 								    text-align:center;
 								}
 								#header-printeable {
 								    background: #0083ae;
 								    color: white;
 								    text-align: center;
 								}
 								#ButtonBlue {
 								    color: white;
 								    padding:4px 8px;
 								    margin:5px 5px 5px 5px;
 								    background-color: #0000FF;
 								    width: fit-content;
 								    font-weight: 500;
 								    text-align: center;
 								}
 								#ButtonRed {
 								    color: white;
 								    padding:4px 8px;
 								    margin:5px 5px 5px 5px;
 								    background-color: #FF0000;
 								    width: fit-content;
 								    font-weight: 500;
 								    text-align: center;
 								}
 								@media screen and (min-width: 601px) {
 								}
 								@media screen and (max-width: 600px) {
 								    #wiki-content {
 								        font-size: 80%;
 								        width: 100%;
 								    }
 								    #wiki-navigation {
 								        width:0%;
 								        font-size: 80%;
 								        visibility: hidden;
 								    }
 								    #wiki-header {
 								        background: #0083ae;
 								        background-size: 22%;
 								    }
 								    #nav-search input[type="text"] {
 								        width: 70%;
 								        height: 25px;
 								    }
 }