File manager - Edit - /home/jardides/www/Jardi-design/panorama/test3/panovisu/css/panovisu.css
Back
/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2 avr. 2014, 09:23:25 Author : llang */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 12, 2014 */ @font-face { font-family: 'titillium'; src: url('../fonts/titillium-regular-webfont.eot'); src: url('../fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titillium-regular-webfont.woff') format('woff'), url('../fonts/titillium-regular-webfont.ttf') format('truetype'), url('../fonts/titillium-regular-webfont.svg#titilliumthin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium'; src: url('../fonts/titillium-regularitalic-webfont.eot'); src: url('../fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titillium-regularitalic-webfont.woff') format('woff'), url('../fonts/titillium-regularitalic-webfont.ttf') format('truetype'), url('../fonts/titillium-regularitalic-webfont.svg#titilliumthin_italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'titillium'; src: url('../fonts/titillium-semibold-webfont.eot'); src: url('../fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titillium-semibold-webfont.woff') format('woff'), url('../fonts/titillium-semibold-webfont.ttf') format('truetype'), url('../fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'titillium'; src: url('../fonts/titillium-semibolditalic-webfont.eot'); src: url('../fonts/titillium-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/titillium-semibolditalic-webfont.woff') format('woff'), url('../fonts/titillium-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/titillium-semibolditalic-webfont.svg#titilliumbold_italic') format('svg'); font-weight: bold; font-style: italic; } .positionVignettes{ display : none; } .pano1{ width: 100%; height : 100%; /*display: none;*/ overflow: hidden; } .panovisu{ background-color: rgba(0,0,0,0); background-image: url(fond.jpg); background-position: center center; background-repeat: repeat; } .container{ background-color: rgba(0,0,0,0); background-image: url(fond.jpg); background-position: center center; background-repeat: repeat; margin-right: 0px; overflow: hidden; } .divCanvas{ background-color: rgba(0,0,0,0); margin-right: 0px; overflow: hidden; z-index:0; position: absolute; top: 0; left: 0; } .panoramique { box-shadow: 0 0 3px #000000; height: 600px; overflow: hidden; position: relative; width: 1000px; margin: auto; } .curseurCroix { cursor: move; } .boutons{ z-index: 10000; width: 100%; margin: auto; text-align: center; height: 0; position: absolute; /*bottom: 40px;*/ } .deplacement,.zoom,.outils,.souris,.pleinEcran,.auto,.boutons{ display: none; } .barre{ display: inline-block; position: absolute; top: -45px; transition: 0.5s; padding : 1px; } /*.barre div{ height: 40px; width: 40px; border: 1px solid rgba(255,255,255,0); background-color: rgba(255,255,255,0); border-radius: 0px; opacity: 0.8; margin-right: 0px; padding : 1px; cursor: pointer; }*/ .info { position: absolute; top: 0px; color: #ffffff; padding: 5px; font-family:Monospace; font-size:13px; text-align:center; background-color: #000; z-index: 350; display: none; } .barre img:hover{ opacity: 1; } .barre img{ width: 20px; height: 20px; } .barre img:hover{ width: 25px; height: 25px; } .infoPanovisu,.aidePanovisu{ font-family: "titillium",Arial,sans-serif; font-size: 0.67em; position: absolute; top: 200px; z-index: 1000; width: 0px; height : 0px; margin: auto; background-color: #000; border: 1px solid #fff; border-radius: 5px; opacity: 0.8; color: #fff; text-align: center; display: none; overflow: hidden; } .infoPanovisu a{ color: yellow; text-decoration: none; } .pano-visu{ overflow: hidden; } .infoBulle{ display: none; border: 1px solid #777; background-color: #ddd; font-family: titillium,Verdana,sans-serif; font-size: 0.6em; padding: 2px 7px; } .bousAig,.bousImg{ position: absolute; z-index: 502; transform-origin: 50% 50%; } .boussole{ position: absolute; z-index: 501; transition: 0.5s; } .reseauxSociaux { position: absolute; z-index: 502; } .RS{ padding-right: 5px; cursor: pointer; filter: url(filtres.svg#gris30); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale="0.3",duration=2); -webkit-filter: grayscale(0.3); transition: 0.5s; } .RS:last-child{ padding-right: 0; } .RS:hover{ filter: none; -webkit-filter: none; } .marcheArret{ position: absolute; z-index: 501; opacity: 0.8; cursor: pointer; } .marcheArret:hover{ opacity: 1.0; } .vignettes{ z-index : 400; position: absolute; transition: 0.5s; } .titreVignettes{ z-index : 400; position: absolute; transition: 0.5s; font-size: 0.9em; font-family: Verdana,Arial,sans-serif; cursor : pointer; } .imgVignette{ margin-top: -2px; transition: 0.5s; margin-right: 10px; opacity: 1.0; border : 2px solid #fff; filter: url(filtres.svg#gris30); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale="0.3",duration=2); -webkit-filter: grayscale(0.3); transition: 0.5s; } .imgVignette:hover{ border : 2px solid yellow; filter: none; -webkit-filter: none; } .positionVignettes{ position: absolute; z-index: 410; opacity: 0.5; } .positionVignettes:hover{ opacity: 0.8; } .divHTML,.divImg{ position: relative; } .suivant{ width: 50px; height : 100px; position: absolute; top : 100px; right : 0px; background: url(../images/suivant.png) center center no-repeat; background-color: rgba(0,0,0,0.3); border-radius: 10px 0px 0px 10px; opacity : 0.2; z-index: 500; transition: 0.5s; } .precedent{ width: 50px; height : 100px; position: absolute; top : 100px; left : 0px; background: url(../images/precedent.png) center center no-repeat; background-color: rgba(0,0,0,0.3); opacity : 0.2; border-radius: 0 10px 10px 0; z-index: 500; transition: 0.5s; } .suivant:hover,.precedent:hover{ opacity: 0.9; } .plan,.planTitre,.planPoint{ position: absolute; transition:ease-in-out 1s; z-index: 500; font-size: 0.9em; font-family: Verdana,Arial,sans-serif; } .plan{ overflow: hidden; } .planTitre,.planPoint{ cursor: pointer; } .actif{ cursor: auto; } .planAig{ position: absolute; } .radar{ position: absolute; } .carte,.carteTitre,.cartePoint{ position: absolute; transition:ease-in-out 1s; z-index: 500; font-size: 0.9em; font-family: Verdana,Arial,sans-serif; } .carte{ overflow: hidden; } .carteTitre,.cartePoint{ cursor: pointer; } .data-title{ margin: 10px; border-left: 1px solid #999; font-size: 0.8em; } .data-title:before { content: "panoVisu (c) Laurent Lang 2014"; display: block; position: absolute; top: 0; right: 0; left: 0; background-color: #444; color : #fff; padding: 2px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em;; font-weight: bold; } .data-title :first-child { margin-top: 20px; } .imgFond{ position: absolute; transition: 0.5s; z-index: 200; } .hotSpots{ position: absolute; z-index: 100; cursor: pointer; } .telecommande{ z-index : 10000; position: absolute; bottom: 100px; right : 10px; display: inline-block; transition: 0.5s; } .imgTelec{ position : absolute; top : 0px; } .imgTelecInfo:hover{ cursor: pointer; } .imgTelecInfo{ position: absolute; width: 50px; height: 50px; } .imgTelecFS:hover{ cursor: pointer; } .imgTelecFS{ position: absolute; width: 50px; height: 50px; } .clicTelec:hover{ cursor: pointer; } .comboMenu{ z-index : 10000; position: absolute; width: 300px; font-family: Verdana,Arial,sans-serif; font-size: 0.7em; } .comboMenu img{ width: 80px; height : 40px; } .btnVisiteAuto{ z-index : 10000; position: absolute; display: none; cursor: pointer; } .xmoins,.xplus,.ymoins,.yplus,.zoomPlus,.zoomMoins,.pleinEcran,.souris,.auto,.binfo,.aide{ display : inline-block; height: 26px; width : 26px; vertical-align: top; cursor: pointer; } .xmoins img,.xplus img,.ymoins img,.yplus img,.zoomPlus img,.zoomMoins img,.pleinEcran img,.souris img,.auto img,.binfo img,.aide img{ position: relative; bottom: 0px; } .chargement{ z-index: 1000000; position: absolute; right: 200px; bottom: 20px; opacity: 0.6; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings