You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
413 lines
9.1 KiB
413 lines
9.1 KiB
@import "compass/css3/border-radius"; |
|
@import "compass/css3/box-shadow"; |
|
@import "compass/css3/text-shadow"; |
|
@import "compass/css3/images"; |
|
|
|
body { |
|
color: #111111; |
|
background: #c4c4c4 url(image-path("theme/bgd.jpg")); |
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
} |
|
|
|
h1, h2, h3 { |
|
color: #111111; |
|
font-weight: normal; |
|
} |
|
|
|
a { |
|
color: #111111; |
|
-moz-outline: none; |
|
} |
|
|
|
hr { |
|
background: #dddddd; |
|
color: #dddddd; |
|
} |
|
|
|
#header { |
|
height: 80px; |
|
background-color: #333333; |
|
@include text-shadow(0 1px 1px rgba(0, 0, 0, 0.25)); |
|
@include box-shadow(inset 0 -5px 10px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3)); |
|
} |
|
#header h1 { |
|
padding: 15px 5px; |
|
float: left; |
|
font-size: 38px; |
|
font-style: normal; |
|
font-weight: bold; |
|
text-transform: normal; |
|
letter-spacing: -1px; |
|
color: #53d4ff; |
|
} |
|
#header h1 a { |
|
&:link, &:active, &:hover, &:visited { |
|
color: #53d4ff; |
|
border: 6px solid #53d4ff; |
|
padding: 0 10px; |
|
outline: none; |
|
@include border-radius(15px); |
|
@include text-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 30px rgba(143, 181, 200, .7)); |
|
@include box-shadow(0 1px 0 rgba(0, 0, 0, 0.6),0 0 6px rgba(143, 181, 200, 1),0 0 30px rgba(143, 181, 200, .7)); |
|
} |
|
} |
|
|
|
#main { |
|
width: 77%; |
|
min-width: 950px; |
|
float: left; |
|
} |
|
#main .block { |
|
padding-top: 0px; |
|
background-color: white; |
|
@include text-shadow(0 1px 0 white); |
|
@include border-radius(6px); |
|
@include box-shadow(0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3)); |
|
} |
|
#main .block .content { |
|
padding-top: 1px; |
|
} |
|
#main .block .content .inner { |
|
padding: 0 15px 15px; |
|
} |
|
#main .block .content h2 { |
|
margin-left: 15px; |
|
font-size: 22px; |
|
text-transform: normal; |
|
letter-spacing: -1px; |
|
line-height: 1.2em; |
|
} |
|
#main .block .content p { |
|
font-size: 13px; |
|
font-style: normal; |
|
font-weight: normal; |
|
text-transform: normal; |
|
letter-spacing: normal; |
|
line-height: 1.45em; |
|
} |
|
|
|
#main-navigation { |
|
padding-top: 30px; |
|
width: auto; |
|
} |
|
#main-navigation ul li { |
|
padding-left: 20px; |
|
margin-right: 0; |
|
a { |
|
text-decoration: none; |
|
padding: 8px 0; |
|
color: #53d4ff; |
|
&:hover { |
|
text-decoration: underline; |
|
} |
|
} |
|
/* |
|
&.active { |
|
a { |
|
color: #a4a4a4; |
|
} |
|
} |
|
*/ |
|
} |
|
|
|
.secondary-navigation { |
|
background: #e0e0e0 url(image-path("theme/boxbar-background.png")) top; |
|
border-bottom-width: 0px; |
|
@include border-top-radius(6px); |
|
} |
|
.secondary-navigation li.first a, .secondary-navigation ul li.first { |
|
@include border-top-left-radius(6px); |
|
} |
|
.secondary-navigation ul li a:link, .secondary-navigation ul li a:visited, .secondary-navigation ul li a:hover, .secondary-navigation ul li a:active { |
|
text-decoration: none; |
|
color: #111111; |
|
} |
|
.secondary-navigation ul li.text { |
|
padding: 10px 15px; |
|
color: #818171; |
|
} |
|
.secondary-navigation ul li.active { |
|
background-color: white; |
|
} |
|
.secondary-navigation ul li.active a:hover { |
|
background-color: white; |
|
} |
|
|
|
#user-navigation { |
|
top: 33px; |
|
right: 10px; |
|
color: #eeeeee; |
|
font-size: 14px; |
|
} |
|
|
|
#user-navigation ul li { |
|
a { |
|
color: #53d4ff; |
|
&:hover { |
|
text-decoration: underline; |
|
} |
|
&.highlight { |
|
color: yellow; |
|
} |
|
} |
|
} |
|
#user-navigation ul li a:active img { |
|
margin-top: 1px; |
|
} |
|
|
|
#user-navigation ul li, .secondary-navigation ul li { |
|
float: left; |
|
} |
|
|
|
#footer { |
|
color: #261f1f; |
|
text-shadow: none; |
|
} |
|
#footer .block { |
|
@include box-shadow(none); |
|
background: none; |
|
} |
|
#footer p { |
|
margin: 0; |
|
padding: 0; |
|
text-align: center; |
|
} |
|
|
|
#sidebar { |
|
width: 20%; |
|
float: right; |
|
} |
|
#sidebar .block { |
|
padding-top: 2px; |
|
padding-bottom: 2px; |
|
@include border-radius(6px); |
|
@include text-shadow(0 1px 0 rgba(255, 255, 255, 0.6)); |
|
} |
|
#sidebar .block h4 { |
|
font-weight: normal; |
|
font-family: helvetica, arial, sans-serif; |
|
} |
|
#sidebar .notice { |
|
color: white; |
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); |
|
background-color: rgba(0, 0, 0, 0.3); |
|
@include background-image(linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0))); |
|
@include border-radius(6px); |
|
@include box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3)); |
|
} |
|
#sidebar .warning { |
|
padding-left: 10px; |
|
padding-right: 10px; |
|
color: #222222; |
|
background: #ffef4e; |
|
@include border-radius(6px); |
|
@include box-shadow(0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.1)); |
|
border: 1px solid rgba(0, 0, 0, 0.3); |
|
} |
|
#sidebar h3 { |
|
padding-left: 25px; |
|
color: #111111; |
|
border-bottom: 1px solid #261f1f; |
|
} |
|
#sidebar ul li { |
|
background-position: 0 11px; |
|
background-repeat: no-repeat; |
|
background-image: url(image-path("theme/arrow.png")); |
|
border-bottom: 1px dashed #777777; |
|
list-style-type: none; |
|
} |
|
#sidebar ul li a { |
|
margin-left: 10px; |
|
text-decoration: none; |
|
text-shadow: 0 1px 0 white; |
|
} |
|
#sidebar ul li.active a { |
|
color: #a4a4a4; |
|
} |
|
|
|
.control { |
|
float: right; |
|
margin-right: 9px; |
|
margin-top: 11px; |
|
} |
|
|
|
.pagination a, .pagination span { |
|
border: 1px solid #c3c4ba; |
|
@include border-radius(2px); |
|
margin-right: 5px; |
|
padding: 6px; |
|
min-width: 15px; |
|
text-align: center; |
|
background: #dddddd; |
|
background-image: url(image-path("theme/button-background.png")); |
|
color: #111111; |
|
} |
|
.pagination a:hover { |
|
border: 1px solid #818171; |
|
@include box-shadow(0 0 4px rgba(0, 0, 0, 0.3)); |
|
} |
|
.pagination span.current { |
|
background: #261f1f; |
|
color: white; |
|
border: 1px solid #261f1f; |
|
} |
|
|
|
.pagination a:active { |
|
background-image: url(image-path("theme/button-background-active.png")); |
|
outline: none; |
|
} |
|
|
|
.table th { |
|
background: #eaeaea; |
|
color: #222222; |
|
font-weight: normal; |
|
} |
|
.table th.last { |
|
min-width: 90px; |
|
} |
|
.table td { |
|
border-bottom: 1px solid #eaeaea; |
|
} |
|
.table td.last { |
|
padding-top: 0px; |
|
padding-bottom: 0px; |
|
} |
|
.table tr.even { |
|
background: #f8f8f8; |
|
} |
|
|
|
.form label.label { |
|
font-family: helvetica, arial, sans-serif; |
|
font-weight: normal; |
|
color: #666666; |
|
} |
|
.form input.text_field, .form textarea.text_area { |
|
width: 100%; |
|
border: 1px solid #dddddd; |
|
@include box-shadow(inset 0 1px 3px rgba(0, 0, 0, 0.1)); |
|
} |
|
.form input.button { |
|
background: #dddddd; |
|
@include border-radius(5px); |
|
border: 1px solid #c1c1c1; |
|
padding: 2px 5px; |
|
cursor: pointer; |
|
color: #111111; |
|
font-weight: bold; |
|
font-size: 11px; |
|
} |
|
.form input.button:hover { |
|
border: 1px solid #666666; |
|
} |
|
.form .description { |
|
font-style: italic; |
|
color: #8c8c8c; |
|
font-size: 0.9em; |
|
} |
|
.form .navform a { |
|
color: #cc0000; |
|
} |
|
|
|
.flash .message { |
|
@include border-radius(3px); |
|
text-align: center; |
|
margin: 0 auto 15px; |
|
color: white; |
|
@include text-shadow(0 1px 0 rgba(0, 0, 0, 0.3)); |
|
} |
|
.flash .message p { |
|
margin: 8px; |
|
} |
|
.flash .error, .flash .error-list { |
|
border: 1px solid #993624; |
|
background: #cc4831 url(image-path("messages/error.png")) no-repeat 10px center; |
|
} |
|
.flash .warning { |
|
border: 1px solid #bb9004; |
|
background: #f9c006 url(image-path("messages/warning.png")) no-repeat 10px center; |
|
} |
|
.flash .notice { |
|
color: #28485e; |
|
@include text-shadow(0 1px 0 rgba(255, 255, 255, 0.7)); |
|
border: 1px solid #8a9daa; |
|
background: #b8d1e2 url(image-path("messages/notice.png")) no-repeat 10px center; |
|
} |
|
.flash .error-list { |
|
text-align: left; |
|
} |
|
.flash .error-list h2 { |
|
font-size: 16px; |
|
text-align: center; |
|
} |
|
.flash .error-list ul { |
|
padding-left: 22px; |
|
line-height: 18px; |
|
list-style-type: square; |
|
margin-bottom: 15px; |
|
} |
|
|
|
ul.list li { |
|
border-bottom-color: #dddddd; |
|
border-bottom-width: 1px; |
|
border-bottom-style: solid; |
|
} |
|
ul.list li .item .avatar { |
|
border-color: #dddddd; |
|
border-width: 1px; |
|
border-style: solid; |
|
padding: 2px; |
|
} |
|
|
|
#box { |
|
width: 480px; |
|
} |
|
#box .block { |
|
background: white; |
|
text-shadow: 0 1px 0 white; |
|
@include box-shadow(0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3)); |
|
@include border-radius(6px); |
|
} |
|
#box .block h2 { |
|
background: #261f1f; |
|
color: white; |
|
@include text-shadow(none); |
|
@include border-top-radius(6px); |
|
} |
|
|
|
a.button, button.button { |
|
background: #edeeed url(image-path("theme/button-background.png")) top; |
|
border: 1px solid #c3c4ba; |
|
font-family: helvetica, arial, sans-serif; |
|
font-weight: normal; |
|
@include border-radius(3px); |
|
@include box-shadow(0 1px 2px rgba(0, 0, 0, 0.1)); |
|
} |
|
a.button:link, a.button:visited, a.button:hover, a.button:active, button.button:link, button.button:visited, button.button:hover, button.button:active { |
|
font-weight: normal; |
|
background: #edeeed url(image-path("theme/button-background.png")) top; |
|
} |
|
|
|
a.button:active, button.button:active { |
|
background: #eaeaea url(image-path("theme/button-background-active.png")) top; |
|
outline: none; |
|
margin-top: 1px; |
|
margin-bottom: -1px; |
|
} |
|
|
|
.form div.left { |
|
width: 10%; |
|
float: left; |
|
} |
|
.form div.right { |
|
width: 85%; |
|
float: right; |
|
} |
|
|
|
.login div.left, .signup div div.left { |
|
width: 21%; |
|
float: left; |
|
} |
|
.login div.right, .signup div div.right { |
|
width: 74%; |
|
float: right; |
|
}
|
|
|