Skip to content

Instantly share code, notes, and snippets.

@woodwardtw
Last active May 12, 2022 19:17
Show Gist options
  • Save woodwardtw/4180853932f5086eeee1612f1312557f to your computer and use it in GitHub Desktop.
Save woodwardtw/4180853932f5086eeee1612f1312557f to your computer and use it in GitHub Desktop.
temporary custom css for formofawesome.com
.gquiz-answer-explanation {
margin: 20px 0;
padding: 10px;
border: 2px solid yellow;
border-radius: 5px;
transition: all .5s ease;
}
.twins {
width: 500px;
height: 350px;
border: 1px solid;
background-size: cover;
background-repeat: no-repeat;
}
[data-score="Bath Water"] {
background-image: url(http://formofawesome.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-10-at-08.22.40.png);
}
[data-score="Gelatin Dessert"]{
background-image: url(http://formofawesome.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-10-at-08.23.13.png);
}
[data-score="Gelatin Dessert"]{
background-image: url(http://formofawesome.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-10-at-08.23.13.png);
}
[data-score="Frozen Ice Saw"]{
background-image: url(http://formofawesome.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-10-at-08.23.53.png);
}
[data-score="Ice Gondola"]{
background-image: url(http://formofawesome.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-10-at-08.25.48.png);
}
[data-score="Ice Unicycle"]{
background-image: url(http://formofawesome.com/wp-content/uploads/2022/05/Screen-Shot-2022-05-10-at-08.21.10.png);
}
.gform_next_button, .gform_previous_button, .gform_button {
width: 200px;
text-align: center;
background-color: #6a4ea2;
border: none;
border-radius: 50px;
color: #fff;
padding: 10px;
transition: all .5s ease;
font-size: 1.4rem;
}
.gform_next_button:hover, .gform_previous_button:hover, .gform_button:hover {
color: yellow;
}
.gquiz-correct-choice {
background-color: lightgreen;
}
.entry-content a {
color: #000;
}
.holder {
width: 500px;
height: 330px;
background-color: rgba(33,33,0,.3);
postion:relative;
background-position: right center, left center;
background-repeat: no-repeat, no-repeat;
background-size: 50%, 50%;
}
.cover {
width: 100%;
height: 100%;
background-image: url(https://formofawesome.com/wp-content/themes/form-of-awesome/imgs/cover.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 1;
}
.display-posts-listing {
display: flex;
flex-flow: row wrap;
gap: 10px;
justify-content: space-between;
}
.listing-item {
background-color: #fff;
padding: 20px;
margin-bottom: 20px;
max-width: 100%;
}
.other-holder{
width: 500px;
height: 330px;
position:relative;
max-width: 100%;
}
.left-side {
background-image: url(https://live.staticflickr.com/65535/52042161286_7302217910_w.jpg);
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background-size:cover;
background-position: center center;
}
.right-side {
background-image: url(https://live.staticflickr.com/65535/51679940508_3995b41da8_w.jpg);
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background-size: cover;
background-position: center center;
}
.new-cover {
background-image: url(https://formofawesome.com/wp-content/themes/form-of-awesome/imgs/cover.svg);
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
z-index: 11;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment