Revision 490501ef

b/cloudcms/static/cloudcms/css/forms.css
85 85
form.innerlabels .with-checkbox .checkbox-widget 	{ margin-top:15px; }
86 86
form.innerlabels .with-checkbox .checkbox-label		{ left:2.5em; top:17px; }
87 87

  
88
form .extra-img								{ display:block; width:21px; height:21px; overflow:hidden;  position:absolute; left:440px;top:10px; z-index:101;}
88
form .extra-img								{ display:block; width:21px; height:21px; overflow:hidden;  position:absolute; left:440px; bottom:10px; z-index:101;}
89
form .with-checkbox .extra-img				{ top:20px; } 
89 90
form .with-errors .extra-img 				{ background:url(../images/symbols.png) no-repeat -58px -3px;}
90 91
form .with-errors textarea+.extra-img,
91 92
form .with-errors noscript+.extra-img		{ background:transparent;}
......
95 96
form input[readonly="True"]+ span.extra-img { background:url(../images/symbols.png) no-repeat -111px -3px;}
96 97
.errorlist									{ margin:0; padding:0;}
97 98
.errorlist li								{ list-style:none outside;}
99
 
100
@media screen and (max-width : 583px) 		{ 
101
    form .extra-img	{ left:222px; }
102
    .form-error		{ margin-left:0!important; } 
98 103

  
99

  
104
}
b/cloudcms/static/cloudcms/css/max480.css
1
.container .navigation ul li 					{ display:block; }
2
.two-cols-blog .rt 								{ width:auto; padding-right:0; margin-left:0; float:none;}
3
.resources .categories ul li					{ display:block; float:none;}
b/cloudcms/static/cloudcms/css/max768.css
1
.two-cols  .rt 									{ float:none; width:auto; margin-bottom:10px;}
2
.two-cols  .lt									{ float:none; width:auto; }
3
.container .navigation 							{ height:auto; margin-bottom:30px; } 
4
.bg-wrap										{ background-position:-9999px -9999px; }
5
.buttons-list.fixpos 							{ position:static;  }
6
.buttons-list .button 							{ margin-left:0; }
7
form input.submit, form input[type="submit"] 	{ margin:0; }
b/cloudcms/static/cloudcms/css/max960.css
1
.container          					{ width:100%; }
2
.wrapper            					{ width:83%; padding:36px 8% 36px 8%;}
3
.footer .wrapper						{ padding-left:8%; padding-right:8%; }
4
.two-cols  .rt 							{ width:45% }
5
.two-cols .rt img						{ max-width:100%; }
6
.two-cols  .lt							{ width:45%; }
7
.two-cols-blog .rt 						{ width:25%; padding-right:0; margin-left:30px;}
b/cloudcms/static/cloudcms/css/modules.css
12 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; } 
13 13
.footer:hover a                                 { color:#808080;}
14 14
.footer a:hover                                 { color:#000;}
15
.footer ul                                      { float:left; margin:0 0 0 22px; width:140px;  padding:0;}
15
.footer ul                                      { float:left; margin:0 22px 0 0; width:140px;  padding:0;}
16 16
.footer ul li                                   { padding:0; margin:0; list-style:none outside;}
17 17
.footer ul li:first-child                       { margin-bottom:1em;	}
18 18
.footer .clearfix                               { padding-bottom:20px;}
......
33 33
.mainlogo h1									{ line-height:100%; font-size:1em; }
34 34
.container .navigation                          { margin:20px 0 0; font-size:1.154em; height:95px;}
35 35
.container .navigation ul                       { margin:5px 0; padding:0;}
36
.container .navigation ul li                    { list-style:none outside; padding:0; margin:0 0 0 1em; display:inline-block;}
37
.container .navigation ul li:first-child        { margin-left:0;}
36
.container .navigation ul li                    { list-style:none outside; padding:0; margin:0 1em 0 0; display:inline-block;}
38 37
.container .navigation ul li a                  { color:#000; text-decoration:none; }
39 38
.container .navigation ul li a:hover            { color:#F89A1C; }	
40 39
.container .navigation ul li.active a           { color:#F89A1C; }					
......
72 71
.follow ul li p a                               { color:#808080;}   
73 72
.posts ul                                       { margin:0;padding:0; }
74 73
.posts ul li                                    { padding:0; margin:0 0 50px; list-style:none outside; }
75
.posts ul li img                                { max-width:580px; margin-bottom:1em;}
74
.posts ul li img                                { max-width:100%; margin-bottom:1em;}
76 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 ;}
77 76
.article p.info 								{ margin-top:20px; padding-top:10px; font-size:0.769em; color:#808080; }
78 77
.article h2, .posts h2                          { color:#ef4f53; }
......
126 125
.resources .categories ul li a.selected         { color: #000000 }
127 126
.resources .categories ul li.inactive           { opacity: 0.3; }
128 127
.resources .categories ul li.active             { font-weight: bold; opacity: 1; }
129
.resources .list                                { line-height: 1em; margin-top: 60px; position: relative; width:855px; }
128
.resources .list                                { line-height: 1em; margin-top: 60px; position: relative; margin-right:-35px; }
130 129
.resources .list .resource-wrapper.first .resource      { margin-left: 0; }
131 130
.resources .list .resource-wrapper              { float: left; height: 250px; margin-bottom: 22px; margin-right: 35px; overflow: hidden; position: relative; width: 250px; }
132 131
.resources .list .resource-wrapper.first        { margin-left: 0; }
......
171 170
.button.back.right 								{ right: 0; }
172 171
.buttons-list .button 							{ margin-left: 10px; }
173 172
.button.back 									{  z-index: 500; }
174
a.button 										{ border:0 none;  color: #FFFFFF;  display: block;  text-align: center; background-color: #3582AC; letter-spacing: 1px;  line-height: 22px; padding: 0.8em 22px; text-decoration: none;}
173
a.button 										{ border:0 none;  color: #FFFFFF;  display: inline-block;  text-align: center; background-color: #3582AC; letter-spacing: 1px;  line-height: 22px; padding: 0.8em 22px; text-decoration: none;}
175 174
a.button:hover								 	{ background-color: #F89A1C; border:0 none; color:#fff;}
176 175

  
177 176
/*pagination*/
b/cloudcms/templates/cms/base.html
6 6
      {% block page.title %}{% if feincms_page.page_title %}{{ feincms_page.page_title }}
7 7
      {% else %}{{ feincms_page.title }}{% endif %} | {{ APP.title }}{% endblock %}
8 8
  </title>
9
  
9
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10
  <meta name="viewport" content="width=device-width; initial-scale=1.0">
10 11
  
11 12
  {% block favicons %}
12 13
  <link rel="shortcut icon" href="{{ APP.favicon.get_absolute_url }}">
......
19 20
      <!--[if lte IE 7]>
20 21
          <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/ie7.css">
21 22
      <![endif]-->
23
      <link rel="stylesheet" media="screen and (max-width: 960px)" href="{{ MEDIA_URL }}cloudcms/css/max960.css"/>
24
      <link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ MEDIA_URL }}cloudcms/css/max768.css"/>
25
      <link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ MEDIA_URL }}cloudcms/css/max480.css"/>  
22 26
  {% endblock css %}
23 27

  
24 28
  {% block headjs %}

Also available in: Unified diff