Revision as of 15 June 2020 19:48 by jgarcia (Comments | Contribs)
  • { 
     box-sizing: border-box;

    }

@media screen and (min-width: 601px) {

   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%;
   }

   /* Search 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: 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 {
       /*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: 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 (max-width: 600px) {

   #wiki-content {
       font-size: 80%;
       width: 80%;
   }
   #wiki-navigation {
       width:20%;
       font-size: 80%;
       display: none;
   }

}