Skip to content

Instantly share code, notes, and snippets.

@grahamd711
Created October 13, 2016 20:28
Show Gist options
  • Save grahamd711/4e545c733aee2731825b5a1604a11864 to your computer and use it in GitHub Desktop.
Save grahamd711/4e545c733aee2731825b5a1604a11864 to your computer and use it in GitHub Desktop.
Criteo iFrame CSS
body, div, p, span, a {
margin: 0;
padding: 0;
}
body {
background: #F5F5F5 url(//static.criteo.net/images/landing/091201/bg.png) repeat-x 0 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}
body.RTL { direction: rtl; }
a { color: black; }
a:hover { color: #ff9e06; }
a img { border: none; }
#main {
width: 930px;
margin: 0 auto;
}
#bandeau {
background: transparent url(//static.criteo.net/images/landing/091201/bandeau.png) no-repeat 0 0;
height: 81px;
}
#logo {
float: left;
margin-left: 40px;
background: transparent url(//static.criteo.com/images/landing/091201/logo_privacy_140609.png) repeat-x 0 0;
width: 117px;
height: 42px;
}
.RTL #logo {
float: right;
margin-left: auto;
margin-right: 40px;
}
#logoPartnerHolder {
float: right;
margin-right: 130px;
width: 175px;
height: 71px;
position: relative;
top: 8px;
background: url("//static.criteo.net/images/landing/091201/logo_partner_holder.png") no-repeat scroll 0 0;
}
.RTL #logoPartnerHolder {
float: left;
margin-left: 130px;
width: 166px;
}
#logoPartnerHolder img {
padding: 5px 0 0 5px;
max-width: 156px;
max-height: 52px;
}
#bandeau span {
color: white;
font-size: 16px;
position: relative;
top: 18px;
left: 40px;
}
.RTL #bandeau span {
left: auto;
right: 40px;
}
#page {
background: transparent url(//static.criteo.net/images/landing/091201/page_bg.png) repeat-y 0 0;
padding: 5px 30px 5px 30px;
}
.error {
color: red;
font-weight: bold;
}
.optout-confirmation {
font-weight: bold;
}
.blockFlash {
float: left;
width: 395px;
margin: 0 19px;
}
.blockFlashSearch { width: 809px; }
.blockFlash .acc { height: 45px; }
.sep {
height: 5px;
clear: both;
}
div.paragraf {
margin: 15px 0 15px 20px;
line-height: 150%;
}
div.paragraf h1, div.paragraf h1 a {
text-transform: uppercase;
font-size: 12px;
color: #ff9e06;
margin-bottom: 5px;
}
div.paragraf div {
padding-left: 15px;
border-left: solid 2px #ff9e06;
}
body.RTL div.paragraf div {
padding-left: auto;
padding-right: 15px;
border-left: none;
border-right: solid 2px #ff9e06;
}
div.paragraf div span {
font-style: italic;
color: #777;
}
#pageBottom {
width: 930px;
height: 9px;
background: transparent url(//static.criteo.net/images/landing/091201/page_bottom.png) no-repeat 0 0;
}
#copyright {
margin: 0 auto 20px auto;
width: 800px;
text-align: center;
font-size: 10px;
color: #888;
}
#copyright a { color: #888; }
#copyright a:hover { color: black; }
@media screen and (max-width: 768px)
and (max-device-width: 1024px) {
body { font-size: 1em; }
#main { width: 768px; }
.blockFlash {
float: none;
width: 90%;
}
.blockFlash .acc {
height: auto;
margin: 10px 0;
}
.blockFlashSearch { width: 395px; }
div.paragraf h1, div.paragraf h1 a { font-size: 1em; }
#bandeau span {
font-size: 1em;
left: 5px;
}
#bandeau { background-size: 768px 113px; }
#page { background-size: 768px; }
#logo { margin-left: 10px; }
#logoPartnerHolder {
margin-right: 8px;
background: none;
}
#logoPartnerHolder img {
border: 6px solid white;
box-shadow: 0 6px 4px -4px #aaa;
padding: 0;
}
#pageBottom {
width: 100%;
background-size: 768px;
}
#copyright { width: 100%; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment