Skip to content

Commit f981ecb

Browse files
HashNukeHashNuke
committedMar 29, 2012
Splits styles into different files
Signed-off-by: Akash Manohar J <akash@akash.im>
·
v1.2v0.9
1 parent 2927623 commit f981ecb

8 files changed

+403
-405
lines changed
 

‎app/assets/stylesheets/activity.css.scss

+68
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
//
2+
// Activity
3+
//
4+
5+
.activity {
6+
float: left;
7+
width: 100%;
8+
padding-top: 10px;
9+
padding-bottom: 10px;
10+
border-bottom: 1px solid #DEE6E8;
11+
background: #FFF;
12+
13+
.avatar {
14+
float: left;
15+
width: 5%;
16+
img {
17+
width: 30px;
18+
height: 30px;
19+
}
20+
}
21+
22+
.readable {
23+
float: left;
24+
width: 95%;
25+
26+
.user {
27+
color: #AEB9BD;
28+
font-weight: bold;
29+
float: left;
30+
width: 100%;
31+
margin-bottom: 4px;
32+
}
33+
34+
.content {
35+
float: left;
36+
width: 80%;
37+
color: #797D7F;
38+
39+
.image-preview, .youtube-preview {
40+
a { width: 100%; }
41+
@include border-radius(4px);
42+
@include box-shadow(0px 1px 5px 0px #CCC);
43+
padding: 10px;
44+
background: #F3F8F9;
45+
float: left;
46+
.name {
47+
color: #878D8F;
48+
font-weight: bold;
49+
margin-top: 5px;
50+
}
51+
}
52+
53+
}
54+
55+
.posted_at {
56+
float: left;
57+
width: 20%;
58+
text-align: right;
59+
60+
span {
61+
@include border-radius(4px);
62+
padding: 4px;
63+
background: #F3F8F9;
64+
color: #BDC6CA;
65+
}
66+
}
67+
}
68+
}

‎app/assets/stylesheets/application.css.css

Whitespace-only changes.

‎app/assets/stylesheets/application.css.scss

+6-405
Large diffs are not rendered by default.

‎app/assets/stylesheets/base.css.scss

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
$main-area-width: 80%;
2+
$page-bg: #E6EBEE;
3+
$panel-bg: $page-bg;
4+
5+
$sidebar-width: 20%;
6+
$sidebar-bg: #E6EBEE;
7+
8+
$header-height: 30px;
9+
$header-bg-1: #566569;
10+
$header-bg-2: #3F494B;
11+
$search-bg: #5D676B;
12+
$search-color: #CCC;
13+
14+
$widget-title-color: #7F8587;
15+
$widget-title-bg-1: #F3F8F9;
16+
$widget-title-bg-2: #DBDFE0;
17+
18+
19+
@mixin full-height {
20+
min-height: 100%;
21+
height: 100%;
22+
}
23+
24+
* {
25+
@include box-sizing(border-box);
26+
}
27+
28+
html {
29+
@include full-height;
30+
}
31+
32+
body {
33+
background: $page-bg;
34+
height: 90%;
35+
min-height: 90%;
36+
font-size: 13px;
37+
font-family: 'PT Sans', sans-serif;
38+
}
39+
40+
41+
.main-area {
42+
@include full-height;
43+
width: $main-area-width;
44+
float: left;
45+
}

‎app/assets/stylesheets/chat_area.css.scss

+109
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
#channels {
2+
border-right: 1px solid #CDD1D4;
3+
margin-top: 0px;
4+
}
5+
6+
.ui-widget-header {
7+
@include background-image(linear-gradient($header-bg-1, $header-bg-2));
8+
@include border-radius(0px);
9+
height: $header-height;
10+
border: none;
11+
}
12+
13+
.ui-tabs {
14+
padding: 0px;
15+
margin-top: 0px;
16+
@include border-radius(0px);
17+
border: none;
18+
19+
.ui-tabs-nav {
20+
border-right: 1px solid #404A4D;
21+
position: fixed;
22+
width: 100%
23+
}
24+
25+
.ui-tabs-panel {
26+
@include box-shadow(5px 0px 5px -3px #CCC, -5px 0px 5px -3px #CCC);
27+
@include border-top-radius(4px);
28+
margin-top: $header-height + 10;
29+
margin-right: 20px;
30+
margin-left: 20px;
31+
background: #FFF;
32+
}
33+
34+
.ui-widget-content {
35+
// position: relative;
36+
overflow-y: scroll;
37+
margin-top: 20px;
38+
bottom: 80px;
39+
}
40+
41+
.ui-tabs-nav
42+
{
43+
position: relative;
44+
width: 100%;
45+
top: 0px;
46+
li a {
47+
padding: 3px;
48+
}
49+
}
50+
}
51+
52+
.ui-corner-all .ui-corner-bottom, .ui-corner-bottom, .ui-corner-left, .ui-corner-right, .ui-corner-bl, .ui-corner-br {
53+
@include border-radius(none);
54+
}
55+
56+
.ui-state-default {
57+
font-size: 14px;
58+
}
59+
60+
61+
.ui-widget-content {
62+
@include full-height;
63+
background: $panel-bg;
64+
font-size: 13px;
65+
}
66+
67+
.pagination {
68+
text-decoration: underline;
69+
cursor: pointer;
70+
}
71+
72+
.chatbox-area {
73+
@include border-bottom-radius(4px);
74+
@include background-image(linear-gradient($widget-title-bg-1, $widget-title-bg-2));
75+
@include box-shadow(5px 0px 5px -3px #CCC, -5px 0px 5px -3px #CCC, 0px 5px 5px 0px #CCC);
76+
border-top: 1px solid #EBEFF1;
77+
padding: 10px 0px 10px 10px;
78+
position: relative;
79+
bottom: 20px;
80+
margin-left: 20px;
81+
margin-right: 21px;
82+
83+
textarea {
84+
@include border-top-left-radius(4px);
85+
@include border-bottom-left-radius(4px);
86+
border: 1px solid #AEB9BD;
87+
width: 92%;
88+
padding: 0px;
89+
margin: 0px;
90+
resize: none;
91+
height: 40px;
92+
}
93+
94+
button {
95+
@include background-image(linear-gradient(#C8ECF6, #9FDFF4));
96+
@include border-top-right-radius(4px);
97+
@include border-bottom-right-radius(4px);
98+
position: relative;
99+
left: -5px;
100+
border: 1px solid #AEB9BD;
101+
color: #59808B;
102+
width: 7%;
103+
padding: 0px;
104+
margin: 0px;
105+
height: 40px;
106+
}
107+
}
108+
109+

‎app/assets/stylesheets/plugins/attachments.css.scss

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
//
2+
// Attachments plugin
3+
//
4+
5+
#file {
6+
display: none;
7+
}
8+
9+
.file_list {
10+
float: left;
11+
clear: both;T
12+
width: 100%;
13+
14+
.file_item {
15+
clear: both;
16+
float: left;
17+
line-height: 25px;
18+
color: #585D5F;
19+
a {
20+
text-decoration: none;
21+
font-weight: bold;
22+
color: #585D5F;
23+
}
24+
}
25+
}
26+
27+
.action_bar {
28+
form {
29+
width: 100%;
30+
height: 100%;
31+
min-height: 100%;
32+
float: left;
33+
34+
.dropzone {
35+
display: block;
36+
float: left;
37+
width: 100%;
38+
min-height: 100%;
39+
height: 100%;
40+
text-align: center;
41+
line-height: 40px;
42+
}
43+
}
44+
}

‎app/assets/stylesheets/plugins/user_list.css.scss

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
//
2+
// UserList plugin
3+
//
4+
5+
.user_list {
6+
padding-bottom: 10px;
7+
float: left;
8+
9+
.user {
10+
float: left;
11+
display: block;
12+
margin-top: 10px;
13+
clear: left;
14+
15+
.avatar {
16+
padding-right: 10px;
17+
float: left;
18+
img {
19+
width: 25px;
20+
height: 25px;
21+
}
22+
}
23+
.name {
24+
float:left;
25+
margin-top: 5px;
26+
font-weight: bold;
27+
color: #585D5F;
28+
font-size: 12px;
29+
}
30+
}
31+
}

‎app/assets/stylesheets/sidebar.css.scss

+100
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
.sidebar {
2+
@include full-height;
3+
background: $sidebar-bg;
4+
width: $sidebar-width;
5+
float: left;
6+
position: fixed;
7+
right: 0px;
8+
9+
.header {
10+
@include background-image(linear-gradient($header-bg-1, $header-bg-2));
11+
border-left: 1px solid #616D70;
12+
padding-top: 3px;
13+
padding-bottom: 3px;
14+
width: 100%;
15+
float: left;
16+
height: $header-height;
17+
18+
.search {
19+
width: 50%;
20+
float: left;
21+
text-align: right;
22+
23+
input {
24+
@include border-radius(20px);
25+
width: 100%;
26+
background: $search-bg;
27+
color: $search-color;
28+
border: 2px solid darken($search-bg, 10%);
29+
// @include box-shadow(inset -5px -5px -5px #505A5D);
30+
}
31+
}
32+
33+
.logo {
34+
text-align: right;
35+
float: left;
36+
width: 50%;
37+
}
38+
}
39+
40+
.widgets {
41+
border-left: 1px solid #F2F4F6;
42+
float: left;
43+
width: 100%;
44+
padding-left: 15px;
45+
padding-right: 15px;
46+
47+
.widget {
48+
margin-top: 20px;
49+
border: 1px solid #D0D5D8;
50+
@include border-top-radius(4px);
51+
@include border-bottom-radius(7px);
52+
background: #F3F8F9;
53+
float: left;
54+
width: 100%;
55+
@include box-shadow(0px 2px #d1d6d9);
56+
57+
.title {
58+
@include background-image(linear-gradient($widget-title-bg-1, $widget-title-bg-2));
59+
@include border-top-left-radius(4px);
60+
@include border-top-right-radius(4px);
61+
border-bottom: 1px solid #DBDFE0;
62+
63+
float: left;
64+
width: 100%;
65+
66+
padding-left: 10px;
67+
padding-top: 5px;
68+
padding-bottom: 5px;
69+
70+
font-size: 13px;
71+
text-transform: uppercase;
72+
color: $widget-title-color;
73+
}
74+
75+
.content {
76+
float: left;
77+
width: 100%;
78+
clear: both;
79+
background: #F3F8F9;
80+
padding-left: 10px;
81+
font-size: 13px;
82+
}
83+
84+
.action_bar {
85+
@include border-bottom-radius(7px);
86+
font-size: 13px;
87+
text-align: center;
88+
line-height: 20px;
89+
color: #808789;
90+
float: left;
91+
width: 100%;
92+
clear: both;
93+
height: 40px;
94+
min-height: 40px;
95+
border-top: 2px solid #D2D8D8;
96+
background: #E9EFF0;
97+
}
98+
}
99+
}
100+
}

0 commit comments

Comments
 (0)
Please sign in to comment.