Revision 15f056df

b/snf-astakos-app/astakos/im/static/im/css/formating.css
1
/* http://meyerweb.com/eric/tools/css/reset/ 
1
/* http://meyerweb.com/eric/tools/css/reset/ 
2 2
   v2.0 | 20110126
3 3
   License: none (public domain)
4 4
*/
......
14 14
article, aside, canvas, details, embed, 
15 15
figure, figcaption, footer, header, hgroup, 
16 16
menu, nav, output, ruby, section, summary,
17
time, mark, audio, video						{ border:0; margin:0; padding:0; font-size:100%; font:inherit; vertical-align:baseline; }
17
time, mark, audio, video                        { border:0; margin:0; padding:0; font-size:100%; font:inherit; vertical-align:baseline; }
18 18

  
19 19
/* HTML5 display-role reset for older browsers */
20 20
article, aside, details, figcaption, figure, 
21
footer, header, hgroup, menu, nav, section		{ display:block; }
21
footer, header, hgroup, menu, nav, section      { display:block; }
22 22

  
23 23
/* defaults -----------------------------------*/
24
:link, a, a:visited								{ color:#F89A1C; text-decoration:none; }
25
a:hover											{ outline:0; text-decoration:underline; }
26
a:focus											{ text-decoration:none; }
27
a:active										{ outline:0; text-decoration:none; }
28
a img, :link img, :visited img					{ border:none; }
29
a span											{ cursor:pointer; }
30
abbr[title], dfn[title]							{ border-bottom:1px dotted; cursor:help; }
31
address											{ font-style:italic; margin:0 0 1.5em 0; }
32
body											{ background:white; color:#222; font-family: 'Open Sans', sans-serif; font-style:normal; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}
33
code, kbd, pre, samp							{ font-family:monospace, sans-serif; }
34
del												{ text-decoration:line-through; }
35
dl												{ margin:1em 0; }
36
dl dd											{ margin-left:1em; }
37
dt												{ font-weight:bold; }
38
em, i											{ font-style:italic; font-weight:inherit; }
39
h1, h2, h3, h4, h5, h6							{ font-weight:bold; line-height:1.4; margin-bottom:0; }
24
:link, a, a:visited                             { color:#F89A1C; text-decoration:none; }
25
a:hover                                         { outline:0; text-decoration:underline; }
26
a:focus                                         { text-decoration:none; }
27
a:active                                        { outline:0; text-decoration:none; }
28
a img, :link img, :visited img                  { border:none; }
29
a span                                          { cursor:pointer; }
30
abbr[title], dfn[title]                         { border-bottom:1px dotted; cursor:help; }
31
address                                         { font-style:italic; margin:0 0 1.5em 0; }
32
body                                            { background:white; color:#222; font-family: 'Open Sans', sans-serif; font-style:normal; font-size:81.3%; line-height:1.5; text-align:left; letter-spacing:1px;}
33
code, kbd, pre, samp                            { font-family:monospace, sans-serif; }
34
del                                             { text-decoration:line-through; }
35
dl                                              { margin:1em 0; }
36
dl dd                                           { margin-left:1em; }
37
dt                                              { font-weight:bold; }
38
em, i                                           { font-style:italic; font-weight:inherit; }
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
h1												{ font-size:4em; }
42
h2												{ font-size:1.154em; }
43
h3												{ font-size:1em; }
44
h4												{ font-size:1.5em; }
45
h5												{ font-size:1.333em; }
46
h6												{ font-size:1.167em; }
47
hr												{ border:0; border-top:1px solid; display:block; height:1px; margin:1em 0; padding:0; }
48
img												{ border:0; vertical-align:middle; }
49
ins												{ text-decoration:none; }
50
p												{ margin-bottom:1em; }
51
pre												{ overflow:auto;  }
52
strong, b										{ font-weight:bold; font-style:inherit; }
53
sub, sup										{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
54
sub												{ bottom:-0.25em; }
55
sup												{ top:-0.5em; }
56

  
57
button, input, select, textarea					{ font-size:100%; margin:0; vertical-align:baseline; }
58
button, input									{ line-height:normal; }
59
button[disabled], input[disabled]				{ cursor:default; }
41
h1                                              { font-size:4em; }
42
h2                                              { font-size:1.154em; }
43
h3                                              { font-size:1em; }
44
h4                                              { font-size:1.5em; }
45
h5                                              { font-size:1.333em; }
46
h6                                              { font-size:1.167em; }
47
hr                                              { border:0; border-top:1px solid; display:block; height:1px; margin:1em 0; padding:0; }
48
img                                             { border:0; vertical-align:middle; }
49
ins                                             { text-decoration:none; }
50
p                                               { margin-bottom:1em; }
51
pre                                             { overflow:auto;  }
52
strong, b                                       { font-weight:bold; font-style:inherit; }
53
sub, sup                                        { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
54
sub                                             { bottom:-0.25em; }
55
sup                                             { top:-0.5em; }
56

  
57
button, input, select, textarea                 { font-size:100%; margin:0; vertical-align:baseline; }
58
button, input                                   { line-height:normal; }
59
button[disabled], input[disabled]               { cursor:default; }
60 60
button,
61 61
input[type="image"],
62 62
input[type="submit"],
63 63
input[type="reset"],
64
input[type="button"]							{ cursor:pointer; overflow:visible; }
64
input[type="button"]                            { cursor:pointer; overflow:visible; }
65 65
input[type="checkbox"],
66
input[type="radio"]								{ box-sizing:border-box; padding:0; }
67
legend											{ border:0; white-space:normal; }
68
optgroup										{ font-style:normal; font-weight:bold; }
69
textarea										{ overflow:auto; vertical-align:top; }
70

  
71
q												{ quotes:"‘" "’" "“" "”"; } /* http://html5doctor.com/blockquote-q-cite/ */
72
q:before										{ content:"‘"; content:open-quote; }
73
q:after											{ content:"’"; content:close-quote; }
74
q q:before										{ content: "“"; content: open-quote; }
75
q q:after										{ content: "”"; content: close-quote; }
76
blockquote										{ quotes: "“" "”"; margin:1em 40px; }
77
blockquote p:before								{ content: "“"; content: open-quote; }
78
blockquote p:after								{ content: ""; content: no-close-quote; }
79
blockquote p:last-of-type:after					{ content: "”"; content: close-quote; }
80
blockquote										{ font-style:italic; margin:1em; }
81

  
82
caption											{ font-weight:bold; text-align:left; margin-bottom:.2em; padding:0; }
83
table											{ border-collapse:collapse; border-spacing:0; margin-bottom:1em; }
84
tfoot											{ font-style:italic; }
85
thead td, th									{ font-weight:bold; vertical-align:top; }
86

  
87
ol												{ list-style-type:decimal; margin:1em 0; padding-left:2em; }
88
ol li											{ list-style:decimal outside; }
89
ol ol li										{ list-style-type:lower-alpha; }
90
ol ol ol li										{ list-style-type:lower-roman; }
91

  
92
ul												{ list-style-type:disc; margin:1em 0; padding-left:2em; }
93
ul li											{ list-style:disc outside; }
94
ul ul li										{ list-style-type:circle; }
95
ul ul ul li										{ list-style-type:square; }
66
input[type="radio"]                             { box-sizing:border-box; padding:0; }
67
legend                                          { border:0; white-space:normal; }
68
optgroup                                        { font-style:normal; font-weight:bold; }
69
textarea                                        { overflow:auto; vertical-align:top; }
70

  
71
q                                               { quotes:"‘" "’" "“" "”"; } /* http://html5doctor.com/blockquote-q-cite/ */
72
q:before                                        { content:"‘"; content:open-quote; }
73
q:after                                         { content:"’"; content:close-quote; }
74
q q:before                                      { content: "“"; content: open-quote; }
75
q q:after                                       { content: "”"; content: close-quote; }
76
blockquote                                      { quotes: "“" "”"; margin:1em 40px; }
77
blockquote p:before                             { content: "“"; content: open-quote; }
78
blockquote p:after                              { content: ""; content: no-close-quote; }
79
blockquote p:last-of-type:after                 { content: "”"; content: close-quote; }
80
blockquote                                      { font-style:italic; margin:1em; }
81

  
82
caption                                         { font-weight:bold; text-align:left; margin-bottom:.2em; padding:0; }
83
table                                           { border-collapse:collapse; border-spacing:0; margin-bottom:1em; }
84
tfoot                                           { font-style:italic; }
85
thead td, th                                    { font-weight:bold; vertical-align:top; }
86

  
87
ol                                              { list-style-type:decimal; margin:1em 0; padding-left:2em; }
88
ol li                                           { list-style:decimal outside; }
89
ol ol li                                        { list-style-type:lower-alpha; }
90
ol ol ol li                                     { list-style-type:lower-roman; }
91

  
92
ul                                              { list-style-type:disc; margin:1em 0; padding-left:2em; }
93
ul li                                           { list-style:disc outside; }
94
ul ul li                                        { list-style-type:circle; }
95
ul ul ul li                                     { list-style-type:square; }
96 96

  
97 97
/* helpers ------------------------------------*/
98 98
.clearfix:before,
99
.clearfix:after									{ content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
100
.clearfix:after									{ clear:both; }
101
.visuallyhidden									{ position:absolute !important; clip:rect(0 0 0 0); }
99
.clearfix:after                                 { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
100
.clearfix:after                                 { clear:both; }
101
.visuallyhidden                                 { position:absolute !important; clip:rect(0 0 0 0); }
102 102

  
103 103
/* misc ---------------------------------------*/
104
img[align="left"]								{ margin:0 1em 0.5em 0; }
105
img[align="right"]								{ margin:0 0 0.5em 1em; }
104
img[align="left"]                               { margin:0 1em 0.5em 0; }
105
img[align="right"]                              { margin:0 0 0.5em 1em; }
106 106

  
107 107
/* button */
108 108
.button { display: inline-block; color: #fff; line-height: 22px; padding: 10px 22px; background-color: #F89A1C; margin-bottom: 10px;}
......
169 169
    right:0;
170 170
    font-size:13px;
171 171
    max-width: 230px;
172
    overflow: hidden
172
    overflow: hidden;
173
    top:0;
173 174
}
174 175

  
175 176
.renew-token .confirm {
b/snf-astakos-app/astakos/im/static/im/css/max768.css
22 22

  
23 23
form.submit-inline .form-row.submit				{ position:static; margin-top:20px; }
24 24

  
25
.token-view .actions 							{ left:0; position: relative; top:50px;}
26
.api-access-view div.detail .expires			{ }
25
.api-access-view div.detail .title				{ float:none;width:auto; }
26
.api-access-view div.detail input				{ position: static; width: 100%; display: block;}
27
.api-access-view div.detail .expires 			{ position: static;}
28
.token-view .actions							{ position: static; }
b/snf-astakos-app/astakos/im/static/im/css/max960.css
9 9
.top-msg								{ margin-left:-9%; margin-right:-9%; padding-left:20%; padding-right:20%; }
10 10
 
11 11
 
12
.stats .bar								{ margin:0 25px; }
12
.stats .bar								{ margin:0 25px; }
13

  
14

  
15
.token-view .actions 							{ left:20%; position: relative; top:50px;}
16
.api-access-view div.detail .expires			{ }
17
.api-access-view div.detail .title				{ max-width: 120px; }
b/snf-astakos-app/astakos/im/templates/im/api_access_base.html
51 51
                <input type="text" value="{{ token_url }}" disabled />
52 52
            </div>
53 53
            <div class="detail clearfix">
54
                <div class="facts">
54
                <div class="facts clearfix">
55 55
                    <span class="title">API Token</span>
56 56
                    <input type="text" value="{{ request.user.auth_token }}" disabled />
57 57
                    <span class="expires">

Also available in: Unified diff