diff options
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/application.css | 7 | ||||
-rw-r--r-- | app/assets/stylesheets/dashboard.css.scss | 3 | ||||
-rw-r--r-- | app/assets/stylesheets/highlight.css.scss | 135 | ||||
-rw-r--r-- | app/assets/stylesheets/issues.css.scss | 3 | ||||
-rw-r--r-- | app/assets/stylesheets/jquery.ui.selectmenu.css | 33 | ||||
-rw-r--r-- | app/assets/stylesheets/profile.css.scss | 3 | ||||
-rw-r--r-- | app/assets/stylesheets/projects.css.scss | 523 |
7 files changed, 707 insertions, 0 deletions
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css new file mode 100644 index 00000000000..42fe63db2b3 --- /dev/null +++ b/app/assets/stylesheets/application.css @@ -0,0 +1,7 @@ +/* + * This is a manifest file that'll automatically include all the stylesheets available in this directory + * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at + * the top of the compiled file, but it's generally better to create a new file per style scope. + *= require_self + *= require_tree . +*/ diff --git a/app/assets/stylesheets/dashboard.css.scss b/app/assets/stylesheets/dashboard.css.scss new file mode 100644 index 00000000000..e8f34fdd057 --- /dev/null +++ b/app/assets/stylesheets/dashboard.css.scss @@ -0,0 +1,3 @@ +// Place all the styles related to the Dashboard controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/highlight.css.scss b/app/assets/stylesheets/highlight.css.scss new file mode 100644 index 00000000000..05cb98e73cb --- /dev/null +++ b/app/assets/stylesheets/highlight.css.scss @@ -0,0 +1,135 @@ +@mixin round-borders-all($radius) { + border: 1px solid #eaeaea; + -moz-border-radius: $radius; + -webkit-border-radius: $radius; + border-radius: $radius; +} + +table.highlighttable +{ + margin:0px; + padding:0px; + font-size:12px; + table-layout:fixed +} + +td.code, +td.linenos{ + padding:0; + margin:0; + vertical-align:top; +} + +.highlight{ + background:none; + padding:10px 0px 0px 0; + margin-left:10px; +} +.highlight pre{ +} + +.linenodiv pre { + white-space:pre-line; +} + +td.linenos { + background:#ECECEC; + color:#777; + padding:10px 0px 0px 10px; + float:left; + width:45px; + border-right: 1px solid #ccc; + +} + +td.code .highlight { + overflow-x: scroll; +} +table.highlighttable pre{ + padding:0; + margin:0; + font-family: 'Courier New', 'andale mono','lucida console',monospace; + color: #333; + text-align:left; +} + + +.git-empty .highlight { + @include round-borders-all(4px); + background:#eee; + padding:5px; + //overflow-x:scroll; + pre{ + padding:0; + line-height:2.0; + margin:0; + font-family: 'Courier New', 'andale mono','lucida console',monospace; + color: #333; + text-align:left;} + } + +.shadow{ + -webkit-box-shadow:0 5px 15px #000; + -moz-box-shadow:0 5px 15px #000; + box-shadow:0 5px 15px #000; +} + + +.hll { background-color: #ffffff } +.c { color: #888888; font-style: italic } /* Comment */ +.err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.k { color: #000000; font-weight: bold } /* Keyword */ +.cm { color: #888888 } /* Comment.Multiline */ +.cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */ +.c1 { color: #888888 } /* Comment.Single */ +.cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */ +.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.ge { font-style: italic } /* Generic.Emph */ +.gr { color: #aa0000 } /* Generic.Error */ +.gh { color: #303030 } /* Generic.Heading */ +.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.go { color: #888888 } /* Generic.Output */ +.gp { color: #555555 } /* Generic.Prompt */ +.gs { font-weight: bold } /* Generic.Strong */ +.gu { color: #606060 } /* Generic.Subheading */ +.gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc{font-weight:bold;} /* Keyword.Constant */ +.highlight .kd{font-weight:bold;} /* Keyword.Declaration */ +.highlight .kn{font-weight:bold;} /* Keyword.Namespace */ +.highlight .kp{font-weight:bold;} /* Keyword.Pseudo */ +.highlight .kr{font-weight:bold;} /* Keyword.Reserved */ +.highlight .kt{color:#458;font-weight:bold;} /* Keyword.Type */ +.m { color: #0000DD; font-weight: bold } /* Literal.Number */ +.s { color: #dd2200; background-color: #fff0f0 } /* Literal.String */ +.highlight .na{color:#008080;} /* Name.Attribute */ +.highlight .nb{color:#0086B3;} /* Name.Builtin */ +.highlight .nc{color:#458;font-weight:bold;} /* Name.Class */ +.highlight .no{color:#008080;} /* Name.Constant */ +.highlight .ni{color:#800080;} +.highlight .ne{color:#900;font-weight:bold;} /* Name.Exception */ +.highlight .nf{color:#900;font-weight:bold;} /* Name.Function */ +.highlight .nn{color:#005;font-weight:bold;} /* Name.Namespace */ +.highlight .nt{color:#000080;} /* Name.Tag */ +.highlight .nv{color:#008080;} /* Name.Variable */ +.py { color: #336699; font-weight: bold } /* Name.Property */ +.ow { color: #008800 } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mf { color: #0000DD; font-weight: bold } /* Literal.Number.Float */ +.mh { color: #0000DD; font-weight: bold } /* Literal.Number.Hex */ +.highlight .mi {color:#099;} /* Literal.Number.Integer */ +.mo { color: #0000DD; font-weight: bold } /* Literal.Number.Oct */ +.sb { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Backtick */ +.highlight .sc{color:#d14;} /* Literal.String.Char */ +.sd { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Doc */ +.highlight .s2{color:#d14;} /* Literal.String.Double */ +.highlight .se{color:#d14;} /* Literal.String.Escape */ +.highlight .sh{color:#d14;} /* Literal.String.Heredoc */ +.highlight .si{color:#d14;} /* Literal.String.Interpol */ +.highlight .sx{color:#d14;} /* Literal.String.Other */ +.highlight .sr{color:#d14;} /* Literal.String.Regex */ +.highlight .s1{color:#d14;} /* Literal.String.Single */ +.highlight .ss{color:#d14;} /* Literal.String.Symbol */ +.bp { color: #003388 } /* Name.Builtin.Pseudo */ +.vc { color: #336699 } /* Name.Variable.Class */ +.vg { color: #dd7700 } /* Name.Variable.Global */ +.vi { color: #3333bb } diff --git a/app/assets/stylesheets/issues.css.scss b/app/assets/stylesheets/issues.css.scss new file mode 100644 index 00000000000..1fbc8cb88df --- /dev/null +++ b/app/assets/stylesheets/issues.css.scss @@ -0,0 +1,3 @@ +// Place all the styles related to the Issues controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/jquery.ui.selectmenu.css b/app/assets/stylesheets/jquery.ui.selectmenu.css new file mode 100644 index 00000000000..37cfbd0557a --- /dev/null +++ b/app/assets/stylesheets/jquery.ui.selectmenu.css @@ -0,0 +1,33 @@ +/* Selectmenu +----------------------------------*/ +.ui-selectmenu { background:none; font-size:12px;display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; } +.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } +.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ +.ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } +.ui-selectmenu-open { display: block; } +.ui-selectmenu.ui-widget { background:none; } +.ui-selectmenu-menu-popup { margin-top: -1px; } +.ui-selectmenu-menu-dropdown { } +.ui-selectmenu-menu li.ui-state-active { background:#F7FBFC; border:none; padding:1px 0;} +.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } +.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; } +.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; } +.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, +.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } +.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } +.ui-selectmenu-status { line-height: 1.4em; } +.ui-selectmenu-open li.ui-selectmenu-item-focus { background: none repeat scroll 0 0 #FFF6BF; border:1px solid #eaeaea;} +.ui-selectmenu-open li.ui-selectmenu-item-selected { } +.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } +.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } +.ui-selectmenu-menu li .ui-selectmenu-item-content { } +.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } +/* for optgroups */ +.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } +.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; } +.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } +/* IE6 workaround (dotted transparent borders) */ +* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; } +* html .ui-selectmenu-menu li a { position: relative } +/* IE7 workaround (opacity disabled) */ +*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; } diff --git a/app/assets/stylesheets/profile.css.scss b/app/assets/stylesheets/profile.css.scss new file mode 100644 index 00000000000..22ee5087687 --- /dev/null +++ b/app/assets/stylesheets/profile.css.scss @@ -0,0 +1,3 @@ +// Place all the styles related to the Profile controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ diff --git a/app/assets/stylesheets/projects.css.scss b/app/assets/stylesheets/projects.css.scss new file mode 100644 index 00000000000..fcefac1664c --- /dev/null +++ b/app/assets/stylesheets/projects.css.scss @@ -0,0 +1,523 @@ +// Place all the styles related to the Projects controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ + +@mixin round-borders-bottom($radius) { + border-top: 1px solid #eaeaea; + + -moz-border-radius-bottomright: $radius; + -moz-border-radius-bottomleft: $radius; + + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; + + -webkit-border-bottom-left-radius: $radius; + -webkit-border-bottom-right-radius: $radius; +} + +@mixin round-borders-top($radius) { + border-top: 1px solid #eaeaea; + + -moz-border-radius-topright: $radius; + -moz-border-radius-topleft: $radius; + + border-top-right-radius: $radius; + border-top-left-radius: $radius; + + -webkit-border-top-left-radius: $radius; + -webkit-border-top-right-radius: $radius; +} + +@mixin round-borders-all($radius) { + border: 1px solid #eaeaea; + -moz-border-radius: $radius; + -webkit-border-radius: $radius; + border-radius: $radius; +} + +@mixin hover-color { + background: #fff !important; + background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#FFF6BF)) !important; + background: -moz-linear-gradient(top,#fff,#FFF6BF) !important; + background: transparent 9 !important; +} + +.diff_file { + border:1px solid #CCC; + margin-bottom:1em; + + .diff_file_header { + padding:5px 5px; + border-bottom:1px solid #CCC; + background: #eee; + } + .diff_file_content { + overflow-x: scroll; + background:#fff; + color:#333; + font-size: 12px; + font-family: 'Courier New', 'andale mono','lucida console',monospace; + } + .diff_file_content_image { + background:#eee; + text-align:center; + img { + padding:100px; + max-width:300px; + } + } +} + +#logo { + &:hover { + background:none; + } +} + +.file_stats { + margin-bottom:10px; + @include round-borders-all(4px); + + span { + border-top: 1px solid #eaeaea; + padding:5px 5px; + display:block; + &:first-child { + border-top:none; + } + + img { + width:18px; + float:left; + margin-right: 6px; + } + } +} + +.round-borders { + @include round-borders-all(4px); + padding: 4px 0px; +} +table.round-borders { + float:left; +} + +.day-commits-table { + @include round-borders-all(4px); + padding: 4px 0px; + margin-bottom:10px; + display:block; + width:100%; + background: #E6F1F6; + + .day-header { + padding:10px; + h3 { + margin:0px; + } + } + + ul { + display:block; + list-style:none; + margin:0px; + padding:0px; + + li.commit { + display:list-item; + padding:8px; + margin:0px; + background: #F7FBFC; + border-top: 1px solid #E2EAEE; + + &:first-child { + border-top: 1px solid #E2EAEE; + } + &:nth-child(2n+1) { + background: white; + } + + a.button { + width:85px; + padding:10px; + margin:0px; + float:right; + } + p { + margin-bottom: 3px; + font-size: 13px; + } + } + } +} +@mixin panel-color { + background: #111 !important; + background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111)) !important; + background: -moz-linear-gradient(top,#333,#111) !important; + background: transparent 9 !important; +} + + +#header-panel { + @include panel-color; + height:40px; + position:fixed; + z-index:999; + top:0px; + width:100%; + margin-bottom:10px; + overflow:hidden; + .button{ + color:#bbb; + border:none; + margin:0px; + height:25px; + background:transparent; + padding:10px 20px 5px 20px; + &:hover{ + color:white; + } + + &.current { + border-bottom: 3px solid #EAEAEA !important; + padding: 10px 20px 0; + color: #eaeaea; + } + } + .search-holder { + float:left; + width:290px; + input { + @include round-borders-all(4px); + width:290px; + border-color:#888; + padding:5px; + background:#666; + color:#222; + &:focus { + background:#fff; + color:#000; + } + } + } +} + +#content-container{ + min-height:250px; + background: #fff; + @include round-borders-bottom(8px); + borders:2px solid #eaeaea; + border-top: none; + padding:20px; +} + +body { + background: #eaeaea; +} + +a { + color: #111; +} + +.diff_file_content{ + .old_line, .new_line { + background:#ECECEC; + color:#777; + width:15px; + float:left; + padding: 0px 10px; + border-right: 1px solid #ccc; + } +} + + +.view_file_content{ + .old_line, .new_line { + background:#ECECEC; + color:#777; + width:15px; + float:left; + padding: 0px 10px; + border-right: 1px solid #ccc; + } + .old_line{ + display:none; + } +} + +.view_file { + border:1px solid #CCC; + margin-bottom:1em; + + .view_file_header { + padding:5px 5px; + border-bottom:1px solid #CCC; + background: #eee; + } + .view_file_content { + background:#fff; + color:#514721; + font-size: 11px; + } + .view_file_content_image { + background:#eee; + text-align:center; + img { + padding:100px; + max-width:300px; + } + } +} + +.back_small.button{ + +} + +input.ssh_project_url { + padding:5px; + margin:0px; + float:right; + width:400px; + text-align:center; +} + + + +.day-commits-table li.commit { + cursor:pointer; + + &:hover { + @include hover-color; + } +} + +/* +#FFF6BF +#FFD324 +*/ +#tree-slider tr.tree-item { + cursor:pointer; + + &:hover { + @include hover-color; + td { + @include hover-color; + } + } +} +#projects-list .project { + height:50px; +} + +#projects-list .project, +#issues-table .issue{ + cursor:pointer; + + &:hover { + @include hover-color; + td { + @include hover-color; + } + } +} + +.clear { + clear: both; +} + +.top_project_menu { + a { + border-right: 1px solid #FFFFFF; + box-shadow: -1px 0 #DDDDDD inset; + color: #666; + display: block; + font-size: 16px; + text-decoration: none; + line-height: 20px; + padding: 11px 26px 12px 24px; + text-shadow: 0 1px 0 #FFFFFF; + float:left; + + &.current { + background-color: #FFFFFF; + color: #222222; + } + } +} + +.top_bar { + margin-top:50px; + background-color: #F4F4F4; + @include round-borders-top(8px); + box-shadow: 0 1px #FFFFFF inset, 0 -1px #DDDDDD inset; + height: 43px; + overflow: hidden; + width:990px; +} + +/** FORM INPUTS **/ + +.user_new, +.edit_user, +.new_project, +.edit_project { + input[type='text'], + input[type='email'], + input[type='password'], + textarea { + width:400px; + padding:8px; + font-size:14px; + @include round-borders-all(4px); + } +} + +.input_button { + //@include round-borders-all(4px); + padding:8px; + font-size:14px; + cursor:pointer; + background-color: #F5F5F5; + border-color: #EEEEEE #DEDEDE #DEDEDE #EEEEEE; + border-right: 1px solid #DEDEDE; + border-style: solid; + border-width: 1px; +} + +tbody tr:nth-child(2n) td, tbody tr.even td { + background: none repeat scroll 0 0 #F7FBFC; + border-top: 1px solid #E2EAEE; + border-bottom: 1px solid #E2EAEE; +} + +.top_menu_count { + background: none repeat scroll 0 0 #FFF6BF; + border-color: #FFD324; + color: #514721; + border: 1px solid #DDDDDD; + padding: 2px; + font-size:12px; + position:relative; + top:-14px; + left:10px; + border-top:none; +} + +#logo { + color: #EAEAEA; + font-family: monospace; + font-size: 26px; + padding: 4px; + text-decoration: none; + text-shadow: #555 1px 1px; +} + +/** FALSH **/ + +#flash_container { + height:40px; + position:fixed; + z-index:1009; + top:0px; + width:100%; + margin-bottom:10px; + overflow:hidden; + background:white; + cursor:pointer; + border-bottom:1px solid #777; + + h4 { + color:#444; + font-size:22px; + padding-top:5px; + } +} + +/** Buttons **/ + +.lbutton, +.lite_button { + display:block; + float:left; + margin: 0px 5px; + padding:5px 10px; + + font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; + border:1px solid #D3D3D3; + background:white; + font-size:12px; + line-height:130%; + text-decoration:none; + font-weight:bold; + color:#565656; + cursor:pointer; + + &:hover { + border:1px solid #C2E1EF; + color: #0099FF; + } + + &.hm { + margin: 0px 0px; + } + + &.vm { + margin: 5px 0px; + } +} + +/** Notes **/ + +#notes-list { + display:block; + list-style:none; + margin:0px; + padding:0px; + + li { + display:list-item; + padding:8px; + margin:0px; + background: #F7FBFC; + border-top: 1px solid #E2EAEE; + + &:first-child { + border-top: none; + } + &:nth-child(2n+1) { + background: white; + } + p { + margin-bottom: 3px; + font-size: 12px; + } + } +} + +.notes_count { + background: none repeat scroll 0 0 #FFF6BF; + border-color: #FFD324; + color: #514721; + border: 2px solid #DDDDDD; + margin-bottom: 1em; + margin-top: 3px; + padding: 2px 5px; + position: relative; + right: 6px; + top: 6px; +} +.note_author { + float:left; + width:60px; +} +.note_content { + float:left; + width:750px; +} + +.issue_notes { + .note_content { + float:left; + width:400px; + } +} |