Salve a tuuti!
Sto lavorando su questo sito
http://www.scuolalemilleeunanota.com/index.php come vedete in basso a destra c'è un menu, cliccando per ora sulle prime due voci si apre una popup di jcemediabox standard che richiama l'articolo del docente.
Il problema è che vorrei cambiare il font di defoult dell popup! il sito è tutto in font Arial, la popup si apre con un brutto font stile times. Ho provato ad intervenire sul css della popup andando in plugins/jcemediabox/themes/standard/css/style.css....e anche su plugins/jcemediabox/css/jcemediabox.css (inserendo sulla riga del caption e del paragrafo uno font-style: Arial) ma non riesco ad ottenere risultati! Eppure non credo sia un'operazione tanto difficile non riesco a capire dove sbaglio....!
Sapreste aiutarmi? Grassieee...
Qui il codice css originale della popup standard style.css
/**
* Standard Template
* @version $Id: style.css 995 2011-03-08 17:13:07Z happynoodleboy $
* @package JCE MediaBox
* @copyright Copyright (C) 2009 - 2010 Ryan Demmer. All rights reserved.
* @license GNU/GPL
* This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
*/
#jcemediabox-popup-frame {
padding: 10px;
}
#jcemediabox-popup-container {
background-color: #ffffff;
}
#jcemediabox-popup-loader {
background: url(../img/loader.gif) no-repeat center center;
}
#jcemediabox-popup-content {
padding: 0 10px;
}
.jcemediabox-popup-corner-tl {
background: url(../img/corner-tl.png) no-repeat left top;
clear: both;
height: 10px;
}
.jcemediabox-popup-corner-tr {
background: url(../img/corner-tr.png) no-repeat right top;
height: 10px;
}
.jcemediabox-popup-corner-tc {
background-color: #ffffff;
height: 10px;
margin: 0 10px;
width: auto;
}
.jcemediabox-popup-corner-bl {
background: url(../img/corner-bl.png) no-repeat left bottom;
clear: both;
height: 10px;
}
.jcemediabox-popup-corner-br {
background: url(../img/corner-br.png) no-repeat right bottom;
height: 10px;
}
.jcemediabox-popup-corner-bc {
background-color: #ffffff;
height: 10px;
margin: 0 10px;
width: auto;
}
#jcemediabox-popup-info-bottom {
padding-top: 10px;
margin-top: -20px;
}
#jcemediabox-popup-closelink {
width: 20px;
height: 20px;
background: #cccccc url(../img/close.png) no-repeat;
bottom: 0;
top: 10px;
right: 10px;
position: relative;
float: right;
border: none;
}
#jcemediabox-popup-nav {
line-height: 10px;
padding: 0;
background-color: #ffffff;
}
#jcemediabox-popup-prev, #jcemediabox-popup-next {
width: 20px;
height: 20px;
position: absolute;
border: none;
background-color: #cccccc;
background-repeat: no-repeat;
}
#jcemediabox-popup-closelink:hover, #jcemediabox-popup-prev:hover, #jcemediabox-popup-next:hover {
background-color: #333333;
}
#jcemediabox-popup-prev {
background-image: url(../img/prev.png);
left: 10px;
}
#jcemediabox-popup-next {
background-image: url(../img/next.png);
right: 10px;
}
span#jcemediabox-popup-numbers {
text-align:center;
display: block;
padding : 10px 0;
}
span#jcemediabox-popup-numbers:empty {
padding: 0;
}
span#jcemediabox-popup-numbers a {
border: none;
display: inline-block;
margin: 0px 1px;
width: 20px;
}
span#jcemediabox-popup-numbers a:active, span#jcemediabox-popup-numbers a:visited, span#jcemediabox-popup-numbers a:link, span#jcemediabox-popup-numbers a:hover {
font-weight: bold;
text-decoration: none;
color: #000000;
}
span#jcemediabox-popup-numbers a:hover {
font-size: 1.2em;
}
span#jcemediabox-popup-numbers a.active {
cursor: default;
font-size: 1.2em;
}
#jcemediabox-popup-caption {
padding: 10px 35px 10px 10px;
background-color: #ffffff;
}
#jcemediabox-popup-caption:empty {
padding: 0;
min-height : 30px;
}
#jcemediabox-popup-caption h4 a:active, #jcemediabox-popup-caption p a:active,
#jcemediabox-popup-caption h4 a:hover, #jcemediabox-popup-caption p a:hover,
#jcemediabox-popup-caption h4 a:visited, #jcemediabox-popup-caption p a:visited,
#jcemediabox-popup-caption h4 a, #jcemediabox-popup-caption p a {
color: #000000;
font-weight: bold;
text-decoration: none;
}
#jcemediabox-popup-caption h4 {}
#jcemediabox-popup-caption p {}
div.jcemediabox-tooltip {
color: #000000;
border: 0;
background: none;
}
div.jcemediabox-tooltip h4 {
color: #000000;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-top-left {
background: url(../img/tip-tl.png) no-repeat top left;
clear: both;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-top-right {
background: url(../img/tip-tr.png) no-repeat top right;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-top-center {
background-color: #ffffff;
height: 4px !important;
margin: 0 4px;
overflow: hidden;
border-top: 1px solid #000000;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-middle-left {
clear:both;
background-color: #ffffff;
border-left: 1px solid #000000;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-middle-right {
background-color: #ffffff;
border-right: 1px solid #000000;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-middle-center {
margin: 0 4px;
background-color: #ffffff;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-bottom-left {
background: transparent url(../img/tip-bl.png) no-repeat bottom left;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-bottom-center {
background-color: #ffffff;
height: 4px !important;
margin: 0 4px;
overflow: hidden;
border-bottom: 1px solid #000000;
}
div.jcemediabox-tooltip .jcemediabox-tooltip-bottom-right {
background: transparent url(../img/tip-br.png) no-repeat bottom right;
}
/** IE6 **/
#jcemediabox-popup-page.ie6 #jcemediabox-popup-nav {
height: 10px;
}
#jcemediabox-popup-page.ie6 #jcemediabox-popup-caption {
margin-top: -1px;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-top-left {
background: url(../img/tip-tl.gif) no-repeat top left;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-top-right {
background: url(../img/tip-tr.gif) no-repeat top right;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-bottom-left {
background: transparent url(../img/tip-bl.gif) no-repeat bottom left;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-tooltip-bottom-right {
background: transparent url(../img/tip-br.gif) no-repeat bottom right;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-tl {
background: url(../img/corner-tl.gif) no-repeat left top;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-tc {
overflow: hidden;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-tr {
background: url(../img/corner-tr.gif) no-repeat right top;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-bl {
background: url(../img/corner-bl.gif) no-repeat left bottom;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-bc {
overflow: hidden;
}
div.jcemediabox-tooltip.ie6 .jcemediabox-popup-corner-br {
background: url(../img/corner-br.gif) no-repeat right bottom;
}
/** IPhone / IPad **/
#jcemediabox-popup-page.idevice .jcemediabox-popup-corner-tc, #jcemediabox-popup-page.idevice .jcemediabox-popup-corner-tr, #jcemediabox-popup-page.idevice .jcemediabox-popup-corner-bc, #jcemediabox-popup-page.idevice .jcemediabox-popup-corner-br {
display: none;
}
#jcemediabox-popup-page.idevice .jcemediabox-popup-corner-tl, #jcemediabox-popup-page.idevice .jcemediabox-popup-corner-bl {
background: #ffffff none;
width: auto;
margin: 0;
height: 11px;
}
#jcemediabox-popup-page.idevice .jcemediabox-popup-corner-tl {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-bottom: -1px;
}
#jcemediabox-popup-page.idevice .jcemediabox-popup-corner-bl {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -1px;
}
#jcemediabox-popup-page.idevice #jcemediabox-popup-closelink {
top: 10px;
}
#jcemediabox-popup-page.idevice #jcemediabox-popup-prev, #jcemediabox-popup-page.idevice #jcemediabox-popup-next {
margin: 0;
}
#jcemediabox-popup-page.idevice #jcemediabox-popup-caption {
margin: -1px 0;
}
#jcemediabox-popup-page.idevice #jcemediabox-popup-nav {
margin-bottom: -1px;
}
#jcemediabox-popup-page.idevice span#jcemediabox-popup-numbers {
margin-top: 5px;
}
Qui il codice del plugin jcemediabox.css modificato da me alla riga 173/180/196/204
/**
* @package JCE MediaBox
* @copyright Copyright (C) 2009 - 2011 Ryan Demmer. All rights reserved.
* @license GNU/GPL 2 or later
* This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
*/
@media print {
a.jcepopup span.jcemediabox-zoom-image {
background: none !important;
}
}
#jcemediabox-popup-page, #jcemediabox-popup-overlay, #jcemediabox-popup-body, #jcemediabox-popup-loader, #jcemediabox-popup-container,
#jcemediabox-popup-content, #jcemediabox-popup-content, #jcemediabox-popup-object, #jcemediabox-popup-iframe, #jcemediabox-popup-img {
left: 0;
top: 0;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
height: 100%;
width: 100%;
}
#jcemediabox-popup-page {
position: fixed;
z-index: 10000;
}
#jcemediabox-popup-overlay {
position: absolute;
cursor: pointer;
}
#jcemediabox-popup-frame {
position: relative;
overflow: visible;
height: 100%;
z-index: 10001;
cursor: pointer;
}
#jcemediabox-popup-body {
position: relative;
overflow: visible;
margin: 0 auto;
width: 300px;
height: 300px;
z-index: 10002;
cursor: default;
}
#jcemediabox-popup-loader {
text-align: center;
line-height: 0;
}
#jcemediabox-popup-info-bottom, #jcemediabox-popup-info-top {
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
border: 0;
visibility: hidden;
}
#jcemediabox-popup-container {
overflow: hidden;
}
#jcemediabox-popup-content {font-family: PT Sans,Arial;}
#jcemediabox-popup-content.broken-image {
background : url('../img/broken-image.png') no-repeat center;
}
#jcemediabox-popup-content.broken-media {
background : url('../img/broken-media.png') no-repeat center;
}
#jcemediabox-popup-content.broken-page {
background : url('../img/broken-page.png') no-repeat center;
}
#jcemediabox-popup-content p.media-support {
font-family: PT Sans,Arial;
font-size : 20px;
color : #888;
font-weight : bold;
text-align: center;
height: 100%;
position : relative;
top : 50%;
margin-top : -10px;
}
#jcemediabox-popup-img, #jcemediabox-popup-object, #jcemediabox-popup-iframe {
text-align: center;
}
#jcemediabox-popup-page.idevice #jcemediabox-popup-content {
overflow: scroll;
}
#jcemediabox-popup-ajax {
overflow: auto;
border: 0;
padding: 0;
margin: 0;
width: auto;
height: 100%;
background-color: #ffffff;
position: relative;
}
a.jcepopup[type="image"], a.jcepopup[href$=".jpg"], a.jcepopup[href$=".png"], a.jcepopup[href$=".gif"], a.jcepopup[href$=".tiff"], a.jcepopup[href$=".bmp"] {
line-height : 0;
}
a.jcepopup span.jcemediabox-zoom-span {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
}
a.jcepopup span.jcemediabox-zoom-image {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
display: block;
background: transparent url(../img/zoom-img.png) no-repeat bottom right;
width : 100%;
height : 100%;
position: absolute;
z-index: 1;
bottom:0;
left:0;
}
a.jcepopup.icon-left span.jcemediabox-zoom-image, a.jcepopup.icon-bottom-left span.jcemediabox-zoom-image {
background-position: bottom left;
}
a.jcepopup.icon-top-left span.jcemediabox-zoom-image {
background-position: top left;
}
a.jcepopup.icon-top span.jcemediabox-zoom-image, a.jcepopup.icon-top-right span.jcemediabox-zoom-image {
background-position: top right;
}
a.jcepopup.icon-center span.jcemediabox-zoom-image {
background-position: center center;
}
a.jcepopup.icon-center-left span.jcemediabox-zoom-image {
background-position: center left;
}
a.jcepopup.icon-center-right span.jcemediabox-zoom-image {
background-position: center right;
}
a.jcepopup.icon-center-top span.jcemediabox-zoom-image {
background-position: center top;
}
a.jcepopup.icon-center-bottom span.jcemediabox-zoom-image {
background-position: center top;
}
a.jcepopup span.jcemediabox-zoom-link,
a.jcepopup span.jcemediabox-zoom-link.icon-right {
padding-right: 16px;
background: transparent url(../img/zoom-link.gif) no-repeat center right;
display: inherit;
}
a.jcepopup span.jcemediabox-zoom-link.icon-left {
padding-left: 18px;
background: transparent url(../img/zoom-link.gif) no-repeat center left;
}
#jcemediabox-popup-caption, #jcemediabox-popup-caption h4, #jcemediabox-popup-caption p {
font-family: PT Sans,Arial;
margin: 0;
padding: 0;
border: 0;
}
/* Tooltips */
div.jcemediabox-tooltip, div.jcemediabox-tooltip-simple {
font-family: PT Sans,Arial;
z-index: 10010;
width: 180px;
text-align:left;
color: #000000;
background-color:#ffffff;
border:1px solid black;
padding: 4px;
float: none;
max-width: 100%;
position: absolute;
top : 0;
left : 0;
visibility: hidden;
}
div.jcemediabox-tooltip h4, div.jcemediabox-tooltip-simple h4 {
font-family: PT Sans,Arial;
font-weight: bold;
font-size: 11px;
margin: 0;
background: none;
padding:0;
}
div.jcemediabox-tooltip p, div.jcemediabox-tooltip-simple p {
font-family: PT Sans,Arial;
font-size: 11px;
background: none;
margin: 0;
padding:0;
}
/** IE6 **/
a.jcepopup.ie6 span.jcemediabox-zoom-image {
background : transparent url(../img/zoom-img.png) no-repeat;
width : 20px;
height : 20px;
left : auto;
top : auto;
right : 0;
}
a.jcepopup.ie6 span.jcemediabox-zoom-link {
display: inline-block;
}
a.jcepopup.ie6.icon-left span.jcemediabox-zoom-image, a.jcepopup.icon-bottom-left span.jcemediabox-zoom-image {
top: auto;
right: 0;
}
a.jcepopup.ie6.icon-top span.jcemediabox-zoom-image, a.jcepopup.icon-top-right span.jcemediabox-zoom-image {
top: 0;
}
a.jcepopup.ie6.icon-left span.jcemediabox-zoom-image {
left: 0;
right: auto;
}
/* hover */
a.jcepopup:hover, a.jcepopup:active {
background: transparent none !important;
}
