JAMWiki:Custom.css

Revision as of 15 June 2020 14:29 by jgarcia (Comments | Contribs)

(diff) ← Previous revision | Current revision | Next revision → (diff)

body {

   background: #f5f5f5;
   font-weight: lighter;

} a { text-decoration: none;

       font-weight: lighter;
       color: #0083ae;

}

h1 { font-size: 160%;

       font-weight=900;
       border:none;

} 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 {

       /*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 */

logo { border: 0; margin: 8px 0 0 0;
```
       float: left;
```
}

a.logo img {

   height: 100px;

}

/* user menu */

user-menu {

   float: right; 
   margin-right: 2em; 
   padding: 0; 
   text-align: center;

}

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;
     padding: 50px 0px 50px 10%;

}

/*******Default*******************/

nav-menu { margin-top: 2px; 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 a:hover {

       background: #CCCC;
       display:block;
       border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
       /*color: #EAC730;*/

}

nav-menu a {

       text-decoration: none;
       color: black;
       font-weight: 500;

}

nav-menu a.edit {
```
       /*color: #aa1111;*/
```
border-color: #aa1111;

}

nav-menu hr { border: none; 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: f5f5f5; 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%);
       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%; 
   background-color: #636466;

}

ul#tab_menu li a {

   color: white;

}

ul#tab_menu li a.edit {

   color: #aa1111;

}

/********TOC*********/

toc {
```
      width:18em;
```
}

/* WIKI FOOTER */

wiki-footer {

     /*color:white;*/
     font-size: 15px;
     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;
      background-color: #fbfbfd;
      font-family:monospace;
      font-size:12px;

}

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"

}