Version Differences for JAMWiki:Custom.css

Revision as of 2 May 2020 19:05

Revision as of 2 May 2020 20:34

 								#wiki-content {
 									position: relative;
 									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;
 									font-size: 100%;
 									margin: 16px 0 8px;
 									overflow: hidden;
 									padding: 0 8px 8px;
 								}
 								a {
 									text-decoration: none;
 								        font-weight: lighter;
 									/*color: white;*/
 								}
 								a:hover {
 									border-bottom: 1px dotted #5555bb;
 								}
 								h1 {
 									font-size: 125%;
 								        font-weight=900;
 								}
 								h2 {
 									font-size: 120%;
 								}
 								h3 {
 									font-size: 115%;
 								        font-weight=normal;
 								}
 								h4 {
 									font-size: 100%;
 								        font-color: blue;
 								}
 								/* Logo */
 								#logo {
 									border: 0;
 									margin: 8px 0 0 0;
 									text-align: center;
 									vertical-align: middle;
 								        height: 200px;
 								}
 								a.logo img {
 								    height: 100px;
 								}
 								/* user menu */
 								#user-menu {
 								    float: right;
 								    margin-right: 2em;
 								    padding: 0;
 								    text-align: center;
 								    margin-bottom: 100px;
 								}
 								#user-menu li {
 								    display: inline;
 								    list-style-type: none;
 								    list-style-image: none;
 								    padding: 0 0.8em;
 								    font-size: 90%;
 								}
 								/* Seach box */
 								#nav-search {
 									text-align: center;
 								}
 								#nav-search form {
 									padding: 0;
 									margin: 0;
 								        display: flex;
 								}
 								#nav-search br {
 									padding-top: 4px;
 								}
 								#nav-search input {
 									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;
 								}
 								/*******Default*******************/
 								#nav-menu {
 									margin-top: 2px;
 									padding: 0px;
 								        display:block;
 								        border-radius:5px;
 								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
 								        background: #cfe1eb;
 								        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: #0083ae;
 								}
 								#nav-menu a:hover {
 								        background: #636466;
 								        display:block;
 								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
 								        /*color: #EAC730;*/
 								}
 								#nav-menu a {
 								        text-decoration: none;
 								        color: white;
 								}
 								#nav-menu a.edit {
 								        color: #aa1111;
 									border-color: #aa1111;
 								}
 								#nav-menu hr {
 									border: 0;
 									color: #D8D8E7;
 									height: 1px;
 									margin: 0px;
 								}
 								#nav-menu ul {
 									list-style-type: none;
 									list-style-image: none;
 								        overflow: hidden;
 								        padding: 0px;
 								        margin-left: 10px;
 								        display:block;
 								        line-height: 25px;
 								}
 								#nav-menu li {
 								        margin:0px;
 								}
 								#nav-menu li a {
 								        display:block;
 								}
 								/*********sicflex-menu********/
 								#sicflex-menu {
 								        padding:0px;
 								        margin:0px;
 								}
 								#sicflex-menu p {
 								        color: #000;
 								        font-size:110%
 								}
 								.style-select sicflex-menu {
 								        backugroup-color:black;
 								}
 								#sicflex-menu ul li ul {
 								       margin: 0;
 								}
 								#sicflex-menu li a {
 								        display: block;
 								        margin: 0px;
 								        text-decoration: none;
 								        list-style-type: none;
 								        overflow: hidden;
 								        padding: 0px;
 								}
 								#sicflex-menu li li {
 								        padding:0;
 								        text-decoration: none;
 								        color: #e5e5e5;
 								        border-top: 1px solid #C8C9CA;
 								        line-height: 25px;
 								}
 								/*******contents*****************/
 								#contents {
 									background: white;
 									padding: 14px;
 								        padding-top:5px;
 									padding-bottom: 0px;
 									border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
 								        /* 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%); */
 								}
 								#contents-header {
 									font-size: 12px;
 								        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 {
 								        /*border-bottom: 1px solid #eee;
 								        border-radius:5px 5px 0px 0px;*/
 								        margin:0px;
 								        margin-right:0px;
 								        border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
 								        /*
 								        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 {
 								        background: #636466;
 								}
 								ul.tab-menu li.active {
 								    margin-bottom: -1px !important;
 								    border-bottom: 1px solid #fff;
 								    font-weight: bold;
 								    border: none;
 								}
 								ul.tab-menu li.active a:hover {
 								    border-bottom: none;
 								}
 								ul#tab_menu {
 								    padding: 0;
 								    margin: 0;
 								    margin-left: 0px;
 								    background-color: #0083ae;
 								    width: 100%;
 								    color: white;
 								}
 								ul#tab_menu li {
 								    padding: 0 0.5em;
 								    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 {
 								    font-size: 90%;
 								}
 								ul#tab_menu li a {
 								    color: white;
 								}
 								ul#tab_menu li a.edit {
 								    color: #aa1111;
 								}
 								/********TOC*********/
 								#toc {
 								       width:18em;
 								}