From 89df963aaaef46168ce4abe7e43251cf9c97dd82 Mon Sep 17 00:00:00 2001 From: James Allen Date: Mon, 26 Jan 2015 10:00:10 +0000 Subject: [PATCH] Use unified CSS from site. As per swcarpentry/lesson-template#140, but only the core CSS changes. --- _includes/header.html | 6 +- _layouts/page.html | 4 +- css/badge.css | 18 + .../img/glyphicons-halflings-white.png | Bin 0 -> 8777 bytes css/bootstrap/img/glyphicons-halflings.png | Bin 0 -> 12799 bytes css/lesson.css | 126 ++++ css/swc-bootstrap.css | 263 +++++++++ css/swc-workshop-and-lesson.css | 36 ++ css/swc.css | 549 +++++++++--------- 9 files changed, 725 insertions(+), 277 deletions(-) create mode 100644 css/badge.css create mode 100644 css/bootstrap/img/glyphicons-halflings-white.png create mode 100644 css/bootstrap/img/glyphicons-halflings.png create mode 100644 css/lesson.css create mode 100644 css/swc-bootstrap.css create mode 100644 css/swc-workshop-and-lesson.css diff --git a/_includes/header.html b/_includes/header.html index 036fd91..dea8b8d 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,8 +1,10 @@ - - + + + + diff --git a/_layouts/page.html b/_layouts/page.html index 6607cab..3b9780d 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -6,8 +6,8 @@ Software Carpentry: $pagetitle$ $header$ - -
+ +
$banner$
diff --git a/css/badge.css b/css/badge.css new file mode 100644 index 0000000..3e1a762 --- /dev/null +++ b/css/badge.css @@ -0,0 +1,18 @@ +.badges-section { + margin-bottom:30px; +} +.badges-section .media { + margin-top: 30px; +} +h1.badge-title{ + margin-top: 10px; +} +#modal-badge-img { + position:absolute; + right: 25px; + bottom: 25px; + opacity: 0.5; +} +#assertion-modal.in { + color: black; +} diff --git a/css/bootstrap/img/glyphicons-halflings-white.png b/css/bootstrap/img/glyphicons-halflings-white.png new file mode 100644 index 0000000000000000000000000000000000000000..3bf6484a29d8da269f9bc874b25493a45fae3bae GIT binary patch literal 8777 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 B7G?kd literal 0 HcmV?d00001 diff --git a/css/bootstrap/img/glyphicons-halflings.png b/css/bootstrap/img/glyphicons-halflings.png new file mode 100644 index 0000000000000000000000000000000000000000..a9969993201f9cee63cf9f49217646347297b643 GIT binary patch literal 12799 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 literal 0 HcmV?d00001 diff --git a/css/lesson.css b/css/lesson.css new file mode 100644 index 0000000..9aad2f8 --- /dev/null +++ b/css/lesson.css @@ -0,0 +1,126 @@ +code { + color: #333333; +} + +/* Code sample */ +pre.sourceCode, +pre.input { + color: ForestGreen; +} +pre.output { + color: MediumBlue; +} +pre.error { + color: Red; +} + +.objectives, .keypoints, .callout, .challenge { + margin: 1em 0; + padding: 0em 1em; +} + +.objectives h2:first-child, +.keypoints h2:first-child, +.callout h2:first-child, +.challenge h2:first-child { + margin-top: 10px; +} + +.objectives, .keypoints { + background-color: azure; + border: 5px solid azure; +} + +.callout { + background-color: #EEE; + border: 5px solid #EEE; +} + +.challenge { + background-color: #CCFFCC; + border: 5px solid #CCFFCC; +} + +/* Tables used for displaying choices in challenges. */ +table.choices tr td { + vertical-align : top; +} + +/* Database tables do _not_ have double borders */ +table.outlined { + border-collapse: collapse; +} + +/* Printing */ +@media print { + h1 { + font-size: 16pt; + line-height: 18pt; + } + + h2,h3,h4,h5,h6 { + font-size: 12pt; + line-height: 13pt; + } + + /* Objectives, Callout Box and Challenges */ + .objectives, .keypoints { + background-color: unset; + border: 5px solid; + } + + .callout { + background-color: unset; + border: 5px solid; + } + + .challenge { + background-color: unset; + border: 5px solid; + } + + p,ul,ol,li,pre,code { + font-size: 8pt; + line-height: 9pt; + } + + code { + padding: 0px; + border: 0px; + background: unset; + } + + pre.sourceCode::before, + pre.input::before. { + content: "Input:"; + } + + pre.output::before { + content: "Output:"; + } + + pre.error::before { + content: "Error:"; + } + + pre.sourceCode code, + pre.input code, + pre.output code, + pre.error code { + display: block; + margin-top: 1em; + margin-left: 2em; + } + + #github-ribbon { + display: none; + } + + .banner { + display: none; + } + + .footer { + display: none; + } +} diff --git a/css/swc-bootstrap.css b/css/swc-bootstrap.css new file mode 100644 index 0000000..923db6b --- /dev/null +++ b/css/swc-bootstrap.css @@ -0,0 +1,263 @@ +/* Customizations to Bootstrap's default styles */ + +/* readability: darken the alert colour for contrast with background */ +.alert { + color: rgb(0,0,0); +} + +.navbar .brand { + padding-top: 0px; /* align the logo */ + text-shadow:none; +} + +.navbar { + margin:0; + border-top:5px solid #2b3990; + border-bottom:1px solid #CCC; +} + +.navbar .container { + background-color: inherit; + font-size:11pt; + padding:27px 10px 0px 10px; + background:url('../img/software-carpentry-banner.png') no-repeat; + background-size: 250px; + background-position: 10px 10px; + height:50px; +} + +.navbar-inner { + min-height: 40px; +} + +.navbar .nav > li > a { + padding: 10px; +} + +.navbar-inverse .nav > li > a { + color: #f0f0f0; + text-shadow:none; +} + +.navbar-inverse .navbar-inner { + background:#D6D6D6; +} + +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #2b3990; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #ffffff; + background-color: #B9B9C4; +} + +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .navbar-search .search-query { + background-color: #ffffff; + color: #666666; + border-color:#2b3990; + width:150px; +} + +.navbar-inverse .navbar-search { + border: none; +} + +.navbar-inverse .nav-collapse .nav > li > a:hover, +.navbar-inverse .nav-collapse .dropdown-menu a:hover { + background-color: transparent; +} + +.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { + color: #2b3990; + text-align: center; +} + +.navbar-inverse .nav-collapse .nav > li:hover > a { + color: #935212; +} + +.navbar.transparent.navbar-inverse .navbar-inner { + border-width: 0px; + -webkit-box-shadow: 0px 0px; + box-shadow: 0px 0px; + border-radius:0; + -webkit-border-radius:0; + background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00))); + background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%); + background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%); +} + +code { + color: #333333; +} + +.container { + max-width:920px; +} + +blockquote p { + font-size:14px; +} + +/* GitHub Ribbon */ + +#github-ribbon a { + background:#000; + color:#fff; + text-decoration:none; + font-family:arial, sans-serif; + text-align:center; + font-weight:bold; + padding:5px 40%; + font-size:0.8rem; + line-height:1.6rem; + position:relative; + transition:0.5s; + width:100%; + margin: 0 auto; + white-space: nowrap; + z-index:10; +} + +#github-ribbon a:hover { + background:#600; + color:#fff; +} + +#github-ribbon a::before, #github-ribbon a::after { + content:""; + width:100%; + display:block; + position:absolute; + top:1px; + left:0; + height:1px; + background:#fff; +} + +#github-ribbon a::after{ + bottom:1px; + top:auto; +} + +/* Media Queries */ + +@media (max-width: 979px){ + .navbar-inverse .nav-collapse ul{ + margin:20px 0 0; + } + + .navbar-inverse .nav-collapse .nav > li > a { + font-size: 12pt; + } + + .navbar-inverse .nav-collapse .navbar-search { + text-align: center; + border-top:1px solid #AAA; + margin:0; + } + + .navbar-inverse .nav-collapse .navbar-search .search-query { + margin:10px 0; + } + + .navbar-inverse .nav-collapse .nav > li { + border-top:1px solid #AAA; + padding:10px 0; + } + +} + +@media (max-width: 767px) { + .container { + padding:0 40px; + } + + body { + padding:0; + } + + .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { + margin-left: 0; + margin-right: 0; + margin-bottom:0; + } +} + +@media (max-width: 979px) and (min-width: 768px) { + .container { + max-width: 700px; + } + +} + +@media (max-width: 400px) { + .header h1 { + font-size: 24pt; + } + + #header-text { + font-size:16pt; + } + + .navbar .container { + background-size: 200px; + background-position: 10px 20px; + } + + #nav-logo { + width:190px; + height:40px; + } +} + +/* github ribbon breaking point */ +@media screen and (min-width:600px){ + #github-ribbon{ + position:absolute; + display:block; + top:0; + right:0; + width:150px; + overflow:hidden; + height:150px; + } + #github-ribbon a{ + width:200px; + position:absolute; + padding:5px 40px; + top:40px; + right:-80px; + transform:rotate(45deg); + -webkit-transform:rotate(45deg); + box-shadow:1px 1px 10px rgba(0,0,0,0.8); + } + .navbar .btn-navbar { + margin-right: 150px; + } +} + +@media (max-width: 319px) { + .header h1 { + font-size: 20pt; + } + + #header-text { + font-size:16pt; + } +} \ No newline at end of file diff --git a/css/swc-workshop-and-lesson.css b/css/swc-workshop-and-lesson.css new file mode 100644 index 0000000..df1b81d --- /dev/null +++ b/css/swc-workshop-and-lesson.css @@ -0,0 +1,36 @@ +body.workshop, body.lesson { + background-color: #BEC3C6; + margin: 20px 0; +} + +.container-full-width { + max-width: none; +} + +.card { + background-color: white; +} + +/* Top banner of every page. */ +div.banner { + background-color: #FFFFFF; + width: 100%; + height: 90px; + margin: 0px; + padding: 0; + border-bottom: 1px solid #A6A6A6; +} + +/* Padding around image in top banner. */ +div.banner a img { + padding: 20px 25px; +} + +/* Footer of every page. */ +div.footer { + clear: both; + background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF; + padding: 4px 10px 7px 10px; + border-top: 1px solid #A6A6A6; + text-align: right; +} \ No newline at end of file diff --git a/css/swc.css b/css/swc.css index 388eadc..28c8a9f 100644 --- a/css/swc.css +++ b/css/swc.css @@ -1,6 +1,8 @@ + /* Headings */ -h1, h2, h3, h4, h5, h6 { +h1, h2, h3, h4, h5, h6 { color: rgb(03,03,03); + font-family: "Montserrat", "Helvetica", "Arial"; } h1, h2 { @@ -8,20 +10,10 @@ h1, h2 { margin-bottom: 10px; } -h1:first-child, h2:first-child { - margin-top: 10px; -} - h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } -/* Chapter titles. */ -div.chapter h2 { - text-align: center; - font-style: italic; -} - /* Things to fix. */ .fixme { text-decoration: underline; @@ -44,7 +36,7 @@ div.chapter h2 { /* Block quotations. */ blockquote { margin: 1em; - padding: .7em; + padding: 1em 1em .5em 1em; width: 90%; } @@ -55,8 +47,6 @@ blockquote.testimonial cite { /* Main body of pages. */ body { - background: #BEC3C6; - margin: 20px 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; color: rgb(03, 03, 03); } @@ -68,91 +58,141 @@ body.stylesheet { margin: 20 auto; } -/* Top banner of every page. */ -div.banner { - background-color: #FFFFFF; - width: 100%; - height: 90px; +/* Explanatory call-out boxes. */ +div.box { + width: 54em; + background-color: mistyrose; + display: block; + margin-left: auto; + margin-right: auto; + padding-top: 1px; + padding-bottom: 1px; + padding-left: 10px; + padding-right: 10px; + outline-color: gray; + outline-width: 1px; + outline-style: solid; +} + +/* Level 2 headings inside pages. */ +div.content div h3 { + border-bottom: 1px solid #CCCCCC; + display: block; + font-family: Verdana,"BitStream vera Sans"; + margin-top: 10px; + padding: 0 5px 3px; +} + +/* PDF and slide files referenced from lectures. */ +div.files { + padding: 10px; +} + +.swc-blue-bg { + /*background-color: #20267D;*/ + /* svg colour is slightly different? */ + background: #2b3990; +} + +/* Main menu at the top of every page. */ +div.mainmenu { + clear: both; + background-color: #F4F4F4; margin: 0px; - padding: 0; + padding: 3px 0px 3px 25px; border-bottom: 1px solid #A6A6A6; + height: 30px } -.swc-blue-bg { - background-color: #20267D; +#menubar { + float: left; + margin-top: 4px; } -/* Padding around image in top banner. */ -div.banner a img { - padding: 20px 25px; +#searchbar { + float: right; + margin-right: 20px; } -@media (max-width: 700px) { - div.banner a img { - padding: 20px 0px; - } +/* Narration for audio-only lectures. */ +div.narration { + text-align: center; + font-size: 2em; } -/* Footer of every page. */ -div.footer { - clear: both; - background: url("/img/main_shadow.png") repeat-x scroll center top #FFFFFF; - padding: 4px 10px 7px 10px; - border-top: 1px solid #A6A6A6; - text-align: right; +/* Table of contents. */ +div.toc { + /* No special styling yet. */ } -/* Headings */ -h1, h2, h3, h4, h5, h6 { - color: rgb(03,03,03); +.transcript { + display: table; } -h1.title { - margin:40px 0px; +.transcript .media img { + border: 1px solid grey; } -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: inherit; +/* YouTube video embed. */ +div.youtube { + text-align: center; + padding: 10px; } -/* Objectives, Callout Box and Challenges */ -.objectives, .keypoints, .callout, .challenge { - margin: 1em 0; - padding: 0em 1em; +/* Glossary description lists. */ +dl.gloss { + /* Empty for now. */ } -.objectives, .keypoints { - background-color: azure; - border: 5px solid azure; +/* Displaying YouTube videos. */ +iframe.youtube_player { + border: 0; + text-align: center; + width: 640px; + height: 500px; } -.callout { - background-color: #EEE; - border: 5px solid #EEE; +/* Sections in book chapters. */ +section { + clear: both; } -.challenge { - background-color: #CCFFCC; - border: 5px solid #CCFFCC; +/* Person's name in team.html. */ +.person { + font-weight: bold; + font-style: italic; } -/* Things to fix. */ -.fixme { - text-decoration: underline; - color: darkred; - background-color: lightgray; +/* Short review of book in bibliography. */ +span.review { + font-style: italic; } -/* Things to understand (lead-in to sections in book). */ -.understand { - background-color: lightyellow; +/* Bibliography book covers. */ +img.book-cover { + width: 80px; } -/* Block quotations. */ -blockquote { - margin: 1em; - padding: 1em 1em .5em 1em; - width: 90%; +/* Blog calendar table in blog/index.html. */ +table.blogcalendar th { + text-align : right; + font-weight : bold; +} + +/* See above. */ +table.blogcalendar th.left { + text-align : left; +} + +/* See above. */ +table.blogcalendar tr td { + text-align : right; +} + +/* Blog index tables in blog/index.html. */ +table.blogindex td.date { + text-align: left ; + width:10em; } /* Tables used for displaying choices in challenges. */ @@ -165,236 +205,199 @@ table.outlined { border-collapse: collapse; } -/* Code sample */ -pre.sourceCode, -pre.input { - color: ForestGreen; +/* Link items (to workshop pages) in the workshops tables */ +table.workshops td.link { + width: 50%; + text-align: left; } -pre.output { - color: MediumBlue; + +/* Spacer items (i.e. ellipsis) on the workshops tables */ +table.workshops td.spacer { + max-width: 100%; + text-align: center; } -pre.error { - color: Red; + +/* Date columns on the workshops tables */ +table.workshops td.date { + width: 50%; + text-align: right; } -/* Printing */ -@media print { - h1 { - font-size: 16pt; - line-height: 18pt; - } +/* Badge modal dialog */ +#assertion-modal { + width:700px; + margin-left:-350px; +} +#assertion-modal iframe { + background-color: transparent; + border: 0px none transparent; + padding: 0px; + width: 100%; + height: 20em; +} - h2,h3,h4,h5,h6 { - font-size: 12pt; - line-height: 13pt; - } +#assertion-model img.badge { + position: absolute; + right: 15px; + bottom: 35px; + opacity: 0.5; +} - /* Objectives, Callout Box and Challenges */ - .objectives, .keypoints { - background-color: unset; - border: 5px solid; - } +/* list with checkbox as bullet */ +ul.checklist { + list-style-image: url('../img/checkbox.png'); +} - .callout { - background-color: unset; - border: 5px solid; - } +/* FAQ */ +dl.faq dt { + font-style: italic; + font-weight: bold; +} - .challenge { - background-color: unset; - border: 5px solid; - } +section.content { + width:100%; + background: white; +} - p,ul,ol,li,pre,code { - font-size: 8pt; - line-height: 9pt; - } +.header.home { + background: url(../img/header.png) no-repeat center center; + background-attachment: fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} - code { - padding: 0px; - border: 0px; - background: unset; - } - - pre.sourceCode::before, - pre.input::before. { - content: "Input:"; - } - - pre.output::before { - content: "Output:"; - } - - pre.error::before { - content: "Error:"; - } - - pre.sourceCode code, - pre.input code, - pre.output code, - pre.error code { - display: block; - margin-top: 1em; - margin-left: 2em; - } - - #github-ribbon { - display: none; - } +.header { + background:#2b3990; +} - .banner { - display: none; - } +.header h1 { + line-height: 1.1; + margin: 60px 0px 80px; + font-size: 40pt; +} - .footer { - display: none; - } +#header-text { + font-size:20pt; + margin:0; } -/*----------------------------------------*/ -/* Override Bootstrap CSS */ -/*----------------------------------------*/ +#nav-logo { + width:270px; + height:40px; + top:5; + left:10; + position:absolute; + z-index: 10; +} -blockquote p { - font-size: inherit; - font-weight: inherit; - line-height: inherit; +#home-options { + background:#F6F6F6; + border-top:1px solid #DDDDDD; + border-bottom:1px solid #DDDDDD; + padding:20px 0; + margin-bottom:20px; } -blockquote h2{ - margin-top: 0px; +#title { + background:#F6F6F6; + border-top:1px solid #DDDDDD; + border-bottom:1px solid #DDDDDD; + padding:0 0 20px; + margin-bottom:20px; } -/* readability: darken the alert colour for contrast with background */ +h5 a:link, h5 a:visited, +h4 a:link, h4 a:visited, +h3 a:link, h3 a:visited { + color:#2b3990; +} -.alert { - color: rgb(0, 0, 0); +h5 a:hover, +h4 a:hover, +h3 a:hover { + color:#C26D17; + text-decoration: none; } -/* Container for page contents. */ -.container { - background-color: white; +a { + color:#3E51CF; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; } -.hero-unit { - padding: 20px; + +a:hover { + color:#965412; } -.navbar .container { - background-color: inherit; + +footer { + background:#2b3990; + padding:20px 0; + font-size: 10pt; + margin-top:10px; } -.navbar-inner { - min-height: 40px; - padding-right: 20px; - padding-left: 20px; - background-color: #F4F4F4; - background-image: none; - border: 1px solid #d4d4d4; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -code { - color: #333333; -} -.navbar-inverse .navbar-inner { - background-color: #20267D; - background-image: none; - border-color: #20267D; -} -.navbar-inverse .nav .active > a, -.navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { - color: #ffffff; - background-color: #20267D; -} -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; - background-color: #20267D; -} -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret { - border-top-color: #999999; - border-bottom-color: #999999; -} -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -/* GitHub Ribbon */ -#github-ribbon a { - background: #000; - color: #fff; - text-decoration: none; - font-family: arial, sans-serif; - text-align: center; - font-weight: bold; - padding: 5px 40%; - font-size: 0.8rem; - line-height: 1.6rem; - position: relative; - transition: 0.5s; - width: 100%; - margin: 0 auto; - white-space: nowrap; - z-index: 10; + +footer a, footer a:hover{ + color:#FFF; + padding-left: 10px; } -#github-ribbon a:hover { - background: #600; - color: #fff; + +footer .container .links{ + background:url('../img/software-carpentry-banner-white.png') no-repeat; + background-size: 200px; + background-position: 0; + height:40px; + padding:40px 0 0 200px; + text-align: right; } -#github-ribbon a::before, #github-ribbon a::after { - content: ""; - width: 100%; + + +/* For the Request a Workshop form */ +#ss-form .ss-q-title { display: block; - position: absolute; - top: 1px; - left: 0; - height: 1px; - background: #fff; -} -#github-ribbon a::after { - bottom: 1px; - top: auto; -} - -/* GitHub ribbon breaking point */ -@media screen and (min-width: 600px) { - .navbar .btn-navbar { - margin-right: 150px; - } - #github-ribbon { - position: absolute; - display: block; - top: 0; - right: 0; - width: 150px; - overflow: hidden; - height: 150px; - } - #github-ribbon a { - width: 200px; - position: absolute; - padding: 5px 40px; - top: 40px; - right: -80px; - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8); - } -} -@media (max-width: 599px) { - .header h1 { - font-size: 20pt; - } - #header-text { - font-size: 16pt; - } - #github-ribbon { - width: 100%; - } - #github-ribbon a { - display: block; - padding: 0px 0px; - margin: 0px 0px; - } + font-weight: bold; + padding-bottom: 0.5em; +} +#ss-form .ss-required-asterisk { + color: #c43b1d; +} +#ss-form label { + display:inline; + cursor: default; +} +#ss-form .ss-secondary-text { + color: #666; +} +#ss-form .ss-form-entry { + margin-bottom: 1.5em; +} +#ss-form ul { + margin:0; + padding:0; + list-style: none; +} +#ss-form ol { + margin:0; +} +#ss-form .ss-choice-item { + line-height: 1.3em; + padding-bottom: .5em; +} +#ss-form .ss-q-long { + resize: vertical; + width: 70%; +} +#ss-form .error-message, .required-message { + display: none; +} +#ss-form .ss-form-entry input { + vertical-align: middle; + margin: 0; + padding:0 4px; } +#ss-form .ss-choice-item-control { + padding-right: 4px; +} \ No newline at end of file -- GitLab