瀏覽代碼

add css themes readable CT#7539

aragonc 9 年之前
父節點
當前提交
4f367c800e

+ 181 - 0
app/Resources/public/css/themes/readable/default.css

@@ -0,0 +1,181 @@
+/*!
+ * CSS Readable - v. 2.0
+ * 2015 - Alex Aragón (aragonc@beeznest.com)
+ * Licensed GPL
+ * Based on Bootstrap
+*/
+
+@font-face {
+  font-family: 'Roboto Slab';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJUo2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Roboto Slab';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
+}
+@font-face {
+  font-family: 'Roboto Slab';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2');
+}
+
+
+html {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+  font-family: 'Roboto Slab', serif;
+  line-height: 1.72222;
+  background-color: #E3E3E3;
+}
+a{
+  color: #666666;
+}
+a:hover{
+  color: #62366F;
+  text-decoration: none;
+}
+
+.navbar-default {
+background: #333333;
+background: -moz-linear-gradient(top, #333333 0%, #262626 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#262626));
+background: -webkit-linear-gradient(top, #333333 0%,#262626 100%);
+background: -o-linear-gradient(top, #333333 0%,#262626 100%);
+background: -ms-linear-gradient(top, #333333 0%,#262626 100%);
+background: linear-gradient(to bottom, #333333 0%,#262626 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#262626',GradientType=0 );
+border: none;
+border-radius: 0;
+}
+.navbar-default .navbar-brand {
+  color: #ffffff;
+}
+.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
+  color: #ededed;
+}
+.navbar-default .navbar-text {
+  color: #ffffff;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #ffffff;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  margin-top: 10px;
+}
+.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
+color: #FFFFFF;
+background: #8fc400;
+background: -moz-linear-gradient(top, #8fc400 0%, #5c8e2e 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#5c8e2e));
+background: -webkit-linear-gradient(top, #8fc400 0%,#5c8e2e 100%);
+background: -o-linear-gradient(top, #8fc400 0%,#5c8e2e 100%);
+background: -ms-linear-gradient(top, #8fc400 0%,#5c8e2e 100%);
+background: linear-gradient(to bottom, #8fc400 0%,#5c8e2e 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#5c8e2e',GradientType=0 );
+border-radius: 5px;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu {
+  background-color: #80B40C;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
+  color: #ffffff;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
+.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
+  color: #ededed;
+  background-color: #2E2E2E;
+}
+.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
+  background-color: #0099c0;
+}
+.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+color: #87BB06;
+background: none;
+}
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+color: #FFFFFF;
+background: #8fc400;
+background: -moz-linear-gradient(top, #8fc400 0%, #5c8e2e 100%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#5c8e2e));
+background: -webkit-linear-gradient(top, #8fc400 0%,#5c8e2e 100%);
+background: -o-linear-gradient(top, #8fc400 0%,#5c8e2e 100%);
+background: -ms-linear-gradient(top, #8fc400 0%,#5c8e2e 100%);
+background: linear-gradient(to bottom, #8fc400 0%,#5c8e2e 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#5c8e2e',GradientType=0 );
+}
+.navbar-default .navbar-toggle {
+  border-color: #0099c0;
+}
+.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+  background-color: #0099c0;
+}
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: #ffffff;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+  border-color: #ffffff;
+}
+.navbar-default .navbar-link {
+  color: #ffffff;
+}
+.navbar-default .navbar-link:hover {
+  color: #ededed;
+}
+
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #ffffff;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #ededed;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #ededed;
+    background-color: #0099c0;
+  }
+}
+.breadcrumb{
+  background: #D3D3D3;
+  color: #006A84;
+}
+.nav li a:hover{
+    background: transparent;
+}
+.panel-default .panel-heading{
+    background-color: #F9F9F9;
+}
+footer{
+  background: #232323;
+  color: #837E76;
+  border-top: 2px solid #79B72C;
+}
+footer a{
+  color: #63AC0C;
+}
+footer a:hover{
+  color: #63AC0C;
+}
+.menu-column .panel-default .panel-heading{
+   background-color: #444444;
+   border-color: #444;
+}
+.menu-column .panel-default .panel-heading a{
+    color: #fff;
+}
+.menu-column .panel-default .panel-body{
+    background-color: #F5F5F5;
+}
+#page-content .panel{
+    background: none;
+    border: 1px solid #D3D3D3;
+    box-shadow: none;
+}

二進制
app/Resources/public/css/themes/readable/images/header-logo.png