Version Differences for JAMWiki:Custom.css

Revision as of 15 June 2020 19:48

Revision as of 15 June 2020 19:55

 * {
-								  box-sizing: border-box;
+								    box-sizing: border-box;
 								  }
 								body {
 								    background: #f5f5f5;
 								    font-weight: lighter;
 }
-								@media screen and (min-width: 601px) {
-								    body {
-								        background: #f5f5f5;
-								        font-weight: lighter;
-								    }
-								    a {
-								        text-decoration: none;
-								        font-weight: lighter;
-								        color: #0083ae;
-								    }
-								    h1 {
+								a {
-								        font-size: 160%;
+								    text-decoration: none;
-								        font-weight=900;
+								    font-weight: lighter;
-								        border:none;
+								    color: #0083ae;
-								    }
+								}
-								    h2 {
-								        font-size: 140%;
-								        border:none;
-								    }
-								    h3 {
-								        font-size: 120%;
-								        font-weight=normal;
-								        border:none;
-								    }
-								    h4 {
-								        font-size: 100%;
-								        font-color: blue;
-								        border:none;
-								    }
-								    #wiki-page {
+								h1 {
-								        /*background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    font-size: 160%;
-								        background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    font-weight:900;
-								        background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    border:none;
-								        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 {
+								h2 {
-								        background: #0083ae url(../images/wiki-bg.png) no-repeat right top;
+								    font-size: 140%;
-								        background-size: 22%;
+								    border:none;
-								    }
+								}
-								    #wiki-navigation {
+								h3 {
-								        width:20%;
+								    font-size: 120%;
-								        position: inherit;
+								    font-weight:normal;
-								        top: 5px;
+								    border:none;
-								        left: 5px;
+								}
-								        font-size: 14px;
-								        padding: 5px 5px 5px 0;
-								        vertical-align: top;
-								        display: table-cell;
-								    }
-								    #wiki-content {
+								h4 {
-								        position: inherit;
+								    font-size: 100%;
-								        margin-left: 0px;
+								    color: blue;
-								        font-size: 15px;
+								    border:none;
-								        vertical-align: top;
+								}
-								        font-weight: lighter;
-								        width: 80%;
-								        background:#f5f5f5;
-								    }
-								    .portlet {
+								#wiki-page {
-								        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%);*/
 								    padding: 0px;
 								}
 								#wiki-main {
 								        display:flex;
 								}
-								        border: 1px solid #D8D8E7;
+								#wiki-header {
-								        font-size: 100%;
+								    background: #0083ae url(../images/wiki-bg.png) no-repeat right top;
-								        margin: 16px 0 8px;
+								    background-size: 22%;
-								        overflow: hidden;
+								}
-								        padding: 0 8px 8px;
-								    }
 								#wiki-navigation {
 								    width:20%;
 								    position: inherit;
 								    top: 5px;
 								    left: 5px;
 								    font-size: 14px;
 								    padding: 5px 5px 5px 0;
 								    vertical-align: top;
 								    display: table-cell;
 								}
-								    /* Logo */
+								#wiki-content {
 								    position: inherit;
 								    margin-left: 0px;
 								    font-size: 15px;
 								    vertical-align: top;
 								    font-weight: lighter;
 								    width: 80%;
 								    background:#f5f5f5;
 								}
-								    #logo {
+								.portlet {
-								        border: 0;
+								    background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        margin: 8px 0 0 0;
+								    background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        float: left;
+								    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%);
-								    a.logo img {
+								    border: 1px solid #D8D8E7;
-								        height: 100px;
+								    font-size: 100%;
-								    }
+								    margin: 16px 0 8px;
 								    overflow: hidden;
 								    padding: 0 8px 8px;
 								}
-								    /* user menu */
-								    #user-menu {
+								/* Logo */
-								        float: right;
-								        margin-right: 2em;
-								        padding: 0;
-								        text-align: center;
-								    }
-								    #user-menu li {
+								#logo {
-								        display: inline;
+								    border: 0;
-								        list-style-type: none;
+								    margin: 8px 0 0 0;
-								        list-style-image: none;
+								    float: left;
-								        padding: 0 0.8em;
+								}
-								        font-size: 90%;
-								    }
-								    /* Search box */
+								a.logo img {
 								    height: 100px;
 								}
-								    #nav-search {
+								/* user menu */
-								        text-align: center;
-								    }
-								    #nav-search form {
-								        padding: 0;
-								        margin: 0;
-								        display: flex;
-								    }
-								    #nav-search br {
+								#user-menu {
-								        padding-top: 4px;
+								    float: right;
-								    }
+								    margin-right: 2em;
-								    #nav-search input {
+								    padding: 0;
-								        margin-top: 8px;
+								    text-align: center;
-								        background-color: white;
+								}
-								        border: 1px solid #D8D8E7;
-								    }
-								    #nav-search input[type="text"] {
-								        width: 50%;
-								        height: 25px;
-								    }
-								    div#nav-search.portlet {
-								        background: transparent;
-								        border: none;
-								        padding: 50px 0px 50px 10%;
-								    }
 								#user-menu li {
 								    display: inline;
 								    list-style-type: none;
 								    list-style-image: none;
 								    padding: 0 0.8em;
 								    font-size: 90%;
 								}
-								    /*******Default*******************/
+								/* Search box */
-								    #nav-menu {
+								#nav-search {
-								        margin-top: 2px;
+								    text-align: center;
-								        padding: 0px;
+								}
-								        display:block;
+								#nav-search form {
-								        border-radius:5px;
+								    padding: 0;
-								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+								    margin: 0;
-								        border: none;
+								    display: flex;
-								        /*color: #e5e5e5;*/
+								}
-								        /*
-								        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: #f5f5f5;
-								    }
-								    #nav-menu a:hover {
+								#nav-search br {
-								        background: #CCCC;
+								    padding-top: 4px;
-								        display:block;
+								}
-								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+								#nav-search input {
-								        /*color: #EAC730;*/
+								    margin-top: 8px;
-								    }
+								    background-color: white;
 								    border: 1px solid #D8D8E7;
 								}
 								#nav-search input[type="text"] {
 								    width: 50%;
 								    height: 25px;
 								}
 								div#nav-search.portlet {
 								    background: transparent;
 								    border: none;
 								    padding: 50px 0px 50px 10%;
 								}
-								    #nav-menu a {
-								        text-decoration: none;
-								        color: black;
-								        font-weight: 500;
-								    }
+								/*******Default*******************/
-								    #nav-menu a.edit {
+								#nav-menu {
-								        /*color: #aa1111;*/
+								    margin-top: 2px;
-								        border-color: #aa1111;
+								    padding: 0px;
-								    }
+								    display:block;
 								    border-radius:5px;
 								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
 								    border: none;
 								    /*color: #e5e5e5;*/
 								    /*
 								    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: #f5f5f5;
 								}
-								    #nav-menu hr {
+								#nav-menu a:hover {
-								        border: none;
+								    background: #CCCC;
-								        color: #D8D8E7;
+								    display:block;
-								        height: 1px;
+								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
-								        margin: 0px;
+								    /*color: #EAC730;*/
-								    }
+								}
-								    #nav-menu ul {
+								#nav-menu a {
-								        list-style-type: none;
+								    text-decoration: none;
-								        list-style-image: none;
+								    color: black;
-								        overflow: hidden;
+								    font-weight: 500;
-								        padding: 0px;
-								        margin-left: 10px;
-								        display:block;
-								        line-height: 25px;
-								    }
-								    #nav-menu li {
+								}
-								        margin:0px;
-								    }
-								    #nav-menu li a {
+								#nav-menu a.edit {
-								        display:block;
+								    /*color: #aa1111;*/
-								    }
+								    border-color: #aa1111;
 								}
-								    /*********sicflex-menu********/
+								#nav-menu hr {
 								    border: none;
 								    color: #D8D8E7;
 								    height: 1px;
 								    margin: 0px;
 								}
-								    #sicflex-menu {
+								#nav-menu ul {
-								        padding:0px;
+								    list-style-type: none;
-								        margin:0px;
+								    list-style-image: none;
-								    }
+								    overflow: hidden;
 								    padding: 0px;
 								    margin-left: 10px;
 								    display:block;
 								    line-height: 25px;
 								}
-								    #sicflex-menu p {
+								#nav-menu li {
-								        color: #000;
+								    margin:0px;
-								        font-size:110%;
+								}
-								    }
-								    .style-select sicflex-menu {
+								#nav-menu li a {
-								        backugroup-color:black;
+								    display:block;
-								    }
+								}
-								    #sicflex-menu ul li ul {
+								/*********sicflex-menu********/
-								        margin: 0;
-								    }
-								    #sicflex-menu li a {
+								#sicflex-menu {
-								        display: block;
+								    padding:0px;
-								        margin: 0px;
+								    margin:0px;
-								        text-decoration: none;
+								}
-								        list-style-type: none;
-								        overflow: hidden;
-								        padding: 0px;
-								    }
-								    #sicflex-menu li li {
+								#sicflex-menu p {
-								        padding:0;
+								    color: #000;
-								        text-decoration: none;
+								    font-size:110%;
-								        color: #e5e5e5;
+								}
-								        border-top: 1px solid #C8C9CA;
-								        line-height: 25px;
-								    }
-								    /*******contents*****************/
+								.style-select sicflex-menu {
 								    background-color:black;
 								}
-								    #contents {
+								#sicflex-menu ul li ul {
-								        background: f5f5f5;
+								    margin: 0;
-								        padding: 14px;
+								}
-								        padding-top:5px;
-								        padding-bottom: 0px;
-								        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%);
+								#sicflex-menu li a {
-								        background-image: -o-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    display: block;
-								        background-image: -moz-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    margin: 0px;
-								        background-image: -webkit-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
+								    text-decoration: none;
-								        background-image: -ms-linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%); */
+								    list-style-type: none;
-								    }
+								    overflow: hidden;
-								    #contents-header {
+								    padding: 0px;
-								        font-size: 0.75rem;
+								}
-								            text-align:right;
-								        margin-bottom: 0.1em;
-								            padding:0px;
-								    }
-								    #contentSub {
-								        color: #7d7d7d;
-								        margin: 0 0 1em 1em;
-								    }
-								    #siteNotice {
-								        position: relative;
-								        text-align: right;
-								        font-size: 90%;
-								        padding: 0 0.9em;
-								    }
-								    #content-article {
-								        padding: 0px 0 10px 0;
-								    }
-								    /*******Menu Horizontal*********/
-								    #tab_menu li {
+								#sicflex-menu li li {
-								        /*border-bottom: 1px solid #eee;
+								    padding:0;
-								        border-radius:5px 5px 0px 0px;*/
+								    text-decoration: none;
-								        margin:0px;
+								    color: #e5e5e5;
-								        margin-right:0px;
+								    border-top: 1px solid #C8C9CA;
-								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+								    line-height: 25px;
-								        /*
+								}
-								        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;
-								        border:none;
-								    }
-								    #tab_menu li:hover {
+								/*******contents*****************/
-								        background: #636466;
-								    }
-								    ul.tab-menu li.active {
+								#contents {
-								        margin-bottom: -1px !important;
+								    background: f5f5f5;
-								        border-bottom: 1px solid #fff;
+								    padding: 14px;
-								        font-weight: bold;
+								    padding-top:5px;
-								        border: none;
+								    padding-bottom: 0px;
-								    }
+								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
 								    line-height: 1.625rem;
 								    border: none;
-								    ul.tab-menu li.active a:hover {
+								    /* background-image: linear-gradient(bottom, rgb(238,238,238) 98%, rgb(204,204,204) 100%);
-								        border-bottom: none;
+								    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%); */
 								}
 								#contents-header {
 								    font-size: 0.75rem;
 								        text-align:right;
 								    margin-bottom: 0.1em;
 								        padding:0px;
 								}
 								#contentSub {
 								    color: #7d7d7d;
 								    margin: 0 0 1em 1em;
 								}
 								#siteNotice {
 								    position: relative;
 								    text-align: right;
 								    font-size: 90%;
 								    padding: 0 0.9em;
 								}
 								#content-article {
 								    padding: 0px 0 10px 0;
 								}
 								/*******Menu Horizontal*********/
-								    ul#tab_menu {
+								#tab_menu li {
-								        padding: 0;
+								    /*border-bottom: 1px solid #eee;
-								        margin: 0;
+								    border-radius:5px 5px 0px 0px;*/
-								        margin-left: 0px;
+								    margin:0px;
-								        background-color: #0083ae;
+								    margin-right:0px;
-								        /*width: 100%;*/
+								    border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
-								        color: white;
+								    /*
-								    }
+								    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;
 								    border:none;
 								}
-								    ul#tab_menu li {
+								#tab_menu li:hover {
-								        padding: 0 0.5em;
+								    background: #636466;
-								        margin: 4px;
+								}
-								        margin-right: 0px;
-								        font-size: 85%;
-								        margin-top: 0px;
-								        margin-bottom: 0px;
-								        padding-top: 8px;
-								        padding-bottom: 8px;
-								    }
-								    ul#tab_menu li.active {
+								ul.tab-menu li.active {
-								        font-size: 90%;
+								    margin-bottom: -1px !important;
-								        background-color: #636466;
+								    border-bottom: 1px solid #fff;
-								    }
+								    font-weight: bold;
 								    border: none;
 								}
-								    ul#tab_menu li a {
+								ul.tab-menu li.active a:hover {
-								        color: white;
+								    border-bottom: none;
-								    }
+								}
-								    ul#tab_menu li a.edit {
+								ul#tab_menu {
-								        color: #aa1111;
+								    padding: 0;
-								    }
+								    margin: 0;
 								    margin-left: 0px;
 								    background-color: #0083ae;
 								    /*width: 100%;*/
 								    color: white;
 								}
-								    /********TOC*********/
+								ul#tab_menu li {
-								    #toc {
+								    padding: 0 0.5em;
-								        width:18em;
+								    margin: 4px;
-								    }
+								    margin-right: 0px;
 								    font-size: 85%;
 								    margin-top: 0px;
 								    margin-bottom: 0px;
 								    padding-top: 8px;
 								    padding-bottom: 8px;
 								}
-								    /* WIKI FOOTER */
+								ul#tab_menu li.active {
-								    #wiki-footer {
+								    font-size: 90%;
-								        /*color:white;*/
+								    background-color: #636466;
-								        font-size: 0.9375rem;
+								}
-								        font-weight: lighter;
-								        margin: 0px;
-								        padding:0px;
-								    }
-								    #start-bottom {
-								        padding-left: 10px;
-								    }
-								    #start-bottom a {
+								ul#tab_menu li a {
-								        color:#0083ae;
+								    color: white;
-								    }
+								}
-								    #ruta {
-								        color:#0083ae;
-								        font-weight: lighter;
-								        padding:0px;
-								        margin:0px;
-								        font-family:monospace;
-								        font-size:0.75rem;
-								    }
-								    #boxIn {
+								ul#tab_menu li a.edit {
-								        font-weight: lighter;
+								    color: #aa1111;
-								        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 {
+								/********TOC*********/
-								        width:100%;
+								#toc {
-								        max-height:250px;
+								    width:18em;
-								        overflow: hidden;
-								    }
 }
 								/* 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;
 								}
 								#ruta {
 								    color:#0083ae;
 								    font-weight: lighter;
 								    padding:0px;
 								    margin:0px;
 								    font-family:monospace;
 								    font-size:0.75rem;
 								}
 								#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;
 								}
 								@media screen and (min-width: 601px) {
 								}
 @media screen and (max-width: 600px) {
     #wiki-content {
         width:20%;
         font-size: 80%;
-								        display: none;
     }
 }