/***********************************************************************************************************************************/ /************************ /!\ AVANT D'EDITER /!\ ************************/ /************************ VOIR ************************/ /************************ www.dev.equideow.com/doc ************************/ /************************ ET ************************/ /************************ dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow ************************/ /***********************************************************************************************************************************/ /***********************************************************************************************************************************/ /* GAUGE : COMMON ******************************************************************************************************************/ /***********************************************************************************************************************************/ div.star { text-align: left; background-position: 0 -16px; overflow: hidden; display: inline-block; max-height: 15px; line-height:0; vertical-align:top; } div.star.dark{ background-position: 0 1px; } div.star, div.star div { background-repeat: repeat-x; } div.star div { font-size: 0; text-indent: -1000px; } /***********************************************************************************************************************************/ /* GAUGE : STYLE 0 *****************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-0, div.star-style-0 div { height: 16px; background-image: url(/media/equideo/image/components/gauges/etoiles.png); } div.star-style-0 div { background-position: 0 -32px; } /***********************************************************************************************************************************/ /* GAUGE : STYLE 1 *****************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-1, div.star-style-1 div { height: 16px; background-image: url(/media/equideo/image/components/gauges/etoiles.png); } div.star-style-1 div { background-position: 0 -64px; } /***********************************************************************************************************************************/ /* GAUGE : STYLE 2 *****************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-2, div.star-style-2 div { height: 16px; background-image: url(/media/equideo/image/components/gauges/etoiles.png); } div.star-style-2 div { background-position: 0 -48px; } /***********************************************************************************************************************************/ /* GAUGE : STYLE 3 *****************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-3, div.star-style-3 div { height: 16px; background-image: url(/media/equideo/image/components/gauges/etoiles.png); } div.star-style-3 div { background-position: 0 -80px; } /***********************************************************************************************************************************/ /* GAUGE : STYLE 4 *****************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-4, div.star-style-4 div { height: 16px; background-image: url(/media/equideo/image/components/gauges/etoiles.png); } div.star-style-4 div { background-position: 0 -96px; } /***********************************************************************************************************************************/ /* GAUGE : STYLE 6 *****************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-6, div.star-style-6 div { height: 20px; max-height:20px; background-image: url(/media/equideo/image/components/gauges/laurel.png); background-position:0 -20px; } div.star-style-6 div { background-position: 0 0; } /***********************************************************************************************************************************/ /* GAUGE : STYLE 6 (GOLD) **********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-6.gold, div.star-style-6.gold div { background-image: url(/media/equideo/image/components/gauges/laurel-gold.png); } /***********************************************************************************************************************************/ /* GAUGE : STYLE 7 *****************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-7, div.star-style-7 div { height: 32px; max-height:32px; background-image: url(/media/equideo/image/components/gauges/laurel-large.png); background-position:0 -32px; } div.star-style-7 div { background-position: 0 0; } /***********************************************************************************************************************************/ /* GAUGE : META-ETOILE *************************************************************************************************************/ /***********************************************************************************************************************************/ div.meta-etoile { height: 14px; background-image: url(/media/equideo/image/interface/icon/meta-etoile.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEMES **************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-mercure, div.star-style-venus, div.star-style-mars, div.star-style-jupiter, div.star-style-saturne, div.star-style-neptune, div.star-style-uranus, div.star-style-lune, div.star-style-terre, div.star-style-soleil, div.star-style-pluton, div.star-style-io, div.star-style-laurel, div.star-style-laurel-gold, div.star-style-laurel-large{ background-position: 0 0; } div.star-style-mercure div, div.star-style-venus div, div.star-style-venus div, div.star-style-mars div, div.star-style-jupiter div, div.star-style-saturne div, div.star-style-neptune div, div.star-style-uranus div, div.star-style-lune div, div.star-style-terre div, div.star-style-io div, div.star-style-pluton div{ background-position: 0 -15px; } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME MERCURE *******************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-mercure, div.star-style-mercure div { height: 15px; background-image: url(/media/equideo/image/components/gauges/mercure.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME VENUS *********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-venus, div.star-style-venus div { height: 15px; background-image: url(/media/equideo/image/components/gauges/venus.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME MARS **********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-mars, div.star-style-mars div { height: 15px; background-image: url(/media/equideo/image/components/gauges/mars.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME JUPITER *******************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-jupiter, div.star-style-jupiter div { height: 15px; background-image: url(/media/equideo/image/components/gauges/jupiter.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME SATURNE *******************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-saturne, div.star-style-saturne div { height: 15px; background-image: url(/media/equideo/image/components/gauges/saturne.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME NEPTUNE *******************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-neptune, div.star-style-neptune div { height: 15px; background-image: url(/media/equideo/image/components/gauges/neptune.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME URANUS ********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-uranus, div.star-style-uranus div { height: 15px; background-image: url(/media/equideo/image/components/gauges/uranus.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME LUNE **********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-lune, div.star-style-lune div { height: 15px; background-image: url(/media/equideo/image/components/gauges/lune.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME TERRE *********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-terre, div.star-style-terre div { height: 15px; background-image: url(/media/equideo/image/components/gauges/terre.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME SOLEIL ********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-soleil, div.star-style-soleil div { height: 15px; background-image: url(/media/equideo/image/components/gauges/soleil.png); } div.star-style-soleil div { background-position: 0 -15px; } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME PLUTON ********************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-pluton, div.star-style-pluton div { height: 15px; background-image: url(/media/equideo/image/components/gauges/pluton.png); } /***********************************************************************************************************************************/ /* GAUGE : FOR THEME IO ************************************************************************************************************/ /***********************************************************************************************************************************/ div.star-style-io, div.star-style-io div { height: 15px; background-image: url(/media/equideo/image/components/gauges/io.png); }