forked from bofh/fetsite
started to migrate themes new wrapper script
This commit is contained in:
163
app/themes/blue2/assets/stylesheets/application.css.scss
Executable file
163
app/themes/blue2/assets/stylesheets/application.css.scss
Executable file
@@ -0,0 +1,163 @@
|
||||
/* This is the main file for theme "blue2"
|
||||
|
||||
*/
|
||||
/*
|
||||
* 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 jquery.datetimepicker
|
||||
*= require jquery.ui/dialog
|
||||
*= require jquery.ui.tabs
|
||||
*= require jquery.ui.progressbar
|
||||
|
||||
* require 'bootstrap'
|
||||
|
||||
* require 'neuigkeiten'
|
||||
*/
|
||||
|
||||
$color_schema_1: #006599;
|
||||
$color_schema_2: #630CE8;
|
||||
$color_schema_3: #FF0021;
|
||||
$color_schema_4: #E8820C;
|
||||
$color_schema_5: #FFF30D;
|
||||
|
||||
$color_schema_1_dark: darken($color_schema_1, 10%);
|
||||
$color_schema_2_dark: darken($color_schema_2, 10%);
|
||||
$color_schema_3_dark: darken($color_schema_3, 10%);
|
||||
$color_schema_4_dark: darken($color_schema_4, 10%);
|
||||
$color_schema_5_dark: darken($color_schema_5, 10%);
|
||||
|
||||
$color_prim: $color_schema_1_dark; // #006599; //071672;
|
||||
$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: $color_schema_3;
|
||||
$color_cont_light:lighten($color_cont ,10%);
|
||||
$linkColor: $color_prim;
|
||||
$linkColorHover: $color_schema_1;
|
||||
$white: #FFFFFF;
|
||||
|
||||
$bodyBackground: #FFF; //#FEFEFE;
|
||||
|
||||
|
||||
|
||||
|
||||
$navbarBackground: #FFF; //$color_prim;
|
||||
$navbarText: $color_prim;
|
||||
$navbarLinkColor: $color_prim;
|
||||
$navbarLinkColorHover: $color_schema_1;
|
||||
$dropdownLinkColor: black;
|
||||
$navbar-default-brand-color: black;
|
||||
$navbarBrandColor:black;
|
||||
|
||||
|
||||
$navbarBackgroundHighlight: #FFF;
|
||||
//$navbarBackgroundHighlight:#FFFFFF;
|
||||
|
||||
|
||||
$navbarLinkBackgroundHover: darken($navbarBackground,10%);
|
||||
|
||||
|
||||
$infoBackground:#65A5D1;
|
||||
$infoText:#03406A;
|
||||
$sansFontFamily: Helvetica, Arial;
|
||||
|
||||
@import 'bootstrap';
|
||||
@import 'bootstrap-responsive';
|
||||
@import 'bootstrap/image-gallery';
|
||||
@import 'font-awesome';
|
||||
@import 'neuigkeiten';
|
||||
@import 'themengruppen';
|
||||
|
||||
div.header {
|
||||
display: block;
|
||||
// background: url('../../../../header1.png') no-repeat;
|
||||
// background-color:white;// $color_prim;
|
||||
// background-position: right;
|
||||
vertical-align:middle;
|
||||
float:left;
|
||||
color:#000;
|
||||
padding-top:0px;
|
||||
overflow:visible;
|
||||
height:45px;
|
||||
margin-bottom: 0 px
|
||||
}
|
||||
|
||||
div.header_span {
|
||||
background:white
|
||||
}
|
||||
|
||||
div.header h1 {
|
||||
padding:0;
|
||||
margin:4px;
|
||||
font-size:20px;
|
||||
line-height:32px;
|
||||
}
|
||||
div.header img {
|
||||
//top:2px;
|
||||
//position:relative;
|
||||
}
|
||||
div.navbar {
|
||||
border-bottom: $color_prim solid 3px;
|
||||
}
|
||||
div.headerrow {
|
||||
}
|
||||
|
||||
$contentdiv-background:rgba(255,255,255,1) ;
|
||||
#contentdiv {
|
||||
padding:7px;
|
||||
}
|
||||
$navbar-li-minwidth: 0;
|
||||
|
||||
|
||||
|
||||
$box-border: lightgray solid 1px;
|
||||
$box-border-radius:6px;
|
||||
$box-background: white;
|
||||
|
||||
@import 'layout';
|
||||
@import 'calendars';
|
||||
@import 'formtastic-bootstrap';
|
||||
@import 'linkboxes';
|
||||
@import 'extra';
|
||||
body {
|
||||
background: #FCFCFC; //#EFEFEF;
|
||||
background-size:100%;
|
||||
}
|
||||
|
||||
ul.linklist_block a.linkbox
|
||||
{
|
||||
max-width:100%;
|
||||
padding:0;
|
||||
margin:5px;
|
||||
width: 6em;
|
||||
text-align:center;
|
||||
}
|
||||
ul.linklist_block a.linkbox:hover
|
||||
{background:lighten($color_schema_1,40%);
|
||||
}
|
||||
ul.linklist_block li
|
||||
{text-decoration: none;
|
||||
list-style:none;
|
||||
margin-bottom:2px;
|
||||
float:left;
|
||||
}
|
||||
ul.linklist_block li a i{
|
||||
display:block;
|
||||
vertical-align:middle;
|
||||
margin-right:6px;
|
||||
font-size:5em;
|
||||
line-height:70px;
|
||||
}
|
||||
ul.linklist_block { clear:left; float:none;}
|
||||
11
app/themes/blue2/assets/stylesheets/extra.css.scss
Normal file
11
app/themes/blue2/assets/stylesheets/extra.css.scss
Normal file
@@ -0,0 +1,11 @@
|
||||
div.content-column {
|
||||
max-width:100%;
|
||||
}
|
||||
div.content-wrap {
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
a.linkbox, div.contentbox
|
||||
{
|
||||
border-color: lightgray; //$color-schema-1
|
||||
}
|
||||
142
app/themes/blue2/assets/stylesheets/linkboxes.css.scss
Normal file
142
app/themes/blue2/assets/stylesheets/linkboxes.css.scss
Normal file
@@ -0,0 +1,142 @@
|
||||
ul.linkbox-list
|
||||
{
|
||||
max-width:70em;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
|
||||
ul.linkbox-list > li {
|
||||
margin-bottom:0px;
|
||||
}
|
||||
|
||||
ul.linkbox-list > li:first-child a.linkbox {
|
||||
border-top-left-radius:$box-border-radius;
|
||||
border-top-right-radius:$box-border-radius;
|
||||
border: $box-border;
|
||||
|
||||
}
|
||||
|
||||
ul.linkbox-list > li:last-child a.linkbox {
|
||||
border-bottom-left-radius:$box-border-radius;
|
||||
border-bottom-right-radius:$box-border-radius;
|
||||
}
|
||||
|
||||
ul.linkbox-list > li a.linkbox {
|
||||
border-radius: 0;
|
||||
border-top: none;
|
||||
|
||||
}
|
||||
|
||||
ul.linkbox-list > li a.linkbox:hover {
|
||||
z-index:2000
|
||||
}
|
||||
a.linkbox, div.contentbox
|
||||
{
|
||||
display:block;
|
||||
padding:5px;
|
||||
border-radius:$box-border-radius;
|
||||
border: $box-border;
|
||||
background: $box-background;
|
||||
}
|
||||
|
||||
a.linkbox:hover{ box-shadow: 1px 1px 2px 2px lightgray; }
|
||||
|
||||
a.linkbox.color-1 { color:$color_schema_1; }
|
||||
a.linkbox.color-2 { color:$color_schema_2; }
|
||||
a.linkbox.color-3 { color:$color_schema_3; }
|
||||
a.linkbox.color-4 { color:$color_schema_4;}
|
||||
a.linkbox.color-5 { color:$color_schema_5;}
|
||||
|
||||
a.color-1-dark { color:$color_schema_1_dark; }
|
||||
a.color-2-dark { color:$color_schema_2_dark; }
|
||||
a.color-3-dark { color:$color_schema_3_dark;}
|
||||
a.color-4-dark { color:$color_schema_4_dark;}
|
||||
a.color-5-dark { color:$color_schema_5_dark;}
|
||||
a.color-1-dark:hover { color:$color_schema_1; }
|
||||
a.color-2-dark:hover { color:$color_schema_2; }
|
||||
a.color-3-dark:hover { color:$color_schema_3; }
|
||||
a.color-4-dark:hover { color:$color_schema_4; }
|
||||
a.color-5-dark:hover { color:$color_schema_5; }
|
||||
|
||||
|
||||
a.linkbox li { }
|
||||
|
||||
|
||||
ul.linklist {
|
||||
max-width:100%;
|
||||
padding:0;
|
||||
margin:5px;
|
||||
}
|
||||
ul.linklist li {
|
||||
list-style:none;
|
||||
|
||||
}
|
||||
ul.linklist li a i{
|
||||
vertical-align:middle;
|
||||
margin-right:6px;
|
||||
font-size:2em;}
|
||||
|
||||
ul.linklist > li a.linkbox {
|
||||
border-radius: 0;
|
||||
border: $box-border;
|
||||
/* border-color:white;*/
|
||||
padding-top: 7px;
|
||||
margin-bottom:0px;
|
||||
margin-top:0px;
|
||||
|
||||
/* border-bottom: $box-border;
|
||||
border-top: $box-border;
|
||||
*/
|
||||
border-color:white;
|
||||
/* border-bottom-color:white; */
|
||||
|
||||
}
|
||||
ul.linklist > li a.linkbox:hover {
|
||||
|
||||
border: $box-border;
|
||||
border-top: $box-border;
|
||||
box-shadow: none;
|
||||
border-color: black;
|
||||
background: #FCFCFC;
|
||||
/* margin: 0;
|
||||
margin-bottom:0px;*/
|
||||
}
|
||||
|
||||
|
||||
ul.linklist > li:first-child a.linkbox {}
|
||||
|
||||
ul.linklist > li:last-child a.linkbox {
|
||||
}
|
||||
|
||||
ul.linklist > li:first-child a.linkbox {
|
||||
border-top-left-radius:$box-border-radius;
|
||||
border-top-right-radius:$box-border-radius;
|
||||
/* border-top:$box-border; */
|
||||
margin-top:0px;
|
||||
}
|
||||
|
||||
ul.linklist > li:last-child a.linkbox {
|
||||
border-bottom-left-radius:$box-border-radius;
|
||||
border-bottom-right-radius:$box-border-radius;
|
||||
/* border-bottom:$box-border;*/
|
||||
margin-bottom:0px;
|
||||
}
|
||||
|
||||
ul.linklist {
|
||||
border-radius: $box-border-radius;
|
||||
border: $box-border;
|
||||
/* box-shadow: 0px 0px 1px 1px lightgray;*/
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
span.linklist li a {
|
||||
padding:5px;
|
||||
border: $box-border;
|
||||
background: $box-background;
|
||||
display:block;
|
||||
float:left;
|
||||
|
||||
}
|
||||
|
||||
66
app/themes/blue2/views/layouts/blue2.html.erb
Executable file
66
app/themes/blue2/views/layouts/blue2.html.erb
Executable file
@@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="https://www.fet.at/logo2014_64.png">
|
||||
|
||||
<link rel="alternate" hreflang="de" href="<%= url_for(params.merge(:locale=>:de))%>" />
|
||||
<link rel="alternate" hreflang="en" href="<%= url_for(params.merge(:locale=>:en))%>" />
|
||||
|
||||
|
||||
<%= stylesheet_link_tag "application", :media=>"all"%>
|
||||
<%= javascript_include_tag "application" %>
|
||||
<%= csrf_meta_tags %>
|
||||
<% if content_for?(:header) %>
|
||||
<%= yield :header %>
|
||||
<% else %>
|
||||
<title>Fetsite</title>
|
||||
<% end %>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="maincontainer" class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<div class="span10 offset1 header_span">
|
||||
<% cache("menu_u"+user_signed_in?.to_s+current_user.try(:id).to_s+"l"+I18n.locale.to_s+ can?(:seeintern, User).to_s+ can?(:index,Gallery).to_s+params[:theme].to_s, expires_in: 24.hours) do %>
|
||||
<div class="header_wrap">
|
||||
<div class="header hidden-print">
|
||||
<%= link_to home_index_path do %>
|
||||
<!-- <span class="feticon-fet_logo fa-4x color-1"> </span>-->
|
||||
<%= image_tag('/logo2014_64.png',{:style=>"float:left;height:50px",:height=>"50"}) %>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="header visible-print">
|
||||
<%= image_tag('/logo2014_64.png',{:style=>"float:left;height:50px",:height=>"50"}) %>
|
||||
</div>
|
||||
<div class="visible-print">
|
||||
Fachschaft Elektrotechnik
|
||||
<hr/>
|
||||
</div>
|
||||
<div id="menudiv" style="margin-top:12px" class="hidden-print">
|
||||
<%= render :template => 'layouts/menu' %>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span10 offset1" id="contentdiv">
|
||||
<%= yield %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$('.dropdown-toggle').click(function(e) {
|
||||
e.preventDefault();
|
||||
setTimeout($.proxy(function() {
|
||||
if ('ontouchstart' in document.documentElement) {
|
||||
$(this).siblings('.dropdown-backdrop').off().remove();
|
||||
}
|
||||
}, this), 0);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user