HomeCustom [Réglé]
Code impossible à insérer
Support des Modules
riptide Membre non connecté
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
Quand je met des mots au des phrases ça passe.
Mais des que je veux ajouter du code (html,php,css,javascript) dans:
monsite/HomeCustom/templates/home.tpl la plus de site page inaccessible.
Comment faire svp ? merci bien.
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
riptide Membre non connecté
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
dans le HomeCustom.css j'ai mis ça:
Caché :
.one_half { width: 48%; }
.one_third { width: 30.5%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.one_sixth { width: 13.33%; }
.two_fifth { width: 37.6%; }
.two_third { width: 65.33%; }
.three_fifth { width: 58.4%; }
.three_fourth { width: 74%; }
.four_fifth { width: 67.2%; }
.five_sixth { width: 82.67%; }
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { position: relative; margin-right: 4%; margin-bottom: 20px; float: left; }
.column-last { margin-right: 0!important; clear: right; }
.tsc_tabs_type_2 .one_third { width: 29%; }
.clr { clear:both; padding:0; margin:0; width:100%;;}
.tsc_clear { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
/***** Ribbons *******/
.tsc_ribbon_wrap {
position: relative;
margin-bottom: 3px;
background-color: #fff;
border:1px solid #ccc;
width:650px; /* width of box */
height:130px; /* height of box */
border-radius: 5px;
text-align: center;
}
.tsc_ribbon_wrap > div {
margin-bottom: 40px;
}
.tsc_ribbon_wrap > div:last-of-type {
margin-bottom: 0;
}
/* Micro clearfix hack */
.tsc_ribbon_wrap:before, .tsc_ribbon_wrap:after {
content: "";
display: table;
}
.tsc_ribbon_wrap:after {
clear: both;
}
.tsc_ribbon_wrap {
*zoom: 1;
}
.tsc_ribbon_wrap .ribbon-wrap {
position: absolute;
z-index: 0;
text-align: center;
color: #fff;
behavior: url(PIE.htc);
}
.tsc_ribbon_wrap .ribbon-wrap > span {
display: block;
height: 100%;
position: relative;
behavior: url(PIE.htc);
-pie-watch-ancestors: 1;
}
.tsc_ribbon_wrap .ribbon-wrap > span:before, .tsc_ribbon_wrap .ribbon-wrap > span:after {
content: '';
position: absolute;
z-index: -1;
}
.tsc_ribbon_wrap .ribbon-wrap:before, .tsc_ribbon_wrap .ribbon-wrap:after {
content: '';
position: absolute;
z-index: -2;
}
.tsc_ribbon_wrap.edge {
/* height: 80px; */
position: relative;
}
.tsc_ribbon_wrap .left-edge.point {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
left: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap.ie8 .left-edge.point {
left: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .left-edge.point > span {
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap.ie .left-edge.point > span {
-pie-background: none;
}
.tsc_ribbon_wrap .left-edge.point:before {
border-style: solid;
border-width: 5px;
border-color: transparent;
bottom: -5px;
left: 0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap .left-edge.point:after {
width: 28px;
height: 28px;
right: -14px;
top: 50%;
margin-top: -14px;
-moz-transform-origin: center center; -moz-transform: rotate(45deg);
-webkit-transform-origin: center center; -webkit-transform: rotate(45deg);
-o-transform-origin: center center; -o-transform: rotate(45deg);
-ms-transform-origin: center center; -ms-transform: rotate(45deg);
transform-origin: center center; transform: rotate(45deg);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .left-edge.point:before, .tsc_ribbon_wrap.ie8 .left-edge.point:after {
display: none;
border-radius: 0;
}
.tsc_ribbon_wrap .right-edge.point {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
right: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap.ie8 .right-edge.point {
right: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .right-edge.point > span {
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap.ie .right-edge.point > span {
-pie-background: none;
}
.tsc_ribbon_wrap .right-edge.point:before {
border-style: solid;
border-width: 4px;
border-color: transparent;
bottom: -5px;
right: 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap .right-edge.point:after {
width: 28px;
height: 28px;
left: -14px;
top: 50%;
margin-top: -14px;
-moz-transform-origin: center center; -moz-transform: rotate(45deg);
-webkit-transform-origin: center center; -webkit-transform: rotate(45deg);
-o-transform-origin: center center; -o-transform: rotate(45deg);
-ms-transform-origin: center center; -ms-transform: rotate(45deg);
transform-origin: center center; transform: rotate(45deg);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .right-edge.point:before, .tsc_ribbon_wrap.ie8 .right-edge.point:after {
display: none;
border-radius: 0;
}
.tsc_ribbon_wrap .left-edge.fork {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
left: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap.ie8 .left-edge.fork {
left: 0;
border-radius: 0;
box-shadow: none !important;
}
.tsc_ribbon_wrap .left-edge.fork > span {
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap .left-edge.fork > span:before {
border-style: solid;
border-width: 5px;
border-color: transparent;
bottom: -5px;
left: 0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap.ie8 .left-edge.fork > span:before {
display: none;
}
.tsc_ribbon_wrap .left-edge.fork > span:after {
right: -20px;
top: 0;
border-style: solid;
border-width: 20px;
}
.tsc_ribbon_wrap .left-edge.fork:before {
right: 22px;
bottom: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(-22deg) skew(18deg, 28deg);
-webkit-transform: rotate(-22deg) skew(18deg, 28deg);
-o-transform: rotate(-22deg) skew(18deg, 28deg);
-ms-transform: rotate(-22deg) skew(18deg, 28deg);
transform: rotate(-22deg) skew(18deg, 28deg);
-moz-box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5);
box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .left-edge.fork:after {
right: 22px;
top: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(32deg) skew(-18deg, -28deg);
-webkit-transform: rotate(32deg) skew(-18deg, -28deg);
-o-transform: rotate(32deg) skew(-18deg, -28deg);
-ms-transform: rotate(32deg) skew(-18deg, -28deg);
transform: rotate(32deg) skew(-18deg, -28deg);
-moz-box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5);
box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .left-edge.fork:before, .tsc_ribbon_wrap.ie8 .left-edge.fork:after {
display: none;
}
.tsc_ribbon_wrap .right-edge.fork {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
right: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap.ie8 .right-edge.fork {
right: 0;
border-radius: 0;
box-shadow: none !important;
}
.tsc_ribbon_wrap .right-edge.fork > span {
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap .right-edge.fork > span:before {
border-style: solid;
border-width: 5px;
border-color: transparent;
bottom: -5px;
right: 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap.ie8 .right-edge.fork > span:before {
display: none;
}
.tsc_ribbon_wrap .right-edge.fork > span:after {
left: -20px;
top: 0;
border-style: solid;
border-width: 20px;
}
.tsc_ribbon_wrap .right-edge.fork:before {
left: 22px;
bottom: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(22deg) skew(-18deg, -28deg);
-webkit-transform: rotate(22deg) skew(-18deg, -28deg);
-o-transform: rotate(22deg) skew(-18deg, -28deg);
-ms-transform: rotate(22deg) skew(-18deg, -28deg);
transform: rotate(22deg) skew(-18deg, -28deg);
-moz-box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5);
box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .right-edge.fork:after {
left: 22px;
top: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(-32deg) skew(18deg, 28deg);
-webkit-transform: rotate(-32deg) skew(18deg, 28deg);
-o-transform: rotate(-32deg) skew(18deg, 28deg);
-ms-transform: rotate(-32deg) skew(18deg, 28deg);
transform: rotate(-32deg) skew(18deg, 28deg);
-moz-box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5);
box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .right-edge.fork:before, .tsc_ribbon_wrap.ie8 .right-edge.fork:after {
display: none;
}
/********** Colour Styles **********/
/****** Light Blue ******/
.tsc_ribbon_wrap.ie8 .lblue, .tsc_ribbon_wrap .lblue > span, .tsc_ribbon_wrap .lblue.left-corner > span:before, .tsc_ribbon_wrap .lblue.left-corner > span:after, .tsc_ribbon_wrap .lblue.right-corner > span, .tsc_ribbon_wrap .lblue.right-corner > span:before, .tsc_ribbon_wrap .lblue.right-corner > span:after {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(top, #42a5d4, #24769d);
}
.tsc_ribbon_wrap .lblue.left-corner:before {
border-left-color: #174c66;
border-bottom-color: #174c66;
}
.tsc_ribbon_wrap .lblue.left-corner:after {
border-right-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-corner:before {
border-left-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-corner:after {
border-right-color: #174c66;
border-bottom-color: #174c66;
}
.tsc_ribbon_wrap .lblue.left-edge.point:after, .tsc_ribbon_wrap .lblue.right-edge.point:after {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(-45deg, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(-45deg, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(-45deg, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(-45deg, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(-45deg, #42a5d4, #24769d);
}
.tsc_ribbon_wrap .lblue.left-edge:before {
border-left-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-edge:before {
border-right-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.left-edge.fork > span {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #42a5d4), color-stop(5px, #42a5d4), color-stop(15%, #24769d), color-stop(65%, #24769d), color-stop(100%, #42a5d4)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */
background-image: -ms-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */
background-image: -o-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */
background-image: linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%);
-pie-background: linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lblue.left-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lblue.left-edge.fork > span:after {
border-color: #42a5d4 transparent #42a5d4 #42a5d4;
}
.tsc_ribbon_wrap .lblue.left-edge.fork > span:before {
border-left-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-edge.fork > span {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #42a5d4), color-stop(5px, #42a5d4), color-stop(15%, #24769d), color-stop(65%, #24769d), color-stop(100%, #42a5d4)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */
background-image: -ms-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */
background-image: -o-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */
background-image: linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%);
-pie-background: linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lblue.right-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lblue.right-edge.fork > span:after {
border-color: #42a5d4 #42a5d4 #42a5d4 transparent;
}
.tsc_ribbon_wrap .lblue.right-edge.fork > span:before {
border-right-color: #174c66;
border-top-color: #174c66;
}
/****** Light Red ******/
.tsc_ribbon_wrap.ie8 .lred, .tsc_ribbon_wrap .lred > span, .tsc_ribbon_wrap .lred.left-corner > span:before, .tsc_ribbon_wrap .lred.left-corner > span:after, .tsc_ribbon_wrap .lred.right-corner > span, .tsc_ribbon_wrap .lred.right-corner > span:before, .tsc_ribbon_wrap .lred.right-corner > span:after {
background-color: #f80000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(top, #f80000, #a30000);
}
.tsc_ribbon_wrap .lred.left-corner:before {
border-left-color: #5f0000;
border-bottom-color: #5f0000;
}
.tsc_ribbon_wrap .lred.left-corner:after {
border-right-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-corner:before {
border-left-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-corner:after {
border-right-color: #5f0000;
border-bottom-color: #5f0000;
}
.tsc_ribbon_wrap .lred.left-edge.point:after, .tsc_ribbon_wrap .lred.right-edge.point:after {
background-color: #f80000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(-45deg, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(-45deg, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(-45deg, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(-45deg, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(-45deg, #f80000, #a30000);
}
.tsc_ribbon_wrap .lred.left-edge:before {
border-left-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-edge:before {
border-right-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.left-edge.fork > span {
background-color: #f80000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f80000), color-stop(5px, #f80000), color-stop(15%, #a30000), color-stop(65%, #a30000), color-stop(100%, #f80000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */
background-image: -ms-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */
background-image: -o-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */
background-image: linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%);
-pie-background: linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lred.left-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lred.left-edge.fork > span:after {
border-color: #f80000 transparent #f80000 #f80000;
}
.tsc_ribbon_wrap .lred.left-edge.fork > span:before {
border-left-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-edge.fork > span {
background-color: #f80000;
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #f80000), color-stop(5px, #f80000), color-stop(15%, #a30000), color-stop(65%, #a30000), color-stop(100%, #f80000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */
background-image: -ms-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */
background-image: -o-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */
background-image: linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%);
-pie-background: linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lred.right-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lred.right-edge.fork > span:after {
border-color: #f80000 #f80000 #f80000 transparent;
}
.tsc_ribbon_wrap .lred.right-edge.fork > span:before {
border-right-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_hang { margin-bottom:60px;}
.tsc_ribbon_hang:last-child { margin-bottom:0;}
.tsc_ribbon_hang > div { display:inline-block; zoom:1; /* ie7 hack for display:inline-block */ *display:inline; margin:0 40px 40px 0;}
.tsc_ribbon_hang > div:last-of-type { margin-right:0;}
.tsc_ribbon_hang .ribbon-bookmark {
margin:20px auto;
position:relative;
z-index:0;
text-align:center;
color:#fff;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius: 3px 3px 0 0;
behavior:url(PIE.htc);
}
.tsc_ribbon_hang.ie8 .ribbon-bookmark {
box-shadow:none;
}
.tsc_ribbon_hang .ribbon-bookmark > span {
display:block;
position:relative;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius: 3px 3px 0 0;
behavior:url(PIE.htc);
-pie-watch-ancestors:1;
}
.tsc_ribbon_hang .ribbon-bookmark.small > span {
width:50px;
height:82px;
line-height:82px;
}
.tsc_ribbon_hang .ribbon-bookmark.medium > span {
width:80px;
height:124px;
line-height:124px;
}
.tsc_ribbon_hang .ribbon-bookmark.large > span {
width:120px;
height:166px;
line-height:166px;
}
.tsc_ribbon_hang .ribbon-bookmark > span:before, .tsc_ribbon_hang.ie8 .ribbon-bookmark .fork {
content:'';
position:absolute;
z-index:-1;
top:100%;
left:0;
border-style:solid;
}
.tsc_ribbon_hang.ie8 .ribbon-bookmark > span:before {
display:none;
}
.tsc_ribbon_hang .small > span:before, .tsc_ribbon_hang.ie8 .small .fork {
border-width:25px;
margin-top:-25px;
}
.tsc_ribbon_hang .medium > span:before, .tsc_ribbon_hang.ie8 .medium .fork {
border-width:40px;
margin-top:-40px;
}
.tsc_ribbon_hang .large > span:before, .tsc_ribbon_hang.ie8 .large .fork {
border-width:60px;
margin-top:-60px;
}
.tsc_ribbon_hang .ribbon-bookmark:before {
content:'';
position:absolute;
z-index:-2;
left:1px;
background:#666;
-moz-transform-origin: 0 0; -moz-transform: skew(-20deg, -38deg) rotate(-20deg);
-webkit-transform-origin:0 0; -webkit-transform:skew(-20deg, -38deg) rotate(-20deg);
-o-transform-origin: 0 0; -o-transform: skew(-20deg, -38deg) rotate(-20deg);
-ms-transform-origin: 0 0; -ms-transform: skew(-20deg, -38deg) rotate(-20deg);
transform-origin: 0 0; transform: skew(-20deg, -38deg) rotate(-20deg);
-moz-box-shadow: 0 6px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 6px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 6px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang .ribbon-bookmark:after {
content:'';
position:absolute;
z-index:-2;
right:1px;
background:#666;
-moz-transform-origin: right 0; -moz-transform: skew(20deg, 38deg) rotate(20deg);
-webkit-transform-origin:right 0; -webkit-transform:skew(20deg, 38deg) rotate(20deg);
-o-transform-origin: right 0; -o-transform: skew(20deg, 38deg) rotate(20deg);
-ms-transform-origin: right 0; -ms-transform: skew(20deg, 38deg) rotate(20deg);
transform-origin: right 0; transform: skew(20deg, 38deg) rotate(20deg);
-moz-box-shadow: 0 7px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 7px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 7px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang.ie8 .ribbon-bookmark:before, .tsc_ribbon_hang.ie8 .ribbon-bookmark:after {
display:none;
}
.tsc_ribbon_hang .ribbon-bookmark.small:before, .tsc_ribbon_hang .ribbon-bookmark.small:after {
width:25px;
height:35px;
bottom:-35px;
}
.tsc_ribbon_hang .ribbon-bookmark.medium:before, .tsc_ribbon_hang .ribbon-bookmark.medium:after {
width:40px;
height:55px;
bottom:-55px;
}
.tsc_ribbon_hang .ribbon-bookmark.large:before, .tsc_ribbon_hang .ribbon-bookmark.large:after {
width:60px;
height:85px;
bottom:-85px;
}
.tsc_ribbon_hang .ribbon-bookmark.small:before {
-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 3px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang .ribbon-bookmark.small:after {
-moz-box-shadow: 0 5px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 5px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang .ie8 .ribbon-bookmark.small {
box-shadow:none;
}
/********** Colour Styles **********/
/****** Light Blue ******/
.tsc_ribbon_hang .lblue {
background:#42a5d4;
}
.tsc_ribbon_hang .lblue > span {
background-color:#42a5d4;
background-image:-webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(top, #42a5d4, #24769d);
-pie-background: linear-gradient(top, #42a5d4, #24769d); /* IE6-IE9 */
}
.tsc_ribbon_hang .lblue > span:before, .tsc_ribbon_hang.ie8 .lblue .fork {
border-color:#24769d #24769d transparent #24769d;
}
.tsc_ribbon_hang .lred {
background:#f80000;
}
.tsc_ribbon_hang .lred > span {
background-color:#f80000;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(top, #f80000, #a30000);
-pie-background: linear-gradient(top, #f80000, #a30000); /* IE6-IE9 */
}
.tsc_ribbon_hang .lred > span:before, .tsc_ribbon_hang.ie8 .lred .fork {
border-color:#a30000 #a30000 transparent #a30000;
}
.tsc_ribbon_hang .lgreen {
background:#80b73d;
}
.tsc_ribbon_hang .lgreen > span {
background-color:#80b73d;
background-image:-webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */
background-image: -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */
background-image: -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */
background-image: linear-gradient(top, #80b73d, #547728);
-pie-background: linear-gradient(top, #80b73d, #547728); /* IE6-IE9 */
}
.tsc_ribbon_hang .lgreen > span:before, .tsc_ribbon_hang.ie8 .lgreen .fork {
border-color:#547728 #547728 transparent #547728;
}
.tsc_ribbon_hang .lyellow {
background:#ffc037;
}
.tsc_ribbon_hang .lyellow > span {
background-color:#ffc037;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */
background-image: -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffc037, #e19a00);
-pie-background: linear-gradient(top, #ffc037, #e19a00); /* IE6-IE9 */
}
.tsc_ribbon_hang .lyellow > span:before, .tsc_ribbon_hang.ie8 .lyellow .fork {
border-color:#e19a00 #e19a00 transparent #e19a00;
}
.tsc_ribbon_banner { margin:30px 0; position:relative; z-index:0;}
.tsc_ribbon_banner > div { margin-bottom:40px;}
.tsc_ribbon_banner > div:last-of-type { margin-bottom:0;}
.tsc_ribbon_banner .ribbon-banner {
margin:0 auto;
position:relative;
text-align:center;
color:#fff;
width:320px;
height:40px;
line-height:40px;
behavior:url(PIE.htc);
}
.tsc_ribbon_banner .ribbon-banner > span {
display:block;
position:relative;
height:100%;
behavior:url(PIE.htc);
-pie-watch-ancestors:1;
}
.tsc_ribbon_banner .ribbon-banner > span:before, .tsc_ribbon_banner .ribbon-banner > span:after {
content:'';
position:absolute;
z-index:-1;
border-style:solid;
border-width:14px;
border-color:transparent;
}
.tsc_ribbon_banner.ie8 .ribbon-banner > span:before, .ie8 .ribbon-banner > span:after {
display:none;
}
.tsc_ribbon_banner .ribbon-banner > span:before {
left:-14px;
}
.tsc_ribbon_banner .ribbon-banner > span:after {
right:-14px;
}
.tsc_ribbon_banner .ribbon-banner:before {
content:'';
position:absolute;
z-index:-2;
left:-31px;
border-style:solid;
border-width:20px;
border-right-width:25px;
}
.tsc_ribbon_banner .ribbon-banner:after {
content:'';
position:absolute;
z-index:-2;
right:-31px;
border-style:solid;
border-width:20px;
border-left-width:25px;
}
.tsc_ribbon_banner .fold-down > span {
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_banner .fold-down > span:before, .tsc_ribbon_banner .fold-down > span:after {
bottom:-14px;
}
.tsc_ribbon_banner .fold-down:before {
top:14px;
}
.tsc_ribbon_banner .fold-down:after {
top:14px;
}
.tsc_ribbon_banner .fold-straight > span {
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
}
.tsc_ribbon_banner .fold-straight > span:before, .tsc_ribbon_banner .fold-straight > span:after {
display:none;
}
.tsc_ribbon_banner .fold-straight:before {
top:2px;
border-width:18px;
border-right-width:23px;
}
.tsc_ribbon_banner .fold-straight:after {
top:2px;
border-width:18px;
border-left-width:23px;
}
.tsc_ribbon_banner .curve.fold-up {
-moz-border-radius: 0 0 50% 50% / 0 0 50% 50%;
-webkit-border-radius:0 0 50% 50% / 0 0 50% 50%;
border-radius: 0 0 50% 50% / 0 0 50% 50%;
}
.tsc_ribbon_banner .curve > span {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.tsc_ribbon_banner .curve.fold-up > span:after {
border:0;
top:-40px;
left:0;
width:100%;
height:100%;
-moz-border-radius: 0 0 50% 50% / 0 0 50% 50%;
-webkit-border-radius:0 0 50% 50% / 0 0 50% 50%;
border-radius: 0 0 50% 50% / 0 0 50% 50%;
}
.tsc_ribbon_banner .curve.fold-up > span:before {
border:0;
top:-40px;
left:0;
width:100%;
height:100%;
background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-webkit-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-moz-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6 */
background-image:-ms-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-ms-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* IE10 */
background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-o-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Opera 11.10+ */
background-image:linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%);
-webkit-background-size:10px 40px, 10px 40px; /* Saf3-4 */
-moz-background-size: 10px 40px, 10px 40px; /* FF3.6 */
background-size: 10px 40px, 10px 40px; /* Opera, IE9, Saf5, Chrome, FF4 */
background-repeat:no-repeat, no-repeat;
background-position:left top, right top;
-moz-border-radius: 50% / 50%;
-webkit-border-radius:50% / 50%;
border-radius: 50% / 50%;
}
.tsc_ribbon_banner.ie .curve.fold-up > span:before {
display:none;
}
.tsc_ribbon_banner.ie .curve.fold-up > span .before {
position:absolute;
z-index:-1;
left:0;
right:0;
top:-27px;
height:100%;
border-left:10px solid rgba(0, 0, 0, 0.35);
border-right:10px solid rgba(0, 0, 0, 0.35);
border-radius:10px;
}
.tsc_ribbon_banner .curve.fold-up:before {
top:-27px;
left:-34px;
}
.tsc_ribbon_banner.ie8 .curve.fold-up:before {
top:-14px;
left:-31px;
}
.tsc_ribbon_banner .curve.fold-up:after {
top:-27px;
right:-34px;
}
.tsc_ribbon_banner.ie8 .curve.fold-up:after {
top:-14px;
right:-31px;
}
.tsc_ribbon_banner .lblue, .tsc_ribbon_banner.ie8 .lblue > span {
background-color:#42a5d4;
background-image:-webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(top, #42a5d4, #24769d);
-pie-background: linear-gradient(top, #42a5d4, #24769d); /* IE6-IE9 */
}
.tsc_ribbon_banner .lblue > span:before {
border-right-color:#174c66;
}
.tsc_ribbon_banner .lblue > span:after {
border-left-color:#174c66;
}
.tsc_ribbon_banner .lblue:before {
border-color:#24769d #24769d #24769d transparent;
}
.tsc_ribbon_banner .lblue:after {
border-color:#24769d transparent #24769d #24769d;
}
.tsc_ribbon_banner .lblue.curve.fold-up > span:after {
box-shadow:0 19px 0 #42a5d4;
}
.tsc_ribbon_banner .lred, .tsc_ribbon_banner.ie8 .lred > span {
background-color:#f80000;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(top, #f80000, #a30000);
-pie-background: linear-gradient(top, #f80000, #a30000); /* IE6-IE9 */
}
.tsc_ribbon_banner .lred > span:before {
border-right-color:#5f0000;
}
.tsc_ribbon_banner .lred > span:after {
border-left-color:#5f0000;
}
.tsc_ribbon_banner .lred:before {
border-color:#a30000 #a30000 #a30000 transparent;
}
.tsc_ribbon_banner .lred:after {
border-color:#a30000 transparent #a30000 #a30000;
}
.tsc_ribbon_banner .lred.curve.fold-up > span:after {
box-shadow:0 19px 0 #f80000;
}
.tsc_ribbon_banner .lgreen, .tsc_ribbon_banner.ie8 .lgreen > span {
background-color:#80b73d;
background-image:-webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */
background-image: -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */
background-image: -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */
background-image: linear-gradient(top, #80b73d, #547728);
-pie-background: linear-gradient(top, #80b73d, #547728); /* IE6-IE9 */
}
.tsc_ribbon_banner .lgreen > span:before {
border-right-color:#304417;
}
.tsc_ribbon_banner .lgreen > span:after {
border-left-color:#304417;
}
.tsc_ribbon_banner .lgreen:before {
border-color:#547728 #547728 #547728 transparent;
}
.tsc_ribbon_banner .lgreen:after {
border-color:#547728 transparent #547728 #547728;
}
.tsc_ribbon_banner .lgreen.curve.fold-up > span:after {
box-shadow:0 19px 0 #80b73d;
}
.tsc_ribbon_banner .lyellow, .tsc_ribbon_banner.ie8 .lyellow > span {
background-color:#ffc037;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */
background-image: -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffc037, #e19a00);
-pie-background: linear-gradient(top, #ffc037, #e19a00); /* IE6-IE9 */
}
.tsc_ribbon_banner .lyellow > span:before {
border-right-color:#9d6c00;
}
.tsc_ribbon_banner .lyellow > span:after {
border-left-color:#9d6c00;
}
.tsc_ribbon_banner .lyellow:before {
border-color:#e19a00 #e19a00 #e19a00 transparent;
}
.tsc_ribbon_banner .lyellow:after {
border-color:#e19a00 transparent #e19a00 #e19a00;
}
.tsc_ribbon_banner .lyellow.curve.fold-up > span:after {
box-shadow:0 19px 0 #ffc037;
}
.one_third { width: 30.5%; }
.one_fourth { width: 22%; }
.one_fifth { width: 16.8%; }
.one_sixth { width: 13.33%; }
.two_fifth { width: 37.6%; }
.two_third { width: 65.33%; }
.three_fifth { width: 58.4%; }
.three_fourth { width: 74%; }
.four_fifth { width: 67.2%; }
.five_sixth { width: 82.67%; }
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { position: relative; margin-right: 4%; margin-bottom: 20px; float: left; }
.column-last { margin-right: 0!important; clear: right; }
.tsc_tabs_type_2 .one_third { width: 29%; }
.clr { clear:both; padding:0; margin:0; width:100%;;}
.tsc_clear { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
/***** Ribbons *******/
.tsc_ribbon_wrap {
position: relative;
margin-bottom: 3px;
background-color: #fff;
border:1px solid #ccc;
width:650px; /* width of box */
height:130px; /* height of box */
border-radius: 5px;
text-align: center;
}
.tsc_ribbon_wrap > div {
margin-bottom: 40px;
}
.tsc_ribbon_wrap > div:last-of-type {
margin-bottom: 0;
}
/* Micro clearfix hack */
.tsc_ribbon_wrap:before, .tsc_ribbon_wrap:after {
content: "";
display: table;
}
.tsc_ribbon_wrap:after {
clear: both;
}
.tsc_ribbon_wrap {
*zoom: 1;
}
.tsc_ribbon_wrap .ribbon-wrap {
position: absolute;
z-index: 0;
text-align: center;
color: #fff;
behavior: url(PIE.htc);
}
.tsc_ribbon_wrap .ribbon-wrap > span {
display: block;
height: 100%;
position: relative;
behavior: url(PIE.htc);
-pie-watch-ancestors: 1;
}
.tsc_ribbon_wrap .ribbon-wrap > span:before, .tsc_ribbon_wrap .ribbon-wrap > span:after {
content: '';
position: absolute;
z-index: -1;
}
.tsc_ribbon_wrap .ribbon-wrap:before, .tsc_ribbon_wrap .ribbon-wrap:after {
content: '';
position: absolute;
z-index: -2;
}
.tsc_ribbon_wrap.edge {
/* height: 80px; */
position: relative;
}
.tsc_ribbon_wrap .left-edge.point {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
left: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap.ie8 .left-edge.point {
left: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .left-edge.point > span {
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap.ie .left-edge.point > span {
-pie-background: none;
}
.tsc_ribbon_wrap .left-edge.point:before {
border-style: solid;
border-width: 5px;
border-color: transparent;
bottom: -5px;
left: 0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap .left-edge.point:after {
width: 28px;
height: 28px;
right: -14px;
top: 50%;
margin-top: -14px;
-moz-transform-origin: center center; -moz-transform: rotate(45deg);
-webkit-transform-origin: center center; -webkit-transform: rotate(45deg);
-o-transform-origin: center center; -o-transform: rotate(45deg);
-ms-transform-origin: center center; -ms-transform: rotate(45deg);
transform-origin: center center; transform: rotate(45deg);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .left-edge.point:before, .tsc_ribbon_wrap.ie8 .left-edge.point:after {
display: none;
border-radius: 0;
}
.tsc_ribbon_wrap .right-edge.point {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
right: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap.ie8 .right-edge.point {
right: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .right-edge.point > span {
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap.ie .right-edge.point > span {
-pie-background: none;
}
.tsc_ribbon_wrap .right-edge.point:before {
border-style: solid;
border-width: 4px;
border-color: transparent;
bottom: -5px;
right: 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap .right-edge.point:after {
width: 28px;
height: 28px;
left: -14px;
top: 50%;
margin-top: -14px;
-moz-transform-origin: center center; -moz-transform: rotate(45deg);
-webkit-transform-origin: center center; -webkit-transform: rotate(45deg);
-o-transform-origin: center center; -o-transform: rotate(45deg);
-ms-transform-origin: center center; -ms-transform: rotate(45deg);
transform-origin: center center; transform: rotate(45deg);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .right-edge.point:before, .tsc_ribbon_wrap.ie8 .right-edge.point:after {
display: none;
border-radius: 0;
}
.tsc_ribbon_wrap .left-edge.fork {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
left: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap.ie8 .left-edge.fork {
left: 0;
border-radius: 0;
box-shadow: none !important;
}
.tsc_ribbon_wrap .left-edge.fork > span {
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.tsc_ribbon_wrap .left-edge.fork > span:before {
border-style: solid;
border-width: 5px;
border-color: transparent;
bottom: -5px;
left: 0;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap.ie8 .left-edge.fork > span:before {
display: none;
}
.tsc_ribbon_wrap .left-edge.fork > span:after {
right: -20px;
top: 0;
border-style: solid;
border-width: 20px;
}
.tsc_ribbon_wrap .left-edge.fork:before {
right: 22px;
bottom: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(-22deg) skew(18deg, 28deg);
-webkit-transform: rotate(-22deg) skew(18deg, 28deg);
-o-transform: rotate(-22deg) skew(18deg, 28deg);
-ms-transform: rotate(-22deg) skew(18deg, 28deg);
transform: rotate(-22deg) skew(18deg, 28deg);
-moz-box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5);
box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .left-edge.fork:after {
right: 22px;
top: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(32deg) skew(-18deg, -28deg);
-webkit-transform: rotate(32deg) skew(-18deg, -28deg);
-o-transform: rotate(32deg) skew(-18deg, -28deg);
-ms-transform: rotate(32deg) skew(-18deg, -28deg);
transform: rotate(32deg) skew(-18deg, -28deg);
-moz-box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5);
box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .left-edge.fork:before, .tsc_ribbon_wrap.ie8 .left-edge.fork:after {
display: none;
}
.tsc_ribbon_wrap .right-edge.fork {
width: 120px;
height: 40px;
line-height: 40px;
top: 20px;
right: -5px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap.ie8 .right-edge.fork {
right: 0;
border-radius: 0;
box-shadow: none !important;
}
.tsc_ribbon_wrap .right-edge.fork > span {
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.tsc_ribbon_wrap .right-edge.fork > span:before {
border-style: solid;
border-width: 5px;
border-color: transparent;
bottom: -5px;
right: 0;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.tsc_ribbon_wrap.ie8 .right-edge.fork > span:before {
display: none;
}
.tsc_ribbon_wrap .right-edge.fork > span:after {
left: -20px;
top: 0;
border-style: solid;
border-width: 20px;
}
.tsc_ribbon_wrap .right-edge.fork:before {
left: 22px;
bottom: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(22deg) skew(-18deg, -28deg);
-webkit-transform: rotate(22deg) skew(-18deg, -28deg);
-o-transform: rotate(22deg) skew(-18deg, -28deg);
-ms-transform: rotate(22deg) skew(-18deg, -28deg);
transform: rotate(22deg) skew(-18deg, -28deg);
-moz-box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5);
box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap .right-edge.fork:after {
left: 22px;
top: 5px;
width: 80px;
height: 20px;
background: #666;
-moz-transform: rotate(-32deg) skew(18deg, 28deg);
-webkit-transform: rotate(-32deg) skew(18deg, 28deg);
-o-transform: rotate(-32deg) skew(18deg, 28deg);
-ms-transform: rotate(-32deg) skew(18deg, 28deg);
transform: rotate(-32deg) skew(18deg, 28deg);
-moz-box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5);
box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_wrap.ie8 .right-edge.fork:before, .tsc_ribbon_wrap.ie8 .right-edge.fork:after {
display: none;
}
/********** Colour Styles **********/
/****** Light Blue ******/
.tsc_ribbon_wrap.ie8 .lblue, .tsc_ribbon_wrap .lblue > span, .tsc_ribbon_wrap .lblue.left-corner > span:before, .tsc_ribbon_wrap .lblue.left-corner > span:after, .tsc_ribbon_wrap .lblue.right-corner > span, .tsc_ribbon_wrap .lblue.right-corner > span:before, .tsc_ribbon_wrap .lblue.right-corner > span:after {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(top, #42a5d4, #24769d);
}
.tsc_ribbon_wrap .lblue.left-corner:before {
border-left-color: #174c66;
border-bottom-color: #174c66;
}
.tsc_ribbon_wrap .lblue.left-corner:after {
border-right-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-corner:before {
border-left-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-corner:after {
border-right-color: #174c66;
border-bottom-color: #174c66;
}
.tsc_ribbon_wrap .lblue.left-edge.point:after, .tsc_ribbon_wrap .lblue.right-edge.point:after {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(-45deg, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(-45deg, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(-45deg, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(-45deg, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(-45deg, #42a5d4, #24769d);
}
.tsc_ribbon_wrap .lblue.left-edge:before {
border-left-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-edge:before {
border-right-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.left-edge.fork > span {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #42a5d4), color-stop(5px, #42a5d4), color-stop(15%, #24769d), color-stop(65%, #24769d), color-stop(100%, #42a5d4)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */
background-image: -ms-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */
background-image: -o-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */
background-image: linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%);
-pie-background: linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lblue.left-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lblue.left-edge.fork > span:after {
border-color: #42a5d4 transparent #42a5d4 #42a5d4;
}
.tsc_ribbon_wrap .lblue.left-edge.fork > span:before {
border-left-color: #174c66;
border-top-color: #174c66;
}
.tsc_ribbon_wrap .lblue.right-edge.fork > span {
background-color: #42a5d4;
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #42a5d4), color-stop(5px, #42a5d4), color-stop(15%, #24769d), color-stop(65%, #24769d), color-stop(100%, #42a5d4)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */
background-image: -ms-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */
background-image: -o-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */
background-image: linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%);
-pie-background: linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lblue.right-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lblue.right-edge.fork > span:after {
border-color: #42a5d4 #42a5d4 #42a5d4 transparent;
}
.tsc_ribbon_wrap .lblue.right-edge.fork > span:before {
border-right-color: #174c66;
border-top-color: #174c66;
}
/****** Light Red ******/
.tsc_ribbon_wrap.ie8 .lred, .tsc_ribbon_wrap .lred > span, .tsc_ribbon_wrap .lred.left-corner > span:before, .tsc_ribbon_wrap .lred.left-corner > span:after, .tsc_ribbon_wrap .lred.right-corner > span, .tsc_ribbon_wrap .lred.right-corner > span:before, .tsc_ribbon_wrap .lred.right-corner > span:after {
background-color: #f80000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(top, #f80000, #a30000);
}
.tsc_ribbon_wrap .lred.left-corner:before {
border-left-color: #5f0000;
border-bottom-color: #5f0000;
}
.tsc_ribbon_wrap .lred.left-corner:after {
border-right-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-corner:before {
border-left-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-corner:after {
border-right-color: #5f0000;
border-bottom-color: #5f0000;
}
.tsc_ribbon_wrap .lred.left-edge.point:after, .tsc_ribbon_wrap .lred.right-edge.point:after {
background-color: #f80000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(-45deg, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(-45deg, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(-45deg, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(-45deg, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(-45deg, #f80000, #a30000);
}
.tsc_ribbon_wrap .lred.left-edge:before {
border-left-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-edge:before {
border-right-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.left-edge.fork > span {
background-color: #f80000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f80000), color-stop(5px, #f80000), color-stop(15%, #a30000), color-stop(65%, #a30000), color-stop(100%, #f80000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */
background-image: -ms-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */
background-image: -o-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */
background-image: linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%);
-pie-background: linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lred.left-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lred.left-edge.fork > span:after {
border-color: #f80000 transparent #f80000 #f80000;
}
.tsc_ribbon_wrap .lred.left-edge.fork > span:before {
border-left-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_wrap .lred.right-edge.fork > span {
background-color: #f80000;
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #f80000), color-stop(5px, #f80000), color-stop(15%, #a30000), color-stop(65%, #a30000), color-stop(100%, #f80000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */
background-image: -ms-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */
background-image: -o-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */
background-image: linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%);
-pie-background: linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE6-IE9 */
}
.tsc_ribbon_wrap.ie8 .lred.right-edge.fork > span {
-pie-background: none;
}
.tsc_ribbon_wrap .lred.right-edge.fork > span:after {
border-color: #f80000 #f80000 #f80000 transparent;
}
.tsc_ribbon_wrap .lred.right-edge.fork > span:before {
border-right-color: #5f0000;
border-top-color: #5f0000;
}
.tsc_ribbon_hang { margin-bottom:60px;}
.tsc_ribbon_hang:last-child { margin-bottom:0;}
.tsc_ribbon_hang > div { display:inline-block; zoom:1; /* ie7 hack for display:inline-block */ *display:inline; margin:0 40px 40px 0;}
.tsc_ribbon_hang > div:last-of-type { margin-right:0;}
.tsc_ribbon_hang .ribbon-bookmark {
margin:20px auto;
position:relative;
z-index:0;
text-align:center;
color:#fff;
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius: 3px 3px 0 0;
behavior:url(PIE.htc);
}
.tsc_ribbon_hang.ie8 .ribbon-bookmark {
box-shadow:none;
}
.tsc_ribbon_hang .ribbon-bookmark > span {
display:block;
position:relative;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius: 3px 3px 0 0;
behavior:url(PIE.htc);
-pie-watch-ancestors:1;
}
.tsc_ribbon_hang .ribbon-bookmark.small > span {
width:50px;
height:82px;
line-height:82px;
}
.tsc_ribbon_hang .ribbon-bookmark.medium > span {
width:80px;
height:124px;
line-height:124px;
}
.tsc_ribbon_hang .ribbon-bookmark.large > span {
width:120px;
height:166px;
line-height:166px;
}
.tsc_ribbon_hang .ribbon-bookmark > span:before, .tsc_ribbon_hang.ie8 .ribbon-bookmark .fork {
content:'';
position:absolute;
z-index:-1;
top:100%;
left:0;
border-style:solid;
}
.tsc_ribbon_hang.ie8 .ribbon-bookmark > span:before {
display:none;
}
.tsc_ribbon_hang .small > span:before, .tsc_ribbon_hang.ie8 .small .fork {
border-width:25px;
margin-top:-25px;
}
.tsc_ribbon_hang .medium > span:before, .tsc_ribbon_hang.ie8 .medium .fork {
border-width:40px;
margin-top:-40px;
}
.tsc_ribbon_hang .large > span:before, .tsc_ribbon_hang.ie8 .large .fork {
border-width:60px;
margin-top:-60px;
}
.tsc_ribbon_hang .ribbon-bookmark:before {
content:'';
position:absolute;
z-index:-2;
left:1px;
background:#666;
-moz-transform-origin: 0 0; -moz-transform: skew(-20deg, -38deg) rotate(-20deg);
-webkit-transform-origin:0 0; -webkit-transform:skew(-20deg, -38deg) rotate(-20deg);
-o-transform-origin: 0 0; -o-transform: skew(-20deg, -38deg) rotate(-20deg);
-ms-transform-origin: 0 0; -ms-transform: skew(-20deg, -38deg) rotate(-20deg);
transform-origin: 0 0; transform: skew(-20deg, -38deg) rotate(-20deg);
-moz-box-shadow: 0 6px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 6px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 6px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang .ribbon-bookmark:after {
content:'';
position:absolute;
z-index:-2;
right:1px;
background:#666;
-moz-transform-origin: right 0; -moz-transform: skew(20deg, 38deg) rotate(20deg);
-webkit-transform-origin:right 0; -webkit-transform:skew(20deg, 38deg) rotate(20deg);
-o-transform-origin: right 0; -o-transform: skew(20deg, 38deg) rotate(20deg);
-ms-transform-origin: right 0; -ms-transform: skew(20deg, 38deg) rotate(20deg);
transform-origin: right 0; transform: skew(20deg, 38deg) rotate(20deg);
-moz-box-shadow: 0 7px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 7px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 7px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang.ie8 .ribbon-bookmark:before, .tsc_ribbon_hang.ie8 .ribbon-bookmark:after {
display:none;
}
.tsc_ribbon_hang .ribbon-bookmark.small:before, .tsc_ribbon_hang .ribbon-bookmark.small:after {
width:25px;
height:35px;
bottom:-35px;
}
.tsc_ribbon_hang .ribbon-bookmark.medium:before, .tsc_ribbon_hang .ribbon-bookmark.medium:after {
width:40px;
height:55px;
bottom:-55px;
}
.tsc_ribbon_hang .ribbon-bookmark.large:before, .tsc_ribbon_hang .ribbon-bookmark.large:after {
width:60px;
height:85px;
bottom:-85px;
}
.tsc_ribbon_hang .ribbon-bookmark.small:before {
-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 3px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.5), -1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang .ribbon-bookmark.small:after {
-moz-box-shadow: 0 5px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 5px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 2px rgba(0, 0, 0, 0.5), 1px -1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_hang .ie8 .ribbon-bookmark.small {
box-shadow:none;
}
/********** Colour Styles **********/
/****** Light Blue ******/
.tsc_ribbon_hang .lblue {
background:#42a5d4;
}
.tsc_ribbon_hang .lblue > span {
background-color:#42a5d4;
background-image:-webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(top, #42a5d4, #24769d);
-pie-background: linear-gradient(top, #42a5d4, #24769d); /* IE6-IE9 */
}
.tsc_ribbon_hang .lblue > span:before, .tsc_ribbon_hang.ie8 .lblue .fork {
border-color:#24769d #24769d transparent #24769d;
}
.tsc_ribbon_hang .lred {
background:#f80000;
}
.tsc_ribbon_hang .lred > span {
background-color:#f80000;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(top, #f80000, #a30000);
-pie-background: linear-gradient(top, #f80000, #a30000); /* IE6-IE9 */
}
.tsc_ribbon_hang .lred > span:before, .tsc_ribbon_hang.ie8 .lred .fork {
border-color:#a30000 #a30000 transparent #a30000;
}
.tsc_ribbon_hang .lgreen {
background:#80b73d;
}
.tsc_ribbon_hang .lgreen > span {
background-color:#80b73d;
background-image:-webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */
background-image: -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */
background-image: -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */
background-image: linear-gradient(top, #80b73d, #547728);
-pie-background: linear-gradient(top, #80b73d, #547728); /* IE6-IE9 */
}
.tsc_ribbon_hang .lgreen > span:before, .tsc_ribbon_hang.ie8 .lgreen .fork {
border-color:#547728 #547728 transparent #547728;
}
.tsc_ribbon_hang .lyellow {
background:#ffc037;
}
.tsc_ribbon_hang .lyellow > span {
background-color:#ffc037;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */
background-image: -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffc037, #e19a00);
-pie-background: linear-gradient(top, #ffc037, #e19a00); /* IE6-IE9 */
}
.tsc_ribbon_hang .lyellow > span:before, .tsc_ribbon_hang.ie8 .lyellow .fork {
border-color:#e19a00 #e19a00 transparent #e19a00;
}
.tsc_ribbon_banner { margin:30px 0; position:relative; z-index:0;}
.tsc_ribbon_banner > div { margin-bottom:40px;}
.tsc_ribbon_banner > div:last-of-type { margin-bottom:0;}
.tsc_ribbon_banner .ribbon-banner {
margin:0 auto;
position:relative;
text-align:center;
color:#fff;
width:320px;
height:40px;
line-height:40px;
behavior:url(PIE.htc);
}
.tsc_ribbon_banner .ribbon-banner > span {
display:block;
position:relative;
height:100%;
behavior:url(PIE.htc);
-pie-watch-ancestors:1;
}
.tsc_ribbon_banner .ribbon-banner > span:before, .tsc_ribbon_banner .ribbon-banner > span:after {
content:'';
position:absolute;
z-index:-1;
border-style:solid;
border-width:14px;
border-color:transparent;
}
.tsc_ribbon_banner.ie8 .ribbon-banner > span:before, .ie8 .ribbon-banner > span:after {
display:none;
}
.tsc_ribbon_banner .ribbon-banner > span:before {
left:-14px;
}
.tsc_ribbon_banner .ribbon-banner > span:after {
right:-14px;
}
.tsc_ribbon_banner .ribbon-banner:before {
content:'';
position:absolute;
z-index:-2;
left:-31px;
border-style:solid;
border-width:20px;
border-right-width:25px;
}
.tsc_ribbon_banner .ribbon-banner:after {
content:'';
position:absolute;
z-index:-2;
right:-31px;
border-style:solid;
border-width:20px;
border-left-width:25px;
}
.tsc_ribbon_banner .fold-down > span {
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.tsc_ribbon_banner .fold-down > span:before, .tsc_ribbon_banner .fold-down > span:after {
bottom:-14px;
}
.tsc_ribbon_banner .fold-down:before {
top:14px;
}
.tsc_ribbon_banner .fold-down:after {
top:14px;
}
.tsc_ribbon_banner .fold-straight > span {
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
}
.tsc_ribbon_banner .fold-straight > span:before, .tsc_ribbon_banner .fold-straight > span:after {
display:none;
}
.tsc_ribbon_banner .fold-straight:before {
top:2px;
border-width:18px;
border-right-width:23px;
}
.tsc_ribbon_banner .fold-straight:after {
top:2px;
border-width:18px;
border-left-width:23px;
}
.tsc_ribbon_banner .curve.fold-up {
-moz-border-radius: 0 0 50% 50% / 0 0 50% 50%;
-webkit-border-radius:0 0 50% 50% / 0 0 50% 50%;
border-radius: 0 0 50% 50% / 0 0 50% 50%;
}
.tsc_ribbon_banner .curve > span {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.tsc_ribbon_banner .curve.fold-up > span:after {
border:0;
top:-40px;
left:0;
width:100%;
height:100%;
-moz-border-radius: 0 0 50% 50% / 0 0 50% 50%;
-webkit-border-radius:0 0 50% 50% / 0 0 50% 50%;
border-radius: 0 0 50% 50% / 0 0 50% 50%;
}
.tsc_ribbon_banner .curve.fold-up > span:before {
border:0;
top:-40px;
left:0;
width:100%;
height:100%;
background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-webkit-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-moz-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6 */
background-image:-ms-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-ms-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* IE10 */
background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
-o-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Opera 11.10+ */
background-image:linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%);
-webkit-background-size:10px 40px, 10px 40px; /* Saf3-4 */
-moz-background-size: 10px 40px, 10px 40px; /* FF3.6 */
background-size: 10px 40px, 10px 40px; /* Opera, IE9, Saf5, Chrome, FF4 */
background-repeat:no-repeat, no-repeat;
background-position:left top, right top;
-moz-border-radius: 50% / 50%;
-webkit-border-radius:50% / 50%;
border-radius: 50% / 50%;
}
.tsc_ribbon_banner.ie .curve.fold-up > span:before {
display:none;
}
.tsc_ribbon_banner.ie .curve.fold-up > span .before {
position:absolute;
z-index:-1;
left:0;
right:0;
top:-27px;
height:100%;
border-left:10px solid rgba(0, 0, 0, 0.35);
border-right:10px solid rgba(0, 0, 0, 0.35);
border-radius:10px;
}
.tsc_ribbon_banner .curve.fold-up:before {
top:-27px;
left:-34px;
}
.tsc_ribbon_banner.ie8 .curve.fold-up:before {
top:-14px;
left:-31px;
}
.tsc_ribbon_banner .curve.fold-up:after {
top:-27px;
right:-34px;
}
.tsc_ribbon_banner.ie8 .curve.fold-up:after {
top:-14px;
right:-31px;
}
.tsc_ribbon_banner .lblue, .tsc_ribbon_banner.ie8 .lblue > span {
background-color:#42a5d4;
background-image:-webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */
background-image: -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */
background-image: -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */
background-image: linear-gradient(top, #42a5d4, #24769d);
-pie-background: linear-gradient(top, #42a5d4, #24769d); /* IE6-IE9 */
}
.tsc_ribbon_banner .lblue > span:before {
border-right-color:#174c66;
}
.tsc_ribbon_banner .lblue > span:after {
border-left-color:#174c66;
}
.tsc_ribbon_banner .lblue:before {
border-color:#24769d #24769d #24769d transparent;
}
.tsc_ribbon_banner .lblue:after {
border-color:#24769d transparent #24769d #24769d;
}
.tsc_ribbon_banner .lblue.curve.fold-up > span:after {
box-shadow:0 19px 0 #42a5d4;
}
.tsc_ribbon_banner .lred, .tsc_ribbon_banner.ie8 .lred > span {
background-color:#f80000;
background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */
background-image: -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */
background-image: -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */
background-image: linear-gradient(top, #f80000, #a30000);
-pie-background: linear-gradient(top, #f80000, #a30000); /* IE6-IE9 */
}
.tsc_ribbon_banner .lred > span:before {
border-right-color:#5f0000;
}
.tsc_ribbon_banner .lred > span:after {
border-left-color:#5f0000;
}
.tsc_ribbon_banner .lred:before {
border-color:#a30000 #a30000 #a30000 transparent;
}
.tsc_ribbon_banner .lred:after {
border-color:#a30000 transparent #a30000 #a30000;
}
.tsc_ribbon_banner .lred.curve.fold-up > span:after {
box-shadow:0 19px 0 #f80000;
}
.tsc_ribbon_banner .lgreen, .tsc_ribbon_banner.ie8 .lgreen > span {
background-color:#80b73d;
background-image:-webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */
background-image: -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */
background-image: -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */
background-image: linear-gradient(top, #80b73d, #547728);
-pie-background: linear-gradient(top, #80b73d, #547728); /* IE6-IE9 */
}
.tsc_ribbon_banner .lgreen > span:before {
border-right-color:#304417;
}
.tsc_ribbon_banner .lgreen > span:after {
border-left-color:#304417;
}
.tsc_ribbon_banner .lgreen:before {
border-color:#547728 #547728 #547728 transparent;
}
.tsc_ribbon_banner .lgreen:after {
border-color:#547728 transparent #547728 #547728;
}
.tsc_ribbon_banner .lgreen.curve.fold-up > span:after {
box-shadow:0 19px 0 #80b73d;
}
.tsc_ribbon_banner .lyellow, .tsc_ribbon_banner.ie8 .lyellow > span {
background-color:#ffc037;
background-image:-webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */
background-image: -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */
background-image: -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */
background-image: linear-gradient(top, #ffc037, #e19a00);
-pie-background: linear-gradient(top, #ffc037, #e19a00); /* IE6-IE9 */
}
.tsc_ribbon_banner .lyellow > span:before {
border-right-color:#9d6c00;
}
.tsc_ribbon_banner .lyellow > span:after {
border-left-color:#9d6c00;
}
.tsc_ribbon_banner .lyellow:before {
border-color:#e19a00 #e19a00 #e19a00 transparent;
}
.tsc_ribbon_banner .lyellow:after {
border-color:#e19a00 transparent #e19a00 #e19a00;
}
.tsc_ribbon_banner .lyellow.curve.fold-up > span:after {
box-shadow:0 19px 0 #ffc037;
}
Et dans le home.tpl j'ai coller ça:
Caché :
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
<link rel="stylesheet" type="text/css" href="{PATH_TO_ROOT}/HomeCustom/HomeCustom.css" />
</head>
<body>
<!-- DC [2 Columns] Start -->
<div class="one_half">
<h3>Apprendre les bases de l'informatique</h3>
<p>tchatt.net a été fondée principalement pour faire des rencontres mais aussi dans le but d'apprendre les bases de l'informatique aux débutants grâce à des tutoriels simples et intuitifs, chaque jour voire chaque semaine des tutoriels sont ajoutés afin de vous permettre d'en apprendre plus sur l'informatique</p>
</div>
<!-- END one_half -->
<div class="one_half column-last">
<h3>Participer à tchatt.net</h3>
<p>Il y a bien des façons de participer à tchatt.net, vous pouvez par exemple, créer des tutoriels, aider les membres sur les forums, signaler des bugs, suggéré des nouvelles améliorations, etc.</p>
</div>
<div class="tsc_clear"></div>
<hr>
<div class="tsc_ribbon_wrap edge" style="width:49%; height:130px;">
<div class="ribbon-wrap right-edge fork lblue"><span>Sur le forum ...</span></div>
<div align="center">
<small>${Feed::get_parsed('forum', 'master', 0, true, 5)}</small>
</div>
</div>
<!-- DC Ribbons Start -->
<div class="tsc_ribbon_wrap edge" style=" float: left ;height: 130px; margin: -135px 78px 78px 520px; width: 49%;">
<div class="ribbon-wrap right-edge fork lred"><span>Quelques News ...</span></div>
<div align="center">
<small>${Feed::get_parsed('news', 'master', 0, true, 5)}</small> </div>
</div>
<!-- DC Ribbons End -->
<br/><br/><br/>
<div class="tsc_ribbon_banner">
<div class="ribbon-banner fold-down lyellow"><span>A la une ...</span></div>
</div>
<br/><br/>
<!-- Les derniers tutoriels -->
<div class="tsc_ribbon_wrap edge" style="width:49%; height:130px;">
<div class="ribbon-wrap right-edge fork lblue"><span>Derniers tutoriels</span></div>
<div align="center">
<small>${Feed::get_parsed('articles', 'master', 0, TRUE, 5)}</small>
</div>
</div>
<!-- DC Ribbons Start -->
<div class="tsc_ribbon_wrap edge" style=" float: left ;height: 130px; margin: -135px 78px 78px 520px; width: 49%;">
<div class="ribbon-wrap right-edge fork lred"><span>Derniers logiciels</span></div>
<div align="center">
<small>${Feed::get_parsed('download', 'master', 0, true, 5)}</small> </div>
</div>
<!-- DC Ribbons End -->
</body>
</html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
<link rel="stylesheet" type="text/css" href="{PATH_TO_ROOT}/HomeCustom/HomeCustom.css" />
</head>
<body>
<!-- DC [2 Columns] Start -->
<div class="one_half">
<h3>Apprendre les bases de l'informatique</h3>
<p>tchatt.net a été fondée principalement pour faire des rencontres mais aussi dans le but d'apprendre les bases de l'informatique aux débutants grâce à des tutoriels simples et intuitifs, chaque jour voire chaque semaine des tutoriels sont ajoutés afin de vous permettre d'en apprendre plus sur l'informatique</p>
</div>
<!-- END one_half -->
<div class="one_half column-last">
<h3>Participer à tchatt.net</h3>
<p>Il y a bien des façons de participer à tchatt.net, vous pouvez par exemple, créer des tutoriels, aider les membres sur les forums, signaler des bugs, suggéré des nouvelles améliorations, etc.</p>
</div>
<div class="tsc_clear"></div>
<hr>
<div class="tsc_ribbon_wrap edge" style="width:49%; height:130px;">
<div class="ribbon-wrap right-edge fork lblue"><span>Sur le forum ...</span></div>
<div align="center">
<small>${Feed::get_parsed('forum', 'master', 0, true, 5)}</small>
</div>
</div>
<!-- DC Ribbons Start -->
<div class="tsc_ribbon_wrap edge" style=" float: left ;height: 130px; margin: -135px 78px 78px 520px; width: 49%;">
<div class="ribbon-wrap right-edge fork lred"><span>Quelques News ...</span></div>
<div align="center">
<small>${Feed::get_parsed('news', 'master', 0, true, 5)}</small> </div>
</div>
<!-- DC Ribbons End -->
<br/><br/><br/>
<div class="tsc_ribbon_banner">
<div class="ribbon-banner fold-down lyellow"><span>A la une ...</span></div>
</div>
<br/><br/>
<!-- Les derniers tutoriels -->
<div class="tsc_ribbon_wrap edge" style="width:49%; height:130px;">
<div class="ribbon-wrap right-edge fork lblue"><span>Derniers tutoriels</span></div>
<div align="center">
<small>${Feed::get_parsed('articles', 'master', 0, TRUE, 5)}</small>
</div>
</div>
<!-- DC Ribbons Start -->
<div class="tsc_ribbon_wrap edge" style=" float: left ;height: 130px; margin: -135px 78px 78px 520px; width: 49%;">
<div class="ribbon-wrap right-edge fork lred"><span>Derniers logiciels</span></div>
<div align="center">
<small>${Feed::get_parsed('download', 'master', 0, true, 5)}</small> </div>
</div>
<!-- DC Ribbons End -->
</body>
</html>
Voilà ce que j'ai éssayer de faire.
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Elenwii
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
riptide Membre non connecté
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
ReidLos bah ça met le site inaccessible. Plus précisément :
J'ai désinstaller le modules news je sais pas si ça à un rapport normalement non, bizarre je sais pas la.
Édité par riptide Le 09/04/2013 à 18h37
Teki Membre non connecté
-
Booster Mortier
- Voir le profil du membre Teki
- Inscrit le : 17/02/2013
Par contre pour afficher tes flux il faut les mettre entre des balises PHP.
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
http://phpboost.com/forum/topic-13634-0-126812+module-homecustom-appel-de-last-news.php#m126812
Je pense que tu devrais trouver ton bonheur.
ElenWii
riptide Membre non connecté
-
Booster Roquette
- Voir le profil du membre riptide
- Inscrit le : 29/02/2012
- Site internet
- Groupes :
Ah bah d'accord j'ai trouver pourquoi. En faite comme j'ai mis plus haut j'ai désinstaller le module news, mais le flux vers ce modules était toujours mis sur ma page, je l'ai supprimer eh voilà. c'est cette histoire de flux qui ma fait penser à ça ^^. Merci.
herveduroy Membre non connecté
-
Booster Bazooka
- Voir le profil du membre herveduroy
- Inscrit le : 09/01/2010
- Groupes :
je n'arrive pas à télécharger le module "homecustom".(partie téléchargement du site phpboost)
Quand je clique sur le lien pour le télécharger, Firefox m'ouvre des centaines de nouveaux onglets et je finis par devoir arrêter tout car cela semble sans fin. Rien n'est téléchargé.
Pouvez-vous me dire ce qui se passe ?
Je vous en remercie
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
Avez-vous essayer avec un autre navigateur ?
herveduroy Membre non connecté
-
Booster Bazooka
- Voir le profil du membre herveduroy
- Inscrit le : 09/01/2010
- Groupes :
Mystère pour Firefox.
Merci de votre rapide réponse !
Hervé
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
janus57 Membre non connecté
-
Booster Fusée
- Voir le profil du membre janus57
- Inscrit le : 07/12/2007
- Groupes :
-
Equipe Assistance
sous FireFox aucun problème de mon côté.
Cordialement, janus57
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie