converted extra.css to scss

This commit is contained in:
Evgeny Fadeev 2013-03-18 23:25:39 -04:00
parent 80b99e2bdd
commit 4d96d0a29e
5 changed files with 489 additions and 170 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.sass-cache

24
config.rb Normal file
View File

@ -0,0 +1,24 @@
# Require any additional compass plugins here.
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "os/media/style"
sass_dir = "os/media/sass"
images_dir = "os/media/images"
#javascripts_dir = "javascripts"
# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true
# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false
# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

1
footer
View File

@ -1 +0,0 @@
OpenStack is a trademark of the OpenStack Foundation - Except where otherwise <a class="subfoot" href="/policies#license">noted</a>, content on \t\t\t<span href="http://creativecommons.org" property="cc:attributionName" rel="cc:attributionURL">this site</span> \t\t\tis licensed under a \t\t\t<a rel="license" href="http://creativecommons.org/licenses/by/3.0/" class="subfoot"> \t\t\t Creative Commons Attribution 3.0 License</a>.

239
os/media/sass/extra.scss Normal file
View File

@ -0,0 +1,239 @@
@import "compass/css3";
$body-font: 'Helvetica Neue', Arial, Helvetica, sans-serif;
$heading-font: 'PT Sans', serif;
body,
p,
.short-summary .counts,
#footer ul,
.short-summary .userinfo {
font-family: $body-font;
}
#secondaryHeader,
#questionCount,
#header,
#footer h3,
h1,
h1.section-title,
.box h2,
.short-summary h2,
.short-summary .counts .item-count,
.tag-right,
.tabBar,
.question-page .vote-number {
font-family: $heading-font;
}
#header {
background: #e4eef1;
border-top: 3px solid #255e6e;
@include box-shadow(1px 1px 1px 1px #ccc);
}
#metaNav {
position: absolute;
left: 200px;
bottom: 22px;
a {
color: #255e6e;
font-size: 16px;
line-height: 16px;
height: 16px;
@include text-shadow(#fff 0 1px 1px);
}
a.on {
font-weight: normal;
color: #e4eef1;
background: #255e6e !important;
@include border-radius(5px);
@include text-shadow(0 0 0);
@include box-shadow(0 0 2px 2px white);
}
#navTags,
#navBadges,
#navUsers,
#navGroups,
.help {
background: none;
padding: 3px 10px 6px 10px;
margin: 0 0 0 30px;
}
.dropdown,
a {
display: inline;
float: none;
padding: 0;
margin: 5px 0 0 0;
}
span.dropdown-toggle {
padding: 10px;
border-left: 1px solid #e4eef1;
/*background: url(../images/sprites.png) no-repeat -7px -242px;*/
position: relative;
}
span.dropdown-toggle:hover {
background: #e4eef1;
/*background: url(../images/sprites.png) no-repeat -7px -274px;*/
.dropdown-menu {
background: #e4eef1;
border-left: 1px solid #e4eef1;
display: block;
left: -1px;
padding: 0 0 10px 0;
top: 32px;
}
}
.dropdown-menu {
background: #e4eef1;
left: 26px;
top: 22px;
li {
line-height: 1.7;
padding-left: 13px;
}
li:hover {
display: block !important;
margin: 0;
padding: 0;
width: 100% !important;
}
a {
margin: 0;
padding: 0;
}
a:hover {
text-decoration: underline;
}
}
}
#header.with-logo #userToolsNav {
bottom: 19px;
right: -100px;
}
#secondaryHeader {
background: #fff;
border: none;
margin-bottom: 7px;
}
.scope-selector {
font-size: 16px;
height: 37px;
border-bottom: 3px solid white;
&.on,
&:hover {
background: none;
border-bottom: 3px solid;
color: #cf2f19;
text-decoration: none;
@include transition(0.07s, ease);
}
&:hover {
color: #264D69;
}
&:first-child {
margin-left: 0;
}
}
#askButton,
#homeButton {
display: none;
}
.tabBar {
background: none;
}
#logo img {
height: 56px;
margin-left: -10px;
}
#searchBar {
@include box-shadow(inset #eee 1px 1px 2px 1px);
margin-left: 255px;
margin-top: -33px;
}
.search-drop-menu {
margin-left: 255px;
}
.search-drop-menu .footer button {
padding: 2px 6px 3px;
@include background(linear-gradient(white, #F3F3F3 5%, rgb(245, 133, 12)));
@include box-shadow(0 0 2px 2px white);
@include text-shadow(0 0 0);
}
.search-drop-menu .footer button:hover {
}
body.anon #searchBar,
body.anon .search-drop-menu {
margin-left: 158px;
}
#ContentRight {
margin-top: -56px;
margin-bottom: 56px;
}
.box {
h2,
.contributorback {
background: none;
text-align: left;
}
.inputs {
#interestingTagInput,
#ignoredTagInput,
#subscribedTagInput,
#ab-tag-search {
width: 132px;
height: 23px;
line-height: 23px;
}
}
}
input[type="submit"].searchBtn,
input.cancelSearchBtn {
border: 0;
display: none;
height: 0;
margin: 0;
padding: 0;
right: -500px;
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button {
font-family: $heading-font;
font-weight: normal;
border: 1px solid #e2e2e2 !important;
padding: 4px 15px;
color: black!important;
text-decoration: none!important;
font-size: 12.5px;
background: #FFFFFF;
@include background(linear-gradient(#FFFFFF 0%, #F3F3F3 50%, #EBEBEB 100%));
@include box-shadow(0px 1px 1px rgba(0,0,0,.5));
@include text-shadow(#fff 0px 1px 1px);
@include border-radius(3px);
border-bottom-color: #a0a0a0 !important;
border-right-color: #bababa !important;
border-left-color: #bababa !important;
}
#footer {
.span-8,
.span-4 {
margin: 0;
padding-right: 10px;
}
h3 {
color: #de0000;
font-size: 16px;
}
ul {
list-style: none;
margin: 0;
}
}

View File

@ -1,15 +1,16 @@
/*$body-font: 'Helvetica Neue', Arial, Helvetica, sans-serif; /* line 9, ../sass/extra.scss */
$heading-font: 'PT Sans', serif;*/
body, body,
p, p,
.short-summary .counts, .short-summary .counts,
#footer ul, #footer ul,
.short-summary .userinfo { .short-summary .userinfo {
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
} }
/* line 23, ../sass/extra.scss */
#secondaryHeader, #secondaryHeader,
#questionCount, #questionCount,
#header,
#footer h3, #footer h3,
h1, h1,
h1.section-title, h1.section-title,
@ -19,228 +20,283 @@ h1.section-title,
.tag-right, .tag-right,
.tabBar, .tabBar,
.question-page .vote-number { .question-page .vote-number {
font-family: 'PT Sans', serif; font-family: "PT Sans", serif;
} }
/* line 26, ../sass/extra.scss */
#header { #header {
background: #e4eef1; background: #e4eef1;
border-top: 3px solid #255e6e; border-top: 3px solid #255e6e;
box-shadow: 1px 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px 1px #cccccc;
-webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #cccccc;
font-family: 'PT Sans', serif; box-shadow: 1px 1px 1px 1px #cccccc;
} }
/* line 31, ../sass/extra.scss */
#metaNav { #metaNav {
position: absolute; position: absolute;
left: 200px; left: 200px;
bottom: 22px; bottom: 22px;
} }
/* line 36, ../sass/extra.scss */
#metaNav a {
color: #255e6e;
font-size: 16px;
line-height: 16px;
height: 16px;
text-shadow: white 0 1px 1px;
}
/* line 44, ../sass/extra.scss */
#metaNav a.on { #metaNav a.on {
font-weight: normal; font-weight: normal;
color: #e4eef1; color: #e4eef1;
background: #255e6e !important; background: #255e6e !important;
border-radius: 5px; -webkit-border-radius: 5px;
text-shadow: 0 0 0; -moz-border-radius: 5px;
box-shadow: 0 0 2px 2px white; -ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 0 0;
-webkit-box-shadow: 0 0 2px 2px white;
-moz-box-shadow: 0 0 2px 2px white;
box-shadow: 0 0 2px 2px white;
} }
/* line 57, ../sass/extra.scss */
#metaNav #navTags, #metaNav #navTags,
#metaNav #navBadges, #metaNav #navBadges,
#metaNav #navUsers, #metaNav #navUsers,
#metaNav #navGroups, #metaNav #navGroups,
#metaNav .help { #metaNav .help {
background: none; background: none;
padding: 3px 10px 6px 10px; padding: 3px 10px 6px 10px;
margin: 0 0 0 30px; margin: 0 0 0 30px;
} }
#userToolsNav a, /* line 64, ../sass/extra.scss */
#metaNav .dropdown,
#metaNav a { #metaNav a {
color: #255e6e; display: inline;
font-size: 16px; float: none;
line-height: 16px; padding: 0;
height: 16px; margin: 5px 0 0 0;
text-shadow: #fff 0 1px 1px;
} }
/* line 70, ../sass/extra.scss */
#metaNav span.dropdown-toggle {
padding: 10px;
border-left: 1px solid #e4eef1;
/*background: url(../images/sprites.png) no-repeat -7px -242px;*/
position: relative;
}
/* line 76, ../sass/extra.scss */
#metaNav span.dropdown-toggle:hover {
background: #e4eef1;
/*background: url(../images/sprites.png) no-repeat -7px -274px;*/
}
/* line 79, ../sass/extra.scss */
#metaNav span.dropdown-toggle:hover .dropdown-menu {
background: #e4eef1;
border-left: 1px solid #e4eef1;
display: block;
left: -1px;
padding: 0 0 10px 0;
top: 32px;
}
/* line 88, ../sass/extra.scss */
#metaNav .dropdown-menu {
background: #e4eef1;
left: 26px;
top: 22px;
}
/* line 92, ../sass/extra.scss */
#metaNav .dropdown-menu li {
line-height: 1.7;
padding-left: 13px;
}
/* line 96, ../sass/extra.scss */
#metaNav .dropdown-menu li:hover {
display: block !important;
margin: 0;
padding: 0;
width: 100% !important;
}
/* line 102, ../sass/extra.scss */
#metaNav .dropdown-menu a {
margin: 0;
padding: 0;
}
/* line 106, ../sass/extra.scss */
#metaNav .dropdown-menu a:hover {
text-decoration: underline;
}
/* line 111, ../sass/extra.scss */
#header.with-logo #userToolsNav { #header.with-logo #userToolsNav {
bottom: 19px; bottom: 19px;
right: -100px; right: -100px;
} }
/* line 115, ../sass/extra.scss */
#secondaryHeader { #secondaryHeader {
background: #fff; background: #fff;
border: none; border: none;
margin-bottom: 7px; margin-bottom: 7px;
} }
/* line 120, ../sass/extra.scss */
.scope-selector { .scope-selector {
font-size: 16px; font-size: 16px;
height: 37px; height: 37px;
border-bottom: 3px solid white; border-bottom: 3px solid white;
} }
.scope-selector.on, /* line 125, ../sass/extra.scss */
.scope-selector.on, .scope-selector:hover {
background: none;
border-bottom: 3px solid;
color: #cf2f19;
text-decoration: none;
-webkit-transition: 0.07s, ease;
-moz-transition: 0.07s, ease;
-o-transition: 0.07s, ease;
transition: 0.07s, ease;
}
/* line 132, ../sass/extra.scss */
.scope-selector:hover { .scope-selector:hover {
background: none; color: #264D69;
border-bottom: 3px solid;
color: #cf2f19;
text-decoration: none;
-webkit-transition: 0.07s ease;
} }
/* line 135, ../sass/extra.scss */
.scope-selector:first-child { .scope-selector:first-child {
margin-left: 0; margin-left: 0;
}
.scope-selector:hover {
color: #264D69;
} }
/* line 140, ../sass/extra.scss */
#askButton,
#homeButton { #homeButton {
background: url(../images/sprites.png) no-repeat 0 -30px; display: none;
border: none;
display: none;
width: 33px;
}
#homeButton:hover {
background: url(../images/sprites.png) no-repeat -44px -29px;
} }
/* line 143, ../sass/extra.scss */
.tabBar { .tabBar {
background: none; background: none;
} }
/* line 146, ../sass/extra.scss */
#logo img { #logo img {
height: 56px; height: 56px;
margin-left: -10px; margin-left: -10px;
} }
/* line 150, ../sass/extra.scss */
#searchBar { #searchBar {
box-shadow: inset #eee 1px 1px 2px 1px; -webkit-box-shadow: inset #eeeeee 1px 1px 2px 1px;
margin-left: 255px; -moz-box-shadow: inset #eeeeee 1px 1px 2px 1px;
margin-top: -33px; box-shadow: inset #eeeeee 1px 1px 2px 1px;
margin-left: 255px;
margin-top: -33px;
} }
/* line 155, ../sass/extra.scss */
.search-drop-menu { .search-drop-menu {
margin-left: 255px; margin-left: 255px;
} }
/* line 158, ../sass/extra.scss */
.search-drop-menu .footer button { .search-drop-menu .footer button {
padding: 2px 6px 3px; padding: 2px 6px 3px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(5%,#F3F3F3), color-stop(100%,rgb(245, 133, 12))); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(5%, #f3f3f3), color-stop(100%, #f5850c));
box-shadow: 0 0 2px 2px white; background: -webkit-linear-gradient(#ffffff, #f3f3f3 5%, #f5850c);
text-shadow: 0 0 0; background: -moz-linear-gradient(#ffffff, #f3f3f3 5%, #f5850c);
} background: -o-linear-gradient(#ffffff, #f3f3f3 5%, #f5850c);
.search-drop-menu .footer button:hover { background: linear-gradient(#ffffff, #f3f3f3 5%, #f5850c);
-webkit-box-shadow: 0 0 2px 2px white;
-moz-box-shadow: 0 0 2px 2px white;
box-shadow: 0 0 2px 2px white;
text-shadow: 0 0 0;
} }
/* line 167, ../sass/extra.scss */
body.anon #searchBar, body.anon #searchBar,
body.anon .search-drop-menu { body.anon .search-drop-menu {
margin-left: 158px; margin-left: 158px;
}
#askButton {
display: none;
} }
/* line 171, ../sass/extra.scss */
#ContentRight { #ContentRight {
margin-top: -56px; margin-top: -56px;
margin-bottom: 56px; margin-bottom: 56px;
} }
.box .contributorback,
.box h2 { /* line 178, ../sass/extra.scss */
background: none; .box h2,
text-align: left; .box .contributorback {
background: none;
text-align: left;
} }
/* line 186, ../sass/extra.scss */
.box .inputs #interestingTagInput,
.box .inputs #ignoredTagInput,
.box .inputs #subscribedTagInput,
.box .inputs #ab-tag-search {
width: 132px;
height: 23px;
line-height: 23px;
}
/* line 195, ../sass/extra.scss */
input[type="submit"].searchBtn, input[type="submit"].searchBtn,
input.cancelSearchBtn { input.cancelSearchBtn {
border: 0; border: 0;
display: none; display: none;
height: 0; height: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
right: -500px; right: -500px;
} }
/* line 207, ../sass/extra.scss */
button, button,
input[type="submit"], input[type="submit"],
input[type="button"], input[type="button"],
input[type="reset"], input[type="reset"],
.button { .button {
font-family: 'PT Sans', serif; font-family: "PT Sans", serif;
font-weight: normal; font-weight: normal;
border: 1px solid #e2e2e2 !important; border: 1px solid #e2e2e2 !important;
padding: 4px 15px; padding: 4px 15px;
color: black!important; color: black!important;
text-decoration: none!important; text-decoration: none!important;
font-size: 12.5px; font-size: 12.5px;
background: #FFFFFF; background: #FFFFFF;
background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 50%, #EBEBEB 100%); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #f3f3f3), color-stop(100%, #ebebeb));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F3F3F3), color-stop(100%,#EBEBEB)); background: -webkit-linear-gradient(#ffffff 0%, #f3f3f3 50%, #ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBEBEB',GradientType=0 ); background: -moz-linear-gradient(#ffffff 0%, #f3f3f3 50%, #ebebeb 100%);
box-shadow: 0px 1px 1px rgba(0,0,0,.5); background: -o-linear-gradient(#ffffff 0%, #f3f3f3 50%, #ebebeb 100%);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.2); background: linear-gradient(#ffffff 0%, #f3f3f3 50%, #ebebeb 100%);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
text-shadow: #fff 0px 1px 1px; -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
border-radius: 3px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
-moz-border-radius: 3px; text-shadow: white 0px 1px 1px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
border-bottom-color: #a0a0a0 !important; -moz-border-radius: 3px;
border-right-color: #bababa !important; -ms-border-radius: 3px;
border-left-color: #bababa !important; -o-border-radius: 3px;
border-radius: 3px;
border-bottom-color: #a0a0a0 !important;
border-right-color: #bababa !important;
border-left-color: #bababa !important;
} }
.box .inputs #interestingTagInput, /* line 227, ../sass/extra.scss */
.box .inputs #ignoredTagInput,
.box .inputs #subscribedTagInput,
.box .inputs #ab-tag-search {
width: 132px;
height: 23px;
line-height: 23px;
}
#tagSelector div.inputs {
}
#tagSelector.box h2 {
}
#metaNav .dropdown,
#metaNav a {
display: inline;
float: none;
padding: 0;
margin: 5px 0 0 0;
}
#metaNav span.dropdown-toggle {
padding: 10px;
border-left: 1px solid #e4eef1;
/*background: url(../images/sprites.png) no-repeat -7px -242px;*/
position: relative;
}
#metaNav span.dropdown-toggle:hover {
background: #e4eef1;
/*background: url(../images/sprites.png) no-repeat -7px -274px;*/
}
#metaNav span.dropdown-toggle:hover .dropdown-menu {
background: #e4eef1;
border-left: 1px solid #e4eef1;
display: block;
left: -1px;
padding: 0 0 10px 0;
top: 32px;
}
#metaNav .dropdown-menu {
background: #e4eef1;
left: 26px;
top: 22px;
}
#metaNav .dropdown-menu li {
line-height: 1.7;
padding-left: 13px;
}
#metaNav .dropdown-menu li:hover {
display: block !important;
margin: 0;
padding: 0;
width: 100% !important;
}
#metaNav .dropdown-menu a {
margin: 0;
padding: 0;
}
#metaNav .dropdon-menu a:hover {
text-decoration: underline;
}
#footer .span-8, #footer .span-8,
#footer .span-4 { #footer .span-4 {
margin: 0; margin: 0;
padding-right: 10px; padding-right: 10px;
} }
/* line 231, ../sass/extra.scss */
#footer h3 { #footer h3 {
color: #de0000; color: #de0000;
font-size: 16px; font-size: 16px;
} }
/* line 235, ../sass/extra.scss */
#footer ul { #footer ul {
list-style: none; list-style: none;
margin: 0; margin: 0;
} }