123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330 |
- html {
- height: 100%;
- }
- body {
- color: #fff;
- background-color: #9c2f2f;
- font-family: sans-serif;
- font-size: 2em;
- height: 100%;
- }
- .container{
- overflow:hidden;
- }
- /*banner*/
- .banner {
- background: #fff;
- color: #9c2f2f;
- }
- .banner img {
- vertical-align: middle;
- left: 50%;
- position: relative;
- -webkit-transform: translate(-50%, 0);
- /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
- -ms-transform: translate(-50%, 0);
- /* IE 9 */
- transform: translate(-50%, 0);
- /* IE 10, Fx 16+, Op 12.1+ */
- width: 320px;
- }
- .header-ul-menu {
- list-style: none;
- color: #fff;
- background: #9c2f2f;
- margin-top: -60px;
- }
- .header-ul-menu .header-menu {
- font-size: 2em;
- }
- /*fine banner*/
- .navbar::after,
- .navbar-collapse::after,
- .container::after {
- clear: none !important
- }
- ul,
- p {
- background-color: rgba(255, 255, 255, 0);
- }
- a,
- a:hover,
- a:focus,
- .entry-content a,
- .entry-content a:hover,
- .entry-content a:focus {
- color: #fff;
- text-decoration: none;
- }
- /* ci sono due selettori diversi perche' quando genera da markdown e da restructuredtext fa due output un po'
- * diversi */
- #content .entry-content > h2,
- #content .entry-content > .section:first-child > h2 {
- background-color: white;
- /* padding: 1em 0;*/
- color: black;
- margin-bottom: 1em;
- left: 0;
- font-size: 200%;
- text-align: center;
- /* position: relative;
- width: 100vw;
- transform: translate(-8%,0);*/
- }
- h4 {
- font-size: 21px !important;
- }
- a.toc-backref,
- h1,
- h2,
- h3,
- h4,
- strong,
- tt {
- background: #fff;
- padding: 6px 10px;
- font-weight: 600;
- color: #9c2f2f;
- border-bottom;
- 0px;
- }
- .talk-resources h4 {
- background: none;
- color: white;
- }
- a.toc-backref,
- h1,
- h2,
- h3,
- h4,
- tt {
- display: inline-block;
- }
- a.toc-backref:hover {
- color: rgba(0, 0, 0, 1);
- }
- tt.literal {
- font-size: 80%;
- }
- .navbar-brand {
- display: none;
- }
- .navbar {
- background-color: #000;
- }
- .navbar .navbar-brand,
- .navbar .navbar-nav > li > a {
- color: #fff;
- }
- .navbar .navbar-nav > li > a {
- transition: background-color .3s;
- background-color: #000;
- }
- .navbar .navbar-nav > .active > a,
- .navbar .navbar-nav > .active > a:hover,
- .navbar .navbar-nav > .active > a:focus {
- color: #333;
- background-color: white;
- }
- .navbar .navbar-nav > li > a:hover,
- .navbar .navbar-nav > li > a:focus,
- .navbar .navbar-brand:hover,
- .navbar .navbar-brand:focus {
- color: white;
- background-color: #333;
- }
- .navbar-brand {
- font-size: 21px;
- }
- .navbar-right li form {
- line-height: 21px;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- #tipue_search_input {
- width: 2em !important;
- transition: all 0.5s;
- }
- #tipue_search_input:focus {
- width: 10em !important;
- }
- /* HOME {{{ */
- .body-index blockquote {
- font-size: 21px;
- margin-left: auto;
- margin-right: auto;
- }
- .body-index h3 {
- text-align: center;
- font-size: 24px;
- }
- /* END HOME }}} */
- {
- position: relative;
- width: 100%;
- }
- /* TALK {{{ */
- .talk-resources {
- word-break: break-all;
- }
- .talk-grid {
- table-layout: auto;
- min-width: 100%;
- border-collapse: separate;
- text-align: center;
- }
- .talk-grid > thead th:first-child {
- max-width: 5em;
- }
- .talk-grid > thead th {
- text-align: center;
- }
- .talk-grid tr {
- height: 1.5em;
- }
- .rooms-4 .talk {
- width: 25%;
- }
- .rooms-3 .talk {
- width: 33%;
- }
- .rooms-2 .talk {
- width: 50%;
- }
- .rooms-1 .talk {
- width: 100%;
- }
- td.talk {
- border: 1px solid #444;
- padding: 4px;
- }
- td.talk > a {
- text-decoration: none;
- border: none;
- }
- .talk-grid tr {
- line-height: 1em;
- }
- .talk-grid tr:hover td:first-child {
- background-color: rgb(152, 14, 14);
- background-color: rgba(152, 14, 14, 0.79);
- }
- .talk-grid tr:hover td {
- background-color: rgb(60, 22, 22)
- }
- .talk-title a,
- .talk-title a:hover,
- .talk-title a:focus {
- color: #9c2f2f;
- border-bottom: none;
- }
- .talk-description strong {
- background: inherit;
- color: inherit;
- }
- /* tag speciali nei talk {{{ */
- /* generati guardando i tag di glypicon come glyphicon-pushpin e copiandone il campo content */
- td.talk::before {
- font-family: 'Glyphicons Halflings';
- float: right;
- }
- td.tag-presentazione_libro::before {
- content: "\e043";
- }
- td.tag-percorso_base::before {
- content: "\e146";
- }
- .talk.allrooms {
- background-color: rgba(200,200,200,0.4);
- }
- /* tag speciali nei talk }}} */
- /* END TALK }}} */
- /* Pagine speciali */
- .body-info .entry-content > ul {
- list-style: none;
- }
- /*media query min dal piccolo, max dal grande*/
- @media all and (min-width: 770px) {
- .navbar,
- .navbar .navbar-brand,
- .navbar .navbar-nav > li > a {
- background-color: #9c2f2f;
- }
- }
- @media all and (max-width: 770px) {
- .talk-grid {
- font-size: 0.8em;
- }
- .talk-grid td {
- hyphens: auto;
- }
- }
- @media all and (max-width: 1200px), (hover: none), (hover: on-demand), (pointer: coarse) { /* any mobile */
- div.container {
- width: 100% !important;
- }
- }
- @media all and (max-width: 450px) {
- .talk-grid {
- font-size: 0.5em;
- }
- }
|