modelo_minuta
Last change
on this file since 101698b was
1b91e02,
checked in by aosorio <aosorio@…>, 8 years ago
|
Version para desarrollo local
|
-
Property mode set to
100755
|
File size:
3.8 KB
|
Line | |
---|
1 | #single-post-container { |
---|
2 | padding-top: 20px; |
---|
3 | } |
---|
4 | |
---|
5 | #single-post-content { |
---|
6 | border-right: solid 1px #cccccc; |
---|
7 | padding-right: 12px; |
---|
8 | #head { |
---|
9 | padding-bottom: 10px; |
---|
10 | border-bottom: 1px solid $border-grey; |
---|
11 | #post-info { |
---|
12 | .author{ color: $grey; } |
---|
13 | .info { |
---|
14 | color: lighten($text-grey,10%); |
---|
15 | font-size: 12px; |
---|
16 | .post-time a { color: $text-grey; } |
---|
17 | .post_scope { margin-right: 5px; } |
---|
18 | .status-message-location { |
---|
19 | padding-top: 2px; |
---|
20 | line-height: $font-size-text; |
---|
21 | } |
---|
22 | } |
---|
23 | .avatar.medium { |
---|
24 | max-width: 75px; |
---|
25 | } |
---|
26 | .bd { |
---|
27 | padding-left: 10px; |
---|
28 | } |
---|
29 | } |
---|
30 | .row-fluid.reshare { |
---|
31 | border-top: 1px solid lighten($border-grey,5%); |
---|
32 | padding-top: 10px; |
---|
33 | margin-top: 10px; |
---|
34 | } |
---|
35 | #reshare-info { |
---|
36 | line-height: 15px; |
---|
37 | i.retweet { |
---|
38 | color: $text-dark-grey; |
---|
39 | font-size: 28px; |
---|
40 | line-height: 30px; |
---|
41 | margin-left: 8px; |
---|
42 | margin-right: 8px; |
---|
43 | } |
---|
44 | .post-context { |
---|
45 | font-size: 12px; |
---|
46 | |
---|
47 | #single-post-moderation { |
---|
48 | margin-left: 5px; |
---|
49 | |
---|
50 | > div.info { |
---|
51 | display: inline-block; |
---|
52 | } |
---|
53 | } |
---|
54 | } |
---|
55 | .post-time a { |
---|
56 | color: $text-grey; |
---|
57 | font-size: 12px; |
---|
58 | } |
---|
59 | .avatar { |
---|
60 | height: 30px; |
---|
61 | width: 30px; |
---|
62 | } |
---|
63 | .img { margin-right: 10px; } |
---|
64 | } |
---|
65 | #single-post-actions { |
---|
66 | padding-right: 5px; |
---|
67 | i { |
---|
68 | font-size: 28px; |
---|
69 | line-height: 30px; |
---|
70 | } |
---|
71 | i.comment:hover { |
---|
72 | color: #424242; |
---|
73 | } |
---|
74 | .post_report i.gray:hover { |
---|
75 | color: $red; |
---|
76 | } |
---|
77 | i.heart.gray:hover { |
---|
78 | color: $red; |
---|
79 | } |
---|
80 | i.heart.red:hover { |
---|
81 | color: #f55f5a; |
---|
82 | } |
---|
83 | i.retweet:hover { |
---|
84 | color: #3f8fba; |
---|
85 | } |
---|
86 | time { |
---|
87 | float: right; |
---|
88 | margin-left: 3px; |
---|
89 | } |
---|
90 | a { |
---|
91 | margin: 0 0 0 6px; |
---|
92 | &:hover { |
---|
93 | text-decoration: none; |
---|
94 | } |
---|
95 | } |
---|
96 | } |
---|
97 | #single-post-moderation { |
---|
98 | a:hover { |
---|
99 | text-decoration: none; |
---|
100 | } |
---|
101 | i { |
---|
102 | padding-right: 5px; |
---|
103 | vertical-align: top; |
---|
104 | &:hover { |
---|
105 | color: #424242; |
---|
106 | } |
---|
107 | } |
---|
108 | a.post_report > i { |
---|
109 | font-size: $font-size-text; |
---|
110 | } |
---|
111 | i.cross { |
---|
112 | font-size: 20px; |
---|
113 | } |
---|
114 | } |
---|
115 | } |
---|
116 | |
---|
117 | #body { |
---|
118 | margin-left: 20px; |
---|
119 | padding-top: 20px; |
---|
120 | width: auto; |
---|
121 | p { |
---|
122 | margin: 0 0 1em 0; |
---|
123 | word-wrap: break-word; |
---|
124 | } |
---|
125 | .photo_attachments { |
---|
126 | padding-bottom: 10px; |
---|
127 | text-align: center; |
---|
128 | img { |
---|
129 | &.big_stream_photo { |
---|
130 | display: block; |
---|
131 | max-width: 90%; |
---|
132 | } |
---|
133 | &.thumb_small { |
---|
134 | display: inline; |
---|
135 | max-width: 50px; |
---|
136 | max-height: 50px; |
---|
137 | } |
---|
138 | margin-left: auto; |
---|
139 | margin-right: auto; |
---|
140 | padding-bottom: 5px; |
---|
141 | } |
---|
142 | } |
---|
143 | .oembed { |
---|
144 | background: image-url("ajax-loader2.gif") no-repeat center center; |
---|
145 | float: left; |
---|
146 | width: 95%; |
---|
147 | .thumb { |
---|
148 | @include video-overlay; |
---|
149 | } |
---|
150 | iframe, .thumb img { |
---|
151 | width: 100%; |
---|
152 | min-height: 60%; |
---|
153 | } |
---|
154 | } |
---|
155 | } |
---|
156 | } |
---|
157 | |
---|
158 | #single-post-interactions { |
---|
159 | border-left: 1px solid #cccccc; |
---|
160 | position: relative; |
---|
161 | left: -1px; |
---|
162 | margin-left: 0; |
---|
163 | padding-left: 15px; |
---|
164 | |
---|
165 | .comment.media .img { |
---|
166 | margin-left: 5px; |
---|
167 | } |
---|
168 | |
---|
169 | .no_comments { |
---|
170 | padding-top: 10px; |
---|
171 | padding-bottom: 10px; |
---|
172 | background-color: $background-grey; |
---|
173 | text-align: center; |
---|
174 | border-radius: 4px; |
---|
175 | margin-bottom: 30px; |
---|
176 | } |
---|
177 | |
---|
178 | a { |
---|
179 | color: $blue; |
---|
180 | } |
---|
181 | .count { |
---|
182 | i { |
---|
183 | display: inline-block; |
---|
184 | text-align: center; |
---|
185 | width: 25px; |
---|
186 | vertical-align: middle; |
---|
187 | } |
---|
188 | span { |
---|
189 | margin-left: -3px; |
---|
190 | width: 30px; |
---|
191 | display: inline-block; |
---|
192 | text-align: center; |
---|
193 | } |
---|
194 | } |
---|
195 | #reshares, #likes, #comments-meta { |
---|
196 | margin-left: 7px; |
---|
197 | margin-bottom: 8px; |
---|
198 | } |
---|
199 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.