Skip to content

Instantly share code, notes, and snippets.

@kyleskrinak
Last active August 29, 2015 14:14
Show Gist options
  • Save kyleskrinak/b47e42c0350c58b5c7ee to your computer and use it in GitHub Desktop.
Save kyleskrinak/b47e42c0350c58b5c7ee to your computer and use it in GitHub Desktop.
Qualtrics form redo
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
// CSS for the Qualtrics call for proposals form
@import "compass";
$seagreen: #339966;
html .CSS3 .Skin {
#LogoContainer {
padding: 1em 0 2em 0;
@include box-shadow(0 1px 10px rgba(black, 0.1));
border-bottom: 1px solid #ddd;
}
#Logo { background-image: url(http://sites.duke.edu/techexpo/files/2015/01/TechExpo2015E.png); }
}
.Skin .QuestionBody {
margin: 0;
}
#Header:empty {
display: none;
}
#LogoContainer {
@include background-image(linear-gradient(white, #f2f2f2));
}
.Inner.BorderColor {
padding-top: 0;
padding-bottom: 0;
}
#Buttons #NextButton, #Buttons #PreviousButton {
background-color: $seagreen;
}
html .CSS3 .Skin #LogoContainer{padding:1em 0 2em 0;-moz-box-shadow:0 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1);box-shadow:0 1px 10px rgba(0,0,0,0.1);border-bottom:1px solid #ddd}html .CSS3 .Skin #Logo{background-image:url(http://sites.duke.edu/techexpo/files/2015/01/TechExpo2015E.png)}.Skin .QuestionBody{margin:0}#Header:empty{display:none}#LogoContainer{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #f2f2f2));background-image:-moz-linear-gradient(#ffffff,#f2f2f2);background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);background-image:linear-gradient(#ffffff,#f2f2f2)}.Inner.BorderColor{padding-top:0;padding-bottom:0}#Buttons #NextButton,#Buttons #PreviousButton{background-color:#396}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment