Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
heptapod
heptapod
Commits
7664280c4b43
Commit
a9ef0bc3
authored
Mar 07, 2012
by
Dmitriy Zaporozhets
Browse files
test fix, css refactoring
parent
c1f7be1c4688
Changes
6
Hide whitespace changes
Inline
Side-by-side
app/assets/stylesheets/common.scss
View file @
7664280c
...
...
@@ -115,6 +115,186 @@ table.no-borders {
float
:right
;
}
/**
* Common header style
*
*/
header
{
/* Account box */
.account-box
{
position
:
absolute
;
right
:
0
;
top
:
13px
;
z-index
:
10000
;
width
:
128px
;
font-size
:
11px
;
float
:
right
;
display
:
block
;
cursor
:
pointer
;
img
{
border-radius
:
4px
;
right
:
20px
;
position
:
absolute
;
width
:
33px
;
height
:
33px
;
display
:
block
;
top
:
0
;
&
:after
{
content
:
" "
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
bottom
:
0
;
float
:
right
;
border-radius
:
5px
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
0
.1
);
border-bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
0%
0%
,
0%
100%
,
from
(
rgba
(
255
,
255
,
255
,
0
.15
))
,
to
(
rgba
(
0
,
0
,
0
,
0
.25
)))
,
-webkit-gradient
(
linear
,
left
top
,
right
bottom
,
color-stop
(
0
,
rgba
(
255
,
255
,
255
,
0
))
,
color-stop
(
0
.5
,
rgba
(
255
,
255
,
255
,
0
.1
))
,
color-stop
(
0
.501
,
rgba
(
255
,
255
,
255
,
0
))
,
color-stop
(
1
,
rgba
(
255
,
255
,
255
,
0
)));
background
:
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0
.15
)
,
rgba
(
0
,
0
,
0
,
0
.25
))
,
-moz-linear-gradient
(
left
top
,
rgba
(
255
,
255
,
255
,
0
)
,
rgba
(
255
,
255
,
255
,
0
.1
)
50%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0
));
background
:
linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0
.15
)
,
rgba
(
0
,
0
,
0
,
0
.25
))
,
linear-gradient
(
left
top
,
rgba
(
255
,
255
,
255
,
0
)
,
rgba
(
255
,
255
,
255
,
0
.1
)
50%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0
));
-webkit-background-origin
:
border-box
;
-moz-background-origin
:
border
;
background-origin
:
border-box
;
}
}
}
.account-box
{
&
.hover
{
height
:
138px
;
}
&
:hover
>
.account-links
{
display
:
block
;
}
}
.account-links
{
background
:
#79C3E0
;
display
:
none
;
border-radius
:
5px
;
width
:
100px
;
margin-top
:
0
;
float
:
right
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0
.2
);
position
:
relative
;
&
:before
{
content
:
"."
;
width
:
0
;
height
:
0
;
position
:
absolute
;
border
:
5px
solid
transparent
;
border-color
:
rgba
(
255
,
255
,
255
,
0
);
border-bottom-color
:
#333
;
text-indent
:
-9999px
;
top
:
-10px
;
line-height
:
0
;
right
:
10px
;
z-index
:
10
;
}
background
:
#333
;
display
:
none
;
z-index
:
100000
;
border-radius
:
5px
;
width
:
100px
;
position
:
absolute
;
right
:
20px
;
top
:
46px
;
margin-top
:
0
;
float
:
right
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0
.2
);
a
{
color
:
#EEE
;
padding
:
6px
10px
;
display
:
block
;
text-shadow
:
none
;
border-bottom
:
1px
solid
#555
;
&
:hover
{
background
:
#444
;
}
}
}
.account-box.hover
.arrow-up
{
top
:
41px
;
right
:
6px
;
position
:
absolute
;
}
.account-links
a
{
&
:first-child
{
-webkit-border-top-left-radius
:
5px
;
-webkit-border-top-right-radius
:
5px
;
-moz-border-radius-topleft
:
5px
;
-moz-border-radius-topright
:
5px
;
border-top-left-radius
:
5px
;
border-top-right-radius
:
5px
;
}
&
:last-child
{
-webkit-border-bottom-right-radius
:
5px
;
-webkit-border-bottom-left-radius
:
5px
;
-moz-border-radius-bottomright
:
5px
;
-moz-border-radius-bottomleft
:
5px
;
border-bottom-right-radius
:
5px
;
border-bottom-left-radius
:
5px
;
border-bottom
:
0
;
}
}
}
/*
* Main Menu of Application
*
*/
nav
.main_menu
{
overflow
:hidden
;
border-radius
:
4px
;
margin
:
auto
;
margin
:
30px
$app_padding
;
background
:
#eee
;
border
:
1px
solid
#ccc
;
height
:
38px
;
background-image
:
-webkit-gradient
(
linear
,
0
0
,
0
30
,
color-stop
(
0
.066
,
#eee
)
,
to
(
#dfdfdf
));
background-image
:
-webkit-linear-gradient
(
#eee
6
.6%
,
#dfdfdf
);
background-image
:
-moz-linear-gradient
(
#eee
6
.6%
,
#dfdfdf
);
background-image
:
-o-linear-gradient
(
#eee
6
.6%
,
#dfdfdf
);
@include
shade
;
.count
{
color
:
#aaa
;
margin-left
:
3px
;
}
.label
{
background
:
$hover
;
text-shadow
:none
;
color
:
$style_color
;
}
a
{
font-weight
:bold
;
&
:first-child
{
-webkit-border-top-left-radius
:
4px
;
-webkit-border-bottom-left-radius
:
4px
;
-moz-border-radius-topleft
:
4px
;
-moz-border-radius-bottomleft
:
4px
;
border-top-left-radius
:
4px
;
border-bottom-left-radius
:
4px
;
}
padding
:
10px
25px
;
display
:
inline-block
;
color
:
$style_color
;
border-right
:
1px
solid
#d5d5d5
;
position
:
relative
;
box-shadow
:
1px
0
0
rgba
(
255
,
255
,
255
,
0
.1
);
margin
:
0
;
float
:left
;
text-shadow
:
0
1px
1px
white
;
&
.home
{
background
:
url(home_icon.PNG)
no-repeat
center
center
;
text-indent
:
-9999px
;
min-width
:
40px
;
img
{
position
:relative
;
top
:
4px
;
}
}
&
.current
{
background-color
:
#DDD
;
}
}
}
/*
* End of Main Menu
*
*/
img
.avatar
{
float
:left
;
margin-right
:
15px
;
...
...
app/assets/stylesheets/ui_basic.scss
View file @
7664280c
...
...
@@ -66,21 +66,6 @@
}
}
&
.admin_link
{
width
:
16px
;
height
:
16px
;
padding
:
5px
;
border-radius
:
4px
;
margin
:
0px
;
background
:
#eee
;
margin-left
:
20px
;
&
:hover
{
background
:
#f7f7f7
;
}
img
{
width
:
16px
;
}
}
}
}
.wrapper
{
...
...
@@ -95,9 +80,17 @@
}
}
.admin_link
{
width
:
16px
;
height
:
16px
;
padding
:
5px
;
margin-right
:
15px
;
float
:right
;
}
.project_name
{
float
:left
;
width
:
40
0px
;
width
:
36
0px
;
margin
:
0
;
margin-right
:
30px
;
font-size
:
20px
;
...
...
@@ -107,202 +100,21 @@
text-shadow
:
0
1px
1px
#FFF
;
}
.git_url_wrapper
{
padding
:
0px
;
margin
:
0px
;
float
:left
;
.git-url
{
padding
:
0px
;
margin
:
0px
;
font-size
:
12px
;
margin-right
:
10px
;
border-radius
:
4px
;
-moz-border-radius
:
4px
;
color
:
#666
;
border
:
1px
solid
#AAA
;
padding
:
0
10px
0
30px
;
background
:
transparent
url('images.png')
no-repeat
8px
-42px
;
width
:
260px
;
height
:
26px
;
}
}
/* Account box */
.account-box
{
position
:
absolute
;
right
:
0
;
top
:
13px
;
z-index
:
10000
;
width
:
128px
;
font-size
:
11px
;
float
:
right
;
display
:
block
;
cursor
:
pointer
;
img
{
border-radius
:
4px
;
right
:
20px
;
position
:
absolute
;
width
:
33px
;
height
:
33px
;
display
:
block
;
top
:
0
;
&
:after
{
content
:
" "
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
bottom
:
0
;
float
:
right
;
border-radius
:
5px
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
0
.1
);
border-bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
0%
0%
,
0%
100%
,
from
(
rgba
(
255
,
255
,
255
,
0
.15
))
,
to
(
rgba
(
0
,
0
,
0
,
0
.25
)))
,
-webkit-gradient
(
linear
,
left
top
,
right
bottom
,
color-stop
(
0
,
rgba
(
255
,
255
,
255
,
0
))
,
color-stop
(
0
.5
,
rgba
(
255
,
255
,
255
,
0
.1
))
,
color-stop
(
0
.501
,
rgba
(
255
,
255
,
255
,
0
))
,
color-stop
(
1
,
rgba
(
255
,
255
,
255
,
0
)));
background
:
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0
.15
)
,
rgba
(
0
,
0
,
0
,
0
.25
))
,
-moz-linear-gradient
(
left
top
,
rgba
(
255
,
255
,
255
,
0
)
,
rgba
(
255
,
255
,
255
,
0
.1
)
50%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0
));
background
:
linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0
.15
)
,
rgba
(
0
,
0
,
0
,
0
.25
))
,
linear-gradient
(
left
top
,
rgba
(
255
,
255
,
255
,
0
)
,
rgba
(
255
,
255
,
255
,
0
.1
)
50%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0
));
-webkit-background-origin
:
border-box
;
-moz-background-origin
:
border
;
background-origin
:
border-box
;
}
}
}
.account-box
{
&
.hover
{
height
:
138px
;
}
&
:hover
>
.account-links
{
display
:
block
;
}
}
.account-links
{
background
:
#79C3E0
;
display
:
none
;
border-radius
:
5px
;
width
:
100px
;
margin-top
:
0
;
float
:
right
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0
.2
);
position
:
relative
;
&
:before
{
content
:
"."
;
width
:
0
;
height
:
0
;
position
:
absolute
;
border
:
5px
solid
transparent
;
border-color
:
rgba
(
255
,
255
,
255
,
0
);
border-bottom-color
:
#333
;
text-indent
:
-9999px
;
top
:
-10px
;
line-height
:
0
;
right
:
10px
;
z-index
:
10
;
}
background
:
#333
;
display
:
none
;
z-index
:
100000
;
border-radius
:
5px
;
width
:
100px
;
position
:
absolute
;
right
:
20px
;
top
:
46px
;
margin-top
:
0
;
.search
{
float
:
right
;
box-shadow
:
0
1px
1px
rgba
(
0
,
0
,
0
,
0
.2
);
a
{
color
:
#EEE
;
padding
:
6px
10px
;
display
:
block
;
text-shadow
:
none
;
border-bottom
:
1px
solid
#555
;
&
:hover
{
background
:
#444
;
}
}
}
.account-box.hover
.arrow-up
{
top
:
41px
;
right
:
6px
;
position
:
absolute
;
}
.account-links
a
{
&
:first-child
{
-webkit-border-top-left-radius
:
5px
;
-webkit-border-top-right-radius
:
5px
;
-moz-border-radius-topleft
:
5px
;
-moz-border-radius-topright
:
5px
;
border-top-left-radius
:
5px
;
border-top-right-radius
:
5px
;
}
&
:last-child
{
-webkit-border-bottom-right-radius
:
5px
;
-webkit-border-bottom-left-radius
:
5px
;
-moz-border-radius-bottomright
:
5px
;
-moz-border-radius-bottomleft
:
5px
;
border-bottom-right-radius
:
5px
;
border-bottom-left-radius
:
5px
;
border-bottom
:
0
;
}
}
}
/*
* End of Application Header
*
*/
/*
* Main Menu of Application
*
*/
nav
.main_menu
{
overflow
:hidden
;
border-radius
:
4px
;
margin
:
auto
;
margin
:
30px
$app_padding
;
background
:
#eee
;
border
:
1px
solid
#ccc
;
height
:
38px
;
background-image
:
-webkit-gradient
(
linear
,
0
0
,
0
30
,
color-stop
(
0
.066
,
#eee
)
,
to
(
#dfdfdf
));
background-image
:
-webkit-linear-gradient
(
#eee
6
.6%
,
#dfdfdf
);
background-image
:
-moz-linear-gradient
(
#eee
6
.6%
,
#dfdfdf
);
background-image
:
-o-linear-gradient
(
#eee
6
.6%
,
#dfdfdf
);
@include
shade
;
.count
{
color
:
#aaa
;
margin-left
:
3px
;
}
.label
{
background
:
$hover
;
text-shadow
:none
;
color
:
$style_color
;
}
a
{
font-weight
:bold
;
&
:first-child
{
-webkit-border-top-left-radius
:
4px
;
-webkit-border-bottom-left-radius
:
4px
;
-moz-border-radius-topleft
:
4px
;
-moz-border-radius-bottomleft
:
4px
;
border-top-left-radius
:
4px
;
border-bottom-left-radius
:
4px
;
}
padding
:
10px
25px
;
display
:
inline-block
;
color
:
$style_color
;
border-right
:
1px
solid
#d5d5d5
;
position
:
relative
;
box-shadow
:
1px
0
0
rgba
(
255
,
255
,
255
,
0
.1
);
margin
:
0
;
float
:left
;
text-shadow
:
0
1px
1px
white
;
&
.home
{
background
:
url(home_icon.PNG)
no-repeat
center
center
;
text-indent
:
-9999px
;
min-width
:
40px
;
img
{
position
:relative
;
top
:
4px
;
}
}
&
.current
{
background-color
:
#DDD
;
margin-right
:
55px
;
.search-input
{
width
:
130px
;
background-image
:
url("icon-search.png")
;
background-repeat
:
no-repeat
;
background-position
:
10px
;
padding-left
:
25px
;
}
}
}
/*
* End of
Main Menu
* End of
Application Header
*
*/
}
app/assets/stylesheets/ui_mars.scss
View file @
7664280c
...
...
@@ -40,26 +40,28 @@
z-index
:
10
;
height
:
60px
;
.search-input
{
background-image
:url
(
"icon-search.png"
)
;
.search
{
float
:
right
;
text-shadow
:
none
;
width
:
116px
;
background-image
:
url("icon-search.png")
;
background-repeat
:
no-repeat
;
background-position
:
10px
;
border-radius
:
100px
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0
.7
);
box-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0
.2
)
,
0
2px
2px
rgba
(
0
,
0
,
0
,
0
.4
)
inset
;
background-color
:
#D2D5DA
;
background-color
:
rgba
(
255
,
255
,
255
,
0
.5
);
padding
:
5px
;
padding-left
:
26px
;
margin-right
:
50px
;
&
:focus
{
background-color
:
white
;
width
:
166px
;
margin-right
:
55px
;
.search-input
{
background-image
:url
(
"icon-search.png"
)
;
float
:
right
;
text-shadow
:
none
;
width
:
130px
;
background-image
:
url("icon-search.png")
;
background-repeat
:
no-repeat
;
background-position
:
10px
;
border-radius
:
100px
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0
.7
);
box-shadow
:
0
1px
0
rgba
(
255
,
255
,
255
,
0
.2
)
,
0
2px
2px
rgba
(
0
,
0
,
0
,
0
.4
)
inset
;
background-color
:
#D2D5DA
;
background-color
:
rgba
(
255
,
255
,
255
,
0
.5
);
padding
:
5px
;
padding-left
:
26px
;
&
:focus
{
background-color
:
white
;
}
}
}
.
search-input
:
:-
webkit-input-placeholder
{
...
...
@@ -93,22 +95,6 @@
}
}
&
.admin_link
{
width
:
16px
;
height
:
16px
;
padding
:
5px
;
border-radius
:
4px
;
margin
:
0px
;
background
:
#474D57
;
margin-left
:
20px
;
margin-top
:
4px
;
&
:hover
{
background
:
#555
;
}
img
{
width
:
16px
;
}
}
}
}
.wrapper
{
...
...
@@ -125,7 +111,7 @@
.project_name
{
float
:left
;
width
:
40
0px
;
width
:
36
0px
;
margin
:
0
;
margin-right
:
30px
;
font-size
:
20px
;
...
...
@@ -135,202 +121,16 @@
text-shadow
:
0
1px
1px
#111
;
}
.git_url_wrapper
{
padding
:
0px
;
margin
:
0px
;
float
:left
;
.git-url
{
padding
:
0px
;
margin
:
0px
;
font-size
:
12px
;
margin-right
:
10px
;
border-radius
:
4px
;
-moz-border-radius
:
4px
;
color
:
#666
;
border
:
1px
solid
#AAA
;
padding
:
0
10px
0
30px
;
background
:
transparent
url('images.png')
no-repeat
8px
-42px
;
width
:
260px
;
height
:
26px
;
}
.admin_link
{
width
:
16px
;
height
:
16px
;
padding
:
5px
;
margin-right
:
15px
;
float
:right
;
}
/* Account box */
.account-box
{
position
:
absolute
;
right
:
0
;
top
:
13px
;
z-index
:
10000
;
width
:
128px
;
font-size
:
11px
;
float
:
right
;
display
:
block
;
cursor
:
pointer
;
img
{
border-radius
:
4px
;
right
:
20px
;
position
:
absolute
;
width
:
33px
;
height
:
33px
;
display
:
block
;
top
:
0
;
&
:after
{
content
:
" "
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
bottom
:
0
;
float
:
right
;
border-radius
:
5px
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
0
.1
);
border-bottom
:
0
;
background
:
-webkit-gradient
(
linear
,
0%
0%
,
0%
100%
,
from
(
rgba
(
255
,
255
,
255
,
0
.15
))
,
to
(
rgba
(
0
,
0
,
0
,
0
.25
)))
,
-webkit-gradient
(
linear
,
left
top
,
right
bottom
,
color-stop
(
0
,
rgba
(
255
,
255
,
255
,
0
))
,
color-stop
(
0
.5
,
rgba
(
255
,
255
,
255
,
0
.1
))
,
color-stop
(
0
.501
,
rgba
(
255
,
255
,
255
,
0
))
,
color-stop
(
1
,
rgba
(
255
,
255
,
255
,
0
)));
background
:
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0
.15
)
,
rgba
(
0
,
0
,
0
,
0
.25
))
,
-moz-linear-gradient
(
left
top
,
rgba
(
255
,
255
,
255
,
0
)
,
rgba
(
255
,
255
,
255
,
0
.1
)
50%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0
));
background
:
linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
0
.15
)
,
rgba
(
0
,
0
,
0
,
0
.25
))
,
linear-gradient
(
left
top
,
rgba
(
255
,
255
,
255
,
0
)
,
rgba
(
255
,
255
,
255
,
0
.1
)
50%
,
rgba
(
255
,
255
,
255
,
0
)
50%
,
rgba
(
255
,
255
,
255
,
0
));
-webkit-background-origin
:
border-box
;
-moz-background-origin
:
border
;
background-origin
:
border-box
;
}
}
}
.account-box
{
&
.hover
{
height
:
138px
;
}
&
:hover
>
.account-links
{
display
:
block
;
}
}
.account-links
{
background
:
#79C3E0
;
display
:
none
;
border-radius
:
5px
;
width
:
100px
;