// reorganize some css and stuff on backward compatibility
This commit is contained in:
Kevin Granger
@@ -0,0 +1,4 @@
|
||||
#content.nobootstrap
|
||||
background-color: white
|
||||
width: 1200px
|
||||
padding: 80px 40px
|
||||
@@ -0,0 +1,128 @@
|
||||
html
|
||||
min-height: 100%
|
||||
height: 100%
|
||||
font-size: 62.5%
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0)
|
||||
body
|
||||
min-height: 100%
|
||||
height: 100%
|
||||
font: 400 #{$font-size-base}/#{$line-height-base} $font-family-base
|
||||
color: $text-color
|
||||
background-color: $body-bg
|
||||
|
||||
#main
|
||||
z-index: 10
|
||||
float: left
|
||||
width: 100%
|
||||
min-height: 100%
|
||||
padding: 36px 0 60px
|
||||
margin: 0 0 -60px 0
|
||||
background-color: $bg-content-color
|
||||
//background-image: url('../img/patterns/bedge_grunge.png') // texture
|
||||
|
||||
#content.bootstrap
|
||||
padding: 80px 10px 0
|
||||
@include transition-property(margin)
|
||||
@include transition-duration(0.4s)
|
||||
@include transition-timing-function(ease-out)
|
||||
.panel
|
||||
padding: 20px
|
||||
margin-bottom: 20px
|
||||
border: solid 1px darken($bg-content-color,10%)
|
||||
background-color: lighten($bg-content-color,20%)
|
||||
@include border-radius(5px)
|
||||
@include box-shadow(rgba(black,0.10) 0 2px 0, white 0 0 0 3px inset)
|
||||
.panel-heading
|
||||
@extend h3
|
||||
h3:not(.modal-title), .panel-heading
|
||||
border: none
|
||||
padding: 0 5px
|
||||
margin: -16px -16px 15px -16px
|
||||
color: contrasted($bg-panel-heading-color)
|
||||
font-size: 1.2em
|
||||
line-height: 30px
|
||||
font-weight: 300
|
||||
text-transform: uppercase
|
||||
background-color: white
|
||||
border-bottom: solid 1px #ccc
|
||||
i, a
|
||||
color: contrasted($bg-panel-heading-color)
|
||||
.badge
|
||||
background-color: $brand-primary
|
||||
+border-radius(0)
|
||||
height: 29px
|
||||
line-height: 25px
|
||||
font-size: 1.3em
|
||||
margin-right: 7px
|
||||
font-weight: 300
|
||||
float: left
|
||||
margin-left: -5px
|
||||
.panel-heading-action
|
||||
@extend .pull-right
|
||||
margin-right: -5px
|
||||
a.list-toolbar-btn
|
||||
float: left
|
||||
height: 30px
|
||||
width: 30px
|
||||
color: $brand-primary
|
||||
border-left: solid 1px #ccc
|
||||
&:hover
|
||||
text-decoration: none
|
||||
color: black
|
||||
i
|
||||
text-align: center
|
||||
font-size: 1.3em
|
||||
line-height: 30px
|
||||
.panel-danger .panel-heading
|
||||
background-color: $badge-notif-color!important
|
||||
form .alert
|
||||
clear: both
|
||||
@media (max-width: $screen-phone)
|
||||
margin: 0
|
||||
padding: 80px 5px 0
|
||||
|
||||
//data-focus
|
||||
.data-focus
|
||||
&.data-focus-primary
|
||||
background-color: $brand-primary
|
||||
color: white
|
||||
@include border-radius(10px)
|
||||
|
||||
//orders
|
||||
#customer_part
|
||||
.customerCard
|
||||
&.selected-customer .panel
|
||||
color: $brand-success
|
||||
border: solid 2px $brand-success
|
||||
|
||||
//modal
|
||||
body.display-modal
|
||||
#content, #main
|
||||
margin: 0
|
||||
padding: 0
|
||||
background: #F8F8F8
|
||||
|
||||
//todo: remove temp fix for bootstrap RC1 -> final
|
||||
.bootstrap
|
||||
input[type="text"],input[type="search"],input[type="password"], textarea, select
|
||||
@extend .form-control
|
||||
|
||||
//panels
|
||||
.bootstrap
|
||||
.panel
|
||||
.panel-footer
|
||||
margin: 15px -20px -20px
|
||||
height: 73px
|
||||
.btn.pull-right
|
||||
margin-left: 3px
|
||||
#header
|
||||
.panel-footer
|
||||
margin: 15px 0 0!important
|
||||
height: 40px!important
|
||||
|
||||
//colors
|
||||
.attributes-color-container
|
||||
width: 40px
|
||||
height: 25px
|
||||
display: block
|
||||
border: solid 1px black
|
||||
@@ -116,4 +116,11 @@
|
||||
@extend .icon-refresh
|
||||
.process-icon-configure
|
||||
@extend .icon-cog
|
||||
.process-icon-uninstall
|
||||
@extend .icon-trash
|
||||
.process-icon-off
|
||||
@extend .icon-off
|
||||
.process-icon-reset
|
||||
@extend .icon-rotate-left
|
||||
|
||||
|
||||
|
||||
@@ -1,59 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap v3.0.0
|
||||
*
|
||||
* Copyright 2013 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../bower_components/sass-bootstrap/lib/variables";
|
||||
@import "../bower_components/sass-bootstrap/lib/mixins";
|
||||
|
||||
// Reset
|
||||
@import "../bower_components/sass-bootstrap/lib/normalize";
|
||||
@import "../bower_components/sass-bootstrap/lib/print";
|
||||
|
||||
// Core CSS
|
||||
@import "../bower_components/sass-bootstrap/lib/scaffolding";
|
||||
@import "../bower_components/sass-bootstrap/lib/type";
|
||||
@import "../bower_components/sass-bootstrap/lib/code";
|
||||
@import "../bower_components/sass-bootstrap/lib/grid";
|
||||
@import "../bower_components/sass-bootstrap/lib/tables";
|
||||
@import "../bower_components/sass-bootstrap/lib/forms";
|
||||
@import "../bower_components/sass-bootstrap/lib/buttons";
|
||||
|
||||
// Components
|
||||
@import "../bower_components/sass-bootstrap/lib/component-animations";
|
||||
@import "../bower_components/sass-bootstrap/lib/glyphicons";
|
||||
@import "../bower_components/sass-bootstrap/lib/dropdowns";
|
||||
@import "../bower_components/sass-bootstrap/lib/button-groups";
|
||||
@import "../bower_components/sass-bootstrap/lib/input-groups";
|
||||
@import "../bower_components/sass-bootstrap/lib/navs";
|
||||
@import "../bower_components/sass-bootstrap/lib/navbar";
|
||||
@import "../bower_components/sass-bootstrap/lib/breadcrumbs";
|
||||
@import "../bower_components/sass-bootstrap/lib/pagination";
|
||||
@import "../bower_components/sass-bootstrap/lib/pager";
|
||||
@import "../bower_components/sass-bootstrap/lib/labels";
|
||||
@import "../bower_components/sass-bootstrap/lib/badges";
|
||||
@import "../bower_components/sass-bootstrap/lib/jumbotron";
|
||||
@import "../bower_components/sass-bootstrap/lib/thumbnails";
|
||||
@import "../bower_components/sass-bootstrap/lib/alerts";
|
||||
@import "../bower_components/sass-bootstrap/lib/progress-bars";
|
||||
@import "../bower_components/sass-bootstrap/lib/media";
|
||||
@import "../bower_components/sass-bootstrap/lib/list-group";
|
||||
@import "../bower_components/sass-bootstrap/lib/panels";
|
||||
@import "../bower_components/sass-bootstrap/lib/wells";
|
||||
@import "../bower_components/sass-bootstrap/lib/close";
|
||||
|
||||
// Components w/ JavaScript
|
||||
@import "../bower_components/sass-bootstrap/lib/modals";
|
||||
@import "../bower_components/sass-bootstrap/lib/tooltip";
|
||||
@import "../bower_components/sass-bootstrap/lib/popovers";
|
||||
@import "../bower_components/sass-bootstrap/lib/carousel";
|
||||
|
||||
// Utility classes
|
||||
@import "../bower_components/sass-bootstrap/lib/utilities";
|
||||
@import "../bower_components/sass-bootstrap/lib/responsive-utilities";
|
||||
@@ -136,8 +136,8 @@ $input-height-base: ($line-height-computed + ($padding-base-vertica
|
||||
// $dropdown-link-active-bg: $component-active-bg ;
|
||||
|
||||
// $dropdown-link-color: $gray-dark ;
|
||||
// $dropdown-link-hover-color: #fff ;
|
||||
// $dropdown-link-hover-bg: $dropdown-link-active-bg ;
|
||||
$dropdown-link-hover-color: white ;
|
||||
$dropdown-link-hover-bg: $brand-primary ;
|
||||
|
||||
|
||||
// Grid system
|
||||
|
||||
Reference in New Issue
Block a user