Skip to content
GitLab
Menu
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Sacha
CONTROVERSY
Commits
919e5db2
Commit
919e5db2
authored
Nov 30, 2016
by
Sacha
Committed by
SXibolet@2PITAU
Nov 30, 2016
Browse files
style changes
parent
cd4a9c6b
Changes
6
Expand all
Hide whitespace changes
Inline
Side-by-side
controversy/static/_style.scss
View file @
919e5db2
...
...
@@ -33,10 +33,13 @@ img {
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
color
:
#303c3c
;
border-bottom
:
1px
solid
#808080
;
text-decoration
:
none
;
@include
transition
(
0
.1s
);
}
text-decoration
:
underline
;
color
:
inherit
;
&
:hover
{
color
:
#ff0000
;
text-decoration
:
none
;
}
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
...
...
controversy/static/account.css
View file @
919e5db2
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
color
:
#303c3c
;
border-bottom
:
1px
solid
#808080
;
text-decoration
:
none
;
-webkit-transition
:
all
0.1s
ease-in-out
0s
;
-moz-transition
:
all
0.1s
ease-in-out
0s
;
-ms-transition
:
all
0.1s
ease-in-out
0s
;
transition
:
all
0.1s
ease-in-out
0s
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
color
:
#303c3c
;
border-bottom
:
1px
solid
#808080
;
text-decoration
:
none
;
-webkit-transition
:
all
0.1s
ease-in-out
0s
;
-moz-transition
:
all
0.1s
ease-in-out
0s
;
-ms-transition
:
all
0.1s
ease-in-out
0s
;
transition
:
all
0.1s
ease-in-out
0s
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
ul
.articles
,
ul
.tweets
{
margin
:
0
auto
;
width
:
400px
}
ul
.articles
li
,
ul
.tweets
li
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
}
ul
.articles
{
-webkit-column-count
:
1
;
-moz-column-count
:
1
;
column-count
:
1
;
-webkit-column-gap
:
6px
;
-moz-column-gap
:
6px
;
column-gap
:
6px
}
ul
.articles
li
{
width
:
400px
;
margin-bottom
:
2em
}
ul
.tweets
{
margin-top
:
2em
;
width
:
310px
;
-webkit-column-count
:
2
;
-moz-column-count
:
2
;
column-count
:
2
;
-webkit-column-gap
:
5px
;
-moz-column-gap
:
5px
;
column-gap
:
5px
}
ul
.tweets
li
{
width
:
150px
;
margin-bottom
:
5px
}
div
.article
,
div
.tweet
{
padding-bottom
:
10px
;
background-color
:
#fff
;
border
:
2px
solid
#efefef
;
position
:
relative
;
font-size
:
14px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
div
.article
p
{
padding
:
5px
}
div
.article
a
.title
{
color
:
#000
;
padding
:
3px
5px
5px
5px
;
margin-top
:
5px
;
margin-bottom
:
2px
;
font-size
:
28px
;
display
:
block
;
border-bottom
:
none
}
div
.article
p
.url
{
padding
:
5px
;
border-top
:
1px
solid
#e5e5e5
;
background-image
:
url("img/url.png")
;
background-repeat
:
no-repeat
;
padding
:
10px
0
0
30px
;
height
:
30px
;
display
:
block
;
margin-bottom
:
-10px
}
div
.article
p
.url
a
{
border-bottom
:
none
;
color
:
#04bff4
;
text-decoration
:
none
;
width
:
385px
;
display
:
block
;
position
:
relative
}
div
.article
img
{
width
:
100%
}
div
.tweet
{
-webkit-transition
:
all
0.4s
ease-in-out
0s
;
-moz-transition
:
all
0.4s
ease-in-out
0s
;
-ms-transition
:
all
0.4s
ease-in-out
0s
;
transition
:
all
0.4s
ease-in-out
0s
;
padding
:
2px
;
overflow
:
hidden
}
div
.tweet
a
{
color
:
inherit
;
text-decoration
:
none
}
div
.mad
{
border
:
2px
solid
#f90101
}
div
.happy
{
border
:
2px
solid
#00933b
}
div
.hovering
{
color
:
#000
}
div
.no-hover
{
color
:
#c3c3c3
;
border
:
2px
solid
#f9f9f9
}
div
.most-controversial
{
border
:
3px
solid
#f90101
}
div
.least-controversial
{
border
:
3px
solid
#00933b
}
@media
(
min-width
:
920px
){
ul
.tweets
{
width
:
850px
;
-webkit-column-count
:
4
;
-moz-column-count
:
4
;
column-count
:
4
}
ul
.tweets
li
{
width
:
180px
}}
@media
(
max-width
:
550px
){
ul
.articles
{
width
:
320px
}
ul
.articles
li
{
width
:
315px
}}
footer
{
display
:
none
}
header
{
z-index
:
1
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
cursor
:
default
;
width
:
100%
;
height
:
55px
;
line-height
:
55px
;
background
:
#fff
;
border-bottom
:
1px
solid
#efefef
;
position
:
fixed
}
header
>
div
{
padding
:
0
15px
0
5px
;
display
:
inline
}
header
>
div
>
a
.mini
{
display
:
none
}
header
>
div
h1
{
text-align
:
left
;
display
:
inline
;
font-size
:
1.2em
}
header
>
div
span
#subtitle
{
opacity
:
0.4
;
padding-left
:
5px
}
header
>
div
span
#right-header
{
float
:
right
;
padding-right
:
10px
}
header
>
div
form
{
display
:
inline
}
header
>
div
>
form
input
{
padding
:
6px
12px
;
line-height
:
1.5
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border-bottom
:
1px
solid
#d9d9d9
;
margin
:
0
auto
;
height
:
15px
;
width
:
30%
}
header
>
div
>
form
input
:focus
{
background-color
:
#f1f8fb
;
color
:
#2b6dad
}
header
input
[
type
=
'text'
]
.top_loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-position
:
98%
50%
;
background-size
:
20px
20px
}
main
{
padding
:
6em
1em
}
main
input
.loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-size
:
20px
20px
;
padding
:
10px
10px
10px
36px
;
background-position
:
10%
50%
}
main
>
form
{
margin-bottom
:
10px
;
text-align
:
center
}
main
>
form
input
[
type
=
"text"
]
{
margin-bottom
:
10px
;
width
:
275px
;
border-bottom
:
1px
solid
#d9d9d9
}
main
>
form
input
[
type
=
"text"
]
:focus
{
color
:
#2b6dad
;
background-color
:
#f1f8fb
}
main
div
.featured_keywords
{
display
:
table
;
padding-bottom
:
1em
;
margin
:
0
auto
}
main
div
.featured_keywords
dl
.left
{
float
:
left
;
width
:
50%
}
main
div
.featured_keywords
dl
.right
{
float
:
right
;
width
:
50%
}
main
div
.featured_keywords
dt
{
float
:
left
;
width
:
7.5em
;
padding
:
1ex
.5em
0
.5em
;
text-align
:
right
;
font-weight
:
bold
}
main
div
.featured_keywords
dd
{
margin
:
0
0
0
8.5em
;
padding
:
1ex
0.5em
;
text-align
:
left
;
border-left
:
1px
solid
#888
}
main
div
.featured_keywords
dd
span
{
white-space
:
nowrap
}
main
ul
.details
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
;
margin
:
0
0
10px
0
;
padding
:
0
}
main
ul
.details
li
{
display
:
inline
}
main
ul
.details
li
>
span
{
line-height
:
30px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border
:
1px
solid
#d9d9d9
;
padding
:
2px
}
main
article
{
text-align
:
justify
;
line-height
:
150%
}
main
article
a
,
main
article
a
:hover
,
main
article
a
:active
{
border-bottom
:
none
;
color
:
#fff
;
background-color
:
#337ab7
}
main
article
a
{
font-weight
:
700
}
main
article
a
:hover
,
main
article
a
:active
{
background-color
:
#2e6da4
}
main
article
+
p
{
-webkit-transition
:
all
0.3s
ease-in-out
0s
;
-moz-transition
:
all
0.3s
ease-in-out
0s
;
-ms-transition
:
all
0.3s
ease-in-out
0s
;
transition
:
all
0.3s
ease-in-out
0s
;
opacity
:
0.6
}
main
article
+
p
:hover
{
opacity
:
1.0
}
main
mark
{
line-height
:
25px
;
color
:
#2b6dad
;
background-color
:
#f1f8fb
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
padding
:
2px
}
main
.disabled
{
cursor
:
not-allowed
;
background-color
:
#f9f9f9
}
main
.disabled
:active
{
color
:
#fff
;
background-color
:
#edb43a
}
span
.danger
{
color
:
#fff
;
background-color
:
#d43f3a
;
padding
:
2px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
figcaption
{
margin
:
10px
0
10px
0
}
@media
(
max-width
:
700px
){
header
>
div
span
#right-header
,
header
>
div
>
a
{
font-size
:
12px
}
.non-essentials
{
display
:
none
}}
@media
(
max-width
:
520px
){
main
div
.featured_keywords
dl
.left
,
main
div
.featured_keywords
dl
.right
{
float
:
none
}
span
.danger
{
display
:
block
}
input
[
type
=
'text'
]
.top_loading
{
height
:
40px
}}
@media
(
max-width
:
415px
){
header
>
div
>
a
.mini
{
display
:
inline
}
header
>
div
>
a
.lg
{
display
:
none
}}
main
{
padding
:
4em
1em
}
ul
{
margin
:
10px
10px
4em
10px
;
list-style
:
square
}
ul
li
{
margin-left
:
20px
}
ul
p
{
float
:
right
;
text-align
:
right
}
h3
{
border-bottom
:
1px
dashed
#d9d9d9
;
padding
:
5px
;
font-variant
:
small-caps
;
font-weight
:
400
}
ul
.issues_list
{
list-style
:
none
}
form
{
padding
:
5px
;
border
:
1px
solid
#e9e9e9
;
display
:
inline-block
}
form
#bug
b
{
color
:
#f90101
}
form
input
{
color
:
#edb43a
}
@media
(
max-width
:
650px
){
input
{
display
:
block
}}
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
text-decoration
:
underline
;
color
:
inherit
}
a
:hover
{
color
:
#ff0000
;
text-decoration
:
none
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
text-decoration
:
underline
;
color
:
inherit
}
a
:hover
{
color
:
#ff0000
;
text-decoration
:
none
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
ul
.articles
,
ul
.tweets
{
margin
:
0
auto
;
width
:
400px
}
ul
.articles
li
,
ul
.tweets
li
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
}
ul
.articles
{
-webkit-column-count
:
1
;
-moz-column-count
:
1
;
column-count
:
1
;
-webkit-column-gap
:
6px
;
-moz-column-gap
:
6px
;
column-gap
:
6px
}
ul
.articles
li
{
width
:
400px
;
margin-bottom
:
2em
}
ul
.tweets
{
margin-top
:
2em
;
width
:
310px
;
-webkit-column-count
:
2
;
-moz-column-count
:
2
;
column-count
:
2
;
-webkit-column-gap
:
5px
;
-moz-column-gap
:
5px
;
column-gap
:
5px
}
ul
.tweets
li
{
width
:
150px
;
margin-bottom
:
5px
}
div
.article
,
div
.tweet
{
padding-bottom
:
10px
;
background-color
:
#fff
;
border
:
2px
solid
#efefef
;
position
:
relative
;
font-size
:
14px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
div
.article
p
{
padding
:
5px
}
div
.article
a
.title
{
color
:
#000
;
padding
:
3px
5px
5px
5px
;
margin-top
:
5px
;
margin-bottom
:
2px
;
font-size
:
28px
;
display
:
block
;
border-bottom
:
none
}
div
.article
p
.url
{
padding
:
5px
;
border-top
:
1px
solid
#e5e5e5
;
background-image
:
url("img/url.png")
;
background-repeat
:
no-repeat
;
padding
:
10px
0
0
30px
;
height
:
30px
;
display
:
block
;
margin-bottom
:
-10px
}
div
.article
p
.url
a
{
border-bottom
:
none
;
color
:
#04bff4
;
text-decoration
:
none
;
width
:
385px
;
display
:
block
;
position
:
relative
}
div
.article
img
{
width
:
100%
}
div
.tweet
{
-webkit-transition
:
all
0.4s
ease-in-out
0s
;
-moz-transition
:
all
0.4s
ease-in-out
0s
;
-ms-transition
:
all
0.4s
ease-in-out
0s
;
transition
:
all
0.4s
ease-in-out
0s
;
padding
:
2px
;
overflow
:
hidden
}
div
.tweet
a
{
color
:
inherit
;
text-decoration
:
none
}
div
.mad
{
border
:
2px
solid
#f90101
}
div
.happy
{
border
:
2px
solid
#00933b
}
div
.hovering
{
color
:
#000
}
div
.no-hover
{
color
:
#c3c3c3
;
border
:
2px
solid
#f9f9f9
}
div
.most-controversial
{
border
:
3px
solid
#f90101
}
div
.least-controversial
{
border
:
3px
solid
#00933b
}
@media
(
min-width
:
920px
){
ul
.tweets
{
width
:
850px
;
-webkit-column-count
:
4
;
-moz-column-count
:
4
;
column-count
:
4
}
ul
.tweets
li
{
width
:
180px
}}
@media
(
max-width
:
550px
){
ul
.articles
{
width
:
320px
}
ul
.articles
li
{
width
:
315px
}}
footer
{
display
:
none
}
header
{
z-index
:
1
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
cursor
:
default
;
width
:
100%
;
height
:
55px
;
line-height
:
55px
;
background
:
#fff
;
border-bottom
:
1px
solid
#efefef
;
position
:
fixed
}
header
>
div
{
padding
:
0
15px
0
5px
;
display
:
inline
}
header
>
div
>
a
.mini
{
display
:
none
}
header
>
div
h1
{
text-align
:
left
;
display
:
inline
;
font-size
:
1.2em
}
header
>
div
span
#subtitle
{
opacity
:
0.4
;
padding-left
:
5px
}
header
>
div
span
#right-header
{
float
:
right
;
padding-right
:
10px
}
header
>
div
form
{
display
:
inline
}
header
>
div
>
form
input
{
padding
:
6px
12px
;
line-height
:
1.5
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border-bottom
:
1px
solid
#d9d9d9
;
margin
:
0
auto
;
height
:
15px
;
width
:
30%
}
header
>
div
>
form
input
:focus
{
background-color
:
#f1f8fb
;
color
:
#2b6dad
}
header
input
[
type
=
'text'
]
.top_loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-position
:
98%
50%
;
background-size
:
20px
20px
}
main
{
padding
:
6em
1em
}
main
input
.loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-size
:
20px
20px
;
padding
:
10px
10px
10px
36px
;
background-position
:
10%
50%
}
main
>
form
{
margin-bottom
:
10px
;
text-align
:
center
}
main
>
form
input
[
type
=
"text"
]
{
margin-bottom
:
10px
;
width
:
275px
;
border-bottom
:
1px
solid
#d9d9d9
}
main
>
form
input
[
type
=
"text"
]
:focus
{
color
:
#2b6dad
;
background-color
:
#f1f8fb
}
main
div
.featured_keywords
{
display
:
table
;
padding-bottom
:
1em
;
margin
:
0
auto
}
main
div
.featured_keywords
dl
.left
{
float
:
left
;
width
:
50%
}
main
div
.featured_keywords
dl
.right
{
float
:
right
;
width
:
50%
}
main
div
.featured_keywords
dt
{
float
:
left
;
width
:
7.5em
;
padding
:
1ex
.5em
0
.5em
;
text-align
:
right
;
font-weight
:
bold
}
main
div
.featured_keywords
dd
{
margin
:
0
0
0
8.5em
;
padding
:
1ex
0.5em
;
text-align
:
left
;
border-left
:
1px
solid
#888
}
main
div
.featured_keywords
dd
span
{
white-space
:
nowrap
}
main
ul
.details
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
;
margin
:
0
0
10px
0
;
padding
:
0
}
main
ul
.details
li
{
display
:
inline
}
main
ul
.details
li
>
span
{
line-height
:
30px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border
:
1px
solid
#d9d9d9
;
padding
:
2px
}
main
article
{
text-align
:
justify
;
line-height
:
150%
}
main
article
a
,
main
article
a
:hover
,
main
article
a
:active
{
border-bottom
:
none
;
color
:
#fff
;
background-color
:
#337ab7
}
main
article
a
{
font-weight
:
700
}
main
article
a
:hover
,
main
article
a
:active
{
background-color
:
#2e6da4
}
main
article
+
p
{
-webkit-transition
:
all
0.3s
ease-in-out
0s
;
-moz-transition
:
all
0.3s
ease-in-out
0s
;
-ms-transition
:
all
0.3s
ease-in-out
0s
;
transition
:
all
0.3s
ease-in-out
0s
;
opacity
:
0.6
}
main
article
+
p
:hover
{
opacity
:
1.0
}
main
mark
{
line-height
:
25px
;
color
:
#2b6dad
;
background-color
:
#f1f8fb
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
padding
:
2px
}
main
.disabled
{
cursor
:
not-allowed
;
background-color
:
#f9f9f9
}
main
.disabled
:active
{
color
:
#fff
;
background-color
:
#edb43a
}
span
.danger
{
color
:
#fff
;
background-color
:
#d43f3a
;
padding
:
2px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
figcaption
{
margin
:
10px
0
10px
0
}
@media
(
max-width
:
700px
){
header
>
div
span
#right-header
,
header
>
div
>
a
{
font-size
:
12px
}
.non-essentials
{
display
:
none
}}
@media
(
max-width
:
520px
){
main
div
.featured_keywords
dl
.left
,
main
div
.featured_keywords
dl
.right
{
float
:
none
}
span
.danger
{
display
:
block
}
input
[
type
=
'text'
]
.top_loading
{
height
:
40px
}}
@media
(
max-width
:
415px
){
header
>
div
>
a
.mini
{
display
:
inline
}
header
>
div
>
a
.lg
{
display
:
none
}}
main
{
padding
:
4em
1em
}
ul
{
margin
:
10px
10px
4em
10px
;
list-style
:
square
}
ul
li
{
margin-left
:
20px
}
ul
p
{
float
:
right
;
text-align
:
right
}
h3
{
border-bottom
:
1px
dashed
#d9d9d9
;
padding
:
5px
;
font-variant
:
small-caps
;
font-weight
:
400
}
ul
.issues_list
{
list-style
:
none
}
form
{
padding
:
5px
;
border
:
1px
solid
#e9e9e9
;
display
:
inline-block
}
form
#bug
b
{
color
:
#f90101
}
form
input
{
color
:
#edb43a
}
@media
(
max-width
:
650px
){
input
{
display
:
block
}}
/*# sourceMappingURL=account.css.map */
controversy/static/app.css
View file @
919e5db2
This diff is collapsed.
Click to expand it.
controversy/static/home.css
View file @
919e5db2
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
color
:
#303c3c
;
border-bottom
:
1px
solid
#808080
;
text-decoration
:
none
;
-webkit-transition
:
all
0.1s
ease-in-out
0s
;
-moz-transition
:
all
0.1s
ease-in-out
0s
;
-ms-transition
:
all
0.1s
ease-in-out
0s
;
transition
:
all
0.1s
ease-in-out
0s
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
ul
.articles
,
ul
.tweets
{
margin
:
0
auto
;
width
:
400px
}
ul
.articles
li
,
ul
.tweets
li
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
}
ul
.articles
{
-webkit-column-count
:
1
;
-moz-column-count
:
1
;
column-count
:
1
;
-webkit-column-gap
:
6px
;
-moz-column-gap
:
6px
;
column-gap
:
6px
}
ul
.articles
li
{
width
:
400px
;
margin-bottom
:
2em
}
ul
.tweets
{
margin-top
:
2em
;
width
:
310px
;
-webkit-column-count
:
2
;
-moz-column-count
:
2
;
column-count
:
2
;
-webkit-column-gap
:
5px
;
-moz-column-gap
:
5px
;
column-gap
:
5px
}
ul
.tweets
li
{
width
:
150px
;
margin-bottom
:
5px
}
div
.article
,
div
.tweet
{
padding-bottom
:
10px
;
background-color
:
#fff
;
border
:
2px
solid
#efefef
;
position
:
relative
;
font-size
:
14px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
div
.article
p
{
padding
:
5px
}
div
.article
a
.title
{
color
:
#000
;
padding
:
3px
5px
5px
5px
;
margin-top
:
5px
;
margin-bottom
:
2px
;
font-size
:
28px
;
display
:
block
;
border-bottom
:
none
}
div
.article
p
.url
{
padding
:
5px
;
border-top
:
1px
solid
#e5e5e5
;
background-image
:
url("img/url.png")
;
background-repeat
:
no-repeat
;
padding
:
10px
0
0
30px
;
height
:
30px
;
display
:
block
;
margin-bottom
:
-10px
}
div
.article
p
.url
a
{
border-bottom
:
none
;
color
:
#04bff4
;
text-decoration
:
none
;
width
:
385px
;
display
:
block
;
position
:
relative
}
div
.article
img
{
width
:
100%
}
div
.tweet
{
-webkit-transition
:
all
0.4s
ease-in-out
0s
;
-moz-transition
:
all
0.4s
ease-in-out
0s
;
-ms-transition
:
all
0.4s
ease-in-out
0s
;
transition
:
all
0.4s
ease-in-out
0s
;
padding
:
2px
;
overflow
:
hidden
}
div
.tweet
a
{
color
:
inherit
;
text-decoration
:
none
}
div
.mad
{
border
:
2px
solid
#f90101
}
div
.happy
{
border
:
2px
solid
#00933b
}
div
.hovering
{
color
:
#000
}
div
.no-hover
{
color
:
#c3c3c3
;
border
:
2px
solid
#f9f9f9
}
div
.most-controversial
{
border
:
3px
solid
#f90101
}
div
.least-controversial
{
border
:
3px
solid
#00933b
}
@media
(
min-width
:
920px
){
ul
.tweets
{
width
:
850px
;
-webkit-column-count
:
4
;
-moz-column-count
:
4
;
column-count
:
4
}
ul
.tweets
li
{
width
:
180px
}}
@media
(
max-width
:
550px
){
ul
.articles
{
width
:
320px
}
ul
.articles
li
{
width
:
315px
}}
footer
{
display
:
none
}
header
{
z-index
:
1
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
cursor
:
default
;
width
:
100%
;
height
:
55px
;
line-height
:
55px
;
background
:
#fff
;
border-bottom
:
1px
solid
#efefef
;
position
:
fixed
}
header
>
div
{
padding
:
0
15px
0
5px
;
display
:
inline
}
header
>
div
>
a
.mini
{
display
:
none
}
header
>
div
h1
{
text-align
:
left
;
display
:
inline
;
font-size
:
1.2em
}
header
>
div
span
#subtitle
{
opacity
:
0.4
;
padding-left
:
5px
}
header
>
div
span
#right-header
{
float
:
right
;
padding-right
:
10px
}
header
>
div
form
{
display
:
inline
}
header
>
div
>
form
input
{
padding
:
6px
12px
;
line-height
:
1.5
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border-bottom
:
1px
solid
#d9d9d9
;
margin
:
0
auto
;
height
:
15px
;
width
:
30%
}
header
>
div
>
form
input
:focus
{
background-color
:
#f1f8fb
;
color
:
#2b6dad
}
header
input
[
type
=
'text'
]
.top_loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-position
:
98%
50%
;
background-size
:
20px
20px
}
main
{
padding
:
6em
1em
}
main
input
.loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-size
:
20px
20px
;
padding
:
10px
10px
10px
36px
;
background-position
:
10%
50%
}
main
>
form
{
margin-bottom
:
10px
;
text-align
:
center
}
main
>
form
input
[
type
=
"text"
]
{
margin-bottom
:
10px
;
width
:
275px
;
border-bottom
:
1px
solid
#d9d9d9
}
main
>
form
input
[
type
=
"text"
]
:focus
{
color
:
#2b6dad
;
background-color
:
#f1f8fb
}
main
div
.featured_keywords
{
display
:
table
;
padding-bottom
:
1em
;
margin
:
0
auto
}
main
div
.featured_keywords
dl
.left
{
float
:
left
;
width
:
50%
}
main
div
.featured_keywords
dl
.right
{
float
:
right
;
width
:
50%
}
main
div
.featured_keywords
dt
{
float
:
left
;
width
:
7.5em
;
padding
:
1ex
.5em
0
.5em
;
text-align
:
right
;
font-weight
:
bold
}
main
div
.featured_keywords
dd
{
margin
:
0
0
0
8.5em
;
padding
:
1ex
0.5em
;
text-align
:
left
;
border-left
:
1px
solid
#888
}
main
div
.featured_keywords
dd
span
{
white-space
:
nowrap
}
main
ul
.details
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
;
margin
:
0
0
10px
0
;
padding
:
0
}
main
ul
.details
li
{
display
:
inline
}
main
ul
.details
li
>
span
{
line-height
:
30px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border
:
1px
solid
#d9d9d9
;
padding
:
2px
}
main
article
{
text-align
:
justify
;
line-height
:
150%
}
main
article
a
,
main
article
a
:hover
,
main
article
a
:active
{
border-bottom
:
none
;
color
:
#fff
;
background-color
:
#337ab7
}
main
article
a
{
font-weight
:
700
}
main
article
a
:hover
,
main
article
a
:active
{
background-color
:
#2e6da4
}
main
article
+
p
{
-webkit-transition
:
all
0.3s
ease-in-out
0s
;
-moz-transition
:
all
0.3s
ease-in-out
0s
;
-ms-transition
:
all
0.3s
ease-in-out
0s
;
transition
:
all
0.3s
ease-in-out
0s
;
opacity
:
0.6
}
main
article
+
p
:hover
{
opacity
:
1.0
}
main
mark
{
line-height
:
25px
;
color
:
#2b6dad
;
background-color
:
#f1f8fb
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
padding
:
2px
}
main
.disabled
{
cursor
:
not-allowed
;
background-color
:
#f9f9f9
}
main
.disabled
:active
{
color
:
#fff
;
background-color
:
#edb43a
}
span
.danger
{
color
:
#fff
;
background-color
:
#d43f3a
;
padding
:
2px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
figcaption
{
margin
:
10px
0
10px
0
}
@media
(
max-width
:
700px
){
header
>
div
span
#right-header
,
header
>
div
>
a
{
font-size
:
12px
}
.non-essentials
{
display
:
none
}}
@media
(
max-width
:
520px
){
main
div
.featured_keywords
dl
.left
,
main
div
.featured_keywords
dl
.right
{
float
:
none
}
span
.danger
{
display
:
block
}
input
[
type
=
'text'
]
.top_loading
{
height
:
40px
}}
@media
(
max-width
:
415px
){
header
>
div
>
a
.mini
{
display
:
inline
}
header
>
div
>
a
.lg
{
display
:
none
}}
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
text-decoration
:
underline
;
color
:
inherit
}
a
:hover
{
color
:
#ff0000
;
text-decoration
:
none
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
ul
.articles
,
ul
.tweets
{
margin
:
0
auto
;
width
:
400px
}
ul
.articles
li
,
ul
.tweets
li
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
}
ul
.articles
{
-webkit-column-count
:
1
;
-moz-column-count
:
1
;
column-count
:
1
;
-webkit-column-gap
:
6px
;
-moz-column-gap
:
6px
;
column-gap
:
6px
}
ul
.articles
li
{
width
:
400px
;
margin-bottom
:
2em
}
ul
.tweets
{
margin-top
:
2em
;
width
:
310px
;
-webkit-column-count
:
2
;
-moz-column-count
:
2
;
column-count
:
2
;
-webkit-column-gap
:
5px
;
-moz-column-gap
:
5px
;
column-gap
:
5px
}
ul
.tweets
li
{
width
:
150px
;
margin-bottom
:
5px
}
div
.article
,
div
.tweet
{
padding-bottom
:
10px
;
background-color
:
#fff
;
border
:
2px
solid
#efefef
;
position
:
relative
;
font-size
:
14px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
div
.article
p
{
padding
:
5px
}
div
.article
a
.title
{
color
:
#000
;
padding
:
3px
5px
5px
5px
;
margin-top
:
5px
;
margin-bottom
:
2px
;
font-size
:
28px
;
display
:
block
;
border-bottom
:
none
}
div
.article
p
.url
{
padding
:
5px
;
border-top
:
1px
solid
#e5e5e5
;
background-image
:
url("img/url.png")
;
background-repeat
:
no-repeat
;
padding
:
10px
0
0
30px
;
height
:
30px
;
display
:
block
;
margin-bottom
:
-10px
}
div
.article
p
.url
a
{
border-bottom
:
none
;
color
:
#04bff4
;
text-decoration
:
none
;
width
:
385px
;
display
:
block
;
position
:
relative
}
div
.article
img
{
width
:
100%
}
div
.tweet
{
-webkit-transition
:
all
0.4s
ease-in-out
0s
;
-moz-transition
:
all
0.4s
ease-in-out
0s
;
-ms-transition
:
all
0.4s
ease-in-out
0s
;
transition
:
all
0.4s
ease-in-out
0s
;
padding
:
2px
;
overflow
:
hidden
}
div
.tweet
a
{
color
:
inherit
;
text-decoration
:
none
}
div
.mad
{
border
:
2px
solid
#f90101
}
div
.happy
{
border
:
2px
solid
#00933b
}
div
.hovering
{
color
:
#000
}
div
.no-hover
{
color
:
#c3c3c3
;
border
:
2px
solid
#f9f9f9
}
div
.most-controversial
{
border
:
3px
solid
#f90101
}
div
.least-controversial
{
border
:
3px
solid
#00933b
}
@media
(
min-width
:
920px
){
ul
.tweets
{
width
:
850px
;
-webkit-column-count
:
4
;
-moz-column-count
:
4
;
column-count
:
4
}
ul
.tweets
li
{
width
:
180px
}}
@media
(
max-width
:
550px
){
ul
.articles
{
width
:
320px
}
ul
.articles
li
{
width
:
315px
}}
footer
{
display
:
none
}
header
{
z-index
:
1
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
cursor
:
default
;
width
:
100%
;
height
:
55px
;
line-height
:
55px
;
background
:
#fff
;
border-bottom
:
1px
solid
#efefef
;
position
:
fixed
}
header
>
div
{
padding
:
0
15px
0
5px
;
display
:
inline
}
header
>
div
>
a
.mini
{
display
:
none
}
header
>
div
h1
{
text-align
:
left
;
display
:
inline
;
font-size
:
1.2em
}
header
>
div
span
#subtitle
{
opacity
:
0.4
;
padding-left
:
5px
}
header
>
div
span
#right-header
{
float
:
right
;
padding-right
:
10px
}
header
>
div
form
{
display
:
inline
}
header
>
div
>
form
input
{
padding
:
6px
12px
;
line-height
:
1.5
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border-bottom
:
1px
solid
#d9d9d9
;
margin
:
0
auto
;
height
:
15px
;
width
:
30%
}
header
>
div
>
form
input
:focus
{
background-color
:
#f1f8fb
;
color
:
#2b6dad
}
header
input
[
type
=
'text'
]
.top_loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-position
:
98%
50%
;
background-size
:
20px
20px
}
main
{
padding
:
6em
1em
}
main
input
.loading
{
background
:
url("img/loading.gif")
no-repeat
;
background-size
:
20px
20px
;
padding
:
10px
10px
10px
36px
;
background-position
:
10%
50%
}
main
>
form
{
margin-bottom
:
10px
;
text-align
:
center
}
main
>
form
input
[
type
=
"text"
]
{
margin-bottom
:
10px
;
width
:
275px
;
border-bottom
:
1px
solid
#d9d9d9
}
main
>
form
input
[
type
=
"text"
]
:focus
{
color
:
#2b6dad
;
background-color
:
#f1f8fb
}
main
div
.featured_keywords
{
display
:
table
;
padding-bottom
:
1em
;
margin
:
0
auto
}
main
div
.featured_keywords
dl
.left
{
float
:
left
;
width
:
50%
}
main
div
.featured_keywords
dl
.right
{
float
:
right
;
width
:
50%
}
main
div
.featured_keywords
dt
{
float
:
left
;
width
:
7.5em
;
padding
:
1ex
.5em
0
.5em
;
text-align
:
right
;
font-weight
:
bold
}
main
div
.featured_keywords
dd
{
margin
:
0
0
0
8.5em
;
padding
:
1ex
0.5em
;
text-align
:
left
;
border-left
:
1px
solid
#888
}
main
div
.featured_keywords
dd
span
{
white-space
:
nowrap
}
main
ul
.details
{
-webkit-column-break-inside
:
avoid
;
-moz-column-break-inside
:
avoid
;
-ms-column-break-inside
:
avoid
;
column-break-inside
:
avoid
;
list-style
:
none
;
margin
:
0
0
10px
0
;
padding
:
0
}
main
ul
.details
li
{
display
:
inline
}
main
ul
.details
li
>
span
{
line-height
:
30px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
border
:
1px
solid
#d9d9d9
;
padding
:
2px
}
main
article
{
text-align
:
justify
;
line-height
:
150%
}
main
article
a
,
main
article
a
:hover
,
main
article
a
:active
{
border-bottom
:
none
;
color
:
#fff
;
background-color
:
#337ab7
}
main
article
a
{
font-weight
:
700
}
main
article
a
:hover
,
main
article
a
:active
{
background-color
:
#2e6da4
}
main
article
+
p
{
-webkit-transition
:
all
0.3s
ease-in-out
0s
;
-moz-transition
:
all
0.3s
ease-in-out
0s
;
-ms-transition
:
all
0.3s
ease-in-out
0s
;
transition
:
all
0.3s
ease-in-out
0s
;
opacity
:
0.6
}
main
article
+
p
:hover
{
opacity
:
1.0
}
main
mark
{
line-height
:
25px
;
color
:
#2b6dad
;
background-color
:
#f1f8fb
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
padding
:
2px
}
main
.disabled
{
cursor
:
not-allowed
;
background-color
:
#f9f9f9
}
main
.disabled
:active
{
color
:
#fff
;
background-color
:
#edb43a
}
span
.danger
{
color
:
#fff
;
background-color
:
#d43f3a
;
padding
:
2px
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
}
figcaption
{
margin
:
10px
0
10px
0
}
@media
(
max-width
:
700px
){
header
>
div
span
#right-header
,
header
>
div
>
a
{
font-size
:
12px
}
.non-essentials
{
display
:
none
}}
@media
(
max-width
:
520px
){
main
div
.featured_keywords
dl
.left
,
main
div
.featured_keywords
dl
.right
{
float
:
none
}
span
.danger
{
display
:
block
}
input
[
type
=
'text'
]
.top_loading
{
height
:
40px
}}
@media
(
max-width
:
415px
){
header
>
div
>
a
.mini
{
display
:
inline
}
header
>
div
>
a
.lg
{
display
:
none
}}
/*# sourceMappingURL=home.css.map */
controversy/static/login.css
View file @
919e5db2
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
color
:
#303c3c
;
border-bottom
:
1px
solid
#808080
;
text-decoration
:
none
;
-webkit-transition
:
all
0.1s
ease-in-out
0s
;
-moz-transition
:
all
0.1s
ease-in-out
0s
;
-ms-transition
:
all
0.1s
ease-in-out
0s
;
transition
:
all
0.1s
ease-in-out
0s
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
div
#login
{
padding
:
1px
5px
20px
5px
;
text-align
:
center
;
-webkit-box-shadow
:
0
1px
2px
2px
#eee
;
-moz-box-shadow
:
0
1px
2px
2px
#eee
;
-ms-box-shadow
:
0
1px
2px
2px
#eee
;
box-shadow
:
0
1px
2px
2px
#eee
;
width
:
450px
;
margin
:
5em
auto
0
auto
}
div
#login
form
{
margin-top
:
10px
}
div
#login
center
{
margin-top
:
1em
}
div
#login
div
.g-recaptcha
{
display
:
table
;
margin
:
0
auto
}
div
#login
h2
{
font-size
:
1.1em
;
margin
:
20px
0
5px
0
}
@media
(
max-width
:
520px
){
div
#login
{
width
:
350px
}}
@media
(
max-width
:
390px
){
div
#login
{
width
:
320px
}}
@media
(
max-width
:
330px
){
div
#login
{
width
:
290px
}}
html
,
ul
,
body
,
header
,
input
,
span
,
form
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
body
{
font-family
:
"Palatino LT"
,
"Palatino Linotype"
,
Palatino
,
Baskerville
,
"Bodoni MT"
,
Garamond
,
Trebuchet
,
serif
!important
;
font-variant-numeric
:
oldstyle-nums
diagonal-fractions
slashed-zero
;
text-rendering
:
optimizeLegibility
;
font-size
:
1em
;
word-wrap
:
break-word
}
h1
,
h2
,
h3
,
h4
,
h5
{
font-family
:
"Zapf Humanist 601"
,
Optima
,
"Optima Nova"
,
"URW Imperial"
,
Amira
,
"Chianti BT"
,
sans-serif
!important
;
font-weight
:
700
!important
}
h1
,
h2
,
h3
,
h4
,
h5
{
text-transform
:
uppercase
}
h1
{
font-size
:
130%
}
h2
{
font-size
:
110%
}
h3
{
font-size
:
90%
}
h4
{
font-size
:
75%
}
h5
{
font-size
:
60%
}
input
{
outline
:
0
;
box-shadow
:
none
}
img
{
max-width
:
100%
;
height
:
auto
;
margin
:
auto
}
a
{
line-height
:
130%
;
word-wrap
:
break-word
;
text-decoration
:
underline
;
color
:
inherit
}
a
:hover
{
color
:
#ff0000
;
text-decoration
:
none
}
input
.field
{
padding
:
6px
12px
;
color
:
#555
;
border-bottom
:
1px
dashed
#d9d9d9
;
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
-ms-border-radius
:
1px
;
border-radius
:
1px
;
margin
:
0
auto
;
margin-bottom
:
5px
;
height
:
20px
;
width
:
70%
;
text-align
:
center
}
input
[
type
=
"submit"
]
{
cursor
:
pointer
;
min-width
:
100px
;
height
:
40px
;
background-color
:
#e9e9e9
;
border
:
1px
solid
#c3c3c3
;
color
:
#333
;
padding
:
4px
;
outline
:
0
;
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
-ms-border-radius
:
2px
;
border-radius
:
2px
;
-webkit-transition
:
all
0.15s
ease-in-out
0s
;
-moz-transition
:
all
0.15s
ease-in-out
0s
;
-ms-transition
:
all
0.15s
ease-in-out
0s
;
transition
:
all
0.15s
ease-in-out
0s
}
input
[
type
=
"submit"
]
:hover
{
border
:
1px
solid
#a3a3a3
}
input
[
type
=
"submit"
]
:focus
,
input
[
type
=
"submit"
]
:active
{
outline
:
0
}
input
[
type
=
"submit"
]
:active
{
-webkit-box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
);
box-shadow
:
inset
0
3px
5px
rgba
(
0
,
0
,
0
,
0.125
)}
input
::-moz-focus-inner
{
border
:
0
}
footer
{
margin
:
5em
0
0.5em
0
;
width
:
95%
;
color
:
#b0b0b0
;
font-size
:
12px
;
text-align
:
center
}
footer
p
{
padding-top
:
10px
}
div
#message
,
div
#error
{
position
:
fixed
;
font-size
:
90%
;
overflow
:
hidden
;
padding
:
3px
;
top
:
0
;
background-color
:
#a3a3a3
;
color
:
#fff
;
text-align
:
center
;
width
:
100%
}
div
#message
a
,
div
#error
a
{
color
:
#fff
}
div
#error
{
background-color
:
#edb43a
}
html
{
border-top
:
3px
solid
#ff0000
}
div
#login
{
padding
:
1px
5px
20px
5px
;
text-align
:
center
;
-webkit-box-shadow
:
0
1px
2px
2px
#eee
;
-moz-box-shadow
:
0
1px
2px
2px
#eee
;
-ms-box-shadow
:
0
1px
2px
2px
#eee
;
box-shadow
:
0
1px
2px
2px
#eee
;
width
:
450px
;
margin
:
5em
auto
0
auto
}
div
#login
form
{
margin-top
:
10px
}
div
#login
center
{
margin-top
:
1em
}
div
#login
div
.g-recaptcha
{
display
:
table
;
margin
:
0
auto
}
div
#login
h2
{
font-size
:
1.1em
;
margin
:
20px
0
5px
0
}
@media
(
max-width
:
520px
){
div
#login
{
width
:
350px
}}
@media
(
max-width
:
390px
){
div
#login
{
width
:
320px
}}
@media
(
max-width
:
330px
){
div
#login
{
width
:
290px
}}
/*# sourceMappingURL=login.css.map */
controversy/static/login.scss
View file @
919e5db2
@import
'style'
;
html
{
border-top
:
3px
solid
#ff0000
;
}
div
#login
{
padding
:
1px
5px
20px
5px
;
text-align
:
center
;
...
...
Write
Preview
Supports
Markdown
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