Compare commits
5 Commits
develop
...
dev_cldemo
| Author | SHA1 | Date |
|---|---|---|
o.pinke
|
69826b7063 | 1 year ago |
|
o.pinke
|
5330f90657 | 2 years ago |
|
o.pinke
|
cf69994b44 | 2 years ago |
|
o.pinke
|
f16e983ced | 2 years ago |
|
o.pinke
|
f38edd1084 | 2 years ago |
@ -1,523 +0,0 @@
|
||||
/*
|
||||
Simple Responsive Template v 1.2
|
||||
|
||||
|
||||
primary styles
|
||||
Author: www.prowebdesign.ro
|
||||
Add your own styles to customize the project.
|
||||
|
||||
|
||||
|
||||
BASE (MOBILE) SIZE
|
||||
These are the mobile styles. It's what people see on their phones.
|
||||
Remember, keep it light: Speed is Important.
|
||||
*/
|
||||
|
||||
/* typography */
|
||||
body{
|
||||
color:#666;
|
||||
font-family:'Ubuntu', Arial, Helvetica, sans-serif;
|
||||
font-size:1em;
|
||||
line-height:1.4em;
|
||||
font-weight:normal;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
font-weight:normal;
|
||||
font-family:'Droid Serif', Arial, Helvetica, sans-serif;
|
||||
line-height:1.5em;
|
||||
margin:.45em 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
||||
/* links */
|
||||
a,
|
||||
a:visited,
|
||||
a:active,
|
||||
a:hover{color:#0099ff;}
|
||||
a:hover{ text-decoration:none;}
|
||||
|
||||
|
||||
/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
|
||||
*{ box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;}
|
||||
|
||||
|
||||
/* structure */
|
||||
.wrapper{
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
header{
|
||||
padding:15px 0;
|
||||
}
|
||||
#banner{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#hero,
|
||||
#page-header{
|
||||
background:#f3f3f3;
|
||||
border-top:1px solid #e2e2e2;
|
||||
border-bottom:1px solid #e2e2e2;
|
||||
padding:20px 0;
|
||||
}
|
||||
#hero h1{
|
||||
line-height:1.2em;
|
||||
margin-top:0px;
|
||||
margin-bottom:10px;}
|
||||
|
||||
.flexslider{
|
||||
display:none;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin:40px 0;
|
||||
}
|
||||
|
||||
aside {
|
||||
margin:40px 0;
|
||||
}
|
||||
|
||||
p{ margin:0 0 1.5em;}
|
||||
|
||||
|
||||
/* RESPONSIVE IMAGES */
|
||||
img{ max-width:100%; height:auto;}
|
||||
|
||||
|
||||
/*MAIN MENU*/
|
||||
.menu-toggle{
|
||||
display:block;
|
||||
padding:10px;
|
||||
margin:20px 0 0;
|
||||
background:#666;
|
||||
color:#fff;
|
||||
cursor:pointer;
|
||||
text-transform:uppercase;
|
||||
font-size:20px;
|
||||
}
|
||||
.menu-toggle.toggled-on{
|
||||
background:#0099ff;
|
||||
}
|
||||
.srt-menu{
|
||||
display:none;
|
||||
}
|
||||
.srt-menu.toggled-on{
|
||||
display:block;
|
||||
position:relative;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
.srt-menu{
|
||||
clear:both;
|
||||
margin-bottom:60px;
|
||||
|
||||
}
|
||||
.srt-menu li a {
|
||||
background:#dadada;
|
||||
display:block;
|
||||
margin:1px 0;
|
||||
padding:10px;
|
||||
text-decoration:none;
|
||||
}
|
||||
.srt-menu li a:hover{
|
||||
background:#0099ff;
|
||||
color:#fff;
|
||||
}
|
||||
.srt-menu li li a {
|
||||
background:#e8e8e8;
|
||||
padding-left:40px;
|
||||
}
|
||||
.srt-menu li li li a {
|
||||
background:#efefef;
|
||||
padding-left:80px;
|
||||
}
|
||||
|
||||
/*SECONDARY MENU*/
|
||||
#secondary-navigation{
|
||||
margin-bottom:60px;
|
||||
}
|
||||
#secondary-navigation ul{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#secondary-navigation ul li a{
|
||||
background:#E6E6E6;
|
||||
display:block;
|
||||
margin:5px 0;
|
||||
padding:10px;
|
||||
text-decoration:none;
|
||||
}
|
||||
#secondary-navigation ul li a:hover,
|
||||
#secondary-navigation ul li.active a{
|
||||
background:#0099ff;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
margin-bottom:40px;
|
||||
/*positioning and padding*/
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/*FOOTER*/
|
||||
footer{
|
||||
clear:both;
|
||||
font-size:80%;
|
||||
padding:20px 0;
|
||||
}
|
||||
footer ul{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
/*colors and backgrounds*/
|
||||
body{
|
||||
background:#fff;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
color:#333;
|
||||
}
|
||||
|
||||
footer{
|
||||
background:#333;
|
||||
color:#ccc;
|
||||
}
|
||||
footer h1, footer h2, footer h3, footer h4{
|
||||
color:#CCC;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
footer ul{
|
||||
margin:0 0 0 8%;
|
||||
}
|
||||
|
||||
a.buttonlink{
|
||||
background:#0099ff;
|
||||
border-radius:7px;
|
||||
color:#fff;
|
||||
display:block;
|
||||
float:left;
|
||||
margin:10px 15px 10px 0;
|
||||
padding:10px;
|
||||
text-decoration:none;
|
||||
}
|
||||
a.buttonlink:hover{
|
||||
background:#8dbc01;
|
||||
}
|
||||
.greenelement{
|
||||
background:#5ec79e;
|
||||
color:#fff;
|
||||
}
|
||||
.violetelement{
|
||||
background:#887dc2;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Contain floats*/
|
||||
.clearfix:before,
|
||||
.clearfix:after,
|
||||
.row:before,
|
||||
.row:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.clearfix:after,
|
||||
.container:after,
|
||||
.row:after{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
LARGER MOBILE DEVICES
|
||||
This is for mobile devices with a bit larger screens.
|
||||
*/
|
||||
@media only screen and (min-width: 481px) {
|
||||
#banner{
|
||||
float:left;
|
||||
text-align:left;
|
||||
margin-bottom:-20px;/*this depends on the height of the logo*/
|
||||
}
|
||||
.menu-toggle{/*make menu float right, instead of sitting under the logo*/
|
||||
margin-top:10px; /*this depends on the height of the logo*/
|
||||
float:right;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
TABLET & SMALLER LAPTOPS
|
||||
The average viewing window and preferred media query for those is 768px.
|
||||
But I think that some more breathing space is good:)
|
||||
*/
|
||||
@media only screen and (min-width: 920px) {
|
||||
|
||||
.wrapper{
|
||||
max-width: 1200px;
|
||||
margin: .75em auto;
|
||||
}
|
||||
|
||||
#banner{
|
||||
float:left;
|
||||
text-align:left;
|
||||
margin-bottom:0px;
|
||||
}
|
||||
header{
|
||||
padding:0;
|
||||
}
|
||||
#content {
|
||||
float:left;
|
||||
width:65%;
|
||||
}
|
||||
#content.wide-content{
|
||||
float:none;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.flexslider{
|
||||
display:block;
|
||||
/*demo 1 slider theme*/
|
||||
margin: 0 0 60px;
|
||||
background: #fff;
|
||||
border: 4px solid #fff;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
||||
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
||||
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
||||
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
|
||||
}
|
||||
|
||||
|
||||
aside {
|
||||
float:right;
|
||||
width:30%;
|
||||
}
|
||||
|
||||
/*** MAIN MENU - ESSENTIAL STYLES ***/
|
||||
.menu-toggle{display:none;}
|
||||
#menu-main-navigation{display:block;}
|
||||
|
||||
.srt-menu, .srt-menu * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.srt-menu ul {
|
||||
position: absolute;
|
||||
display:none;
|
||||
width: 12em; /* left offset of submenus need to match (see below) */
|
||||
}
|
||||
.srt-menu ul li {
|
||||
width: 100%;
|
||||
}
|
||||
.srt-menu li:hover {
|
||||
visibility: inherit; /* fixes IE7 'sticky bug' */
|
||||
}
|
||||
.srt-menu li {
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left:1px;
|
||||
}
|
||||
.srt-menu li li {
|
||||
margin-left:0px;
|
||||
}
|
||||
.srt-menu a {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.srt-menu li:hover ul,
|
||||
.srt-menu li.sfHover ul {
|
||||
display:block;
|
||||
left: 0;
|
||||
top: 45px; /* match top ul list item height */
|
||||
z-index: 99;
|
||||
-webkit-box-shadow: 2px 3px 2px 0px rgba(00, 00, 00, .3);
|
||||
box-shadow: 2px 3px 2px 0px rgba(00, 00, 00, .3);
|
||||
}
|
||||
ul.srt-menu li:hover li ul,
|
||||
ul.srt-menu li.sfHover li ul {
|
||||
top: -999em;
|
||||
}
|
||||
ul.srt-menu li li:hover ul,
|
||||
ul.srt-menu li li.sfHover ul {
|
||||
left: 12em; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
ul.srt-menu li li:hover li ul,
|
||||
ul.srt-menu li li.sfHover li ul {
|
||||
top: -999em;
|
||||
}
|
||||
ul.srt-menu li li li:hover ul,
|
||||
ul.srt-menu li li li.sfHover ul {
|
||||
left: 10em; /* match ul width */
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/*** DEMO1 SKIN ***/
|
||||
#topnav, .srt-menu {
|
||||
float:right;
|
||||
margin: .35em 0 0 0;
|
||||
}
|
||||
.srt-menu a {
|
||||
text-decoration:none;
|
||||
}
|
||||
.srt-menu li a {
|
||||
background:#fff;
|
||||
margin:0;
|
||||
padding:10px 20px;
|
||||
height:45px;
|
||||
}
|
||||
.srt-menu a, .srt-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
|
||||
color: #0099ff;
|
||||
}
|
||||
.srt-menu li li a {
|
||||
border-top: 1px solid rgba(255,255,255,.2);
|
||||
background: #333; /*fallback for old IE*/
|
||||
background:rgba(0,0,0,.6);
|
||||
color: #fff;
|
||||
padding-left:20px;
|
||||
height:auto;
|
||||
}
|
||||
.srt-menu li li a:visited{color:#fff;}
|
||||
.srt-menu li li li a,
|
||||
.srt-menu li.active * li a{
|
||||
padding-left:20px;
|
||||
background:rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
.srt-menu li:hover > a,
|
||||
.srt-menu li.active a{
|
||||
color:#fff;
|
||||
background:#0099ff;
|
||||
}
|
||||
.srt-menu li li:hover > a{
|
||||
color:#fff;
|
||||
background:#0099ff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*GRID*/
|
||||
/*
|
||||
& Columns : 12
|
||||
|
||||
*/
|
||||
.row{
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
}
|
||||
|
||||
.grid_1 { width: 8.33333333%; }
|
||||
.grid_2 { width: 16.66666667%; }
|
||||
.grid_3 { width: 25%; }
|
||||
.grid_4 { width: 33.33333333%; }
|
||||
.grid_5 { width: 41.66666667%; }
|
||||
.grid_6 { width: 50%; }
|
||||
.grid_7 { width: 58.33333333%; }
|
||||
.grid_8 { width: 66.66666667%; }
|
||||
.grid_9 { width: 75%; }
|
||||
.grid_10 { width: 83.33333333%; }
|
||||
.grid_11 { width: 91.66666667%; }
|
||||
.grid_12 { width: 100%; }
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rightfloat{float:right;}
|
||||
/* @notation inspired by tinyGrid, .row and percentage by Twitter Bootstrap
|
||||
*/
|
||||
|
||||
#hero [class*="grid_"] { margin-bottom:-20px;}
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
DESKTOP
|
||||
This is the average viewing window. So Desktops, Laptops, and
|
||||
in general anyone not viewing on a mobile device. Here's where
|
||||
you can add resource intensive styles.
|
||||
*/
|
||||
@media only screen and (min-width: 1030px) {
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
LARGE VIEWING SIZE
|
||||
This is for the larger monitors and possibly full screen viewers.
|
||||
*/
|
||||
@media only screen and (min-width: 1240px) {
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
RETINA (2x RESOLUTION DEVICES)
|
||||
This applies to the retina iPhone (4s) and iPad (2,3) along with
|
||||
other displays with a 2x resolution.
|
||||
*/
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
only screen and (min-device-pixel-ratio: 1.5) {
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
iPHONE 5 MEDIA QUERY
|
||||
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
|
||||
*/
|
||||
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
PRINT STYLESHEET
|
||||
*/
|
||||
@media print {
|
||||
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
|
||||
a, a:visited { text-decoration: underline; }
|
||||
a[href]:after { content: " (" attr(href) ")"; }
|
||||
abbr[title]:after { content: " (" attr(title) ")"; }
|
||||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
||||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
||||
thead { display: table-header-group; } /* h5bp.com/t */
|
||||
tr, img { page-break-inside: avoid; }
|
||||
img { max-width: 100% !important; }
|
||||
@page { margin: 0.5cm; }
|
||||
p, h2, h3 { orphans: 3; widows: 3; }
|
||||
h2, h3 { page-break-after: avoid; }
|
||||
}
|
||||
@ -1,136 +0,0 @@
|
||||
form#login_box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form#login_box fieldset {
|
||||
padding: 3px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
input[type='submit'] {
|
||||
background: #0099ff none repeat scroll 0 0;
|
||||
border: 1px solid;
|
||||
border-radius: 6px;
|
||||
color: #fff;
|
||||
margin: 5px 10px 5px 0;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer #colophon {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div#social-media-links {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
width: 20%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
a.social-media-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-image: url(../images/ico/social_icons_sprite.png);
|
||||
display: inline-block;
|
||||
color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.facebook {
|
||||
background-position: 0 0 !important;
|
||||
}
|
||||
|
||||
.facebook:hover {
|
||||
background-position: 0 -32px !important;
|
||||
}
|
||||
|
||||
.pinterest {
|
||||
background-position: -32px 0 !important;
|
||||
}
|
||||
|
||||
.pinterest:hover {
|
||||
background-position: -32px -32px !important;
|
||||
}
|
||||
|
||||
.youtube {
|
||||
background-position: -64px 0px !important;
|
||||
}
|
||||
|
||||
.youtube:hover {
|
||||
background-position: -64px -32px !important;
|
||||
}
|
||||
|
||||
.flickr {
|
||||
background-position: -96px 0px !important;
|
||||
}
|
||||
|
||||
.flickr:hover{
|
||||
background-position: -96px -32px !important;
|
||||
}
|
||||
|
||||
.google-plus {
|
||||
background-position: -128px 0px !important;
|
||||
}
|
||||
|
||||
.google-plus:hover {
|
||||
background-position: -128px -32px !important;
|
||||
}
|
||||
|
||||
.rss {
|
||||
background-position: -160px 0 !important;
|
||||
}
|
||||
|
||||
.rss:hover {
|
||||
background-position: -160px -32px !important;
|
||||
}
|
||||
|
||||
|
||||
.twitter {
|
||||
background-position: -192px 0 !important;
|
||||
}
|
||||
|
||||
.twitter:hover {
|
||||
background-position: -192px -32px !important;
|
||||
}
|
||||
|
||||
|
||||
.vimeo {
|
||||
background-position: -224px 0 !important;
|
||||
}
|
||||
|
||||
.vimeo:hover {
|
||||
background-position: -224px -32px !important;
|
||||
}
|
||||
|
||||
.dribble {
|
||||
background-position: -256px 0 !important;
|
||||
}
|
||||
|
||||
.dribble:hover {
|
||||
background-position: -256px -32px !important;
|
||||
}
|
||||
|
||||
.linkedin {
|
||||
background-position: -288px 0 !important;
|
||||
}
|
||||
|
||||
.linkedin:hover {
|
||||
background-position: -288px -32px !important;
|
||||
}
|
||||
|
||||
.xing {
|
||||
background-position: -320px 0 !important;
|
||||
}
|
||||
|
||||
.xing:hover {
|
||||
background-position: -320px -32px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: 920px) {
|
||||
form#login_box input {
|
||||
max-width: 100px;
|
||||
}
|
||||
}
|
||||
@ -1,530 +0,0 @@
|
||||
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
|
||||
* Known issue: no IE 6 support.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
||||
* `em` units.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-size: 100%; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `font-family` inconsistency between `textarea` and other form
|
||||
* elements.
|
||||
*/
|
||||
|
||||
html,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address margins handled incorrectly in IE 6/7.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address font sizes and margins set differently in IE 6/7.
|
||||
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
|
||||
* and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
margin: 0.83em 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.17em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1em;
|
||||
margin: 1.33em 0;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 0.83em;
|
||||
margin: 1.67em 0;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 0.67em;
|
||||
margin: 2.33em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
* Known issue: no IE 6/7 normalization.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 6/7/8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address margins set differently in IE 6/7.
|
||||
*/
|
||||
|
||||
p,
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
_font-family: 'courier new', monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Address CSS quotes not supported in IE 6/7.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `quotes` property not supported in Safari 4.
|
||||
*/
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Lists
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margins set differently in IE 6/7.
|
||||
*/
|
||||
|
||||
dl,
|
||||
menu,
|
||||
ol,
|
||||
ul {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 0 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address paddings set differently in IE 6/7.
|
||||
*/
|
||||
|
||||
menu,
|
||||
ol,
|
||||
ul {
|
||||
padding: 0 0 0 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct list images handled incorrectly in IE 7.
|
||||
*/
|
||||
|
||||
nav ul,
|
||||
nav ol {
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
|
||||
* 2. Improve image quality when scaled in IE 7.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0; /* 1 */
|
||||
-ms-interpolation-mode: bicubic; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct margin displayed oddly in IE 6/7.
|
||||
*/
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct color not being inherited in IE 6/7/8/9.
|
||||
* 2. Correct text not wrapping in Firefox 3.
|
||||
* 3. Correct alignment displayed oddly in IE 6/7.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0;
|
||||
white-space: normal; /* 2 */
|
||||
*margin-left: -7px; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct font size not being inherited in all browsers.
|
||||
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
||||
* and Chrome.
|
||||
* 3. Improve appearance and consistency in all browsers.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 100%; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
vertical-align: baseline; /* 3 */
|
||||
*vertical-align: middle; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
|
||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
||||
* Known issue: inner spacing remains in IE 6.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
*overflow: visible; /* 4 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address box sizing set to content-box in IE 8/9.
|
||||
* 2. Remove excess padding in IE 8/9.
|
||||
* 3. Remove excess padding in IE 7.
|
||||
* Known issue: excess padding remains in IE 6.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
*height: 13px; /* 3 */
|
||||
*width: 13px; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 3+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
|
||||
* 2. Improve readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
@ -1,10 +0,0 @@
|
||||
<div class="flexslider">
|
||||
<ul class="slides">
|
||||
<!-- BEGIN:BLOCK -->
|
||||
<li>
|
||||
<img src="{IMG}" alt="" />
|
||||
<p class="flex-caption">{IMG_CAPTION}</p>
|
||||
</li>
|
||||
<!-- END:BLOCK -->
|
||||
</ul>
|
||||
</div>
|
||||
@ -1,9 +0,0 @@
|
||||
<form id="login_box" action="{form_action}" method="post">
|
||||
<fieldset>
|
||||
<legend>Login</legend>
|
||||
<input type="hidden" name="return" value="true" />
|
||||
<input type="text" placeholder="{label_name}" id="username" name="username" />
|
||||
<input type="password" placeholder="{label_pass}" id="password" name="password" />
|
||||
<input id="loginBtn" type="submit" name="login" value="{label_login}" />
|
||||
</fieldset>
|
||||
</form>
|
||||
@ -1,14 +0,0 @@
|
||||
<form method="post" action="">
|
||||
<fieldset>
|
||||
<legend>{$legend}</legend>
|
||||
<p>{$description}</p>
|
||||
<label for="pluginfoldername">Plugin Folder Name:</label>
|
||||
<input id="pluginfoldername" type="text" name="pluginfoldername" />
|
||||
<label for="plugincopyright">Plugin Copyright:</label>
|
||||
<input id="plugincopyright" type="text" name="plugincopyright" />
|
||||
<input type="submit" />
|
||||
{if $uuid_generated}
|
||||
<p>Generated UUID is: <strong style="padding: 4px;background-color: #66ffff;">{$uuid_generated}</strong></p>
|
||||
{/if}
|
||||
</fieldset>
|
||||
</form>
|
||||
@ -1,18 +0,0 @@
|
||||
<!-- developer design for file list -->
|
||||
<h3>{TITLE}</h3>
|
||||
<!--
|
||||
Possible place holders for entries:
|
||||
FILELINK, FILENAME, FILEEXTENSION, FILESIZE, FILESIZE_UNIT,
|
||||
FILECREATIONDATE, FILEMODIFYDATE, FILEDIRCTORY,
|
||||
FILEMETA_DESCRIPTION, FILEMETA_KEYWORDS, FILEMETA_MEDIANAME,
|
||||
FILEMETA_INTERNAL_NOTICE, FILEMETA_COPYRIGHT
|
||||
-->
|
||||
<!-- BEGIN:BLOCK -->
|
||||
<div style="float: left;margin-bottom: 20px;width:47%;padding-right:5px">
|
||||
<b><a href="{FILELINK}">{FILENAME}</a></b> ({FILEEXTENSION})<br />
|
||||
<span style="color: rgb(170, 170, 170);">{LABEL_FILESIZE}</span> {FILESIZE} {FILESIZE_UNIT}<br />
|
||||
<span style="color: rgb(170, 170, 170);">{LABEL_UPLOAD_DATE}</span> {FILECREATIONDATE}<br />
|
||||
{FILEMETA_DESCRIPTION}
|
||||
</div>
|
||||
<!-- END:BLOCK -->
|
||||
<br style="clear:both" />
|
||||
@ -1,11 +0,0 @@
|
||||
<div style="width:400px">
|
||||
<p style="font-weight:bold; font-style:italic;">{TITLE}</p>
|
||||
<!-- BEGIN:BLOCK -->
|
||||
<div style="margin-bottom:10px; width: 192px; float:left; padding:3px;">
|
||||
<div style="color:#aaa;">{PUBLISHED}</div>
|
||||
<p style="font-weight:bold; margin-top:2px; margin-bottom:2px;"><a href="{ART_URL}">{TITLE}</a></p>
|
||||
{IMAGE}{TEXT} <a href="{ART_URL}">{MORE}</a>
|
||||
</div>
|
||||
<!-- END:BLOCK -->
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
@ -1,11 +0,0 @@
|
||||
<div style="width:400px">
|
||||
<p style="font-weight:bold; font-style:italic;">{TITLE}</p>
|
||||
<!-- BEGIN:BLOCK -->
|
||||
<div style="margin-bottom:10px;padding:3px;">
|
||||
<div style="float:right; color:#aaa;">{PUBLISHED}</div>
|
||||
<p style="font-weight:bold; margin-top:2px; margin-bottom:2px;"><a href="{ART_URL}">{TITLE}</a></p>
|
||||
{IMAGE}{TEXT} <a href="{ART_URL}">{MORE}</a>
|
||||
</div>
|
||||
<!-- END:BLOCK -->
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
@ -1,6 +0,0 @@
|
||||
<!--
|
||||
Dude, this page rocks! The gentle musicians of Contenido are proud to present this brilliant example.
|
||||
Contenido is a free and easy to use open source Content Management System created by four for business AG and licensed under GNU/GPL 2.
|
||||
Contenido is copyright 2001-2010 of four for business AG. Modules are copyright of their respective owners.
|
||||
Information and contribution at http://www.contenido.org
|
||||
//-->
|
||||
@ -1 +0,0 @@
|
||||
<p>© 2012-2013 <a href="http://www.ConLite.org" target="_blank">ConLite</a></p>
|
||||
@ -1 +0,0 @@
|
||||
<p>© 2012-2013 <a href="http://www.ConLite.org" target="_blank">ConLite</a></p>
|
||||
@ -1,4 +0,0 @@
|
||||
<div id="headBody" class="clearfix"{css-style}>
|
||||
<a id="logoTop" href="{url}" title="{title}"><img src="images/logo_oben.gif" alt="" /></a>
|
||||
<h1>{headline}</h1>
|
||||
</div>
|
||||
@ -1 +0,0 @@
|
||||
<h1>{HEADLINE}</h1>
|
||||
@ -1,55 +0,0 @@
|
||||
|
||||
<div id="contactForm">
|
||||
<form action="{form_action}" method="post">
|
||||
<input type="hidden" name="send" value="1" />
|
||||
<div class="contactRow clearfix" style="font-size: 0.8em;">* {PFLICHTFELDER}</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="Anrede">{ANREDE}</label>
|
||||
<input type="radio" name="Anrede" value="{ANREDE_OPTION1}" id="Anrede" checked="checked" style="width:auto;border:0;" /> {ANREDE_OPTION1}
|
||||
<input type="radio" name="Anrede" value="{ANREDE_OPTION2}" style="width:auto;border:0;" /> {ANREDE_OPTION2}
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="Vorname">{VORNAME} *</label>
|
||||
<input type="text" name="Vorname" id="Vorname" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="Nachname">{NACHNAME} *</label>
|
||||
<input type="text" name="Nachname" id="Nachname" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="Firma">{FIRMA} *</label>
|
||||
<input type="text" name="Firma" id="Firma" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="Strasse">{STRASSE} *</label>
|
||||
<input type="text" name="Strasse" id="Strasse" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="PLZOrt">{PLZORT} *</label>
|
||||
<input type="text" name="PLZOrt" id="PLZOrt" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="Telefon">{TELEFON} *</label>
|
||||
<input type="text" name="Telefon" id="Telefon" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="EMail">{EMAIL} *</label>
|
||||
<input type="text" name="EMail" id="EMail" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="Anliegen">{ANLIEGEN} *</label>
|
||||
<textarea name="Anliegen" id="Anliegen"></textarea>
|
||||
</div>
|
||||
<div id="contactFormSubmit" class="clearfix">
|
||||
<label></label>
|
||||
<div class="uneditable-input" style="padding: 0px 0px 4px 0px; border: 0px none;">
|
||||
<div id="contactFormSubmitLeft">
|
||||
<input type="reset" value="{LOESCHEN}" />
|
||||
</div>
|
||||
<div id="contactFormSubmitRight">
|
||||
<input type="submit" value="{ABSCHICKEN}" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -1,5 +0,0 @@
|
||||
<h3>{headline}</h3>
|
||||
<div id="logoutText">
|
||||
{text}
|
||||
<a href="{url}" title="{label_logout}">{label_logout} <img src="images/link_pfeil.gif" alt="" /></a>
|
||||
</div>
|
||||
@ -1 +0,0 @@
|
||||
<a id="logoBottom" href="http://www.contenido.org/" title="Zur Contenido Homepage"><img src="images/logo_unten.gif" alt="Contenido Logo" /></a>
|
||||
@ -1,4 +0,0 @@
|
||||
|
||||
<ul id="metaNavigation" class="nav">
|
||||
{items}
|
||||
</ul>
|
||||
@ -1,3 +0,0 @@
|
||||
<!-- BEGIN:BLOCK -->
|
||||
<li><a href="{url}" title="{title}">{label}</a></li>
|
||||
<!-- END:BLOCK -->
|
||||
@ -1,8 +0,0 @@
|
||||
<div class="menu-toggle">Menu</div>
|
||||
<ul class="srt-menu" id="menu-main-navigation">
|
||||
<!-- BEGIN:BLOCK -->
|
||||
<li class="navmainStandardLevel_{css_level}{css_first_item}{css_last_item}{css_active_item}">
|
||||
<a href="{url}" title="{name}" class="navmainStandardLevel_{css_level}{css_first_item}{css_last_item}{css_active_item}">{name}</a>
|
||||
</li>
|
||||
<!-- END:BLOCK -->
|
||||
</ul>
|
||||
@ -1,5 +0,0 @@
|
||||
<!-- BEGIN:BLOCK -->
|
||||
<li class="navmainStandardLevel_{css_level}">
|
||||
<a href="{url}" title="{name}" class="sitemapStandardLevel_{css_level}">{name}</a>
|
||||
</li>
|
||||
<!-- END:BLOCK -->
|
||||
@ -1,3 +0,0 @@
|
||||
<ul class="navmainStandardMainCat">
|
||||
{list_items}
|
||||
</ul>
|
||||
@ -1,31 +0,0 @@
|
||||
<br/>
|
||||
<form method="post" action="{FORM_ACTION}" name="newsletterform"{FORM_TARGET}>
|
||||
<div id="contactForm">
|
||||
<div class="contactRow clearfix">
|
||||
<label for="emailname">{EMAILNAME}</label>
|
||||
<input id="emailname" type="text" name="emailname" value="" class="eingabe" maxlength="100"/>
|
||||
</div>
|
||||
<div class="contactRow clearfix">
|
||||
<label for="email">{EMAIL}</label>
|
||||
<input id="email" type="text" name="email" value="" class="eingabe" maxlength="100"/>
|
||||
| </ | ||||