Last change
on this file since 28644 was 28644, checked in by jlwhisler, 10 years ago |
A new interface created using a CSS template by luiszuno.com. Based on the default interface.
|
File size:
3.0 KB
|
Line | |
---|
1 | @import "palette.less";
|
---|
2 |
|
---|
3 | /* COMMENTS ------------------------------------------------------------*/
|
---|
4 |
|
---|
5 |
|
---|
6 | #comments-wrap{
|
---|
7 | padding-top: 40px;
|
---|
8 | margin-bottom: 60px;
|
---|
9 |
|
---|
10 | a{
|
---|
11 | color: @accentColor;
|
---|
12 | text-decoration: none;
|
---|
13 | }
|
---|
14 |
|
---|
15 | .heading{
|
---|
16 | margin-bottom: 10px;
|
---|
17 | padding-top: 0px;
|
---|
18 | padding-bottom: 10px;
|
---|
19 | border-top: 0px solid @fontColor;
|
---|
20 | border-bottom: 5px solid @fontColor;
|
---|
21 | }
|
---|
22 |
|
---|
23 | .nocomments {
|
---|
24 | text-align: center;
|
---|
25 | padding: 20px;
|
---|
26 | }
|
---|
27 |
|
---|
28 | .commentlist{
|
---|
29 | margin: 0 0 30px 0;
|
---|
30 | list-style-type: none;
|
---|
31 | font-size: 14px;
|
---|
32 |
|
---|
33 |
|
---|
34 | .comment{
|
---|
35 | padding: 10 0 0px 0;
|
---|
36 | border-top: 1px @fontColor solid;
|
---|
37 | margin: 0 0 18px;
|
---|
38 | padding: 25px 0px 0px 0px;
|
---|
39 |
|
---|
40 | .comment-body{
|
---|
41 | position: relative;
|
---|
42 | margin-bottom: 20px;
|
---|
43 |
|
---|
44 | .comment-author{
|
---|
45 | color: @fontColor;
|
---|
46 | cite {
|
---|
47 | font-weight: bold;
|
---|
48 | font-style: normal;
|
---|
49 | color: #2C2D31;
|
---|
50 | margin: 0;
|
---|
51 | padding: 0;
|
---|
52 |
|
---|
53 | a {
|
---|
54 | padding: 0 15px 0 0;
|
---|
55 | color: #2C2D31;
|
---|
56 | }
|
---|
57 | }
|
---|
58 |
|
---|
59 | p:last-child { margin: 0; }
|
---|
60 |
|
---|
61 | .avatar {
|
---|
62 | float: left;
|
---|
63 | margin: 2px 15px 0 0;
|
---|
64 | }
|
---|
65 | }
|
---|
66 |
|
---|
67 | /* META ------------------------------------------------------------*/
|
---|
68 |
|
---|
69 | .comment-meta {
|
---|
70 | margin: 0 0 40px 50px;
|
---|
71 | color: #a4a5aa;
|
---|
72 | font-size: 14px;
|
---|
73 | position: relative;
|
---|
74 | }
|
---|
75 | }
|
---|
76 |
|
---|
77 |
|
---|
78 |
|
---|
79 | /* REPLY ------------------------------------------------------------*/
|
---|
80 |
|
---|
81 | .reply {
|
---|
82 | position: absolute;
|
---|
83 | right: 1px;
|
---|
84 | top: 1px;
|
---|
85 |
|
---|
86 | .comment-reply-link {
|
---|
87 | display: block;
|
---|
88 | color: @fontColor;
|
---|
89 | font-size: 12px;
|
---|
90 | background: #f1f1f1;
|
---|
91 | padding: 3px 10px;
|
---|
92 | .shadow();
|
---|
93 |
|
---|
94 | &:hover{
|
---|
95 | color: @accentColor;
|
---|
96 | }
|
---|
97 | }
|
---|
98 | }
|
---|
99 |
|
---|
100 | /* CHILDREN ------------------------------------------------------------*/
|
---|
101 |
|
---|
102 | .children {
|
---|
103 | list-style-type: none;
|
---|
104 | margin-left: 74px;
|
---|
105 |
|
---|
106 | .comment {
|
---|
107 | border-bottom: none;
|
---|
108 | border-top: 1px @fontColor solid;
|
---|
109 |
|
---|
110 | .comment-body {
|
---|
111 | margin: 20px 0 0 0px;
|
---|
112 |
|
---|
113 | .avatar {
|
---|
114 | height: 35px;
|
---|
115 | width: 35px;
|
---|
116 | }
|
---|
117 |
|
---|
118 | .comment-meta {
|
---|
119 | margin-left: 40px;
|
---|
120 | margin-bottom: 18px;
|
---|
121 | }
|
---|
122 | }
|
---|
123 | }
|
---|
124 | }
|
---|
125 | }
|
---|
126 |
|
---|
127 | > li:first-child{
|
---|
128 | border: none;
|
---|
129 | padding-top: 20px;
|
---|
130 | }
|
---|
131 |
|
---|
132 | .odd{}
|
---|
133 | .even{}
|
---|
134 | }
|
---|
135 |
|
---|
136 |
|
---|
137 |
|
---|
138 | /* COMMENTS PAGINATION ------------------------------------------------------------*/
|
---|
139 |
|
---|
140 | .comments-pagination {
|
---|
141 | clear:both;
|
---|
142 | overflow: hidden;
|
---|
143 | padding:20px 0;
|
---|
144 | position:relative;
|
---|
145 | font-size:14px;
|
---|
146 | line-height:13px;
|
---|
147 | margin-bottom: 10px;
|
---|
148 |
|
---|
149 | span,
|
---|
150 | a {
|
---|
151 | display:block;
|
---|
152 | float:left;
|
---|
153 | margin: 2px 2px 2px 0;
|
---|
154 | padding:6px 9px 5px 9px;
|
---|
155 | text-decoration:none;
|
---|
156 | width:auto;
|
---|
157 | color:#fff;
|
---|
158 | background: #555;
|
---|
159 | &:hover{
|
---|
160 | color:#fff;
|
---|
161 | background: #000000;
|
---|
162 | }
|
---|
163 | }
|
---|
164 |
|
---|
165 | .current{
|
---|
166 | padding:6px 9px 5px 9px;
|
---|
167 | background: #000000;
|
---|
168 | color:#fff;
|
---|
169 | }
|
---|
170 |
|
---|
171 | .add-comment-link a {
|
---|
172 | font-size: 14px;
|
---|
173 | padding: 0 15px 0 0;
|
---|
174 | }
|
---|
175 | }
|
---|
176 |
|
---|
177 |
|
---|
178 | // resets ul for content on the comments
|
---|
179 | .comment-body ul { list-style-type: disc; }
|
---|
180 | .comment-body ol { list-style-type: decimal; }
|
---|
181 | }
|
---|
182 |
|
---|
183 |
|
---|
184 |
|
---|
185 |
|
---|
186 |
|
---|
187 |
|
---|
Note:
See
TracBrowser
for help on using the repository browser.