Skip to content

Instantly share code, notes, and snippets.

@lenagroeger
Created April 1, 2014 15:36
Show Gist options
  • Save lenagroeger/9916658 to your computer and use it in GitHub Desktop.
Save lenagroeger/9916658 to your computer and use it in GitHub Desktop.
/* Paste this after your CSS, but before the media queries begin. */
.spev-jpac-top h1 {
color: #FFF;
}
.spev-jpac-top {
position: relative;
top: 130px;
left: 10px;
}
#spev-jpac a, #spev-jpac a:hover, #spev-jpac a:visited {
color: #83B4E3;
}
#spev-jpac .guff {
top: 291px;
left: 35px;
width: 370px;
font-size: 17px;
}
#spev-jpac .related {
top: 376px;
left: 35px;
}
.jpac-original {
display: block;
position: relative;
padding: 0 0 7px 0;
color: #DDD;
}
/* Also, delete the <br> tag right after the .jpac-original element in the html */
/* Paste these media queries below your media queries. */
@media screen and (max-width: 800px) and (min-width: 481px){
html body #spev-jpac .spev-jpac-top {
top: 50px;
}
#spev-jpac .guff {
top: 180px;
width: 290px;
left: 30px;
}
#spev-jpac .related {
top: 256px;
left: 29px;
font-size: 15px;
}
.jpac-original {
font-size: 11px;
}
}
@media screen and (max-width: 480px){
.spev-jpac-top {
top: 0px;
left: 0px;
}
.spev-jpac-top h1 {
color: black;
}
#spev-jpac .related {
font-size: 16px;
}
.jpac-original {
color: black;
font-size: 11px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment