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