Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gitlab-ce
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
iv
gitlab-ce
Commits
85954621
Commit
85954621
authored
Feb 29, 2012
by
Dmitriy Zaporozhets
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
new UI theme - mars
parent
421451cf
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
321 additions
and
0 deletions
+321
-0
app/assets/stylesheets/main.scss
app/assets/stylesheets/main.scss
+5
-0
app/assets/stylesheets/ui_mars.scss
app/assets/stylesheets/ui_mars.scss
+316
-0
No files found.
app/assets/stylesheets/main.scss
View file @
85954621
...
@@ -70,6 +70,11 @@ $hover: #FDF5D9;
...
@@ -70,6 +70,11 @@ $hover: #FDF5D9;
*/
*/
@import
"ui_basic.scss"
;
@import
"ui_basic.scss"
;
/**
* UI mars theme
*/
@import
"ui_mars.scss"
;
/**
/**
* Most of application styles placed here.
* Most of application styles placed here.
* This file represent common UI that should not be changed between themes
* This file represent common UI that should not be changed between themes
...
...
app/assets/stylesheets/ui_mars.scss
0 → 100644
View file @
85954621
/**
* This file represent some UI that can be changed
* during web app restyle or theme select.
*
* Next items should be placed there
* - link colors
* - header styles
* - main menu styles
*
*/
.ui_mars
{
/*
* Common styles
*
*/
a
{
color
:
$link_color
;
&
:hover
{
text-decoration
:none
;
color
:
$style_color
;
}
}
/*
* Application Header
*
*/
header
{
width
:
100%
;
padding
:
0
;
margin
:
0
;
top
:
1px
;
left
:
0
;
background
:
#474D57
url('bg-header.png')
repeat-x
bottom
;
z-index
:
10
;
height
:
60px
;
.search-input
{
background
:
#474D57
;
border-color
:
#888
;
}
.app_logo
{
width
:
230px
;
float
:left
;
position
:relative
;
top
:
-4px
;
a
{
float
:left
;
h1
{
background
:
url('images.png')
no-repeat
-3px
-7px
;
width
:
65px
;
height
:
26px
;
margin
:
5px
0
;
padding
:
0
;
display
:
block
;
float
:
left
;
text-indent
:
-1000em
;
}
&
.home
{
img
{
display
:none
}
}
&
.admin_link
{
width
:
16px
;
height
:
16px
;
padding
:
5px
;
border
:
1px
solid
#888
;
border-radius
:
4px
;
margin
:
0px
;
background
:
#474D57
;
margin-left
:
20px
;
margin-top
:
4px
;
&
:hover
{
background
:
#f7f7f7
;
}
img
{
width
:
16px
;
}
}
}
}
.wrapper
{
margin
:auto
;
min-width
:
$min_app_width
;
max-width
:
$max_app_width
;
position
:relative
;
padding
:
15px
0
;
.top_panel_content
{
margin
:
0
$app_padding
;
}
}
.project_name
{
float
:left
;
width
:
400px
;
margin
:
0
;
margin-right
:
30px
;
font-size
:
20px
;
line-height
:
34px
;
font-weight
:bold
;
color
:
#fff
;
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
;
}
}
/* 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
;
}
}
}
/*
* 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
;
}
}
}
/*
* End of Main Menu
*
*/
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment