dust-cms 0.0.05

data/app/assets/stylesheets/core/app/defaults.css.scss

@@ -0,0 +1,556 @@
+html!, body!, #container! {}
+
+a {
+  img {
+    border: none;
+  }
+  text-decoration: none;
+  &:hover {
+    text-decoration: none;
+  }
+}
+
+h1!, h2!, h3!, h4!, h5!, h6! {}
+
+.home {
+  h1!, h2!, h3!, h4!, h5!, h6! {}
+}
+
+.faq-services! a {}
+
+h1 {
+  font-size: 36px;
+}
+
+h2 {
+  font-size: 26px;
+}
+
+h3 {
+  font-size: 20px;
+}
+
+h4 {
+  font-size: 18px;
+}
+
+h5 {
+  font-size: 16px;
+}
+
+h6 {
+  font-size: 14px;
+}
+
+.invisible {
+  display: none;
+}
+
+.clear {
+  clear: both;
+  height: 0;
+  overflow: hidden;
+}
+
+#container {
+  overflow: hidden;
+  min-height: 100%;
+  text-align: left;
+  font-size: 14px;
+}
+
+#header {
+  position: relative;
+}
+
+#nav-container {
+  z-index: 8000;
+  position: relative;
+  height: 0;
+}
+
+#content-container {
+  background: white;
+}
+
+#content-wrapper {
+  padding: 20px 0;
+  z-index: 1;
+  position: relative;
+}
+
+#nav {
+  clear: both;
+}
+
+#tree {
+  position: relative;
+  margin: 0;
+  overflow: visible;
+  .menu-item {
+    position: relative;
+    float: left;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    text-align: center;
+  }
+  a {
+    display: block;
+  }
+  li {
+    &:first-child a {
+      background: none;
+    }
+    &:last-child a {
+      padding-right: 0;
+    }
+  }
+}
+
+li {
+  .children {
+    float: none;
+    position: absolute;
+    top: 16px;
+    left: -30px;
+    z-index: 900000;
+    text-align: center;
+    display: none;
+    border-radius: 2px;
+  }
+  &.hover .children {
+    display: block;
+  }
+}
+
+#tree .children li.menu_item {
+  right: 0;
+  border-top: none;
+  width: 160px;
+  a {
+    color: #333;
+    text-shadow: none;
+    font-size: 14px;
+    padding: 10px 20px;
+  }
+  &:hover a {
+  }
+}
+
+img.shadowed {
+  border: 4px solid white;
+  box-shadow: 0 0 4px rgba(50, 70, 70, 0.4), 1px 2px 4px rgba(50, 70, 70, 0.4);
+}
+
+.highlighted {
+}
+
+.lowercase {
+  text-transform: lowercase;
+}
+
+#footer {
+  padding-top: 20px;
+  font-size: 18px;
+  text-align: center;
+}
+
+input[type="submit"] {
+  margin-bottom: 20px;
+}
+
+.field {
+  border: 1px solid #c8c8c8;
+  font-size: 13px;
+  color: #333;
+  line-height: 13px;
+  margin-bottom: 20px;
+  width: 400px;
+  padding: 8px;
+}
+
+.short-form .field {
+  width: 340px;
+}
+
+input.field[type="checkbox"] {
+  display: inline;
+  display: inline-block;
+  width: auto;
+}
+
+fieldset {
+  font-size: 12px;
+  margin: 20px 0;
+  padding: 10px;
+}
+
+label.message {
+  background: url(../images/admin/stop.png) no-repeat left 60%;
+  font-size: 15px;
+  font-weight: italic;
+  color: #BF3225;
+  position: absolute;
+  right: 0;
+  top: -30px;
+  padding: 10px 0 10px 40px;
+}
+
+legend {
+  font-size: 16px;
+  font-weight: 700;
+}
+
+fieldset table {
+  margin: 0 auto;
+}
+
+input.labelhighlight, textarea.labelhighlight {
+  color: #A7A7A7;
+}
+
+form {
+  p, div, p {
+    position: relative;
+  }
+}
+
+label.error {
+  text-align: right;
+  position: absolute;
+  right: 0;
+  top: 0;
+  color: red;
+}
+
+input.error, textarea.error {
+  color: red;
+  background: #632112;
+}
+
+.fieldwitherrors {
+  display: inline;
+}
+
+#errorexplanation {
+  width: 400px;
+  border: 2px solid #CF0000;
+  margin-bottom: 20px;
+  background-color: #f0f0f0;
+  padding: 0 0 12px;
+  h2 {
+    text-align: left;
+    font-weight: 700;
+    font-size: 12px;
+    background-color: #c00;
+    color: #fff;
+    margin: 0;
+    padding: 5px 5px 5px 15px;
+  }
+  p {
+    color: #333;
+    margin-bottom: 0;
+    padding: 8px;
+  }
+  ul {
+    margin: 2px 24px;
+    li {
+      font-size: 12px;
+      list-style: disc;
+    }
+  }
+}
+
+#flash_notice, #flash_error, #status {
+  text-align: center;
+  font-size: 15px;
+  line-height: 3em;
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 19%;
+  z-index: 50000;
+  filter: alpha(opacity=95);
+  -moz-opacity: .95;
+  opacity: .95;
+  border-bottom: solid 1px black;
+  -moz-box-shadow: 0 15px 55px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0 15px 55px rgba(0, 0, 0, 0.5);
+  margin: 10px;
+  padding: 0px;
+  border-radius: 7px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.125);
+}
+
+#flash_notice, #status {
+
+  background: url(/assets/admin/main-back.png);
+  color: #fff;
+}
+
+#flash_error {
+  background-color: #FCC;
+  border: solid 1px #C66;
+}
+
+.block, #main-content, #nav {
+  /* keeps the hover edit link inside */
+  position: relative;
+}
+
+.edit-link, #user_nav {
+  position: absolute;
+  top: 0;
+  right: 8px;
+  background: #EEE;
+  border: 1px solid black;
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  font-size: 12px !important;
+  font-family: "Helvetica", "Arial", sans-serif !important;
+  font-weight: normal !important;
+  font-style: normal !important;
+  line-height: 16px !important;
+  width: auto !important;
+  height: auto;
+  -webkit-transition: all .2s linear;
+  -moz-transition: all .2s linear;
+  transition: all .2s linear;
+  z-index: 99999999999;
+}
+
+.edit-link {
+  opacity: .6;
+  filter: alpha(opacity = 60);
+  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
+}
+
+#page-edit > .edit-link {
+  top: 40px;
+  position: fixed;
+  left: 8px;
+  right: auto;
+  opacity: .8;
+}
+
+#user_nav {
+  padding: 5px 10px;
+}
+
+.edit-link, #user_nav {
+  color: black;
+  font-size: 12px;
+  line-height: 12px;
+  text-decoration: none;
+  text-align: right;
+  text-shadow: none;
+  font-weight: normal !important;
+  a {
+    color: black;
+    font-size: 12px;
+    line-height: 12px;
+    text-decoration: none;
+    text-align: right;
+    text-shadow: none;
+    font-weight: normal !important;
+  }
+}
+
+.edit-link {
+  border-radius: 3px;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
+  
+  a {
+    height: 100%;
+    display: block;
+    padding: 3px 4px 3px 3px;
+    float: left;
+  }
+  &:hover {
+    opacity: 1;
+    filter: alpha(opacity = 100);
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+    border: 1px solid black;
+  }
+}
+
+#user_nav {
+  &:hover, &.logged_in:hover {
+    opacity: 1;
+    filter: alpha(opacity = 100);
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+    border: 1px solid black;
+  }
+}
+
+div:not(#page-edit) > .edit-link:hover {
+  transform: scale(1.25, 1.25);
+  -webkit-transform: scale(1.25, 1.25);
+  -moz-transform: scale(1.25, 1.25);
+}
+
+#user_nav {
+  position: fixed;
+  left: 8px !important;
+  right: auto !important;
+  opacity: 0;
+  top: 8px;
+  border-radius: 3px;
+  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
+  filter: alpha(opacity = 0);
+  &.logged_in {
+    opacity: .8;
+    filter: alpha(opacity = 80);
+  }
+}
+
+/*just for this site */
+
+#nav .edit-link, .slide .edit-link {
+  left: 8px;
+  right: auto;
+}
+
+#logged_out a {
+  color: black;
+}
+
+#content-editor {
+  overflow: scroll;
+  background: white;
+}
+
+.edit-link img {
+  width: 16px;
+  height: auto;
+}
+
+select {
+  font-size: 16px !important;
+  margin-bottom: 20px;
+  font-family: 'Open Sans', sans-serif;
+  line-height: 24px;
+}
+
+*::selection {
+  background-color: #a7e4fe;
+  color: rgb(0, 20, 40);
+  text-shadow: 1px 1px 1px rgba(30, 30, 30, 0.2);
+}
+
+img.fitted {
+  max-width: 100%;
+  max-height: auto;
+}
+
+/* contact page */
+
+.contact-left .field {
+  width: 420px;
+}
+
+#interior .contact-right h4 {
+  margin: 0 0 10px 0;
+  text-align: center;
+  margin-left: 0;
+}
+
+.contact_page_content p {
+  text-align: center;
+}
+
+#google_map {
+  width: 460px;
+  padding-bottom: 20px;
+  font-size: 14px;
+  font-family: Helvetica, sans-serif;
+  margin: 0 auto;
+  max-width: 100%;
+}
+
+.top_contact span {
+  display: block;
+  float: right;
+  height: 32px;
+  width: 32px;
+  text-indent: -9999px;
+  margin: 4px;
+}
+
+.field_with_errors {
+  .message {
+    position: absolute;
+    top: -36px;
+    right: 0px;
+    float: right;
+    font-size: 12px;
+  }
+  label {
+    float: left;
+  }
+}
+
+.contact-left .field {
+  margin-bottom: 0px;
+}
+
+.contact-right .field {
+  width: 390px;
+}
+
+.contact-left p {
+  margin-bottom: 10px;
+}
+
+.padding-div {
+  padding-bottom: 60px;
+}
+
+.contact-page-name {
+  color: #3b1273;
+  font-weight: 800;
+  font-size: 24px;
+  margin-bottom: 0px;
+}
+
+#google-map input[type="submit"] {
+  width: 32px;
+}
+
+.short-form {
+  height: 18px;
+}
+
+.short-form-field {
+  margin: 0;
+}
+
+.short-form-button {
+  line-height: 26px;
+  width: 48px;
+}
+
+.driving-directions {
+  margin: 10px 0;
+  font-weight: 800;
+}
+
+#google_map {
+  h3 {
+    color: #222;
+  }
+  .info {
+    font-size: 12px;
+    text-align: center;
+    margin-right: 20px;
+  }
+}
+
+.caption {
+  font-size: 14px;
+}
+
+.centered {
+  text-align: center;
+}