Main theme for SuiteDesk

themes/zuitedesk/css/pages.css

@@ -0,0 +1,194 @@
+/**
+ * @file
+ * Page Styling.
+ */
+
+
+body.elfinder {
+  overflow: hidden;
+}
+
+/*
+ * Page background.
+ */
+#page-wrapper {
+  background-color: #ebeae9;
+}
+#main {
+  background: #fff;
+  padding-top: 30px;
+}
+#page,
+#main-wrapper {
+  background: transparent url(../images/bg-page.png) repeat-x 0 bottom;
+}
+
+#page-title {
+  background-color: #fcfcfc;
+  border-top: 1px solid #003346;
+  border-bottom: 1px solid #e1e1e1;
+  padding: 9px 0;
+}
+#page-title .title {
+  color: #ff3300;
+  line-height: 1em;
+  margin-top: 0;
+  margin-bottom: 6px;
+}
+#page-title .stormcomponent {
+  position: absolute;
+  margin-top: 8px;
+}
+#page-title .stormcomponent + .title {
+  margin-left: 44px;
+}
+#page-title .stormcomponent + .title + .breadcrumb {
+  margin-left: 46px;
+}
+@media (max-width: 699px) {
+  #page-title .stormcomponent {
+    display: none;
+  }
+  #page-title .stormcomponent + .title,
+  #page-title .stormcomponent + .title + .breadcrumb {
+    margin-left: 0;
+  }
+}
+
+/*
+ * Header.
+ */
+#header {
+  position: relative;
+}
+
+/*
+ * Main content.
+ */
+#main-content .section {
+  position: relative;
+  background: #fff;
+}
+
+.breadcrumb {
+  margin: 0;
+  padding: 0;
+  background: none;
+  font-size: 13px;
+  font-weight: bold;
+  color: #aaa;
+  
+/*    position: relative;
+    left: -2px;
+    right: auto;
+    line-height: 18px;
+    max-width: 100%;
+  */  
+} /*
+.breadcrumb a {
+  color: #444;
+}
+.breadcrumb a:hover {
+  color: #f70a0a;
+} */
+
+#submitted {
+  position: relative;
+  background: #d0ceba;
+  width: 4em;
+  height: 4em;
+  float: left;
+}
+#submitted em {
+  display: none;
+}
+#submitted span {
+  display: block;
+  position: absolute;
+  white-space: nowrap;
+  word-wrap: normal;
+  overflow: hidden;
+  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
+  text-indent: -0.035em;
+  color: #fff;
+}
+#submitted span.postd {
+  top: 0;
+  width: .95em;
+  height: .75em;
+  font-size: 3.6em;
+  line-height: .8em;
+}
+#submitted span.postm {
+  top: .25em;
+  left: 3.2em;
+  width: .7em;
+  height: 2.25em;
+  font-size: 1.012em;
+  line-height: .7em;
+  text-indent: 0;
+  text-align: right;
+  white-space: normal;
+  word-wrap: break-word;
+  text-transform: uppercase;
+}
+#submitted span.posty {
+  top: 1.05em;
+  width: 1.86em;
+  height: .765em;
+  line-height: 1em;
+  font-size: 2.16em;
+}
+/*
+h1.title {
+  color: #ff3300;
+  margin: -0.12em 0 0.2em;
+} 
+@media (max-width: 399px), (min-width: 530px) and (max-width: 599px) {  * MINW *
+  h1.title {
+    font-size: 1.8em;
+  }
+}
+#submitted + #page-title {
+  margin-left: 4.6em;
+}
+#author {
+  font-size: .8em;
+  margin: -0.35em 0;
+} */
+
+/*
+ * Footer.
+ */
+#footer {
+  background-color: #003346;
+}
+
+#scroll-top-link {
+  cursor: pointer;
+  color: #e1e1e1;
+  border: 1px solid #aaa;
+  border-radius: 2px;
+  text-align: center;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  font-size: 36px;
+  position: fixed;
+  bottom: 50px;
+  right: 50px;
+  display: none;
+  background: rgba(85,99,114,0.3);
+  -webkit-transition: background-color .5s;
+  -moz-transition: background-color .5s;
+  -o-transition: background-color .5s;
+  -ms-transition: background-color .5s;
+  transition: background-color .5s;
+  z-index: 1030;
+}
+#scroll-top-link:before {
+  margin: 0;
+}
+#scroll-top-link:hover {
+  background-color: #000;
+}