From 834a5ab6e6204bc4fbc7fffd23665359fb3199ba Mon Sep 17 00:00:00 2001 From: "kay.one" Date: Sun, 26 Jun 2011 20:05:47 -0700 Subject: [PATCH] More CSS cleanup, config pages are pretty messed up. --- NzbDrone.Web/Content/Blueprint/ie.css | 2 +- NzbDrone.Web/Content/Blueprint/liquid.css | 197 ++++++++++++ NzbDrone.Web/Content/Blueprint/screen.css | 302 +++++++++--------- NzbDrone.Web/NzbDrone.Web.csproj | 1 + NzbDrone.Web/Views/Series/Index.cshtml | 5 +- NzbDrone.Web/Views/Settings/Indexers.cshtml | 22 +- .../Views/Settings/QualityProfileItem.cshtml | 5 +- NzbDrone.Web/Views/Shared/_Layout.cshtml | 3 +- 8 files changed, 359 insertions(+), 178 deletions(-) create mode 100644 NzbDrone.Web/Content/Blueprint/liquid.css diff --git a/NzbDrone.Web/Content/Blueprint/ie.css b/NzbDrone.Web/Content/Blueprint/ie.css index f01539959..61a537143 100644 --- a/NzbDrone.Web/Content/Blueprint/ie.css +++ b/NzbDrone.Web/Content/Blueprint/ie.css @@ -1,7 +1,7 @@ /* ----------------------------------------------------------------------- - Blueprint CSS Framework 1.0.1 + Blueprint CSS Framework 1.0 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. diff --git a/NzbDrone.Web/Content/Blueprint/liquid.css b/NzbDrone.Web/Content/Blueprint/liquid.css new file mode 100644 index 000000000..d3c651db0 --- /dev/null +++ b/NzbDrone.Web/Content/Blueprint/liquid.css @@ -0,0 +1,197 @@ +/* -------------------------------------------------------------- + + liquid.css + * Sets up an easy-to-use grid of 24 columns that stretch + to the window width or can also be fixed width. + + Liquid grid work by: + * Ben Listwon + * David Bedingfield + * Andrei Michael Herasimchuk + Involution Studios, http://www.involutionstudios.com + + ----- + + grid.css + * Sets up an easy-to-use grid of 24 columns. + + Based on work by: + * Nathan Borror [playgroundblues.com] + * Jeff Croft [jeffcroft.com] + * Christian Metts [mintchaos.com] + * Khoi Vinh [subtraction.com] + + ----- + + By default, the grid is 80% of window width, with 24 columns. + + To make the grid fixed, simply change the .container width + property to a pixel value. e.g., 960px. + +-------------------------------------------------------------- */ + +/* A container should group your entire grid. */ +.container { + min-width: 950px; + width: 80%; + margin: 0 auto; + overflow: hidden; +} + +/* A block should group all your columns per row stack. */ +.block {overflow: hidden;} + + +/* Columns +-------------------------------------------------------------- */ + +/* Use this class together with the .span-x classes + to create any composition of columns in a layout. */ +.column {float: left;} + +/* The last column in a row needs this class. */ +.last { margin-right: 0; } + +/* Use these classes to set the width of a column. */ +.span-1 { width: 4%; } +.span-2 { width: 8%; } +.span-3 { width: 12%; } +.span-4 { width: 16%; } +.span-5 { width: 20%; } +.span-6 { width: 25%; } +.span-7 { width: 29%; } +.span-8 { width: 33%; } +.span-9 { width: 37%; } +.span-10 { width: 41%; } +.span-11 { width: 45%; } +.span-12 { width: 50%; } +.span-13 { width: 54%; } +.span-14 { width: 58%; } +.span-15 { width: 62%; } +.span-16 { width: 66%; } +.span-17 { width: 70%; } +.span-18 { width: 75%; } +.span-19 { width: 79%; } +.span-20 { width: 83%; } +.span-21 { width: 87%; } +.span-22 { width: 91%; } +.span-23 { width: 95%; } +.span-24 { width: 100%; margin-right: 0; } + +.span-1>div, .span-2>div, .span-3>div, .span-4>div, +.span-5>div, .span-6>div, .span-7>div, .span-8>div, +.span-9>div, .span-10>div, .span-11>div, .span-12>div, +.span-13>div, .span-14>div, .span-15>div, .span-16>div, +.span-17>div, .span-18>div, .span-19>div, .span-20>div, +.span-21>div, .span-22>div, .span-23>div, .span-24>div { + margin: 0 0.833em 0 0; + overflow: hidden; +} + +/* Add these to a column to append empty cols. */ +.append-1 { padding-right: 4%; } +.append-2 { padding-right: 8%; } +.append-3 { padding-right: 12%; } +.append-4 { padding-right: 16%; } +.append-5 { padding-right: 20%; } +.append-6 { padding-right: 25%; } +.append-7 { padding-right: 29%; } +.append-8 { padding-right: 33%; } +.append-9 { padding-right: 37%; } +.append-10 { padding-right: 41%; } +.append-11 { padding-right: 45%; } +.append-12 { padding-right: 50%; } +.append-13 { padding-right: 54%; } +.append-14 { padding-right: 58%; } +.append-15 { padding-right: 62%; } +.append-16 { padding-right: 66%; } +.append-17 { padding-right: 70%; } +.append-18 { padding-right: 75%; } +.append-19 { padding-right: 79%; } +.append-20 { padding-right: 83%; } +.append-21 { padding-right: 87%; } +.append-22 { padding-right: 91%; } +.append-23 { padding-right: 95%; } + +/* Add these to a column to prepend empty cols. */ +.prepend-1 { padding-left: 4%; } +.prepend-2 { padding-left: 8%; } +.prepend-3 { padding-left: 12%; } +.prepend-4 { padding-left: 16%; } +.prepend-5 { padding-left: 20%; } +.prepend-6 { padding-left: 25%; } +.prepend-7 { padding-left: 29%; } +.prepend-8 { padding-left: 33%; } +.prepend-9 { padding-left: 37%; } +.prepend-10 { padding-left: 41%; } +.prepend-11 { padding-left: 45%; } +.prepend-12 { padding-left: 50%; } +.prepend-13 { padding-left: 54%; } +.prepend-14 { padding-left: 58%; } +.prepend-15 { padding-left: 62%; } +.prepend-16 { padding-left: 66%; } +.prepend-17 { padding-left: 70%; } +.prepend-18 { padding-left: 75%; } +.prepend-19 { padding-left: 79%; } +.prepend-20 { padding-left: 83%; } +.prepend-21 { padding-left: 87%; } +.prepend-22 { padding-left: 91%; } +.prepend-23 { padding-left: 95%; } + + +/* Border on right hand side of a column. */ +.border { + border-right: 1px solid #eee; +} + +/* Border with more whitespace, spans one column. */ +.colborder { + padding-right: 2%; + margin-right: 2%; + border-right: 1px solid #eee; +} + +.colborder>div { + margin: 0; +} + + +/* Use these classes on an element to push it into the + next column, or to pull it into the previous column. */ + +.pull-1 { margin-left: -3.333em; } +.pull-2 { margin-left: -6.666em; } +.pull-3 { margin-left: -10em; } +.pull-4 { margin-left: -13.333em; } + +.push-0 { margin: 0 0 0 1.5em; } +.push-1 { margin: 0 -3.333em 0 1.5em; } +.push-2 { margin: 0 -6.666em 0 1.5em; } +.push-3 { margin: 0 -10em 0 1.5em; } +.push-4 { margin: 0 -13.333em 0 1.5em; } +.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; } + + +/* Misc classes and elements +-------------------------------------------------------------- */ + +/* Use a .box to create a padded box inside a column. */ +.box { + padding: 1.5em; + margin-bottom: 1.5em; + background: #eee; +} + +/* Use this to create a horizontal ruler across a column. */ +hr { + background: #ddd; + color: #ddd; + width: 100%; + height: 0.083em; + margin: 0 0 1.583em; + border: none; +} +hr.space { + background: #fff; + color: #fff; +} \ No newline at end of file diff --git a/NzbDrone.Web/Content/Blueprint/screen.css b/NzbDrone.Web/Content/Blueprint/screen.css index fe68de6e4..d7baa3b09 100644 --- a/NzbDrone.Web/Content/Blueprint/screen.css +++ b/NzbDrone.Web/Content/Blueprint/screen.css @@ -1,7 +1,7 @@ /* ----------------------------------------------------------------------- - Blueprint CSS Framework 1.0.1 + Blueprint CSS Framework 1.0 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. @@ -13,8 +13,8 @@ /* reset.css */ html {margin:0;padding:0;border:0;} -body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} -article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;} +body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} +article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;} body {line-height:1.5;background:white;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} @@ -84,10 +84,10 @@ fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;} fieldset, #IE8#HACK {padding-top:1.4em;} legend, #IE8#HACK {margin-top:0;margin-bottom:0;} -input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;} -input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} +input[type=text], input[type=password], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;} +input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} select {background-color:#fff;border-width:1px;border-style:solid;} -input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;} +input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} @@ -104,161 +104,161 @@ form.inline p {margin-bottom:0;} .info a {color:#205791;} /* grid.css */ -.container {width:950px;margin:0 auto;} +.container {width:1190px;margin:0 auto;} .showgrid {background:url(src/grid.png);} .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;} .last {margin-right:0;} -.span-1 {width:30px;} -.span-2 {width:70px;} -.span-3 {width:110px;} -.span-4 {width:150px;} -.span-5 {width:190px;} -.span-6 {width:230px;} -.span-7 {width:270px;} -.span-8 {width:310px;} -.span-9 {width:350px;} -.span-10 {width:390px;} -.span-11 {width:430px;} -.span-12 {width:470px;} -.span-13 {width:510px;} -.span-14 {width:550px;} -.span-15 {width:590px;} -.span-16 {width:630px;} -.span-17 {width:670px;} -.span-18 {width:710px;} -.span-19 {width:750px;} -.span-20 {width:790px;} -.span-21 {width:830px;} -.span-22 {width:870px;} -.span-23 {width:910px;} -.span-24 {width:950px;margin-right:0;} +.span-1 {width:40px;} +.span-2 {width:90px;} +.span-3 {width:140px;} +.span-4 {width:190px;} +.span-5 {width:240px;} +.span-6 {width:290px;} +.span-7 {width:340px;} +.span-8 {width:390px;} +.span-9 {width:440px;} +.span-10 {width:490px;} +.span-11 {width:540px;} +.span-12 {width:590px;} +.span-13 {width:640px;} +.span-14 {width:690px;} +.span-15 {width:740px;} +.span-16 {width:790px;} +.span-17 {width:840px;} +.span-18 {width:890px;} +.span-19 {width:940px;} +.span-20 {width:990px;} +.span-21 {width:1040px;} +.span-22 {width:1090px;} +.span-23 {width:1140px;} +.span-24 {width:1190px;margin-right:0;} input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;} -input.span-1, textarea.span-1 {width:18px;} -input.span-2, textarea.span-2 {width:58px;} -input.span-3, textarea.span-3 {width:98px;} -input.span-4, textarea.span-4 {width:138px;} -input.span-5, textarea.span-5 {width:178px;} -input.span-6, textarea.span-6 {width:218px;} -input.span-7, textarea.span-7 {width:258px;} -input.span-8, textarea.span-8 {width:298px;} -input.span-9, textarea.span-9 {width:338px;} -input.span-10, textarea.span-10 {width:378px;} -input.span-11, textarea.span-11 {width:418px;} -input.span-12, textarea.span-12 {width:458px;} -input.span-13, textarea.span-13 {width:498px;} -input.span-14, textarea.span-14 {width:538px;} -input.span-15, textarea.span-15 {width:578px;} -input.span-16, textarea.span-16 {width:618px;} -input.span-17, textarea.span-17 {width:658px;} -input.span-18, textarea.span-18 {width:698px;} -input.span-19, textarea.span-19 {width:738px;} -input.span-20, textarea.span-20 {width:778px;} -input.span-21, textarea.span-21 {width:818px;} -input.span-22, textarea.span-22 {width:858px;} -input.span-23, textarea.span-23 {width:898px;} -input.span-24, textarea.span-24 {width:938px;} -.append-1 {padding-right:40px;} -.append-2 {padding-right:80px;} -.append-3 {padding-right:120px;} -.append-4 {padding-right:160px;} -.append-5 {padding-right:200px;} -.append-6 {padding-right:240px;} -.append-7 {padding-right:280px;} -.append-8 {padding-right:320px;} -.append-9 {padding-right:360px;} -.append-10 {padding-right:400px;} -.append-11 {padding-right:440px;} -.append-12 {padding-right:480px;} -.append-13 {padding-right:520px;} -.append-14 {padding-right:560px;} -.append-15 {padding-right:600px;} -.append-16 {padding-right:640px;} -.append-17 {padding-right:680px;} -.append-18 {padding-right:720px;} -.append-19 {padding-right:760px;} -.append-20 {padding-right:800px;} -.append-21 {padding-right:840px;} -.append-22 {padding-right:880px;} -.append-23 {padding-right:920px;} -.prepend-1 {padding-left:40px;} -.prepend-2 {padding-left:80px;} -.prepend-3 {padding-left:120px;} -.prepend-4 {padding-left:160px;} -.prepend-5 {padding-left:200px;} -.prepend-6 {padding-left:240px;} -.prepend-7 {padding-left:280px;} -.prepend-8 {padding-left:320px;} -.prepend-9 {padding-left:360px;} -.prepend-10 {padding-left:400px;} -.prepend-11 {padding-left:440px;} -.prepend-12 {padding-left:480px;} -.prepend-13 {padding-left:520px;} -.prepend-14 {padding-left:560px;} -.prepend-15 {padding-left:600px;} -.prepend-16 {padding-left:640px;} -.prepend-17 {padding-left:680px;} -.prepend-18 {padding-left:720px;} -.prepend-19 {padding-left:760px;} -.prepend-20 {padding-left:800px;} -.prepend-21 {padding-left:840px;} -.prepend-22 {padding-left:880px;} -.prepend-23 {padding-left:920px;} +input.span-1, textarea.span-1 {width:28px;} +input.span-2, textarea.span-2 {width:78px;} +input.span-3, textarea.span-3 {width:128px;} +input.span-4, textarea.span-4 {width:178px;} +input.span-5, textarea.span-5 {width:228px;} +input.span-6, textarea.span-6 {width:278px;} +input.span-7, textarea.span-7 {width:328px;} +input.span-8, textarea.span-8 {width:378px;} +input.span-9, textarea.span-9 {width:428px;} +input.span-10, textarea.span-10 {width:478px;} +input.span-11, textarea.span-11 {width:528px;} +input.span-12, textarea.span-12 {width:578px;} +input.span-13, textarea.span-13 {width:628px;} +input.span-14, textarea.span-14 {width:678px;} +input.span-15, textarea.span-15 {width:728px;} +input.span-16, textarea.span-16 {width:778px;} +input.span-17, textarea.span-17 {width:828px;} +input.span-18, textarea.span-18 {width:878px;} +input.span-19, textarea.span-19 {width:928px;} +input.span-20, textarea.span-20 {width:978px;} +input.span-21, textarea.span-21 {width:1028px;} +input.span-22, textarea.span-22 {width:1078px;} +input.span-23, textarea.span-23 {width:1128px;} +input.span-24, textarea.span-24 {width:1178px;} +.append-1 {padding-right:50px;} +.append-2 {padding-right:100px;} +.append-3 {padding-right:150px;} +.append-4 {padding-right:200px;} +.append-5 {padding-right:250px;} +.append-6 {padding-right:300px;} +.append-7 {padding-right:350px;} +.append-8 {padding-right:400px;} +.append-9 {padding-right:450px;} +.append-10 {padding-right:500px;} +.append-11 {padding-right:550px;} +.append-12 {padding-right:600px;} +.append-13 {padding-right:650px;} +.append-14 {padding-right:700px;} +.append-15 {padding-right:750px;} +.append-16 {padding-right:800px;} +.append-17 {padding-right:850px;} +.append-18 {padding-right:900px;} +.append-19 {padding-right:950px;} +.append-20 {padding-right:1000px;} +.append-21 {padding-right:1050px;} +.append-22 {padding-right:1100px;} +.append-23 {padding-right:1150px;} +.prepend-1 {padding-left:50px;} +.prepend-2 {padding-left:100px;} +.prepend-3 {padding-left:150px;} +.prepend-4 {padding-left:200px;} +.prepend-5 {padding-left:250px;} +.prepend-6 {padding-left:300px;} +.prepend-7 {padding-left:350px;} +.prepend-8 {padding-left:400px;} +.prepend-9 {padding-left:450px;} +.prepend-10 {padding-left:500px;} +.prepend-11 {padding-left:550px;} +.prepend-12 {padding-left:600px;} +.prepend-13 {padding-left:650px;} +.prepend-14 {padding-left:700px;} +.prepend-15 {padding-left:750px;} +.prepend-16 {padding-left:800px;} +.prepend-17 {padding-left:850px;} +.prepend-18 {padding-left:900px;} +.prepend-19 {padding-left:950px;} +.prepend-20 {padding-left:1000px;} +.prepend-21 {padding-left:1050px;} +.prepend-22 {padding-left:1100px;} +.prepend-23 {padding-left:1150px;} .border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;} -.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;} -.pull-1 {margin-left:-40px;} -.pull-2 {margin-left:-80px;} -.pull-3 {margin-left:-120px;} -.pull-4 {margin-left:-160px;} -.pull-5 {margin-left:-200px;} -.pull-6 {margin-left:-240px;} -.pull-7 {margin-left:-280px;} -.pull-8 {margin-left:-320px;} -.pull-9 {margin-left:-360px;} -.pull-10 {margin-left:-400px;} -.pull-11 {margin-left:-440px;} -.pull-12 {margin-left:-480px;} -.pull-13 {margin-left:-520px;} -.pull-14 {margin-left:-560px;} -.pull-15 {margin-left:-600px;} -.pull-16 {margin-left:-640px;} -.pull-17 {margin-left:-680px;} -.pull-18 {margin-left:-720px;} -.pull-19 {margin-left:-760px;} -.pull-20 {margin-left:-800px;} -.pull-21 {margin-left:-840px;} -.pull-22 {margin-left:-880px;} -.pull-23 {margin-left:-920px;} -.pull-24 {margin-left:-960px;} +.colborder {padding-right:29px;margin-right:30px;border-right:1px solid #ddd;} +.pull-1 {margin-left:-50px;} +.pull-2 {margin-left:-100px;} +.pull-3 {margin-left:-150px;} +.pull-4 {margin-left:-200px;} +.pull-5 {margin-left:-250px;} +.pull-6 {margin-left:-300px;} +.pull-7 {margin-left:-350px;} +.pull-8 {margin-left:-400px;} +.pull-9 {margin-left:-450px;} +.pull-10 {margin-left:-500px;} +.pull-11 {margin-left:-550px;} +.pull-12 {margin-left:-600px;} +.pull-13 {margin-left:-650px;} +.pull-14 {margin-left:-700px;} +.pull-15 {margin-left:-750px;} +.pull-16 {margin-left:-800px;} +.pull-17 {margin-left:-850px;} +.pull-18 {margin-left:-900px;} +.pull-19 {margin-left:-950px;} +.pull-20 {margin-left:-1000px;} +.pull-21 {margin-left:-1050px;} +.pull-22 {margin-left:-1100px;} +.pull-23 {margin-left:-1150px;} +.pull-24 {margin-left:-1200px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;} -.push-1 {margin:0 -40px 1.5em 40px;} -.push-2 {margin:0 -80px 1.5em 80px;} -.push-3 {margin:0 -120px 1.5em 120px;} -.push-4 {margin:0 -160px 1.5em 160px;} -.push-5 {margin:0 -200px 1.5em 200px;} -.push-6 {margin:0 -240px 1.5em 240px;} -.push-7 {margin:0 -280px 1.5em 280px;} -.push-8 {margin:0 -320px 1.5em 320px;} -.push-9 {margin:0 -360px 1.5em 360px;} -.push-10 {margin:0 -400px 1.5em 400px;} -.push-11 {margin:0 -440px 1.5em 440px;} -.push-12 {margin:0 -480px 1.5em 480px;} -.push-13 {margin:0 -520px 1.5em 520px;} -.push-14 {margin:0 -560px 1.5em 560px;} -.push-15 {margin:0 -600px 1.5em 600px;} -.push-16 {margin:0 -640px 1.5em 640px;} -.push-17 {margin:0 -680px 1.5em 680px;} -.push-18 {margin:0 -720px 1.5em 720px;} -.push-19 {margin:0 -760px 1.5em 760px;} -.push-20 {margin:0 -800px 1.5em 800px;} -.push-21 {margin:0 -840px 1.5em 840px;} -.push-22 {margin:0 -880px 1.5em 880px;} -.push-23 {margin:0 -920px 1.5em 920px;} -.push-24 {margin:0 -960px 1.5em 960px;} +.push-1 {margin:0 -50px 1.5em 50px;} +.push-2 {margin:0 -100px 1.5em 100px;} +.push-3 {margin:0 -150px 1.5em 150px;} +.push-4 {margin:0 -200px 1.5em 200px;} +.push-5 {margin:0 -250px 1.5em 250px;} +.push-6 {margin:0 -300px 1.5em 300px;} +.push-7 {margin:0 -350px 1.5em 350px;} +.push-8 {margin:0 -400px 1.5em 400px;} +.push-9 {margin:0 -450px 1.5em 450px;} +.push-10 {margin:0 -500px 1.5em 500px;} +.push-11 {margin:0 -550px 1.5em 550px;} +.push-12 {margin:0 -600px 1.5em 600px;} +.push-13 {margin:0 -650px 1.5em 650px;} +.push-14 {margin:0 -700px 1.5em 700px;} +.push-15 {margin:0 -750px 1.5em 750px;} +.push-16 {margin:0 -800px 1.5em 800px;} +.push-17 {margin:0 -850px 1.5em 850px;} +.push-18 {margin:0 -900px 1.5em 900px;} +.push-19 {margin:0 -950px 1.5em 950px;} +.push-20 {margin:0 -1000px 1.5em 1000px;} +.push-21 {margin:0 -1050px 1.5em 1050px;} +.push-22 {margin:0 -1100px 1.5em 1100px;} +.push-23 {margin:0 -1150px 1.5em 1150px;} +.push-24 {margin:0 -1200px 1.5em 1200px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;} div.prepend-top, .prepend-top {margin-top:1.5em;} div.append-bottom, .append-bottom {margin-bottom:1.5em;} .box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;} -hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;} +hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;} hr.space {background:#fff;color:#fff;visibility:hidden;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} diff --git a/NzbDrone.Web/NzbDrone.Web.csproj b/NzbDrone.Web/NzbDrone.Web.csproj index 7eb8f1258..b5168ff0c 100644 --- a/NzbDrone.Web/NzbDrone.Web.csproj +++ b/NzbDrone.Web/NzbDrone.Web.csproj @@ -591,6 +591,7 @@ + diff --git a/NzbDrone.Web/Views/Series/Index.cshtml b/NzbDrone.Web/Views/Series/Index.cshtml index d2787190f..32ac142ad 100644 --- a/NzbDrone.Web/Views/Series/Index.cshtml +++ b/NzbDrone.Web/Views/Series/Index.cshtml @@ -146,7 +146,7 @@ Series } - diff --git a/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml b/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml index e1eeb900f..25599cab6 100644 --- a/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml +++ b/NzbDrone.Web/Views/Settings/QualityProfileItem.cshtml @@ -29,7 +29,6 @@ @using (Html.BeginCollectionItem("Profiles")) { var idClean = ViewData.TemplateInfo.HtmlFieldPrefix.Replace('[', '_').Replace(']', '_'); - var ugly = ViewData.TemplateInfo.HtmlFieldPrefix; string selectable = String.Format("{0}_selectable", idClean); string allowedStringName = String.Format("{0}_AllowedString", idClean); @@ -92,7 +91,7 @@ $(document).ready(function () { addOption('@Model.Name', '@ViewData["ProfileId"]'); - result = ""; + var result = ""; $("#@selectable .quality-selected").each(function () { result += this.firstChild.data + ","; }); @@ -121,7 +120,7 @@ $('').appendTo('#@cutoff'); } - result = ""; + var result = ""; $("#@selectable .quality-selected").each(function () { result += this.firstChild.data + ","; }); diff --git a/NzbDrone.Web/Views/Shared/_Layout.cshtml b/NzbDrone.Web/Views/Shared/_Layout.cshtml index 30f005d32..113505313 100644 --- a/NzbDrone.Web/Views/Shared/_Layout.cshtml +++ b/NzbDrone.Web/Views/Shared/_Layout.cshtml @@ -3,6 +3,7 @@ NZBDrone + @MvcMiniProfiler.MiniProfiler.RenderIncludes() - @MvcMiniProfiler.MiniProfiler.RenderIncludes() + @RenderSection("HeaderContent", required: false)