Themen und themes_for_rails neues design

Neues design mit theme=2003 ansehen

app/assets/stylesheets/application.css.scss

@@ -10,7 +10,8 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
- *= require_tree .
+ * require_tree .
+ *= require 'calendars'
  *= require jquery.fileupload-ui
  * require 'bootstrap'
 
@@ -138,47 +139,8 @@ div.contentbox
 	margin: 5px;
 }
 
-table.calendar tr td
-{
-	width:14.28%;
-	height:2em;
-	position:relative;
-	padding:0
-}
 
-table.calendar tr td.day div 
-{
-	display:block;
- 	position:absolute;
-	padding:2px;
-}
-table.calendar tr td.day div div
-{
-	display:none;
-	position:relative;
-}
-table.calendar tr td.day.events
-{	color:blue
-}
-table.calendar tr td.day div:hover div
-{
-	display:block;
-	z-index:	10000;
-	background:none;	
-	border: none;
-}
-table.calendar tr td.day div:hover
-{	       
-	background:white;
-	border: solid black 1px;
-	z-index:9999;
-}
-
-table.calendar tr td.day div:hover div
-{
-}
-
-table.calendar tr td.day div div.day_number
-{
-	display:block;
-}
+.navbar .nav li {
+min-width:100%;
+background:44F;
+}

app/assets/stylesheets/calendars.css.scss

@@ -2,3 +2,47 @@
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
 
+table.calendar tr td
+{
+	width:14.28%;
+	height:2em;
+	position:relative;
+	padding:0
+}
+
+table.calendar tr td.day div 
+{
+	display:block;
+ 	position:absolute;
+	padding:2px;
+}
+table.calendar tr td.day div div
+{
+	display:none;
+	position:relative;
+}
+table.calendar tr td.day.events
+{	color:blue
+}
+table.calendar tr td.day div:hover div
+{
+	display:block;
+	z-index:	10000;
+	background:none;	
+	border: none;
+}
+table.calendar tr td.day div:hover
+{	       
+	background:white;
+	border: solid black 1px;
+	z-index:9999;
+}
+
+table.calendar tr td.day div:hover div
+{
+}
+
+table.calendar tr td.day div div.day_number
+{
+	display:block;
+}

app/assets/stylesheets/layout.css.scss

@@ -0,0 +1,25 @@
+
+// Colorshema #0A64A4
+$color_prim: #0A64A4;
+$color_prim_light: #0B65A5;
+$color_prim_vlight: #2B85C5;
+$color_cont: FFDB73;
+$color_cont_light:FFDB73;
+$linkColor: #03006E;
+$white: #FFFFFF;
+
+$bodyBackground: $white;
+$navbarBackground: $color_cont;
+$navbarBackground: #FFFFFF;
+
+$navbarBackgroundHighlight:lighten($navbarBackground,30%);
+//$navbarBackgroundHighlight:#FFFFFF;
+
+$navbarLinkBackgroundHover:#FFBE00;
+$navbarLinkBackgroundHover: lighten(#cccccc,10%);
+$infoBackground:#65A5D1;
+$infoText:#03406A;
+$sansFontFamily: Helvetica, Arial;
+@import 'bootstrap';
+@import 'bootstrap-responsive';
+@import 'bootstrap/image-gallery';

app/assets/stylesheets/test.css.scss

@@ -0,0 +1,4 @@
+#content
+{
+	background:red;
+}

app/assets/stylesheets/themes/2003/application.css.scss

@@ -0,0 +1,200 @@
+
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ *= require jquery.fileupload-ui
+ * require 'bootstrap'
+
+ *= require 'neuigkeiten'
+ */
+// Colorshema #0A64A4
+$color_prim: #7070a0;
+$color_prim_light: lighten($color_prim ,10%);
+$color_prim_vlight: lighten($color_prim ,30%);
+$color_prim_dark: darken($color_prim ,10%);
+$color_prim_vdark: darken($color_prim ,30%);
+
+$color_cont: FFDB73;
+$color_cont_light:FFDB73;
+$linkColor: $color_prim_vdark;
+$white: #FFFFFF;
+
+$bodyBackground: $white;
+$navbarBackground: $color_prim;
+$navbarText: black;$navbarLinkColor: black;
+
+$navbarBackgroundHighlight: $color_prim;
+//$navbarBackgroundHighlight:#FFFFFF;
+
+$navbarLinkBackgroundHover:#FFBE00;
+$navbarLinkBackgroundHover: darken($navbarBackground,10%);
+$infoBackground:#65A5D1;
+$infoText:#03406A;
+$sansFontFamily: Helvetica, Arial;
+@import 'bootstrap';
+@import 'bootstrap-responsive';
+@import 'bootstrap/image-gallery';
+
+
+h1 { 
+  font-size: 23px
+}
+
+h2 { 
+  font-size: 19px
+}
+
+body,html { 
+  padding:0;
+  margin:0;
+
+}
+a:hover {
+  text-decoration:none;
+}
+
+div.header { 
+  display: block; 
+//  background: url('../../../../header1.png') no-repeat;
+//  background-color:white;// $color_prim;
+  background-position: right; 
+  border-bottom:1px solid black; 
+  float:left;
+  color:#000;
+  padding-left:87px;
+  padding-top:0px;
+//  overflow:hidden;
+  margin-bottom: 0 px
+}
+div.header h1 {
+padding:0;
+margin:4px;
+font-size:20px;
+line-height:32px;
+}
+div.headerrow {
+background: $color_prim
+}
+
+#menudiv { 
+ // width:100%;
+}
+
+div.smallspan {
+min-height:0;
+}	
+
+.navbar .nav li {
+  min-width:100%;
+}
+.navbar .nav .divider {
+  border-style: solid;  
+  border-width: 1px 0px 0px 0px;
+  border-color: grey;
+  min-width: 100%;
+}
+
+.navbar .navbar-inner 
+{
+	border:none;
+	box-shadow:none;
+}
+#contentdiv
+{
+	background: #FFFFFF
+}
+#contentdiv .container-fluid
+{ 
+	padding:0;
+}
+
+a.linkbox, div.contentbox
+{
+	display:block;
+	padding:5px;
+	border-radius: 10px;
+	border: lightgray solid 1px;
+
+}
+
+a.linkbox:hover
+{
+box-shadow: 1px 1px 2px 2px lightgray;
+}
+
+a.linkbox li
+{ 
+}
+ul.linkbox-list li
+{
+margin-bottom:10px;
+}
+ul.linkbox-list
+{ 
+  max-width:70em;
+}
+
+div.contentbox
+{
+	margin: 5px;
+}
+
+table.calendar tr td
+{
+	width:14.28%;
+	height:2em;
+	position:relative;
+	padding:0
+}
+
+table.calendar tr td.day div 
+{
+	display:block;
+ 	position:absolute;
+	padding:2px;
+}
+table.calendar tr td.day div div
+{
+	display:none;
+	position:relative;
+}
+table.calendar tr td.day.events
+{	color:blue
+}
+table.calendar tr td.day div:hover div
+{
+	display:block;
+	z-index:	10000;
+	background:none;	
+	border: none;
+}
+table.calendar tr td.day div:hover
+{	       
+	background:white;
+	border: solid black 1px;
+	z-index:9999;
+}
+
+table.calendar tr td.day div:hover div
+{
+}
+
+table.calendar tr td.day div div.day_number
+{
+	display:block;
+}
+
+
+.navbar .nav li {
+min-width:0;
+background:44F;
+}

app/assets/stylesheets/themes/2003/bootstrap-responsive.scss

@@ -0,0 +1,5 @@
+@import "bootstrap/responsive";
+@media (max-width: 979px){
+.earlymax {
+min-width: 100%;
+}}

app/assets/stylesheets/themes/2003/test.css.scss

@@ -0,0 +1,4 @@
+#content
+{
+	background:red;
+}

app/assets/themes/2003/stylesheets/layout.css.scss

@@ -0,0 +1,25 @@
+
+// Colorshema #0A64A4
+$color_prim: #ff0;
+$color_prim_light: #0B65A5;
+$color_prim_vlight: #2B85C5;
+$color_cont: FFDB73;
+$color_cont_light:FFDB73;
+$linkColor: #03006E;
+$white: #FFFFFF;
+
+$bodyBackground: $red;
+$navbarBackground: $color_cont;
+$navbarBackground: #FFFFFF;
+
+$navbarBackgroundHighlight:lighten($navbarBackground,30%);
+//$navbarBackgroundHighlight:#FFFFFF;
+
+$navbarLinkBackgroundHover:#FFBE00;
+$navbarLinkBackgroundHover: lighten(#cccccc,10%);
+$infoBackground:#65A5D1;
+$infoText:#03406A;
+$sansFontFamily: Helvetica, Arial;
+@import 'bootstrap';
+@import 'bootstrap-responsive';
+@import 'bootstrap/image-gallery';

app/assets/themes/2003/stylesheets/mod.css

@@ -0,0 +1,17 @@
+.navbar .nav li {
+min-width:0;
+background:44F;
+}
+
+div.header h1
+{
+color:F32;
+font-size:10px;
+}
+#menudiv{
+background-color: #D25FD2;
+width:100%;
+}
+.navbar-inner {
+
+}

app/assets/themes/2003/stylesheets/sass/application.css.scss

@@ -0,0 +1,187 @@
+
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+*= require_self
+ *= require_tree .
+ *= require jquery.fileupload-ui
+ * require 'bootstrap'
+
+ 
+
+ 
+ */
+// Colorshema #0A64A4
+$color_prim: #0A64A4;
+$color_prim_light: #0B65A5;
+$color_prim_vlight: #2B85C5;
+$color_cont: FFDB73;
+$color_cont_light:FFDB73;
+$linkColor: #03006E;
+$white: #FFFFFF;
+
+$bodyBackground: $white;
+$navbarBackground: $color_cont;
+$navbarBackground: #FFFFFF;
+
+$navbarBackgroundHighlight:lighten($navbarBackground,30%);
+//$navbarBackgroundHighlight:#FFFFFF;
+
+$navbarLinkBackgroundHover:#FFBE00;
+$navbarLinkBackgroundHover: lighten(#cccccc,10%);
+$infoBackground:#65A5D1;
+$infoText:#03406A;
+$sansFontFamily: Helvetica, Arial;
+//@import 'bootstrap';
+//@import 'bootstrap-responsive';
+//@import 'bootstrap/image-gallery';
+
+
+h1 { 
+  font-size: 23px
+}
+
+h2 { 
+  font-size: 19px
+}
+
+body,html { 
+  padding:0;
+  margin:0;
+
+}
+a:hover {
+  text-decoration:none;
+}
+
+div.header { 
+  display: block; 
+  background: url('/header1.png') no-repeat;
+  background-color: #FFF;
+  background-position: right; 
+  border-bottom:1px solid black; 
+  height:41px; 
+  color:#000;
+  padding-left:87px;
+  padding-top:0px;
+  overflow:hidden;
+  margin-bottom: 20px
+}
+div.header h1 {
+padding:0;
+margin:4px;
+font-size:20px;
+line-height:32px;
+}
+#menudiv { 
+  width:100%;
+}
+	
+
+.navbar .nav li {
+  min-width:100%;
+}
+.navbar .nav .divider {
+  border-style: solid;  
+  border-width: 1px 0px 0px 0px;
+  border-color: grey;
+  min-width: 100%;
+}
+
+.navbar .navbar-inner 
+{
+	border:none;
+	box-shadow:none;
+}
+#contentdiv
+{
+	background: #FFFFFF
+}
+#contentdiv .container-fluid
+{ 
+	padding:0;
+}
+
+a.linkbox, div.contentbox
+{
+	display:block;
+	padding:5px;
+	border-radius: 10px;
+	border: lightgray solid 1px;
+
+}
+
+a.linkbox:hover
+{
+box-shadow: 1px 1px 2px 2px lightgray;
+}
+
+a.linkbox li
+{ 
+}
+ul.linkbox-list li
+{
+margin-bottom:10px;
+}
+ul.linkbox-list
+{ 
+  max-width:70em;
+}
+
+div.contentbox
+{
+	margin: 5px;
+}
+
+table.calendar tr td
+{
+	width:14.28%;
+	height:2em;
+	position:relative;
+	padding:0
+}
+
+table.calendar tr td.day div 
+{
+	display:block;
+ 	position:absolute;
+	padding:2px;
+}
+table.calendar tr td.day div div
+{
+	display:none;
+	position:relative;
+}
+table.calendar tr td.day.events
+{	color:blue
+}
+table.calendar tr td.day div:hover div
+{
+	display:block;
+	z-index:	10000;
+	background:none;	
+	border: none;
+}
+table.calendar tr td.day div:hover
+{	       
+	background:white;
+	border: solid black 1px;
+	z-index:9999;
+}
+
+table.calendar tr td.day div:hover div
+{
+}
+
+table.calendar tr td.day div div.day_number
+{
+	display:block;
+}
+@import "bootstrap-sass"

app/assets/themes/2003/stylesheets/sass/layout.css.scss

@@ -0,0 +1,25 @@
+
+// Colorshema #0A64A4
+$color_prim: #ff0;
+$color_prim_light: #0B65A5;
+$color_prim_vlight: #2B85C5;
+$color_cont: FFDB73;
+$color_cont_light:FFDB73;
+$linkColor: #03006E;
+$white: #FFFFFF;
+
+$bodyBackground: $red;
+$navbarBackground: $color_cont;
+$navbarBackground: #FFFFFF;
+
+$navbarBackgroundHighlight:lighten($navbarBackground,30%);
+//$navbarBackgroundHighlight:#FFFFFF;
+
+$navbarLinkBackgroundHover:#FFBE00;
+$navbarLinkBackgroundHover: lighten(#cccccc,10%);
+$infoBackground:#65A5D1;
+$infoText:#03406A;
+$sansFontFamily: Helvetica, Arial;
+@import 'bootstrap';
+@import 'bootstrap-responsive';
+@import 'bootstrap/image-gallery';

app/assets/themes/2003/stylesheets/sass/test.css.scss

@@ -0,0 +1,4 @@
+#content
+{
+	background:red;
+}