Revision e1623a6d
b/cloudcms/static/cloudcms/css/formating.css | ||
---|---|---|
39 | 39 |
h1, h2, h3, h4, h5, h6 { font-weight:bold; line-height:1.4; margin-bottom:0; } |
40 | 40 |
/* Typographic scale based on 12px body size */ |
41 | 41 |
h1 { font-size:4em; } |
42 |
h2 { font-size:1.231em; }
|
|
43 |
h3 { font-size:1.154em; }
|
|
42 |
h2 { font-size:1em; } |
|
43 |
h3 { font-size:1em; } |
|
44 | 44 |
h4 { font-size:1.5em; } |
45 | 45 |
h5 { font-size:1.333em; } |
46 | 46 |
h6 { font-size:1.167em; } |
b/cloudcms/static/cloudcms/css/forms.css | ||
---|---|---|
24 | 24 |
form .form-row .extra-link { color: #808080; text-decoration: none; border: none; margin-top:15px; line-height:42px; float: right; } |
25 | 25 |
form .form-row .extra-link:hover { text-decoration:underline;} |
26 | 26 |
form .form-row label { font-size: 1.1em; } |
27 |
form.innerlabels label { position: absolute; top: 1.1em; left: 1.5em; color: #808080 ; }
|
|
27 |
form.innerlabels label { position: absolute; top: 12px; left: 1.5em; color: #808080 ; }
|
|
28 | 28 |
form.innerlabels p { margin:0; position: relative;} |
29 | 29 |
form.innerlabels p.p15px { font-size:1.154em;} |
30 | 30 |
form.innerlabels p.p15px a { margin:0 5px;} |
... | ... | |
65 | 65 |
form .with-errors textarea, |
66 | 66 |
form .with-errors select { color: #9d261d;} |
67 | 67 |
form .with-errors label { color: #e4776f; } |
68 |
.form-error { color:red; font-style:italic; font-size: 0.8em; padding: 5px 5px; }
|
|
68 |
.form-error { color:red; font-size: 0.8em; padding: 5px 5px; }
|
|
69 | 69 |
.form-errors.all .form-error { position: relative; border-radius: 0; margin-bottom: 1.3em; padding: 0.5em; } |
70 | 70 |
div.form-stacked { margin-bottom: 4em; } |
71 | 71 |
.checkbox-widget.checked { background-color: #FF0000; background-image: url("../images/checkbox.png"); background-position: 50% 50%; } |
... | ... | |
73 | 73 |
form.withlabels .checkbox-widget { margin-top:20px; } |
74 | 74 |
form.innerlabels .checkbox-widget + label { position:static; line-height:36px; color:#808080; } |
75 | 75 |
form.innerlabels .checkbox-widget + label + a { border-bottom:1px solid #F89A1C; font-size: 1.1em; } |
76 |
form span.info { position:absolute;z-index:10; top:8px; left: 260px; }
|
|
77 |
form span.info em { display:block; overflow:hidden; position:absolute; left:0; text-indent:-100px; top:0; height:28px; width:28px; background:url(../images/question-mark.jpg) no-repeat left bottom;cursor:pointer; }
|
|
78 |
form span.info:hover em { background-position:left top; }
|
|
79 |
form span.info span { position:absolute; left:42px; top:2px; width:150px; padding-left:55px; background:url(../images/black-line.jpg ) no-repeat left 12px; min-height:50px; display:none; }
|
|
76 |
form span.info { position:absolute;z-index:10; top:10px; left: 290px; }
|
|
77 |
form span.info em { display:block; overflow:hidden; position:absolute; left:0; text-indent:-100px; top:0; height:21px; width:21px; background:url(../images/symbols.png) no-repeat -4px -31px;cursor:pointer; }
|
|
78 |
form span.info:hover em { background-position:-4px -3px; }
|
|
79 |
form span.info span { position:absolute; left:29px; top:-2px; width:120px; padding-left:30px; background:url(../images/black-line.jpg ) no-repeat left 12px; min-height:50px; display:none; font-size:0.846em;}
|
|
80 | 80 |
form span.info:hover span { display:block; } |
81 |
form .with-errors span.info { display:none;} |
|
81 | 82 |
form p { margin-bottom:0;position:relative;} |
82 |
form input[readonly=true] { background-color: #ddd; color: #5e5e5e; }
|
|
83 |
form input[readonly=true] { /*background-color: #ddd;*/ color: #5e5e5e; }
|
|
83 | 84 |
#recaptcha_area { margin-top:20px; } |
84 | 85 |
form.innerlabels .with-checkbox .checkbox-widget { margin-top:15px; } |
85 |
form.innerlabels .with-checkbox .checkbox-label { left:2.5em; } |
|
86 |
form.innerlabels .with-checkbox .checkbox-label { left:2.5em; top:17px; }
|
|
86 | 87 |
|
87 | 88 |
form .extra-img { display:block; width:21px; height:21px; overflow:hidden; position:absolute; left:440px;top:10px; z-index:101;} |
88 | 89 |
form .with-errors .extra-img { background:url(../images/symbols.png) no-repeat -58px -3px;} |
b/cloudcms/static/cloudcms/css/ie7.css | ||
---|---|---|
7 | 7 |
img { -ms-interpolation-mode:bicubic; } |
8 | 8 |
|
9 | 9 |
.clearfix { zoom:1; } |
10 |
.container .navigation ul li { display:inline;} |
|
11 |
.lt .box-more ul.col { display:inline;} |
|
10 |
.container .navigation ul li { display:inline;} |
|
11 |
.lt .box-more ul.col { display:inline;} |
|
12 |
|
|
13 |
form input.text, |
|
14 |
form input[type="text"], |
|
15 |
form input[type="password"] { margin-bottom:-3px;} |
b/cloudcms/static/cloudcms/css/modules.css | ||
---|---|---|
1 | 1 |
.wrapper { margin:0 auto; position:relative; width:820px; padding:36px 70px; } |
2 | 2 |
.container .wrapper, |
3 | 3 |
.footer .wrapper { border: 1px solid #808080; border-top:0 none;} |
4 |
.footer .wrapper { padding:20px 70px 25px; } |
|
4 | 5 |
.centered { text-align:center;} |
5 | 6 |
img.left { margin:0 1em 1em 0; float:left;} |
6 | 7 |
img.right { margin:0 0 1em 1em; float:right;} |
7 | 8 |
|
8 |
|
|
9 |
/* header */ |
|
10 |
.header { background:#000; color:#fff; height:35px; line-height:35px; } |
|
11 |
.header .wrapper { width:auto; padding:0;} |
|
12 |
.header a { color:#fff; text-decoration:none;} |
|
13 |
.header .profile { float:right; background:#01A1AE; min-width:150px; padding:0 20px; text-align:right; } |
|
14 |
.header .profile a { text-decoration:none; color:#fff; } |
|
15 |
.header .profile ul { position:absolute; right:0; top:35px; padding:0; margin:0; width:190px; display:none; z-index:9; background:#fff;} |
|
16 |
.header .profile ul li { list-style:none outside; line-height:35px; padding:0 20px;} |
|
17 |
.header .profile ul li:hover a { color:#01A1AE;} |
|
18 |
.header .profile:hover ul { display:block; } |
|
19 |
.header .profile .full a { padding-right:20px; background:url(../images/arrow-white.png) no-repeat right center;} |
|
20 |
.header .profile .full ul { border:1px dashed #000; border-top:0 none; border-right:0 none;} |
|
21 |
.header .profile ul li a { padding-right:0; background:none; color:#000;} |
|
22 |
.header ul.services { margin:0; padding:0; } |
|
23 |
.header ul.services li { float:left; height:35px; line-height:35px; text-align:center; padding: 0 30px; list-style:none outside;} |
|
24 |
.header ul.services li:first-child { padding:0 5px;} |
|
25 |
.header ul.services li.active { background:#333;} |
|
26 |
.header ul.services li:hover { background:#444; } |
|
27 |
|
|
28 |
|
|
9 |
|
|
29 | 10 |
/* footer */ |
30 | 11 |
.footer { font-size:0.923em;color:#B3B3B3; } |
31 | 12 |
.footer a { color:#B3B3B3; text-decoration:none; transition:color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -webkit-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; } |
32 | 13 |
.footer:hover a { color:#808080;} |
33 | 14 |
.footer a:hover { color:#000;} |
34 | 15 |
.footer ul { float:left; margin:0 0 0 22px; width:140px; padding:0;} |
35 |
.footer ul li { padding:0; margin:0 0 0.5em 0; list-style:none outside;}
|
|
16 |
.footer ul li { padding:0; margin:0; list-style:none outside;} |
|
36 | 17 |
.footer ul li:first-child { margin-bottom:1em; } |
37 | 18 |
.footer .clearfix { padding-bottom:20px;} |
38 | 19 |
.footer .clearfix ul:first-child { margin-left:0;} |
... | ... | |
49 | 30 |
|
50 | 31 |
/* container */ |
51 | 32 |
.container .wrapper { padding-bottom:100px;} |
52 |
.container .navigation { margin:20px 0 40px; font-size:1.231em;} |
|
33 |
.mainlogo h1 { line-height:100%; font-size:1em; } |
|
34 |
.container .navigation { margin:20px 0 0; font-size:1.154em; height:95px;} |
|
53 | 35 |
.container .navigation ul { margin:5px 0; padding:0;} |
54 | 36 |
.container .navigation ul li { list-style:none outside; padding:0; margin:0 0 0 1em; display:inline-block;} |
55 | 37 |
.container .navigation ul li:first-child { margin-left:0;} |
56 | 38 |
.container .navigation ul li a { color:#000; text-decoration:none; } |
57 | 39 |
.container .navigation ul li a:hover { color:#F89A1C; } |
58 | 40 |
.container .navigation ul li.active a { color:#F89A1C; } |
41 |
|
|
59 | 42 |
.dotted { background:url(../images/double-dots.jpg) no-repeat bottom center; padding:0 0 30px; margin-bottom:30px;} |
60 |
.two-cols .rt { float:right; width:390px;} |
|
61 |
.two-cols .lt { float:left; width:390px;} |
|
62 |
.two-cols .lt p { padding-right:40px;} |
|
63 |
.two-cols-lt580 .rt { float:right; width:200px; margin-left:40px;} |
|
64 |
.two-cols-lt580 .lt { overflow:hidden;} |
|
43 |
.two-cols .rt { float:right; width:400px;} |
|
44 |
.two-cols .lt { float:left; width:400px;} |
|
45 |
.two-cols-blog .rt { float:right; width:220px; margin-left:80px; padding-right:65px;} |
|
46 |
.two-cols-blog .lt { overflow:hidden;} |
|
65 | 47 |
.container h2, .container h3 { font-weight:normal; margin-bottom:1em; } |
66 | 48 |
.container h2 em { color: #3582AC; font-style:normal; } |
67 | 49 |
.content a { border-bottom: 1px solid #F89A1C; text-decoration:none; color:#000; } |
... | ... | |
71 | 53 |
.container ul.options li a { border:0 none;} |
72 | 54 |
.container ul.options li a:hover { text-decoration:underline;} |
73 | 55 |
.landing h2, .landing a:hover { color:#01A1AE;} |
74 |
.faq h2, .faq a:hover { color:#EF4F54; border:0 none;} |
|
56 |
.faq h2, .faq a:hover, .faq .current a { color:#EF4F54; border:0 none;} |
|
57 |
.content .question h2 { color:#4085A6 } |
|
58 |
.content .question .backlink a { border:0 none; color:#F89A1C } |
|
59 |
.content .question .backlink a:hover { text-decoration:underline; } |
|
75 | 60 |
.faq h3 { color:#4085a6; margin:0;} |
76 | 61 |
.faq ul { padding:0; margin:0; } |
77 | 62 |
.faq ul li { list-style:none outside; padding:0; margin:0; } |
... | ... | |
87 | 72 |
.posts ul { margin:0;padding:0; } |
88 | 73 |
.posts ul li { padding:0; margin:0 0 50px; list-style:none outside; } |
89 | 74 |
.posts ul li img { max-width:580px; margin-bottom:1em;} |
90 |
.posts ul li p.info { padding-bottom:10px; margin-bottom:20px; font-size:0.923em; color:#808080; border-bottom:1px dashed #000;}
|
|
91 |
.article p.info { margin-top:20px; padding-top:10px; font-size:0.923em; color:#808080; }
|
|
75 |
.posts ul li p.info { padding-bottom:10px; margin-bottom:20px; font-size:0.769em; color:#808080; background:url(../images/dots.jpg) repeat-x bottom ;}
|
|
76 |
.article p.info { margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }
|
|
92 | 77 |
.article h2, .posts h2 { color:#ef4f53; } |
93 | 78 |
.posts h2 a, .posts h2 a:hover { border:0 none;color:#ef4f53;} |
94 | 79 |
.posts p.date, .article p.date { margin:0; font-size:1.231em; color:#01a1ae; } |
b/cloudcms/templates/cms/base.html | ||
---|---|---|
72 | 72 |
<div class="wrapper"> |
73 | 73 |
<div class="mainlogo"> |
74 | 74 |
{% if APP.logo %} |
75 |
<a href="{{ APP.index_url }}" title="{{ APP.title }}"> |
|
76 |
<img src="{{ APP.logo.get_absolute_url }}" alt="{{ APP.title }}" /> |
|
77 |
</a> |
|
75 |
<h1> |
|
76 |
<a href="{{ APP.index_url }}" title="{{ APP.title }}"> |
|
77 |
<img src="{{ APP.logo.get_absolute_url }}" alt="{{ APP.title }}" /> |
|
78 |
</a> |
|
79 |
</h1> |
|
78 | 80 |
{% else %} |
79 | 81 |
<h1>{{ APP.title }}</h1> |
80 | 82 |
{% endif %} |
b/cloudcms/templates/cms/pages/intro.html | ||
---|---|---|
1 | 1 |
{% extends "cms/base.html" %} |
2 | 2 |
|
3 | 3 |
{% block page.body %} |
4 |
<div class="two-cols-lt580 clearfix">
|
|
4 |
<div class="two-cols-blog clearfix">
|
|
5 | 5 |
<div class="rt"> |
6 | 6 |
{% block page.sidecol %} |
7 | 7 |
{% for content in feincms_page.content.sidebar %} |
b/cloudcmsblog/templates/cloudcmsblog/archive.html | ||
---|---|---|
8 | 8 |
<li> |
9 | 9 |
|
10 | 10 |
|
11 |
<p class="date">{{ entry.published_on|date:"d M Y"|upper }}</p>
|
|
11 |
<p class="date">{{ entry.published_on|date:"d M Y" }}</p> |
|
12 | 12 |
<h2> |
13 | 13 |
<a href="{{ entry.get_absolute_url }}">{{ entry.title|upper }}</a> |
14 | 14 |
</h2> |
Also available in: Unified diff