Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
itminedu
synnefo
Commits
b5e61faf
Commit
b5e61faf
authored
Jun 06, 2013
by
Olga Brani
Browse files
astakos: responsive css for API Token View page
parent
18008e4a
Changes
4
Hide whitespace changes
Inline
Side-by-side
snf-astakos-app/astakos/im/static/im/css/formating.css
View file @
b5e61faf
/* http://meyerweb.com/eric/tools/css/reset/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
...
...
@@ -14,95 +14,95 @@ table, caption, tbody, tfoot, thead, tr, th, td,
article
,
aside
,
canvas
,
details
,
embed
,
figure
,
figcaption
,
footer
,
header
,
hgroup
,
menu
,
nav
,
output
,
ruby
,
section
,
summary
,
time
,
mark
,
audio
,
video
{
border
:
0
;
margin
:
0
;
padding
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
;
}
time
,
mark
,
audio
,
video
{
border
:
0
;
margin
:
0
;
padding
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
;
}
/* HTML5 display-role reset for older browsers */
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
menu
,
nav
,
section
{
display
:
block
;
}
footer
,
header
,
hgroup
,
menu
,
nav
,
section
{
display
:
block
;
}
/* defaults -----------------------------------*/
:link
,
a
,
a
:visited
{
color
:
#F89A1C
;
text-decoration
:
none
;
}
a
:hover
{
outline
:
0
;
text-decoration
:
underline
;
}
a
:focus
{
text-decoration
:
none
;
}
a
:active
{
outline
:
0
;
text-decoration
:
none
;
}
a
img
,
:link
img
,
:visited
img
{
border
:
none
;
}
a
span
{
cursor
:
pointer
;
}
abbr
[
title
],
dfn
[
title
]
{
border-bottom
:
1px
dotted
;
cursor
:
help
;
}
address
{
font-style
:
italic
;
margin
:
0
0
1.5em
0
;
}
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
;}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
sans-serif
;
}
del
{
text-decoration
:
line-through
;
}
dl
{
margin
:
1em
0
;
}
dl
dd
{
margin-left
:
1em
;
}
dt
{
font-weight
:
bold
;
}
em
,
i
{
font-style
:
italic
;
font-weight
:
inherit
;
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
bold
;
line-height
:
1.4
;
margin-bottom
:
0
;
}
:link
,
a
,
a
:visited
{
color
:
#F89A1C
;
text-decoration
:
none
;
}
a
:hover
{
outline
:
0
;
text-decoration
:
underline
;
}
a
:focus
{
text-decoration
:
none
;
}
a
:active
{
outline
:
0
;
text-decoration
:
none
;
}
a
img
,
:link
img
,
:visited
img
{
border
:
none
;
}
a
span
{
cursor
:
pointer
;
}
abbr
[
title
],
dfn
[
title
]
{
border-bottom
:
1px
dotted
;
cursor
:
help
;
}
address
{
font-style
:
italic
;
margin
:
0
0
1.5em
0
;
}
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
;}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
sans-serif
;
}
del
{
text-decoration
:
line-through
;
}
dl
{
margin
:
1em
0
;
}
dl
dd
{
margin-left
:
1em
;
}
dt
{
font-weight
:
bold
;
}
em
,
i
{
font-style
:
italic
;
font-weight
:
inherit
;
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-weight
:
bold
;
line-height
:
1.4
;
margin-bottom
:
0
;
}
/* Typographic scale based on 12px body size */
h1
{
font-size
:
4em
;
}
h2
{
font-size
:
1.154em
;
}
h3
{
font-size
:
1em
;
}
h4
{
font-size
:
1.5em
;
}
h5
{
font-size
:
1.333em
;
}
h6
{
font-size
:
1.167em
;
}
hr
{
border
:
0
;
border-top
:
1px
solid
;
display
:
block
;
height
:
1px
;
margin
:
1em
0
;
padding
:
0
;
}
img
{
border
:
0
;
vertical-align
:
middle
;
}
ins
{
text-decoration
:
none
;
}
p
{
margin-bottom
:
1em
;
}
pre
{
overflow
:
auto
;
}
strong
,
b
{
font-weight
:
bold
;
font-style
:
inherit
;
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
;
}
sub
{
bottom
:
-0.25em
;
}
sup
{
top
:
-0.5em
;
}
button
,
input
,
select
,
textarea
{
font-size
:
100%
;
margin
:
0
;
vertical-align
:
baseline
;
}
button
,
input
{
line-height
:
normal
;
}
button
[
disabled
],
input
[
disabled
]
{
cursor
:
default
;
}
h1
{
font-size
:
4em
;
}
h2
{
font-size
:
1.154em
;
}
h3
{
font-size
:
1em
;
}
h4
{
font-size
:
1.5em
;
}
h5
{
font-size
:
1.333em
;
}
h6
{
font-size
:
1.167em
;
}
hr
{
border
:
0
;
border-top
:
1px
solid
;
display
:
block
;
height
:
1px
;
margin
:
1em
0
;
padding
:
0
;
}
img
{
border
:
0
;
vertical-align
:
middle
;
}
ins
{
text-decoration
:
none
;
}
p
{
margin-bottom
:
1em
;
}
pre
{
overflow
:
auto
;
}
strong
,
b
{
font-weight
:
bold
;
font-style
:
inherit
;
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
;
}
sub
{
bottom
:
-0.25em
;
}
sup
{
top
:
-0.5em
;
}
button
,
input
,
select
,
textarea
{
font-size
:
100%
;
margin
:
0
;
vertical-align
:
baseline
;
}
button
,
input
{
line-height
:
normal
;
}
button
[
disabled
],
input
[
disabled
]
{
cursor
:
default
;
}
button
,
input
[
type
=
"image"
],
input
[
type
=
"submit"
],
input
[
type
=
"reset"
],
input
[
type
=
"button"
]
{
cursor
:
pointer
;
overflow
:
visible
;
}
input
[
type
=
"button"
]
{
cursor
:
pointer
;
overflow
:
visible
;
}
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
box-sizing
:
border-box
;
padding
:
0
;
}
legend
{
border
:
0
;
white-space
:
normal
;
}
optgroup
{
font-style
:
normal
;
font-weight
:
bold
;
}
textarea
{
overflow
:
auto
;
vertical-align
:
top
;
}
q
{
quotes
:
"‘"
"’"
"“"
"”"
;
}
/* http://html5doctor.com/blockquote-q-cite/ */
q
:before
{
content
:
"‘"
;
content
:
open-quote
;
}
q
:after
{
content
:
"’"
;
content
:
close-quote
;
}
q
q
:before
{
content
:
"“"
;
content
:
open-quote
;
}
q
q
:after
{
content
:
"”"
;
content
:
close-quote
;
}
blockquote
{
quotes
:
"“"
"”"
;
margin
:
1em
40px
;
}
blockquote
p
:before
{
content
:
"“"
;
content
:
open-quote
;
}
blockquote
p
:after
{
content
:
""
;
content
:
no-close-quote
;
}
blockquote
p
:last-of-type:after
{
content
:
"”"
;
content
:
close-quote
;
}
blockquote
{
font-style
:
italic
;
margin
:
1em
;
}
caption
{
font-weight
:
bold
;
text-align
:
left
;
margin-bottom
:
.2em
;
padding
:
0
;
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
;
margin-bottom
:
1em
;
}
tfoot
{
font-style
:
italic
;
}
thead
td
,
th
{
font-weight
:
bold
;
vertical-align
:
top
;
}
ol
{
list-style-type
:
decimal
;
margin
:
1em
0
;
padding-left
:
2em
;
}
ol
li
{
list-style
:
decimal
outside
;
}
ol
ol
li
{
list-style-type
:
lower-alpha
;
}
ol
ol
ol
li
{
list-style-type
:
lower-roman
;
}
ul
{
list-style-type
:
disc
;
margin
:
1em
0
;
padding-left
:
2em
;
}
ul
li
{
list-style
:
disc
outside
;
}
ul
ul
li
{
list-style-type
:
circle
;
}
ul
ul
ul
li
{
list-style-type
:
square
;
}
input
[
type
=
"radio"
]
{
box-sizing
:
border-box
;
padding
:
0
;
}
legend
{
border
:
0
;
white-space
:
normal
;
}
optgroup
{
font-style
:
normal
;
font-weight
:
bold
;
}
textarea
{
overflow
:
auto
;
vertical-align
:
top
;
}
q
{
quotes
:
"‘"
"’"
"“"
"”"
;
}
/* http://html5doctor.com/blockquote-q-cite/ */
q
:before
{
content
:
"‘"
;
content
:
open-quote
;
}
q
:after
{
content
:
"’"
;
content
:
close-quote
;
}
q
q
:before
{
content
:
"“"
;
content
:
open-quote
;
}
q
q
:after
{
content
:
"”"
;
content
:
close-quote
;
}
blockquote
{
quotes
:
"“"
"”"
;
margin
:
1em
40px
;
}
blockquote
p
:before
{
content
:
"“"
;
content
:
open-quote
;
}
blockquote
p
:after
{
content
:
""
;
content
:
no-close-quote
;
}
blockquote
p
:last-of-type:after
{
content
:
"”"
;
content
:
close-quote
;
}
blockquote
{
font-style
:
italic
;
margin
:
1em
;
}
caption
{
font-weight
:
bold
;
text-align
:
left
;
margin-bottom
:
.2em
;
padding
:
0
;
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
;
margin-bottom
:
1em
;
}
tfoot
{
font-style
:
italic
;
}
thead
td
,
th
{
font-weight
:
bold
;
vertical-align
:
top
;
}
ol
{
list-style-type
:
decimal
;
margin
:
1em
0
;
padding-left
:
2em
;
}
ol
li
{
list-style
:
decimal
outside
;
}
ol
ol
li
{
list-style-type
:
lower-alpha
;
}
ol
ol
ol
li
{
list-style-type
:
lower-roman
;
}
ul
{
list-style-type
:
disc
;
margin
:
1em
0
;
padding-left
:
2em
;
}
ul
li
{
list-style
:
disc
outside
;
}
ul
ul
li
{
list-style-type
:
circle
;
}
ul
ul
ul
li
{
list-style-type
:
square
;
}
/* helpers ------------------------------------*/
.clearfix
:before
,
.clearfix
:after
{
content
:
" "
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
.clearfix
:after
{
clear
:
both
;
}
.visuallyhidden
{
position
:
absolute
!important
;
clip
:
rect
(
0
0
0
0
);
}
.clearfix
:after
{
content
:
" "
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
.clearfix
:after
{
clear
:
both
;
}
.visuallyhidden
{
position
:
absolute
!important
;
clip
:
rect
(
0
0
0
0
);
}
/* misc ---------------------------------------*/
img
[
align
=
"left"
]
{
margin
:
0
1em
0.5em
0
;
}
img
[
align
=
"right"
]
{
margin
:
0
0
0.5em
1em
;
}
img
[
align
=
"left"
]
{
margin
:
0
1em
0.5em
0
;
}
img
[
align
=
"right"
]
{
margin
:
0
0
0.5em
1em
;
}
/* button */
.button
{
display
:
inline-block
;
color
:
#fff
;
line-height
:
22px
;
padding
:
10px
22px
;
background-color
:
#F89A1C
;
margin-bottom
:
10px
;}
...
...
@@ -169,7 +169,8 @@ h2 .header-actions { float: right; font-size: 0.8em;}
right
:
0
;
font-size
:
13px
;
max-width
:
230px
;
overflow
:
hidden
overflow
:
hidden
;
top
:
0
;
}
.renew-token
.confirm
{
...
...
snf-astakos-app/astakos/im/static/im/css/max768.css
View file @
b5e61faf
...
...
@@ -22,5 +22,7 @@ dl.alt-style { width:auto; }
form
.submit-inline
.form-row.submit
{
position
:
static
;
margin-top
:
20px
;
}
.token-view
.actions
{
left
:
0
;
position
:
relative
;
top
:
50px
;}
.api-access-view
div
.detail
.expires
{
}
\ No newline at end of file
.api-access-view
div
.detail
.title
{
float
:
none
;
width
:
auto
;
}
.api-access-view
div
.detail
input
{
position
:
static
;
width
:
100%
;
display
:
block
;}
.api-access-view
div
.detail
.expires
{
position
:
static
;}
.token-view
.actions
{
position
:
static
;
}
\ No newline at end of file
snf-astakos-app/astakos/im/static/im/css/max960.css
View file @
b5e61faf
...
...
@@ -9,4 +9,9 @@
.top-msg
{
margin-left
:
-9%
;
margin-right
:
-9%
;
padding-left
:
20%
;
padding-right
:
20%
;
}
.stats
.bar
{
margin
:
0
25px
;
}
\ No newline at end of file
.stats
.bar
{
margin
:
0
25px
;
}
.token-view
.actions
{
left
:
20%
;
position
:
relative
;
top
:
50px
;}
.api-access-view
div
.detail
.expires
{
}
.api-access-view
div
.detail
.title
{
max-width
:
120px
;
}
\ No newline at end of file
snf-astakos-app/astakos/im/templates/im/api_access_base.html
View file @
b5e61faf
...
...
@@ -51,7 +51,7 @@
<input
type=
"text"
value=
"{{ token_url }}"
disabled
/>
</div>
<div
class=
"detail clearfix"
>
<div
class=
"facts"
>
<div
class=
"facts
clearfix
"
>
<span
class=
"title"
>
API Token
</span>
<input
type=
"text"
value=
"{{ request.user.auth_token }}"
disabled
/>
<span
class=
"expires"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment