/
theme-paper.sass
111 lines (99 loc) · 2.64 KB
/
theme-paper.sass
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
@import "variables"
body.theme-paper
color: $paper-theme-dark-grey
font-family: $font-paper-copy
background-color: $paper-theme-light-grey
background-image: url('brain-light.jpg')
background-position: top center
background-repeat: no-repeat
a
color: $paper-theme-color-links
&:hover
color: $paper-theme-color-links-hover
#nav-bar
#nav-links
#recent-thought-walls
border: solid 1px $paper-theme-dark-grey
background-color: $paper-theme-light-grey
#content
#overlay
background-color: $paper-theme-light-grey
#overlay-close
background-color: $paper-theme-light-grey
border-color: $paper-theme-dark-grey
#overlay-content
.collaboration-div
.thought-box-overlay-background
background-color: $paper-theme-light-grey
.thought-box-overlay
.thought-overlay
.thought-box
border: 1px solid $paper-theme-dark-grey
.thought
.thought-bottom-section-standard
background-color: $paper-theme-yellowed
.thought-top-section-overlay
background-color: $paper-theme-yellowed
.thought-controls
.thought-controls-overlay
.thought-votes-overlay
.thought-votes
.thought-histories-box
border: 1px solid #1b1b1b
background-color: $paper-theme-yellowed
.thought-history-entry
border: 1px solid $paper-theme-dark-grey
.thought-history-text
@extend .thought
margin-top: 0px
.thought-history-controls
@extend .thought-controls
.thought-history-bottom-section
background-color: $paper-theme-yellowed
#thought-wall-form
#update_thought_wall_spinner
#thought-form
@extend .thought-box
font-family: $font-paper-copy
.new-thought-box
#thought-new-remaining-characters
.positive
background: rgba(155, 255, 48, 0.6)
.neutral
.negative
background: rgba(0, 180, 255, 0.6)
input
border: 1px solid
font-family: $font-paper-headline
color: $paper-theme-dark-grey
background-color: $paper-theme-light-grey
#thought-form textarea
@extend input
background-color: $paper-theme-mellow-grey
font-family: $font-paper-copy
width: 210px
height: 225px
overflow: auto
resize: none
#thought-edit textarea
@extend input
background-color: $paper-theme-mellow-grey
font-family: $font-paper-copy
width: 210px
height: 95px
#thought-edit-overlay
height: 100%
#thought-edit-overlay form
height: 100%
#thought-edit-overlay textarea
@extend input
background-color: $paper-theme-mellow-grey
font-family: $font-paper-copy
font-size: $size-medium
width: 95%
height: 85%
.thought-add-button
float: right
.title-entry
font-size: $size-big
width: 95%