diff --git a/css/debug.css b/css/debug.css index 7be459b3c..0bded11fb 100644 --- a/css/debug.css +++ b/css/debug.css @@ -1,6 +1,6 @@ body { background-color: #eee; margin: 0; overflow-x: hidden; padding: 0; font-family: Helvetica,Arial,sans-serif; } -.info { margin: 0 0 6px 0; padding: 18px; background-color: #003050; position: relative; line-height: 24px; color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #002137), color-stop(10%, #003050), color-stop(90%, #003050), color-stop(100%, #002137)); background-image: -webkit-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -moz-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -o-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -ms-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: linear-gradient(#002137, #003050 10%, #003050 90%, #002137); } +.info { margin: 0 0 6px 0; padding: 18px; background-color: #003050; position: relative; line-height: 24px; color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #002137), color-stop(10%, #003050), color-stop(90%, #003050), color-stop(100%, #002137)); background-image: -webkit-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -moz-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: -o-linear-gradient(#002137, #003050 10%, #003050 90%, #002137); background-image: linear-gradient(#002137, #003050 10%, #003050 90%, #002137); } .info h1 { margin: 0 0 6px 0; padding: 0 32px 0 0; color: #fff; font-size: 24px; text-shadow: 0 1px #002137; line-height: 30px; background: url(../admin/images/logo_small.png) no-repeat right 3px; } .info h3 { color: #7da4be; font-size: 16px; line-height: 18px; font-weight: normal; } .info p { margin: 0; font-size: 14px; color: #fff; } @@ -10,10 +10,7 @@ body { background-color: #eee; margin: 0; overflow-x: hidden; padding: 0; font-f .header { margin: 0; border-bottom: 6px solid #ccdef3; height: 23px; background-color: #666673; padding: 4px 0 2px 6px; } .trace, .build, .options { padding: 6px 12px; } -.trace .test-case { font-size: 1.1em; } .trace li, .build li, .options li { font-size: 14px; margin: 6px 0; } -.trace .failure { margin: 1em 0 2em; } -.trace .failure pre { color: #C80700; background: #FFE9E9; border-color: #FDC4C1; } a { color: #666; } a:hover { color: #222; } @@ -21,7 +18,7 @@ a:active { color: #111; } p { margin-bottom: 6px; } -pre { margin: 1em 0; background-color: #f5f5f5; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.1); color: #333; padding: 10px 15px; overflow: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } +pre { margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.08); color: #333; padding: 11px; overflow: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } pre span { color: #999; } pre .error { color: #f00; } @@ -31,12 +28,8 @@ h3 { margin: 0 0 6px 0; color: #333; font-size: 18px; line-height: 24px; } ul { margin: 0 0 18px 0; padding: 0 0 0 18px; } -.status { margin-top: 18px; padding: 0; color: #333; background: #EEEEEE; border: 1px solid #CCCCCC; border-radius: 4px; } -.status h2 { margin: 10px 15px; } -.pass { color: #006600; background: #E2F9E3; border-color: #92f192; } -.fail { color: #C80700; background: #FFE9E9; border-color: #FDC4C1; } +fieldset { border: 1px solid #b2b2b2; margin-bottom: 18px; padding: 17px; } -.message { background-color: white; color: #333; margin: 0.5em; padding: 0.5em 0.8em 0.4em; border: 1px #CCC solid; border-radius: 4px; } -.message.warning { color: #fc7330; background: #fcf5ed; border-color: #fdd0a0; } +.pass { margin-top: 18px; padding: 2px 20px 2px 40px; color: #006600; background: #E2F9E3; border: 1px solid #8DD38D; border-radius: 4px; } -.total-time { padding: 0 15px; margin-bottom: 1em; } \ No newline at end of file +.fail { margin-top: 18px; padding: 2px 20px 2px 40px; color: #C80700; background: #FFE9E9; border: 1px solid #C80700; border-radius: 4px; } diff --git a/scss/debug.scss b/scss/debug.scss index 2b3a459c5..5af769574 100644 --- a/scss/debug.scss +++ b/scss/debug.scss @@ -129,6 +129,12 @@ ul { padding: 0 0 0 18px; } +fieldset { + border: 1px solid #b2b2b2; + margin-bottom: 18px; + padding: 17px; +} + .pass { margin-top:18px; padding:2px 20px 2px 40px; color:#006600; background:#E2F9E3; border: 1px solid #8DD38D; border-radius:4px; diff --git a/templates/Controller.ss b/templates/Controller.ss index d23bb372b..327846588 100644 --- a/templates/Controller.ss +++ b/templates/Controller.ss @@ -11,33 +11,35 @@

<% if $Title %>$Title<% else %>Welcome to SilverStripe<% end_if %>

-

Generated with the default Controller.ss template

- <% if $Content %>$Content<% else %> -

Getting Started

+ <% if $Content || $Form %> + $Content + $Form + <% else %> +

Getting Started

-

To get started with the SilverStripe framework:

-
    -
  1. Create a Controller subclass (doc.silverstripe.org/framework/en/topics/controller)
  2. -
  3. Setup the routes.yml f to your Controller (doc.silverstripe.org/framework/en/reference/director#routing).
  4. -
  5. Create a template for your Controller (doc.silverstripe.org/framework/en/reference/templates)
  6. -
+

To get started with the SilverStripe framework:

+
    +
  1. Create a Controller subclass (doc.silverstripe.org/framework/en/topics/controller)
  2. +
  3. Setup the routes.yml f to your Controller (doc.silverstripe.org/framework/en/reference/director#routing).
  4. +
  5. Create a template for your Controller (doc.silverstripe.org/framework/en/reference/templates)
  6. +
+ +

Community resources

+ +