Skip to content

Commit 3423424

Browse files
author
Jeffrey Way
committed
Initial commit
1 parent 7b675af commit 3423424

35 files changed

+2261
-0
lines changed

‎Ribbit.css

Lines changed: 205 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,205 @@
1+
* {
2+
font-family: Helvetica, Arial, sans-serif;
3+
color: #3f3e3d;
4+
}
5+
body {
6+
background: #ffffff url('/Resource/gfx/bg.png');
7+
margin: 0;
8+
padding: 0;
9+
}
10+
input {
11+
width: 236px;
12+
height: 26px;
13+
border: 1px solid #d2d2d2;
14+
padding: 0 10px;
15+
outline: none;
16+
font-size: 15px;
17+
}
18+
input:focus {
19+
background: #FFFDF2;
20+
}
21+
input[type="submit"] {
22+
height: 28px;
23+
width: auto;
24+
border: 1px solid #7BC574;
25+
border-radius: 2px;
26+
color: white;
27+
font-size: 12px;
28+
font-weight: bold;
29+
padding: 0 20px;
30+
cursor: pointer;
31+
background: #8cd585;
32+
background: -moz-linear-gradient(top, #8cd585 0%, #82cd7a 23%, #55ad4c 86%, #4fa945 100%);
33+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cd585), color-stop(23%, #82cd7a), color-stop(86%, #55ad4c), color-stop(100%, #4fa945));
34+
background: -webkit-linear-gradient(top, #8cd585 0%, #82cd7a 23%, #55ad4c 86%, #4fa945 100%);
35+
background: -o-linear-gradient(top, #8cd585 0%, #82cd7a 23%, #55ad4c 86%, #4fa945 100%);
36+
background: -ms-linear-gradient(top, #8cd585 0%, #82cd7a 23%, #55ad4c 86%, #4fa945 100%);
37+
background: linear-gradient(to bottom, #8cd585 0%, #82cd7a 23%, #55ad4c 86%, #4fa945 100%);
38+
filter: progid:dximagetransform.microsoft.gradient(startColorstr='@c1', endColorstr='@c4', GradientType=0);
39+
}
40+
a {
41+
text-decoration: none;
42+
color: #58b84e;
43+
text-shadow: #58b84e 0 0 1px;
44+
}
45+
a:hover {
46+
text-decoration: underline;
47+
}
48+
.wrapper {
49+
width: 860px;
50+
margin: auto;
51+
}
52+
header {
53+
background: url('/Resource/gfx/bg-header.png');
54+
height: 85px;
55+
width: 100%;
56+
}
57+
header div.wrapper {
58+
padding: 11px 0;
59+
}
60+
header div.wrapper img {
61+
position: relative;
62+
top: 10px;
63+
margin: 0 15px 0 0;
64+
}
65+
header div.wrapper span {
66+
font-size: 18px;
67+
margin: 0 42px 0 0;
68+
}
69+
header div.wrapper form {
70+
display: inline;
71+
}
72+
header div.wrapper form input {
73+
margin: 0 0 0 14px;
74+
}
75+
header div.wrapper form input[type="text"], header div.wrapper form input[type="password"]
76+
{
77+
width: 189px;
78+
}
79+
header div.wrapper #btnLogOut {
80+
float: right;
81+
margin: 20px 0 0 0;
82+
}
83+
nav{
84+
display:inline-block;
85+
}
86+
#content {
87+
margin-bottom: 15px;
88+
min-height: 560px;
89+
}
90+
#content div.wrapper {
91+
margin: 38px auto;
92+
}
93+
#content div.wrapper img {
94+
border-radius: 6px;
95+
float: left;
96+
}
97+
#content div.wrapper div.panel {
98+
border: 1px solid #d2d2d2;
99+
background: white;
100+
margin: 0;
101+
margin-bottom: 29px;
102+
border-radius: 6px;
103+
font-size: 14px;
104+
}
105+
#content div.wrapper div.panel.right {
106+
width: 303px;
107+
height: 313px;
108+
float: right;
109+
}
110+
#content div.wrapper div.panel.right textarea.ribbitText {
111+
width: 249px;
112+
height: 160px;
113+
border: 1px solid #d2d2d2;
114+
}
115+
#content div.wrapper div.panel.left {
116+
width: 533px;
117+
float: left;
118+
}
119+
#content div.wrapper div.panel.left div.ribbitWrapper {
120+
padding: 15px 0;
121+
border-bottom: 1px solid #d2d2d2;
122+
min-height:80px;
123+
}
124+
#content div.wrapper div.panel.left div.ribbitWrapper:last-child {
125+
border: none;
126+
}
127+
#content div.wrapper div.panel.left div.ribbitWrapper span.name {
128+
font-size: 18px;
129+
color: #58B84E;
130+
}
131+
#content div.wrapper div.panel.left div.ribbitWrapper span.time {
132+
font-size: 12px;
133+
color: #CCC;
134+
}
135+
#content div.wrapper div.panel.left div.ribbitWrapper img.avatar {
136+
margin: 0 19px 0 20px;
137+
float: left;
138+
}
139+
/*Edited Margin width 90 -> 119 */
140+
#content div.wrapper div.panel.left div.ribbitWrapper p {
141+
margin: 5px 50px 0 119px;
142+
padding: 0;
143+
text-align: justify;
144+
line-height: 1.5;
145+
color: #3f3e3d;
146+
text-shadow: #3f3e3d 0 0 1px;
147+
}
148+
#content div.wrapper div.panel.left div.ribbitWrapper p span.spacing {
149+
padding-left: 9px;
150+
margin-left: 9px;
151+
height: 10px;
152+
border-left: 1px solid #d2d2d2;
153+
}
154+
#content div.wrapper div.panel * {
155+
margin: 6px 0;
156+
}
157+
#content div.wrapper div.panel form {
158+
padding: 0 23px;
159+
}
160+
#content div.wrapper div.panel h1 {
161+
border-bottom: 1px solid #d2d2d2;
162+
margin: 5px 0;
163+
font-weight: normal;
164+
font-size: 18px;
165+
padding: 13px 23px;
166+
height: 23px;
167+
}
168+
#content div.wrapper div.panel p {
169+
padding: 0 24px;
170+
margin: 18px 0;
171+
}
172+
footer {
173+
background: url('/Resource/gfx/bg-footer.png');
174+
height: 251px;
175+
font-size: 14px;
176+
clear: both;
177+
}
178+
footer div.wrapper {
179+
padding: 15px;
180+
}
181+
footer div.wrapper img {
182+
float: right;
183+
}
184+
#content .flash {
185+
padding: 10px;
186+
margin: 20px 0;
187+
}
188+
#content .flash.error{
189+
background: #ffefef;
190+
color: #4c1717;
191+
border: 1px solid #4c1717;
192+
}
193+
#content .flash.warning{
194+
background: #ffe4c1;
195+
color: #79420d;
196+
border: 1px solid #79420d;
197+
}
198+
#content .flash.notice{
199+
background: #efffd7;
200+
color: #8ba015;
201+
border: 1px solid #8ba015;
202+
}
203+
nav a{
204+
margin-right:18px;
205+
}

‎Tutorial/P1.png

30.7 KB
Loading

‎Tutorial/P2.png

24.6 KB
Loading

‎Tutorial/P3.png

22.4 KB
Loading

‎Tutorial/P4.png

22.9 KB
Loading

‎Tutorial/P5.png

22.6 KB
Loading

‎Tutorial/P6.png

264 KB
Loading

‎Tutorial/P7.png

174 KB
Loading

0 commit comments

Comments
 (0)