Commit 02bf55675358695ddbec131bbc0a4c4c32fea426
1 parent
40e52f2f13
Exists in
master
student view and navigation fixes
Showing
6 changed files
with
180 additions
and
72 deletions
Show diff stats
imports/client/views/nonOrg/enter/SignupView.js
| 1 | import React from 'react'; | 1 | import React from 'react'; |
| 2 | import { Link } from 'react-router'; | 2 | import { Link } from 'react-router'; |
| 3 | import { Icon } from '/imports/client/components/Icon'; | 3 | import { Icon } from '/imports/client/components/Icon'; |
| 4 | import { LinkContainer } from 'react-router-bootstrap'; | 4 | import { LinkContainer } from 'react-router-bootstrap'; |
| 5 | import { Row, Col, FormGroup, | 5 | import { Row, Col, FormGroup, |
| 6 | ControlLabel, FormControl, | 6 | ControlLabel, FormControl, |
| 7 | InputGroup, Button, | 7 | InputGroup, Button, |
| 8 | Navbar,Modal, Nav, NavItem, | 8 | Navbar,Modal, Nav, NavItem, |
| 9 | Glyphicon, Collapse, | 9 | Glyphicon, Collapse, |
| 10 | NavbarToggler, NavbarBrand, | 10 | NavbarToggler, NavbarBrand, |
| 11 | NavLink, DropdownItem, DropdownToggle, DropdownMenu, | 11 | NavLink, DropdownItem, DropdownToggle, DropdownMenu, |
| 12 | NavDropdown, MenuItem } from 'react-bootstrap'; | 12 | NavDropdown, MenuItem } from 'react-bootstrap'; |
| 13 | import handleSignup from './signup'; | 13 | import handleSignup from './signup'; |
| 14 | import { Orgs } from '/imports/collections/orgs/index'; | 14 | import { Orgs } from '/imports/collections/orgs/index'; |
| 15 | import { Meteor } from 'meteor/meteor'; | 15 | import { Meteor } from 'meteor/meteor'; |
| 16 | 16 | ||
| 17 | import './signup.css'; | 17 | import './signup.css'; |
| 18 | 18 | ||
| 19 | export default class Signup extends React.Component { | 19 | export default class Signup extends React.Component { |
| 20 | constructor(props) { | 20 | constructor(props) { |
| 21 | super(props); | 21 | super(props); |
| 22 | this.state = { | 22 | this.state = { |
| 23 | orgSlug: "" | 23 | orgSlug: "" |
| 24 | }; | 24 | }; |
| 25 | } | 25 | } |
| 26 | componentWillMount(){ | 26 | componentWillMount(){ |
| 27 | Meteor.subscribe('allOrgsSlug'); | 27 | Meteor.subscribe('allOrgsSlug'); |
| 28 | } | 28 | } |
| 29 | 29 | ||
| 30 | componentDidMount() { | 30 | componentDidMount() { |
| 31 | handleSignup({ component: this }); | 31 | handleSignup({ component: this }); |
| 32 | } | 32 | } |
| 33 | handleChange(e) { | 33 | handleChange(e) { |
| 34 | this.setState({ orgSlug: e.target.value }); | 34 | this.setState({ orgSlug: e.target.value }); |
| 35 | } | 35 | } |
| 36 | handleSubmit(event) { | 36 | handleSubmit(event) { |
| 37 | event.preventDeult(); | 37 | event.preventDeult(); |
| 38 | } | 38 | } |
| 39 | checkExistingOrgSlug() { | 39 | checkExistingOrgSlug() { |
| 40 | if(this.state.orgSlug==""){return null} | 40 | if(this.state.orgSlug==""){return null} |
| 41 | searchOrg = Orgs.find({slug:this.state.orgSlug}).fetch(); | 41 | searchOrg = Orgs.find({slug:this.state.orgSlug}).fetch(); |
| 42 | if(searchOrg.length>0){ | 42 | if(searchOrg.length>0){ |
| 43 | return "error" | 43 | return "error" |
| 44 | }else{ | 44 | }else{ |
| 45 | return "success" | 45 | return "success" |
| 46 | } | 46 | } |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | render() | 49 | render() |
| 50 | { | 50 | { |
| 51 | // const {user, org} = this.props.data; | 51 | // const {user, org} = this.props.data; |
| 52 | return( | 52 | return( |
| 53 | <div> | 53 | <div> |
| 54 | <div className="wrapper"> | 54 | <div className="wrapper"> |
| 55 | <div className="Content"> | 55 | <div className="Content signupView"> |
| 56 | <Row> | 56 | <Row> |
| 57 | <Col md={ 12 }> | 57 | <Col md={ 12 }> |
| 58 | <h1>Welcome to YoungDesk!!!</h1> | 58 | <h1>Welcome to YoungDesk!!!</h1> |
| 59 | 59 | ||
| 60 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor | 60 | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor |
| 61 | incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation | 61 | incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation |
| 62 | ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit | 62 | ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit |
| 63 | in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, | 63 | in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, |
| 64 | sunt in culpa qui officia deserunt mollit anim id est laborum.</p> | 64 | sunt in culpa qui officia deserunt mollit anim id est laborum.</p> |
| 65 | </Col> | 65 | </Col> |
| 66 | </Row> | 66 | </Row> |
| 67 | <Row> | 67 | <Row> |
| 68 | <Col> | 68 | <Col> |
| 69 | <br></br> | 69 | <br></br> |
| 70 | <br></br> | 70 | <br></br> |
| 71 | </Col> | 71 | </Col> |
| 72 | </Row> | 72 | </Row> |
| 73 | <Row> | 73 | <Row> |
| 74 | <Col md={ 3 }> | 74 | <Col md={ 3 }> |
| 75 | <div className="service-box"> | 75 | <div className="service-box"> |
| 76 | <i className="fa fa-4x fa-diamond"></i> | 76 | <i className="fa fa-4x fa-diamond"></i> |
| 77 | <h6>Lorem Ipsum</h6> | 77 | <h6>Lorem Ipsum</h6> |
| 78 | </div> | 78 | </div> |
| 79 | </Col> | 79 | </Col> |
| 80 | <Col md={ 3 }> | 80 | <Col md={ 3 }> |
| 81 | <div className="service-box"> | 81 | <div className="service-box"> |
| 82 | <i className="fa fa-4x fa-paper-plane"></i> | 82 | <i className="fa fa-4x fa-paper-plane"></i> |
| 83 | <h6>Lorem Ipsum</h6> | 83 | <h6>Lorem Ipsum</h6> |
| 84 | </div> | 84 | </div> |
| 85 | </Col> | 85 | </Col> |
| 86 | <Col md={ 3 }> | 86 | <Col md={ 3 }> |
| 87 | <div className="service-box"> | 87 | <div className="service-box"> |
| 88 | <i className="fa fa-4x fa-newspaper-o"></i> | 88 | <i className="fa fa-4x fa-newspaper-o"></i> |
| 89 | <h6>Lorem Ipsum</h6> | 89 | <h6>Lorem Ipsum</h6> |
| 90 | </div> | 90 | </div> |
| 91 | </Col> | 91 | </Col> |
| 92 | <Col md={ 3 }> | 92 | <Col md={ 3 }> |
| 93 | <div className="service-box"> | 93 | <div className="service-box"> |
| 94 | <i className="fa fa-4x fa-heart"></i> | 94 | <i className="fa fa-4x fa-heart"></i> |
| 95 | <h6>Lorem Ipsum</h6> | 95 | <h6>Lorem Ipsum</h6> |
| 96 | </div> | 96 | </div> |
| 97 | </Col> | 97 | </Col> |
| 98 | </Row> | 98 | </Row> |
| 99 | <Row> | 99 | <Row> |
| 100 | <Col> | 100 | <Col> |
| 101 | <br></br> | 101 | <br></br> |
| 102 | <hr></hr> | 102 | <hr></hr> |
| 103 | </Col> | 103 | </Col> |
| 104 | </Row> | 104 | </Row> |
| 105 | <Row> | 105 | <Row> |
| 106 | <Col md={ 12 }> | 106 | <Col md={ 12 }> |
| 107 | <div className="service-box"> | 107 | <div className="service-box"> |
| 108 | <h2 className="section-heading">Lets Get In Touch!</h2> | 108 | <h2 className="section-heading">Lets Get In Touch!</h2> |
| 109 | </div> | 109 | </div> |
| 110 | </Col> | 110 | </Col> |
| 111 | </Row> | 111 | </Row> |
| 112 | <hr width="10%"></hr> | 112 | <hr width="10%"></hr> |
| 113 | <Row> | 113 | <Row> |
| 114 | <Col md={ 6 }> | 114 | <Col md={ 6 }> |
| 115 | <div className="service-box"> | 115 | <div className="service-box"> |
| 116 | <i className="fa fa-phone fa-2x"></i> | 116 | <i className="fa fa-phone fa-2x"></i> |
| 117 | <p className="contact">123-456-6789</p> | 117 | <p className="contact">123-456-6789</p> |
| 118 | </div> | 118 | </div> |
| 119 | </Col> | 119 | </Col> |
| 120 | <Col md={ 6 }> | 120 | <Col md={ 6 }> |
| 121 | <div className="service-box"> | 121 | <div className="service-box"> |
| 122 | <i className="fa fa-envelope-o fa-2x"></i> | 122 | <i className="fa fa-envelope-o fa-2x"></i> |
| 123 | <p className="contact">feedback@youngdesk.com</p> | 123 | <p className="contact">feedback@youngdesk.com</p> |
| 124 | </div> | 124 | </div> |
| 125 | </Col> | 125 | </Col> |
| 126 | </Row> | 126 | </Row> |
| 127 | </div> | 127 | </div> |
| 128 | 128 | ||
| 129 | <div className="Signup"> | 129 | <div className="Signup"> |
| 130 | <Row> | 130 | <Row> |
| 131 | <Col md={ 12 }> | 131 | <Col md={ 12 }> |
| 132 | <h4 className="page-header">Sign up with Us</h4> | 132 | <h4 className="page-header">Sign up with Us</h4> |
| 133 | <hr></hr> | 133 | <hr></hr> |
| 134 | <form | 134 | <form |
| 135 | ref={ form => (this.signupForm = form) } | 135 | ref={ form => (this.signupForm = form) } |
| 136 | onSubmit={ this.handleSubmit } | 136 | onSubmit={ this.handleSubmit } |
| 137 | > | 137 | > |
| 138 | <span className="side-heading"> Organisation Details </span> | 138 | <span className="side-heading"> Organisation Details </span> |
| 139 | 139 | ||
| 140 | <Row> | 140 | <Row> |
| 141 | <Col md={ 12 }> | 141 | <Col md={ 12 }> |
| 142 | <FormGroup controlId="orgSlugField" validationState={this.checkExistingOrgSlug()}> | 142 | <FormGroup controlId="orgSlugField" validationState={this.checkExistingOrgSlug()}> |
| 143 | {/* <ControlLabel>Organisation URL</ControlLabel> */} | 143 | {/* <ControlLabel>Organisation URL</ControlLabel> */} |
| 144 | <InputGroup> | 144 | <InputGroup> |
| 145 | <FormControl | 145 | <FormControl |
| 146 | type ="text" | 146 | type ="text" |
| 147 | ref ="orgSlug" | 147 | ref ="orgSlug" |
| 148 | name ="orgSlug" | 148 | name ="orgSlug" |
| 149 | placeholder ="Organisation URL" | 149 | placeholder ="Organisation URL" |
| 150 | onChange = {(e) => this.handleChange(e)} | 150 | onChange = {(e) => this.handleChange(e)} |
| 151 | /> | 151 | /> |
| 152 | <InputGroup.Addon>@yd.com</InputGroup.Addon> | 152 | <InputGroup.Addon>@yd.com</InputGroup.Addon> |
| 153 | </InputGroup> | 153 | </InputGroup> |
| 154 | </FormGroup> | 154 | </FormGroup> |
| 155 | </Col> | 155 | </Col> |
| 156 | </Row> | 156 | </Row> |
| 157 | 157 | ||
| 158 | <Row> | 158 | <Row> |
| 159 | <Col md={12}> | 159 | <Col md={12}> |
| 160 | <FormGroup> | 160 | <FormGroup> |
| 161 | {/* <ControlLabel>Organisation Name</ControlLabel> */} | 161 | {/* <ControlLabel>Organisation Name</ControlLabel> */} |
| 162 | <FormControl | 162 | <FormControl |
| 163 | type="text" | 163 | type="text" |
| 164 | ref="orgName" | 164 | ref="orgName" |
| 165 | name="orgName" | 165 | name="orgName" |
| 166 | placeholder="Organisation Name" | 166 | placeholder="Organisation Name" |
| 167 | /> | 167 | /> |
| 168 | </FormGroup> | 168 | </FormGroup> |
| 169 | </Col> | 169 | </Col> |
| 170 | </Row> | 170 | </Row> |
| 171 | <hr width="25%"></hr> | 171 | <hr width="25%"></hr> |
| 172 | <span className="side-heading"> Personal Details </span> | 172 | <span className="side-heading"> Personal Details </span> |
| 173 | <Row> | 173 | <Row> |
| 174 | <Col xs={ 6 } md={4} > | 174 | <Col xs={ 6 } md={4} > |
| 175 | <FormGroup> | 175 | <FormGroup> |
| 176 | {/* <ControlLabel>First Name</ControlLabel> */} | 176 | {/* <ControlLabel>First Name</ControlLabel> */} |
| 177 | <FormControl | 177 | <FormControl |
| 178 | type="text" | 178 | type="text" |
| 179 | ref="firstName" | 179 | ref="firstName" |
| 180 | name="firstName" | 180 | name="firstName" |
| 181 | placeholder="First Name" | 181 | placeholder="First Name" |
| 182 | /> | 182 | /> |
| 183 | </FormGroup> | 183 | </FormGroup> |
| 184 | </Col> | 184 | </Col> |
| 185 | <Col xs={ 6 } md={4}> | 185 | <Col xs={ 6 } md={4}> |
| 186 | <FormGroup> | 186 | <FormGroup> |
| 187 | {/* <ControlLabel>Middle Name</ControlLabel> */} | 187 | {/* <ControlLabel>Middle Name</ControlLabel> */} |
| 188 | <FormControl | 188 | <FormControl |
| 189 | type="text" | 189 | type="text" |
| 190 | ref="midName" | 190 | ref="midName" |
| 191 | name="midName" | 191 | name="midName" |
| 192 | placeholder="Middle Name" | 192 | placeholder="Middle Name" |
| 193 | /> | 193 | /> |
| 194 | </FormGroup> | 194 | </FormGroup> |
| 195 | </Col> | 195 | </Col> |
| 196 | <Col xs={ 6 } md={4}> | 196 | <Col xs={ 6 } md={4}> |
| 197 | <FormGroup> | 197 | <FormGroup> |
| 198 | {/* <ControlLabel>Last Name</ControlLabel> */} | 198 | {/* <ControlLabel>Last Name</ControlLabel> */} |
| 199 | <FormControl | 199 | <FormControl |
| 200 | type="text" | 200 | type="text" |
| 201 | ref="lastName" | 201 | ref="lastName" |
| 202 | name="lastName" | 202 | name="lastName" |
| 203 | placeholder="Last Name" | 203 | placeholder="Last Name" |
| 204 | /> | 204 | /> |
| 205 | </FormGroup> | 205 | </FormGroup> |
| 206 | </Col> | 206 | </Col> |
| 207 | </Row> | 207 | </Row> |
| 208 | <hr width="25%"></hr> | 208 | <hr width="25%"></hr> |
| 209 | <span className="side-heading">User Credentials</span> | 209 | <span className="side-heading">User Credentials</span> |
| 210 | <FormGroup> | 210 | <FormGroup> |
| 211 | {/* <ControlLabel>Email Address</ControlLabel> */} | 211 | {/* <ControlLabel>Email Address</ControlLabel> */} |
| 212 | <FormControl | 212 | <FormControl |
| 213 | type="text" | 213 | type="text" |
| 214 | ref="emailAddress" | 214 | ref="emailAddress" |
| 215 | name="emailAddress" | 215 | name="emailAddress" |
| 216 | placeholder="Email Address" | 216 | placeholder="Email Address" |
| 217 | /> | 217 | /> |
| 218 | </FormGroup> | 218 | </FormGroup> |
| 219 | <FormGroup> | 219 | <FormGroup> |
| 220 | {/* <ControlLabel>Password</ControlLabel> */} | 220 | {/* <ControlLabel>Password</ControlLabel> */} |
| 221 | <FormControl | 221 | <FormControl |
| 222 | type="password" | 222 | type="password" |
| 223 | ref="password" | 223 | ref="password" |
| 224 | name="password" | 224 | name="password" |
| 225 | placeholder="Password" | 225 | placeholder="Password" |
| 226 | /> | 226 | /> |
| 227 | </FormGroup> | 227 | </FormGroup> |
| 228 | {/* <Col md={12} */} | 228 | {/* <Col md={12} */} |
| 229 | <Button type="submit" style={{float:"right"}} className='blue'>Sign Up</Button> | 229 | <Button type="submit" style={{float:"right"}} className='blue'>Sign Up</Button> |
| 230 | 230 | ||
| 231 | </form> | 231 | </form> |
| 232 | </Col> | 232 | </Col> |
| 233 | </Row> | 233 | </Row> |
| 234 | </div> | 234 | </div> |
| 235 | </div> | 235 | </div> |
| 236 | </div> | 236 | </div> |
| 237 | 237 | ||
| 238 | ); | 238 | ); |
| 239 | } | 239 | } |
| 240 | } | 240 | } |
| 241 | 241 |
imports/client/views/nonOrg/enter/signup.css
| 1 | .Signup | 1 | .Signup |
| 2 | { | 2 | { |
| 3 | float: right; | 3 | float: right; |
| 4 | margin: 20px auto; | 4 | margin: 20px auto; |
| 5 | width: 400px; | 5 | width: 400px; |
| 6 | height: auto; | 6 | height: auto; |
| 7 | padding: 20px; | 7 | padding: 20px; |
| 8 | -webkit-border-radius: 8px/7px; | 8 | -webkit-border-radius: 8px/7px; |
| 9 | -moz-border-radius: 8px/7px; | 9 | -moz-border-radius: 8px/7px; |
| 10 | border-radius: 8px/7px; | 10 | border-radius: 8px/7px; |
| 11 | background-color: white; | 11 | background-color: white; |
| 12 | -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31); | 12 | -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.31); |
| 13 | -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31); | 13 | -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.31); |
| 14 | box-shadow: 1px 2px 5px rgba(0,0,0,.31); | 14 | box-shadow: 1px 2px 5px rgba(0,0,0,.31); |
| 15 | border: solid 1px #cbc9c9; | 15 | border: solid 1px #cbc9c9; |
| 16 | font-family: 'Ubuntu', sans-serif; | 16 | font-family: 'Ubuntu', sans-serif; |
| 17 | } | 17 | } |
| 18 | 18 | ||
| 19 | .Content | 19 | .Content |
| 20 | { | 20 | { |
| 21 | margin: 20px auto; | 21 | margin: 20px auto; |
| 22 | width: 750px; | 22 | width: 750px; |
| 23 | height: auto; | 23 | height: auto; |
| 24 | padding: 20px; | 24 | padding: 20px; |
| 25 | font-family: 'Ubuntu', sans-serif; | 25 | font-family: 'Ubuntu', sans-serif; |
| 26 | color: white; | 26 | color: white; |
| 27 | float:left; | 27 | float:left; |
| 28 | } | 28 | } |
| 29 | 29 | ||
| 30 | .section-heading | 30 | .section-heading |
| 31 | { | 31 | { |
| 32 | text-align: center; | 32 | text-align: center; |
| 33 | } | 33 | } |
| 34 | 34 | ||
| 35 | .contact | 35 | .signupView .contact |
| 36 | { | 36 | { |
| 37 | text-align: center; | 37 | text-align: center; |
| 38 | text-indent: 0px !important; | 38 | text-indent: 0px !important; |
| 39 | } | 39 | } |
| 40 | 40 | ||
| 41 | .container | 41 | .container |
| 42 | { | 42 | { |
| 43 | /*width:1300px !important;*/ | 43 | /*width:1300px !important;*/ |
| 44 | } | 44 | } |
| 45 | 45 | ||
| 46 | h1 | 46 | .signupView h1 |
| 47 | { | 47 | { |
| 48 | font-size: 45px !important; | 48 | font-size: 45px !important; |
| 49 | } | 49 | } |
| 50 | 50 | ||
| 51 | p | 51 | .signupView p |
| 52 | { | 52 | { |
| 53 | text-indent: 50px; | 53 | text-indent: 50px; |
| 54 | text-align: justify; | 54 | text-align: justify; |
| 55 | font-size:15px; | 55 | font-size:15px; |
| 56 | } | 56 | } |
| 57 | 57 | ||
| 58 | h6 | 58 | .signupView h6 |
| 59 | { | 59 | { |
| 60 | text-align: center; | 60 | text-align: center; |
| 61 | } | 61 | } |
| 62 | 62 | ||
| 63 | i | 63 | .signupView i |
| 64 | { | 64 | { |
| 65 | display: inline-block; | 65 | display: inline-block; |
| 66 | width: 100%; | 66 | width: 100%; |
| 67 | text-align: center; | 67 | text-align: center; |
| 68 | } | 68 | } |
| 69 | 69 | ||
| 70 | 70 | ||
| 71 | 71 | ||
| 72 | .wrapper | 72 | .wrapper |
| 73 | { | 73 | { |
| 74 | overflow: hidden; | 74 | overflow: hidden; |
| 75 | } | 75 | } |
| 76 | 76 | ||
| 77 | .page-header | 77 | .page-header |
| 78 | { | 78 | { |
| 79 | text-align: center; | 79 | text-align: center; |
| 80 | color:#00b395; | 80 | color:#00b395; |
| 81 | font-weight: bolder; | 81 | font-weight: bolder; |
| 82 | } | 82 | } |
| 83 | 83 | ||
| 84 | .side-heading | 84 | .side-heading |
| 85 | { | 85 | { |
| 86 | /*padding: 10px;*/ | 86 | /*padding: 10px;*/ |
| 87 | text-align: left; | 87 | text-align: left; |
| 88 | font-weight: bold; | 88 | font-weight: bold; |
| 89 | color:#00b395; | 89 | color:#00b395; |
| 90 | font-size: 14px; | 90 | font-size: 14px; |
| 91 | } | 91 | } |
| 92 | 92 | ||
| 93 | hr { | 93 | .signupView hr { |
| 94 | display: block; | 94 | display: block; |
| 95 | height: 1px; | 95 | height: 1px; |
| 96 | border: 0; | 96 | border: 0; |
| 97 | border-top: 1px solid #00b395; | 97 | border-top: 1px solid #00b395; |
| 98 | padding: 0; | 98 | padding: 0; |
| 99 | } | 99 | } |
| 100 | 100 | ||
| 101 | .blue { | 101 | .blue { |
| 102 | background-color: #00b395; | 102 | background-color: #00b395; |
| 103 | background-image: -webkit-linear-gradient(top,#00b395,#00cdaa); | 103 | background-image: -webkit-linear-gradient(top,#00b395,#00cdaa); |
| 104 | background-image: -moz-linear-gradient(top,#00b395,#00cdaa); | 104 | background-image: -moz-linear-gradient(top,#00b395,#00cdaa); |
| 105 | background-image: -ms-linear-gradient(top,#00b395,#00cdaa); | 105 | background-image: -ms-linear-gradient(top,#00b395,#00cdaa); |
| 106 | background-image: -o-linear-gradient(top,#00b395,#00cdaa); | 106 | background-image: -o-linear-gradient(top,#00b395,#00cdaa); |
| 107 | background-image: linear-gradient(top,#00b395,#00cdaa); | 107 | background-image: linear-gradient(top,#00b395,#00cdaa); |
| 108 | 108 | ||
| 109 | border: 1px solid #00b395; | 109 | border: 1px solid #00b395; |
| 110 | color: white; | 110 | color: white; |
| 111 | 111 | ||
| 112 | font-size: 13px; | 112 | font-size: 13px; |
| 113 | font-weight: bold; | 113 | font-weight: bold; |
| 114 | text-align: center; | 114 | text-align: center; |
| 115 | height: 27px; | 115 | height: 27px; |
| 116 | line-height: 27px; | 116 | line-height: 27px; |
| 117 | min-width: 54px; | 117 | min-width: 54px; |
| 118 | padding: 0 10px; | 118 | padding: 0 10px; |
| 119 | text-decoration: none; | 119 | text-decoration: none; |
| 120 | } | 120 | } |
| 121 | 121 | ||
| 122 | .blue:hover { | 122 | .blue:hover { |
| 123 | border: 1px solid #00b395; | 123 | border: 1px solid #00b395; |
| 124 | 124 | ||
| 125 | color: white; | 125 | color: white; |
| 126 | background-color: #00b395; | 126 | background-color: #00b395; |
| 127 | background-image: -webkit-linear-gradient(top,#00b395,#009f85); | 127 | background-image: -webkit-linear-gradient(top,#00b395,#009f85); |
| 128 | background-image: -moz-linear-gradient(top,#00b395,#009f85); | 128 | background-image: -moz-linear-gradient(top,#00b395,#009f85); |
| 129 | background-image: -ms-linear-gradient(top,#00b395,#009f85); | 129 | background-image: -ms-linear-gradient(top,#00b395,#009f85); |
| 130 | background-image: -o-linear-gradient(top,#00b395,#009f85); | 130 | background-image: -o-linear-gradient(top,#00b395,#009f85); |
| 131 | background-image: linear-gradient(top,#00b395,#009f85); | 131 | background-image: linear-gradient(top,#00b395,#009f85); |
| 132 | 132 | ||
| 133 | -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); | 133 | -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1); |
| 134 | -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); | 134 | -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1); |
| 135 | box-shadow: 0 1px 1px rgba(0,0,0,.1); | 135 | box-shadow: 0 1px 1px rgba(0,0,0,.1); |
| 136 | width: auto; | 136 | width: auto; |
| 137 | height: 27px; | 137 | height: 27px; |
| 138 | } | 138 | } |
| 139 | 139 |
imports/client/views/org/admin/students/StudentView.js
| 1 | import _ from 'lodash'; | 1 | import _ from 'lodash'; |
| 2 | import { Meteor } from 'meteor/meteor'; | 2 | import { Meteor } from 'meteor/meteor'; |
| 3 | 3 | ||
| 4 | import React, { Component } from 'react'; | 4 | import React, { Component } from 'react'; |
| 5 | import { Link,browserHistory } from 'react-router'; | 5 | import { Link,browserHistory } from 'react-router'; |
| 6 | import { FormGroup,Panel,Table, | 6 | import { Navbar,Modal, Nav, NavItem, |
| 7 | ButtonToolbar,Modal, | 7 | Glyphicon, Collapse, FormGroup, FormControl, Panel, |
| 8 | FormControl,Glyphicon,Button } from 'react-bootstrap'; | 8 | NavbarToggler, NavbarBrand, Table, ButtonToolbar, |
| 9 | NavLink, DropdownItem, DropdownToggle, DropdownMenu, | ||
| 10 | NavDropdown, MenuItem, Breadcrumb, Button } from 'react-bootstrap'; | ||
| 9 | import { AddStudent } from './addStudent'; | 11 | import { AddStudent } from './addStudent'; |
| 10 | import { StudentTable } from './StudentTable'; | 12 | import { StudentTable } from './StudentTable'; |
| 11 | import { Header } from './Header'; | 13 | import { Header } from './Header'; |
| 12 | import { FabMenuView } from './FabMenu'; | 14 | import { FabMenuView } from './FabMenu'; |
| 13 | import { UploadCsv } from './UploadCsv'; | 15 | import { UploadCsv } from './UploadCsv'; |
| 14 | import { Students } from '/imports/collections/students/index'; | 16 | import { Students } from '/imports/collections/students/index'; |
| 15 | 17 | ||
| 16 | 18 | ||
| 17 | export class StudentView extends Component { | 19 | export class StudentView extends Component { |
| 18 | 20 | ||
| 19 | constructor(props) { | 21 | constructor(props) { |
| 20 | super(props); | 22 | super(props); |
| 21 | this.state = { | 23 | this.state = { |
| 22 | show: false, | 24 | show: false, |
| 23 | firstNameSearch: "", | 25 | firstNameSearch: "", |
| 24 | lastNameSearch: "", | 26 | lastNameSearch: "", |
| 25 | }; | 27 | }; |
| 26 | this.showModal = this.showModal.bind(this); | 28 | this.showModal = this.showModal.bind(this); |
| 27 | this.hideModal = this.hideModal.bind(this); | 29 | this.hideModal = this.hideModal.bind(this); |
| 28 | this.onUpdate = this.onUpdate.bind(this); | 30 | this.onUpdate = this.onUpdate.bind(this); |
| 29 | }; | 31 | }; |
| 30 | 32 | ||
| 31 | showModal() { | 33 | showModal() { |
| 32 | this.setState({show: true}); | 34 | this.setState({show: true}); |
| 33 | } | 35 | } |
| 34 | 36 | ||
| 35 | hideModal() { | 37 | hideModal() { |
| 36 | this.setState({show: false}); | 38 | this.setState({show: false}); |
| 37 | } | 39 | } |
| 38 | onUpdate(key, value) { | 40 | onUpdate(key, value) { |
| 39 | this.setState({[key]: value}); | 41 | this.setState({[key]: value}); |
| 40 | }; | 42 | }; |
| 41 | 43 | ||
| 42 | render() { | 44 | render() { |
| 43 | console.log(this.props); | 45 | console.log(this.props); |
| 44 | firstNameSearch = this.state.firstNameSearch; | 46 | firstNameSearch = this.state.firstNameSearch; |
| 45 | lastNameSearch = this.state.lastNameSearch; | 47 | lastNameSearch = this.state.lastNameSearch; |
| 46 | var students =_.filter(this.props.data.students,function(item){ | 48 | var students =_.filter(this.props.data.students,function(item){ |
| 47 | return _.includes(item.firstName.toLowerCase(),firstNameSearch.toLowerCase()); | 49 | return _.includes(item.firstName.toLowerCase(),firstNameSearch.toLowerCase()); |
| 48 | }); | 50 | }); |
| 49 | return ( | 51 | return ( |
| 50 | <div className="content has-detached-left"> | 52 | <div className="appLayout-box"> |
| 51 | <div className="container-detached"> | 53 | <div className="page-container"> |
| 52 | <div className="content-detached"> | 54 | <div className="page-content"> |
| 53 | <Header/> | 55 | <div className="sidebar sidebar-main sidebar-default"> |
| 54 | <StudentTable | 56 | <div className="sidebar-content"> |
| 55 | data = {this.props.data} | 57 | |
| 56 | students = {students} | 58 | <div className="sidebar-category sidebar-category-visible"> |
| 57 | /> | 59 | <div className="category-content no-padding"> |
| 58 | <AddStudent/> | 60 | <Nav className="navigation navigation-main navigation-accordion"> |
| 59 | <UploadCsv /> | 61 | <NavItem className="navigation-header"><span>#schoolname</span> <i className="icon-menu" title="Main pages"></i></NavItem> |
| 60 | </div> | 62 | <NavItem className="active" eventKey={1} href="#"><i className="icon-home4"></i> <span>Dashboard</span></NavItem> |
| 61 | </div> | 63 | |
| 62 | <div className="sidebar-detached affix-top"> | 64 | <NavDropdown eventKey={2} title="Settings" name="Settings" id="setting"> |
| 63 | <div className="sidebar sidebar-default"> | 65 | <MenuItem eventKey={2.1}>Information</MenuItem> |
| 64 | <div className="sidebar-content"> | 66 | <MenuItem eventKey={2.2}>Infrastructure</MenuItem> |
| 65 | 67 | <MenuItem eventKey={2.3}>Users</MenuItem> | |
| 66 | <div className="sidebar-category"> | 68 | <MenuItem eventKey={2.4}>Academic Settings</MenuItem> |
| 67 | <div className="category-title"> | 69 | <MenuItem eventKey={2.5}>Account Configuration</MenuItem> |
| 68 | <span>Advanced Search</span> | 70 | </NavDropdown> |
| 69 | <ul className="icons-list"> | 71 | <NavDropdown eventKey={3} title="Academic" name="Academic" id="academic"> |
| 70 | <li><a href="#" data-action="collapse"></a></li> | 72 | <MenuItem eventKey={3.1}>Layout 1</MenuItem> |
| 71 | </ul> | 73 | <MenuItem eventKey={3.2}>Layout 2</MenuItem> |
| 72 | </div> | 74 | <MenuItem eventKey={3.3}>Layout 3</MenuItem> |
| 73 | 75 | <MenuItem eventKey={3.4}>Layout 4</MenuItem> | |
| 74 | <div className="category-content"> | 76 | <MenuItem eventKey={3.5}>Layout 5</MenuItem> |
| 75 | <form action="#"> | 77 | </NavDropdown> |
| 76 | <div className="has-feedback has-feedback-left"> | 78 | <NavDropdown eventKey={4} title="Communication" name="Communication" id="communication"> |
| 77 | <input type="search" className="form-control" | 79 | <MenuItem eventKey={4.1}>Primary palett</MenuItem> |
| 78 | value={this.state.firstNameSearch} | 80 | <MenuItem eventKey={4.2}>Danger palett</MenuItem> |
| 79 | onChange={e=>this.onUpdate('firstNameSearch',e.target.value)} | 81 | <MenuItem eventKey={4.3}>Success palett</MenuItem> |
| 80 | placeholder="First Name" | 82 | <MenuItem eventKey={4.4}>Warning palett</MenuItem> |
| 81 | /> | 83 | <MenuItem divider /> |
| 82 | <div className="form-control-feedback"> | 84 | <MenuItem eventKey={4.5}>Info palett</MenuItem> |
| 83 | <i className="icon-search4 text-size-base text-muted"></i> | 85 | <MenuItem eventKey={4.6}>Info palett</MenuItem> |
| 84 | </div> | 86 | <MenuItem eventKey={4.7}>Info palett</MenuItem> |
| 85 | </div> | 87 | <MenuItem eventKey={4.8}>Info palett</MenuItem> |
| 86 | </form> | 88 | </NavDropdown> |
| 87 | </div> | 89 | <NavDropdown eventKey={5} title="Finance" name="Finance" id="finance"> |
| 88 | <div className="category-content"> | 90 | <MenuItem eventKey={5.1}>Primary palett</MenuItem> |
| 89 | <form action="#"> | 91 | <MenuItem eventKey={5.2}>Danger palett</MenuItem> |
| 90 | <div className="has-feedback has-feedback-left"> | 92 | <MenuItem eventKey={5.3}>Success palett</MenuItem> |
| 91 | <input type="search" className="form-control" | 93 | <MenuItem eventKey={5.4}>Warning palett</MenuItem> |
| 92 | value={this.state.lastNameSearch} | 94 | <NavDropdown eventKey={5.5} title="Calumns" id="calumns"> |
| 93 | onChange={e=>this.onUpdate('lastNameSearch',e.target.value)} | 95 | <MenuItem>Success palett</MenuItem> |
| 94 | placeholder="Last Name" /> | 96 | <MenuItem>Warning palett</MenuItem> |
| 95 | <div className="form-control-feedback"> | 97 | </NavDropdown> |
| 96 | <i className="icon-search4 text-size-base text-muted"></i> | 98 | </NavDropdown> |
| 97 | </div> | 99 | |
| 98 | </div> | 100 | <NavItem eventKey={6} href="#"><i className="icon-file-stats"></i><span> Reports </span></NavItem> |
| 99 | </form> | 101 | <NavItem eventKey={7} href="#"><i className="icon-design"></i> <span>Examinations</span></NavItem> |
| 100 | </div> | 102 | |
| 101 | 103 | </Nav> | |
| 102 | </div> | 104 | </div> |
| 103 | 105 | </div> | |
| 104 | 106 | </div> | |
| 105 | </div> | 107 | </div> |
| 106 | </div> | 108 | {/*end sidebar*/} |
| 107 | </div> | 109 | <div className="content-wrapper"> |
| 108 | </div> | 110 | <div className="page-header page-header-default"> |
| 111 | <div className="breadcrumb-line"> | ||
| 112 | <Breadcrumb> | ||
| 113 | <Breadcrumb.Item href="#"> | ||
| 114 | <i className="icon-home2 position-left"></i> Users | ||
| 115 | </Breadcrumb.Item> | ||
| 116 | <Breadcrumb.Item active href="#"> | ||
| 117 | Setup | ||
| 118 | </Breadcrumb.Item> | ||
| 119 | </Breadcrumb> | ||
| 120 | |||
| 121 | <ul className="breadcrumb-elements"> | ||
| 122 | <NavItem href="#"><i className="icon-comment-discussion position-left"></i> Support</NavItem> | ||
| 123 | <NavDropdown title="Settings" id="setting"> | ||
| 124 | <MenuItem><i className="icon-user-lock"></i> Account security</MenuItem> | ||
| 125 | <MenuItem><i className="icon-statistics"></i> Analytics</MenuItem> | ||
| 126 | <MenuItem><i className="icon-accessibility"></i> Accessibility</MenuItem> | ||
| 127 | <MenuItem divider/> | ||
| 128 | <MenuItem><i className="icon-gear"></i> All settings</MenuItem> | ||
| 129 | </NavDropdown> | ||
| 130 | |||
| 131 | </ul> | ||
| 132 | </div> | ||
| 133 | </div> | ||
| 134 | {/*content*/} | ||
| 135 | |||
| 136 | <div className="content has-detached-left"> | ||
| 137 | <div className="container-detached"> | ||
| 138 | <div className="content-detached"> | ||
| 139 | <Header/> | ||
| 140 | <StudentTable | ||
| 141 | data = {this.props.data} | ||
| 142 | students = {students} | ||
| 143 | /> | ||
| 144 | <AddStudent/> | ||
| 145 | <UploadCsv /> | ||
| 146 | </div> | ||
| 147 | </div> | ||
| 148 | <div className="sidebar-detached affix-top"> | ||
| 149 | <div className="sidebar sidebar-default"> | ||
| 150 | <div className="sidebar-content"> | ||
| 151 | |||
| 152 | <div className="sidebar-category"> | ||
| 153 | <div className="category-title"> | ||
| 154 | <span>Advanced Search</span> | ||
| 155 | <ul className="icons-list"> | ||
| 156 | <li><a href="#" data-action="collapse"></a></li> | ||
| 157 | </ul> | ||
| 158 | </div> | ||
| 159 | |||
| 160 | <div className="category-content"> | ||
| 161 | <form action="#"> | ||
| 162 | <div className="has-feedback has-feedback-left"> | ||
| 163 | <input type="search" className="form-control" | ||
| 164 | value={this.state.firstNameSearch} | ||
| 165 | onChange={e=>this.onUpdate('firstNameSearch',e.target.value)} | ||
| 166 | placeholder="First Name" | ||
| 167 | /> | ||
| 168 | <div className="form-control-feedback"> | ||
| 169 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 170 | </div> | ||
| 171 | </div> | ||
| 172 | </form> | ||
| 173 | </div> | ||
| 174 | <div className="category-content"> | ||
| 175 | <form action="#"> | ||
| 176 | <div className="has-feedback has-feedback-left"> | ||
| 177 | <input type="search" className="form-control" | ||
| 178 | value={this.state.lastNameSearch} | ||
| 179 | onChange={e=>this.onUpdate('lastNameSearch',e.target.value)} | ||
| 180 | placeholder="Last Name" /> | ||
| 181 | <div className="form-control-feedback"> | ||
| 182 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 183 | </div> | ||
| 184 | </div> | ||
| 185 | </form> | ||
| 186 | </div> | ||
| 187 | </div> | ||
| 188 | </div> | ||
| 189 | </div> | ||
| 190 | </div> | ||
| 191 | </div> | ||
| 192 | </div> | ||
| 193 | </div> | ||
| 194 | </div> | ||
| 195 | </div> | ||
| 109 | ); | 196 | ); |
| 110 | }; | 197 | }; |
| 111 | 198 | ||
| 112 | }; | 199 | }; |
| 113 | 200 |
imports/client/views/org/admin/students/addStudent.js
| 1 | import _ from 'lodash'; | 1 | import _ from 'lodash'; |
| 2 | import { Meteor } from 'meteor/meteor'; | 2 | import { Meteor } from 'meteor/meteor'; |
| 3 | import './student.css' | 3 | import './student.css' |
| 4 | import React, { Component } from 'react'; | 4 | import React, { Component } from 'react'; |
| 5 | import { Link,browserHistory } from 'react-router'; | 5 | import { Link,browserHistory } from 'react-router'; |
| 6 | import { FormGroup,Panel,Table, | 6 | import { FormGroup,Panel,Table, |
| 7 | ButtonToolbar,Modal, | 7 | ButtonToolbar,Modal, |
| 8 | FormControl,Glyphicon,Button } from 'react-bootstrap'; | 8 | FormControl,Glyphicon,Button } from 'react-bootstrap'; |
| 9 | import { AddStudentFormContainer } from './AddStudentFormContainer'; | 9 | import { AddStudentFormContainer } from './AddStudentFormContainer'; |
| 10 | 10 | ||
| 11 | const style = { | 11 | const style = { |
| 12 | margin: 12, | 12 | margin: 12, |
| 13 | }; | 13 | }; |
| 14 | export class AddStudent extends Component { | 14 | export class AddStudent extends Component { |
| 15 | constructor(props) { | 15 | constructor(props) { |
| 16 | super(props); | 16 | super(props); |
| 17 | this.state = { | 17 | this.state = { |
| 18 | show: false | 18 | show: false |
| 19 | }; | 19 | }; |
| 20 | this.showModal = this.showModal.bind(this); | 20 | this.showModal = this.showModal.bind(this); |
| 21 | this.hideModal = this.hideModal.bind(this); | 21 | this.hideModal = this.hideModal.bind(this); |
| 22 | this.onUpdate = this.onUpdate.bind(this); | 22 | this.onUpdate = this.onUpdate.bind(this); |
| 23 | }; | 23 | }; |
| 24 | 24 | ||
| 25 | showModal() { | 25 | showModal() { |
| 26 | this.setState({show: true}); | 26 | this.setState({show: true}); |
| 27 | } | 27 | } |
| 28 | 28 | ||
| 29 | hideModal() { | 29 | hideModal() { |
| 30 | this.setState({show: false}); | 30 | this.setState({show: false}); |
| 31 | } | 31 | } |
| 32 | onUpdate(key, value) { | 32 | onUpdate(key, value) { |
| 33 | this.setState({[key]: value}); | 33 | this.setState({[key]: value}); |
| 34 | }; | 34 | }; |
| 35 | 35 | ||
| 36 | render() { | 36 | render() { |
| 37 | return ( | 37 | return ( |
| 38 | <ButtonToolbar> | 38 | <ButtonToolbar> |
| 39 | <Button bsStyle="primary" onClick={this.showModal}> | 39 | <Button bsStyle="primary" onClick={this.showModal}> |
| 40 | Add Student | 40 | Add Student |
| 41 | </Button> | 41 | </Button> |
| 42 | <Modal | 42 | <Modal |
| 43 | {...this.props} | 43 | {...this.props} |
| 44 | show={this.state.show} | 44 | show={this.state.show} |
| 45 | onHide={this.hideModal} | 45 | onHide={this.hideModal} |
| 46 | dialogClassName="custom-modal" | 46 | dialogClassName="custom-modal" |
| 47 | > | 47 | > |
| 48 | <Modal.Header closeButton> | 48 | <Modal.Header closeButton> |
| 49 | <Modal.Title id="contained-modal-title-lg">New Student</Modal.Title> | 49 | <Modal.Title id="contained-modal-title-lg">New Student</Modal.Title> |
| 50 | </Modal.Header> | 50 | </Modal.Header> |
| 51 | <Modal.Body> | 51 | <Modal.Body> |
| 52 | <AddStudentFormContainer /> | 52 | <AddStudentFormContainer /> |
| 53 | </Modal.Body> | 53 | </Modal.Body> |
| 54 | {/* | ||
| 54 | <Modal.Footer> | 55 | <Modal.Footer> |
| 55 | <Button onClick={this.hideModal}>Close</Button> | 56 | <Button onClick={this.hideModal}>Close</Button> |
| 56 | </Modal.Footer> | 57 | </Modal.Footer> |
| 58 | */} | ||
| 57 | </Modal> | 59 | </Modal> |
| 58 | </ButtonToolbar> | 60 | </ButtonToolbar> |
| 59 | ); | 61 | ); |
| 60 | }; | 62 | }; |
| 61 | 63 | ||
| 62 | }; | 64 | }; |
| 63 | 65 |
public/css/assets/css/components.css
| 1 | /* ------------------------------------------------------------------------------ | 1 | /* ------------------------------------------------------------------------------ |
| 2 | * | 2 | * |
| 3 | * # Components | 3 | * # Components |
| 4 | * | 4 | * |
| 5 | * Common less file with imports of plugins and pages | 5 | * Common less file with imports of plugins and pages |
| 6 | * | 6 | * |
| 7 | * Version: 1.3 | 7 | * Version: 1.3 |
| 8 | * Latest update: Feb 5, 2016 | 8 | * Latest update: Feb 5, 2016 |
| 9 | * | 9 | * |
| 10 | * ---------------------------------------------------------------------------- */ | 10 | * ---------------------------------------------------------------------------- */ |
| 11 | /* ------------------------------------------------------------------------------ | 11 | /* ------------------------------------------------------------------------------ |
| 12 | * | 12 | * |
| 13 | * # Global less file | 13 | * # Global less file |
| 14 | * | 14 | * |
| 15 | * Common less file with imports of plugins and pages | 15 | * Common less file with imports of plugins and pages |
| 16 | * | 16 | * |
| 17 | * Version: 1.0 | 17 | * Version: 1.0 |
| 18 | * Latest update: Feb 5, 2016 | 18 | * Latest update: Feb 5, 2016 |
| 19 | * | 19 | * |
| 20 | * ---------------------------------------------------------------------------- */ | 20 | * ---------------------------------------------------------------------------- */ |
| 21 | /* ------------------------------------------------------------------------------ | 21 | /* ------------------------------------------------------------------------------ |
| 22 | * | 22 | * |
| 23 | * # Utilites | 23 | * # Utilites |
| 24 | * | 24 | * |
| 25 | * Additional animations, transitions, transforms and other utilities | 25 | * Additional animations, transitions, transforms and other utilities |
| 26 | * | 26 | * |
| 27 | * Version: 1.0 | 27 | * Version: 1.0 |
| 28 | * Latest update: Mar 10, 2016 | 28 | * Latest update: Mar 10, 2016 |
| 29 | * | 29 | * |
| 30 | * ---------------------------------------------------------------------------- */ | 30 | * ---------------------------------------------------------------------------- */ |
| 31 | .no-transitions * { | 31 | .no-transitions * { |
| 32 | -webkit-transition: none !important; | 32 | -webkit-transition: none !important; |
| 33 | -o-transition: none !important; | 33 | -o-transition: none !important; |
| 34 | transition: none !important; | 34 | transition: none !important; |
| 35 | } | 35 | } |
| 36 | .btn, | 36 | .btn, |
| 37 | .navbar-link, | 37 | .navbar-link, |
| 38 | .nav-tabs > li > a, | 38 | .nav-tabs > li > a, |
| 39 | .nav-tabs > li > a:after, | 39 | .nav-tabs > li > a:after, |
| 40 | .nav-pills > li > a, | 40 | .nav-pills > li > a, |
| 41 | .nav li > a > .label, | 41 | .nav li > a > .label, |
| 42 | .nav li > a > .badge, | 42 | .nav li > a > .badge, |
| 43 | .breadcrumb > li > a, | 43 | .breadcrumb > li > a, |
| 44 | .breadcrumb-elements > li > a, | 44 | .breadcrumb-elements > li > a, |
| 45 | .tt-suggestion, | 45 | .tt-suggestion, |
| 46 | .tokenfield .token, | 46 | .tokenfield .token, |
| 47 | .selectboxit-btn, | 47 | .selectboxit-btn, |
| 48 | .bootstrap-select .btn-default, | 48 | .bootstrap-select .btn-default, |
| 49 | .select2-results__option, | 49 | .select2-results__option, |
| 50 | .dropdown-menu > li > a, | 50 | .dropdown-menu > li > a, |
| 51 | .dropdown-menu > li > label, | 51 | .dropdown-menu > li > label, |
| 52 | .wizard .actions a, | 52 | .wizard .actions a, |
| 53 | .checker span:after, | 53 | .checker span:after, |
| 54 | .choice span:after, | 54 | .choice span:after, |
| 55 | .selectboxit-option-anchor, | 55 | .selectboxit-option-anchor, |
| 56 | .dt-autofill-list ul li, | 56 | .dt-autofill-list ul li, |
| 57 | .dt-autofill-button .btn, | 57 | .dt-autofill-button .btn, |
| 58 | .dataTable .select-checkbox:before, | 58 | .dataTable .select-checkbox:before, |
| 59 | .dataTable .select-checkbox:after, | 59 | .dataTable .select-checkbox:after, |
| 60 | .pika-button, | 60 | .pika-button, |
| 61 | .sp-input, | 61 | .sp-input, |
| 62 | .navbar-nav > li > a, | 62 | .navbar-nav > li > a, |
| 63 | .dropdown-content-footer a, | 63 | .dropdown-content-footer a, |
| 64 | .icons-list > li > a, | 64 | .icons-list > li > a, |
| 65 | .picker__nav--prev, | 65 | .picker__nav--prev, |
| 66 | .picker__nav--next, | 66 | .picker__nav--next, |
| 67 | .multiselect.btn-default, | 67 | .multiselect.btn-default, |
| 68 | .list-group-item, | 68 | .list-group-item, |
| 69 | .pagination > li > a, | 69 | .pagination > li > a, |
| 70 | .pagination > li > span, | 70 | .pagination > li > span, |
| 71 | .pager > li > a, | 71 | .pager > li > a, |
| 72 | .pager > li > span, | 72 | .pager > li > span, |
| 73 | .datepicker-dropdown .day, | 73 | .datepicker-dropdown .day, |
| 74 | a.label, | 74 | a.label, |
| 75 | a.badge, | 75 | a.badge, |
| 76 | .ui-datepicker-buttonpane > button, | 76 | .ui-datepicker-buttonpane > button, |
| 77 | .ui-button, | 77 | .ui-button, |
| 78 | .ui-menu-item, | 78 | .ui-menu-item, |
| 79 | .ui-selectmenu-button, | 79 | .ui-selectmenu-button, |
| 80 | .ui-datepicker a, | 80 | .ui-datepicker a, |
| 81 | .media-link, | 81 | .media-link, |
| 82 | .menu-list li > a, | 82 | .menu-list li > a, |
| 83 | .plupload_file_action > a, | 83 | .plupload_file_action > a, |
| 84 | .dataTables_paginate .paginate_button, | 84 | .dataTables_paginate .paginate_button, |
| 85 | .dataTables_filter input, | 85 | .dataTables_filter input, |
| 86 | .dt-button, | 86 | .dt-button, |
| 87 | .picker__list-item, | 87 | .picker__list-item, |
| 88 | .picker__day, | 88 | .picker__day, |
| 89 | .picker__footer, | 89 | .picker__footer, |
| 90 | .sp-replacer, | 90 | .sp-replacer, |
| 91 | .sp-cancel, | 91 | .sp-cancel, |
| 92 | .sp-choose, | 92 | .sp-choose, |
| 93 | .sp-palette-toggle, | 93 | .sp-palette-toggle, |
| 94 | .daterangepicker td, | 94 | .daterangepicker td, |
| 95 | .daterangepicker th, | 95 | .daterangepicker th, |
| 96 | .noUi-handle, | 96 | .noUi-handle, |
| 97 | .fc-button, | 97 | .fc-button, |
| 98 | .plupload_button, | 98 | .plupload_button, |
| 99 | .picker__footer button, | 99 | .picker__footer button, |
| 100 | .picker__list button, | 100 | .picker__list button, |
| 101 | .AnyTime-btn, | 101 | .AnyTime-btn, |
| 102 | .plupload_filelist li, | 102 | .plupload_filelist li, |
| 103 | .password-indicator-group.input-group-addon, | 103 | .password-indicator-group.input-group-addon, |
| 104 | .password-indicator-label-absolute, | 104 | .password-indicator-label-absolute, |
| 105 | .select2-selection--single:not([class*=bg-]), | 105 | .select2-selection--single:not([class*=bg-]), |
| 106 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice, | 106 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice, |
| 107 | .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { | 107 | .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { |
| 108 | -webkit-transition: all ease-in-out 0.15s; | 108 | -webkit-transition: all ease-in-out 0.15s; |
| 109 | -o-transition: all ease-in-out 0.15s; | 109 | -o-transition: all ease-in-out 0.15s; |
| 110 | transition: all ease-in-out 0.15s; | 110 | transition: all ease-in-out 0.15s; |
| 111 | } | 111 | } |
| 112 | .close, | 112 | .close, |
| 113 | .tag [data-role="remove"], | 113 | .tag [data-role="remove"], |
| 114 | .select2-selection__choice__remove { | 114 | .select2-selection__choice__remove { |
| 115 | -webkit-transition: opacity ease-in-out 0.15s; | 115 | -webkit-transition: opacity ease-in-out 0.15s; |
| 116 | -o-transition: opacity ease-in-out 0.15s; | 116 | -o-transition: opacity ease-in-out 0.15s; |
| 117 | transition: opacity ease-in-out 0.15s; | 117 | transition: opacity ease-in-out 0.15s; |
| 118 | } | 118 | } |
| 119 | .checker span { | 119 | .checker span { |
| 120 | -webkit-transition: border-color ease-in-out 0.15s; | 120 | -webkit-transition: border-color ease-in-out 0.15s; |
| 121 | -o-transition: border-color ease-in-out 0.15s; | 121 | -o-transition: border-color ease-in-out 0.15s; |
| 122 | transition: border-color ease-in-out 0.15s; | 122 | transition: border-color ease-in-out 0.15s; |
| 123 | } | 123 | } |
| 124 | .table tr, | 124 | .table tr, |
| 125 | .table th, | 125 | .table th, |
| 126 | .table td, | 126 | .table td, |
| 127 | .htContextMenu td, | 127 | .htContextMenu td, |
| 128 | .sidebar-user-material-menu > a, | 128 | .sidebar-user-material-menu > a, |
| 129 | .navbar-nav > .active > a:after, | 129 | .navbar-nav > .active > a:after, |
| 130 | .ranges ul li { | 130 | .ranges ul li { |
| 131 | -webkit-transition: background-color ease-in-out 0.15s; | 131 | -webkit-transition: background-color ease-in-out 0.15s; |
| 132 | -o-transition: background-color ease-in-out 0.15s; | 132 | -o-transition: background-color ease-in-out 0.15s; |
| 133 | transition: background-color ease-in-out 0.15s; | 133 | transition: background-color ease-in-out 0.15s; |
| 134 | } | 134 | } |
| 135 | .sidebar-user-material-menu > a > .caret { | 135 | .sidebar-user-material-menu > a > .caret { |
| 136 | -webkit-transition: -webkit-transform ease-in-out 0.15s; | 136 | -webkit-transition: -webkit-transform ease-in-out 0.15s; |
| 137 | -o-transition: -webkit-transform ease-in-out 0.15s; | 137 | -o-transition: -webkit-transform ease-in-out 0.15s; |
| 138 | transition: -webkit-transform ease-in-out 0.15s; | 138 | transition: -webkit-transform ease-in-out 0.15s; |
| 139 | } | 139 | } |
| 140 | /* ------------------------------------------------------------------------------ | 140 | /* ------------------------------------------------------------------------------ |
| 141 | * | 141 | * |
| 142 | * # Sidebar layouts | 142 | * # Sidebar layouts |
| 143 | * | 143 | * |
| 144 | * Styles for sidebar components, main navigation and sidebar itself | 144 | * Styles for sidebar components, main navigation and sidebar itself |
| 145 | * | 145 | * |
| 146 | * Version: 1.2 | 146 | * Version: 1.2 |
| 147 | * Latest update: Nov 25, 2015 | 147 | * Latest update: Nov 25, 2015 |
| 148 | * | 148 | * |
| 149 | * ---------------------------------------------------------------------------- */ | 149 | * ---------------------------------------------------------------------------- */ |
| 150 | .sidebar { | 150 | .sidebar { |
| 151 | background-color: #263238; | 151 | background-color: #263238; |
| 152 | color: #fff; | 152 | color: #fff; |
| 153 | position: relative; | 153 | position: relative; |
| 154 | width: 100%; | 154 | width: 100%; |
| 155 | display: none; | 155 | display: none; |
| 156 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 156 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 157 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 157 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 158 | } | 158 | } |
| 159 | @media (min-width: 769px) { | 159 | @media (min-width: 769px) { |
| 160 | .sidebar { | 160 | .sidebar { |
| 161 | display: table-cell; | 161 | display: table-cell; |
| 162 | vertical-align: top; | 162 | vertical-align: top; |
| 163 | width: 260px; | 163 | width: 260px; |
| 164 | } | 164 | } |
| 165 | } | 165 | } |
| 166 | .sidebar-main { | 166 | .sidebar-main { |
| 167 | z-index: 99; | 167 | z-index: 99; |
| 168 | } | 168 | } |
| 169 | .sidebar-secondary { | 169 | .sidebar-secondary { |
| 170 | z-index: 98; | 170 | z-index: 98; |
| 171 | } | 171 | } |
| 172 | .sidebar-opposite { | 172 | .sidebar-opposite { |
| 173 | display: none; | 173 | display: none; |
| 174 | z-index: 97; | 174 | z-index: 97; |
| 175 | } | 175 | } |
| 176 | @media (min-width: 769px) { | 176 | @media (min-width: 769px) { |
| 177 | .sidebar-opposite-visible .sidebar-opposite { | 177 | .sidebar-opposite-visible .sidebar-opposite { |
| 178 | display: table-cell; | 178 | display: table-cell; |
| 179 | } | 179 | } |
| 180 | } | 180 | } |
| 181 | .sidebar-default { | 181 | .sidebar-default { |
| 182 | background-color: #fff; | 182 | background-color: #fff; |
| 183 | color: #333333; | 183 | color: #333333; |
| 184 | } | 184 | } |
| 185 | .sidebar-content { | 185 | .sidebar-content { |
| 186 | position: relative; | 186 | position: relative; |
| 187 | padding-bottom: 8px; | 187 | padding-bottom: 8px; |
| 188 | } | 188 | } |
| 189 | .sidebar-all-hidden .sidebar-main, | 189 | .sidebar-all-hidden .sidebar-main, |
| 190 | .sidebar-all-hidden .sidebar-secondary, | 190 | .sidebar-all-hidden .sidebar-secondary, |
| 191 | .sidebar-main-hidden .sidebar-main, | 191 | .sidebar-main-hidden .sidebar-main, |
| 192 | .sidebar-detached-hidden .sidebar-detached > .sidebar, | 192 | .sidebar-detached-hidden .sidebar-detached > .sidebar, |
| 193 | .sidebar-secondary-hidden .sidebar-secondary { | 193 | .sidebar-secondary-hidden .sidebar-secondary { |
| 194 | display: none; | 194 | display: none; |
| 195 | } | 195 | } |
| 196 | @media (max-width: 768px) { | 196 | @media (max-width: 768px) { |
| 197 | .sidebar-mobile-main .sidebar-main, | 197 | .sidebar-mobile-main .sidebar-main, |
| 198 | .sidebar-mobile-secondary .sidebar-secondary, | 198 | .sidebar-mobile-secondary .sidebar-secondary, |
| 199 | .sidebar-mobile-opposite .sidebar-opposite, | 199 | .sidebar-mobile-opposite .sidebar-opposite, |
| 200 | .sidebar-mobile-detached .sidebar-detached > .sidebar { | 200 | .sidebar-mobile-detached .sidebar-detached > .sidebar { |
| 201 | display: block; | 201 | display: block; |
| 202 | } | 202 | } |
| 203 | } | 203 | } |
| 204 | .category-title { | 204 | .category-title { |
| 205 | position: relative; | 205 | position: relative; |
| 206 | margin: 0; | 206 | margin: 0; |
| 207 | padding: 12px 20px; | 207 | padding: 12px 20px; |
| 208 | padding-right: 46px; | 208 | padding-right: 46px; |
| 209 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 209 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 210 | } | 210 | } |
| 211 | .category-title > span { | 211 | .category-title > span { |
| 212 | display: block; | 212 | display: block; |
| 213 | margin-top: 2px; | 213 | margin-top: 2px; |
| 214 | text-transform: uppercase; | 214 | text-transform: uppercase; |
| 215 | font-weight: 500; | 215 | font-weight: 500; |
| 216 | font-size: 11px; | 216 | font-size: 11px; |
| 217 | line-height: 1.82; | 217 | line-height: 1.82; |
| 218 | color: #000; | ||
| 218 | } | 219 | } |
| 219 | .category-title > i { | 220 | .category-title > i { |
| 220 | position: absolute; | 221 | position: absolute; |
| 221 | right: 20px; | 222 | right: 20px; |
| 222 | top: 50%; | 223 | top: 50%; |
| 223 | margin-top: -8px; | 224 | margin-top: -8px; |
| 224 | } | 225 | } |
| 225 | .category-title .icons-list { | 226 | .category-title .icons-list { |
| 226 | position: absolute; | 227 | position: absolute; |
| 227 | right: 20px; | 228 | right: 20px; |
| 228 | top: 50%; | 229 | top: 50%; |
| 229 | margin-top: -8px; | 230 | margin-top: -8px; |
| 230 | } | 231 | } |
| 231 | .sidebar-default .category-title { | 232 | .sidebar-default .category-title { |
| 232 | border-bottom-color: #ddd; | 233 | border-bottom-color: #ddd; |
| 233 | } | 234 | } |
| 234 | .category-content { | 235 | .category-content { |
| 235 | position: relative; | 236 | position: relative; |
| 236 | padding: 20px; | 237 | padding: 20px; |
| 237 | } | 238 | } |
| 238 | .sidebar-user-material .category-content { | 239 | .sidebar-user-material .category-content { |
| 239 | background: url(../images/backgrounds/user_bg4.jpg) center center no-repeat; | 240 | background: url(../images/backgrounds/user_bg4.jpg) center center no-repeat; |
| 240 | background-repeat: no-repeat; | 241 | background-repeat: no-repeat; |
| 241 | background-position: center center; | 242 | background-position: center center; |
| 242 | -webkit-background-size: cover; | 243 | -webkit-background-size: cover; |
| 243 | -moz-background-size: cover; | 244 | -moz-background-size: cover; |
| 244 | -o-background-size: cover; | 245 | -o-background-size: cover; |
| 245 | background-size: cover; | 246 | background-size: cover; |
| 246 | } | 247 | } |
| 247 | .sidebar-user-material .navigation-wrapper { | 248 | .sidebar-user-material .navigation-wrapper { |
| 248 | background-color: rgba(0, 0, 0, 0.1); | 249 | background-color: rgba(0, 0, 0, 0.1); |
| 249 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 250 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 250 | } | 251 | } |
| 251 | .sidebar-default .sidebar-user-material .navigation-wrapper { | 252 | .sidebar-default .sidebar-user-material .navigation-wrapper { |
| 252 | background-color: rgba(0, 0, 0, 0.01); | 253 | background-color: rgba(0, 0, 0, 0.01); |
| 253 | border-bottom-color: #ddd; | 254 | border-bottom-color: #ddd; |
| 254 | } | 255 | } |
| 255 | .sidebar-user-material .navigation { | 256 | .sidebar-user-material .navigation { |
| 256 | padding: 8px 0; | 257 | padding: 8px 0; |
| 257 | } | 258 | } |
| 258 | .sidebar-detached .sidebar-user-material:first-child .category-content { | 259 | .sidebar-detached .sidebar-user-material:first-child .category-content { |
| 259 | border-top-right-radius: 3px; | 260 | border-top-right-radius: 3px; |
| 260 | border-top-left-radius: 3px; | 261 | border-top-left-radius: 3px; |
| 261 | } | 262 | } |
| 262 | .sidebar-user-material-menu { | 263 | .sidebar-user-material-menu { |
| 263 | margin: -20px; | 264 | margin: -20px; |
| 264 | margin-top: 20px; | 265 | margin-top: 20px; |
| 265 | } | 266 | } |
| 266 | .sidebar-user-material-menu > a { | 267 | .sidebar-user-material-menu > a { |
| 267 | padding: 10px 20px; | 268 | padding: 10px 20px; |
| 268 | display: block; | 269 | display: block; |
| 269 | color: #fff; | 270 | color: #fff; |
| 270 | background-color: rgba(0, 0, 0, 0.1); | 271 | background-color: rgba(0, 0, 0, 0.1); |
| 271 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | 272 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); |
| 272 | } | 273 | } |
| 273 | .sidebar-user-material-menu > a:hover, | 274 | .sidebar-user-material-menu > a:hover, |
| 274 | .sidebar-user-material-menu > a:focus, | 275 | .sidebar-user-material-menu > a:focus, |
| 275 | .sidebar-user-material-menu > a[aria-expanded="true"] { | 276 | .sidebar-user-material-menu > a[aria-expanded="true"] { |
| 276 | background-color: rgba(0, 0, 0, 0.15); | 277 | background-color: rgba(0, 0, 0, 0.15); |
| 277 | } | 278 | } |
| 278 | .sidebar-user-material-menu > a > i { | 279 | .sidebar-user-material-menu > a > i { |
| 279 | float: right; | 280 | float: right; |
| 280 | margin-top: 2px; | 281 | margin-top: 2px; |
| 281 | } | 282 | } |
| 282 | .sidebar-user-material-menu > a > .caret { | 283 | .sidebar-user-material-menu > a > .caret { |
| 283 | -webkit-transition-duration: 0.35s; | 284 | -webkit-transition-duration: 0.35s; |
| 284 | transition-duration: 0.35s; | 285 | transition-duration: 0.35s; |
| 285 | } | 286 | } |
| 286 | .sidebar-user-material-menu > a[aria-expanded="true"] > .caret { | 287 | .sidebar-user-material-menu > a[aria-expanded="true"] > .caret { |
| 287 | -webkit-transform: rotate(180deg); | 288 | -webkit-transform: rotate(180deg); |
| 288 | -ms-transform: rotate(180deg); | 289 | -ms-transform: rotate(180deg); |
| 289 | -o-transform: rotate(180deg); | 290 | -o-transform: rotate(180deg); |
| 290 | transform: rotate(180deg); | 291 | transform: rotate(180deg); |
| 291 | } | 292 | } |
| 292 | .sidebar-user-material-content { | 293 | .sidebar-user-material-content { |
| 293 | text-align: center; | 294 | text-align: center; |
| 294 | } | 295 | } |
| 295 | .sidebar-user-material-content > a { | 296 | .sidebar-user-material-content > a { |
| 296 | display: inline-block; | 297 | display: inline-block; |
| 297 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 298 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 298 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 299 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 299 | } | 300 | } |
| 300 | .sidebar-user-material-content > a > img { | 301 | .sidebar-user-material-content > a > img { |
| 301 | height: 80px; | 302 | height: 80px; |
| 302 | } | 303 | } |
| 303 | .sidebar-user-material-content > h6 { | 304 | .sidebar-user-material-content > h6 { |
| 304 | margin-bottom: 0; | 305 | margin-bottom: 0; |
| 305 | } | 306 | } |
| 306 | .sidebar-user-material-content > h6, | 307 | .sidebar-user-material-content > h6, |
| 307 | .sidebar-user-material-content > span { | 308 | .sidebar-user-material-content > span { |
| 308 | color: #fff; | 309 | color: #fff; |
| 309 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | 310 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); |
| 310 | } | 311 | } |
| 311 | .sidebar-xs .sidebar-user-material-content { | 312 | .sidebar-xs .sidebar-user-material-content { |
| 312 | display: none; | 313 | display: none; |
| 313 | } | 314 | } |
| 314 | .sidebar-xs .sidebar-user-material > .category-content { | 315 | .sidebar-xs .sidebar-user-material > .category-content { |
| 315 | padding: 0; | 316 | padding: 0; |
| 316 | } | 317 | } |
| 317 | .sidebar-xs .sidebar-user-material-menu { | 318 | .sidebar-xs .sidebar-user-material-menu { |
| 318 | margin: 0; | 319 | margin: 0; |
| 319 | } | 320 | } |
| 320 | .sidebar-xs .sidebar-user-material-menu > a { | 321 | .sidebar-xs .sidebar-user-material-menu > a { |
| 321 | text-align: center; | 322 | text-align: center; |
| 322 | padding: 20px; | 323 | padding: 20px; |
| 323 | line-height: 1; | 324 | line-height: 1; |
| 324 | } | 325 | } |
| 325 | .sidebar-xs .sidebar-user-material-menu > a > span { | 326 | .sidebar-xs .sidebar-user-material-menu > a > span { |
| 326 | display: none; | 327 | display: none; |
| 327 | } | 328 | } |
| 328 | .sidebar-xs .sidebar-user-material-menu > a > i { | 329 | .sidebar-xs .sidebar-user-material-menu > a > i { |
| 329 | float: none; | 330 | float: none; |
| 330 | margin-top: 0; | 331 | margin-top: 0; |
| 331 | } | 332 | } |
| 332 | .navigation { | 333 | .navigation { |
| 333 | margin: 0; | 334 | margin: 0; |
| 334 | padding: 10px 0; | 335 | padding: 10px 0; |
| 335 | list-style: none; | 336 | list-style: none; |
| 336 | position: relative; | 337 | position: relative; |
| 337 | } | 338 | } |
| 338 | .sidebar-user + .sidebar-category .navigation { | 339 | .sidebar-user + .sidebar-category .navigation { |
| 339 | padding-top: 0; | 340 | padding-top: 0; |
| 340 | } | 341 | } |
| 341 | .navigation .hidden-ul { | 342 | .navigation .hidden-ul { |
| 342 | display: none; | 343 | display: none; |
| 343 | } | 344 | } |
| 344 | .navigation li { | 345 | .navigation li { |
| 345 | position: relative; | 346 | position: relative; |
| 346 | clear: both; | 347 | clear: both; |
| 347 | } | 348 | } |
| 348 | .navigation li + li { | 349 | .navigation li + li { |
| 349 | margin-top: 1px; | 350 | margin-top: 1px; |
| 350 | } | 351 | } |
| 351 | .navigation li + .navigation-header { | 352 | .navigation li + .navigation-header { |
| 352 | margin-top: 10px; | 353 | margin-top: 10px; |
| 353 | } | 354 | } |
| 354 | .navigation li a { | 355 | .navigation li a { |
| 355 | color: rgba(255, 255, 255, 0.75); | 356 | color: rgba(255, 255, 255, 0.75); |
| 356 | display: block; | 357 | display: block; |
| 357 | -webkit-transition: background 0.15s linear, color 0.15s linear; | 358 | -webkit-transition: background 0.15s linear, color 0.15s linear; |
| 358 | -o-transition: background 0.15s linear, color 0.15s linear; | 359 | -o-transition: background 0.15s linear, color 0.15s linear; |
| 359 | transition: background 0.15s linear, color 0.15s linear; | 360 | transition: background 0.15s linear, color 0.15s linear; |
| 360 | } | 361 | } |
| 361 | .navigation li a:hover, | 362 | .navigation li a:hover, |
| 362 | .navigation li a:focus { | 363 | .navigation li a:focus { |
| 363 | background-color: rgba(0, 0, 0, 0.1); | 364 | background-color: rgba(0, 0, 0, 0.1); |
| 364 | color: #fff; | 365 | color: #fff; |
| 365 | } | 366 | } |
| 366 | .navigation li a > i { | 367 | .navigation li a > i { |
| 367 | float: left; | 368 | float: left; |
| 368 | top: 0; | 369 | top: 0; |
| 370 | width: auto; | ||
| 369 | margin-top: 2px; | 371 | margin-top: 2px; |
| 370 | margin-right: 15px; | 372 | margin-right: 15px; |
| 371 | -webkit-transition: opacity 0.2s ease-in-out; | 373 | -webkit-transition: opacity 0.2s ease-in-out; |
| 372 | -o-transition: opacity 0.2s ease-in-out; | 374 | -o-transition: opacity 0.2s ease-in-out; |
| 373 | transition: opacity 0.2s ease-in-out; | 375 | transition: opacity 0.2s ease-in-out; |
| 374 | } | 376 | } |
| 375 | .navigation li a > i.pull-right { | 377 | .navigation li a > i.pull-right { |
| 376 | margin-right: 0; | 378 | margin-right: 0; |
| 377 | margin-left: 15px; | 379 | margin-left: 15px; |
| 378 | } | 380 | } |
| 379 | .navigation li.disabled > a, | 381 | .navigation li.disabled > a, |
| 380 | .navigation li.disabled > a:hover, | 382 | .navigation li.disabled > a:hover, |
| 381 | .navigation li.disabled > a:focus { | 383 | .navigation li.disabled > a:focus { |
| 382 | color: inherit; | 384 | color: inherit; |
| 383 | background-color: transparent; | 385 | background-color: transparent; |
| 384 | cursor: not-allowed; | 386 | cursor: not-allowed; |
| 385 | opacity: 0.3; | 387 | opacity: 0.3; |
| 386 | filter: alpha(opacity=30); | 388 | filter: alpha(opacity=30); |
| 387 | } | 389 | } |
| 388 | .navigation li > .has-ul { | 390 | .navigation li > .has-ul { |
| 389 | position: relative; | 391 | position: relative; |
| 390 | padding-right: 36px; | 392 | padding-right: 36px; |
| 391 | } | 393 | } |
| 392 | .navigation li > .has-ul:after { | 394 | .navigation li > .has-ul:after { |
| 393 | content: "\e9c7"; | 395 | content: "\e9c7"; |
| 394 | font-family: "icomoon"; | 396 | font-family: "icomoon"; |
| 395 | font-size: 16px; | 397 | font-size: 16px; |
| 396 | display: block; | 398 | display: block; |
| 397 | position: absolute; | 399 | position: absolute; |
| 398 | top: 50%; | 400 | top: 50%; |
| 399 | margin-top: -8px; | 401 | margin-top: -8px; |
| 400 | right: 20px; | 402 | right: 20px; |
| 401 | line-height: 1; | 403 | line-height: 1; |
| 402 | -webkit-font-smoothing: antialiased; | 404 | -webkit-font-smoothing: antialiased; |
| 403 | -moz-osx-font-smoothing: grayscale; | 405 | -moz-osx-font-smoothing: grayscale; |
| 404 | -webkit-transform: rotate(0deg); | 406 | -webkit-transform: rotate(0deg); |
| 405 | -ms-transform: rotate(0deg); | 407 | -ms-transform: rotate(0deg); |
| 406 | -o-transform: rotate(0deg); | 408 | -o-transform: rotate(0deg); |
| 407 | transform: rotate(0deg); | 409 | transform: rotate(0deg); |
| 408 | -webkit-transition: -webkit-transform 0.2s ease-in-out; | 410 | -webkit-transition: -webkit-transform 0.2s ease-in-out; |
| 409 | -o-transition: -webkit-transform 0.2s ease-in-out; | 411 | -o-transition: -webkit-transform 0.2s ease-in-out; |
| 410 | transition: -webkit-transform 0.2s ease-in-out; | 412 | transition: -webkit-transform 0.2s ease-in-out; |
| 411 | } | 413 | } |
| 412 | .navigation li.active > .has-ul:after { | 414 | .navigation li.active > .has-ul:after { |
| 413 | -webkit-transform: rotate(90deg); | 415 | -webkit-transform: rotate(90deg); |
| 414 | -ms-transform: rotate(90deg); | 416 | -ms-transform: rotate(90deg); |
| 415 | -o-transform: rotate(90deg); | 417 | -o-transform: rotate(90deg); |
| 416 | transform: rotate(90deg); | 418 | transform: rotate(90deg); |
| 417 | } | 419 | } |
| 418 | .navigation li.navigation-divider { | 420 | .navigation li.navigation-divider { |
| 419 | margin: 10px 0; | 421 | margin: 10px 0; |
| 420 | height: 1px; | 422 | height: 1px; |
| 421 | background-color: rgba(255, 255, 255, 0.1); | 423 | background-color: rgba(255, 255, 255, 0.1); |
| 422 | } | 424 | } |
| 423 | .sidebar-default .navigation li.navigation-divider { | 425 | .sidebar-default .navigation li.navigation-divider { |
| 424 | background-color: #eeeeee; | 426 | background-color: #eeeeee; |
| 425 | } | 427 | } |
| 426 | .navigation > li > a { | 428 | .navigation > li > a { |
| 427 | padding: 12px 20px; | 429 | padding: 12px 20px; |
| 428 | min-height: 44px; | 430 | min-height: 44px; |
| 429 | font-weight: 500; | 431 | font-weight: 500; |
| 430 | } | 432 | } |
| 431 | .navigation .navigation-header a { | 433 | .navigation .navigation-header a { |
| 432 | padding: 0; | 434 | padding: 0; |
| 433 | min-height: initial; | 435 | min-height: initial; |
| 434 | background: transparent !important; | 436 | background: transparent !important; |
| 435 | } | 437 | } |
| 436 | .navigation > li.active > a, | 438 | .navigation > li.active > a, |
| 437 | .navigation > li.active > a:hover, | 439 | .navigation > li.active > a:hover, |
| 438 | .navigation > li.active > a:focus { | 440 | .navigation > li.active > a:focus { |
| 439 | background-color: #304047; | 441 | background-color: #304047; |
| 440 | color: #fff; | 442 | color: #fff; |
| 441 | } | 443 | } |
| 442 | .navigation > li.active > a > [class*=text-] { | 444 | .navigation > li.active > a > [class*=text-] { |
| 443 | color: #fff; | 445 | color: #fff; |
| 444 | } | 446 | } |
| 445 | .navigation > li.active > a .label, | 447 | .navigation > li.active > a .label, |
| 446 | .navigation > li.active > a .badge { | 448 | .navigation > li.active > a .badge { |
| 447 | background-color: transparent; | 449 | background-color: transparent; |
| 448 | border-color: transparent; | 450 | border-color: transparent; |
| 449 | color: #fff; | 451 | color: #fff; |
| 450 | -webkit-transition: background-color ease-in-out 0.2s; | 452 | -webkit-transition: background-color ease-in-out 0.2s; |
| 451 | -o-transition: background-color ease-in-out 0.2s; | 453 | -o-transition: background-color ease-in-out 0.2s; |
| 452 | transition: background-color ease-in-out 0.2s; | 454 | transition: background-color ease-in-out 0.2s; |
| 453 | } | 455 | } |
| 454 | .navigation > li ul { | 456 | .navigation > li ul { |
| 455 | list-style: none; | 457 | list-style: none; |
| 456 | margin: 0; | 458 | margin: 0; |
| 457 | padding: 0; | 459 | padding: 0; |
| 458 | background-color: rgba(0, 0, 0, 0.15); | 460 | background-color: rgba(0, 0, 0, 0.15); |
| 459 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); | 461 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| 460 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); | 462 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| 461 | } | 463 | } |
| 462 | .navigation > li ul li a { | 464 | .navigation > li ul li a { |
| 463 | padding: 10px 20px; | 465 | padding: 10px 20px; |
| 464 | padding-left: 51px; | 466 | padding-left: 51px; |
| 465 | min-height: 40px; | 467 | min-height: 40px; |
| 466 | } | 468 | } |
| 467 | .navigation > li ul .navigation-header { | 469 | .navigation > li ul .navigation-header { |
| 468 | padding-left: 51px; | 470 | padding-left: 51px; |
| 469 | } | 471 | } |
| 470 | .navigation > li > ul > li > ul > li > a, | 472 | .navigation > li > ul > li > ul > li > a, |
| 471 | .navigation > li > ul > li > ul > .navigation-header { | 473 | .navigation > li > ul > li > ul > .navigation-header { |
| 472 | padding-left: 71px; | 474 | padding-left: 71px; |
| 473 | } | 475 | } |
| 474 | .navigation > li > ul > li > ul > li > ul > li > a, | 476 | .navigation > li > ul > li > ul > li > ul > li > a, |
| 475 | .navigation > li > ul > li > ul > li > ul .navigation-header { | 477 | .navigation > li > ul > li > ul > li > ul .navigation-header { |
| 476 | padding-left: 91px; | 478 | padding-left: 91px; |
| 477 | } | 479 | } |
| 478 | .navigation > li > ul li:first-child { | 480 | .navigation > li > ul li:first-child { |
| 479 | padding-top: 10px; | 481 | padding-top: 10px; |
| 480 | } | 482 | } |
| 481 | .navigation > li > ul li:last-child { | 483 | .navigation > li > ul li:last-child { |
| 482 | padding-bottom: 10px; | 484 | padding-bottom: 10px; |
| 483 | } | 485 | } |
| 484 | .navigation > li > ul li.active > a, | 486 | .navigation > li > ul li.active > a, |
| 485 | .navigation > li > ul li.active > a:hover, | 487 | .navigation > li > ul li.active > a:hover, |
| 486 | .navigation > li > ul li.active > a:focus { | 488 | .navigation > li > ul li.active > a:focus { |
| 487 | background-color: rgba(0, 0, 0, 0.2); | 489 | background-color: rgba(0, 0, 0, 0.2); |
| 488 | color: #fff; | 490 | color: #fff; |
| 489 | } | 491 | } |
| 490 | .navigation .navigation-header { | 492 | .navigation .navigation-header { |
| 491 | min-height: 30px; | 493 | min-height: 30px; |
| 492 | padding: 10px 20px; | 494 | padding: 10px 20px; |
| 493 | border-bottom: 0; | 495 | border-bottom: 0; |
| 494 | text-transform: uppercase; | 496 | text-transform: uppercase; |
| 495 | font-size: 11px; | 497 | font-size: 11px; |
| 496 | line-height: 1.82; | 498 | line-height: 1.82; |
| 497 | } | 499 | } |
| 498 | .navigation .navigation-header > span { | 500 | .navigation .navigation-header > span { |
| 499 | display: block; | 501 | display: block; |
| 500 | margin-top: 2px; | 502 | margin-top: 2px; |
| 501 | } | 503 | } |
| 502 | .navigation .navigation-header > i { | 504 | .navigation .navigation-header > i { |
| 503 | display: none; | 505 | display: none; |
| 504 | } | 506 | } |
| 505 | .navigation .navigation-header > i.pull-right { | 507 | .navigation .navigation-header > i.pull-right { |
| 506 | margin-top: 2px; | 508 | margin-top: 2px; |
| 507 | } | 509 | } |
| 508 | .navigation .navigation-header, | 510 | .navigation .navigation-header, |
| 509 | .navigation .navigation-header a { | 511 | .navigation .navigation-header a { |
| 510 | color: rgba(255, 255, 255, 0.5); | 512 | color: rgba(255, 255, 255, 0.5); |
| 511 | font-weight: 400; | 513 | font-weight: 400; |
| 512 | } | 514 | } |
| 513 | .navigation .navigation-header a:hover, | 515 | .navigation .navigation-header a:hover, |
| 514 | .navigation .navigation-header a:focus { | 516 | .navigation .navigation-header a:focus { |
| 515 | color: #fff; | 517 | color: #fff; |
| 516 | } | 518 | } |
| 517 | .navigation .navigation-header a i { | 519 | .navigation .navigation-header a i { |
| 518 | float: none; | 520 | float: none; |
| 519 | margin: 0; | 521 | margin: 0; |
| 520 | } | 522 | } |
| 521 | .sidebar-default .navigation .navigation-header, | 523 | .sidebar-default .navigation .navigation-header, |
| 522 | .sidebar-default .navigation .navigation-header a { | 524 | .sidebar-default .navigation .navigation-header a { |
| 523 | color: #999999; | 525 | color: #999999; |
| 524 | } | 526 | } |
| 525 | .sidebar-default .navigation .navigation-header a:hover, | 527 | .sidebar-default .navigation .navigation-header a:hover, |
| 526 | .sidebar-default .navigation .navigation-header a:focus { | 528 | .sidebar-default .navigation .navigation-header a:focus { |
| 527 | color: #333333; | 529 | color: #333333; |
| 528 | } | 530 | } |
| 529 | .navigation.nav > .active > .hidden-ul { | 531 | .navigation.nav > .active > .hidden-ul { |
| 530 | display: block; | 532 | display: block; |
| 531 | } | 533 | } |
| 532 | @media (max-width: 768px) { | 534 | @media (max-width: 768px) { |
| 533 | .navigation.nav > li > .hidden-ul { | 535 | .navigation.nav > li > .hidden-ul { |
| 534 | display: block; | 536 | display: block; |
| 535 | } | 537 | } |
| 536 | } | 538 | } |
| 537 | .navigation .label, | 539 | .navigation .label, |
| 538 | .navigation .badge { | 540 | .navigation .badge { |
| 539 | float: right; | 541 | float: right; |
| 540 | } | 542 | } |
| 541 | .sidebar-default .navigation li > a { | 543 | .sidebar-default .navigation li > a { |
| 542 | color: #333333; | 544 | color: #333333; |
| 543 | } | 545 | } |
| 544 | .sidebar-default .navigation li > a:hover, | 546 | .sidebar-default .navigation li > a:hover, |
| 545 | .sidebar-default .navigation li > a:focus { | 547 | .sidebar-default .navigation li > a:focus { |
| 546 | background-color: #f8f8f8; | 548 | background-color: #f8f8f8; |
| 547 | } | 549 | } |
| 548 | .sidebar-default .navigation li.active > a, | 550 | .sidebar-default .navigation li.active > a, |
| 549 | .sidebar-default .navigation li.active > a:hover, | 551 | .sidebar-default .navigation li.active > a:hover, |
| 550 | .sidebar-default .navigation li.active > a:focus { | 552 | .sidebar-default .navigation li.active > a:focus { |
| 551 | background-color: #f5f5f5; | 553 | background-color: #f5f5f5; |
| 552 | color: #333333; | 554 | color: #333333; |
| 553 | } | 555 | } |
| 554 | .sidebar-default .navigation li.active > a > [class*=text-] { | 556 | .sidebar-default .navigation li.active > a > [class*=text-] { |
| 555 | color: #333333; | 557 | color: #333333; |
| 556 | } | 558 | } |
| 557 | .sidebar-default .navigation li.disabled > a, | 559 | .sidebar-default .navigation li.disabled > a, |
| 558 | .sidebar-default .navigation li.disabled > a:hover, | 560 | .sidebar-default .navigation li.disabled > a:hover, |
| 559 | .sidebar-default .navigation li.disabled > a:focus { | 561 | .sidebar-default .navigation li.disabled > a:focus { |
| 560 | background-color: transparent; | 562 | background-color: transparent; |
| 561 | } | 563 | } |
| 562 | .sidebar-default .navigation li .label-transparent { | 564 | .sidebar-default .navigation li .label-transparent { |
| 563 | color: #333333; | 565 | color: #333333; |
| 564 | } | 566 | } |
| 565 | .sidebar-default .navigation > li ul { | 567 | .sidebar-default .navigation > li ul { |
| 566 | background-color: transparent; | 568 | background-color: transparent; |
| 567 | } | 569 | } |
| 568 | .sidebar-default .navigation > li.active > a, | 570 | .sidebar-default .navigation > li.active > a, |
| 569 | .sidebar-default .navigation > li.active > a:hover, | 571 | .sidebar-default .navigation > li.active > a:hover, |
| 570 | .sidebar-default .navigation > li.active > a:focus { | 572 | .sidebar-default .navigation > li.active > a:focus { |
| 571 | background-color: #f5f5f5; | 573 | background-color: #f5f5f5; |
| 572 | color: #333333; | 574 | color: #333333; |
| 573 | } | 575 | } |
| 576 | .sidebar-default .navigation > li > a > span { | ||
| 577 | color: inherit; | ||
| 578 | } | ||
| 574 | .sidebar-default .navigation > li.active > a .label-transparent { | 579 | .sidebar-default .navigation > li.active > a .label-transparent { |
| 575 | color: #333333; | 580 | color: #333333; |
| 576 | } | 581 | } |
| 577 | .navigation-icons-right > li > a, | 582 | .navigation-icons-right > li > a, |
| 578 | .navigation-icons-right > li > a.has-ul { | 583 | .navigation-icons-right > li > a.has-ul { |
| 579 | padding-right: 20px; | 584 | padding-right: 20px; |
| 580 | } | 585 | } |
| 581 | .navigation-icons-right > li > a > i { | 586 | .navigation-icons-right > li > a > i { |
| 582 | float: right; | 587 | float: right; |
| 583 | margin-right: 0; | 588 | margin-right: 0; |
| 584 | margin-left: 15px; | 589 | margin-left: 15px; |
| 585 | } | 590 | } |
| 586 | .navigation-icons-right > li > a.has-ul:after, | 591 | .navigation-icons-right > li > a.has-ul:after, |
| 587 | .navigation-icons-right > li.active > .has-ul:after { | 592 | .navigation-icons-right > li.active > .has-ul:after { |
| 588 | content: none; | 593 | content: none; |
| 589 | } | 594 | } |
| 590 | .navigation-bordered > li { | 595 | .navigation-bordered > li { |
| 591 | border-top: 1px solid rgba(255, 255, 255, 0.05); | 596 | border-top: 1px solid rgba(255, 255, 255, 0.05); |
| 592 | } | 597 | } |
| 593 | .navigation-bordered > li:last-child { | 598 | .navigation-bordered > li:last-child { |
| 594 | border-bottom: 1px solid rgba(255, 255, 255, 0.05); | 599 | border-bottom: 1px solid rgba(255, 255, 255, 0.05); |
| 595 | } | 600 | } |
| 596 | .navigation-bordered > li.navigation-header { | 601 | .navigation-bordered > li.navigation-header { |
| 597 | background-color: rgba(0, 0, 0, 0.1); | 602 | background-color: rgba(0, 0, 0, 0.1); |
| 598 | } | 603 | } |
| 599 | .navigation-bordered > li + li { | 604 | .navigation-bordered > li + li { |
| 600 | margin-top: 0; | 605 | margin-top: 0; |
| 601 | } | 606 | } |
| 602 | .navigation-bordered > li ul { | 607 | .navigation-bordered > li ul { |
| 603 | -webkit-box-shadow: none; | 608 | -webkit-box-shadow: none; |
| 604 | box-shadow: none; | 609 | box-shadow: none; |
| 605 | } | 610 | } |
| 606 | .navigation-bordered li + .navigation-header { | 611 | .navigation-bordered li + .navigation-header { |
| 607 | margin-top: 0; | 612 | margin-top: 0; |
| 608 | } | 613 | } |
| 609 | .sidebar-default .navigation-bordered > li { | 614 | .sidebar-default .navigation-bordered > li { |
| 610 | border-top: 1px solid #eeeeee; | 615 | border-top: 1px solid #eeeeee; |
| 611 | } | 616 | } |
| 612 | .sidebar-default .navigation-bordered > li.navigation-header { | 617 | .sidebar-default .navigation-bordered > li.navigation-header { |
| 613 | background-color: #fafafa; | 618 | background-color: #fafafa; |
| 614 | } | 619 | } |
| 615 | .navigation-lg > li > a, | 620 | .navigation-lg > li > a, |
| 616 | .navigation-lg > li > a > span { | 621 | .navigation-lg > li > a > span { |
| 617 | padding-top: 14px; | 622 | padding-top: 14px; |
| 618 | padding-bottom: 14px; | 623 | padding-bottom: 14px; |
| 619 | min-height: 48px; | 624 | min-height: 48px; |
| 620 | } | 625 | } |
| 621 | .navigation-lg > li ul li a { | 626 | .navigation-lg > li ul li a { |
| 622 | padding-top: 10px; | 627 | padding-top: 10px; |
| 623 | padding-bottom: 10px; | 628 | padding-bottom: 10px; |
| 624 | min-height: 40px; | 629 | min-height: 40px; |
| 625 | } | 630 | } |
| 626 | .navigation-sm > li > a, | 631 | .navigation-sm > li > a, |
| 627 | .navigation-sm > li > a > span { | 632 | .navigation-sm > li > a > span { |
| 628 | padding-top: 10px; | 633 | padding-top: 10px; |
| 629 | padding-bottom: 10px; | 634 | padding-bottom: 10px; |
| 630 | min-height: 40px; | 635 | min-height: 40px; |
| 631 | } | 636 | } |
| 632 | .navigation-sm > li ul li a { | 637 | .navigation-sm > li ul li a { |
| 633 | padding-top: 6px; | 638 | padding-top: 6px; |
| 634 | padding-bottom: 6px; | 639 | padding-bottom: 6px; |
| 635 | min-height: 32px; | 640 | min-height: 32px; |
| 636 | } | 641 | } |
| 637 | .navigation-xs > li > a, | 642 | .navigation-xs > li > a, |
| 638 | .navigation-xs > li > a > span { | 643 | .navigation-xs > li > a > span { |
| 639 | padding-top: 8px; | 644 | padding-top: 8px; |
| 640 | padding-bottom: 8px; | 645 | padding-bottom: 8px; |
| 641 | min-height: 36px; | 646 | min-height: 36px; |
| 642 | } | 647 | } |
| 643 | .navigation-xs > li ul li a { | 648 | .navigation-xs > li ul li a { |
| 644 | padding-top: 6px; | 649 | padding-top: 6px; |
| 645 | padding-bottom: 6px; | 650 | padding-bottom: 6px; |
| 646 | min-height: 32px; | 651 | min-height: 32px; |
| 647 | } | 652 | } |
| 648 | @media (min-width: 769px) { | 653 | @media (min-width: 769px) { |
| 649 | .sidebar-fixed .sidebar-content { | 654 | .sidebar-fixed .sidebar-content { |
| 650 | position: fixed; | 655 | position: fixed; |
| 651 | width: 260px; | 656 | width: 260px; |
| 652 | max-height: 100%; | 657 | max-height: 100%; |
| 653 | overflow: auto; | 658 | overflow: auto; |
| 654 | top: 50px; | 659 | top: 50px; |
| 655 | bottom: 50px; | 660 | bottom: 50px; |
| 656 | margin-bottom: -50px; | 661 | margin-bottom: -50px; |
| 657 | } | 662 | } |
| 658 | .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content { | 663 | .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content { |
| 659 | width: 56px; | 664 | width: 56px; |
| 660 | } | 665 | } |
| 661 | .sidebar-fixed.sidebar-default .sidebar-content { | 666 | .sidebar-fixed.sidebar-default .sidebar-content { |
| 662 | width: 260px; | 667 | width: 260px; |
| 663 | } | 668 | } |
| 664 | .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { | 669 | .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { |
| 665 | position: fixed; | 670 | position: fixed; |
| 666 | display: block; | 671 | display: block; |
| 667 | height: 100%; | 672 | height: 100%; |
| 668 | z-index: 1001; | 673 | z-index: 1001; |
| 669 | } | 674 | } |
| 670 | .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content { | 675 | .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content { |
| 671 | position: fixed; | 676 | position: fixed; |
| 672 | } | 677 | } |
| 673 | .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { | 678 | .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { |
| 674 | width: 260px; | 679 | width: 260px; |
| 675 | } | 680 | } |
| 676 | .sidebar-fixed-expanded .content-wrapper { | 681 | .sidebar-fixed-expanded .content-wrapper { |
| 677 | padding-left: 56px; | 682 | padding-left: 56px; |
| 678 | } | 683 | } |
| 679 | } | 684 | } |
| 680 | .sidebar-xs-indicator .sidebar-fixed .sidebar-content { | 685 | .sidebar-xs-indicator .sidebar-fixed .sidebar-content { |
| 681 | top: 0!important; | 686 | top: 0!important; |
| 682 | } | 687 | } |
| 683 | @media (min-width: 769px) { | 688 | @media (min-width: 769px) { |
| 684 | .has-detached-left .container-detached { | 689 | .has-detached-left .container-detached { |
| 685 | float: right; | 690 | float: right; |
| 686 | margin-left: -260px; | 691 | margin-left: -260px; |
| 687 | width: 100%; | 692 | width: 100%; |
| 688 | } | 693 | } |
| 689 | .has-detached-left .content-detached { | 694 | .has-detached-left .content-detached { |
| 690 | margin-left: 280px; | 695 | margin-left: 280px; |
| 691 | } | 696 | } |
| 692 | .has-detached-left .sidebar-detached { | 697 | .has-detached-left .sidebar-detached { |
| 693 | float: left; | 698 | float: left; |
| 694 | } | 699 | } |
| 695 | .has-detached-right .container-detached { | 700 | .has-detached-right .container-detached { |
| 696 | float: left; | 701 | float: left; |
| 697 | margin-right: -260px; | 702 | margin-right: -260px; |
| 698 | width: 100%; | 703 | width: 100%; |
| 699 | } | 704 | } |
| 700 | .has-detached-right .content-detached { | 705 | .has-detached-right .content-detached { |
| 701 | margin-right: 280px; | 706 | margin-right: 280px; |
| 702 | } | 707 | } |
| 703 | .has-detached-right .sidebar-detached { | 708 | .has-detached-right .sidebar-detached { |
| 704 | float: right; | 709 | float: right; |
| 705 | } | 710 | } |
| 706 | .has-detached-right .sidebar-detached.affix { | 711 | .has-detached-right .sidebar-detached.affix { |
| 707 | right: 20px; | 712 | right: 20px; |
| 708 | } | 713 | } |
| 709 | .sidebar-detached-hidden .container-detached { | 714 | .sidebar-detached-hidden .container-detached { |
| 710 | float: none; | 715 | float: none; |
| 711 | margin: 0; | 716 | margin: 0; |
| 712 | } | 717 | } |
| 713 | .sidebar-detached-hidden .content-detached { | 718 | .sidebar-detached-hidden .content-detached { |
| 714 | margin: 0; | 719 | margin: 0; |
| 715 | } | 720 | } |
| 716 | .sidebar-detached-hidden .sidebar-detached { | 721 | .sidebar-detached-hidden .sidebar-detached { |
| 717 | float: none; | 722 | float: none; |
| 718 | } | 723 | } |
| 719 | } | 724 | } |
| 720 | .sidebar-detached .navigation.nav > .active > .hidden-ul { | 725 | .sidebar-detached .navigation.nav > .active > .hidden-ul { |
| 721 | display: block; | 726 | display: block; |
| 722 | } | 727 | } |
| 723 | @media (max-width: 768px) { | 728 | @media (max-width: 768px) { |
| 724 | .sidebar-detached .navigation.nav > li > .hidden-ul { | 729 | .sidebar-detached .navigation.nav > li > .hidden-ul { |
| 725 | display: block; | 730 | display: block; |
| 726 | } | 731 | } |
| 727 | } | 732 | } |
| 728 | .sidebar-detached.affix { | 733 | .sidebar-detached.affix { |
| 729 | position: static; | 734 | position: static; |
| 730 | } | 735 | } |
| 731 | @media (min-width: 769px) { | 736 | @media (min-width: 769px) { |
| 732 | .sidebar-detached { | 737 | .sidebar-detached { |
| 733 | display: block; | 738 | display: block; |
| 734 | position: relative; | 739 | position: relative; |
| 735 | margin-bottom: 0; | 740 | margin-bottom: 0; |
| 736 | } | 741 | } |
| 737 | .sidebar-detached > .sidebar { | 742 | .sidebar-detached > .sidebar { |
| 738 | margin-bottom: 0; | 743 | margin-bottom: 0; |
| 739 | display: block; | 744 | display: block; |
| 740 | border-radius: 3px; | 745 | border-radius: 3px; |
| 741 | } | 746 | } |
| 742 | .sidebar-detached.affix { | 747 | .sidebar-detached.affix { |
| 743 | position: fixed; | 748 | position: fixed; |
| 744 | top: 20px; | 749 | top: 20px; |
| 745 | bottom: 20px; | 750 | bottom: 20px; |
| 746 | -webkit-transition: bottom ease-in-out 0.15s; | 751 | -webkit-transition: bottom ease-in-out 0.15s; |
| 747 | -o-transition: bottom ease-in-out 0.15s; | 752 | -o-transition: bottom ease-in-out 0.15s; |
| 748 | transition: bottom ease-in-out 0.15s; | 753 | transition: bottom ease-in-out 0.15s; |
| 749 | } | 754 | } |
| 750 | .sidebar-detached.affix > .sidebar { | 755 | .sidebar-detached.affix > .sidebar { |
| 751 | max-height: 100%; | 756 | max-height: 100%; |
| 752 | overflow-y: auto; | 757 | overflow-y: auto; |
| 753 | } | 758 | } |
| 754 | .sidebar-detached.fixed-sidebar-space { | 759 | .sidebar-detached.fixed-sidebar-space { |
| 755 | bottom: 80px; | 760 | bottom: 80px; |
| 756 | } | 761 | } |
| 757 | .navbar-bottom .sidebar-detached.fixed-sidebar-space { | 762 | .navbar-bottom .sidebar-detached.fixed-sidebar-space { |
| 758 | bottom: 90px; | 763 | bottom: 90px; |
| 759 | } | 764 | } |
| 760 | .navbar-bottom-lg .sidebar-detached.fixed-sidebar-space { | 765 | .navbar-bottom-lg .sidebar-detached.fixed-sidebar-space { |
| 761 | bottom: 94px; | 766 | bottom: 94px; |
| 762 | } | 767 | } |
| 763 | .navbar-bottom-sm .sidebar-detached.fixed-sidebar-space { | 768 | .navbar-bottom-sm .sidebar-detached.fixed-sidebar-space { |
| 764 | bottom: 88px; | 769 | bottom: 88px; |
| 765 | } | 770 | } |
| 766 | .navbar-bottom-xs .sidebar-detached.fixed-sidebar-space { | 771 | .navbar-bottom-xs .sidebar-detached.fixed-sidebar-space { |
| 767 | bottom: 86px; | 772 | bottom: 86px; |
| 768 | } | 773 | } |
| 769 | .navbar-fixed .sidebar-detached { | 774 | .navbar-fixed .sidebar-detached { |
| 770 | top: 90px; | 775 | top: 90px; |
| 771 | } | 776 | } |
| 772 | .navbar-fixed-lg .sidebar-detached { | 777 | .navbar-fixed-lg .sidebar-detached { |
| 773 | top: 94px; | 778 | top: 94px; |
| 774 | } | 779 | } |
| 775 | .navbar-fixed-sm .sidebar-detached { | 780 | .navbar-fixed-sm .sidebar-detached { |
| 776 | top: 88px; | 781 | top: 88px; |
| 777 | } | 782 | } |
| 778 | .navbar-fixed-xs .sidebar-detached { | 783 | .navbar-fixed-xs .sidebar-detached { |
| 779 | top: 86px; | 784 | top: 86px; |
| 780 | } | 785 | } |
| 781 | } | 786 | } |
| 782 | @media (min-width: 769px) { | 787 | @media (min-width: 769px) { |
| 783 | .sidebar-separate { | 788 | .sidebar-separate { |
| 784 | background-color: transparent; | 789 | background-color: transparent; |
| 785 | } | 790 | } |
| 786 | .sidebar-separate .sidebar-category { | 791 | .sidebar-separate .sidebar-category { |
| 787 | background-color: #263238; | 792 | background-color: #263238; |
| 788 | border-radius: 3px; | 793 | border-radius: 3px; |
| 789 | margin-bottom: 20px; | 794 | margin-bottom: 20px; |
| 790 | } | 795 | } |
| 791 | .sidebar-separate.sidebar-default { | 796 | .sidebar-separate.sidebar-default { |
| 792 | background-color: transparent; | 797 | background-color: transparent; |
| 793 | -webkit-box-shadow: none; | 798 | -webkit-box-shadow: none; |
| 794 | box-shadow: none; | 799 | box-shadow: none; |
| 795 | } | 800 | } |
| 796 | .sidebar-separate.sidebar-default .sidebar-category { | 801 | .sidebar-separate.sidebar-default .sidebar-category { |
| 797 | background-color: #fff; | 802 | background-color: #fff; |
| 798 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 803 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 799 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 804 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 800 | } | 805 | } |
| 801 | } | 806 | } |
| 802 | @media (min-width: 769px) { | 807 | @media (min-width: 769px) { |
| 803 | .sidebar-xs .sidebar-main { | 808 | .sidebar-xs .sidebar-main { |
| 804 | width: 56px; | 809 | width: 56px; |
| 805 | } | 810 | } |
| 806 | .sidebar-xs .sidebar-main .sidebar-category { | 811 | .sidebar-xs .sidebar-main .sidebar-category { |
| 807 | display: none; | 812 | display: none; |
| 808 | } | 813 | } |
| 809 | .sidebar-xs .sidebar-main .sidebar-category-visible { | 814 | .sidebar-xs .sidebar-main .sidebar-category-visible { |
| 810 | display: block; | 815 | display: block; |
| 811 | } | 816 | } |
| 812 | .sidebar-xs .sidebar-main .category-title { | 817 | .sidebar-xs .sidebar-main .category-title { |
| 813 | padding: 0; | 818 | padding: 0; |
| 814 | } | 819 | } |
| 815 | .sidebar-xs .sidebar-main .category-title > i { | 820 | .sidebar-xs .sidebar-main .category-title > i { |
| 816 | padding: 13px 0; | 821 | padding: 13px 0; |
| 817 | float: none; | 822 | float: none; |
| 818 | display: block; | 823 | display: block; |
| 819 | top: 0; | 824 | top: 0; |
| 820 | } | 825 | } |
| 821 | .sidebar-xs .sidebar-main .category-title > span { | 826 | .sidebar-xs .sidebar-main .category-title > span { |
| 822 | display: none; | 827 | display: none; |
| 823 | } | 828 | } |
| 824 | .sidebar-xs .sidebar-main .category-title .icons-list { | 829 | .sidebar-xs .sidebar-main .category-title .icons-list { |
| 825 | position: static; | 830 | position: static; |
| 826 | text-align: center; | 831 | text-align: center; |
| 827 | margin-top: 0; | 832 | margin-top: 0; |
| 828 | padding-top: 14px; | 833 | padding-top: 14px; |
| 829 | padding-bottom: 14px; | 834 | padding-bottom: 14px; |
| 830 | } | 835 | } |
| 831 | .sidebar-xs .sidebar-main .category-title .icons-list > li { | 836 | .sidebar-xs .sidebar-main .category-title .icons-list > li { |
| 832 | display: block; | 837 | display: block; |
| 833 | margin-left: 0; | 838 | margin-left: 0; |
| 834 | } | 839 | } |
| 835 | .sidebar-xs .sidebar-main .category-title .icons-list > li + li { | 840 | .sidebar-xs .sidebar-main .category-title .icons-list > li + li { |
| 836 | margin-top: 10px; | 841 | margin-top: 10px; |
| 837 | } | 842 | } |
| 838 | .sidebar-xs .sidebar-main .category-title.h6 .icons-list { | 843 | .sidebar-xs .sidebar-main .category-title.h6 .icons-list { |
| 839 | padding-top: 23.538462px; | 844 | padding-top: 23.538462px; |
| 840 | padding-bottom: 23.538462px; | 845 | padding-bottom: 23.538462px; |
| 841 | } | 846 | } |
| 842 | .sidebar-xs .sidebar-main .category-title.h5 .icons-list { | 847 | .sidebar-xs .sidebar-main .category-title.h5 .icons-list { |
| 843 | padding-top: 25.0769236px; | 848 | padding-top: 25.0769236px; |
| 844 | padding-bottom: 25.0769236px; | 849 | padding-bottom: 25.0769236px; |
| 845 | } | 850 | } |
| 846 | .sidebar-xs .sidebar-main .navigation > li > a { | 851 | .sidebar-xs .sidebar-main .navigation > li > a { |
| 847 | display: block; | 852 | display: block; |
| 848 | text-align: center; | 853 | text-align: center; |
| 849 | padding-left: 0; | 854 | padding-left: 0; |
| 850 | padding-right: 0; | 855 | padding-right: 0; |
| 851 | } | 856 | } |
| 852 | .sidebar-xs .sidebar-main .navigation > li > a > span { | 857 | .sidebar-xs .sidebar-main .navigation > li > a > span { |
| 853 | display: none; | 858 | display: none; |
| 854 | position: absolute; | 859 | position: absolute; |
| 855 | top: 0; | 860 | top: 0; |
| 856 | right: -260px; | 861 | right: -260px; |
| 857 | background-color: #304047; | 862 | background-color: #304047; |
| 858 | padding: 12px 20px; | 863 | padding: 12px 20px; |
| 859 | width: 260px; | 864 | width: 260px; |
| 860 | text-align: left; | 865 | text-align: left; |
| 861 | color: #fff; | 866 | color: #fff; |
| 862 | cursor: pointer; | 867 | cursor: pointer; |
| 863 | border-bottom-right-radius: 3px; | 868 | border-bottom-right-radius: 3px; |
| 864 | border-top-right-radius: 3px; | 869 | border-top-right-radius: 3px; |
| 865 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 870 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 866 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 871 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 867 | } | 872 | } |
| 868 | .sidebar-xs .sidebar-main .navigation > li > a > span .label, | 873 | .sidebar-xs .sidebar-main .navigation > li > a > span .label, |
| 869 | .sidebar-xs .sidebar-main .navigation > li > a > span .badge { | 874 | .sidebar-xs .sidebar-main .navigation > li > a > span .badge { |
| 870 | background-color: transparent; | 875 | background-color: transparent; |
| 871 | border-color: transparent; | 876 | border-color: transparent; |
| 872 | color: #fff; | 877 | color: #fff; |
| 873 | padding-left: 0; | 878 | padding-left: 0; |
| 874 | padding-right: 0; | 879 | padding-right: 0; |
| 875 | } | 880 | } |
| 876 | .sidebar-xs .sidebar-main .navigation > li > a > i { | 881 | .sidebar-xs .sidebar-main .navigation > li > a > i { |
| 877 | margin: 2px 0; | 882 | margin: 2px 0; |
| 878 | display: block; | 883 | display: block; |
| 879 | float: none; | 884 | float: none; |
| 880 | } | 885 | } |
| 881 | .sidebar-xs .sidebar-main .navigation > li > a.legitRipple { | 886 | .sidebar-xs .sidebar-main .navigation > li > a.legitRipple { |
| 882 | overflow: visible; | 887 | overflow: visible; |
| 883 | } | 888 | } |
| 884 | .sidebar-xs .sidebar-main .navigation > li > .has-ul:after, | 889 | .sidebar-xs .sidebar-main .navigation > li > .has-ul:after, |
| 885 | .sidebar-xs .sidebar-main .navigation > li.active > .has-ul:after { | 890 | .sidebar-xs .sidebar-main .navigation > li.active > .has-ul:after { |
| 886 | content: none; | 891 | content: none; |
| 887 | } | 892 | } |
| 888 | .sidebar-xs .sidebar-main .navigation > li .has-ul > span { | 893 | .sidebar-xs .sidebar-main .navigation > li .has-ul > span { |
| 889 | border-radius: 0 3px 0 0; | 894 | border-radius: 0 3px 0 0; |
| 890 | cursor: default; | 895 | cursor: default; |
| 891 | } | 896 | } |
| 892 | .sidebar-xs .sidebar-main .navigation > li.active > ul { | 897 | .sidebar-xs .sidebar-main .navigation > li.active > ul { |
| 893 | display: none!important; | 898 | display: none!important; |
| 894 | } | 899 | } |
| 895 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > ul, | 900 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > ul, |
| 896 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > a > span { | 901 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > a > span { |
| 897 | display: none!important; | 902 | display: none!important; |
| 898 | } | 903 | } |
| 899 | .sidebar-xs .sidebar-main .navigation > li:hover > ul { | 904 | .sidebar-xs .sidebar-main .navigation > li:hover > ul { |
| 900 | display: block!important; | 905 | display: block!important; |
| 901 | } | 906 | } |
| 902 | .sidebar-xs .sidebar-main .navigation > li:hover > a > span { | 907 | .sidebar-xs .sidebar-main .navigation > li:hover > a > span { |
| 903 | display: block; | 908 | display: block; |
| 904 | } | 909 | } |
| 905 | .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a { | 910 | .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a { |
| 906 | background-color: rgba(0, 0, 0, 0.1); | 911 | background-color: rgba(0, 0, 0, 0.1); |
| 907 | color: #fff; | 912 | color: #fff; |
| 908 | } | 913 | } |
| 909 | .sidebar-xs .sidebar-main .navigation > li > ul { | 914 | .sidebar-xs .sidebar-main .navigation > li > ul { |
| 910 | position: absolute; | 915 | position: absolute; |
| 911 | right: -260px; | 916 | right: -260px; |
| 912 | top: 44px; | 917 | top: 44px; |
| 913 | width: 260px; | 918 | width: 260px; |
| 914 | display: none; | 919 | display: none; |
| 915 | background-color: #263238; | 920 | background-color: #263238; |
| 916 | border-radius: 0 0 3px 0; | 921 | border-radius: 0 0 3px 0; |
| 917 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 922 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 918 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 923 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 919 | } | 924 | } |
| 920 | .sidebar-xs .sidebar-main .navigation > li > ul > li > a { | 925 | .sidebar-xs .sidebar-main .navigation > li > ul > li > a { |
| 921 | padding-left: 20px; | 926 | padding-left: 20px; |
| 922 | padding-right: 20px; | 927 | padding-right: 20px; |
| 923 | } | 928 | } |
| 924 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > a { | 929 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > a { |
| 925 | padding-left: 30px; | 930 | padding-left: 30px; |
| 926 | } | 931 | } |
| 927 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > ul > li > a { | 932 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > ul > li > a { |
| 928 | padding-left: 60px; | 933 | padding-left: 60px; |
| 929 | } | 934 | } |
| 930 | .sidebar-xs .sidebar-main .navigation > .navigation-header { | 935 | .sidebar-xs .sidebar-main .navigation > .navigation-header { |
| 931 | padding: 0; | 936 | padding: 0; |
| 932 | text-align: center; | 937 | text-align: center; |
| 933 | } | 938 | } |
| 934 | .sidebar-xs .sidebar-main .navigation > .navigation-header > i { | 939 | .sidebar-xs .sidebar-main .navigation > .navigation-header > i { |
| 935 | display: block; | 940 | display: block; |
| 936 | top: 0; | 941 | top: 0; |
| 937 | padding: 13px 0; | 942 | padding: 13px 0; |
| 938 | } | 943 | } |
| 939 | .sidebar-xs .sidebar-main .navigation > .navigation-header > span { | 944 | .sidebar-xs .sidebar-main .navigation > .navigation-header > span { |
| 940 | display: none; | 945 | display: none; |
| 941 | } | 946 | } |
| 942 | .sidebar-xs .sidebar-main .sidebar-user .category-content { | 947 | .sidebar-xs .sidebar-main .sidebar-user .category-content { |
| 943 | padding-left: 0; | 948 | padding-left: 0; |
| 944 | padding-right: 0; | 949 | padding-right: 0; |
| 945 | } | 950 | } |
| 946 | .sidebar-xs .sidebar-main .sidebar-user .media-left, | 951 | .sidebar-xs .sidebar-main .sidebar-user .media-left, |
| 947 | .sidebar-xs .sidebar-main .sidebar-user .media-right { | 952 | .sidebar-xs .sidebar-main .sidebar-user .media-right { |
| 948 | padding: 0; | 953 | padding: 0; |
| 949 | text-align: center; | 954 | text-align: center; |
| 950 | display: block; | 955 | display: block; |
| 951 | } | 956 | } |
| 952 | .sidebar-xs .sidebar-main .sidebar-user .media-left > img, | 957 | .sidebar-xs .sidebar-main .sidebar-user .media-left > img, |
| 953 | .sidebar-xs .sidebar-main .sidebar-user .media-right > img { | 958 | .sidebar-xs .sidebar-main .sidebar-user .media-right > img { |
| 954 | max-width: 100%; | 959 | max-width: 100%; |
| 955 | height: auto!important; | 960 | height: auto!important; |
| 956 | } | 961 | } |
| 957 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-sm, | 962 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-sm, |
| 958 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-sm { | 963 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-sm { |
| 959 | margin-top: 1px; | 964 | margin-top: 1px; |
| 960 | margin-bottom: 1px; | 965 | margin-bottom: 1px; |
| 961 | } | 966 | } |
| 962 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-xs, | 967 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-xs, |
| 963 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-xs { | 968 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-xs { |
| 964 | margin-top: 3px; | 969 | margin-top: 3px; |
| 965 | margin-bottom: 3px; | 970 | margin-bottom: 3px; |
| 966 | } | 971 | } |
| 967 | .sidebar-xs .sidebar-main .sidebar-user .media-body, | 972 | .sidebar-xs .sidebar-main .sidebar-user .media-body, |
| 968 | .sidebar-xs .sidebar-main .sidebar-user .media-right { | 973 | .sidebar-xs .sidebar-main .sidebar-user .media-right { |
| 969 | display: none; | 974 | display: none; |
| 970 | } | 975 | } |
| 971 | .sidebar-xs .sidebar-main .navigation-lg > li > ul { | 976 | .sidebar-xs .sidebar-main .navigation-lg > li > ul { |
| 972 | top: 48px; | 977 | top: 48px; |
| 973 | } | 978 | } |
| 974 | .sidebar-xs .sidebar-main .navigation-sm > li > ul { | 979 | .sidebar-xs .sidebar-main .navigation-sm > li > ul { |
| 975 | top: 40px; | 980 | top: 40px; |
| 976 | } | 981 | } |
| 977 | .sidebar-xs .sidebar-main .navigation-xs > li > ul { | 982 | .sidebar-xs .sidebar-main .navigation-xs > li > ul { |
| 978 | top: 36px; | 983 | top: 36px; |
| 979 | } | 984 | } |
| 980 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { | 985 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { |
| 981 | background-color: #f5f5f5; | 986 | background-color: #f5f5f5; |
| 982 | color: #333333; | 987 | color: #333333; |
| 983 | } | 988 | } |
| 984 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .label, | 989 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .label, |
| 985 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .badge { | 990 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .badge { |
| 986 | color: #333333; | 991 | color: #333333; |
| 987 | } | 992 | } |
| 988 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { | 993 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { |
| 989 | background-color: #fff; | 994 | background-color: #fff; |
| 990 | border-top: 0; | 995 | border-top: 0; |
| 991 | } | 996 | } |
| 992 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li:hover:not(.active) > a { | 997 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li:hover:not(.active) > a { |
| 993 | background-color: #f5f5f5; | 998 | background-color: #f5f5f5; |
| 994 | color: #333333; | 999 | color: #333333; |
| 995 | } | 1000 | } |
| 996 | } | 1001 | } |
| 997 | .sidebar .row { | 1002 | .sidebar .row { |
| 998 | margin-left: -5px; | 1003 | margin-left: -5px; |
| 999 | margin-right: -5px; | 1004 | margin-right: -5px; |
| 1000 | } | 1005 | } |
| 1001 | .sidebar .row [class*=col-] { | 1006 | .sidebar .row [class*=col-] { |
| 1002 | padding-left: 5px; | 1007 | padding-left: 5px; |
| 1003 | padding-right: 5px; | 1008 | padding-right: 5px; |
| 1004 | } | 1009 | } |
| 1005 | @media (max-width: 768px) { | 1010 | @media (max-width: 768px) { |
| 1006 | .sidebar .sp-container { | 1011 | .sidebar .sp-container { |
| 1007 | display: block; | 1012 | display: block; |
| 1008 | width: 220px; | 1013 | width: 220px; |
| 1009 | margin-left: auto; | 1014 | margin-left: auto; |
| 1010 | margin-right: auto; | 1015 | margin-right: auto; |
| 1011 | } | 1016 | } |
| 1012 | } | 1017 | } |
| 1013 | .sidebar .sp-flat .sp-picker-container { | 1018 | .sidebar .sp-flat .sp-picker-container { |
| 1014 | display: block; | 1019 | display: block; |
| 1015 | width: 218px; | 1020 | width: 218px; |
| 1016 | } | 1021 | } |
| 1017 | .sidebar .panel-group .panel { | 1022 | .sidebar .panel-group .panel { |
| 1018 | border-radius: 0; | 1023 | border-radius: 0; |
| 1019 | border-width: 0 0 1px 0; | 1024 | border-width: 0 0 1px 0; |
| 1020 | } | 1025 | } |
| 1021 | .sidebar .panel-group .panel:first-child { | 1026 | .sidebar .panel-group .panel:first-child { |
| 1022 | border-top-width: 1px; | 1027 | border-top-width: 1px; |
| 1023 | } | 1028 | } |
| 1024 | .sidebar .panel-group .panel + .panel { | 1029 | .sidebar .panel-group .panel + .panel { |
| 1025 | margin-top: 0; | 1030 | margin-top: 0; |
| 1026 | } | 1031 | } |
| 1027 | .sidebar .media-list-bordered > li { | 1032 | .sidebar .media-list-bordered > li { |
| 1028 | border-top: 0; | 1033 | border-top: 0; |
| 1029 | border-bottom: 1px solid #eeeeee; | 1034 | border-bottom: 1px solid #eeeeee; |
| 1030 | } | 1035 | } |
| 1031 | .sidebar:not(.sidebar-default) .media .text-muted, | 1036 | .sidebar:not(.sidebar-default) .media .text-muted, |
| 1032 | .sidebar:not(.sidebar-default) .media .media-annotation { | 1037 | .sidebar:not(.sidebar-default) .media .media-annotation { |
| 1033 | color: rgba(255, 255, 255, 0.8); | 1038 | color: rgba(255, 255, 255, 0.8); |
| 1034 | } | 1039 | } |
| 1035 | .sidebar:not(.sidebar-default) .media .media-left > a, | 1040 | .sidebar:not(.sidebar-default) .media .media-left > a, |
| 1036 | .sidebar:not(.sidebar-default) .media .media-body > a, | 1041 | .sidebar:not(.sidebar-default) .media .media-body > a, |
| 1037 | .sidebar:not(.sidebar-default) .media .media-right > a { | 1042 | .sidebar:not(.sidebar-default) .media .media-right > a { |
| 1038 | color: #fff; | 1043 | color: #fff; |
| 1039 | } | 1044 | } |
| 1040 | .sidebar:not(.sidebar-default) .media .media-link:hover, | 1045 | .sidebar:not(.sidebar-default) .media .media-link:hover, |
| 1041 | .sidebar:not(.sidebar-default) .media .media-link:focus { | 1046 | .sidebar:not(.sidebar-default) .media .media-link:focus { |
| 1042 | background-color: rgba(0, 0, 0, 0.1); | 1047 | background-color: rgba(0, 0, 0, 0.1); |
| 1043 | } | 1048 | } |
| 1044 | .sidebar:not(.sidebar-default) .media .media-badge { | 1049 | .sidebar:not(.sidebar-default) .media .media-badge { |
| 1045 | border-color: #263238; | 1050 | border-color: #263238; |
| 1046 | } | 1051 | } |
| 1047 | .sidebar:not(.sidebar-default) .media-list-bordered > li { | 1052 | .sidebar:not(.sidebar-default) .media-list-bordered > li { |
| 1048 | border-color: rgba(255, 255, 255, 0.1); | 1053 | border-color: rgba(255, 255, 255, 0.1); |
| 1049 | } | 1054 | } |
| 1050 | .sidebar .thumbnail { | 1055 | .sidebar .thumbnail { |
| 1051 | margin-bottom: 10px; | 1056 | margin-bottom: 10px; |
| 1052 | } | 1057 | } |
| 1053 | .sidebar .thumbnail:last-child { | 1058 | .sidebar .thumbnail:last-child { |
| 1054 | margin-bottom: 0; | 1059 | margin-bottom: 0; |
| 1055 | } | 1060 | } |
| 1056 | .sidebar .thumbnail .zoom-image i { | 1061 | .sidebar .thumbnail .zoom-image i { |
| 1057 | font-size: 16px; | 1062 | font-size: 16px; |
| 1058 | margin-top: -8px; | 1063 | margin-top: -8px; |
| 1059 | margin-left: -8px; | 1064 | margin-left: -8px; |
| 1060 | } | 1065 | } |
| 1061 | .sidebar .sidebar-category .checkbox, | 1066 | .sidebar .sidebar-category .checkbox, |
| 1062 | .sidebar .sidebar-category .radio { | 1067 | .sidebar .sidebar-category .radio { |
| 1063 | margin-top: 0; | 1068 | margin-top: 0; |
| 1064 | } | 1069 | } |
| 1065 | .sidebar .sidebar-category .checkbox:last-child, | 1070 | .sidebar .sidebar-category .checkbox:last-child, |
| 1066 | .sidebar .sidebar-category .radio:last-child { | 1071 | .sidebar .sidebar-category .radio:last-child { |
| 1067 | margin-bottom: 0; | 1072 | margin-bottom: 0; |
| 1068 | } | 1073 | } |
| 1069 | .sidebar .form-group:last-child { | 1074 | .sidebar .form-group:last-child { |
| 1070 | margin-bottom: 0; | 1075 | margin-bottom: 0; |
| 1071 | } | 1076 | } |
| 1072 | .sidebar .nav-tabs { | 1077 | .sidebar .nav-tabs { |
| 1073 | border-width: 0 0 1px 0; | 1078 | border-width: 0 0 1px 0; |
| 1074 | } | 1079 | } |
| 1075 | @media (min-width: 769px) { | 1080 | @media (min-width: 769px) { |
| 1076 | .sidebar .nav-tabs { | 1081 | .sidebar .nav-tabs { |
| 1077 | border-width: 1px; | 1082 | border-width: 1px; |
| 1078 | } | 1083 | } |
| 1079 | .sidebar .nav-tabs > li > a { | 1084 | .sidebar .nav-tabs > li > a { |
| 1080 | border-bottom-color: rgba(255, 255, 255, 0.1); | 1085 | border-bottom-color: rgba(255, 255, 255, 0.1); |
| 1081 | background-color: rgba(0, 0, 0, 0.2); | 1086 | background-color: rgba(0, 0, 0, 0.2); |
| 1082 | color: rgba(255, 255, 255, 0.6); | 1087 | color: rgba(255, 255, 255, 0.6); |
| 1083 | border-top: 0; | 1088 | border-top: 0; |
| 1084 | border-radius: 0; | 1089 | border-radius: 0; |
| 1085 | } | 1090 | } |
| 1086 | .sidebar .nav-tabs > li > a:hover, | 1091 | .sidebar .nav-tabs > li > a:hover, |
| 1087 | .sidebar .nav-tabs > li > a:focus { | 1092 | .sidebar .nav-tabs > li > a:focus { |
| 1088 | color: #fff; | 1093 | color: #fff; |
| 1089 | border-bottom-color: rgba(255, 255, 255, 0.1); | 1094 | border-bottom-color: rgba(255, 255, 255, 0.1); |
| 1090 | } | 1095 | } |
| 1091 | .sidebar .nav-tabs > .active > a, | 1096 | .sidebar .nav-tabs > .active > a, |
| 1092 | .sidebar .nav-tabs > .active > a:hover, | 1097 | .sidebar .nav-tabs > .active > a:hover, |
| 1093 | .sidebar .nav-tabs > .active > a:focus { | 1098 | .sidebar .nav-tabs > .active > a:focus { |
| 1094 | border-top: 0; | 1099 | border-top: 0; |
| 1095 | border-bottom: 0; | 1100 | border-bottom: 0; |
| 1096 | background-color: transparent; | 1101 | background-color: transparent; |
| 1097 | border-color: rgba(255, 255, 255, 0.1); | 1102 | border-color: rgba(255, 255, 255, 0.1); |
| 1098 | color: #fff; | 1103 | color: #fff; |
| 1099 | } | 1104 | } |
| 1100 | .sidebar .nav-tabs > .active:first-child > a { | 1105 | .sidebar .nav-tabs > .active:first-child > a { |
| 1101 | border-left-color: transparent!important; | 1106 | border-left-color: transparent!important; |
| 1102 | } | 1107 | } |
| 1103 | .sidebar .nav-tabs > .active:last-child > a { | 1108 | .sidebar .nav-tabs > .active:last-child > a { |
| 1104 | border-right-color: transparent!important; | 1109 | border-right-color: transparent!important; |
| 1105 | } | 1110 | } |
| 1106 | .sidebar .nav-tabs > .open > a { | 1111 | .sidebar .nav-tabs > .open > a { |
| 1107 | color: #fff; | 1112 | color: #fff; |
| 1108 | } | 1113 | } |
| 1109 | .sidebar .nav-tabs > .open:not(.active) > a { | 1114 | .sidebar .nav-tabs > .open:not(.active) > a { |
| 1110 | background-color: rgba(0, 0, 0, 0.2); | 1115 | background-color: rgba(0, 0, 0, 0.2); |
| 1111 | } | 1116 | } |
| 1112 | } | 1117 | } |
| 1113 | @media (min-width: 769px) { | 1118 | @media (min-width: 769px) { |
| 1114 | .sidebar-default .nav-tabs > li > a { | 1119 | .sidebar-default .nav-tabs > li > a { |
| 1115 | background-color: #fafafa; | 1120 | background-color: #fafafa; |
| 1116 | border-bottom-color: #ddd; | 1121 | border-bottom-color: #ddd; |
| 1117 | color: #999999; | 1122 | color: #999999; |
| 1118 | } | 1123 | } |
| 1119 | .sidebar-default .nav-tabs > li > a:hover, | 1124 | .sidebar-default .nav-tabs > li > a:hover, |
| 1120 | .sidebar-default .nav-tabs > li > a:focus { | 1125 | .sidebar-default .nav-tabs > li > a:focus { |
| 1121 | color: #333333; | 1126 | color: #333333; |
| 1122 | border-bottom-color: #ddd; | 1127 | border-bottom-color: #ddd; |
| 1123 | } | 1128 | } |
| 1124 | .sidebar-default .nav-tabs > .active > a, | 1129 | .sidebar-default .nav-tabs > .active > a, |
| 1125 | .sidebar-default .nav-tabs > .active > a:hover, | 1130 | .sidebar-default .nav-tabs > .active > a:hover, |
| 1126 | .sidebar-default .nav-tabs > .active > a:focus { | 1131 | .sidebar-default .nav-tabs > .active > a:focus { |
| 1127 | border-color: #ddd; | 1132 | border-color: #ddd; |
| 1128 | color: #333333; | 1133 | color: #333333; |
| 1129 | } | 1134 | } |
| 1130 | .sidebar-default .nav-tabs > .open > a { | 1135 | .sidebar-default .nav-tabs > .open > a { |
| 1131 | border-bottom-color: #ddd; | 1136 | border-bottom-color: #ddd; |
| 1132 | color: #333333; | 1137 | color: #333333; |
| 1133 | } | 1138 | } |
| 1134 | .sidebar-default .nav-tabs > .open:not(.active) > a { | 1139 | .sidebar-default .nav-tabs > .open:not(.active) > a { |
| 1135 | background-color: #fafafa; | 1140 | background-color: #fafafa; |
| 1136 | } | 1141 | } |
| 1137 | } | 1142 | } |
| 1138 | @media (min-width: 769px) { | 1143 | @media (min-width: 769px) { |
| 1139 | .sidebar-default .nav-justified > li:first-child .dropdown-menu:not(.dropdown-menu-right) { | 1144 | .sidebar-default .nav-justified > li:first-child .dropdown-menu:not(.dropdown-menu-right) { |
| 1140 | left: -1px; | 1145 | left: -1px; |
| 1141 | } | 1146 | } |
| 1142 | .sidebar-default .nav-justified > li:last-child .dropdown-menu-right { | 1147 | .sidebar-default .nav-justified > li:last-child .dropdown-menu-right { |
| 1143 | right: -1px; | 1148 | right: -1px; |
| 1144 | } | 1149 | } |
| 1145 | } | 1150 | } |
| 1146 | /* ------------------------------------------------------------------------------ | 1151 | /* ------------------------------------------------------------------------------ |
| 1147 | * | 1152 | * |
| 1148 | * # Main content layout | 1153 | * # Main content layout |
| 1149 | * | 1154 | * |
| 1150 | * Styles for main structure of content area | 1155 | * Styles for main structure of content area |
| 1151 | * | 1156 | * |
| 1152 | * Version: 1.0 | 1157 | * Version: 1.0 |
| 1153 | * Latest update: May 25, 2015 | 1158 | * Latest update: May 25, 2015 |
| 1154 | * | 1159 | * |
| 1155 | * ---------------------------------------------------------------------------- */ | 1160 | * ---------------------------------------------------------------------------- */ |
| 1156 | .page-container { | 1161 | .page-container { |
| 1157 | position: relative; | 1162 | position: relative; |
| 1158 | } | 1163 | } |
| 1159 | @media (min-width: 769px) { | 1164 | @media (min-width: 769px) { |
| 1160 | .page-container { | 1165 | .page-container { |
| 1161 | width: 100%; | 1166 | width: 100%; |
| 1162 | display: table; | 1167 | display: table; |
| 1163 | table-layout: fixed; | 1168 | table-layout: fixed; |
| 1164 | } | 1169 | } |
| 1165 | @-moz-document url-prefix() { | 1170 | @-moz-document url-prefix() { |
| 1166 | .page-container { | 1171 | .page-container { |
| 1167 | height: 1px; | 1172 | height: 1px; |
| 1168 | } | 1173 | } |
| 1169 | } | 1174 | } |
| 1170 | } | 1175 | } |
| 1171 | @media (min-width: 769px) { | 1176 | @media (min-width: 769px) { |
| 1172 | .page-content { | 1177 | .page-content { |
| 1173 | display: table-row; | 1178 | display: table-row; |
| 1174 | } | 1179 | } |
| 1175 | } | 1180 | } |
| 1176 | .content-wrapper { | 1181 | .content-wrapper { |
| 1177 | width: 100%; | 1182 | width: 100%; |
| 1178 | } | 1183 | } |
| 1179 | @media (min-width: 769px) { | 1184 | @media (min-width: 769px) { |
| 1180 | .content-wrapper { | 1185 | .content-wrapper { |
| 1181 | display: table-cell; | 1186 | display: table-cell; |
| 1182 | vertical-align: top; | 1187 | vertical-align: top; |
| 1183 | } | 1188 | } |
| 1184 | } | 1189 | } |
| 1185 | .content { | 1190 | .content { |
| 1186 | padding: 0 20px 60px 20px; | 1191 | padding: 0 20px 60px 20px; |
| 1187 | } | 1192 | } |
| 1188 | .content:after { | 1193 | .content:after { |
| 1189 | content: ''; | 1194 | content: ''; |
| 1190 | display: table; | 1195 | display: table; |
| 1191 | clear: both; | 1196 | clear: both; |
| 1192 | } | 1197 | } |
| 1193 | .content:first-child { | 1198 | .content:first-child { |
| 1194 | padding-top: 20px; | 1199 | padding-top: 20px; |
| 1195 | } | 1200 | } |
| 1196 | body[class*=navbar-bottom] .content { | 1201 | body[class*=navbar-bottom] .content { |
| 1197 | padding-bottom: 20px; | 1202 | padding-bottom: 20px; |
| 1198 | } | 1203 | } |
| 1199 | /* ------------------------------------------------------------------------------ | 1204 | /* ------------------------------------------------------------------------------ |
| 1200 | * | 1205 | * |
| 1201 | * # Boxed layout | 1206 | * # Boxed layout |
| 1202 | * | 1207 | * |
| 1203 | * Styles for main structure of content area in boxed layout | 1208 | * Styles for main structure of content area in boxed layout |
| 1204 | * | 1209 | * |
| 1205 | * Version: 1.0 | 1210 | * Version: 1.0 |
| 1206 | * Latest update: May 25, 2015 | 1211 | * Latest update: May 25, 2015 |
| 1207 | * | 1212 | * |
| 1208 | * ---------------------------------------------------------------------------- */ | 1213 | * ---------------------------------------------------------------------------- */ |
| 1209 | .layout-boxed { | 1214 | .layout-boxed { |
| 1210 | background: url(../images/backgrounds/boxed_bg.png) repeat; | 1215 | background: url(../images/backgrounds/boxed_bg.png) repeat; |
| 1211 | } | 1216 | } |
| 1212 | .layout-boxed > .navbar { | 1217 | .layout-boxed > .navbar { |
| 1213 | margin-left: auto; | 1218 | margin-left: auto; |
| 1214 | margin-right: auto; | 1219 | margin-right: auto; |
| 1215 | } | 1220 | } |
| 1216 | .layout-boxed .page-container { | 1221 | .layout-boxed .page-container { |
| 1217 | background-color: #eeeded; | 1222 | background-color: #eeeded; |
| 1218 | margin-left: auto; | 1223 | margin-left: auto; |
| 1219 | margin-right: auto; | 1224 | margin-right: auto; |
| 1220 | min-width: 0; | 1225 | min-width: 0; |
| 1221 | } | 1226 | } |
| 1222 | @media (min-width: 769px) { | 1227 | @media (min-width: 769px) { |
| 1223 | .layout-boxed .page-container, | 1228 | .layout-boxed .page-container, |
| 1224 | .layout-boxed > .navbar { | 1229 | .layout-boxed > .navbar { |
| 1225 | width: 769px; | 1230 | width: 769px; |
| 1226 | } | 1231 | } |
| 1227 | } | 1232 | } |
| 1228 | @media (min-width: 1025px) { | 1233 | @media (min-width: 1025px) { |
| 1229 | .layout-boxed .page-container, | 1234 | .layout-boxed .page-container, |
| 1230 | .layout-boxed > .navbar { | 1235 | .layout-boxed > .navbar { |
| 1231 | width: 1025px; | 1236 | width: 1025px; |
| 1232 | } | 1237 | } |
| 1233 | } | 1238 | } |
| 1234 | @media (min-width: 1200px) { | 1239 | @media (min-width: 1200px) { |
| 1235 | .layout-boxed .page-container, | 1240 | .layout-boxed .page-container, |
| 1236 | .layout-boxed > .navbar { | 1241 | .layout-boxed > .navbar { |
| 1237 | width: 1200px; | 1242 | width: 1200px; |
| 1238 | } | 1243 | } |
| 1239 | } | 1244 | } |
| 1240 | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | 1245 | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
| 1241 | .layout-boxed { | 1246 | .layout-boxed { |
| 1242 | background: url(../images/backgrounds/boxed_bg_retina.png) repeat; | 1247 | background: url(../images/backgrounds/boxed_bg_retina.png) repeat; |
| 1243 | } | 1248 | } |
| 1244 | } | 1249 | } |
| 1245 | /* ------------------------------------------------------------------------------ | 1250 | /* ------------------------------------------------------------------------------ |
| 1246 | * | 1251 | * |
| 1247 | * # Footer | 1252 | * # Footer |
| 1248 | * | 1253 | * |
| 1249 | * Main footer styles, currently 1 version only | 1254 | * Main footer styles, currently 1 version only |
| 1250 | * | 1255 | * |
| 1251 | * Version: 1.1 | 1256 | * Version: 1.1 |
| 1252 | * Latest update: Mar 10, 2016 | 1257 | * Latest update: Mar 10, 2016 |
| 1253 | * | 1258 | * |
| 1254 | * ---------------------------------------------------------------------------- */ | 1259 | * ---------------------------------------------------------------------------- */ |
| 1255 | .footer { | 1260 | .footer { |
| 1256 | position: absolute; | 1261 | position: absolute; |
| 1257 | bottom: 30px; | 1262 | bottom: 30px; |
| 1258 | } | 1263 | } |
| 1259 | .footer:not(.navbar-fixed-bottom) { | 1264 | .footer:not(.navbar-fixed-bottom) { |
| 1260 | z-index: 1000; | 1265 | z-index: 1000; |
| 1261 | } | 1266 | } |
| 1262 | .footer.navbar { | 1267 | .footer.navbar { |
| 1263 | left: 0; | 1268 | left: 0; |
| 1264 | right: 0; | 1269 | right: 0; |
| 1265 | bottom: 0; | 1270 | bottom: 0; |
| 1266 | } | 1271 | } |
| 1267 | body[class*=navbar-bottom] .footer:not(.navbar) { | 1272 | body[class*=navbar-bottom] .footer:not(.navbar) { |
| 1268 | display: none; | 1273 | display: none; |
| 1269 | } | 1274 | } |
| 1270 | .footer-boxed { | 1275 | .footer-boxed { |
| 1271 | left: 0; | 1276 | left: 0; |
| 1272 | right: 0; | 1277 | right: 0; |
| 1273 | padding-left: 20px; | 1278 | padding-left: 20px; |
| 1274 | padding-right: 20px; | 1279 | padding-right: 20px; |
| 1275 | } | 1280 | } |
| 1276 | /* ------------------------------------------------------------------------------ | 1281 | /* ------------------------------------------------------------------------------ |
| 1277 | * | 1282 | * |
| 1278 | * # Utilites | 1283 | * # Utilites |
| 1279 | * | 1284 | * |
| 1280 | * Additional animations, transitions, transforms and other utilities | 1285 | * Additional animations, transitions, transforms and other utilities |
| 1281 | * | 1286 | * |
| 1282 | * Version: 1.0 | 1287 | * Version: 1.0 |
| 1283 | * Latest update: May 25, 2015 | 1288 | * Latest update: May 25, 2015 |
| 1284 | * | 1289 | * |
| 1285 | * ---------------------------------------------------------------------------- */ | 1290 | * ---------------------------------------------------------------------------- */ |
| 1286 | .rotate-45 { | 1291 | .rotate-45 { |
| 1287 | -webkit-transform: rotate(45deg); | 1292 | -webkit-transform: rotate(45deg); |
| 1288 | -ms-transform: rotate(45deg); | 1293 | -ms-transform: rotate(45deg); |
| 1289 | -o-transform: rotate(45deg); | 1294 | -o-transform: rotate(45deg); |
| 1290 | transform: rotate(45deg); | 1295 | transform: rotate(45deg); |
| 1291 | } | 1296 | } |
| 1292 | .rotate-90 { | 1297 | .rotate-90 { |
| 1293 | -webkit-transform: rotate(90deg); | 1298 | -webkit-transform: rotate(90deg); |
| 1294 | -ms-transform: rotate(90deg); | 1299 | -ms-transform: rotate(90deg); |
| 1295 | -o-transform: rotate(90deg); | 1300 | -o-transform: rotate(90deg); |
| 1296 | transform: rotate(90deg); | 1301 | transform: rotate(90deg); |
| 1297 | } | 1302 | } |
| 1298 | .rotate-180 { | 1303 | .rotate-180 { |
| 1299 | -webkit-transform: rotate(180deg); | 1304 | -webkit-transform: rotate(180deg); |
| 1300 | -ms-transform: rotate(180deg); | 1305 | -ms-transform: rotate(180deg); |
| 1301 | -o-transform: rotate(180deg); | 1306 | -o-transform: rotate(180deg); |
| 1302 | transform: rotate(180deg); | 1307 | transform: rotate(180deg); |
| 1303 | } | 1308 | } |
| 1304 | .rotate-45-inverse { | 1309 | .rotate-45-inverse { |
| 1305 | -webkit-transform: rotate(-45deg); | 1310 | -webkit-transform: rotate(-45deg); |
| 1306 | -ms-transform: rotate(-45deg); | 1311 | -ms-transform: rotate(-45deg); |
| 1307 | -o-transform: rotate(-45deg); | 1312 | -o-transform: rotate(-45deg); |
| 1308 | transform: rotate(-45deg); | 1313 | transform: rotate(-45deg); |
| 1309 | } | 1314 | } |
| 1310 | .rotate-90-inverse { | 1315 | .rotate-90-inverse { |
| 1311 | -webkit-transform: rotate(-90deg); | 1316 | -webkit-transform: rotate(-90deg); |
| 1312 | -ms-transform: rotate(-90deg); | 1317 | -ms-transform: rotate(-90deg); |
| 1313 | -o-transform: rotate(-90deg); | 1318 | -o-transform: rotate(-90deg); |
| 1314 | transform: rotate(-90deg); | 1319 | transform: rotate(-90deg); |
| 1315 | } | 1320 | } |
| 1316 | .rotate-180-inverse { | 1321 | .rotate-180-inverse { |
| 1317 | -webkit-transform: rotate(-180deg); | 1322 | -webkit-transform: rotate(-180deg); |
| 1318 | -ms-transform: rotate(-180deg); | 1323 | -ms-transform: rotate(-180deg); |
| 1319 | -o-transform: rotate(-180deg); | 1324 | -o-transform: rotate(-180deg); |
| 1320 | transform: rotate(-180deg); | 1325 | transform: rotate(-180deg); |
| 1321 | } | 1326 | } |
| 1322 | .spinner { | 1327 | .spinner { |
| 1323 | display: inline-block; | 1328 | display: inline-block; |
| 1324 | -webkit-animation: rotation 1s linear infinite; | 1329 | -webkit-animation: rotation 1s linear infinite; |
| 1325 | -o-animation: rotation 1s linear infinite; | 1330 | -o-animation: rotation 1s linear infinite; |
| 1326 | animation: rotation 1s linear infinite; | 1331 | animation: rotation 1s linear infinite; |
| 1327 | } | 1332 | } |
| 1328 | .spinner-reverse { | 1333 | .spinner-reverse { |
| 1329 | display: inline-block; | 1334 | display: inline-block; |
| 1330 | -webkit-animation: rotation_reverse 1s linear infinite; | 1335 | -webkit-animation: rotation_reverse 1s linear infinite; |
| 1331 | -o-animation: rotation_reverse 1s linear infinite; | 1336 | -o-animation: rotation_reverse 1s linear infinite; |
| 1332 | animation: rotation_reverse 1s linear infinite; | 1337 | animation: rotation_reverse 1s linear infinite; |
| 1333 | } | 1338 | } |
| 1334 | @-webkit-keyframes rotation { | 1339 | @-webkit-keyframes rotation { |
| 1335 | 0% { | 1340 | 0% { |
| 1336 | -webkit-transform: rotate(0deg); | 1341 | -webkit-transform: rotate(0deg); |
| 1337 | } | 1342 | } |
| 1338 | 100% { | 1343 | 100% { |
| 1339 | -webkit-transform: rotate(360deg); | 1344 | -webkit-transform: rotate(360deg); |
| 1340 | } | 1345 | } |
| 1341 | } | 1346 | } |
| 1342 | @-moz-keyframes rotation { | 1347 | @-moz-keyframes rotation { |
| 1343 | 0% { | 1348 | 0% { |
| 1344 | -moz-transform: rotate(0deg); | 1349 | -moz-transform: rotate(0deg); |
| 1345 | } | 1350 | } |
| 1346 | 100% { | 1351 | 100% { |
| 1347 | -moz-transform: rotate(360deg); | 1352 | -moz-transform: rotate(360deg); |
| 1348 | } | 1353 | } |
| 1349 | } | 1354 | } |
| 1350 | @-ms-keyframes rotation { | 1355 | @-ms-keyframes rotation { |
| 1351 | 0% { | 1356 | 0% { |
| 1352 | -ms-transform: rotate(0deg); | 1357 | -ms-transform: rotate(0deg); |
| 1353 | } | 1358 | } |
| 1354 | 100% { | 1359 | 100% { |
| 1355 | -ms-transform: rotate(360deg); | 1360 | -ms-transform: rotate(360deg); |
| 1356 | } | 1361 | } |
| 1357 | } | 1362 | } |
| 1358 | @-o-keyframes rotation { | 1363 | @-o-keyframes rotation { |
| 1359 | 0% { | 1364 | 0% { |
| 1360 | -o-transform: rotate(0deg); | 1365 | -o-transform: rotate(0deg); |
| 1361 | } | 1366 | } |
| 1362 | 100% { | 1367 | 100% { |
| 1363 | -o-transform: rotate(360deg); | 1368 | -o-transform: rotate(360deg); |
| 1364 | } | 1369 | } |
| 1365 | } | 1370 | } |
| 1366 | @keyframes rotation { | 1371 | @keyframes rotation { |
| 1367 | 0% { | 1372 | 0% { |
| 1368 | transform: rotate(0deg); | 1373 | transform: rotate(0deg); |
| 1369 | } | 1374 | } |
| 1370 | 100% { | 1375 | 100% { |
| 1371 | transform: rotate(360deg); | 1376 | transform: rotate(360deg); |
| 1372 | } | 1377 | } |
| 1373 | } | 1378 | } |
| 1374 | @-webkit-keyframes rotation_reverse { | 1379 | @-webkit-keyframes rotation_reverse { |
| 1375 | 0% { | 1380 | 0% { |
| 1376 | -webkit-transform: rotate(0deg); | 1381 | -webkit-transform: rotate(0deg); |
| 1377 | } | 1382 | } |
| 1378 | 100% { | 1383 | 100% { |
| 1379 | -webkit-transform: rotate(-360deg); | 1384 | -webkit-transform: rotate(-360deg); |
| 1380 | } | 1385 | } |
| 1381 | } | 1386 | } |
| 1382 | @-moz-keyframes rotation_reverse { | 1387 | @-moz-keyframes rotation_reverse { |
| 1383 | 0% { | 1388 | 0% { |
| 1384 | -moz-transform: rotate(0deg); | 1389 | -moz-transform: rotate(0deg); |
| 1385 | } | 1390 | } |
| 1386 | 100% { | 1391 | 100% { |
| 1387 | -moz-transform: rotate(-360deg); | 1392 | -moz-transform: rotate(-360deg); |
| 1388 | } | 1393 | } |
| 1389 | } | 1394 | } |
| 1390 | @-ms-keyframes rotation_reverse { | 1395 | @-ms-keyframes rotation_reverse { |
| 1391 | 0% { | 1396 | 0% { |
| 1392 | -ms-transform: rotate(0deg); | 1397 | -ms-transform: rotate(0deg); |
| 1393 | } | 1398 | } |
| 1394 | 100% { | 1399 | 100% { |
| 1395 | -ms-transform: rotate(-360deg); | 1400 | -ms-transform: rotate(-360deg); |
| 1396 | } | 1401 | } |
| 1397 | } | 1402 | } |
| 1398 | @-o-keyframes rotation_reverse { | 1403 | @-o-keyframes rotation_reverse { |
| 1399 | 0% { | 1404 | 0% { |
| 1400 | -o-transform: rotate(0deg); | 1405 | -o-transform: rotate(0deg); |
| 1401 | } | 1406 | } |
| 1402 | 100% { | 1407 | 100% { |
| 1403 | -o-transform: rotate(-360deg); | 1408 | -o-transform: rotate(-360deg); |
| 1404 | } | 1409 | } |
| 1405 | } | 1410 | } |
| 1406 | @keyframes rotation_reverse { | 1411 | @keyframes rotation_reverse { |
| 1407 | 0% { | 1412 | 0% { |
| 1408 | transform: rotate(0deg); | 1413 | transform: rotate(0deg); |
| 1409 | } | 1414 | } |
| 1410 | 100% { | 1415 | 100% { |
| 1411 | transform: rotate(-360deg); | 1416 | transform: rotate(-360deg); |
| 1412 | } | 1417 | } |
| 1413 | } | 1418 | } |
| 1414 | @-webkit-keyframes bounceIn { | 1419 | @-webkit-keyframes bounceIn { |
| 1415 | 0% { | 1420 | 0% { |
| 1416 | opacity: 0; | 1421 | opacity: 0; |
| 1417 | } | 1422 | } |
| 1418 | 100% { | 1423 | 100% { |
| 1419 | opacity: 1; | 1424 | opacity: 1; |
| 1420 | } | 1425 | } |
| 1421 | } | 1426 | } |
| 1422 | @-webkit-keyframes bounceOut { | 1427 | @-webkit-keyframes bounceOut { |
| 1423 | 0% { | 1428 | 0% { |
| 1424 | opacity: 1; | 1429 | opacity: 1; |
| 1425 | } | 1430 | } |
| 1426 | 100% { | 1431 | 100% { |
| 1427 | opacity: 0; | 1432 | opacity: 0; |
| 1428 | } | 1433 | } |
| 1429 | } | 1434 | } |
| 1430 | /* ------------------------------------------------------------------------------ | 1435 | /* ------------------------------------------------------------------------------ |
| 1431 | * | 1436 | * |
| 1432 | * # Demo styles | 1437 | * # Demo styles |
| 1433 | * | 1438 | * |
| 1434 | * Styles used for demostration purposes only | 1439 | * Styles used for demostration purposes only |
| 1435 | * | 1440 | * |
| 1436 | * Version: 1.1 | 1441 | * Version: 1.1 |
| 1437 | * Latest update: Nov 25, 2015 | 1442 | * Latest update: Nov 25, 2015 |
| 1438 | * | 1443 | * |
| 1439 | * ---------------------------------------------------------------------------- */ | 1444 | * ---------------------------------------------------------------------------- */ |
| 1440 | .jqueryui-demo-container { | 1445 | .jqueryui-demo-container { |
| 1441 | font-size: 0; | 1446 | font-size: 0; |
| 1442 | } | 1447 | } |
| 1443 | .jqueryui-demo-element { | 1448 | .jqueryui-demo-element { |
| 1444 | width: 90px; | 1449 | width: 90px; |
| 1445 | height: 90px; | 1450 | height: 90px; |
| 1446 | border-radius: 100px; | 1451 | border-radius: 100px; |
| 1447 | background-color: #fafafa; | 1452 | background-color: #fafafa; |
| 1448 | border: 2px dashed #ddd; | 1453 | border: 2px dashed #ddd; |
| 1449 | color: #777; | 1454 | color: #777; |
| 1450 | font-size: 12px; | 1455 | font-size: 12px; |
| 1451 | vertical-align: middle; | 1456 | vertical-align: middle; |
| 1452 | margin: auto; | 1457 | margin: auto; |
| 1453 | position: relative; | 1458 | position: relative; |
| 1454 | z-index: 10; | 1459 | z-index: 10; |
| 1455 | } | 1460 | } |
| 1456 | .jqueryui-demo-element + .jqueryui-demo-element { | 1461 | .jqueryui-demo-element + .jqueryui-demo-element { |
| 1457 | margin: 20px auto 0 auto; | 1462 | margin: 20px auto 0 auto; |
| 1458 | } | 1463 | } |
| 1459 | .jqueryui-demo-element > span { | 1464 | .jqueryui-demo-element > span { |
| 1460 | position: absolute; | 1465 | position: absolute; |
| 1461 | top: 50%; | 1466 | top: 50%; |
| 1462 | margin-top: -10px; | 1467 | margin-top: -10px; |
| 1463 | left: 0; | 1468 | left: 0; |
| 1464 | right: 0; | 1469 | right: 0; |
| 1465 | } | 1470 | } |
| 1466 | @media (min-width: 769px) { | 1471 | @media (min-width: 769px) { |
| 1467 | .jqueryui-demo-element { | 1472 | .jqueryui-demo-element { |
| 1468 | display: inline-block; | 1473 | display: inline-block; |
| 1469 | } | 1474 | } |
| 1470 | .jqueryui-demo-element + .jqueryui-demo-element { | 1475 | .jqueryui-demo-element + .jqueryui-demo-element { |
| 1471 | margin: 0 0 0 20px; | 1476 | margin: 0 0 0 20px; |
| 1472 | } | 1477 | } |
| 1473 | } | 1478 | } |
| 1474 | .selectable-demo-list { | 1479 | .selectable-demo-list { |
| 1475 | list-style: none; | 1480 | list-style: none; |
| 1476 | display: inline-block; | 1481 | display: inline-block; |
| 1477 | margin: 0; | 1482 | margin: 0; |
| 1478 | padding: 0; | 1483 | padding: 0; |
| 1479 | width: 200px; | 1484 | width: 200px; |
| 1480 | } | 1485 | } |
| 1481 | .selectable-demo-list > .ui-sortable-handle, | 1486 | .selectable-demo-list > .ui-sortable-handle, |
| 1482 | .selectable-demo-list > .ui-selectee, | 1487 | .selectable-demo-list > .ui-selectee, |
| 1483 | .ui-handle-excluded { | 1488 | .ui-handle-excluded { |
| 1484 | padding: 7px 16px; | 1489 | padding: 7px 16px; |
| 1485 | background-color: #fcfcfc; | 1490 | background-color: #fcfcfc; |
| 1486 | border: 1px solid #ddd; | 1491 | border: 1px solid #ddd; |
| 1487 | border-radius: 2px; | 1492 | border-radius: 2px; |
| 1488 | cursor: pointer; | 1493 | cursor: pointer; |
| 1489 | color: #777; | 1494 | color: #777; |
| 1490 | font-size: 12px; | 1495 | font-size: 12px; |
| 1491 | } | 1496 | } |
| 1492 | .selectable-demo-list > .ui-sortable-handle.ui-selecting, | 1497 | .selectable-demo-list > .ui-sortable-handle.ui-selecting, |
| 1493 | .selectable-demo-list > .ui-selectee.ui-selecting { | 1498 | .selectable-demo-list > .ui-selectee.ui-selecting { |
| 1494 | background-color: #29B6F6; | 1499 | background-color: #29B6F6; |
| 1495 | border-color: #039BE5; | 1500 | border-color: #039BE5; |
| 1496 | color: #fff; | 1501 | color: #fff; |
| 1497 | } | 1502 | } |
| 1498 | .selectable-demo-list > .ui-sortable-handle.ui-selected, | 1503 | .selectable-demo-list > .ui-sortable-handle.ui-selected, |
| 1499 | .selectable-demo-list > .ui-selectee.ui-selected { | 1504 | .selectable-demo-list > .ui-selectee.ui-selected { |
| 1500 | background-color: #03A9F4; | 1505 | background-color: #03A9F4; |
| 1501 | border-color: #0288D1; | 1506 | border-color: #0288D1; |
| 1502 | color: #fff; | 1507 | color: #fff; |
| 1503 | } | 1508 | } |
| 1504 | .selectable-demo-list > li + li { | 1509 | .selectable-demo-list > li + li { |
| 1505 | margin-top: 5px; | 1510 | margin-top: 5px; |
| 1506 | } | 1511 | } |
| 1507 | .selectable-demo-list > .ui-sortable-helper:first-child + li { | 1512 | .selectable-demo-list > .ui-sortable-helper:first-child + li { |
| 1508 | margin-top: 0; | 1513 | margin-top: 0; |
| 1509 | } | 1514 | } |
| 1510 | .selectable-demo-connected + .selectable-demo-connected { | 1515 | .selectable-demo-connected + .selectable-demo-connected { |
| 1511 | margin-top: 20px; | 1516 | margin-top: 20px; |
| 1512 | } | 1517 | } |
| 1513 | @media (min-width: 769px) { | 1518 | @media (min-width: 769px) { |
| 1514 | .selectable-demo-connected + .selectable-demo-connected { | 1519 | .selectable-demo-connected + .selectable-demo-connected { |
| 1515 | margin-top: 0; | 1520 | margin-top: 0; |
| 1516 | margin-left: 20px; | 1521 | margin-left: 20px; |
| 1517 | } | 1522 | } |
| 1518 | } | 1523 | } |
| 1519 | .droppable-demo-target { | 1524 | .droppable-demo-target { |
| 1520 | width: 110px; | 1525 | width: 110px; |
| 1521 | height: 110px; | 1526 | height: 110px; |
| 1522 | background-color: #E3F2FD; | 1527 | background-color: #E3F2FD; |
| 1523 | border-color: #2196F3; | 1528 | border-color: #2196F3; |
| 1524 | color: #1565C0; | 1529 | color: #1565C0; |
| 1525 | z-index: 9; | 1530 | z-index: 9; |
| 1526 | } | 1531 | } |
| 1527 | .droppable-demo-drop { | 1532 | .droppable-demo-drop { |
| 1528 | background-color: #E8F5E9; | 1533 | background-color: #E8F5E9; |
| 1529 | border-color: #4CAF50; | 1534 | border-color: #4CAF50; |
| 1530 | color: #2E7D32; | 1535 | color: #2E7D32; |
| 1531 | } | 1536 | } |
| 1532 | .demo-color { | 1537 | .demo-color { |
| 1533 | height: 150px; | 1538 | height: 150px; |
| 1534 | position: relative; | 1539 | position: relative; |
| 1535 | border-top-right-radius: 3px; | 1540 | border-top-right-radius: 3px; |
| 1536 | border-top-left-radius: 3px; | 1541 | border-top-left-radius: 3px; |
| 1537 | } | 1542 | } |
| 1538 | .demo-color > span { | 1543 | .demo-color > span { |
| 1539 | position: absolute; | 1544 | position: absolute; |
| 1540 | bottom: 0; | 1545 | bottom: 0; |
| 1541 | left: 0; | 1546 | left: 0; |
| 1542 | width: 100%; | 1547 | width: 100%; |
| 1543 | text-align: center; | 1548 | text-align: center; |
| 1544 | padding: 6px; | 1549 | padding: 6px; |
| 1545 | background-color: rgba(0, 0, 0, 0.2); | 1550 | background-color: rgba(0, 0, 0, 0.2); |
| 1546 | font-size: 12px; | 1551 | font-size: 12px; |
| 1547 | color: #fff; | 1552 | color: #fff; |
| 1548 | } | 1553 | } |
| 1549 | .overlay-demo { | 1554 | .overlay-demo { |
| 1550 | display: inline-block; | 1555 | display: inline-block; |
| 1551 | background-color: #333; | 1556 | background-color: #333; |
| 1552 | border-radius: 3px; | 1557 | border-radius: 3px; |
| 1553 | } | 1558 | } |
| 1554 | .overlay-demo-light { | 1559 | .overlay-demo-light { |
| 1555 | background-color: #eeeded; | 1560 | background-color: #eeeded; |
| 1556 | } | 1561 | } |
| 1557 | .glyphs > div { | 1562 | .glyphs > div { |
| 1558 | padding: 8px 16px; | 1563 | padding: 8px 16px; |
| 1559 | cursor: pointer; | 1564 | cursor: pointer; |
| 1560 | } | 1565 | } |
| 1561 | .glyphs > div > i { | 1566 | .glyphs > div > i { |
| 1562 | margin-right: 10px; | 1567 | margin-right: 10px; |
| 1563 | width: 1em; | 1568 | width: 1em; |
| 1564 | text-align: center; | 1569 | text-align: center; |
| 1565 | } | 1570 | } |
| 1566 | .glyphs > div:hover { | 1571 | .glyphs > div:hover { |
| 1567 | background-color: #009688; | 1572 | background-color: #009688; |
| 1568 | color: #fff; | 1573 | color: #fff; |
| 1569 | border-radius: 2px; | 1574 | border-radius: 2px; |
| 1570 | } | 1575 | } |
| 1571 | .glyphs > div:hover span { | 1576 | .glyphs > div:hover span { |
| 1572 | color: #fff; | 1577 | color: #fff; |
| 1573 | } | 1578 | } |
| 1574 | .grid-demo [class*="col-"] > div:not(.row) { | 1579 | .grid-demo [class*="col-"] > div:not(.row) { |
| 1575 | margin-bottom: 20px; | 1580 | margin-bottom: 20px; |
| 1576 | padding: 10px; | 1581 | padding: 10px; |
| 1577 | text-align: center; | 1582 | text-align: center; |
| 1578 | background-color: #F7F7FC; | 1583 | background-color: #F7F7FC; |
| 1579 | border: 1px solid #ddd; | 1584 | border: 1px solid #ddd; |
| 1580 | color: #333333; | 1585 | color: #333333; |
| 1581 | } | 1586 | } |
| 1582 | .demo-velocity-box { | 1587 | .demo-velocity-box { |
| 1583 | padding: 12px 15px; | 1588 | padding: 12px 15px; |
| 1584 | margin-bottom: 20px; | 1589 | margin-bottom: 20px; |
| 1585 | position: relative; | 1590 | position: relative; |
| 1586 | border: 1px solid #ccc; | 1591 | border: 1px solid #ccc; |
| 1587 | text-align: center; | 1592 | text-align: center; |
| 1588 | background-color: #fcfcfc; | 1593 | background-color: #fcfcfc; |
| 1589 | border-radius: 3px; | 1594 | border-radius: 3px; |
| 1590 | -webkit-box-shadow: 0 0 0 0 #2196F3; | 1595 | -webkit-box-shadow: 0 0 0 0 #2196F3; |
| 1591 | box-shadow: 0 0 0 0 #2196F3; | 1596 | box-shadow: 0 0 0 0 #2196F3; |
| 1592 | } | 1597 | } |
| 1593 | .demo-velocity-box > span { | 1598 | .demo-velocity-box > span { |
| 1594 | float: left; | 1599 | float: left; |
| 1595 | } | 1600 | } |
| 1596 | .demo-velocity-box span { | 1601 | .demo-velocity-box span { |
| 1597 | vertical-align: middle; | 1602 | vertical-align: middle; |
| 1598 | } | 1603 | } |
| 1599 | .demo-velocity-box .icons-list { | 1604 | .demo-velocity-box .icons-list { |
| 1600 | float: right; | 1605 | float: right; |
| 1601 | margin-top: 2px; | 1606 | margin-top: 2px; |
| 1602 | } | 1607 | } |
| 1603 | .demo-velocity-box .icons-list a { | 1608 | .demo-velocity-box .icons-list a { |
| 1604 | opacity: 0.8; | 1609 | opacity: 0.8; |
| 1605 | filter: alpha(opacity=80); | 1610 | filter: alpha(opacity=80); |
| 1606 | } | 1611 | } |
| 1607 | .demo-velocity-box .icons-list a:hover { | 1612 | .demo-velocity-box .icons-list a:hover { |
| 1608 | opacity: 1; | 1613 | opacity: 1; |
| 1609 | filter: alpha(opacity=100); | 1614 | filter: alpha(opacity=100); |
| 1610 | } | 1615 | } |
| 1611 | .blockui-growl { | 1616 | .blockui-growl { |
| 1612 | display: none; | 1617 | display: none; |
| 1613 | text-align: left; | 1618 | text-align: left; |
| 1614 | padding: 15px; | 1619 | padding: 15px; |
| 1615 | background-color: #455A64; | 1620 | background-color: #455A64; |
| 1616 | color: #fff; | 1621 | color: #fff; |
| 1617 | border-radius: 3px; | 1622 | border-radius: 3px; |
| 1618 | } | 1623 | } |
| 1619 | .blockui-growl h6 { | 1624 | .blockui-growl h6 { |
| 1620 | margin-top: 2px; | 1625 | margin-top: 2px; |
| 1621 | margin-bottom: 8px; | 1626 | margin-bottom: 8px; |
| 1622 | } | 1627 | } |
| 1623 | .blockui-message { | 1628 | .blockui-message { |
| 1624 | display: none; | 1629 | display: none; |
| 1625 | background-color: #455A64; | 1630 | background-color: #455A64; |
| 1626 | color: #fff; | 1631 | color: #fff; |
| 1627 | border-radius: 3px; | 1632 | border-radius: 3px; |
| 1628 | padding: 15px 15px 10px 15px; | 1633 | padding: 15px 15px 10px 15px; |
| 1629 | } | 1634 | } |
| 1630 | .blockui-message > i { | 1635 | .blockui-message > i { |
| 1631 | display: block; | 1636 | display: block; |
| 1632 | margin-bottom: 10px; | 1637 | margin-bottom: 10px; |
| 1633 | } | 1638 | } |
| 1634 | .multiple-messages-container, | 1639 | .multiple-messages-container, |
| 1635 | .blockui-animation-container { | 1640 | .blockui-animation-container { |
| 1636 | display: none; | 1641 | display: none; |
| 1637 | } | 1642 | } |
| 1638 | .blockui-animation-container { | 1643 | .blockui-animation-container { |
| 1639 | background-color: #555; | 1644 | background-color: #555; |
| 1640 | padding: 10px; | 1645 | padding: 10px; |
| 1641 | line-height: 1; | 1646 | line-height: 1; |
| 1642 | border-radius: 3px; | 1647 | border-radius: 3px; |
| 1643 | } | 1648 | } |
| 1644 | .val-demo { | 1649 | .val-demo { |
| 1645 | display: block; | 1650 | display: block; |
| 1646 | margin-top: 20px; | 1651 | margin-top: 20px; |
| 1647 | } | 1652 | } |
| 1648 | .val-demo > span { | 1653 | .val-demo > span { |
| 1649 | font-weight: 500; | 1654 | font-weight: 500; |
| 1650 | } | 1655 | } |
| 1651 | /* ------------------------------------------------------------------------------ | 1656 | /* ------------------------------------------------------------------------------ |
| 1652 | * | 1657 | * |
| 1653 | * # Pace. Default theme | 1658 | * # Pace. Default theme |
| 1654 | * | 1659 | * |
| 1655 | * Minimal preloader theme, used as a default theme | 1660 | * Minimal preloader theme, used as a default theme |
| 1656 | * | 1661 | * |
| 1657 | * Version: 1.0 | 1662 | * Version: 1.0 |
| 1658 | * Latest update: May 25, 2015 | 1663 | * Latest update: May 25, 2015 |
| 1659 | * | 1664 | * |
| 1660 | * ---------------------------------------------------------------------------- */ | 1665 | * ---------------------------------------------------------------------------- */ |
| 1661 | .pace { | 1666 | .pace { |
| 1662 | -webkit-pointer-events: none; | 1667 | -webkit-pointer-events: none; |
| 1663 | pointer-events: none; | 1668 | pointer-events: none; |
| 1664 | -webkit-user-select: none; | 1669 | -webkit-user-select: none; |
| 1665 | -moz-user-select: none; | 1670 | -moz-user-select: none; |
| 1666 | -ms-user-select: none; | 1671 | -ms-user-select: none; |
| 1667 | user-select: none; | 1672 | user-select: none; |
| 1668 | } | 1673 | } |
| 1669 | .pace .pace-progress { | 1674 | .pace .pace-progress { |
| 1670 | background: #81C784; | 1675 | background: #81C784; |
| 1671 | position: fixed; | 1676 | position: fixed; |
| 1672 | z-index: 2000; | 1677 | z-index: 2000; |
| 1673 | top: 0; | 1678 | top: 0; |
| 1674 | width: 100%; | 1679 | width: 100%; |
| 1675 | right: 100%; | 1680 | right: 100%; |
| 1676 | height: 2px; | 1681 | height: 2px; |
| 1677 | } | 1682 | } |
| 1678 | .pace-inactive { | 1683 | .pace-inactive { |
| 1679 | display: none; | 1684 | display: none; |
| 1680 | } | 1685 | } |
| 1681 | /* ------------------------------------------------------------------------------ | 1686 | /* ------------------------------------------------------------------------------ |
| 1682 | * | 1687 | * |
| 1683 | * # Progress bars | 1688 | * # Progress bars |
| 1684 | * | 1689 | * |
| 1685 | * Static demo of Pace themes. For demonstration purposes only. DO NOT use it in live project | 1690 | * Static demo of Pace themes. For demonstration purposes only. DO NOT use it in live project |
| 1686 | * | 1691 | * |
| 1687 | * Version: 1.0 | 1692 | * Version: 1.0 |
| 1688 | * Latest update: Mar 2, 2015 | 1693 | * Latest update: Mar 2, 2015 |
| 1689 | * | 1694 | * |
| 1690 | * ---------------------------------------------------------------------------- */ | 1695 | * ---------------------------------------------------------------------------- */ |
| 1691 | .pace-demo { | 1696 | .pace-demo { |
| 1692 | display: inline-block; | 1697 | display: inline-block; |
| 1693 | background-color: #37474F; | 1698 | background-color: #37474F; |
| 1694 | border-radius: 3px; | 1699 | border-radius: 3px; |
| 1695 | margin-top: 1px; | 1700 | margin-top: 1px; |
| 1696 | margin-bottom: 1px; | 1701 | margin-bottom: 1px; |
| 1697 | vertical-align: middle; | 1702 | vertical-align: middle; |
| 1698 | padding: 20px; | 1703 | padding: 20px; |
| 1699 | position: relative; | 1704 | position: relative; |
| 1700 | } | 1705 | } |
| 1701 | .pace-demo .pace_progress { | 1706 | .pace-demo .pace_progress { |
| 1702 | display: none; | 1707 | display: none; |
| 1703 | } | 1708 | } |
| 1704 | .theme_xbox_xs, | 1709 | .theme_xbox_xs, |
| 1705 | .theme_xbox_sm, | 1710 | .theme_xbox_sm, |
| 1706 | .theme_xbox { | 1711 | .theme_xbox { |
| 1707 | position: relative; | 1712 | position: relative; |
| 1708 | width: 44px; | 1713 | width: 44px; |
| 1709 | height: 44px; | 1714 | height: 44px; |
| 1710 | } | 1715 | } |
| 1711 | .theme_xbox_xs .pace_activity, | 1716 | .theme_xbox_xs .pace_activity, |
| 1712 | .theme_xbox_sm .pace_activity, | 1717 | .theme_xbox_sm .pace_activity, |
| 1713 | .theme_xbox .pace_activity { | 1718 | .theme_xbox .pace_activity { |
| 1714 | width: 44px; | 1719 | width: 44px; |
| 1715 | height: 44px; | 1720 | height: 44px; |
| 1716 | -webkit-animation: rotation 1.5s ease-in-out infinite; | 1721 | -webkit-animation: rotation 1.5s ease-in-out infinite; |
| 1717 | -o-animation: rotation 1.5s ease-in-out infinite; | 1722 | -o-animation: rotation 1.5s ease-in-out infinite; |
| 1718 | animation: rotation 1.5s ease-in-out infinite; | 1723 | animation: rotation 1.5s ease-in-out infinite; |
| 1719 | } | 1724 | } |
| 1720 | .theme_xbox_xs .pace_activity, | 1725 | .theme_xbox_xs .pace_activity, |
| 1721 | .theme_xbox_xs .pace_activity:before, | 1726 | .theme_xbox_xs .pace_activity:before, |
| 1722 | .theme_xbox_xs .pace_activity:after, | 1727 | .theme_xbox_xs .pace_activity:after, |
| 1723 | .theme_xbox_sm .pace_activity, | 1728 | .theme_xbox_sm .pace_activity, |
| 1724 | .theme_xbox_sm .pace_activity:before, | 1729 | .theme_xbox_sm .pace_activity:before, |
| 1725 | .theme_xbox_sm .pace_activity:after, | 1730 | .theme_xbox_sm .pace_activity:after, |
| 1726 | .theme_xbox .pace_activity, | 1731 | .theme_xbox .pace_activity, |
| 1727 | .theme_xbox .pace_activity:before, | 1732 | .theme_xbox .pace_activity:before, |
| 1728 | .theme_xbox .pace_activity:after { | 1733 | .theme_xbox .pace_activity:after { |
| 1729 | border-radius: 50%; | 1734 | border-radius: 50%; |
| 1730 | border: 1px solid transparent; | 1735 | border: 1px solid transparent; |
| 1731 | border-top-color: #fff; | 1736 | border-top-color: #fff; |
| 1732 | } | 1737 | } |
| 1733 | .theme_xbox_xs .pace_activity:before, | 1738 | .theme_xbox_xs .pace_activity:before, |
| 1734 | .theme_xbox_sm .pace_activity:before, | 1739 | .theme_xbox_sm .pace_activity:before, |
| 1735 | .theme_xbox .pace_activity:before { | 1740 | .theme_xbox .pace_activity:before { |
| 1736 | content: ""; | 1741 | content: ""; |
| 1737 | position: absolute; | 1742 | position: absolute; |
| 1738 | top: 5px; | 1743 | top: 5px; |
| 1739 | left: 5px; | 1744 | left: 5px; |
| 1740 | right: 5px; | 1745 | right: 5px; |
| 1741 | bottom: 5px; | 1746 | bottom: 5px; |
| 1742 | -webkit-animation: rotation 2s ease-in-out infinite; | 1747 | -webkit-animation: rotation 2s ease-in-out infinite; |
| 1743 | -o-animation: rotation 2s ease-in-out infinite; | 1748 | -o-animation: rotation 2s ease-in-out infinite; |
| 1744 | animation: rotation 2s ease-in-out infinite; | 1749 | animation: rotation 2s ease-in-out infinite; |
| 1745 | } | 1750 | } |
| 1746 | .theme_xbox_xs .pace_activity:after, | 1751 | .theme_xbox_xs .pace_activity:after, |
| 1747 | .theme_xbox_sm .pace_activity:after, | 1752 | .theme_xbox_sm .pace_activity:after, |
| 1748 | .theme_xbox .pace_activity:after { | 1753 | .theme_xbox .pace_activity:after { |
| 1749 | content: ""; | 1754 | content: ""; |
| 1750 | position: absolute; | 1755 | position: absolute; |
| 1751 | top: 12px; | 1756 | top: 12px; |
| 1752 | left: 12px; | 1757 | left: 12px; |
| 1753 | right: 12px; | 1758 | right: 12px; |
| 1754 | bottom: 12px; | 1759 | bottom: 12px; |
| 1755 | -webkit-animation: rotation 1s ease-in-out infinite; | 1760 | -webkit-animation: rotation 1s ease-in-out infinite; |
| 1756 | -o-animation: rotation 1s ease-in-out infinite; | 1761 | -o-animation: rotation 1s ease-in-out infinite; |
| 1757 | animation: rotation 1s ease-in-out infinite; | 1762 | animation: rotation 1s ease-in-out infinite; |
| 1758 | } | 1763 | } |
| 1759 | .theme_xbox_with_text span { | 1764 | .theme_xbox_with_text span { |
| 1760 | display: block; | 1765 | display: block; |
| 1761 | margin-top: 7px; | 1766 | margin-top: 7px; |
| 1762 | color: #fff; | 1767 | color: #fff; |
| 1763 | } | 1768 | } |
| 1764 | .theme_xbox_sm .pace_activity, | 1769 | .theme_xbox_sm .pace_activity, |
| 1765 | .theme_xbox_sm .pace_activity:before, | 1770 | .theme_xbox_sm .pace_activity:before, |
| 1766 | .theme_xbox_sm .pace_activity:after { | 1771 | .theme_xbox_sm .pace_activity:after { |
| 1767 | border-width: 2px; | 1772 | border-width: 2px; |
| 1768 | } | 1773 | } |
| 1769 | .theme_xbox .pace_activity, | 1774 | .theme_xbox .pace_activity, |
| 1770 | .theme_xbox .pace_activity:before, | 1775 | .theme_xbox .pace_activity:before, |
| 1771 | .theme_xbox .pace_activity:after { | 1776 | .theme_xbox .pace_activity:after { |
| 1772 | border-width: 3px; | 1777 | border-width: 3px; |
| 1773 | } | 1778 | } |
| 1774 | .theme_perspective { | 1779 | .theme_perspective { |
| 1775 | pointer-events: none; | 1780 | pointer-events: none; |
| 1776 | -webkit-user-select: none; | 1781 | -webkit-user-select: none; |
| 1777 | -moz-user-select: none; | 1782 | -moz-user-select: none; |
| 1778 | -ms-user-select: none; | 1783 | -ms-user-select: none; |
| 1779 | user-select: none; | 1784 | user-select: none; |
| 1780 | width: 30px; | 1785 | width: 30px; |
| 1781 | height: 30px; | 1786 | height: 30px; |
| 1782 | } | 1787 | } |
| 1783 | .theme_perspective .pace_activity { | 1788 | .theme_perspective .pace_activity { |
| 1784 | width: 20px; | 1789 | width: 20px; |
| 1785 | height: 20px; | 1790 | height: 20px; |
| 1786 | display: inline-block; | 1791 | display: inline-block; |
| 1787 | margin-top: 5px; | 1792 | margin-top: 5px; |
| 1788 | margin-bottom: 5px; | 1793 | margin-bottom: 5px; |
| 1789 | background-color: #fff; | 1794 | background-color: #fff; |
| 1790 | -webkit-animation: perspective 1.2s infinite ease-in-out; | 1795 | -webkit-animation: perspective 1.2s infinite ease-in-out; |
| 1791 | -o-animation: perspective 1.2s infinite ease-in-out; | 1796 | -o-animation: perspective 1.2s infinite ease-in-out; |
| 1792 | animation: perspective 1.2s infinite ease-in-out; | 1797 | animation: perspective 1.2s infinite ease-in-out; |
| 1793 | } | 1798 | } |
| 1794 | @keyframes perspective { | 1799 | @keyframes perspective { |
| 1795 | 0% { | 1800 | 0% { |
| 1796 | transform: perspective(120px); | 1801 | transform: perspective(120px); |
| 1797 | } | 1802 | } |
| 1798 | 50% { | 1803 | 50% { |
| 1799 | transform: perspective(120px) rotateY(180deg); | 1804 | transform: perspective(120px) rotateY(180deg); |
| 1800 | } | 1805 | } |
| 1801 | 100% { | 1806 | 100% { |
| 1802 | transform: perspective(120px) rotateY(180deg) rotateX(180deg); | 1807 | transform: perspective(120px) rotateY(180deg) rotateX(180deg); |
| 1803 | } | 1808 | } |
| 1804 | } | 1809 | } |
| 1805 | @-webkit-keyframes perspective { | 1810 | @-webkit-keyframes perspective { |
| 1806 | 0% { | 1811 | 0% { |
| 1807 | -webkit-transform: perspective(120px); | 1812 | -webkit-transform: perspective(120px); |
| 1808 | } | 1813 | } |
| 1809 | 50% { | 1814 | 50% { |
| 1810 | -webkit-transform: perspective(120px) rotateY(180deg); | 1815 | -webkit-transform: perspective(120px) rotateY(180deg); |
| 1811 | } | 1816 | } |
| 1812 | 100% { | 1817 | 100% { |
| 1813 | -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); | 1818 | -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); |
| 1814 | } | 1819 | } |
| 1815 | } | 1820 | } |
| 1816 | @-moz-keyframes perspective { | 1821 | @-moz-keyframes perspective { |
| 1817 | 0% { | 1822 | 0% { |
| 1818 | -moz-transform: perspective(120px); | 1823 | -moz-transform: perspective(120px); |
| 1819 | } | 1824 | } |
| 1820 | 50% { | 1825 | 50% { |
| 1821 | -moz-transform: perspective(120px) rotateY(180deg); | 1826 | -moz-transform: perspective(120px) rotateY(180deg); |
| 1822 | } | 1827 | } |
| 1823 | 100% { | 1828 | 100% { |
| 1824 | -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg); | 1829 | -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg); |
| 1825 | } | 1830 | } |
| 1826 | } | 1831 | } |
| 1827 | .theme_perspective_with_text span, | 1832 | .theme_perspective_with_text span, |
| 1828 | .theme_squares_with_text span, | 1833 | .theme_squares_with_text span, |
| 1829 | .theme_tail_with_text span, | 1834 | .theme_tail_with_text span, |
| 1830 | .theme_corners_with_text span, | 1835 | .theme_corners_with_text span, |
| 1831 | .theme_radar_with_text span { | 1836 | .theme_radar_with_text span { |
| 1832 | display: block; | 1837 | display: block; |
| 1833 | position: absolute; | 1838 | position: absolute; |
| 1834 | left: 0; | 1839 | left: 0; |
| 1835 | bottom: 2px; | 1840 | bottom: 2px; |
| 1836 | width: 100%; | 1841 | width: 100%; |
| 1837 | color: #fff; | 1842 | color: #fff; |
| 1838 | } | 1843 | } |
| 1839 | .theme_squares { | 1844 | .theme_squares { |
| 1840 | width: 30px; | 1845 | width: 30px; |
| 1841 | height: 30px; | 1846 | height: 30px; |
| 1842 | } | 1847 | } |
| 1843 | .theme_squares .pace_activity:before, | 1848 | .theme_squares .pace_activity:before, |
| 1844 | .theme_squares .pace_activity:after { | 1849 | .theme_squares .pace_activity:after { |
| 1845 | position: absolute; | 1850 | position: absolute; |
| 1846 | content: ""; | 1851 | content: ""; |
| 1847 | border: 2px solid #fff; | 1852 | border: 2px solid #fff; |
| 1848 | width: 20px; | 1853 | width: 20px; |
| 1849 | height: 20px; | 1854 | height: 20px; |
| 1850 | margin-left: -10px; | 1855 | margin-left: -10px; |
| 1851 | margin-top: 5px; | 1856 | margin-top: 5px; |
| 1852 | } | 1857 | } |
| 1853 | .theme_squares .pace_activity:before { | 1858 | .theme_squares .pace_activity:before { |
| 1854 | width: 30px; | 1859 | width: 30px; |
| 1855 | height: 30px; | 1860 | height: 30px; |
| 1856 | margin-left: -15px; | 1861 | margin-left: -15px; |
| 1857 | margin-top: 0; | 1862 | margin-top: 0; |
| 1858 | -webkit-animation: rotation_reverse 2s linear infinite; | 1863 | -webkit-animation: rotation_reverse 2s linear infinite; |
| 1859 | -o-animation: rotation_reverse 2s linear infinite; | 1864 | -o-animation: rotation_reverse 2s linear infinite; |
| 1860 | animation: rotation_reverse 2s linear infinite; | 1865 | animation: rotation_reverse 2s linear infinite; |
| 1861 | } | 1866 | } |
| 1862 | .theme_squares .pace_activity:after { | 1867 | .theme_squares .pace_activity:after { |
| 1863 | -webkit-animation: rotation 2s linear infinite; | 1868 | -webkit-animation: rotation 2s linear infinite; |
| 1864 | -o-animation: rotation 2s linear infinite; | 1869 | -o-animation: rotation 2s linear infinite; |
| 1865 | animation: rotation 2s linear infinite; | 1870 | animation: rotation 2s linear infinite; |
| 1866 | } | 1871 | } |
| 1867 | .theme_tail { | 1872 | .theme_tail { |
| 1868 | width: 30px; | 1873 | width: 30px; |
| 1869 | height: 30px; | 1874 | height: 30px; |
| 1870 | } | 1875 | } |
| 1871 | .theme_tail .pace_activity { | 1876 | .theme_tail .pace_activity { |
| 1872 | border-radius: 50%; | 1877 | border-radius: 50%; |
| 1873 | width: 30px; | 1878 | width: 30px; |
| 1874 | height: 30px; | 1879 | height: 30px; |
| 1875 | border: 3px solid transparent; | 1880 | border: 3px solid transparent; |
| 1876 | border-left-color: #ffffff; | 1881 | border-left-color: #ffffff; |
| 1877 | -webkit-animation: rotation 1.1s infinite linear; | 1882 | -webkit-animation: rotation 1.1s infinite linear; |
| 1878 | -o-animation: rotation 1.1s infinite linear; | 1883 | -o-animation: rotation 1.1s infinite linear; |
| 1879 | animation: rotation 1.1s infinite linear; | 1884 | animation: rotation 1.1s infinite linear; |
| 1880 | } | 1885 | } |
| 1881 | .theme_tail_circle { | 1886 | .theme_tail_circle { |
| 1882 | width: 30px; | 1887 | width: 30px; |
| 1883 | height: 30px; | 1888 | height: 30px; |
| 1884 | } | 1889 | } |
| 1885 | .theme_tail_circle .pace_activity { | 1890 | .theme_tail_circle .pace_activity { |
| 1886 | border-radius: 50%; | 1891 | border-radius: 50%; |
| 1887 | width: 30px; | 1892 | width: 30px; |
| 1888 | height: 30px; | 1893 | height: 30px; |
| 1889 | border: 3px solid rgba(0, 0, 0, 0.1); | 1894 | border: 3px solid rgba(0, 0, 0, 0.1); |
| 1890 | border-left-color: #ffffff; | 1895 | border-left-color: #ffffff; |
| 1891 | -webkit-animation: rotation 1.1s infinite linear; | 1896 | -webkit-animation: rotation 1.1s infinite linear; |
| 1892 | -o-animation: rotation 1.1s infinite linear; | 1897 | -o-animation: rotation 1.1s infinite linear; |
| 1893 | animation: rotation 1.1s infinite linear; | 1898 | animation: rotation 1.1s infinite linear; |
| 1894 | } | 1899 | } |
| 1895 | .theme_corners { | 1900 | .theme_corners { |
| 1896 | height: 30px; | 1901 | height: 30px; |
| 1897 | width: 30px; | 1902 | width: 30px; |
| 1898 | } | 1903 | } |
| 1899 | .theme_corners .pace_activity { | 1904 | .theme_corners .pace_activity { |
| 1900 | display: inline-block; | 1905 | display: inline-block; |
| 1901 | width: 12px; | 1906 | width: 12px; |
| 1902 | height: 12px; | 1907 | height: 12px; |
| 1903 | margin-top: 9px; | 1908 | margin-top: 9px; |
| 1904 | margin-bottom: 3px; | 1909 | margin-bottom: 3px; |
| 1905 | background-color: #fff; | 1910 | background-color: #fff; |
| 1906 | border-radius: 10px; | 1911 | border-radius: 10px; |
| 1907 | -webkit-animation: corners 1.5s ease infinite; | 1912 | -webkit-animation: corners 1.5s ease infinite; |
| 1908 | -o-animation: corners 1.5s ease infinite; | 1913 | -o-animation: corners 1.5s ease infinite; |
| 1909 | animation: corners 1.5s ease infinite; | 1914 | animation: corners 1.5s ease infinite; |
| 1910 | } | 1915 | } |
| 1911 | @keyframes corners { | 1916 | @keyframes corners { |
| 1912 | 0% { | 1917 | 0% { |
| 1913 | transform: rotate(0deg); | 1918 | transform: rotate(0deg); |
| 1914 | } | 1919 | } |
| 1915 | 50% { | 1920 | 50% { |
| 1916 | transform: scale(1.5) rotate(180deg); | 1921 | transform: scale(1.5) rotate(180deg); |
| 1917 | border-radius: 0; | 1922 | border-radius: 0; |
| 1918 | } | 1923 | } |
| 1919 | 100% { | 1924 | 100% { |
| 1920 | transform: rotate(360deg); | 1925 | transform: rotate(360deg); |
| 1921 | } | 1926 | } |
| 1922 | } | 1927 | } |
| 1923 | @-webkit-keyframes corners { | 1928 | @-webkit-keyframes corners { |
| 1924 | 0% { | 1929 | 0% { |
| 1925 | -webkit-transform: rotate(0deg); | 1930 | -webkit-transform: rotate(0deg); |
| 1926 | } | 1931 | } |
| 1927 | 50% { | 1932 | 50% { |
| 1928 | -webkit-transform: scale(2) rotate(180deg); | 1933 | -webkit-transform: scale(2) rotate(180deg); |
| 1929 | border-radius: 0; | 1934 | border-radius: 0; |
| 1930 | } | 1935 | } |
| 1931 | 100% { | 1936 | 100% { |
| 1932 | -webkit-transform: rotate(360deg); | 1937 | -webkit-transform: rotate(360deg); |
| 1933 | } | 1938 | } |
| 1934 | } | 1939 | } |
| 1935 | @-moz-keyframes corners { | 1940 | @-moz-keyframes corners { |
| 1936 | 0% { | 1941 | 0% { |
| 1937 | -moz-transform: rotate(0deg); | 1942 | -moz-transform: rotate(0deg); |
| 1938 | } | 1943 | } |
| 1939 | 50% { | 1944 | 50% { |
| 1940 | -moz-transform: scale(2) rotate(180deg); | 1945 | -moz-transform: scale(2) rotate(180deg); |
| 1941 | border-radius: 0; | 1946 | border-radius: 0; |
| 1942 | } | 1947 | } |
| 1943 | 100% { | 1948 | 100% { |
| 1944 | -moz-transform: rotate(360deg); | 1949 | -moz-transform: rotate(360deg); |
| 1945 | } | 1950 | } |
| 1946 | } | 1951 | } |
| 1947 | .theme_radar { | 1952 | .theme_radar { |
| 1948 | width: 30px; | 1953 | width: 30px; |
| 1949 | height: 30px; | 1954 | height: 30px; |
| 1950 | } | 1955 | } |
| 1951 | .theme_radar .pace_activity { | 1956 | .theme_radar .pace_activity { |
| 1952 | display: inline-block; | 1957 | display: inline-block; |
| 1953 | margin-top: 3px; | 1958 | margin-top: 3px; |
| 1954 | margin-bottom: 3px; | 1959 | margin-bottom: 3px; |
| 1955 | width: 24px; | 1960 | width: 24px; |
| 1956 | height: 24px; | 1961 | height: 24px; |
| 1957 | border-radius: 50%; | 1962 | border-radius: 50%; |
| 1958 | border: 2px solid transparent; | 1963 | border: 2px solid transparent; |
| 1959 | border-top-color: #fff; | 1964 | border-top-color: #fff; |
| 1960 | border-bottom-color: #fff; | 1965 | border-bottom-color: #fff; |
| 1961 | -webkit-animation: rotation 1.1s infinite linear; | 1966 | -webkit-animation: rotation 1.1s infinite linear; |
| 1962 | -o-animation: rotation 1.1s infinite linear; | 1967 | -o-animation: rotation 1.1s infinite linear; |
| 1963 | animation: rotation 1.1s infinite linear; | 1968 | animation: rotation 1.1s infinite linear; |
| 1964 | } | 1969 | } |
| 1965 | .theme_bar, | 1970 | .theme_bar, |
| 1966 | .theme_bar_sm, | 1971 | .theme_bar_sm, |
| 1967 | .theme_bar_xs { | 1972 | .theme_bar_xs { |
| 1968 | position: relative; | 1973 | position: relative; |
| 1969 | width: 200px; | 1974 | width: 200px; |
| 1970 | height: 6px; | 1975 | height: 6px; |
| 1971 | background-color: rgba(0, 0, 0, 0.4); | 1976 | background-color: rgba(0, 0, 0, 0.4); |
| 1972 | border-radius: 100px; | 1977 | border-radius: 100px; |
| 1973 | -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); | 1978 | -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); |
| 1974 | box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); | 1979 | box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); |
| 1975 | } | 1980 | } |
| 1976 | .theme_bar .pace_progress, | 1981 | .theme_bar .pace_progress, |
| 1977 | .theme_bar_sm .pace_progress, | 1982 | .theme_bar_sm .pace_progress, |
| 1978 | .theme_bar_xs .pace_progress { | 1983 | .theme_bar_xs .pace_progress { |
| 1979 | max-width: 198px; | 1984 | max-width: 198px; |
| 1980 | display: block; | 1985 | display: block; |
| 1981 | position: absolute; | 1986 | position: absolute; |
| 1982 | left: 1px; | 1987 | left: 1px; |
| 1983 | top: 1px; | 1988 | top: 1px; |
| 1984 | height: 4px; | 1989 | height: 4px; |
| 1985 | background: #3FCF96; | 1990 | background: #3FCF96; |
| 1986 | color: #fff; | 1991 | color: #fff; |
| 1987 | line-height: 32px; | 1992 | line-height: 32px; |
| 1988 | border-radius: 100px; | 1993 | border-radius: 100px; |
| 1989 | } | 1994 | } |
| 1990 | .theme_bar_sm { | 1995 | .theme_bar_sm { |
| 1991 | height: 5px; | 1996 | height: 5px; |
| 1992 | } | 1997 | } |
| 1993 | .theme_bar_sm .pace_progress { | 1998 | .theme_bar_sm .pace_progress { |
| 1994 | height: 3px; | 1999 | height: 3px; |
| 1995 | } | 2000 | } |
| 1996 | .theme_bar_xs { | 2001 | .theme_bar_xs { |
| 1997 | height: 4px; | 2002 | height: 4px; |
| 1998 | } | 2003 | } |
| 1999 | .theme_bar_xs .pace_progress { | 2004 | .theme_bar_xs .pace_progress { |
| 2000 | height: 2px; | 2005 | height: 2px; |
| 2001 | } | 2006 | } |
| 2002 | /* ------------------------------------------------------------------------------ | 2007 | /* ------------------------------------------------------------------------------ |
| 2003 | * | 2008 | * |
| 2004 | * # Uniform form inputs plugin | 2009 | * # Uniform form inputs plugin |
| 2005 | * | 2010 | * |
| 2006 | * Styles for uniform.min.js - form components styling | 2011 | * Styles for uniform.min.js - form components styling |
| 2007 | * | 2012 | * |
| 2008 | * Version: 1.2 | 2013 | * Version: 1.2 |
| 2009 | * Latest update: Aug 10, 2016 | 2014 | * Latest update: Aug 10, 2016 |
| 2010 | * | 2015 | * |
| 2011 | * ---------------------------------------------------------------------------- */ | 2016 | * ---------------------------------------------------------------------------- */ |
| 2012 | .checker { | 2017 | .checker { |
| 2013 | position: relative; | 2018 | position: relative; |
| 2014 | display: inline-block; | 2019 | display: inline-block; |
| 2015 | cursor: pointer; | 2020 | cursor: pointer; |
| 2016 | vertical-align: middle; | 2021 | vertical-align: middle; |
| 2017 | } | 2022 | } |
| 2018 | .checker, | 2023 | .checker, |
| 2019 | .checker span, | 2024 | .checker span, |
| 2020 | .checker input { | 2025 | .checker input { |
| 2021 | width: 18px; | 2026 | width: 18px; |
| 2022 | height: 18px; | 2027 | height: 18px; |
| 2023 | } | 2028 | } |
| 2024 | .checker span { | 2029 | .checker span { |
| 2025 | color: #455A64; | 2030 | color: #455A64; |
| 2026 | border: 2px solid #607D8B; | 2031 | border: 2px solid #607D8B; |
| 2027 | display: inline-block; | 2032 | display: inline-block; |
| 2028 | text-align: center; | 2033 | text-align: center; |
| 2029 | position: relative; | 2034 | position: relative; |
| 2030 | border-radius: 2px; | 2035 | border-radius: 2px; |
| 2031 | } | 2036 | } |
| 2032 | .checker span:after { | 2037 | .checker span:after { |
| 2033 | content: "\ed6e"; | 2038 | content: "\ed6e"; |
| 2034 | font-family: 'icomoon'; | 2039 | font-family: 'icomoon'; |
| 2035 | font-size: 16px; | 2040 | font-size: 16px; |
| 2036 | color: inherit; | 2041 | color: inherit; |
| 2037 | line-height: 1; | 2042 | line-height: 1; |
| 2038 | position: absolute; | 2043 | position: absolute; |
| 2039 | top: -1px; | 2044 | top: -1px; |
| 2040 | left: -1px; | 2045 | left: -1px; |
| 2041 | -webkit-font-smoothing: antialiased; | 2046 | -webkit-font-smoothing: antialiased; |
| 2042 | -moz-osx-font-smoothing: grayscale; | 2047 | -moz-osx-font-smoothing: grayscale; |
| 2043 | opacity: 0; | 2048 | opacity: 0; |
| 2044 | filter: alpha(opacity=0); | 2049 | filter: alpha(opacity=0); |
| 2045 | -webkit-transform: scale(0); | 2050 | -webkit-transform: scale(0); |
| 2046 | -ms-transform: scale(0); | 2051 | -ms-transform: scale(0); |
| 2047 | -o-transform: scale(0); | 2052 | -o-transform: scale(0); |
| 2048 | transform: scale(0); | 2053 | transform: scale(0); |
| 2049 | -webkit-transition-duration: 0.1s; | 2054 | -webkit-transition-duration: 0.1s; |
| 2050 | transition-duration: 0.1s; | 2055 | transition-duration: 0.1s; |
| 2051 | } | 2056 | } |
| 2052 | .checker span.checked { | 2057 | .checker span.checked { |
| 2053 | border-color: transparent; | 2058 | border-color: transparent; |
| 2054 | -webkit-transition-duration: 0.1s; | 2059 | -webkit-transition-duration: 0.1s; |
| 2055 | transition-duration: 0.1s; | 2060 | transition-duration: 0.1s; |
| 2056 | } | 2061 | } |
| 2057 | .checker span.checked:after { | 2062 | .checker span.checked:after { |
| 2058 | opacity: 1; | 2063 | opacity: 1; |
| 2059 | filter: alpha(opacity=100); | 2064 | filter: alpha(opacity=100); |
| 2060 | -webkit-transform: scale(1); | 2065 | -webkit-transform: scale(1); |
| 2061 | -ms-transform: scale(1); | 2066 | -ms-transform: scale(1); |
| 2062 | -o-transform: scale(1); | 2067 | -o-transform: scale(1); |
| 2063 | transform: scale(1); | 2068 | transform: scale(1); |
| 2064 | } | 2069 | } |
| 2065 | .checker input[type=checkbox], | 2070 | .checker input[type=checkbox], |
| 2066 | .choice input[type=radio] { | 2071 | .choice input[type=radio] { |
| 2067 | border: none; | 2072 | border: none; |
| 2068 | background: none; | 2073 | background: none; |
| 2069 | display: -moz-inline-box; | 2074 | display: -moz-inline-box; |
| 2070 | display: inline-block; | 2075 | display: inline-block; |
| 2071 | margin: 0; | 2076 | margin: 0; |
| 2072 | vertical-align: top; | 2077 | vertical-align: top; |
| 2073 | cursor: pointer; | 2078 | cursor: pointer; |
| 2074 | position: absolute; | 2079 | position: absolute; |
| 2075 | top: -2px; | 2080 | top: -2px; |
| 2076 | left: -2px; | 2081 | left: -2px; |
| 2077 | z-index: 2; | 2082 | z-index: 2; |
| 2078 | opacity: 0; | 2083 | opacity: 0; |
| 2079 | filter: alpha(opacity=0); | 2084 | filter: alpha(opacity=0); |
| 2080 | } | 2085 | } |
| 2081 | .checkbox .checker, | 2086 | .checkbox .checker, |
| 2082 | .checkbox-inline .checker { | 2087 | .checkbox-inline .checker { |
| 2083 | position: absolute; | 2088 | position: absolute; |
| 2084 | top: 1px; | 2089 | top: 1px; |
| 2085 | left: 0; | 2090 | left: 0; |
| 2086 | } | 2091 | } |
| 2087 | .form-horizontal .checkbox .checker, | 2092 | .form-horizontal .checkbox .checker, |
| 2088 | .form-horizontal .checkbox-inline .checker { | 2093 | .form-horizontal .checkbox-inline .checker { |
| 2089 | top: 10px; | 2094 | top: 10px; |
| 2090 | } | 2095 | } |
| 2091 | .checkbox-right .checker { | 2096 | .checkbox-right .checker { |
| 2092 | left: auto; | 2097 | left: auto; |
| 2093 | right: 0; | 2098 | right: 0; |
| 2094 | } | 2099 | } |
| 2095 | .checker.disabled { | 2100 | .checker.disabled { |
| 2096 | opacity: 0.5; | 2101 | opacity: 0.5; |
| 2097 | filter: alpha(opacity=50); | 2102 | filter: alpha(opacity=50); |
| 2098 | } | 2103 | } |
| 2099 | .checker.disabled, | 2104 | .checker.disabled, |
| 2100 | .checker.disabled input[type=checkbox] { | 2105 | .checker.disabled input[type=checkbox] { |
| 2101 | cursor: not-allowed; | 2106 | cursor: not-allowed; |
| 2102 | } | 2107 | } |
| 2103 | .checkbox > label:active .checker.disabled span:after, | 2108 | .checkbox > label:active .checker.disabled span:after, |
| 2104 | .checkbox-inline:active .checker.disabled span:after { | 2109 | .checkbox-inline:active .checker.disabled span:after { |
| 2105 | opacity: 0; | 2110 | opacity: 0; |
| 2106 | filter: alpha(opacity=0); | 2111 | filter: alpha(opacity=0); |
| 2107 | } | 2112 | } |
| 2108 | .checkbox > label:active .checker.disabled span.checked:after, | 2113 | .checkbox > label:active .checker.disabled span.checked:after, |
| 2109 | .checkbox-inline:active .checker.disabled span.checked:after { | 2114 | .checkbox-inline:active .checker.disabled span.checked:after { |
| 2110 | opacity: 1; | 2115 | opacity: 1; |
| 2111 | filter: alpha(opacity=100); | 2116 | filter: alpha(opacity=100); |
| 2112 | } | 2117 | } |
| 2113 | .checker[class*=border-] span { | 2118 | .checker[class*=border-] span { |
| 2114 | color: inherit; | 2119 | color: inherit; |
| 2115 | } | 2120 | } |
| 2116 | .checker[class*=border-] span:not(.checked) { | 2121 | .checker[class*=border-] span:not(.checked) { |
| 2117 | border-color: inherit; | 2122 | border-color: inherit; |
| 2118 | } | 2123 | } |
| 2119 | .dropdown-menu > .active:not(.disabled) .checker span, | 2124 | .dropdown-menu > .active:not(.disabled) .checker span, |
| 2120 | .dropdown-menu[class*=bg-] .checker span, | 2125 | .dropdown-menu[class*=bg-] .checker span, |
| 2121 | .page-header-inverse .form-group > .checkbox .checker span, | 2126 | .page-header-inverse .form-group > .checkbox .checker span, |
| 2122 | .page-header-inverse .form-group > .checkbox-inline .checker span, | 2127 | .page-header-inverse .form-group > .checkbox-inline .checker span, |
| 2123 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span, | 2128 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span, |
| 2124 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span, | 2129 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span, |
| 2125 | .sidebar:not(.sidebar-default) .checkbox .checker span, | 2130 | .sidebar:not(.sidebar-default) .checkbox .checker span, |
| 2126 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span { | 2131 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span { |
| 2127 | border-color: #fff; | 2132 | border-color: #fff; |
| 2128 | color: #fff; | 2133 | color: #fff; |
| 2129 | } | 2134 | } |
| 2130 | .dropdown-menu > .active:not(.disabled) .checker span.checked, | 2135 | .dropdown-menu > .active:not(.disabled) .checker span.checked, |
| 2131 | .dropdown-menu[class*=bg-] .checker span.checked, | 2136 | .dropdown-menu[class*=bg-] .checker span.checked, |
| 2132 | .page-header-inverse .form-group > .checkbox .checker span.checked, | 2137 | .page-header-inverse .form-group > .checkbox .checker span.checked, |
| 2133 | .page-header-inverse .form-group > .checkbox-inline .checker span.checked, | 2138 | .page-header-inverse .form-group > .checkbox-inline .checker span.checked, |
| 2134 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span.checked, | 2139 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span.checked, |
| 2135 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span.checked, | 2140 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span.checked, |
| 2136 | .sidebar:not(.sidebar-default) .checkbox .checker span.checked, | 2141 | .sidebar:not(.sidebar-default) .checkbox .checker span.checked, |
| 2137 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span.checked { | 2142 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span.checked { |
| 2138 | border-color: transparent; | 2143 | border-color: transparent; |
| 2139 | } | 2144 | } |
| 2140 | .choice { | 2145 | .choice { |
| 2141 | position: relative; | 2146 | position: relative; |
| 2142 | display: inline-block; | 2147 | display: inline-block; |
| 2143 | cursor: pointer; | 2148 | cursor: pointer; |
| 2144 | vertical-align: middle; | 2149 | vertical-align: middle; |
| 2145 | border-radius: 100%; | 2150 | border-radius: 100%; |
| 2146 | } | 2151 | } |
| 2147 | .choice, | 2152 | .choice, |
| 2148 | .choice span, | 2153 | .choice span, |
| 2149 | .choice input { | 2154 | .choice input { |
| 2150 | width: 18px; | 2155 | width: 18px; |
| 2151 | height: 18px; | 2156 | height: 18px; |
| 2152 | } | 2157 | } |
| 2153 | .choice span { | 2158 | .choice span { |
| 2154 | border: 2px solid #607D8B; | 2159 | border: 2px solid #607D8B; |
| 2155 | display: -moz-inline-box; | 2160 | display: -moz-inline-box; |
| 2156 | display: inline-block; | 2161 | display: inline-block; |
| 2157 | border-radius: 100%; | 2162 | border-radius: 100%; |
| 2158 | text-align: center; | 2163 | text-align: center; |
| 2159 | position: relative; | 2164 | position: relative; |
| 2160 | } | 2165 | } |
| 2161 | .choice span:after { | 2166 | .choice span:after { |
| 2162 | content: ""; | 2167 | content: ""; |
| 2163 | position: absolute; | 2168 | position: absolute; |
| 2164 | top: 3px; | 2169 | top: 3px; |
| 2165 | left: 3px; | 2170 | left: 3px; |
| 2166 | border: 4px solid; | 2171 | border: 4px solid; |
| 2167 | border-color: inherit; | 2172 | border-color: inherit; |
| 2168 | width: 0; | 2173 | width: 0; |
| 2169 | height: 0; | 2174 | height: 0; |
| 2170 | border-radius: 100%; | 2175 | border-radius: 100%; |
| 2171 | opacity: 0; | 2176 | opacity: 0; |
| 2172 | filter: alpha(opacity=0); | 2177 | filter: alpha(opacity=0); |
| 2173 | -webkit-transform: scale(0); | 2178 | -webkit-transform: scale(0); |
| 2174 | -ms-transform: scale(0); | 2179 | -ms-transform: scale(0); |
| 2175 | -o-transform: scale(0); | 2180 | -o-transform: scale(0); |
| 2176 | transform: scale(0); | 2181 | transform: scale(0); |
| 2177 | } | 2182 | } |
| 2178 | .choice span.checked:after { | 2183 | .choice span.checked:after { |
| 2179 | opacity: 1; | 2184 | opacity: 1; |
| 2180 | filter: alpha(opacity=100); | 2185 | filter: alpha(opacity=100); |
| 2181 | -webkit-transform: scale(1); | 2186 | -webkit-transform: scale(1); |
| 2182 | -ms-transform: scale(1); | 2187 | -ms-transform: scale(1); |
| 2183 | -o-transform: scale(1); | 2188 | -o-transform: scale(1); |
| 2184 | transform: scale(1); | 2189 | transform: scale(1); |
| 2185 | } | 2190 | } |
| 2186 | .radio .choice, | 2191 | .radio .choice, |
| 2187 | .radio-inline .choice { | 2192 | .radio-inline .choice { |
| 2188 | position: absolute; | 2193 | position: absolute; |
| 2189 | top: 1px; | 2194 | top: 1px; |
| 2190 | left: 0; | 2195 | left: 0; |
| 2191 | } | 2196 | } |
| 2192 | .form-horizontal .radio .choice, | 2197 | .form-horizontal .radio .choice, |
| 2193 | .form-horizontal .radio-inline .choice { | 2198 | .form-horizontal .radio-inline .choice { |
| 2194 | top: 10px; | 2199 | top: 10px; |
| 2195 | } | 2200 | } |
| 2196 | .radio-right .choice { | 2201 | .radio-right .choice { |
| 2197 | left: auto; | 2202 | left: auto; |
| 2198 | right: 0; | 2203 | right: 0; |
| 2199 | } | 2204 | } |
| 2200 | .choice.active span:after, | 2205 | .choice.active span:after, |
| 2201 | .radio > label:active .choice span:after, | 2206 | .radio > label:active .choice span:after, |
| 2202 | .radio-inline:active .choice span:after { | 2207 | .radio-inline:active .choice span:after { |
| 2203 | opacity: 0.75; | 2208 | opacity: 0.75; |
| 2204 | filter: alpha(opacity=75); | 2209 | filter: alpha(opacity=75); |
| 2205 | } | 2210 | } |
| 2206 | .choice.disabled { | 2211 | .choice.disabled { |
| 2207 | opacity: 0.5; | 2212 | opacity: 0.5; |
| 2208 | filter: alpha(opacity=50); | 2213 | filter: alpha(opacity=50); |
| 2209 | } | 2214 | } |
| 2210 | .choice.disabled, | 2215 | .choice.disabled, |
| 2211 | .choice.disabled input[type=radio] { | 2216 | .choice.disabled input[type=radio] { |
| 2212 | cursor: not-allowed; | 2217 | cursor: not-allowed; |
| 2213 | } | 2218 | } |
| 2214 | .radio > label:active .choice.disabled span:after, | 2219 | .radio > label:active .choice.disabled span:after, |
| 2215 | .radio-inline:active .choice.disabled span:after { | 2220 | .radio-inline:active .choice.disabled span:after { |
| 2216 | opacity: 0; | 2221 | opacity: 0; |
| 2217 | filter: alpha(opacity=0); | 2222 | filter: alpha(opacity=0); |
| 2218 | } | 2223 | } |
| 2219 | .radio > label:active .choice.disabled span.checked:after, | 2224 | .radio > label:active .choice.disabled span.checked:after, |
| 2220 | .radio-inline:active .choice.disabled span.checked:after { | 2225 | .radio-inline:active .choice.disabled span.checked:after { |
| 2221 | opacity: 1; | 2226 | opacity: 1; |
| 2222 | filter: alpha(opacity=100); | 2227 | filter: alpha(opacity=100); |
| 2223 | } | 2228 | } |
| 2224 | .choice[class*=border-] span { | 2229 | .choice[class*=border-] span { |
| 2225 | border-color: inherit; | 2230 | border-color: inherit; |
| 2226 | } | 2231 | } |
| 2227 | .choice[class*=border-] span:after { | 2232 | .choice[class*=border-] span:after { |
| 2228 | border-color: inherit; | 2233 | border-color: inherit; |
| 2229 | } | 2234 | } |
| 2230 | .dropdown-menu > .active .choice span, | 2235 | .dropdown-menu > .active .choice span, |
| 2231 | .dropdown-menu[class*=bg-] .choice span, | 2236 | .dropdown-menu[class*=bg-] .choice span, |
| 2232 | .page-header-inverse .form-group > .radio .choice span, | 2237 | .page-header-inverse .form-group > .radio .choice span, |
| 2233 | .page-header-inverse .form-group > .radio-inline .choice span, | 2238 | .page-header-inverse .form-group > .radio-inline .choice span, |
| 2234 | .navbar-inverse .navbar-form .form-group > .radio .choice span, | 2239 | .navbar-inverse .navbar-form .form-group > .radio .choice span, |
| 2235 | .navbar-inverse .navbar-form .form-group > .radio-inline .choice span, | 2240 | .navbar-inverse .navbar-form .form-group > .radio-inline .choice span, |
| 2236 | .sidebar:not(.sidebar-default) .radio .choice span, | 2241 | .sidebar:not(.sidebar-default) .radio .choice span, |
| 2237 | .sidebar:not(.sidebar-default) .radio-inline .choice span { | 2242 | .sidebar:not(.sidebar-default) .radio-inline .choice span { |
| 2238 | border-color: #fff; | 2243 | border-color: #fff; |
| 2239 | } | 2244 | } |
| 2240 | .uploader { | 2245 | .uploader { |
| 2241 | position: relative; | 2246 | position: relative; |
| 2242 | display: inline-block; | 2247 | display: inline-block; |
| 2243 | max-width: 100%; | 2248 | max-width: 100%; |
| 2244 | } | 2249 | } |
| 2245 | .uploader:after { | 2250 | .uploader:after { |
| 2246 | content: ''; | 2251 | content: ''; |
| 2247 | display: table; | 2252 | display: table; |
| 2248 | clear: both; | 2253 | clear: both; |
| 2249 | } | 2254 | } |
| 2250 | .uploader .filename { | 2255 | .uploader .filename { |
| 2251 | color: #999999; | 2256 | color: #999999; |
| 2252 | padding: 8px 16px; | 2257 | padding: 8px 16px; |
| 2253 | cursor: pointer; | 2258 | cursor: pointer; |
| 2254 | display: block; | 2259 | display: block; |
| 2255 | border: 1px solid transparent; | 2260 | border: 1px solid transparent; |
| 2256 | float: right; | 2261 | float: right; |
| 2257 | max-width: 100%; | 2262 | max-width: 100%; |
| 2258 | white-space: nowrap; | 2263 | white-space: nowrap; |
| 2259 | text-overflow: ellipsis; | 2264 | text-overflow: ellipsis; |
| 2260 | overflow: hidden; | 2265 | overflow: hidden; |
| 2261 | } | 2266 | } |
| 2262 | .uploader .action { | 2267 | .uploader .action { |
| 2263 | cursor: pointer; | 2268 | cursor: pointer; |
| 2264 | margin: 0; | 2269 | margin: 0; |
| 2265 | float: left; | 2270 | float: left; |
| 2266 | } | 2271 | } |
| 2267 | .uploader .action.btn { | 2272 | .uploader .action.btn { |
| 2268 | margin-top: 0; | 2273 | margin-top: 0; |
| 2269 | } | 2274 | } |
| 2270 | .uploader:hover .action, | 2275 | .uploader:hover .action, |
| 2271 | .uploader:focus .action { | 2276 | .uploader:focus .action { |
| 2272 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 2277 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 2273 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 2278 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 2274 | } | 2279 | } |
| 2275 | .uploader:active .action { | 2280 | .uploader:active .action { |
| 2276 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 2281 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 2277 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 2282 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 2278 | } | 2283 | } |
| 2279 | .uploader input[type=file] { | 2284 | .uploader input[type=file] { |
| 2280 | width: 100%; | 2285 | width: 100%; |
| 2281 | margin-top: 0; | 2286 | margin-top: 0; |
| 2282 | position: absolute; | 2287 | position: absolute; |
| 2283 | top: 0; | 2288 | top: 0; |
| 2284 | right: 0; | 2289 | right: 0; |
| 2285 | bottom: 0; | 2290 | bottom: 0; |
| 2286 | height: 38px; | 2291 | height: 38px; |
| 2287 | border: 0; | 2292 | border: 0; |
| 2288 | cursor: pointer; | 2293 | cursor: pointer; |
| 2289 | z-index: 10; | 2294 | z-index: 10; |
| 2290 | opacity: 0; | 2295 | opacity: 0; |
| 2291 | filter: alpha(opacity=0); | 2296 | filter: alpha(opacity=0); |
| 2292 | } | 2297 | } |
| 2293 | .uploader.disabled input[type=file] { | 2298 | .uploader.disabled input[type=file] { |
| 2294 | cursor: not-allowed; | 2299 | cursor: not-allowed; |
| 2295 | } | 2300 | } |
| 2296 | .uploader.disabled .action { | 2301 | .uploader.disabled .action { |
| 2297 | opacity: 0.6; | 2302 | opacity: 0.6; |
| 2298 | filter: alpha(opacity=60); | 2303 | filter: alpha(opacity=60); |
| 2299 | } | 2304 | } |
| 2300 | .sidebar .form-group > .uploader { | 2305 | .sidebar .form-group > .uploader { |
| 2301 | display: block; | 2306 | display: block; |
| 2302 | } | 2307 | } |
| 2303 | .sidebar .form-group > .uploader .filename { | 2308 | .sidebar .form-group > .uploader .filename { |
| 2304 | float: none; | 2309 | float: none; |
| 2305 | padding-left: 0; | 2310 | padding-left: 0; |
| 2306 | padding-right: 0; | 2311 | padding-right: 0; |
| 2307 | } | 2312 | } |
| 2308 | .sidebar .form-group > .uploader .action { | 2313 | .sidebar .form-group > .uploader .action { |
| 2309 | display: block; | 2314 | display: block; |
| 2310 | } | 2315 | } |
| 2311 | .page-header-inverse .form-group > .uploader .filename, | 2316 | .page-header-inverse .form-group > .uploader .filename, |
| 2312 | .navbar-inverse .navbar-form .form-group > .uploader .filename { | 2317 | .navbar-inverse .navbar-form .form-group > .uploader .filename { |
| 2313 | color: rgba(255, 255, 255, 0.9); | 2318 | color: rgba(255, 255, 255, 0.9); |
| 2314 | } | 2319 | } |
| 2315 | .uploader-lg input[type=file], | 2320 | .uploader-lg input[type=file], |
| 2316 | .uploader-lg .action, | 2321 | .uploader-lg .action, |
| 2317 | .uploader-lg .filename { | 2322 | .uploader-lg .filename { |
| 2318 | height: 40px; | 2323 | height: 40px; |
| 2319 | } | 2324 | } |
| 2320 | .uploader-lg .filename { | 2325 | .uploader-lg .filename { |
| 2321 | padding: 9px 18px; | 2326 | padding: 9px 18px; |
| 2322 | font-size: 14px; | 2327 | font-size: 14px; |
| 2323 | line-height: 1.4285715; | 2328 | line-height: 1.4285715; |
| 2324 | } | 2329 | } |
| 2325 | .uploader-sm input[type=file], | 2330 | .uploader-sm input[type=file], |
| 2326 | .uploader-sm .action, | 2331 | .uploader-sm .action, |
| 2327 | .uploader-sm .filename { | 2332 | .uploader-sm .filename { |
| 2328 | height: 36px; | 2333 | height: 36px; |
| 2329 | } | 2334 | } |
| 2330 | .uploader-sm .filename { | 2335 | .uploader-sm .filename { |
| 2331 | padding: 7px 14px; | 2336 | padding: 7px 14px; |
| 2332 | font-size: 12px; | 2337 | font-size: 12px; |
| 2333 | line-height: 1.6666667; | 2338 | line-height: 1.6666667; |
| 2334 | } | 2339 | } |
| 2335 | .uploader-xs input[type=file], | 2340 | .uploader-xs input[type=file], |
| 2336 | .uploader-xs .action, | 2341 | .uploader-xs .action, |
| 2337 | .uploader-xs .filename { | 2342 | .uploader-xs .filename { |
| 2338 | height: 34px; | 2343 | height: 34px; |
| 2339 | } | 2344 | } |
| 2340 | .uploader-xs .filename { | 2345 | .uploader-xs .filename { |
| 2341 | padding: 6px 12px; | 2346 | padding: 6px 12px; |
| 2342 | font-size: 12px; | 2347 | font-size: 12px; |
| 2343 | line-height: 1.6666667; | 2348 | line-height: 1.6666667; |
| 2344 | } | 2349 | } |
| 2345 | /* ------------------------------------------------------------------------------ | 2350 | /* ------------------------------------------------------------------------------ |
| 2346 | * | 2351 | * |
| 2347 | * # Switchery toggles | 2352 | * # Switchery toggles |
| 2348 | * | 2353 | * |
| 2349 | * Styles for switchery.min.js - toggle switches | 2354 | * Styles for switchery.min.js - toggle switches |
| 2350 | * | 2355 | * |
| 2351 | * Version: 1.0 | 2356 | * Version: 1.0 |
| 2352 | * Latest update: Mar 25, 2015 | 2357 | * Latest update: Mar 25, 2015 |
| 2353 | * | 2358 | * |
| 2354 | * ---------------------------------------------------------------------------- */ | 2359 | * ---------------------------------------------------------------------------- */ |
| 2355 | .switchery { | 2360 | .switchery { |
| 2356 | background-color: #fff; | 2361 | background-color: #fff; |
| 2357 | border: 1px solid #ddd; | 2362 | border: 1px solid #ddd; |
| 2358 | border-radius: 100px; | 2363 | border-radius: 100px; |
| 2359 | cursor: pointer; | 2364 | cursor: pointer; |
| 2360 | display: inline-block; | 2365 | display: inline-block; |
| 2361 | width: 44px; | 2366 | width: 44px; |
| 2362 | height: 22px; | 2367 | height: 22px; |
| 2363 | vertical-align: middle; | 2368 | vertical-align: middle; |
| 2364 | position: relative; | 2369 | position: relative; |
| 2365 | -webkit-box-sizing: content-box; | 2370 | -webkit-box-sizing: content-box; |
| 2366 | -moz-box-sizing: content-box; | 2371 | -moz-box-sizing: content-box; |
| 2367 | box-sizing: content-box; | 2372 | box-sizing: content-box; |
| 2368 | } | 2373 | } |
| 2369 | .checkbox-switchery .switchery { | 2374 | .checkbox-switchery .switchery { |
| 2370 | position: absolute; | 2375 | position: absolute; |
| 2371 | left: 0; | 2376 | left: 0; |
| 2372 | margin-top: -2px; | 2377 | margin-top: -2px; |
| 2373 | } | 2378 | } |
| 2374 | .switchery > small { | 2379 | .switchery > small { |
| 2375 | background-color: #fff; | 2380 | background-color: #fff; |
| 2376 | border-radius: 100px; | 2381 | border-radius: 100px; |
| 2377 | width: 22px; | 2382 | width: 22px; |
| 2378 | height: 22px; | 2383 | height: 22px; |
| 2379 | position: absolute; | 2384 | position: absolute; |
| 2380 | top: 0; | 2385 | top: 0; |
| 2381 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | 2386 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); |
| 2382 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | 2387 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); |
| 2383 | } | 2388 | } |
| 2384 | .checkbox.checkbox-switchery { | 2389 | .checkbox.checkbox-switchery { |
| 2385 | margin-bottom: 14px; | 2390 | margin-bottom: 14px; |
| 2386 | padding-left: 0; | 2391 | padding-left: 0; |
| 2387 | } | 2392 | } |
| 2388 | .checkbox.checkbox-switchery.disabled .switchery { | 2393 | .checkbox.checkbox-switchery.disabled .switchery { |
| 2389 | cursor: not-allowed; | 2394 | cursor: not-allowed; |
| 2390 | } | 2395 | } |
| 2391 | .checkbox[class*=switchery-], | 2396 | .checkbox[class*=switchery-], |
| 2392 | .checkbox-inline[class*=switchery-] { | 2397 | .checkbox-inline[class*=switchery-] { |
| 2393 | padding-left: 0; | 2398 | padding-left: 0; |
| 2394 | padding-right: 0; | 2399 | padding-right: 0; |
| 2395 | } | 2400 | } |
| 2396 | .switchery-lg.checkbox-switchery { | 2401 | .switchery-lg.checkbox-switchery { |
| 2397 | margin-bottom: 18px; | 2402 | margin-bottom: 18px; |
| 2398 | } | 2403 | } |
| 2399 | .switchery-lg.checkbox-switchery .switchery { | 2404 | .switchery-lg.checkbox-switchery .switchery { |
| 2400 | margin-top: -4px; | 2405 | margin-top: -4px; |
| 2401 | } | 2406 | } |
| 2402 | label.switchery-lg { | 2407 | label.switchery-lg { |
| 2403 | margin-bottom: 0; | 2408 | margin-bottom: 0; |
| 2404 | } | 2409 | } |
| 2405 | .switchery-lg .switchery { | 2410 | .switchery-lg .switchery { |
| 2406 | height: 26px; | 2411 | height: 26px; |
| 2407 | width: 52px; | 2412 | width: 52px; |
| 2408 | } | 2413 | } |
| 2409 | .switchery-lg .switchery > small { | 2414 | .switchery-lg .switchery > small { |
| 2410 | height: 26px; | 2415 | height: 26px; |
| 2411 | width: 26px; | 2416 | width: 26px; |
| 2412 | } | 2417 | } |
| 2413 | .switchery-sm.checkbox-switchery { | 2418 | .switchery-sm.checkbox-switchery { |
| 2414 | margin-bottom: 10px; | 2419 | margin-bottom: 10px; |
| 2415 | } | 2420 | } |
| 2416 | .switchery-sm.checkbox-switchery .switchery { | 2421 | .switchery-sm.checkbox-switchery .switchery { |
| 2417 | margin-top: 0px; | 2422 | margin-top: 0px; |
| 2418 | } | 2423 | } |
| 2419 | label.switchery-sm { | 2424 | label.switchery-sm { |
| 2420 | margin-bottom: 0; | 2425 | margin-bottom: 0; |
| 2421 | } | 2426 | } |
| 2422 | .switchery-sm .switchery { | 2427 | .switchery-sm .switchery { |
| 2423 | height: 18px; | 2428 | height: 18px; |
| 2424 | width: 36px; | 2429 | width: 36px; |
| 2425 | } | 2430 | } |
| 2426 | .switchery-sm .switchery > small { | 2431 | .switchery-sm .switchery > small { |
| 2427 | height: 18px; | 2432 | height: 18px; |
| 2428 | width: 18px; | 2433 | width: 18px; |
| 2429 | } | 2434 | } |
| 2430 | .switchery-xs.checkbox-switchery { | 2435 | .switchery-xs.checkbox-switchery { |
| 2431 | margin-bottom: 6px; | 2436 | margin-bottom: 6px; |
| 2432 | } | 2437 | } |
| 2433 | .switchery-xs.checkbox-switchery .switchery { | 2438 | .switchery-xs.checkbox-switchery .switchery { |
| 2434 | margin-top: 2px; | 2439 | margin-top: 2px; |
| 2435 | } | 2440 | } |
| 2436 | label.switchery-xs { | 2441 | label.switchery-xs { |
| 2437 | margin-bottom: 0; | 2442 | margin-bottom: 0; |
| 2438 | } | 2443 | } |
| 2439 | .switchery-xs .switchery { | 2444 | .switchery-xs .switchery { |
| 2440 | height: 14px; | 2445 | height: 14px; |
| 2441 | width: 28px; | 2446 | width: 28px; |
| 2442 | } | 2447 | } |
| 2443 | .switchery-xs .switchery > small { | 2448 | .switchery-xs .switchery > small { |
| 2444 | height: 14px; | 2449 | height: 14px; |
| 2445 | width: 14px; | 2450 | width: 14px; |
| 2446 | } | 2451 | } |
| 2447 | .checkbox-switchery label, | 2452 | .checkbox-switchery label, |
| 2448 | label.checkbox-switchery { | 2453 | label.checkbox-switchery { |
| 2449 | position: relative; | 2454 | position: relative; |
| 2450 | padding-left: 56px; | 2455 | padding-left: 56px; |
| 2451 | margin: 0; | 2456 | margin: 0; |
| 2452 | cursor: pointer; | 2457 | cursor: pointer; |
| 2453 | } | 2458 | } |
| 2454 | .checkbox-switchery.switchery-lg label, | 2459 | .checkbox-switchery.switchery-lg label, |
| 2455 | label.checkbox-switchery.switchery-lg { | 2460 | label.checkbox-switchery.switchery-lg { |
| 2456 | padding-left: 64px; | 2461 | padding-left: 64px; |
| 2457 | } | 2462 | } |
| 2458 | .checkbox-switchery.switchery-sm label, | 2463 | .checkbox-switchery.switchery-sm label, |
| 2459 | label.checkbox-switchery.switchery-sm { | 2464 | label.checkbox-switchery.switchery-sm { |
| 2460 | padding-left: 48px; | 2465 | padding-left: 48px; |
| 2461 | } | 2466 | } |
| 2462 | .checkbox-switchery.switchery-xs label, | 2467 | .checkbox-switchery.switchery-xs label, |
| 2463 | label.checkbox-switchery.switchery-xs { | 2468 | label.checkbox-switchery.switchery-xs { |
| 2464 | padding-left: 40px; | 2469 | padding-left: 40px; |
| 2465 | } | 2470 | } |
| 2466 | .checkbox-switchery.checkbox-inline { | 2471 | .checkbox-switchery.checkbox-inline { |
| 2467 | margin-bottom: 0; | 2472 | margin-bottom: 0; |
| 2468 | } | 2473 | } |
| 2469 | .checkbox-switchery.checkbox-right .switchery { | 2474 | .checkbox-switchery.checkbox-right .switchery { |
| 2470 | left: auto; | 2475 | left: auto; |
| 2471 | right: 0; | 2476 | right: 0; |
| 2472 | } | 2477 | } |
| 2473 | .checkbox-switchery.checkbox-right label, | 2478 | .checkbox-switchery.checkbox-right label, |
| 2474 | label.checkbox-switchery.checkbox-right { | 2479 | label.checkbox-switchery.checkbox-right { |
| 2475 | padding-left: 0; | 2480 | padding-left: 0; |
| 2476 | padding-right: 56px; | 2481 | padding-right: 56px; |
| 2477 | } | 2482 | } |
| 2478 | .checkbox-switchery.checkbox-right.switchery-lg label, | 2483 | .checkbox-switchery.checkbox-right.switchery-lg label, |
| 2479 | label.checkbox-switchery.checkbox-right.switchery-lg { | 2484 | label.checkbox-switchery.checkbox-right.switchery-lg { |
| 2480 | padding-left: 0; | 2485 | padding-left: 0; |
| 2481 | padding-right: 64px; | 2486 | padding-right: 64px; |
| 2482 | } | 2487 | } |
| 2483 | .checkbox-switchery.checkbox-right.switchery-sm label, | 2488 | .checkbox-switchery.checkbox-right.switchery-sm label, |
| 2484 | label.checkbox-switchery.checkbox-right.switchery-sm { | 2489 | label.checkbox-switchery.checkbox-right.switchery-sm { |
| 2485 | padding-left: 0; | 2490 | padding-left: 0; |
| 2486 | padding-right: 48px; | 2491 | padding-right: 48px; |
| 2487 | } | 2492 | } |
| 2488 | .checkbox-switchery.checkbox-right.switchery-xs label, | 2493 | .checkbox-switchery.checkbox-right.switchery-xs label, |
| 2489 | label.checkbox-switchery.checkbox-right.switchery-xs { | 2494 | label.checkbox-switchery.checkbox-right.switchery-xs { |
| 2490 | padding-left: 0; | 2495 | padding-left: 0; |
| 2491 | padding-right: 40px; | 2496 | padding-right: 40px; |
| 2492 | } | 2497 | } |
| 2493 | .switchery-double .switchery { | 2498 | .switchery-double .switchery { |
| 2494 | position: relative; | 2499 | position: relative; |
| 2495 | margin-left: 8px; | 2500 | margin-left: 8px; |
| 2496 | margin-right: 8px; | 2501 | margin-right: 8px; |
| 2497 | margin-top: -7px; | 2502 | margin-top: -7px; |
| 2498 | margin-bottom: -5px; | 2503 | margin-bottom: -5px; |
| 2499 | } | 2504 | } |
| 2500 | .switchery-double.checkbox-switchery label, | 2505 | .switchery-double.checkbox-switchery label, |
| 2501 | label.switchery-double.checkbox-switchery { | 2506 | label.switchery-double.checkbox-switchery { |
| 2502 | padding: 0; | 2507 | padding: 0; |
| 2503 | } | 2508 | } |
| 2504 | .switchery-double.switchery-lg .switchery { | 2509 | .switchery-double.switchery-lg .switchery { |
| 2505 | margin-top: -8px; | 2510 | margin-top: -8px; |
| 2506 | margin-bottom: -6px; | 2511 | margin-bottom: -6px; |
| 2507 | } | 2512 | } |
| 2508 | .switchery-double.switchery-sm .switchery { | 2513 | .switchery-double.switchery-sm .switchery { |
| 2509 | margin-top: -6px; | 2514 | margin-top: -6px; |
| 2510 | margin-bottom: -4px; | 2515 | margin-bottom: -4px; |
| 2511 | } | 2516 | } |
| 2512 | .switchery-double.switchery-xs .switchery { | 2517 | .switchery-double.switchery-xs .switchery { |
| 2513 | margin-top: -5px; | 2518 | margin-top: -5px; |
| 2514 | margin-bottom: -3px; | 2519 | margin-bottom: -3px; |
| 2515 | } | 2520 | } |
| 2516 | /* ------------------------------------------------------------------------------ | 2521 | /* ------------------------------------------------------------------------------ |
| 2517 | * | 2522 | * |
| 2518 | * # Bootstrap switches | 2523 | * # Bootstrap switches |
| 2519 | * | 2524 | * |
| 2520 | * Styles for switch.min.js - checkbox/radio toggle switches | 2525 | * Styles for switch.min.js - checkbox/radio toggle switches |
| 2521 | * | 2526 | * |
| 2522 | * Version: 1.1 | 2527 | * Version: 1.1 |
| 2523 | * Latest update: Oct 20, 2015 | 2528 | * Latest update: Oct 20, 2015 |
| 2524 | * | 2529 | * |
| 2525 | * ---------------------------------------------------------------------------- */ | 2530 | * ---------------------------------------------------------------------------- */ |
| 2526 | .bootstrap-switch { | 2531 | .bootstrap-switch { |
| 2527 | display: inline-block; | 2532 | display: inline-block; |
| 2528 | cursor: pointer; | 2533 | cursor: pointer; |
| 2529 | margin-top: -2px; | 2534 | margin-top: -2px; |
| 2530 | margin-right: 8px; | 2535 | margin-right: 8px; |
| 2531 | border-radius: 3px; | 2536 | border-radius: 3px; |
| 2532 | border: 1px solid transparent; | 2537 | border: 1px solid transparent; |
| 2533 | position: relative; | 2538 | position: relative; |
| 2534 | text-align: left; | 2539 | text-align: left; |
| 2535 | overflow: hidden; | 2540 | overflow: hidden; |
| 2536 | vertical-align: middle; | 2541 | vertical-align: middle; |
| 2537 | -webkit-user-select: none; | 2542 | -webkit-user-select: none; |
| 2538 | -moz-user-select: none; | 2543 | -moz-user-select: none; |
| 2539 | -ms-user-select: none; | 2544 | -ms-user-select: none; |
| 2540 | user-select: none; | 2545 | user-select: none; |
| 2541 | -webkit-transition: all ease-in-out 0.05s; | 2546 | -webkit-transition: all ease-in-out 0.05s; |
| 2542 | -o-transition: all ease-in-out 0.05s; | 2547 | -o-transition: all ease-in-out 0.05s; |
| 2543 | transition: all ease-in-out 0.05s; | 2548 | transition: all ease-in-out 0.05s; |
| 2544 | } | 2549 | } |
| 2545 | .bootstrap-switch .bootstrap-switch-container { | 2550 | .bootstrap-switch .bootstrap-switch-container { |
| 2546 | display: inline-block; | 2551 | display: inline-block; |
| 2547 | top: 0; | 2552 | top: 0; |
| 2548 | border-radius: 3px; | 2553 | border-radius: 3px; |
| 2549 | -webkit-transform: translate3d(0, 0, 0); | 2554 | -webkit-transform: translate3d(0, 0, 0); |
| 2550 | transform: translate3d(0, 0, 0); | 2555 | transform: translate3d(0, 0, 0); |
| 2551 | } | 2556 | } |
| 2552 | .bootstrap-switch.bootstrap-switch-focused { | 2557 | .bootstrap-switch.bootstrap-switch-focused { |
| 2553 | outline: 0; | 2558 | outline: 0; |
| 2554 | } | 2559 | } |
| 2555 | .bootstrap-switch .bootstrap-switch-handle-on, | 2560 | .bootstrap-switch .bootstrap-switch-handle-on, |
| 2556 | .bootstrap-switch .bootstrap-switch-handle-off, | 2561 | .bootstrap-switch .bootstrap-switch-handle-off, |
| 2557 | .bootstrap-switch .bootstrap-switch-label { | 2562 | .bootstrap-switch .bootstrap-switch-label { |
| 2558 | cursor: pointer; | 2563 | cursor: pointer; |
| 2559 | display: inline-block !important; | 2564 | display: inline-block !important; |
| 2560 | height: 100%; | 2565 | height: 100%; |
| 2561 | padding: 8px 16px; | 2566 | padding: 8px 16px; |
| 2562 | } | 2567 | } |
| 2563 | .bootstrap-switch input[type='radio'], | 2568 | .bootstrap-switch input[type='radio'], |
| 2564 | .bootstrap-switch input[type='checkbox'] { | 2569 | .bootstrap-switch input[type='checkbox'] { |
| 2565 | position: absolute !important; | 2570 | position: absolute !important; |
| 2566 | top: 0; | 2571 | top: 0; |
| 2567 | left: 0; | 2572 | left: 0; |
| 2568 | z-index: -1; | 2573 | z-index: -1; |
| 2569 | opacity: 0; | 2574 | opacity: 0; |
| 2570 | filter: alpha(opacity=0); | 2575 | filter: alpha(opacity=0); |
| 2571 | } | 2576 | } |
| 2572 | .bootstrap-switch input[type='radio'].form-control, | 2577 | .bootstrap-switch input[type='radio'].form-control, |
| 2573 | .bootstrap-switch input[type='checkbox'].form-control { | 2578 | .bootstrap-switch input[type='checkbox'].form-control { |
| 2574 | height: auto; | 2579 | height: auto; |
| 2575 | } | 2580 | } |
| 2576 | .bootstrap-switch.bootstrap-switch-disabled, | 2581 | .bootstrap-switch.bootstrap-switch-disabled, |
| 2577 | .bootstrap-switch.bootstrap-switch-readonly, | 2582 | .bootstrap-switch.bootstrap-switch-readonly, |
| 2578 | .bootstrap-switch.bootstrap-switch-indeterminate { | 2583 | .bootstrap-switch.bootstrap-switch-indeterminate { |
| 2579 | cursor: default !important; | 2584 | cursor: default !important; |
| 2580 | } | 2585 | } |
| 2581 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, | 2586 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, |
| 2582 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, | 2587 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, |
| 2583 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, | 2588 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, |
| 2584 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, | 2589 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, |
| 2585 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, | 2590 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, |
| 2586 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, | 2591 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, |
| 2587 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, | 2592 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, |
| 2588 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, | 2593 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, |
| 2589 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { | 2594 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { |
| 2590 | cursor: default !important; | 2595 | cursor: default !important; |
| 2591 | opacity: 0.5; | 2596 | opacity: 0.5; |
| 2592 | filter: alpha(opacity=50); | 2597 | filter: alpha(opacity=50); |
| 2593 | } | 2598 | } |
| 2594 | .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { | 2599 | .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { |
| 2595 | -webkit-transition: margin-left 0.2s; | 2600 | -webkit-transition: margin-left 0.2s; |
| 2596 | -o-transition: margin-left 0.2s; | 2601 | -o-transition: margin-left 0.2s; |
| 2597 | transition: margin-left 0.2s; | 2602 | transition: margin-left 0.2s; |
| 2598 | } | 2603 | } |
| 2599 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { | 2604 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { |
| 2600 | border-bottom-left-radius: 0; | 2605 | border-bottom-left-radius: 0; |
| 2601 | border-top-left-radius: 0; | 2606 | border-top-left-radius: 0; |
| 2602 | border-bottom-right-radius: 2px; | 2607 | border-bottom-right-radius: 2px; |
| 2603 | border-top-right-radius: 2px; | 2608 | border-top-right-radius: 2px; |
| 2604 | } | 2609 | } |
| 2605 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { | 2610 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { |
| 2606 | border-bottom-right-radius: 0; | 2611 | border-bottom-right-radius: 0; |
| 2607 | border-top-right-radius: 0; | 2612 | border-top-right-radius: 0; |
| 2608 | border-bottom-left-radius: 2px; | 2613 | border-bottom-left-radius: 2px; |
| 2609 | border-top-left-radius: 2px; | 2614 | border-top-left-radius: 2px; |
| 2610 | } | 2615 | } |
| 2611 | .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, | 2616 | .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, |
| 2612 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { | 2617 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { |
| 2613 | border-bottom-right-radius: 2px; | 2618 | border-bottom-right-radius: 2px; |
| 2614 | border-top-right-radius: 2px; | 2619 | border-top-right-radius: 2px; |
| 2615 | } | 2620 | } |
| 2616 | .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, | 2621 | .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, |
| 2617 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { | 2622 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { |
| 2618 | border-bottom-left-radius: 2px; | 2623 | border-bottom-left-radius: 2px; |
| 2619 | border-top-left-radius: 2px; | 2624 | border-top-left-radius: 2px; |
| 2620 | } | 2625 | } |
| 2621 | .bootstrap-switch-handle-on, | 2626 | .bootstrap-switch-handle-on, |
| 2622 | .bootstrap-switch-handle-off { | 2627 | .bootstrap-switch-handle-off { |
| 2623 | text-align: center; | 2628 | text-align: center; |
| 2624 | z-index: 1; | 2629 | z-index: 1; |
| 2625 | } | 2630 | } |
| 2626 | .bootstrap-switch-handle-on.bootstrap-switch-default, | 2631 | .bootstrap-switch-handle-on.bootstrap-switch-default, |
| 2627 | .bootstrap-switch-handle-off.bootstrap-switch-default { | 2632 | .bootstrap-switch-handle-off.bootstrap-switch-default { |
| 2628 | color: #333333; | 2633 | color: #333333; |
| 2629 | background-color: #eeeeee; | 2634 | background-color: #eeeeee; |
| 2630 | } | 2635 | } |
| 2631 | .bootstrap-switch-handle-on.bootstrap-switch-primary, | 2636 | .bootstrap-switch-handle-on.bootstrap-switch-primary, |
| 2632 | .bootstrap-switch-handle-off.bootstrap-switch-primary { | 2637 | .bootstrap-switch-handle-off.bootstrap-switch-primary { |
| 2633 | color: #fff; | 2638 | color: #fff; |
| 2634 | background-color: #2196F3; | 2639 | background-color: #2196F3; |
| 2635 | } | 2640 | } |
| 2636 | .bootstrap-switch-handle-on.bootstrap-switch-danger, | 2641 | .bootstrap-switch-handle-on.bootstrap-switch-danger, |
| 2637 | .bootstrap-switch-handle-off.bootstrap-switch-danger { | 2642 | .bootstrap-switch-handle-off.bootstrap-switch-danger { |
| 2638 | color: #fff; | 2643 | color: #fff; |
| 2639 | background-color: #F44336; | 2644 | background-color: #F44336; |
| 2640 | } | 2645 | } |
| 2641 | .bootstrap-switch-handle-on.bootstrap-switch-success, | 2646 | .bootstrap-switch-handle-on.bootstrap-switch-success, |
| 2642 | .bootstrap-switch-handle-off.bootstrap-switch-success { | 2647 | .bootstrap-switch-handle-off.bootstrap-switch-success { |
| 2643 | color: #fff; | 2648 | color: #fff; |
| 2644 | background-color: #4CAF50; | 2649 | background-color: #4CAF50; |
| 2645 | } | 2650 | } |
| 2646 | .bootstrap-switch-handle-on.bootstrap-switch-warning, | 2651 | .bootstrap-switch-handle-on.bootstrap-switch-warning, |
| 2647 | .bootstrap-switch-handle-off.bootstrap-switch-warning { | 2652 | .bootstrap-switch-handle-off.bootstrap-switch-warning { |
| 2648 | color: #fff; | 2653 | color: #fff; |
| 2649 | background-color: #FF5722; | 2654 | background-color: #FF5722; |
| 2650 | } | 2655 | } |
| 2651 | .bootstrap-switch-handle-on.bootstrap-switch-info, | 2656 | .bootstrap-switch-handle-on.bootstrap-switch-info, |
| 2652 | .bootstrap-switch-handle-off.bootstrap-switch-info { | 2657 | .bootstrap-switch-handle-off.bootstrap-switch-info { |
| 2653 | color: #fff; | 2658 | color: #fff; |
| 2654 | background-color: #00BCD4; | 2659 | background-color: #00BCD4; |
| 2655 | } | 2660 | } |
| 2656 | .bootstrap-switch-handle-on { | 2661 | .bootstrap-switch-handle-on { |
| 2657 | border-bottom-left-radius: 2px; | 2662 | border-bottom-left-radius: 2px; |
| 2658 | border-top-left-radius: 2px; | 2663 | border-top-left-radius: 2px; |
| 2659 | } | 2664 | } |
| 2660 | .bootstrap-switch-handle-off { | 2665 | .bootstrap-switch-handle-off { |
| 2661 | border-bottom-right-radius: 2px; | 2666 | border-bottom-right-radius: 2px; |
| 2662 | border-top-right-radius: 2px; | 2667 | border-top-right-radius: 2px; |
| 2663 | } | 2668 | } |
| 2664 | .bootstrap-switch-label { | 2669 | .bootstrap-switch-label { |
| 2665 | text-align: center; | 2670 | text-align: center; |
| 2666 | z-index: 100; | 2671 | z-index: 100; |
| 2667 | color: #333333; | 2672 | color: #333333; |
| 2668 | background-color: #fff; | 2673 | background-color: #fff; |
| 2669 | position: relative; | 2674 | position: relative; |
| 2670 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 2675 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 2671 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 2676 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 2672 | } | 2677 | } |
| 2673 | .bootstrap-switch-label:hover { | 2678 | .bootstrap-switch-label:hover { |
| 2674 | background-color: #fcfcfc; | 2679 | background-color: #fcfcfc; |
| 2675 | } | 2680 | } |
| 2676 | .bootstrap-switch-label:active { | 2681 | .bootstrap-switch-label:active { |
| 2677 | background-color: #fafafa; | 2682 | background-color: #fafafa; |
| 2678 | } | 2683 | } |
| 2679 | .bootstrap-switch-label:after { | 2684 | .bootstrap-switch-label:after { |
| 2680 | content: ''; | 2685 | content: ''; |
| 2681 | position: absolute; | 2686 | position: absolute; |
| 2682 | top: 50%; | 2687 | top: 50%; |
| 2683 | left: 50%; | 2688 | left: 50%; |
| 2684 | width: 3px; | 2689 | width: 3px; |
| 2685 | height: 10px; | 2690 | height: 10px; |
| 2686 | margin-top: -5px; | 2691 | margin-top: -5px; |
| 2687 | margin-left: -1px; | 2692 | margin-left: -1px; |
| 2688 | display: inline-block; | 2693 | display: inline-block; |
| 2689 | border-left: 1px solid #ddd; | 2694 | border-left: 1px solid #ddd; |
| 2690 | border-right: 1px solid #ddd; | 2695 | border-right: 1px solid #ddd; |
| 2691 | } | 2696 | } |
| 2692 | .bootstrap-switch-large .bootstrap-switch-handle-on, | 2697 | .bootstrap-switch-large .bootstrap-switch-handle-on, |
| 2693 | .bootstrap-switch-large .bootstrap-switch-handle-off, | 2698 | .bootstrap-switch-large .bootstrap-switch-handle-off, |
| 2694 | .bootstrap-switch-large .bootstrap-switch-label { | 2699 | .bootstrap-switch-large .bootstrap-switch-label { |
| 2695 | padding: 9px 18px; | 2700 | padding: 9px 18px; |
| 2696 | } | 2701 | } |
| 2697 | .bootstrap-switch-mini .bootstrap-switch-handle-on, | 2702 | .bootstrap-switch-mini .bootstrap-switch-handle-on, |
| 2698 | .bootstrap-switch-mini .bootstrap-switch-handle-off, | 2703 | .bootstrap-switch-mini .bootstrap-switch-handle-off, |
| 2699 | .bootstrap-switch-mini .bootstrap-switch-label { | 2704 | .bootstrap-switch-mini .bootstrap-switch-label { |
| 2700 | padding: 6px 12px; | 2705 | padding: 6px 12px; |
| 2701 | } | 2706 | } |
| 2702 | .bootstrap-switch-small .bootstrap-switch-handle-on, | 2707 | .bootstrap-switch-small .bootstrap-switch-handle-on, |
| 2703 | .bootstrap-switch-small .bootstrap-switch-handle-off, | 2708 | .bootstrap-switch-small .bootstrap-switch-handle-off, |
| 2704 | .bootstrap-switch-small .bootstrap-switch-label { | 2709 | .bootstrap-switch-small .bootstrap-switch-label { |
| 2705 | padding: 7px 14px; | 2710 | padding: 7px 14px; |
| 2706 | } | 2711 | } |
| 2707 | .checkbox-switch > label, | 2712 | .checkbox-switch > label, |
| 2708 | label.checkbox-switch.checkbox-inline { | 2713 | label.checkbox-switch.checkbox-inline { |
| 2709 | padding: 0; | 2714 | padding: 0; |
| 2710 | } | 2715 | } |
| 2711 | .checkbox-switch.checkbox-right .bootstrap-switch { | 2716 | .checkbox-switch.checkbox-right .bootstrap-switch { |
| 2712 | margin-right: 0; | 2717 | margin-right: 0; |
| 2713 | margin-left: 8px; | 2718 | margin-left: 8px; |
| 2714 | } | 2719 | } |
| 2715 | /* ------------------------------------------------------------------------------ | 2720 | /* ------------------------------------------------------------------------------ |
| 2716 | * | 2721 | * |
| 2717 | * # Select2 selects | 2722 | * # Select2 selects |
| 2718 | * | 2723 | * |
| 2719 | * Styles for select2.js - custom select plugin | 2724 | * Styles for select2.js - custom select plugin |
| 2720 | * | 2725 | * |
| 2721 | * Version: 1.3 | 2726 | * Version: 1.3 |
| 2722 | * Latest update: Mar 10, 2016 | 2727 | * Latest update: Mar 10, 2016 |
| 2723 | * | 2728 | * |
| 2724 | * ---------------------------------------------------------------------------- */ | 2729 | * ---------------------------------------------------------------------------- */ |
| 2725 | .select2-container { | 2730 | .select2-container { |
| 2726 | outline: 0; | 2731 | outline: 0; |
| 2727 | position: relative; | 2732 | position: relative; |
| 2728 | display: inline-block; | 2733 | display: inline-block; |
| 2729 | vertical-align: middle; | 2734 | vertical-align: middle; |
| 2730 | text-align: left; | 2735 | text-align: left; |
| 2731 | } | 2736 | } |
| 2732 | .select2-selection--single { | 2737 | .select2-selection--single { |
| 2733 | cursor: pointer; | 2738 | cursor: pointer; |
| 2734 | outline: 0; | 2739 | outline: 0; |
| 2735 | display: block; | 2740 | display: block; |
| 2736 | height: 38px; | 2741 | height: 38px; |
| 2737 | padding: 8px 0; | 2742 | padding: 8px 0; |
| 2738 | line-height: 1.5384616; | 2743 | line-height: 1.5384616; |
| 2739 | position: relative; | 2744 | position: relative; |
| 2740 | border: 1px solid transparent; | 2745 | border: 1px solid transparent; |
| 2741 | white-space: nowrap; | 2746 | white-space: nowrap; |
| 2742 | -webkit-user-select: none; | 2747 | -webkit-user-select: none; |
| 2743 | -moz-user-select: none; | 2748 | -moz-user-select: none; |
| 2744 | -ms-user-select: none; | 2749 | -ms-user-select: none; |
| 2745 | user-select: none; | 2750 | user-select: none; |
| 2746 | } | 2751 | } |
| 2747 | .select2-selection--single:not([class*=bg-]) { | 2752 | .select2-selection--single:not([class*=bg-]) { |
| 2748 | border-top-color: transparent; | 2753 | border-top-color: transparent; |
| 2749 | border-left-width: 0; | 2754 | border-left-width: 0; |
| 2750 | border-right-width: 0; | 2755 | border-right-width: 0; |
| 2751 | } | 2756 | } |
| 2752 | .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2757 | .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2753 | border-bottom-color: #ddd; | 2758 | border-bottom-color: #ddd; |
| 2754 | } | 2759 | } |
| 2755 | .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2760 | .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2756 | .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2761 | .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2757 | border-bottom-color: #009688; | 2762 | border-bottom-color: #009688; |
| 2758 | -webkit-box-shadow: 0 1px 0 #009688; | 2763 | -webkit-box-shadow: 0 1px 0 #009688; |
| 2759 | box-shadow: 0 1px 0 #009688; | 2764 | box-shadow: 0 1px 0 #009688; |
| 2760 | } | 2765 | } |
| 2761 | .select2-container--disabled .select2-selection--single:not([class*=bg-]) { | 2766 | .select2-container--disabled .select2-selection--single:not([class*=bg-]) { |
| 2762 | color: #999999; | 2767 | color: #999999; |
| 2763 | border-bottom-style: dashed; | 2768 | border-bottom-style: dashed; |
| 2764 | } | 2769 | } |
| 2765 | .select2-container--disabled .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2770 | .select2-container--disabled .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2766 | border-bottom-color: #ddd; | 2771 | border-bottom-color: #ddd; |
| 2767 | -webkit-box-shadow: none; | 2772 | -webkit-box-shadow: none; |
| 2768 | box-shadow: none; | 2773 | box-shadow: none; |
| 2769 | } | 2774 | } |
| 2770 | .select2-selection--single .select2-selection__rendered { | 2775 | .select2-selection--single .select2-selection__rendered { |
| 2771 | display: block; | 2776 | display: block; |
| 2772 | padding-right: 16px; | 2777 | padding-right: 16px; |
| 2773 | overflow: hidden; | 2778 | overflow: hidden; |
| 2774 | text-overflow: ellipsis; | 2779 | text-overflow: ellipsis; |
| 2775 | white-space: nowrap; | 2780 | white-space: nowrap; |
| 2776 | } | 2781 | } |
| 2777 | .select2-selection--single .select2-selection__rendered > i { | 2782 | .select2-selection--single .select2-selection__rendered > i { |
| 2778 | margin-right: 16px; | 2783 | margin-right: 16px; |
| 2779 | } | 2784 | } |
| 2780 | .select2-selection--single .select2-selection__clear { | 2785 | .select2-selection--single .select2-selection__clear { |
| 2781 | position: relative; | 2786 | position: relative; |
| 2782 | cursor: pointer; | 2787 | cursor: pointer; |
| 2783 | float: right; | 2788 | float: right; |
| 2784 | font-size: 0; | 2789 | font-size: 0; |
| 2785 | line-height: 1; | 2790 | line-height: 1; |
| 2786 | margin-top: 2px; | 2791 | margin-top: 2px; |
| 2787 | margin-left: 5px; | 2792 | margin-left: 5px; |
| 2788 | opacity: 0.75; | 2793 | opacity: 0.75; |
| 2789 | filter: alpha(opacity=75); | 2794 | filter: alpha(opacity=75); |
| 2790 | } | 2795 | } |
| 2791 | .select2-selection--single .select2-selection__clear:hover { | 2796 | .select2-selection--single .select2-selection__clear:hover { |
| 2792 | opacity: 1; | 2797 | opacity: 1; |
| 2793 | filter: alpha(opacity=100); | 2798 | filter: alpha(opacity=100); |
| 2794 | } | 2799 | } |
| 2795 | .select2-selection--single .select2-selection__clear:after { | 2800 | .select2-selection--single .select2-selection__clear:after { |
| 2796 | content: '\ed6b'; | 2801 | content: '\ed6b'; |
| 2797 | font-family: 'icomoon'; | 2802 | font-family: 'icomoon'; |
| 2798 | display: inline-block; | 2803 | display: inline-block; |
| 2799 | font-size: 16px; | 2804 | font-size: 16px; |
| 2800 | -webkit-font-smoothing: antialiased; | 2805 | -webkit-font-smoothing: antialiased; |
| 2801 | -moz-osx-font-smoothing: grayscale; | 2806 | -moz-osx-font-smoothing: grayscale; |
| 2802 | } | 2807 | } |
| 2803 | .select2-selection--single .select2-selection__placeholder { | 2808 | .select2-selection--single .select2-selection__placeholder { |
| 2804 | color: #999999; | 2809 | color: #999999; |
| 2805 | } | 2810 | } |
| 2806 | .select2-selection--single .select2-selection__arrow:after { | 2811 | .select2-selection--single .select2-selection__arrow:after { |
| 2807 | content: '\e9c5'; | 2812 | content: '\e9c5'; |
| 2808 | font-family: 'Icomoon'; | 2813 | font-family: 'Icomoon'; |
| 2809 | display: inline-block; | 2814 | display: inline-block; |
| 2810 | position: absolute; | 2815 | position: absolute; |
| 2811 | top: 50%; | 2816 | top: 50%; |
| 2812 | right: 0; | 2817 | right: 0; |
| 2813 | margin-top: -8px; | 2818 | margin-top: -8px; |
| 2814 | font-size: 16px; | 2819 | font-size: 16px; |
| 2815 | line-height: 1; | 2820 | line-height: 1; |
| 2816 | color: inherit; | 2821 | color: inherit; |
| 2817 | -webkit-font-smoothing: antialiased; | 2822 | -webkit-font-smoothing: antialiased; |
| 2818 | -moz-osx-font-smoothing: grayscale; | 2823 | -moz-osx-font-smoothing: grayscale; |
| 2819 | } | 2824 | } |
| 2820 | .select2-container--open .select2-selection--single .select2-selection__arrow:after { | 2825 | .select2-container--open .select2-selection--single .select2-selection__arrow:after { |
| 2821 | content: '\e9c6'; | 2826 | content: '\e9c6'; |
| 2822 | } | 2827 | } |
| 2823 | .select2-selection--single .select2-selection__arrow b { | 2828 | .select2-selection--single .select2-selection__arrow b { |
| 2824 | display: none; | 2829 | display: none; |
| 2825 | } | 2830 | } |
| 2826 | .select2-container--disabled .select2-selection--single { | 2831 | .select2-container--disabled .select2-selection--single { |
| 2827 | cursor: not-allowed; | 2832 | cursor: not-allowed; |
| 2828 | } | 2833 | } |
| 2829 | .select2-container--disabled .select2-selection--single .select2-selection__clear { | 2834 | .select2-container--disabled .select2-selection--single .select2-selection__clear { |
| 2830 | display: none; | 2835 | display: none; |
| 2831 | } | 2836 | } |
| 2832 | .navbar-inverse .navbar-form .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2837 | .navbar-inverse .navbar-form .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2833 | .page-header-inverse .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2838 | .page-header-inverse .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2834 | border-bottom-color: rgba(255, 255, 255, 0.3); | 2839 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 2835 | } | 2840 | } |
| 2836 | .navbar-inverse .navbar-form .select2-selection--single .select2-selection__placeholder, | 2841 | .navbar-inverse .navbar-form .select2-selection--single .select2-selection__placeholder, |
| 2837 | .page-header-inverse .select2-selection--single .select2-selection__placeholder { | 2842 | .page-header-inverse .select2-selection--single .select2-selection__placeholder { |
| 2838 | color: #fff; | 2843 | color: #fff; |
| 2839 | } | 2844 | } |
| 2840 | .navbar-inverse .navbar-form .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2845 | .navbar-inverse .navbar-form .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2841 | .page-header-inverse .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2846 | .page-header-inverse .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2842 | .navbar-inverse .navbar-form .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2847 | .navbar-inverse .navbar-form .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2843 | .page-header-inverse .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2848 | .page-header-inverse .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2844 | border-bottom-color: #fff; | 2849 | border-bottom-color: #fff; |
| 2845 | -webkit-box-shadow: 0 1px 0 #fff; | 2850 | -webkit-box-shadow: 0 1px 0 #fff; |
| 2846 | box-shadow: 0 1px 0 #fff; | 2851 | box-shadow: 0 1px 0 #fff; |
| 2847 | } | 2852 | } |
| 2848 | .select2-selection--multiple { | 2853 | .select2-selection--multiple { |
| 2849 | display: block; | 2854 | display: block; |
| 2850 | border: 1px solid transparent; | 2855 | border: 1px solid transparent; |
| 2851 | cursor: text; | 2856 | cursor: text; |
| 2852 | outline: 0; | 2857 | outline: 0; |
| 2853 | -webkit-user-select: none; | 2858 | -webkit-user-select: none; |
| 2854 | -moz-user-select: none; | 2859 | -moz-user-select: none; |
| 2855 | -ms-user-select: none; | 2860 | -ms-user-select: none; |
| 2856 | user-select: none; | 2861 | user-select: none; |
| 2857 | } | 2862 | } |
| 2858 | .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) { | 2863 | .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) { |
| 2859 | border-color: transparent; | 2864 | border-color: transparent; |
| 2860 | } | 2865 | } |
| 2861 | .select2-selection--multiple:not([class*=bg-])[class*=border-] { | 2866 | .select2-selection--multiple:not([class*=bg-])[class*=border-] { |
| 2862 | border-top-color: transparent; | 2867 | border-top-color: transparent; |
| 2863 | border-left-color: transparent; | 2868 | border-left-color: transparent; |
| 2864 | border-right-color: transparent; | 2869 | border-right-color: transparent; |
| 2865 | } | 2870 | } |
| 2866 | .select2-selection--multiple:not([class*=bg-])[class*=border-] .select2-selection__rendered { | 2871 | .select2-selection--multiple:not([class*=bg-])[class*=border-] .select2-selection__rendered { |
| 2867 | padding-bottom: 8px; | 2872 | padding-bottom: 8px; |
| 2868 | } | 2873 | } |
| 2869 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__rendered { | 2874 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__rendered { |
| 2870 | padding: 0; | 2875 | padding: 0; |
| 2871 | } | 2876 | } |
| 2872 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice { | 2877 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice { |
| 2873 | background-color: #eee; | 2878 | background-color: #eee; |
| 2874 | color: #333333; | 2879 | color: #333333; |
| 2875 | margin-top: 3px; | 2880 | margin-top: 3px; |
| 2876 | margin-bottom: 3px; | 2881 | margin-bottom: 3px; |
| 2877 | border-radius: 100px; | 2882 | border-radius: 100px; |
| 2878 | } | 2883 | } |
| 2879 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, | 2884 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, |
| 2880 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, | 2885 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, |
| 2881 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus, | 2886 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus, |
| 2882 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { | 2887 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { |
| 2883 | background-color: #eee; | 2888 | background-color: #eee; |
| 2884 | color: #333333; | 2889 | color: #333333; |
| 2885 | } | 2890 | } |
| 2886 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, | 2891 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, |
| 2887 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { | 2892 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { |
| 2888 | background-color: #03A9F4; | 2893 | background-color: #03A9F4; |
| 2889 | color: #fff; | 2894 | color: #fff; |
| 2890 | } | 2895 | } |
| 2891 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline .select2-search__field { | 2896 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline .select2-search__field { |
| 2892 | margin-top: 3px; | 2897 | margin-top: 3px; |
| 2893 | margin-bottom: 3px; | 2898 | margin-bottom: 3px; |
| 2894 | } | 2899 | } |
| 2895 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline:first-child .select2-search__field { | 2900 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline:first-child .select2-search__field { |
| 2896 | margin-left: 0; | 2901 | margin-left: 0; |
| 2897 | } | 2902 | } |
| 2898 | .select2-selection--multiple .select2-selection__rendered { | 2903 | .select2-selection--multiple .select2-selection__rendered { |
| 2899 | overflow: hidden; | 2904 | overflow: hidden; |
| 2900 | list-style: none; | 2905 | list-style: none; |
| 2901 | margin: 0; | 2906 | margin: 0; |
| 2902 | padding: 0 6px 6px 6px; | 2907 | padding: 0 6px 6px 6px; |
| 2903 | width: 100%; | 2908 | width: 100%; |
| 2904 | } | 2909 | } |
| 2905 | .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice { | 2910 | .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice { |
| 2906 | opacity: 0.9; | 2911 | opacity: 0.9; |
| 2907 | filter: alpha(opacity=90); | 2912 | filter: alpha(opacity=90); |
| 2908 | } | 2913 | } |
| 2909 | .select2-container--disabled .select2-selection--multiple, | 2914 | .select2-container--disabled .select2-selection--multiple, |
| 2910 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice, | 2915 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice, |
| 2911 | .select2-container--disabled .select2-selection--multiple .select2-search__field { | 2916 | .select2-container--disabled .select2-selection--multiple .select2-search__field { |
| 2912 | cursor: not-allowed; | 2917 | cursor: not-allowed; |
| 2913 | } | 2918 | } |
| 2914 | .select2-selection--multiple .select2-selection__choice { | 2919 | .select2-selection--multiple .select2-selection__choice { |
| 2915 | background-color: #eee; | 2920 | background-color: #eee; |
| 2916 | color: #fff; | 2921 | color: #fff; |
| 2917 | border-radius: 3px; | 2922 | border-radius: 3px; |
| 2918 | cursor: default; | 2923 | cursor: default; |
| 2919 | float: left; | 2924 | float: left; |
| 2920 | margin-right: 6px; | 2925 | margin-right: 6px; |
| 2921 | margin-top: 6px; | 2926 | margin-top: 6px; |
| 2922 | padding: 8px 16px; | 2927 | padding: 8px 16px; |
| 2923 | overflow: hidden; | 2928 | overflow: hidden; |
| 2924 | text-overflow: ellipsis; | 2929 | text-overflow: ellipsis; |
| 2925 | max-width: 100%; | 2930 | max-width: 100%; |
| 2926 | } | 2931 | } |
| 2927 | .select2-selection--multiple .select2-selection__choice > i { | 2932 | .select2-selection--multiple .select2-selection__choice > i { |
| 2928 | margin-right: 10px; | 2933 | margin-right: 10px; |
| 2929 | } | 2934 | } |
| 2930 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { | 2935 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { |
| 2931 | cursor: pointer; | 2936 | cursor: pointer; |
| 2932 | float: right; | 2937 | float: right; |
| 2933 | font-size: 0; | 2938 | font-size: 0; |
| 2934 | margin-top: 4.5px; | 2939 | margin-top: 4.5px; |
| 2935 | line-height: 1; | 2940 | line-height: 1; |
| 2936 | margin-left: 8px; | 2941 | margin-left: 8px; |
| 2937 | opacity: 0.75; | 2942 | opacity: 0.75; |
| 2938 | filter: alpha(opacity=75); | 2943 | filter: alpha(opacity=75); |
| 2939 | } | 2944 | } |
| 2940 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:after { | 2945 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:after { |
| 2941 | content: '\ed6a'; | 2946 | content: '\ed6a'; |
| 2942 | font-family: 'icomoon'; | 2947 | font-family: 'icomoon'; |
| 2943 | display: block; | 2948 | display: block; |
| 2944 | font-size: 11px; | 2949 | font-size: 11px; |
| 2945 | line-height: 1; | 2950 | line-height: 1; |
| 2946 | -webkit-font-smoothing: antialiased; | 2951 | -webkit-font-smoothing: antialiased; |
| 2947 | -moz-osx-font-smoothing: grayscale; | 2952 | -moz-osx-font-smoothing: grayscale; |
| 2948 | } | 2953 | } |
| 2949 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { | 2954 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { |
| 2950 | opacity: 1; | 2955 | opacity: 1; |
| 2951 | filter: alpha(opacity=100); | 2956 | filter: alpha(opacity=100); |
| 2952 | } | 2957 | } |
| 2953 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice { | 2958 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice { |
| 2954 | opacity: 0.6; | 2959 | opacity: 0.6; |
| 2955 | filter: alpha(opacity=60); | 2960 | filter: alpha(opacity=60); |
| 2956 | } | 2961 | } |
| 2957 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { | 2962 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { |
| 2958 | display: none; | 2963 | display: none; |
| 2959 | } | 2964 | } |
| 2960 | .select2-selection--multiple .select2-search--inline { | 2965 | .select2-selection--multiple .select2-search--inline { |
| 2961 | float: left; | 2966 | float: left; |
| 2962 | } | 2967 | } |
| 2963 | .select2-selection--multiple .select2-search--inline .select2-search__field { | 2968 | .select2-selection--multiple .select2-search--inline .select2-search__field { |
| 2964 | font-size: 100%; | 2969 | font-size: 100%; |
| 2965 | margin-top: 6px; | 2970 | margin-top: 6px; |
| 2966 | padding: 8px 0; | 2971 | padding: 8px 0; |
| 2967 | background-color: transparent; | 2972 | background-color: transparent; |
| 2968 | border: 0; | 2973 | border: 0; |
| 2969 | outline: 0; | 2974 | outline: 0; |
| 2970 | margin-left: 6px; | 2975 | margin-left: 6px; |
| 2971 | -webkit-appearance: textfield; | 2976 | -webkit-appearance: textfield; |
| 2972 | } | 2977 | } |
| 2973 | .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { | 2978 | .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { |
| 2974 | -webkit-appearance: none; | 2979 | -webkit-appearance: none; |
| 2975 | } | 2980 | } |
| 2976 | .select2-dropdown { | 2981 | .select2-dropdown { |
| 2977 | background-color: #fff; | 2982 | background-color: #fff; |
| 2978 | color: #333333; | 2983 | color: #333333; |
| 2979 | border-radius: 3px; | 2984 | border-radius: 3px; |
| 2980 | display: block; | 2985 | display: block; |
| 2981 | position: absolute; | 2986 | position: absolute; |
| 2982 | left: -100000px; | 2987 | left: -100000px; |
| 2983 | width: 100%; | 2988 | width: 100%; |
| 2984 | z-index: 9999; | 2989 | z-index: 9999; |
| 2985 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 2990 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 2986 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 2991 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 2987 | } | 2992 | } |
| 2988 | .select2-results { | 2993 | .select2-results { |
| 2989 | display: block; | 2994 | display: block; |
| 2990 | } | 2995 | } |
| 2991 | .select2-results__options { | 2996 | .select2-results__options { |
| 2992 | list-style: none; | 2997 | list-style: none; |
| 2993 | margin: 0; | 2998 | margin: 0; |
| 2994 | padding: 0; | 2999 | padding: 0; |
| 2995 | } | 3000 | } |
| 2996 | .select2-results > .select2-results__options { | 3001 | .select2-results > .select2-results__options { |
| 2997 | padding-bottom: 8px; | 3002 | padding-bottom: 8px; |
| 2998 | max-height: 250px; | 3003 | max-height: 250px; |
| 2999 | overflow-y: auto; | 3004 | overflow-y: auto; |
| 3000 | } | 3005 | } |
| 3001 | .select2-search--hide + .select2-results > .select2-results__options { | 3006 | .select2-search--hide + .select2-results > .select2-results__options { |
| 3002 | padding-top: 8px; | 3007 | padding-top: 8px; |
| 3003 | } | 3008 | } |
| 3004 | .select2-results:first-child > .select2-results__options { | 3009 | .select2-results:first-child > .select2-results__options { |
| 3005 | padding-top: 8px; | 3010 | padding-top: 8px; |
| 3006 | } | 3011 | } |
| 3007 | .select2-results__option { | 3012 | .select2-results__option { |
| 3008 | padding: 8px 16px; | 3013 | padding: 8px 16px; |
| 3009 | cursor: pointer; | 3014 | cursor: pointer; |
| 3010 | -webkit-user-select: none; | 3015 | -webkit-user-select: none; |
| 3011 | -moz-user-select: none; | 3016 | -moz-user-select: none; |
| 3012 | -ms-user-select: none; | 3017 | -ms-user-select: none; |
| 3013 | user-select: none; | 3018 | user-select: none; |
| 3014 | } | 3019 | } |
| 3015 | .select2-results__option + .select2-results__option { | 3020 | .select2-results__option + .select2-results__option { |
| 3016 | margin-top: 1px; | 3021 | margin-top: 1px; |
| 3017 | } | 3022 | } |
| 3018 | .select2-results__option i { | 3023 | .select2-results__option i { |
| 3019 | margin-right: 16px; | 3024 | margin-right: 16px; |
| 3020 | } | 3025 | } |
| 3021 | .select2-results__option i.icon-undefined { | 3026 | .select2-results__option i.icon-undefined { |
| 3022 | display: none; | 3027 | display: none; |
| 3023 | } | 3028 | } |
| 3024 | .select2-results__option[role=group] { | 3029 | .select2-results__option[role=group] { |
| 3025 | padding: 0; | 3030 | padding: 0; |
| 3026 | } | 3031 | } |
| 3027 | .select2-results__option.select2-results__option--highlighted { | 3032 | .select2-results__option.select2-results__option--highlighted { |
| 3028 | background-color: #f5f5f5; | 3033 | background-color: #f5f5f5; |
| 3029 | } | 3034 | } |
| 3030 | .select2-results__option[aria-disabled=true] { | 3035 | .select2-results__option[aria-disabled=true] { |
| 3031 | color: #999999; | 3036 | color: #999999; |
| 3032 | cursor: not-allowed; | 3037 | cursor: not-allowed; |
| 3033 | } | 3038 | } |
| 3034 | .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { | 3039 | .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { |
| 3035 | color: rgba(255, 255, 255, 0.6); | 3040 | color: rgba(255, 255, 255, 0.6); |
| 3036 | } | 3041 | } |
| 3037 | .select2-results__option[aria-selected=true] { | 3042 | .select2-results__option[aria-selected=true] { |
| 3038 | background-color: #26A69A; | 3043 | background-color: #26A69A; |
| 3039 | color: #fff; | 3044 | color: #fff; |
| 3040 | } | 3045 | } |
| 3041 | .select2-results__options--nested > .select2-results__option { | 3046 | .select2-results__options--nested > .select2-results__option { |
| 3042 | padding-left: 32px; | 3047 | padding-left: 32px; |
| 3043 | padding-right: 32px; | 3048 | padding-right: 32px; |
| 3044 | } | 3049 | } |
| 3045 | .select2-results__group { | 3050 | .select2-results__group { |
| 3046 | display: block; | 3051 | display: block; |
| 3047 | padding: 8px 16px; | 3052 | padding: 8px 16px; |
| 3048 | font-size: 11px; | 3053 | font-size: 11px; |
| 3049 | line-height: 1.82; | 3054 | line-height: 1.82; |
| 3050 | text-transform: uppercase; | 3055 | text-transform: uppercase; |
| 3051 | cursor: default; | 3056 | cursor: default; |
| 3052 | margin-top: 8px; | 3057 | margin-top: 8px; |
| 3053 | margin-bottom: 8px; | 3058 | margin-bottom: 8px; |
| 3054 | } | 3059 | } |
| 3055 | .select2-results__option:first-child > .select2-results__group { | 3060 | .select2-results__option:first-child > .select2-results__group { |
| 3056 | margin-top: 0; | 3061 | margin-top: 0; |
| 3057 | } | 3062 | } |
| 3058 | .select2-results__message { | 3063 | .select2-results__message { |
| 3059 | color: #999999; | 3064 | color: #999999; |
| 3060 | cursor: default; | 3065 | cursor: default; |
| 3061 | } | 3066 | } |
| 3062 | .select2-dropdown[class*=bg-] .select2-results__message { | 3067 | .select2-dropdown[class*=bg-] .select2-results__message { |
| 3063 | color: rgba(255, 255, 255, 0.75); | 3068 | color: rgba(255, 255, 255, 0.75); |
| 3064 | } | 3069 | } |
| 3065 | .select2-results__option.loading-results { | 3070 | .select2-results__option.loading-results { |
| 3066 | padding-top: 0; | 3071 | padding-top: 0; |
| 3067 | } | 3072 | } |
| 3068 | .select2-results__option.loading-results + .select2-results__option { | 3073 | .select2-results__option.loading-results + .select2-results__option { |
| 3069 | margin-top: 8px; | 3074 | margin-top: 8px; |
| 3070 | } | 3075 | } |
| 3071 | .select2-results__option--load-more { | 3076 | .select2-results__option--load-more { |
| 3072 | text-align: center; | 3077 | text-align: center; |
| 3073 | margin-top: 8px; | 3078 | margin-top: 8px; |
| 3074 | cursor: default; | 3079 | cursor: default; |
| 3075 | } | 3080 | } |
| 3076 | .select2-container--open .select2-dropdown { | 3081 | .select2-container--open .select2-dropdown { |
| 3077 | left: 0; | 3082 | left: 0; |
| 3078 | } | 3083 | } |
| 3079 | .select2-container--open .select2-dropdown--above { | 3084 | .select2-container--open .select2-dropdown--above { |
| 3080 | border-bottom-width: 0; | 3085 | border-bottom-width: 0; |
| 3081 | border-bottom-left-radius: 0; | 3086 | border-bottom-left-radius: 0; |
| 3082 | border-bottom-right-radius: 0; | 3087 | border-bottom-right-radius: 0; |
| 3083 | } | 3088 | } |
| 3084 | .select2-container--open .select2-dropdown--above[class*=bg-] { | 3089 | .select2-container--open .select2-dropdown--above[class*=bg-] { |
| 3085 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); | 3090 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); |
| 3086 | } | 3091 | } |
| 3087 | .select2-container--open .select2-dropdown--above:not([class*=bg-]) { | 3092 | .select2-container--open .select2-dropdown--above:not([class*=bg-]) { |
| 3088 | top: -3px; | 3093 | top: -3px; |
| 3089 | border-bottom-right-radius: 3px; | 3094 | border-bottom-right-radius: 3px; |
| 3090 | border-bottom-left-radius: 3px; | 3095 | border-bottom-left-radius: 3px; |
| 3091 | } | 3096 | } |
| 3092 | .select2-container--open.select2-container--above .select2-selection--single, | 3097 | .select2-container--open.select2-container--above .select2-selection--single, |
| 3093 | .select2-container--open.select2-container--above .select2-selection--multiple { | 3098 | .select2-container--open.select2-container--above .select2-selection--multiple { |
| 3094 | border-top-right-radius: 0; | 3099 | border-top-right-radius: 0; |
| 3095 | border-top-left-radius: 0; | 3100 | border-top-left-radius: 0; |
| 3096 | } | 3101 | } |
| 3097 | .select2-container--open .select2-dropdown--below { | 3102 | .select2-container--open .select2-dropdown--below { |
| 3098 | border-top-width: 0; | 3103 | border-top-width: 0; |
| 3099 | border-top-left-radius: 0; | 3104 | border-top-left-radius: 0; |
| 3100 | border-top-right-radius: 0; | 3105 | border-top-right-radius: 0; |
| 3101 | } | 3106 | } |
| 3102 | .select2-container--open .select2-dropdown--below[class*=bg-] { | 3107 | .select2-container--open .select2-dropdown--below[class*=bg-] { |
| 3103 | border-top: 1px solid rgba(255, 255, 255, 0.2); | 3108 | border-top: 1px solid rgba(255, 255, 255, 0.2); |
| 3104 | } | 3109 | } |
| 3105 | .select2-container--open .select2-dropdown--below:not([class*=bg-]) { | 3110 | .select2-container--open .select2-dropdown--below:not([class*=bg-]) { |
| 3106 | top: 3px; | 3111 | top: 3px; |
| 3107 | border-top-right-radius: 3px; | 3112 | border-top-right-radius: 3px; |
| 3108 | border-top-left-radius: 3px; | 3113 | border-top-left-radius: 3px; |
| 3109 | } | 3114 | } |
| 3110 | .select2-container--open.select2-container--below .select2-selection--single, | 3115 | .select2-container--open.select2-container--below .select2-selection--single, |
| 3111 | .select2-container--open.select2-container--below .select2-selection--multiple { | 3116 | .select2-container--open.select2-container--below .select2-selection--multiple { |
| 3112 | border-bottom-right-radius: 0; | 3117 | border-bottom-right-radius: 0; |
| 3113 | border-bottom-left-radius: 0; | 3118 | border-bottom-left-radius: 0; |
| 3114 | } | 3119 | } |
| 3115 | .select2-search--dropdown { | 3120 | .select2-search--dropdown { |
| 3116 | display: block; | 3121 | display: block; |
| 3117 | position: relative; | 3122 | position: relative; |
| 3118 | padding: 16px; | 3123 | padding: 16px; |
| 3119 | padding-left: 48px; | 3124 | padding-left: 48px; |
| 3120 | } | 3125 | } |
| 3121 | .select2-search--dropdown:after { | 3126 | .select2-search--dropdown:after { |
| 3122 | content: '\e98e'; | 3127 | content: '\e98e'; |
| 3123 | font-family: 'icomoon'; | 3128 | font-family: 'icomoon'; |
| 3124 | position: absolute; | 3129 | position: absolute; |
| 3125 | top: 50%; | 3130 | top: 50%; |
| 3126 | left: 16px; | 3131 | left: 16px; |
| 3127 | color: inherit; | 3132 | color: inherit; |
| 3128 | display: block; | 3133 | display: block; |
| 3129 | font-size: 14px; | 3134 | font-size: 14px; |
| 3130 | margin-top: -7px; | 3135 | margin-top: -7px; |
| 3131 | line-height: 1; | 3136 | line-height: 1; |
| 3132 | -webkit-font-smoothing: antialiased; | 3137 | -webkit-font-smoothing: antialiased; |
| 3133 | -moz-osx-font-smoothing: grayscale; | 3138 | -moz-osx-font-smoothing: grayscale; |
| 3134 | } | 3139 | } |
| 3135 | .select2-search--dropdown + .select2-results .select2-results__message:first-child { | 3140 | .select2-search--dropdown + .select2-results .select2-results__message:first-child { |
| 3136 | padding-top: 0; | 3141 | padding-top: 0; |
| 3137 | } | 3142 | } |
| 3138 | .select2-search--dropdown .select2-search__field { | 3143 | .select2-search--dropdown .select2-search__field { |
| 3139 | background-color: transparent; | 3144 | background-color: transparent; |
| 3140 | padding: 8px 0; | 3145 | padding: 8px 0; |
| 3141 | border-radius: 3px; | 3146 | border-radius: 3px; |
| 3142 | border: 1px solid #ddd; | 3147 | border: 1px solid #ddd; |
| 3143 | border-color: transparent transparent #ddd; | 3148 | border-color: transparent transparent #ddd; |
| 3144 | outline: 0; | 3149 | outline: 0; |
| 3145 | width: 100%; | 3150 | width: 100%; |
| 3146 | } | 3151 | } |
| 3147 | .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { | 3152 | .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { |
| 3148 | -webkit-appearance: none; | 3153 | -webkit-appearance: none; |
| 3149 | } | 3154 | } |
| 3150 | .select2-search--dropdown.select2-search--hide { | 3155 | .select2-search--dropdown.select2-search--hide { |
| 3151 | display: none; | 3156 | display: none; |
| 3152 | } | 3157 | } |
| 3153 | .select-lg.select2-selection--single { | 3158 | .select-lg.select2-selection--single { |
| 3154 | height: 40px; | 3159 | height: 40px; |
| 3155 | padding: 9px 0; | 3160 | padding: 9px 0; |
| 3156 | font-size: 14px; | 3161 | font-size: 14px; |
| 3157 | } | 3162 | } |
| 3158 | .select-lg.select2-selection--single .select2-selection__rendered { | 3163 | .select-lg.select2-selection--single .select2-selection__rendered { |
| 3159 | padding-right: 40px; | 3164 | padding-right: 40px; |
| 3160 | } | 3165 | } |
| 3161 | .select-lg.select2-selection--multiple .select2-selection__choice { | 3166 | .select-lg.select2-selection--multiple .select2-selection__choice { |
| 3162 | padding: 9px 18px; | 3167 | padding: 9px 18px; |
| 3163 | font-size: 14px; | 3168 | font-size: 14px; |
| 3164 | } | 3169 | } |
| 3165 | .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { | 3170 | .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { |
| 3166 | padding: 9px 0; | 3171 | padding: 9px 0; |
| 3167 | font-size: 14px; | 3172 | font-size: 14px; |
| 3168 | } | 3173 | } |
| 3169 | .select-sm.select2-selection--single { | 3174 | .select-sm.select2-selection--single { |
| 3170 | height: 36px; | 3175 | height: 36px; |
| 3171 | padding: 7px 0; | 3176 | padding: 7px 0; |
| 3172 | font-size: 12px; | 3177 | font-size: 12px; |
| 3173 | line-height: 1.6666667; | 3178 | line-height: 1.6666667; |
| 3174 | } | 3179 | } |
| 3175 | .select-sm.select2-selection--single .select2-selection__rendered { | 3180 | .select-sm.select2-selection--single .select2-selection__rendered { |
| 3176 | padding-right: 32px; | 3181 | padding-right: 32px; |
| 3177 | } | 3182 | } |
| 3178 | .select-sm.select2-selection--multiple .select2-selection__choice { | 3183 | .select-sm.select2-selection--multiple .select2-selection__choice { |
| 3179 | padding: 7px 14px; | 3184 | padding: 7px 14px; |
| 3180 | font-size: 12px; | 3185 | font-size: 12px; |
| 3181 | line-height: 1.6666667; | 3186 | line-height: 1.6666667; |
| 3182 | } | 3187 | } |
| 3183 | .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { | 3188 | .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { |
| 3184 | padding: 7px 0; | 3189 | padding: 7px 0; |
| 3185 | } | 3190 | } |
| 3186 | .select-xs.select2-selection--single { | 3191 | .select-xs.select2-selection--single { |
| 3187 | height: 34px; | 3192 | height: 34px; |
| 3188 | padding: 6px 0; | 3193 | padding: 6px 0; |
| 3189 | font-size: 12px; | 3194 | font-size: 12px; |
| 3190 | line-height: 1.6666667; | 3195 | line-height: 1.6666667; |
| 3191 | } | 3196 | } |
| 3192 | .select-xs.select2-selection--single .select2-selection__rendered { | 3197 | .select-xs.select2-selection--single .select2-selection__rendered { |
| 3193 | padding-right: 28px; | 3198 | padding-right: 28px; |
| 3194 | } | 3199 | } |
| 3195 | .select-xs.select2-selection--multiple .select2-selection__choice { | 3200 | .select-xs.select2-selection--multiple .select2-selection__choice { |
| 3196 | padding: 6px 12px; | 3201 | padding: 6px 12px; |
| 3197 | font-size: 12px; | 3202 | font-size: 12px; |
| 3198 | line-height: 1.6666667; | 3203 | line-height: 1.6666667; |
| 3199 | } | 3204 | } |
| 3200 | .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field { | 3205 | .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field { |
| 3201 | padding: 6px 0; | 3206 | padding: 6px 0; |
| 3202 | font-size: 12px; | 3207 | font-size: 12px; |
| 3203 | line-height: 1.6666667; | 3208 | line-height: 1.6666667; |
| 3204 | } | 3209 | } |
| 3205 | .select2-selection--single[class*=bg-], | 3210 | .select2-selection--single[class*=bg-], |
| 3206 | .select2-selection--multiple[class*=bg-] { | 3211 | .select2-selection--multiple[class*=bg-] { |
| 3207 | border-radius: 3px; | 3212 | border-radius: 3px; |
| 3208 | } | 3213 | } |
| 3209 | .select2-container--disabled .select2-selection--single[class*=bg-], | 3214 | .select2-container--disabled .select2-selection--single[class*=bg-], |
| 3210 | .select2-container--disabled .select2-selection--multiple[class*=bg-] { | 3215 | .select2-container--disabled .select2-selection--multiple[class*=bg-] { |
| 3211 | opacity: 0.6; | 3216 | opacity: 0.6; |
| 3212 | filter: alpha(opacity=60); | 3217 | filter: alpha(opacity=60); |
| 3213 | } | 3218 | } |
| 3214 | .select2-selection--single[class*=bg-] .select2-selection__placeholder { | 3219 | .select2-selection--single[class*=bg-] .select2-selection__placeholder { |
| 3215 | color: #fff; | 3220 | color: #fff; |
| 3216 | } | 3221 | } |
| 3217 | .select2-selection--single[class*=bg-] .select2-selection__rendered { | 3222 | .select2-selection--single[class*=bg-] .select2-selection__rendered { |
| 3218 | padding-left: 16px; | 3223 | padding-left: 16px; |
| 3219 | padding-right: 40px; | 3224 | padding-right: 40px; |
| 3220 | } | 3225 | } |
| 3221 | .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__rendered { | 3226 | .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__rendered { |
| 3222 | color: rgba(255, 255, 255, 0.75); | 3227 | color: rgba(255, 255, 255, 0.75); |
| 3223 | } | 3228 | } |
| 3224 | .select2-selection--single[class*=bg-] .select2-selection__arrow:after { | 3229 | .select2-selection--single[class*=bg-] .select2-selection__arrow:after { |
| 3225 | right: 16px; | 3230 | right: 16px; |
| 3226 | } | 3231 | } |
| 3227 | .select2-selection--multiple[class*=bg-] .select2-selection__choice { | 3232 | .select2-selection--multiple[class*=bg-] .select2-selection__choice { |
| 3228 | background-color: rgba(0, 0, 0, 0.25); | 3233 | background-color: rgba(0, 0, 0, 0.25); |
| 3229 | } | 3234 | } |
| 3230 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-moz-placeholder { | 3235 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-moz-placeholder { |
| 3231 | color: #fff; | 3236 | color: #fff; |
| 3232 | opacity: 1; | 3237 | opacity: 1; |
| 3233 | } | 3238 | } |
| 3234 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field:-ms-input-placeholder { | 3239 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field:-ms-input-placeholder { |
| 3235 | color: #fff; | 3240 | color: #fff; |
| 3236 | } | 3241 | } |
| 3237 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-webkit-input-placeholder { | 3242 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-webkit-input-placeholder { |
| 3238 | color: #fff; | 3243 | color: #fff; |
| 3239 | } | 3244 | } |
| 3240 | .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { | 3245 | .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { |
| 3241 | background-color: transparent; | 3246 | background-color: transparent; |
| 3242 | border-bottom-color: rgba(255, 255, 255, 0.2); | 3247 | border-bottom-color: rgba(255, 255, 255, 0.2); |
| 3243 | color: #fff; | 3248 | color: #fff; |
| 3244 | } | 3249 | } |
| 3245 | .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { | 3250 | .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { |
| 3246 | background-color: rgba(0, 0, 0, 0.2); | 3251 | background-color: rgba(0, 0, 0, 0.2); |
| 3247 | } | 3252 | } |
| 3248 | .select2-dropdown[class*=bg-] .select2-results__option--highlighted { | 3253 | .select2-dropdown[class*=bg-] .select2-results__option--highlighted { |
| 3249 | background-color: rgba(0, 0, 0, 0.1); | 3254 | background-color: rgba(0, 0, 0, 0.1); |
| 3250 | } | 3255 | } |
| 3251 | .select2-close-mask { | 3256 | .select2-close-mask { |
| 3252 | border: 0; | 3257 | border: 0; |
| 3253 | margin: 0; | 3258 | margin: 0; |
| 3254 | padding: 0; | 3259 | padding: 0; |
| 3255 | display: block; | 3260 | display: block; |
| 3256 | position: fixed; | 3261 | position: fixed; |
| 3257 | left: 0; | 3262 | left: 0; |
| 3258 | top: 0; | 3263 | top: 0; |
| 3259 | min-height: 100%; | 3264 | min-height: 100%; |
| 3260 | min-width: 100%; | 3265 | min-width: 100%; |
| 3261 | height: auto; | 3266 | height: auto; |
| 3262 | width: auto; | 3267 | width: auto; |
| 3263 | z-index: 99; | 3268 | z-index: 99; |
| 3264 | background-color: #fff; | 3269 | background-color: #fff; |
| 3265 | opacity: 0; | 3270 | opacity: 0; |
| 3266 | filter: alpha(opacity=0); | 3271 | filter: alpha(opacity=0); |
| 3267 | } | 3272 | } |
| 3268 | .select2-hidden-accessible { | 3273 | .select2-hidden-accessible { |
| 3269 | border: 0 !important; | 3274 | border: 0 !important; |
| 3270 | clip: rect(0 0 0 0) !important; | 3275 | clip: rect(0 0 0 0) !important; |
| 3271 | height: 1px !important; | 3276 | height: 1px !important; |
| 3272 | margin: -1px !important; | 3277 | margin: -1px !important; |
| 3273 | overflow: hidden !important; | 3278 | overflow: hidden !important; |
| 3274 | padding: 0 !important; | 3279 | padding: 0 !important; |
| 3275 | position: fixed !important; | 3280 | position: fixed !important; |
| 3276 | width: 1px !important; | 3281 | width: 1px !important; |
| 3277 | } | 3282 | } |
| 3278 | .select2-result-repository { | 3283 | .select2-result-repository { |
| 3279 | padding-top: 8px; | 3284 | padding-top: 8px; |
| 3280 | padding-bottom: 8px; | 3285 | padding-bottom: 8px; |
| 3281 | } | 3286 | } |
| 3282 | .select2-result-repository__avatar { | 3287 | .select2-result-repository__avatar { |
| 3283 | float: left; | 3288 | float: left; |
| 3284 | width: 60px; | 3289 | width: 60px; |
| 3285 | margin-right: 15px; | 3290 | margin-right: 15px; |
| 3286 | } | 3291 | } |
| 3287 | .select2-result-repository__avatar img { | 3292 | .select2-result-repository__avatar img { |
| 3288 | width: 100%; | 3293 | width: 100%; |
| 3289 | height: auto; | 3294 | height: auto; |
| 3290 | border-radius: 100px; | 3295 | border-radius: 100px; |
| 3291 | } | 3296 | } |
| 3292 | .select2-result-repository__meta { | 3297 | .select2-result-repository__meta { |
| 3293 | margin-left: 70px; | 3298 | margin-left: 70px; |
| 3294 | } | 3299 | } |
| 3295 | .select2-result-repository__title { | 3300 | .select2-result-repository__title { |
| 3296 | font-weight: 500; | 3301 | font-weight: 500; |
| 3297 | word-wrap: break-word; | 3302 | word-wrap: break-word; |
| 3298 | margin-bottom: 2px; | 3303 | margin-bottom: 2px; |
| 3299 | } | 3304 | } |
| 3300 | .select2-result-repository__forks, | 3305 | .select2-result-repository__forks, |
| 3301 | .select2-result-repository__stargazers, | 3306 | .select2-result-repository__stargazers, |
| 3302 | .select2-result-repository__watchers { | 3307 | .select2-result-repository__watchers { |
| 3303 | display: inline-block; | 3308 | display: inline-block; |
| 3304 | font-size: 12px; | 3309 | font-size: 12px; |
| 3305 | } | 3310 | } |
| 3306 | .select2-result-repository__description { | 3311 | .select2-result-repository__description { |
| 3307 | font-size: 12px; | 3312 | font-size: 12px; |
| 3308 | } | 3313 | } |
| 3309 | .select2-result-repository__forks, | 3314 | .select2-result-repository__forks, |
| 3310 | .select2-result-repository__stargazers { | 3315 | .select2-result-repository__stargazers { |
| 3311 | margin-right: 15px; | 3316 | margin-right: 15px; |
| 3312 | } | 3317 | } |
| 3313 | /* ------------------------------------------------------------------------------ | 3318 | /* ------------------------------------------------------------------------------ |
| 3314 | * | 3319 | * |
| 3315 | * # Bootstrap multiselect | 3320 | * # Bootstrap multiselect |
| 3316 | * | 3321 | * |
| 3317 | * Styles for multiselect.js - custom multiple select plugin | 3322 | * Styles for multiselect.js - custom multiple select plugin |
| 3318 | * | 3323 | * |
| 3319 | * Version: 1.0 | 3324 | * Version: 1.0 |
| 3320 | * Latest update: May 25, 2015 | 3325 | * Latest update: May 25, 2015 |
| 3321 | * | 3326 | * |
| 3322 | * ---------------------------------------------------------------------------- */ | 3327 | * ---------------------------------------------------------------------------- */ |
| 3323 | .multiselect { | 3328 | .multiselect { |
| 3324 | width: 100%; | 3329 | width: 100%; |
| 3325 | min-width: 100%; | 3330 | min-width: 100%; |
| 3326 | text-align: left; | 3331 | text-align: left; |
| 3327 | padding-right: 32px; | 3332 | padding-right: 32px; |
| 3328 | text-overflow: ellipsis; | 3333 | text-overflow: ellipsis; |
| 3329 | overflow: hidden; | 3334 | overflow: hidden; |
| 3330 | } | 3335 | } |
| 3331 | .multiselect.btn-default { | 3336 | .multiselect.btn-default { |
| 3332 | border-width: 1px 0; | 3337 | border-width: 1px 0; |
| 3333 | padding: 8px 0; | 3338 | padding: 8px 0; |
| 3334 | padding-right: 24px; | 3339 | padding-right: 24px; |
| 3335 | border-radius: 0; | 3340 | border-radius: 0; |
| 3336 | text-transform: none; | 3341 | text-transform: none; |
| 3337 | font-weight: 400; | 3342 | font-weight: 400; |
| 3338 | } | 3343 | } |
| 3339 | .multiselect.btn-default, | 3344 | .multiselect.btn-default, |
| 3340 | .multiselect.btn-default:hover, | 3345 | .multiselect.btn-default:hover, |
| 3341 | .multiselect.btn-default:focus, | 3346 | .multiselect.btn-default:focus, |
| 3342 | .multiselect.btn-default:active, | 3347 | .multiselect.btn-default:active, |
| 3343 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { | 3348 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { |
| 3344 | border-color: transparent transparent #ddd; | 3349 | border-color: transparent transparent #ddd; |
| 3345 | background-color: transparent; | 3350 | background-color: transparent; |
| 3346 | -webkit-box-shadow: none; | 3351 | -webkit-box-shadow: none; |
| 3347 | box-shadow: none; | 3352 | box-shadow: none; |
| 3348 | } | 3353 | } |
| 3349 | .multiselect.btn-default:focus, | 3354 | .multiselect.btn-default:focus, |
| 3350 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { | 3355 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { |
| 3351 | border-bottom-color: #009688; | 3356 | border-bottom-color: #009688; |
| 3352 | -webkit-box-shadow: 0 1px 0 #009688; | 3357 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3353 | box-shadow: 0 1px 0 #009688; | 3358 | box-shadow: 0 1px 0 #009688; |
| 3354 | } | 3359 | } |
| 3355 | .multiselect.btn-default.disabled { | 3360 | .multiselect.btn-default.disabled { |
| 3356 | border-bottom-style: dashed; | 3361 | border-bottom-style: dashed; |
| 3357 | } | 3362 | } |
| 3358 | .multiselect.btn-default .caret { | 3363 | .multiselect.btn-default .caret { |
| 3359 | right: 0; | 3364 | right: 0; |
| 3360 | } | 3365 | } |
| 3361 | .multiselect .caret { | 3366 | .multiselect .caret { |
| 3362 | position: absolute; | 3367 | position: absolute; |
| 3363 | top: 50%; | 3368 | top: 50%; |
| 3364 | right: 16px; | 3369 | right: 16px; |
| 3365 | margin-top: -8px; | 3370 | margin-top: -8px; |
| 3366 | width: 16px; | 3371 | width: 16px; |
| 3367 | text-align: right; | 3372 | text-align: right; |
| 3368 | } | 3373 | } |
| 3369 | .multiselect.btn-lg { | 3374 | .multiselect.btn-lg { |
| 3370 | padding-right: 36px; | 3375 | padding-right: 36px; |
| 3371 | } | 3376 | } |
| 3372 | .multiselect.btn-lg.btn-default { | 3377 | .multiselect.btn-lg.btn-default { |
| 3373 | padding-right: 27px; | 3378 | padding-right: 27px; |
| 3374 | } | 3379 | } |
| 3375 | .multiselect.btn-sm { | 3380 | .multiselect.btn-sm { |
| 3376 | padding-right: 28px; | 3381 | padding-right: 28px; |
| 3377 | } | 3382 | } |
| 3378 | .multiselect.btn-sm.btn-default { | 3383 | .multiselect.btn-sm.btn-default { |
| 3379 | padding-right: 21px; | 3384 | padding-right: 21px; |
| 3380 | } | 3385 | } |
| 3381 | .multiselect.btn-xs { | 3386 | .multiselect.btn-xs { |
| 3382 | padding-right: 24px; | 3387 | padding-right: 24px; |
| 3383 | } | 3388 | } |
| 3384 | .multiselect.btn-xs.btn-default { | 3389 | .multiselect.btn-xs.btn-default { |
| 3385 | padding-right: 18px; | 3390 | padding-right: 18px; |
| 3386 | } | 3391 | } |
| 3387 | .page-header-inverse .form-group .multiselect.btn-default, | 3392 | .page-header-inverse .form-group .multiselect.btn-default, |
| 3388 | .navbar-inverse .navbar-form .multiselect.btn-default { | 3393 | .navbar-inverse .navbar-form .multiselect.btn-default { |
| 3389 | border-bottom-color: rgba(255, 255, 255, 0.3); | 3394 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 3390 | color: #fff; | 3395 | color: #fff; |
| 3391 | } | 3396 | } |
| 3392 | .page-header-inverse .form-group .btn-group.open > .multiselect.btn-default, | 3397 | .page-header-inverse .form-group .btn-group.open > .multiselect.btn-default, |
| 3393 | .navbar-inverse .navbar-form .btn-group.open > .multiselect.btn-default, | 3398 | .navbar-inverse .navbar-form .btn-group.open > .multiselect.btn-default, |
| 3394 | .page-header-inverse .form-group .multiselect.btn-default:focus, | 3399 | .page-header-inverse .form-group .multiselect.btn-default:focus, |
| 3395 | .navbar-inverse .navbar-form .multiselect.btn-default:focus { | 3400 | .navbar-inverse .navbar-form .multiselect.btn-default:focus { |
| 3396 | color: #fff; | 3401 | color: #fff; |
| 3397 | border-bottom-color: #fff; | 3402 | border-bottom-color: #fff; |
| 3398 | -webkit-box-shadow: 0 1px 0 #fff; | 3403 | -webkit-box-shadow: 0 1px 0 #fff; |
| 3399 | box-shadow: 0 1px 0 #fff; | 3404 | box-shadow: 0 1px 0 #fff; |
| 3400 | } | 3405 | } |
| 3401 | .multiselect-container { | 3406 | .multiselect-container { |
| 3402 | min-width: 180px; | 3407 | min-width: 180px; |
| 3403 | max-height: 250px; | 3408 | max-height: 250px; |
| 3404 | overflow-y: auto; | 3409 | overflow-y: auto; |
| 3405 | } | 3410 | } |
| 3406 | .multiselect-container > li { | 3411 | .multiselect-container > li { |
| 3407 | padding: 0; | 3412 | padding: 0; |
| 3408 | } | 3413 | } |
| 3409 | .multiselect-container > li > a { | 3414 | .multiselect-container > li > a { |
| 3410 | padding: 0; | 3415 | padding: 0; |
| 3411 | } | 3416 | } |
| 3412 | .multiselect-container > li > a > label { | 3417 | .multiselect-container > li > a > label { |
| 3413 | display: block!important; | 3418 | display: block!important; |
| 3414 | margin: 0; | 3419 | margin: 0; |
| 3415 | height: 100%; | 3420 | height: 100%; |
| 3416 | cursor: pointer; | 3421 | cursor: pointer; |
| 3417 | padding: 9px 16px; | 3422 | padding: 9px 16px; |
| 3418 | padding-left: 44px; | 3423 | padding-left: 44px; |
| 3419 | } | 3424 | } |
| 3420 | .navbar-form .multiselect-container > li > a > label { | 3425 | .navbar-form .multiselect-container > li > a > label { |
| 3421 | display: block; | 3426 | display: block; |
| 3422 | } | 3427 | } |
| 3423 | .multiselect-container > li > a .checker, | 3428 | .multiselect-container > li > a .checker, |
| 3424 | .multiselect-container > li > a .choice { | 3429 | .multiselect-container > li > a .choice { |
| 3425 | top: 50%; | 3430 | top: 50%; |
| 3426 | margin-top: -9px; | 3431 | margin-top: -9px; |
| 3427 | left: 16px; | 3432 | left: 16px; |
| 3428 | } | 3433 | } |
| 3429 | .multiselect-container > li > a.multiselect-all label { | 3434 | .multiselect-container > li > a.multiselect-all label { |
| 3430 | font-weight: 500; | 3435 | font-weight: 500; |
| 3431 | } | 3436 | } |
| 3432 | .multiselect-container > li.disabled > a { | 3437 | .multiselect-container > li.disabled > a { |
| 3433 | background-color: transparent; | 3438 | background-color: transparent; |
| 3434 | } | 3439 | } |
| 3435 | .multiselect-container > li.disabled > a > label { | 3440 | .multiselect-container > li.disabled > a > label { |
| 3436 | cursor: not-allowed; | 3441 | cursor: not-allowed; |
| 3437 | } | 3442 | } |
| 3438 | .multiselect-container > li.multiselect-group > label, | 3443 | .multiselect-container > li.multiselect-group > label, |
| 3439 | .multiselect-container > li.multiselect-group.active > label { | 3444 | .multiselect-container > li.multiselect-group.active > label { |
| 3440 | margin: 0; | 3445 | margin: 0; |
| 3441 | padding: 9px 15px; | 3446 | padding: 9px 15px; |
| 3442 | font-size: 11px; | 3447 | font-size: 11px; |
| 3443 | line-height: 1.82; | 3448 | line-height: 1.82; |
| 3444 | color: #999999; | 3449 | color: #999999; |
| 3445 | text-transform: uppercase; | 3450 | text-transform: uppercase; |
| 3446 | margin-top: 16px; | 3451 | margin-top: 16px; |
| 3447 | background-color: transparent; | 3452 | background-color: transparent; |
| 3448 | cursor: default; | 3453 | cursor: default; |
| 3449 | } | 3454 | } |
| 3450 | .multiselect-container > li.multiselect-group.disabled { | 3455 | .multiselect-container > li.multiselect-group.disabled { |
| 3451 | color: #999999; | 3456 | color: #999999; |
| 3452 | } | 3457 | } |
| 3453 | .multiselect-container > li.multiselect-group:first-child > label, | 3458 | .multiselect-container > li.multiselect-group:first-child > label, |
| 3454 | .multiselect-container > li.multiselect-group:first-child.active > label { | 3459 | .multiselect-container > li.multiselect-group:first-child.active > label { |
| 3455 | margin-top: 8px; | 3460 | margin-top: 8px; |
| 3456 | } | 3461 | } |
| 3457 | .multiselect-container > li.multiselect-group.multiselect-group-clickable > label { | 3462 | .multiselect-container > li.multiselect-group.multiselect-group-clickable > label { |
| 3458 | cursor: pointer; | 3463 | cursor: pointer; |
| 3459 | } | 3464 | } |
| 3460 | .multiselect-container > li.multiselect-group.disabled label, | 3465 | .multiselect-container > li.multiselect-group.disabled label, |
| 3461 | .multiselect-container > li.multiselect-group.disabled:hover label, | 3466 | .multiselect-container > li.multiselect-group.disabled:hover label, |
| 3462 | .multiselect-container > li.multiselect-group.disabled:focus label { | 3467 | .multiselect-container > li.multiselect-group.disabled:focus label { |
| 3463 | background-color: transparent; | 3468 | background-color: transparent; |
| 3464 | cursor: not-allowed; | 3469 | cursor: not-allowed; |
| 3465 | } | 3470 | } |
| 3466 | .multi-select-full > .btn-group { | 3471 | .multi-select-full > .btn-group { |
| 3467 | width: 100%; | 3472 | width: 100%; |
| 3468 | } | 3473 | } |
| 3469 | .multi-select-full > .btn-group .multiselect-container { | 3474 | .multi-select-full > .btn-group .multiselect-container { |
| 3470 | width: inherit; | 3475 | width: inherit; |
| 3471 | } | 3476 | } |
| 3472 | .multi-select-full + .input-group-btn { | 3477 | .multi-select-full + .input-group-btn { |
| 3473 | padding-left: 16px; | 3478 | padding-left: 16px; |
| 3474 | } | 3479 | } |
| 3475 | .multi-select-fixed > .btn-group > .btn { | 3480 | .multi-select-fixed > .btn-group > .btn { |
| 3476 | width: 250px; | 3481 | width: 250px; |
| 3477 | } | 3482 | } |
| 3478 | .multi-select-auto > .btn-group > .btn { | 3483 | .multi-select-auto > .btn-group > .btn { |
| 3479 | width: auto; | 3484 | width: auto; |
| 3480 | } | 3485 | } |
| 3481 | li.multiselect-filter { | 3486 | li.multiselect-filter { |
| 3482 | position: relative; | 3487 | position: relative; |
| 3483 | padding: 8px 16px; | 3488 | padding: 8px 16px; |
| 3484 | padding-left: 44px; | 3489 | padding-left: 44px; |
| 3485 | margin-bottom: 8px; | 3490 | margin-bottom: 8px; |
| 3486 | } | 3491 | } |
| 3487 | li.multiselect-filter i { | 3492 | li.multiselect-filter i { |
| 3488 | font-size: 14px; | 3493 | font-size: 14px; |
| 3489 | position: absolute; | 3494 | position: absolute; |
| 3490 | left: 16px; | 3495 | left: 16px; |
| 3491 | top: 50%; | 3496 | top: 50%; |
| 3492 | margin-top: -7px; | 3497 | margin-top: -7px; |
| 3493 | } | 3498 | } |
| 3494 | .btn-group-multiselect { | 3499 | .btn-group-multiselect { |
| 3495 | width: 100%; | 3500 | width: 100%; |
| 3496 | } | 3501 | } |
| 3497 | .btn-group-multiselect .btn { | 3502 | .btn-group-multiselect .btn { |
| 3498 | float: none; | 3503 | float: none; |
| 3499 | } | 3504 | } |
| 3500 | .btn-group-multiselect .multiselect { | 3505 | .btn-group-multiselect .multiselect { |
| 3501 | min-width: 0; | 3506 | min-width: 0; |
| 3502 | } | 3507 | } |
| 3503 | /* ------------------------------------------------------------------------------ | 3508 | /* ------------------------------------------------------------------------------ |
| 3504 | * | 3509 | * |
| 3505 | * # SelectBoxIt | 3510 | * # SelectBoxIt |
| 3506 | * | 3511 | * |
| 3507 | * Styles for selectbox.js - custom select boxes plugin | 3512 | * Styles for selectbox.js - custom select boxes plugin |
| 3508 | * | 3513 | * |
| 3509 | * Version: 1.2 | 3514 | * Version: 1.2 |
| 3510 | * Latest update: Mar 10, 2016 | 3515 | * Latest update: Mar 10, 2016 |
| 3511 | * | 3516 | * |
| 3512 | * ---------------------------------------------------------------------------- */ | 3517 | * ---------------------------------------------------------------------------- */ |
| 3513 | /* # Core | 3518 | /* # Core |
| 3514 | -------------------------------------------------- */ | 3519 | -------------------------------------------------- */ |
| 3515 | .selectboxit-container { | 3520 | .selectboxit-container { |
| 3516 | position: relative; | 3521 | position: relative; |
| 3517 | display: inline-block; | 3522 | display: inline-block; |
| 3518 | vertical-align: middle; | 3523 | vertical-align: middle; |
| 3519 | width: 100%; | 3524 | width: 100%; |
| 3520 | } | 3525 | } |
| 3521 | .selectboxit-container * { | 3526 | .selectboxit-container * { |
| 3522 | -webkit-touch-callout: none; | 3527 | -webkit-touch-callout: none; |
| 3523 | outline: 0; | 3528 | outline: 0; |
| 3524 | white-space: nowrap; | 3529 | white-space: nowrap; |
| 3525 | -webkit-user-select: none; | 3530 | -webkit-user-select: none; |
| 3526 | -moz-user-select: none; | 3531 | -moz-user-select: none; |
| 3527 | -ms-user-select: none; | 3532 | -ms-user-select: none; |
| 3528 | user-select: none; | 3533 | user-select: none; |
| 3529 | } | 3534 | } |
| 3530 | .selectboxit-container .selectboxit { | 3535 | .selectboxit-container .selectboxit { |
| 3531 | width: 100%; | 3536 | width: 100%; |
| 3532 | cursor: pointer; | 3537 | cursor: pointer; |
| 3533 | overflow: hidden; | 3538 | overflow: hidden; |
| 3534 | text-overflow: ellipsis; | 3539 | text-overflow: ellipsis; |
| 3535 | position: relative; | 3540 | position: relative; |
| 3536 | } | 3541 | } |
| 3537 | .selectboxit-container .selectboxit:focus { | 3542 | .selectboxit-container .selectboxit:focus { |
| 3538 | outline: 0; | 3543 | outline: 0; |
| 3539 | } | 3544 | } |
| 3540 | .selectboxit-container span, | 3545 | .selectboxit-container span, |
| 3541 | .selectboxit-container .selectboxit-options a { | 3546 | .selectboxit-container .selectboxit-options a { |
| 3542 | display: block; | 3547 | display: block; |
| 3543 | } | 3548 | } |
| 3544 | .selectboxit-container .selectboxit-options { | 3549 | .selectboxit-container .selectboxit-options { |
| 3545 | max-height: 250px; | 3550 | max-height: 250px; |
| 3546 | width: 100%; | 3551 | width: 100%; |
| 3547 | padding: 8px 0; | 3552 | padding: 8px 0; |
| 3548 | overflow-x: hidden; | 3553 | overflow-x: hidden; |
| 3549 | overflow-y: auto; | 3554 | overflow-y: auto; |
| 3550 | z-index: 999; | 3555 | z-index: 999; |
| 3551 | text-align: left; | 3556 | text-align: left; |
| 3552 | } | 3557 | } |
| 3553 | .selectboxit.selectboxit-disabled, | 3558 | .selectboxit.selectboxit-disabled, |
| 3554 | .selectboxit-options .selectboxit-disabled, | 3559 | .selectboxit-options .selectboxit-disabled, |
| 3555 | .selectboxit.selectboxit-disabled:hover, | 3560 | .selectboxit.selectboxit-disabled:hover, |
| 3556 | .selectboxit-options .selectboxit-disabled:hover, | 3561 | .selectboxit-options .selectboxit-disabled:hover, |
| 3557 | .selectboxit.selectboxit-disabled:focus, | 3562 | .selectboxit.selectboxit-disabled:focus, |
| 3558 | .selectboxit-options .selectboxit-disabled:focus { | 3563 | .selectboxit-options .selectboxit-disabled:focus { |
| 3559 | cursor: not-allowed; | 3564 | cursor: not-allowed; |
| 3560 | -webkit-box-shadow: none; | 3565 | -webkit-box-shadow: none; |
| 3561 | box-shadow: none; | 3566 | box-shadow: none; |
| 3562 | opacity: 0.65; | 3567 | opacity: 0.65; |
| 3563 | filter: alpha(opacity=65); | 3568 | filter: alpha(opacity=65); |
| 3564 | } | 3569 | } |
| 3565 | .selectboxit.selectboxit-disabled, | 3570 | .selectboxit.selectboxit-disabled, |
| 3566 | .selectboxit.selectboxit-disabled:focus { | 3571 | .selectboxit.selectboxit-disabled:focus { |
| 3567 | border-bottom-style: dashed; | 3572 | border-bottom-style: dashed; |
| 3568 | border-bottom-color: #ddd; | 3573 | border-bottom-color: #ddd; |
| 3569 | -webkit-box-shadow: none; | 3574 | -webkit-box-shadow: none; |
| 3570 | box-shadow: none; | 3575 | box-shadow: none; |
| 3571 | } | 3576 | } |
| 3572 | .selectboxit-rendering { | 3577 | .selectboxit-rendering { |
| 3573 | display: inline-block !important; | 3578 | display: inline-block !important; |
| 3574 | visibility: visible !important; | 3579 | visibility: visible !important; |
| 3575 | position: absolute !important; | 3580 | position: absolute !important; |
| 3576 | top: -9999px !important; | 3581 | top: -9999px !important; |
| 3577 | left: -9999px !important; | 3582 | left: -9999px !important; |
| 3578 | } | 3583 | } |
| 3579 | .selectboxit-list { | 3584 | .selectboxit-list { |
| 3580 | background-color: #fff; | 3585 | background-color: #fff; |
| 3581 | margin: 2px 0 0; | 3586 | margin: 2px 0 0; |
| 3582 | width: 100%; | 3587 | width: 100%; |
| 3583 | min-width: 200px; | 3588 | min-width: 200px; |
| 3584 | list-style: none; | 3589 | list-style: none; |
| 3585 | position: absolute; | 3590 | position: absolute; |
| 3586 | cursor: pointer; | 3591 | cursor: pointer; |
| 3587 | display: none; | 3592 | display: none; |
| 3588 | border-radius: 3px; | 3593 | border-radius: 3px; |
| 3589 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 3594 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 3590 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 3595 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 3591 | } | 3596 | } |
| 3592 | .selectboxit-list .selectboxit-option-anchor { | 3597 | .selectboxit-list .selectboxit-option-anchor { |
| 3593 | color: #333333; | 3598 | color: #333333; |
| 3594 | } | 3599 | } |
| 3595 | .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { | 3600 | .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { |
| 3596 | display: block; | 3601 | display: block; |
| 3597 | background-color: #f5f5f5; | 3602 | background-color: #f5f5f5; |
| 3598 | color: #333333; | 3603 | color: #333333; |
| 3599 | } | 3604 | } |
| 3600 | .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor { | 3605 | .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor { |
| 3601 | background-color: #26A69A; | 3606 | background-color: #26A69A; |
| 3602 | color: #fff; | 3607 | color: #fff; |
| 3603 | } | 3608 | } |
| 3604 | .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { | 3609 | .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { |
| 3605 | color: #999999; | 3610 | color: #999999; |
| 3606 | cursor: not-allowed; | 3611 | cursor: not-allowed; |
| 3607 | } | 3612 | } |
| 3608 | .selectbox-container[class*=border-] > .selectboxit-list { | 3613 | .selectbox-container[class*=border-] > .selectboxit-list { |
| 3609 | border-color: inherit; | 3614 | border-color: inherit; |
| 3610 | } | 3615 | } |
| 3611 | .selectbox-container[class*=bg-] > .selectboxit-list { | 3616 | .selectbox-container[class*=bg-] > .selectboxit-list { |
| 3612 | background-color: inherit; | 3617 | background-color: inherit; |
| 3613 | border-color: inherit; | 3618 | border-color: inherit; |
| 3614 | } | 3619 | } |
| 3615 | .selectbox-container[class*=bg-] > .selectboxit-list .selectboxit-option-anchor { | 3620 | .selectbox-container[class*=bg-] > .selectboxit-list .selectboxit-option-anchor { |
| 3616 | color: #fff; | 3621 | color: #fff; |
| 3617 | } | 3622 | } |
| 3618 | .selectbox-container[class*=bg-] > .selectboxit-list > .selectboxit-focus .selectboxit-option-anchor { | 3623 | .selectbox-container[class*=bg-] > .selectboxit-list > .selectboxit-focus .selectboxit-option-anchor { |
| 3619 | background-color: rgba(0, 0, 0, 0.1); | 3624 | background-color: rgba(0, 0, 0, 0.1); |
| 3620 | } | 3625 | } |
| 3621 | .selectboxit-btn { | 3626 | .selectboxit-btn { |
| 3622 | background-color: transparent; | 3627 | background-color: transparent; |
| 3623 | border: 1px solid transparent; | 3628 | border: 1px solid transparent; |
| 3624 | border-bottom-color: #ddd; | 3629 | border-bottom-color: #ddd; |
| 3625 | color: #333333; | 3630 | color: #333333; |
| 3626 | height: 38px; | 3631 | height: 38px; |
| 3627 | padding: 8px 0; | 3632 | padding: 8px 0; |
| 3628 | padding-right: 24px; | 3633 | padding-right: 24px; |
| 3629 | } | 3634 | } |
| 3630 | .selectboxit-btn.selectboxit-open, | 3635 | .selectboxit-btn.selectboxit-open, |
| 3631 | .selectboxit-btn:focus { | 3636 | .selectboxit-btn:focus { |
| 3632 | border-bottom-color: #009688; | 3637 | border-bottom-color: #009688; |
| 3633 | -webkit-box-shadow: 0 1px 0 #009688; | 3638 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3634 | box-shadow: 0 1px 0 #009688; | 3639 | box-shadow: 0 1px 0 #009688; |
| 3635 | } | 3640 | } |
| 3636 | .selectboxit-btn .selectboxit-arrow-container { | 3641 | .selectboxit-btn .selectboxit-arrow-container { |
| 3637 | right: 0; | 3642 | right: 0; |
| 3638 | } | 3643 | } |
| 3639 | .input-group .selectboxit-container + .input-group-btn, | 3644 | .input-group .selectboxit-container + .input-group-btn, |
| 3640 | .input-group .selectboxit-container + .input-group-addon { | 3645 | .input-group .selectboxit-container + .input-group-addon { |
| 3641 | padding-left: 16px; | 3646 | padding-left: 16px; |
| 3642 | } | 3647 | } |
| 3643 | .input-group .selectboxit-container > .selectboxit-btn { | 3648 | .input-group .selectboxit-container > .selectboxit-btn { |
| 3644 | border-radius: 0; | 3649 | border-radius: 0; |
| 3645 | } | 3650 | } |
| 3646 | .input-group .selectboxit-container:last-child > .selectboxit-btn { | 3651 | .input-group .selectboxit-container:last-child > .selectboxit-btn { |
| 3647 | border-bottom-right-radius: 3px; | 3652 | border-bottom-right-radius: 3px; |
| 3648 | border-top-right-radius: 3px; | 3653 | border-top-right-radius: 3px; |
| 3649 | } | 3654 | } |
| 3650 | .input-group > select:first-child + .selectboxit-container > .selectboxit-btn { | 3655 | .input-group > select:first-child + .selectboxit-container > .selectboxit-btn { |
| 3651 | border-bottom-left-radius: 3px; | 3656 | border-bottom-left-radius: 3px; |
| 3652 | border-top-left-radius: 3px; | 3657 | border-top-left-radius: 3px; |
| 3653 | } | 3658 | } |
| 3654 | .selectboxit-text { | 3659 | .selectboxit-text { |
| 3655 | display: inline-block; | 3660 | display: inline-block; |
| 3656 | overflow: hidden; | 3661 | overflow: hidden; |
| 3657 | text-overflow: ellipsis; | 3662 | text-overflow: ellipsis; |
| 3658 | float: left; | 3663 | float: left; |
| 3659 | } | 3664 | } |
| 3660 | .selectboxit-default-arrow { | 3665 | .selectboxit-default-arrow { |
| 3661 | position: relative; | 3666 | position: relative; |
| 3662 | font-style: normal; | 3667 | font-style: normal; |
| 3663 | } | 3668 | } |
| 3664 | .selectboxit-default-arrow:after { | 3669 | .selectboxit-default-arrow:after { |
| 3665 | content: '\e9c5'; | 3670 | content: '\e9c5'; |
| 3666 | display: block; | 3671 | display: block; |
| 3667 | font-family: 'icomoon'; | 3672 | font-family: 'icomoon'; |
| 3668 | font-size: 16px; | 3673 | font-size: 16px; |
| 3669 | line-height: 1; | 3674 | line-height: 1; |
| 3670 | -webkit-font-smoothing: antialiased; | 3675 | -webkit-font-smoothing: antialiased; |
| 3671 | -moz-osx-font-smoothing: grayscale; | 3676 | -moz-osx-font-smoothing: grayscale; |
| 3672 | } | 3677 | } |
| 3673 | .selectboxit-open .selectboxit-default-arrow:after { | 3678 | .selectboxit-open .selectboxit-default-arrow:after { |
| 3674 | content: '\e9c6'; | 3679 | content: '\e9c6'; |
| 3675 | } | 3680 | } |
| 3676 | .selectboxit-option { | 3681 | .selectboxit-option { |
| 3677 | margin: 0; | 3682 | margin: 0; |
| 3678 | list-style-type: none; | 3683 | list-style-type: none; |
| 3679 | } | 3684 | } |
| 3680 | .selectboxit-option .selectboxit-option-anchor { | 3685 | .selectboxit-option .selectboxit-option-anchor { |
| 3681 | padding: 8px 16px; | 3686 | padding: 8px 16px; |
| 3682 | } | 3687 | } |
| 3683 | .selectboxit-optgroup-header { | 3688 | .selectboxit-optgroup-header { |
| 3684 | margin: 0; | 3689 | margin: 0; |
| 3685 | list-style-type: none; | 3690 | list-style-type: none; |
| 3686 | padding: 8px 16px; | 3691 | padding: 8px 16px; |
| 3687 | font-weight: 700; | 3692 | font-weight: 700; |
| 3688 | color: #333333; | 3693 | color: #333333; |
| 3689 | font-size: 11px; | 3694 | font-size: 11px; |
| 3690 | line-height: 1.82; | 3695 | line-height: 1.82; |
| 3691 | text-transform: uppercase; | 3696 | text-transform: uppercase; |
| 3692 | } | 3697 | } |
| 3693 | .selectboxit-optgroup-header:hover { | 3698 | .selectboxit-optgroup-header:hover { |
| 3694 | cursor: default; | 3699 | cursor: default; |
| 3695 | } | 3700 | } |
| 3696 | .selectboxit-optgroup-option .selectboxit-option-anchor { | 3701 | .selectboxit-optgroup-option .selectboxit-option-anchor { |
| 3697 | padding-left: 32px; | 3702 | padding-left: 32px; |
| 3698 | padding-right: 32px; | 3703 | padding-right: 32px; |
| 3699 | } | 3704 | } |
| 3700 | .selectboxit-arrow-container { | 3705 | .selectboxit-arrow-container { |
| 3701 | position: absolute; | 3706 | position: absolute; |
| 3702 | top: 50%; | 3707 | top: 50%; |
| 3703 | font-size: 16px; | 3708 | font-size: 16px; |
| 3704 | right: 16px; | 3709 | right: 16px; |
| 3705 | margin-top: -8px; | 3710 | margin-top: -8px; |
| 3706 | line-height: 1; | 3711 | line-height: 1; |
| 3707 | } | 3712 | } |
| 3708 | .selectboxit-arrow-container .selectboxit-arrow[class*=icon-] { | 3713 | .selectboxit-arrow-container .selectboxit-arrow[class*=icon-] { |
| 3709 | top: 0; | 3714 | top: 0; |
| 3710 | } | 3715 | } |
| 3711 | .selectboxit-arrow-container .caret:after { | 3716 | .selectboxit-arrow-container .caret:after { |
| 3712 | text-align: right; | 3717 | text-align: right; |
| 3713 | } | 3718 | } |
| 3714 | .selectboxit-option-icon-container { | 3719 | .selectboxit-option-icon-container { |
| 3715 | float: left; | 3720 | float: left; |
| 3716 | } | 3721 | } |
| 3717 | .selectboxit-option-icon-container > [class*=icon-] { | 3722 | .selectboxit-option-icon-container > [class*=icon-] { |
| 3718 | margin-right: 16px; | 3723 | margin-right: 16px; |
| 3719 | width: auto; | 3724 | width: auto; |
| 3720 | } | 3725 | } |
| 3721 | .selectboxit-option-icon-container .selectboxit-option-icon-url { | 3726 | .selectboxit-option-icon-container .selectboxit-option-icon-url { |
| 3722 | height: 20px; | 3727 | height: 20px; |
| 3723 | width: 20px; | 3728 | width: 20px; |
| 3724 | background-size: 20px 20px; | 3729 | background-size: 20px 20px; |
| 3725 | border-radius: 100px; | 3730 | border-radius: 100px; |
| 3726 | background-repeat: no-repeat; | 3731 | background-repeat: no-repeat; |
| 3727 | background-position: center; | 3732 | background-position: center; |
| 3728 | display: block; | 3733 | display: block; |
| 3729 | } | 3734 | } |
| 3730 | .selectboxit-option-first { | 3735 | .selectboxit-option-first { |
| 3731 | border-top-right-radius: 2px; | 3736 | border-top-right-radius: 2px; |
| 3732 | border-top-left-radius: 2px; | 3737 | border-top-left-radius: 2px; |
| 3733 | } | 3738 | } |
| 3734 | .selectboxit-optgroup-header + .selectboxit-option-first { | 3739 | .selectboxit-optgroup-header + .selectboxit-option-first { |
| 3735 | border-top-right-radius: 0; | 3740 | border-top-right-radius: 0; |
| 3736 | border-top-left-radius: 0; | 3741 | border-top-left-radius: 0; |
| 3737 | } | 3742 | } |
| 3738 | .selectboxit-option-last { | 3743 | .selectboxit-option-last { |
| 3739 | border-bottom-right-radius: 2px; | 3744 | border-bottom-right-radius: 2px; |
| 3740 | border-bottom-left-radius: 2px; | 3745 | border-bottom-left-radius: 2px; |
| 3741 | } | 3746 | } |
| 3742 | /* # Sizing | 3747 | /* # Sizing |
| 3743 | -------------------------------------------------- */ | 3748 | -------------------------------------------------- */ |
| 3744 | .selectbox-fixed + .selectboxit-container, | 3749 | .selectbox-fixed + .selectboxit-container, |
| 3745 | .selectbox-fixed + .selectboxit-options { | 3750 | .selectbox-fixed + .selectboxit-options { |
| 3746 | width: 250px; | 3751 | width: 250px; |
| 3747 | } | 3752 | } |
| 3748 | .selectbox-auto + .selectboxit-container, | 3753 | .selectbox-auto + .selectboxit-container, |
| 3749 | .selectbox-auto + .selectboxit-options { | 3754 | .selectbox-auto + .selectboxit-options { |
| 3750 | width: auto; | 3755 | width: auto; |
| 3751 | } | 3756 | } |
| 3752 | .selectbox-lg + .selectboxit-container .selectboxit-btn { | 3757 | .selectbox-lg + .selectboxit-container .selectboxit-btn { |
| 3753 | padding: 9px 0; | 3758 | padding: 9px 0; |
| 3754 | padding-right: 27px; | 3759 | padding-right: 27px; |
| 3755 | height: 40px; | 3760 | height: 40px; |
| 3756 | font-size: 14px; | 3761 | font-size: 14px; |
| 3757 | } | 3762 | } |
| 3758 | .selectbox-sm + .selectboxit-container .selectboxit-btn { | 3763 | .selectbox-sm + .selectboxit-container .selectboxit-btn { |
| 3759 | padding: 7px 0; | 3764 | padding: 7px 0; |
| 3760 | padding-right: 21px; | 3765 | padding-right: 21px; |
| 3761 | height: 36px; | 3766 | height: 36px; |
| 3762 | } | 3767 | } |
| 3763 | .selectbox-xs + .selectboxit-container .selectboxit-btn { | 3768 | .selectbox-xs + .selectboxit-container .selectboxit-btn { |
| 3764 | padding: 6px 0; | 3769 | padding: 6px 0; |
| 3765 | padding-right: 18px; | 3770 | padding-right: 18px; |
| 3766 | height: 34px; | 3771 | height: 34px; |
| 3767 | font-size: 12px; | 3772 | font-size: 12px; |
| 3768 | line-height: 1.6666667; | 3773 | line-height: 1.6666667; |
| 3769 | } | 3774 | } |
| 3770 | /* ------------------------------------------------------------------------------ | 3775 | /* ------------------------------------------------------------------------------ |
| 3771 | * | 3776 | * |
| 3772 | * # Bootstrap select | 3777 | * # Bootstrap select |
| 3773 | * | 3778 | * |
| 3774 | * Styles for bootstrap_select.js - custom select boxes plugin | 3779 | * Styles for bootstrap_select.js - custom select boxes plugin |
| 3775 | * | 3780 | * |
| 3776 | * Version: 1.2 | 3781 | * Version: 1.2 |
| 3777 | * Latest update: Aug 20, 2016 | 3782 | * Latest update: Aug 20, 2016 |
| 3778 | * | 3783 | * |
| 3779 | * ---------------------------------------------------------------------------- */ | 3784 | * ---------------------------------------------------------------------------- */ |
| 3780 | .bootstrap-select { | 3785 | .bootstrap-select { |
| 3781 | width: 100%; | 3786 | width: 100%; |
| 3782 | } | 3787 | } |
| 3783 | .bootstrap-select > .btn { | 3788 | .bootstrap-select > .btn { |
| 3784 | width: 100%; | 3789 | width: 100%; |
| 3785 | padding-right: 43px; | 3790 | padding-right: 43px; |
| 3786 | } | 3791 | } |
| 3787 | .bootstrap-select .btn-default { | 3792 | .bootstrap-select .btn-default { |
| 3788 | padding: 8px 0; | 3793 | padding: 8px 0; |
| 3789 | padding-right: 24px; | 3794 | padding-right: 24px; |
| 3790 | background-color: transparent; | 3795 | background-color: transparent; |
| 3791 | border: 1px solid transparent; | 3796 | border: 1px solid transparent; |
| 3792 | border-width: 1px 0; | 3797 | border-width: 1px 0; |
| 3793 | font-weight: 400; | 3798 | font-weight: 400; |
| 3794 | text-transform: none; | 3799 | text-transform: none; |
| 3795 | border-bottom-color: #ddd; | 3800 | border-bottom-color: #ddd; |
| 3796 | border-radius: 0; | 3801 | border-radius: 0; |
| 3797 | -webkit-box-shadow: none; | 3802 | -webkit-box-shadow: none; |
| 3798 | box-shadow: none; | 3803 | box-shadow: none; |
| 3799 | } | 3804 | } |
| 3800 | .bootstrap-select .btn-default:focus, | 3805 | .bootstrap-select .btn-default:focus, |
| 3801 | .bootstrap-select .btn-default.focus, | 3806 | .bootstrap-select .btn-default.focus, |
| 3802 | .bootstrap-select .btn-default:active, | 3807 | .bootstrap-select .btn-default:active, |
| 3803 | .bootstrap-select .btn-default.active { | 3808 | .bootstrap-select .btn-default.active { |
| 3804 | background-color: transparent; | 3809 | background-color: transparent; |
| 3805 | border-bottom-color: #009688; | 3810 | border-bottom-color: #009688; |
| 3806 | -webkit-box-shadow: 0 1px 0 #009688; | 3811 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3807 | box-shadow: 0 1px 0 #009688; | 3812 | box-shadow: 0 1px 0 #009688; |
| 3808 | } | 3813 | } |
| 3809 | .bootstrap-select .btn-default.disabled, | 3814 | .bootstrap-select .btn-default.disabled, |
| 3810 | .bootstrap-select .btn-default[disabled], | 3815 | .bootstrap-select .btn-default[disabled], |
| 3811 | fieldset[disabled] .bootstrap-select .btn-default { | 3816 | fieldset[disabled] .bootstrap-select .btn-default { |
| 3812 | border-bottom-style: dashed; | 3817 | border-bottom-style: dashed; |
| 3813 | background-color: transparent; | 3818 | background-color: transparent; |
| 3814 | border-bottom-color: #ddd; | 3819 | border-bottom-color: #ddd; |
| 3815 | -webkit-box-shadow: none; | 3820 | -webkit-box-shadow: none; |
| 3816 | box-shadow: none; | 3821 | box-shadow: none; |
| 3817 | } | 3822 | } |
| 3818 | .bootstrap-select.btn-group.open > .btn-default.dropdown-toggle { | 3823 | .bootstrap-select.btn-group.open > .btn-default.dropdown-toggle { |
| 3819 | border-bottom-color: #009688; | 3824 | border-bottom-color: #009688; |
| 3820 | background-color: transparent; | 3825 | background-color: transparent; |
| 3821 | -webkit-box-shadow: 0 1px 0 #009688; | 3826 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3822 | box-shadow: 0 1px 0 #009688; | 3827 | box-shadow: 0 1px 0 #009688; |
| 3823 | } | 3828 | } |
| 3824 | .bootstrap-select.form-control { | 3829 | .bootstrap-select.form-control { |
| 3825 | padding: 0; | 3830 | padding: 0; |
| 3826 | border: 0; | 3831 | border: 0; |
| 3827 | } | 3832 | } |
| 3828 | .bootstrap-select.form-control:not([class*="col-"]) { | 3833 | .bootstrap-select.form-control:not([class*="col-"]) { |
| 3829 | width: 100%; | 3834 | width: 100%; |
| 3830 | } | 3835 | } |
| 3831 | .bootstrap-select .popover-title { | 3836 | .bootstrap-select .popover-title { |
| 3832 | font-size: 11px; | 3837 | font-size: 11px; |
| 3833 | line-height: 1.82; | 3838 | line-height: 1.82; |
| 3834 | margin-top: 8px; | 3839 | margin-top: 8px; |
| 3835 | margin-bottom: 1px; | 3840 | margin-bottom: 1px; |
| 3836 | font-weight: 400; | 3841 | font-weight: 400; |
| 3837 | padding: 8px 16px; | 3842 | padding: 8px 16px; |
| 3838 | color: #999999; | 3843 | color: #999999; |
| 3839 | } | 3844 | } |
| 3840 | .bootstrap-select[class*=border-] .btn, | 3845 | .bootstrap-select[class*=border-] .btn, |
| 3841 | .bootstrap-select[class*=border-] .dropdown-menu { | 3846 | .bootstrap-select[class*=border-] .dropdown-menu { |
| 3842 | border-color: inherit; | 3847 | border-color: inherit; |
| 3843 | } | 3848 | } |
| 3844 | .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { | 3849 | .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { |
| 3845 | width: 220px; | 3850 | width: 220px; |
| 3846 | } | 3851 | } |
| 3847 | .bootstrap-select.fit-width { | 3852 | .bootstrap-select.fit-width { |
| 3848 | width: auto !important; | 3853 | width: auto !important; |
| 3849 | } | 3854 | } |
| 3850 | .bootstrap-select.btn-group.bs-container { | 3855 | .bootstrap-select.btn-group.bs-container { |
| 3851 | position: absolute; | 3856 | position: absolute; |
| 3852 | } | 3857 | } |
| 3853 | .bootstrap-select.btn-group:not(.input-group-btn), | 3858 | .bootstrap-select.btn-group:not(.input-group-btn), |
| 3854 | .bootstrap-select.btn-group[class*="col-"] { | 3859 | .bootstrap-select.btn-group[class*="col-"] { |
| 3855 | float: none; | 3860 | float: none; |
| 3856 | display: inline-block; | 3861 | display: inline-block; |
| 3857 | margin-left: 0; | 3862 | margin-left: 0; |
| 3858 | } | 3863 | } |
| 3859 | .bootstrap-select.btn-group.dropdown-menu-right, | 3864 | .bootstrap-select.btn-group.dropdown-menu-right, |
| 3860 | .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { | 3865 | .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { |
| 3861 | float: right; | 3866 | float: right; |
| 3862 | } | 3867 | } |
| 3863 | .bootstrap-select.btn-group > .disabled { | 3868 | .bootstrap-select.btn-group > .disabled { |
| 3864 | cursor: not-allowed; | 3869 | cursor: not-allowed; |
| 3865 | } | 3870 | } |
| 3866 | .bootstrap-select.btn-group > .disabled:focus { | 3871 | .bootstrap-select.btn-group > .disabled:focus { |
| 3867 | outline: 0; | 3872 | outline: 0; |
| 3868 | } | 3873 | } |
| 3869 | .bootstrap-select.btn-group .btn .filter-option { | 3874 | .bootstrap-select.btn-group .btn .filter-option { |
| 3870 | display: inline-block; | 3875 | display: inline-block; |
| 3871 | overflow: hidden; | 3876 | overflow: hidden; |
| 3872 | width: 100%; | 3877 | width: 100%; |
| 3873 | text-align: left; | 3878 | text-align: left; |
| 3874 | text-overflow: ellipsis; | 3879 | text-overflow: ellipsis; |
| 3875 | } | 3880 | } |
| 3876 | .bootstrap-select.btn-group .btn .filter-option > i, | 3881 | .bootstrap-select.btn-group .btn .filter-option > i, |
| 3877 | .bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] { | 3882 | .bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] { |
| 3878 | margin-right: 16px; | 3883 | margin-right: 16px; |
| 3879 | float: left; | 3884 | float: left; |
| 3880 | margin-top: 2px; | 3885 | margin-top: 2px; |
| 3881 | top: 0; | 3886 | top: 0; |
| 3882 | } | 3887 | } |
| 3883 | .bootstrap-select.btn-group .btn .caret { | 3888 | .bootstrap-select.btn-group .btn .caret { |
| 3884 | position: absolute; | 3889 | position: absolute; |
| 3885 | top: 50%; | 3890 | top: 50%; |
| 3886 | width: 16px; | 3891 | width: 16px; |
| 3887 | text-align: right; | 3892 | text-align: right; |
| 3888 | right: 16px; | 3893 | right: 16px; |
| 3889 | margin-top: -8px; | 3894 | margin-top: -8px; |
| 3890 | } | 3895 | } |
| 3891 | .bootstrap-select.btn-group[class*="col-"] .btn { | 3896 | .bootstrap-select.btn-group[class*="col-"] .btn { |
| 3892 | width: 100%; | 3897 | width: 100%; |
| 3893 | } | 3898 | } |
| 3894 | .bootstrap-select.btn-group .btn-default .caret { | 3899 | .bootstrap-select.btn-group .btn-default .caret { |
| 3895 | right: 0; | 3900 | right: 0; |
| 3896 | } | 3901 | } |
| 3897 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) { | 3902 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) { |
| 3898 | padding-right: 43px; | 3903 | padding-right: 43px; |
| 3899 | } | 3904 | } |
| 3900 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) > .caret { | 3905 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) > .caret { |
| 3901 | right: 18px; | 3906 | right: 18px; |
| 3902 | } | 3907 | } |
| 3903 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) { | 3908 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) { |
| 3904 | padding-right: 37px; | 3909 | padding-right: 37px; |
| 3905 | } | 3910 | } |
| 3906 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) > .caret { | 3911 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) > .caret { |
| 3907 | right: 14px; | 3912 | right: 14px; |
| 3908 | } | 3913 | } |
| 3909 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) { | 3914 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) { |
| 3910 | padding-right: 34px; | 3915 | padding-right: 34px; |
| 3911 | } | 3916 | } |
| 3912 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) > .caret { | 3917 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) > .caret { |
| 3913 | right: 12px; | 3918 | right: 12px; |
| 3914 | } | 3919 | } |
| 3915 | .bootstrap-select.btn-group .dropdown-menu { | 3920 | .bootstrap-select.btn-group .dropdown-menu { |
| 3916 | min-width: 100%; | 3921 | min-width: 100%; |
| 3917 | } | 3922 | } |
| 3918 | .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { | 3923 | .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { |
| 3919 | position: absolute; | 3924 | position: absolute; |
| 3920 | top: 50%; | 3925 | top: 50%; |
| 3921 | margin-top: -8px; | 3926 | margin-top: -8px; |
| 3922 | right: 16px; | 3927 | right: 16px; |
| 3923 | margin-right: 0; | 3928 | margin-right: 0; |
| 3924 | color: transparent; | 3929 | color: transparent; |
| 3925 | } | 3930 | } |
| 3926 | .bootstrap-select.btn-group .dropdown-menu > li > a .text { | 3931 | .bootstrap-select.btn-group .dropdown-menu > li > a .text { |
| 3927 | display: inline-block; | 3932 | display: inline-block; |
| 3928 | } | 3933 | } |
| 3929 | .bootstrap-select.btn-group .dropdown-menu > li > a > .label, | 3934 | .bootstrap-select.btn-group .dropdown-menu > li > a > .label, |
| 3930 | .bootstrap-select.btn-group .dropdown-menu > li > a > .badge { | 3935 | .bootstrap-select.btn-group .dropdown-menu > li > a > .badge { |
| 3931 | float: none; | 3936 | float: none; |
| 3932 | } | 3937 | } |
| 3933 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class, | 3938 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class, |
| 3934 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover { | 3939 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover { |
| 3935 | font-weight: 700; | 3940 | font-weight: 700; |
| 3936 | color: #fff; | 3941 | color: #fff; |
| 3937 | background-color: #F44336; | 3942 | background-color: #F44336; |
| 3938 | -webkit-transition: none; | 3943 | -webkit-transition: none; |
| 3939 | -o-transition: none; | 3944 | -o-transition: none; |
| 3940 | transition: none; | 3945 | transition: none; |
| 3941 | } | 3946 | } |
| 3942 | .bootstrap-select.btn-group .dropdown-menu > li.disabled a { | 3947 | .bootstrap-select.btn-group .dropdown-menu > li.disabled a { |
| 3943 | cursor: not-allowed; | 3948 | cursor: not-allowed; |
| 3944 | } | 3949 | } |
| 3945 | .bootstrap-select.btn-group .dropdown-menu > li small { | 3950 | .bootstrap-select.btn-group .dropdown-menu > li small { |
| 3946 | padding-left: 10px; | 3951 | padding-left: 10px; |
| 3947 | } | 3952 | } |
| 3948 | .bootstrap-select.btn-group .dropdown-menu > .selected > a { | 3953 | .bootstrap-select.btn-group .dropdown-menu > .selected > a { |
| 3949 | background-color: #26A69A; | 3954 | background-color: #26A69A; |
| 3950 | color: #fff; | 3955 | color: #fff; |
| 3951 | } | 3956 | } |
| 3952 | .bootstrap-select.btn-group .dropdown-menu > .selected > a small { | 3957 | .bootstrap-select.btn-group .dropdown-menu > .selected > a small { |
| 3953 | color: #fff; | 3958 | color: #fff; |
| 3954 | } | 3959 | } |
| 3955 | .bootstrap-select.btn-group .dropdown-menu.inner { | 3960 | .bootstrap-select.btn-group .dropdown-menu.inner { |
| 3956 | position: static; | 3961 | position: static; |
| 3957 | border: 0; | 3962 | border: 0; |
| 3958 | padding: 0; | 3963 | padding: 0; |
| 3959 | margin: 0; | 3964 | margin: 0; |
| 3960 | border-radius: 0; | 3965 | border-radius: 0; |
| 3961 | -webkit-box-shadow: none; | 3966 | -webkit-box-shadow: none; |
| 3962 | box-shadow: none; | 3967 | box-shadow: none; |
| 3963 | } | 3968 | } |
| 3964 | .bootstrap-select.btn-group .dropdown-menu .notify { | 3969 | .bootstrap-select.btn-group .dropdown-menu .notify { |
| 3965 | position: absolute; | 3970 | position: absolute; |
| 3966 | bottom: 0; | 3971 | bottom: 0; |
| 3967 | width: 100%; | 3972 | width: 100%; |
| 3968 | text-align: center; | 3973 | text-align: center; |
| 3969 | padding: 8px 16px; | 3974 | padding: 8px 16px; |
| 3970 | background-color: #f8f8f8; | 3975 | background-color: #f8f8f8; |
| 3971 | border-top: 1px solid transparent; | 3976 | border-top: 1px solid transparent; |
| 3972 | pointer-events: none; | 3977 | pointer-events: none; |
| 3973 | } | 3978 | } |
| 3974 | .bootstrap-select.btn-group .dropdown-header ~ li > a { | 3979 | .bootstrap-select.btn-group .dropdown-header ~ li > a { |
| 3975 | padding-left: 32px; | 3980 | padding-left: 32px; |
| 3976 | } | 3981 | } |
| 3977 | .bootstrap-select.btn-group .no-results { | 3982 | .bootstrap-select.btn-group .no-results { |
| 3978 | padding: 8px 16px; | 3983 | padding: 8px 16px; |
| 3979 | background: #f8f8f8; | 3984 | background: #f8f8f8; |
| 3980 | margin-bottom: -8px; | 3985 | margin-bottom: -8px; |
| 3981 | border-top: 1px solid transparent; | 3986 | border-top: 1px solid transparent; |
| 3982 | } | 3987 | } |
| 3983 | .bootstrap-select.btn-group.fit-width .btn .filter-option, | 3988 | .bootstrap-select.btn-group.fit-width .btn .filter-option, |
| 3984 | .bootstrap-select.btn-group.fit-width .btn .caret { | 3989 | .bootstrap-select.btn-group.fit-width .btn .caret { |
| 3985 | position: static; | 3990 | position: static; |
| 3986 | } | 3991 | } |
| 3987 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text { | 3992 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text { |
| 3988 | margin-right: 48px; | 3993 | margin-right: 48px; |
| 3989 | } | 3994 | } |
| 3990 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a .check-mark { | 3995 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a .check-mark { |
| 3991 | color: #fff; | 3996 | color: #fff; |
| 3992 | } | 3997 | } |
| 3993 | .input-group .bootstrap-select > .btn { | 3998 | .input-group .bootstrap-select > .btn { |
| 3994 | border-radius: 0; | 3999 | border-radius: 0; |
| 3995 | } | 4000 | } |
| 3996 | .error .bootstrap-select .btn { | 4001 | .error .bootstrap-select .btn { |
| 3997 | border: 1px solid #F44336; | 4002 | border: 1px solid #F44336; |
| 3998 | } | 4003 | } |
| 3999 | .control-group.error .bootstrap-select .dropdown-toggle { | 4004 | .control-group.error .bootstrap-select .dropdown-toggle { |
| 4000 | border-color: #F44336; | 4005 | border-color: #F44336; |
| 4001 | } | 4006 | } |
| 4002 | .bs-searchbox, | 4007 | .bs-searchbox, |
| 4003 | .bs-actionsbox { | 4008 | .bs-actionsbox { |
| 4004 | padding: 8px 16px; | 4009 | padding: 8px 16px; |
| 4005 | margin-bottom: 8px; | 4010 | margin-bottom: 8px; |
| 4006 | } | 4011 | } |
| 4007 | .bs-searchbox { | 4012 | .bs-searchbox { |
| 4008 | position: relative; | 4013 | position: relative; |
| 4009 | padding-left: 48px; | 4014 | padding-left: 48px; |
| 4010 | } | 4015 | } |
| 4011 | .bs-searchbox:after { | 4016 | .bs-searchbox:after { |
| 4012 | content: '\e98e'; | 4017 | content: '\e98e'; |
| 4013 | font-family: 'icomoon'; | 4018 | font-family: 'icomoon'; |
| 4014 | position: absolute; | 4019 | position: absolute; |
| 4015 | top: 50%; | 4020 | top: 50%; |
| 4016 | left: 16px; | 4021 | left: 16px; |
| 4017 | color: inherit; | 4022 | color: inherit; |
| 4018 | display: block; | 4023 | display: block; |
| 4019 | font-size: 14px; | 4024 | font-size: 14px; |
| 4020 | margin-top: -11px; | 4025 | margin-top: -11px; |
| 4021 | line-height: 1; | 4026 | line-height: 1; |
| 4022 | -webkit-font-smoothing: antialiased; | 4027 | -webkit-font-smoothing: antialiased; |
| 4023 | -moz-osx-font-smoothing: grayscale; | 4028 | -moz-osx-font-smoothing: grayscale; |
| 4024 | } | 4029 | } |
| 4025 | .bs-actionsbox { | 4030 | .bs-actionsbox { |
| 4026 | float: left; | 4031 | float: left; |
| 4027 | width: 100%; | 4032 | width: 100%; |
| 4028 | position: relative; | 4033 | position: relative; |
| 4029 | } | 4034 | } |
| 4030 | .bs-actionsbox .btn-group button { | 4035 | .bs-actionsbox .btn-group button { |
| 4031 | width: 50%; | 4036 | width: 50%; |
| 4032 | } | 4037 | } |
| 4033 | .bs-searchbox + .bs-actionsbox { | 4038 | .bs-searchbox + .bs-actionsbox { |
| 4034 | padding: 0 16px 8px; | 4039 | padding: 0 16px 8px; |
| 4035 | } | 4040 | } |
| 4036 | .mobile-device { | 4041 | .mobile-device { |
| 4037 | position: absolute; | 4042 | position: absolute; |
| 4038 | top: 0; | 4043 | top: 0; |
| 4039 | left: 0; | 4044 | left: 0; |
| 4040 | display: block !important; | 4045 | display: block !important; |
| 4041 | width: 100%; | 4046 | width: 100%; |
| 4042 | height: 100% !important; | 4047 | height: 100% !important; |
| 4043 | opacity: 0; | 4048 | opacity: 0; |
| 4044 | } | 4049 | } |
| 4045 | select.bs-select-hidden, | 4050 | select.bs-select-hidden, |
| 4046 | select.selectpicker { | 4051 | select.selectpicker { |
| 4047 | display: none !important; | 4052 | display: none !important; |
| 4048 | } | 4053 | } |
| 4049 | .bootstrap-select > select { | 4054 | .bootstrap-select > select { |
| 4050 | position: absolute!important; | 4055 | position: absolute!important; |
| 4051 | bottom: 0; | 4056 | bottom: 0; |
| 4052 | left: 50%; | 4057 | left: 50%; |
| 4053 | display: block!important; | 4058 | display: block!important; |
| 4054 | width: .5px!important; | 4059 | width: .5px!important; |
| 4055 | height: 100%!important; | 4060 | height: 100%!important; |
| 4056 | padding: 0!important; | 4061 | padding: 0!important; |
| 4057 | opacity: 0!important; | 4062 | opacity: 0!important; |
| 4058 | border: none; | 4063 | border: none; |
| 4059 | } | 4064 | } |
| 4060 | /* ------------------------------------------------------------------------------ | 4065 | /* ------------------------------------------------------------------------------ |
| 4061 | * | 4066 | * |
| 4062 | * # Passy | 4067 | * # Passy |
| 4063 | * | 4068 | * |
| 4064 | * Styles for passy.min.js - password length checker and password generator | 4069 | * Styles for passy.min.js - password length checker and password generator |
| 4065 | * | 4070 | * |
| 4066 | * Version: 1.1 | 4071 | * Version: 1.1 |
| 4067 | * Latest update: Mar 10, 2016 | 4072 | * Latest update: Mar 10, 2016 |
| 4068 | * | 4073 | * |
| 4069 | * ---------------------------------------------------------------------------- */ | 4074 | * ---------------------------------------------------------------------------- */ |
| 4070 | .visual-password-indicator { | 4075 | .visual-password-indicator { |
| 4071 | display: inline-block; | 4076 | display: inline-block; |
| 4072 | background-color: #999999; | 4077 | background-color: #999999; |
| 4073 | width: 40px; | 4078 | width: 40px; |
| 4074 | height: 4px; | 4079 | height: 4px; |
| 4075 | } | 4080 | } |
| 4076 | .password-indicator-group.input-group-addon { | 4081 | .password-indicator-group.input-group-addon { |
| 4077 | padding-left: 16px; | 4082 | padding-left: 16px; |
| 4078 | padding-right: 16px; | 4083 | padding-right: 16px; |
| 4079 | border-radius: 3px; | 4084 | border-radius: 3px; |
| 4080 | } | 4085 | } |
| 4081 | .label-indicator-absolute { | 4086 | .label-indicator-absolute { |
| 4082 | position: relative; | 4087 | position: relative; |
| 4083 | } | 4088 | } |
| 4084 | .label-indicator-absolute .password-indicator-label-absolute { | 4089 | .label-indicator-absolute .password-indicator-label-absolute { |
| 4085 | position: absolute; | 4090 | position: absolute; |
| 4086 | top: 50%; | 4091 | top: 50%; |
| 4087 | margin-top: -10px; | 4092 | margin-top: -10px; |
| 4088 | right: 0; | 4093 | right: 0; |
| 4089 | } | 4094 | } |
| 4090 | .form-horizontal .label-indicator-absolute .label { | 4095 | .form-horizontal .label-indicator-absolute .label { |
| 4091 | right: 28px; | 4096 | right: 28px; |
| 4092 | } | 4097 | } |
| 4093 | /* ------------------------------------------------------------------------------ | 4098 | /* ------------------------------------------------------------------------------ |
| 4094 | * | 4099 | * |
| 4095 | * # Twiter Typeahead | 4100 | * # Twiter Typeahead |
| 4096 | * | 4101 | * |
| 4097 | * Styles for typeahead.bundle.min.js - input suggestion engine | 4102 | * Styles for typeahead.bundle.min.js - input suggestion engine |
| 4098 | * | 4103 | * |
| 4099 | * Version: 1.3 | 4104 | * Version: 1.3 |
| 4100 | * Latest update: Jul 4, 2016 | 4105 | * Latest update: Jul 4, 2016 |
| 4101 | * | 4106 | * |
| 4102 | * ---------------------------------------------------------------------------- */ | 4107 | * ---------------------------------------------------------------------------- */ |
| 4103 | .twitter-typeahead { | 4108 | .twitter-typeahead { |
| 4104 | width: 100%; | 4109 | width: 100%; |
| 4105 | } | 4110 | } |
| 4106 | .typeahead, | 4111 | .typeahead, |
| 4107 | .tt-query, | 4112 | .tt-query, |
| 4108 | .tt-hint { | 4113 | .tt-hint { |
| 4109 | outline: 0; | 4114 | outline: 0; |
| 4110 | } | 4115 | } |
| 4111 | .tt-hint { | 4116 | .tt-hint { |
| 4112 | color: #999; | 4117 | color: #999; |
| 4113 | } | 4118 | } |
| 4114 | .tt-menu { | 4119 | .tt-menu { |
| 4115 | width: 100%; | 4120 | width: 100%; |
| 4116 | margin-top: 1px; | 4121 | margin-top: 1px; |
| 4117 | min-width: 180px; | 4122 | min-width: 180px; |
| 4118 | padding: 8px 0; | 4123 | padding: 8px 0; |
| 4119 | background-color: #fff; | 4124 | background-color: #fff; |
| 4120 | border: 1px solid transparent; | 4125 | border: 1px solid transparent; |
| 4121 | border-radius: 3px; | 4126 | border-radius: 3px; |
| 4122 | max-height: 300px; | 4127 | max-height: 300px; |
| 4123 | overflow-y: auto; | 4128 | overflow-y: auto; |
| 4124 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 4129 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 4125 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 4130 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 4126 | } | 4131 | } |
| 4127 | .typeahead-scrollable .tt-menu { | 4132 | .typeahead-scrollable .tt-menu { |
| 4128 | max-height: 250px; | 4133 | max-height: 250px; |
| 4129 | } | 4134 | } |
| 4130 | .typeahead-rtl .tt-menu { | 4135 | .typeahead-rtl .tt-menu { |
| 4131 | text-align: right; | 4136 | text-align: right; |
| 4132 | } | 4137 | } |
| 4133 | .tt-suggestion { | 4138 | .tt-suggestion { |
| 4134 | padding: 8px 15px; | 4139 | padding: 8px 15px; |
| 4135 | cursor: pointer; | 4140 | cursor: pointer; |
| 4136 | } | 4141 | } |
| 4137 | .tt-suggestion:hover, | 4142 | .tt-suggestion:hover, |
| 4138 | .tt-suggestion:focus, | 4143 | .tt-suggestion:focus, |
| 4139 | .tt-suggestion.tt-cursor { | 4144 | .tt-suggestion.tt-cursor { |
| 4140 | background-color: #f5f5f5; | 4145 | background-color: #f5f5f5; |
| 4141 | } | 4146 | } |
| 4142 | .tt-dataset-group .tt-suggestion { | 4147 | .tt-dataset-group .tt-suggestion { |
| 4143 | padding-left: 32px; | 4148 | padding-left: 32px; |
| 4144 | padding-right: 32px; | 4149 | padding-right: 32px; |
| 4145 | } | 4150 | } |
| 4146 | .tt-heading { | 4151 | .tt-heading { |
| 4147 | font-size: 11px; | 4152 | font-size: 11px; |
| 4148 | line-height: 1.82; | 4153 | line-height: 1.82; |
| 4149 | padding: 8px 15px; | 4154 | padding: 8px 15px; |
| 4150 | text-transform: uppercase; | 4155 | text-transform: uppercase; |
| 4151 | display: block; | 4156 | display: block; |
| 4152 | font-weight: 700; | 4157 | font-weight: 700; |
| 4153 | margin-top: 2px; | 4158 | margin-top: 2px; |
| 4154 | margin-bottom: 2px; | 4159 | margin-bottom: 2px; |
| 4155 | } | 4160 | } |
| 4156 | .typeahead-template .empty-message { | 4161 | .typeahead-template .empty-message { |
| 4157 | padding: 8px 15px; | 4162 | padding: 8px 15px; |
| 4158 | text-align: center; | 4163 | text-align: center; |
| 4159 | } | 4164 | } |
| 4160 | /* ------------------------------------------------------------------------------ | 4165 | /* ------------------------------------------------------------------------------ |
| 4161 | * | 4166 | * |
| 4162 | * # Form Validation | 4167 | * # Form Validation |
| 4163 | * | 4168 | * |
| 4164 | * jQuery plugin for simple clientside form validation | 4169 | * jQuery plugin for simple clientside form validation |
| 4165 | * | 4170 | * |
| 4166 | * Version: 1.0 | 4171 | * Version: 1.0 |
| 4167 | * Latest update: May 25, 2015 | 4172 | * Latest update: May 25, 2015 |
| 4168 | * | 4173 | * |
| 4169 | * ---------------------------------------------------------------------------- */ | 4174 | * ---------------------------------------------------------------------------- */ |
| 4170 | .validation-error-label, | 4175 | .validation-error-label, |
| 4171 | .validation-valid-label { | 4176 | .validation-valid-label { |
| 4172 | margin-top: 8px; | 4177 | margin-top: 8px; |
| 4173 | margin-bottom: 8px; | 4178 | margin-bottom: 8px; |
| 4174 | display: block; | 4179 | display: block; |
| 4175 | color: #F44336; | 4180 | color: #F44336; |
| 4176 | position: relative; | 4181 | position: relative; |
| 4177 | padding-left: 26px; | 4182 | padding-left: 26px; |
| 4178 | } | 4183 | } |
| 4179 | .validation-valid-label { | 4184 | .validation-valid-label { |
| 4180 | color: #4CAF50; | 4185 | color: #4CAF50; |
| 4181 | } | 4186 | } |
| 4182 | .validation-error-label:before, | 4187 | .validation-error-label:before, |
| 4183 | .validation-valid-label:before { | 4188 | .validation-valid-label:before { |
| 4184 | font-family: 'icomoon'; | 4189 | font-family: 'icomoon'; |
| 4185 | position: absolute; | 4190 | position: absolute; |
| 4186 | top: 2px; | 4191 | top: 2px; |
| 4187 | left: 0; | 4192 | left: 0; |
| 4188 | display: inline-block; | 4193 | display: inline-block; |
| 4189 | line-height: 1; | 4194 | line-height: 1; |
| 4190 | -webkit-font-smoothing: antialiased; | 4195 | -webkit-font-smoothing: antialiased; |
| 4191 | -moz-osx-font-smoothing: grayscale; | 4196 | -moz-osx-font-smoothing: grayscale; |
| 4192 | font-size: 16px; | 4197 | font-size: 16px; |
| 4193 | } | 4198 | } |
| 4194 | .validation-error-label:empty, | 4199 | .validation-error-label:empty, |
| 4195 | .validation-valid-label:empty { | 4200 | .validation-valid-label:empty { |
| 4196 | display: none; | 4201 | display: none; |
| 4197 | } | 4202 | } |
| 4198 | .validation-error-label:before { | 4203 | .validation-error-label:before { |
| 4199 | content: '\ed63'; | 4204 | content: '\ed63'; |
| 4200 | } | 4205 | } |
| 4201 | .validation-valid-label:before { | 4206 | .validation-valid-label:before { |
| 4202 | content: '\ee73'; | 4207 | content: '\ee73'; |
| 4203 | } | 4208 | } |
| 4204 | /* ------------------------------------------------------------------------------ | 4209 | /* ------------------------------------------------------------------------------ |
| 4205 | * | 4210 | * |
| 4206 | * # X-editable | 4211 | * # X-editable |
| 4207 | * | 4212 | * |
| 4208 | * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery | 4213 | * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery |
| 4209 | * | 4214 | * |
| 4210 | * Version: 1.1 | 4215 | * Version: 1.1 |
| 4211 | * Latest update: Mar 10, 2016 | 4216 | * Latest update: Mar 10, 2016 |
| 4212 | * | 4217 | * |
| 4213 | * ---------------------------------------------------------------------------- */ | 4218 | * ---------------------------------------------------------------------------- */ |
| 4214 | .editable { | 4219 | .editable { |
| 4215 | background-color: transparent; | 4220 | background-color: transparent; |
| 4216 | } | 4221 | } |
| 4217 | .form-horizontal .editable { | 4222 | .form-horizontal .editable { |
| 4218 | padding-top: 9px; | 4223 | padding-top: 9px; |
| 4219 | display: inline-block; | 4224 | display: inline-block; |
| 4220 | } | 4225 | } |
| 4221 | .editable-pre-wrapped { | 4226 | .editable-pre-wrapped { |
| 4222 | white-space: pre-wrap; | 4227 | white-space: pre-wrap; |
| 4223 | } | 4228 | } |
| 4224 | .editableform .form-group:last-child { | 4229 | .editableform .form-group:last-child { |
| 4225 | margin-bottom: 0; | 4230 | margin-bottom: 0; |
| 4226 | } | 4231 | } |
| 4227 | .editableform .form-control { | 4232 | .editableform .form-control { |
| 4228 | min-width: 200px; | 4233 | min-width: 200px; |
| 4229 | } | 4234 | } |
| 4230 | .editableform .checkbox, | 4235 | .editableform .checkbox, |
| 4231 | .editableform .radio { | 4236 | .editableform .radio { |
| 4232 | margin-top: 0; | 4237 | margin-top: 0; |
| 4233 | margin-bottom: 0; | 4238 | margin-bottom: 0; |
| 4234 | } | 4239 | } |
| 4235 | .editableform .checkbox > div, | 4240 | .editableform .checkbox > div, |
| 4236 | .editableform .radio > div { | 4241 | .editableform .radio > div { |
| 4237 | margin-top: 9px; | 4242 | margin-top: 9px; |
| 4238 | margin-bottom: 9px; | 4243 | margin-bottom: 9px; |
| 4239 | position: relative; | 4244 | position: relative; |
| 4240 | } | 4245 | } |
| 4241 | .editable-buttons { | 4246 | .editable-buttons { |
| 4242 | display: inline-block; | 4247 | display: inline-block; |
| 4243 | vertical-align: top; | 4248 | vertical-align: top; |
| 4244 | margin-left: 8px; | 4249 | margin-left: 8px; |
| 4245 | } | 4250 | } |
| 4246 | .editable-buttons.editable-buttons-bottom { | 4251 | .editable-buttons.editable-buttons-bottom { |
| 4247 | display: block; | 4252 | display: block; |
| 4248 | margin-top: 20px; | 4253 | margin-top: 20px; |
| 4249 | margin-left: 0; | 4254 | margin-left: 0; |
| 4250 | text-align: center; | 4255 | text-align: center; |
| 4251 | } | 4256 | } |
| 4252 | .editable-buttons .editable-cancel { | 4257 | .editable-buttons .editable-cancel { |
| 4253 | margin-left: 8px; | 4258 | margin-left: 8px; |
| 4254 | } | 4259 | } |
| 4255 | .editable-input { | 4260 | .editable-input { |
| 4256 | vertical-align: top; | 4261 | vertical-align: top; |
| 4257 | display: inline-block; | 4262 | display: inline-block; |
| 4258 | width: auto; | 4263 | width: auto; |
| 4259 | white-space: normal; | 4264 | white-space: normal; |
| 4260 | } | 4265 | } |
| 4261 | .editable-input .help-block { | 4266 | .editable-input .help-block { |
| 4262 | margin-bottom: 0; | 4267 | margin-bottom: 0; |
| 4263 | } | 4268 | } |
| 4264 | .editable-input .input-group { | 4269 | .editable-input .input-group { |
| 4265 | width: 250px; | 4270 | width: 250px; |
| 4266 | } | 4271 | } |
| 4267 | .editable-input .elastic { | 4272 | .editable-input .elastic { |
| 4268 | height: 100px; | 4273 | height: 100px; |
| 4269 | } | 4274 | } |
| 4270 | .editable-input .datepicker-inline { | 4275 | .editable-input .datepicker-inline { |
| 4271 | padding: 16px; | 4276 | padding: 16px; |
| 4272 | } | 4277 | } |
| 4273 | .editableform-loading { | 4278 | .editableform-loading { |
| 4274 | width: 16px; | 4279 | width: 16px; |
| 4275 | height: 16px; | 4280 | height: 16px; |
| 4276 | margin: auto; | 4281 | margin: auto; |
| 4277 | } | 4282 | } |
| 4278 | .editableform-loading:after { | 4283 | .editableform-loading:after { |
| 4279 | content: '\eb55'; | 4284 | content: '\eb55'; |
| 4280 | font-family: 'icomoon'; | 4285 | font-family: 'icomoon'; |
| 4281 | font-size: 16px; | 4286 | font-size: 16px; |
| 4282 | display: block; | 4287 | display: block; |
| 4283 | line-height: 1; | 4288 | line-height: 1; |
| 4284 | margin: auto; | 4289 | margin: auto; |
| 4285 | width: 16px; | 4290 | width: 16px; |
| 4286 | height: 16px; | 4291 | height: 16px; |
| 4287 | -webkit-font-smoothing: antialiased; | 4292 | -webkit-font-smoothing: antialiased; |
| 4288 | -moz-osx-font-smoothing: grayscale; | 4293 | -moz-osx-font-smoothing: grayscale; |
| 4289 | -webkit-animation: rotation 1s ease infinite; | 4294 | -webkit-animation: rotation 1s ease infinite; |
| 4290 | -o-animation: rotation 1s ease infinite; | 4295 | -o-animation: rotation 1s ease infinite; |
| 4291 | animation: rotation 1s ease infinite; | 4296 | animation: rotation 1s ease infinite; |
| 4292 | } | 4297 | } |
| 4293 | .editable-error { | 4298 | .editable-error { |
| 4294 | color: #F44336; | 4299 | color: #F44336; |
| 4295 | } | 4300 | } |
| 4296 | .editable-error-block { | 4301 | .editable-error-block { |
| 4297 | max-width: 300px; | 4302 | max-width: 300px; |
| 4298 | margin: 8px 0 0 0; | 4303 | margin: 8px 0 0 0; |
| 4299 | width: auto; | 4304 | width: auto; |
| 4300 | white-space: normal; | 4305 | white-space: normal; |
| 4301 | } | 4306 | } |
| 4302 | .editable-bg-transition { | 4307 | .editable-bg-transition { |
| 4303 | color: inherit; | 4308 | color: inherit; |
| 4304 | background-color: transparent; | 4309 | background-color: transparent; |
| 4305 | -webkit-transition: background-color 0.2s ease-out; | 4310 | -webkit-transition: background-color 0.2s ease-out; |
| 4306 | -o-transition: background-color 0.2s ease-out; | 4311 | -o-transition: background-color 0.2s ease-out; |
| 4307 | transition: background-color 0.2s ease-out; | 4312 | transition: background-color 0.2s ease-out; |
| 4308 | } | 4313 | } |
| 4309 | .editable-clear { | 4314 | .editable-clear { |
| 4310 | clear: both; | 4315 | clear: both; |
| 4311 | text-decoration: none; | 4316 | text-decoration: none; |
| 4312 | text-align: right; | 4317 | text-align: right; |
| 4313 | } | 4318 | } |
| 4314 | .editable-clear-x { | 4319 | .editable-clear-x { |
| 4315 | position: absolute; | 4320 | position: absolute; |
| 4316 | right: 0; | 4321 | right: 0; |
| 4317 | top: 11px; | 4322 | top: 11px; |
| 4318 | line-height: 1; | 4323 | line-height: 1; |
| 4319 | cursor: pointer; | 4324 | cursor: pointer; |
| 4320 | z-index: 100; | 4325 | z-index: 100; |
| 4321 | opacity: 0.6; | 4326 | opacity: 0.6; |
| 4322 | filter: alpha(opacity=60); | 4327 | filter: alpha(opacity=60); |
| 4323 | } | 4328 | } |
| 4324 | .editable-clear-x:hover { | 4329 | .editable-clear-x:hover { |
| 4325 | opacity: 1; | 4330 | opacity: 1; |
| 4326 | filter: alpha(opacity=100); | 4331 | filter: alpha(opacity=100); |
| 4327 | } | 4332 | } |
| 4328 | .editable-clear-x:after { | 4333 | .editable-clear-x:after { |
| 4329 | content: '\ed6b'; | 4334 | content: '\ed6b'; |
| 4330 | font-family: 'icomoon'; | 4335 | font-family: 'icomoon'; |
| 4331 | display: block; | 4336 | display: block; |
| 4332 | font-size: 16px; | 4337 | font-size: 16px; |
| 4333 | -webkit-font-smoothing: antialiased; | 4338 | -webkit-font-smoothing: antialiased; |
| 4334 | -moz-osx-font-smoothing: grayscale; | 4339 | -moz-osx-font-smoothing: grayscale; |
| 4335 | } | 4340 | } |
| 4336 | .editable-click, | 4341 | .editable-click, |
| 4337 | a.editable-click, | 4342 | a.editable-click, |
| 4338 | .editable-click:hover, | 4343 | .editable-click:hover, |
| 4339 | a.editable-click:hover { | 4344 | a.editable-click:hover { |
| 4340 | border-bottom: 1px dashed #1E88E5; | 4345 | border-bottom: 1px dashed #1E88E5; |
| 4341 | } | 4346 | } |
| 4342 | .editable-click.editable-disabled, | 4347 | .editable-click.editable-disabled, |
| 4343 | a.editable-click.editable-disabled, | 4348 | a.editable-click.editable-disabled, |
| 4344 | .editable-click.editable-disabled:hover, | 4349 | .editable-click.editable-disabled:hover, |
| 4345 | a.editable-click.editable-disabled:hover { | 4350 | a.editable-click.editable-disabled:hover { |
| 4346 | color: #999999; | 4351 | color: #999999; |
| 4347 | cursor: default; | 4352 | cursor: default; |
| 4348 | border-bottom: 0; | 4353 | border-bottom: 0; |
| 4349 | } | 4354 | } |
| 4350 | .editable-click .label { | 4355 | .editable-click .label { |
| 4351 | margin-top: 1px; | 4356 | margin-top: 1px; |
| 4352 | margin-bottom: 1px; | 4357 | margin-bottom: 1px; |
| 4353 | } | 4358 | } |
| 4354 | .editable-empty, | 4359 | .editable-empty, |
| 4355 | .editable-empty:hover, | 4360 | .editable-empty:hover, |
| 4356 | .editable-empty:focus { | 4361 | .editable-empty:focus { |
| 4357 | font-style: italic; | 4362 | font-style: italic; |
| 4358 | color: #F44336; | 4363 | color: #F44336; |
| 4359 | } | 4364 | } |
| 4360 | a.editable-empty, | 4365 | a.editable-empty, |
| 4361 | a.editable-empty:hover, | 4366 | a.editable-empty:hover, |
| 4362 | a.editable-empty:focus { | 4367 | a.editable-empty:focus { |
| 4363 | border-bottom-color: #F44336; | 4368 | border-bottom-color: #F44336; |
| 4364 | } | 4369 | } |
| 4365 | .combodate { | 4370 | .combodate { |
| 4366 | white-space: nowrap; | 4371 | white-space: nowrap; |
| 4367 | } | 4372 | } |
| 4368 | .combodate .day, | 4373 | .combodate .day, |
| 4369 | .combodate .year, | 4374 | .combodate .year, |
| 4370 | .combodate .hour, | 4375 | .combodate .hour, |
| 4371 | .combodate .minute { | 4376 | .combodate .minute { |
| 4372 | min-width: 80px; | 4377 | min-width: 80px; |
| 4373 | } | 4378 | } |
| 4374 | .combodate .form-control { | 4379 | .combodate .form-control { |
| 4375 | display: inline-block; | 4380 | display: inline-block; |
| 4376 | } | 4381 | } |
| 4377 | .input-daterange input { | 4382 | .input-daterange input { |
| 4378 | text-align: center; | 4383 | text-align: center; |
| 4379 | } | 4384 | } |
| 4380 | .input-daterange input:first-child { | 4385 | .input-daterange input:first-child { |
| 4381 | border-bottom-left-radius: 3px; | 4386 | border-bottom-left-radius: 3px; |
| 4382 | border-top-left-radius: 3px; | 4387 | border-top-left-radius: 3px; |
| 4383 | } | 4388 | } |
| 4384 | .input-daterange input:last-child { | 4389 | .input-daterange input:last-child { |
| 4385 | border-bottom-right-radius: 3px; | 4390 | border-bottom-right-radius: 3px; |
| 4386 | border-top-right-radius: 3px; | 4391 | border-top-right-radius: 3px; |
| 4387 | } | 4392 | } |
| 4388 | .editable-address { | 4393 | .editable-address { |
| 4389 | display: block; | 4394 | display: block; |
| 4390 | } | 4395 | } |
| 4391 | .editable-address > label > span { | 4396 | .editable-address > label > span { |
| 4392 | width: 70px; | 4397 | width: 70px; |
| 4393 | display: inline-block; | 4398 | display: inline-block; |
| 4394 | margin-bottom: 8px; | 4399 | margin-bottom: 8px; |
| 4395 | } | 4400 | } |
| 4396 | .editable-date { | 4401 | .editable-date { |
| 4397 | padding: 0; | 4402 | padding: 0; |
| 4398 | margin: 0; | 4403 | margin: 0; |
| 4399 | float: left; | 4404 | float: left; |
| 4400 | } | 4405 | } |
| 4401 | .editable-checklist label { | 4406 | .editable-checklist label { |
| 4402 | white-space: nowrap; | 4407 | white-space: nowrap; |
| 4403 | } | 4408 | } |
| 4404 | .editable-checklist label > input[type="checkbox"] { | 4409 | .editable-checklist label > input[type="checkbox"] { |
| 4405 | vertical-align: middle; | 4410 | vertical-align: middle; |
| 4406 | margin: 0; | 4411 | margin: 0; |
| 4407 | } | 4412 | } |
| 4408 | .editable-wysihtml5 { | 4413 | .editable-wysihtml5 { |
| 4409 | width: 566px; | 4414 | width: 566px; |
| 4410 | height: 250px; | 4415 | height: 250px; |
| 4411 | } | 4416 | } |
| 4412 | .editable-container.editable-popup { | 4417 | .editable-container.editable-popup { |
| 4413 | max-width: none !important; | 4418 | max-width: none !important; |
| 4414 | } | 4419 | } |
| 4415 | .editable-container.editable-inline { | 4420 | .editable-container.editable-inline { |
| 4416 | display: inline-block; | 4421 | display: inline-block; |
| 4417 | vertical-align: middle; | 4422 | vertical-align: middle; |
| 4418 | width: auto; | 4423 | width: auto; |
| 4419 | } | 4424 | } |
| 4420 | .editable-container.editable-inline .editableform-loading { | 4425 | .editable-container.editable-inline .editableform-loading { |
| 4421 | background-position: left 5px; | 4426 | background-position: left 5px; |
| 4422 | } | 4427 | } |
| 4423 | .editable-container.editable-inline .add-on .icon-th { | 4428 | .editable-container.editable-inline .add-on .icon-th { |
| 4424 | margin-top: 3px; | 4429 | margin-top: 3px; |
| 4425 | margin-left: 1px; | 4430 | margin-left: 1px; |
| 4426 | } | 4431 | } |
| 4427 | .editable-container.popover { | 4432 | .editable-container.popover { |
| 4428 | width: auto; | 4433 | width: auto; |
| 4429 | min-width: 200px; | 4434 | min-width: 200px; |
| 4430 | } | 4435 | } |
| 4431 | /* ------------------------------------------------------------------------------ | 4436 | /* ------------------------------------------------------------------------------ |
| 4432 | * | 4437 | * |
| 4433 | * # Alpaca forms | 4438 | * # Alpaca forms |
| 4434 | * | 4439 | * |
| 4435 | * Alpaca provides the easiest way to generate interactive HTML5 forms for web applications | 4440 | * Alpaca provides the easiest way to generate interactive HTML5 forms for web applications |
| 4436 | * | 4441 | * |
| 4437 | * Version: 1.1 | 4442 | * Version: 1.1 |
| 4438 | * Latest update: Jul 4, 2016 | 4443 | * Latest update: Jul 4, 2016 |
| 4439 | * | 4444 | * |
| 4440 | * ---------------------------------------------------------------------------- */ | 4445 | * ---------------------------------------------------------------------------- */ |
| 4441 | .alpaca-hidden { | 4446 | .alpaca-hidden { |
| 4442 | display: none; | 4447 | display: none; |
| 4443 | } | 4448 | } |
| 4444 | .alpaca-field-select .multiselect-container { | 4449 | .alpaca-field-select .multiselect-container { |
| 4445 | width: 100%; | 4450 | width: 100%; |
| 4446 | } | 4451 | } |
| 4447 | .has-error .multiselect-container > .active .checkbox { | 4452 | .has-error .multiselect-container > .active .checkbox { |
| 4448 | color: #fff; | 4453 | color: #fff; |
| 4449 | } | 4454 | } |
| 4450 | .has-error .btn-group.open .multiselect.btn, | 4455 | .has-error .btn-group.open .multiselect.btn, |
| 4451 | .has-error .multiselect.btn-default:active { | 4456 | .has-error .multiselect.btn-default:active { |
| 4452 | color: #D84315; | 4457 | color: #D84315; |
| 4453 | border-color: #D84315; | 4458 | border-color: #D84315; |
| 4454 | } | 4459 | } |
| 4455 | .alpaca-disabled .checkbox label, | 4460 | .alpaca-disabled .checkbox label, |
| 4456 | .alpaca-disabled .checkbox .switchery, | 4461 | .alpaca-disabled .checkbox .switchery, |
| 4457 | .alpaca-disabled .radio label, | 4462 | .alpaca-disabled .radio label, |
| 4458 | .alpaca-disabled .radio .switchery { | 4463 | .alpaca-disabled .radio .switchery { |
| 4459 | cursor: not-allowed; | 4464 | cursor: not-allowed; |
| 4460 | color: #999999; | 4465 | color: #999999; |
| 4461 | } | 4466 | } |
| 4462 | .alpaca-invalid .form-control { | 4467 | .alpaca-invalid .form-control { |
| 4463 | color: #D84315; | 4468 | color: #D84315; |
| 4464 | } | 4469 | } |
| 4465 | .alpaca-clear { | 4470 | .alpaca-clear { |
| 4466 | clear: both; | 4471 | clear: both; |
| 4467 | } | 4472 | } |
| 4468 | .alpaca-float-right { | 4473 | .alpaca-float-right { |
| 4469 | float: right; | 4474 | float: right; |
| 4470 | } | 4475 | } |
| 4471 | .alpaca-field .glyphicon { | 4476 | .alpaca-field .glyphicon { |
| 4472 | font-family: 'icomoon'; | 4477 | font-family: 'icomoon'; |
| 4473 | font-size: 16px; | 4478 | font-size: 16px; |
| 4474 | vertical-align: middle; | 4479 | vertical-align: middle; |
| 4475 | top: -1px; | 4480 | top: -1px; |
| 4476 | display: inline-block; | 4481 | display: inline-block; |
| 4477 | margin-right: 8px; | 4482 | margin-right: 8px; |
| 4478 | } | 4483 | } |
| 4479 | .alpaca-field .glyphicon-info-sign:before { | 4484 | .alpaca-field .glyphicon-info-sign:before { |
| 4480 | content: '\e9ba'; | 4485 | content: '\e9ba'; |
| 4481 | } | 4486 | } |
| 4482 | .alpaca-field.has-error .glyphicon-info-sign:before, | 4487 | .alpaca-field.has-error .glyphicon-info-sign:before, |
| 4483 | .alpaca-field .glyphicon-exclamation-sign:before { | 4488 | .alpaca-field .glyphicon-exclamation-sign:before { |
| 4484 | content: '\ed63'; | 4489 | content: '\ed63'; |
| 4485 | } | 4490 | } |
| 4486 | .alpaca-icon-required { | 4491 | .alpaca-icon-required { |
| 4487 | font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; | 4492 | font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; |
| 4488 | float: right; | 4493 | float: right; |
| 4489 | margin-right: 0; | 4494 | margin-right: 0; |
| 4490 | margin-left: 5px; | 4495 | margin-left: 5px; |
| 4491 | } | 4496 | } |
| 4492 | .alpaca-icon-required:before { | 4497 | .alpaca-icon-required:before { |
| 4493 | content: '*'; | 4498 | content: '*'; |
| 4494 | } | 4499 | } |
| 4495 | .alpaca-controlfield-editor { | 4500 | .alpaca-controlfield-editor { |
| 4496 | position: relative; | 4501 | position: relative; |
| 4497 | width: 100%; | 4502 | width: 100%; |
| 4498 | height: 300px; | 4503 | height: 300px; |
| 4499 | border: 1px #ccc solid; | 4504 | border: 1px #ccc solid; |
| 4500 | } | 4505 | } |
| 4501 | .alpaca-controlfield-editor .control-field-editor-el { | 4506 | .alpaca-controlfield-editor .control-field-editor-el { |
| 4502 | position: absolute; | 4507 | position: absolute; |
| 4503 | top: 0; | 4508 | top: 0; |
| 4504 | bottom: 0; | 4509 | bottom: 0; |
| 4505 | left: 0; | 4510 | left: 0; |
| 4506 | right: 0; | 4511 | right: 0; |
| 4507 | } | 4512 | } |
| 4508 | .ace_editor { | 4513 | .ace_editor { |
| 4509 | border: 1px solid #cccccc; | 4514 | border: 1px solid #cccccc; |
| 4510 | } | 4515 | } |
| 4511 | .alpaca-field-ckeditor.alpaca-invalid > .cke { | 4516 | .alpaca-field-ckeditor.alpaca-invalid > .cke { |
| 4512 | border-color: #D84315; | 4517 | border-color: #D84315; |
| 4513 | } | 4518 | } |
| 4514 | .alpaca-field-optiontree .optiontree + .form-control { | 4519 | .alpaca-field-optiontree .optiontree + .form-control { |
| 4515 | margin-left: 10px; | 4520 | margin-left: 10px; |
| 4516 | } | 4521 | } |
| 4517 | .alpaca-field-optiontree.optiontree-horizontal .optiontree { | 4522 | .alpaca-field-optiontree.optiontree-horizontal .optiontree { |
| 4518 | display: inline-block; | 4523 | display: inline-block; |
| 4519 | } | 4524 | } |
| 4520 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { | 4525 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { |
| 4521 | display: inline-block; | 4526 | display: inline-block; |
| 4522 | margin-top: 2px; | 4527 | margin-top: 2px; |
| 4523 | margin-bottom: 2px; | 4528 | margin-bottom: 2px; |
| 4524 | } | 4529 | } |
| 4525 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { | 4530 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { |
| 4526 | display: none; | 4531 | display: none; |
| 4527 | } | 4532 | } |
| 4528 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector + .optiontree-selector { | 4533 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector + .optiontree-selector { |
| 4529 | margin-left: 10px; | 4534 | margin-left: 10px; |
| 4530 | } | 4535 | } |
| 4531 | .alpaca-field-optiontree.optiontree-horizontal input { | 4536 | .alpaca-field-optiontree.optiontree-horizontal input { |
| 4532 | display: inline-block; | 4537 | display: inline-block; |
| 4533 | width: auto; | 4538 | width: auto; |
| 4534 | } | 4539 | } |
| 4535 | .alpaca-field-optiontree.optiontree-horizontal label { | 4540 | .alpaca-field-optiontree.optiontree-horizontal label { |
| 4536 | display: block; | 4541 | display: block; |
| 4537 | } | 4542 | } |
| 4538 | .alpaca-field-radio.disabled .alpaca-control.radio { | 4543 | .alpaca-field-radio.disabled .alpaca-control.radio { |
| 4539 | color: grey; | 4544 | color: grey; |
| 4540 | } | 4545 | } |
| 4541 | .alpaca-field-radio.disabled .alpaca-control.radio label { | 4546 | .alpaca-field-radio.disabled .alpaca-control.radio label { |
| 4542 | cursor: inherit; | 4547 | cursor: inherit; |
| 4543 | } | 4548 | } |
| 4544 | .alpaca-control.radio { | 4549 | .alpaca-control.radio { |
| 4545 | min-height: inherit; | 4550 | min-height: inherit; |
| 4546 | height: inherit; | 4551 | height: inherit; |
| 4547 | padding-top: 0px; | 4552 | padding-top: 0px; |
| 4548 | padding-bottom: 0px; | 4553 | padding-bottom: 0px; |
| 4549 | padding-left: 0px; | 4554 | padding-left: 0px; |
| 4550 | padding-right: 0px; | 4555 | padding-right: 0px; |
| 4551 | margin-left: 10px; | 4556 | margin-left: 10px; |
| 4552 | } | 4557 | } |
| 4553 | .has-error .multiselect { | 4558 | .has-error .multiselect { |
| 4554 | border-color: #D84315; | 4559 | border-color: #D84315; |
| 4555 | color: #D84315; | 4560 | color: #D84315; |
| 4556 | } | 4561 | } |
| 4557 | .alpaca-container-label { | 4562 | .alpaca-container-label { |
| 4558 | margin-top: 20px; | 4563 | margin-top: 20px; |
| 4559 | } | 4564 | } |
| 4560 | legend.alpaca-container-label { | 4565 | legend.alpaca-container-label { |
| 4561 | margin-top: 0px; | 4566 | margin-top: 0px; |
| 4562 | } | 4567 | } |
| 4563 | .alpaca-array-toolbar { | 4568 | .alpaca-array-toolbar { |
| 4564 | margin-bottom: 10px; | 4569 | margin-bottom: 10px; |
| 4565 | } | 4570 | } |
| 4566 | .alpaca-array-actionbar { | 4571 | .alpaca-array-actionbar { |
| 4567 | overflow: hidden; | 4572 | overflow: hidden; |
| 4568 | } | 4573 | } |
| 4569 | .alpaca-array-actionbar.alpaca-array-actionbar-top { | 4574 | .alpaca-array-actionbar.alpaca-array-actionbar-top { |
| 4570 | padding-bottom: 10px; | 4575 | padding-bottom: 10px; |
| 4571 | } | 4576 | } |
| 4572 | .alpaca-array-actionbar.alpaca-array-actionbar-bottom { | 4577 | .alpaca-array-actionbar.alpaca-array-actionbar-bottom { |
| 4573 | padding-top: 10px; | 4578 | padding-top: 10px; |
| 4574 | } | 4579 | } |
| 4575 | .alpaca-array-actionbar, | 4580 | .alpaca-array-actionbar, |
| 4576 | .alpaca-array-actionbar.btn-group { | 4581 | .alpaca-array-actionbar.btn-group { |
| 4577 | width: 100%; | 4582 | width: 100%; |
| 4578 | } | 4583 | } |
| 4579 | .alpaca-field-object, | 4584 | .alpaca-field-object, |
| 4580 | .alpaca-field-array { | 4585 | .alpaca-field-array { |
| 4581 | border: 1px #eee solid; | 4586 | border: 1px #eee solid; |
| 4582 | border-radius: 3px; | 4587 | border-radius: 3px; |
| 4583 | padding: 10px; | 4588 | padding: 10px; |
| 4584 | } | 4589 | } |
| 4585 | .alpaca-field-object .alpaca-top, | 4590 | .alpaca-field-object .alpaca-top, |
| 4586 | .alpaca-field-array .alpaca-top, | 4591 | .alpaca-field-array .alpaca-top, |
| 4587 | .alpaca-field-object .alpaca-top .alpaca-container, | 4592 | .alpaca-field-object .alpaca-top .alpaca-container, |
| 4588 | .alpaca-field-array .alpaca-top .alpaca-container { | 4593 | .alpaca-field-array .alpaca-top .alpaca-container { |
| 4589 | border: 0; | 4594 | border: 0; |
| 4590 | } | 4595 | } |
| 4591 | .alpaca-container { | 4596 | .alpaca-container { |
| 4592 | border: 0px; | 4597 | border: 0px; |
| 4593 | } | 4598 | } |
| 4594 | .alpaca-display h3 { | 4599 | .alpaca-display h3 { |
| 4595 | margin-top: 0; | 4600 | margin-top: 0; |
| 4596 | } | 4601 | } |
| 4597 | .alpaca-control-buttons-container { | 4602 | .alpaca-control-buttons-container { |
| 4598 | margin-top: 10px; | 4603 | margin-top: 10px; |
| 4599 | } | 4604 | } |
| 4600 | .alpaca-container-item > .alpaca-container > .alpaca-field-object { | 4605 | .alpaca-container-item > .alpaca-container > .alpaca-field-object { |
| 4601 | border: 0; | 4606 | border: 0; |
| 4602 | } | 4607 | } |
| 4603 | .alpaca-form-buttons-container { | 4608 | .alpaca-form-buttons-container { |
| 4604 | margin-top: 20px; | 4609 | margin-top: 20px; |
| 4605 | text-align: right; | 4610 | text-align: right; |
| 4606 | } | 4611 | } |
| 4607 | .alpaca-container > .form-group { | 4612 | .alpaca-container > .form-group { |
| 4608 | margin-left: 0; | 4613 | margin-left: 0; |
| 4609 | margin-right: 0; | 4614 | margin-right: 0; |
| 4610 | } | 4615 | } |
| 4611 | .alpaca-field-hidden { | 4616 | .alpaca-field-hidden { |
| 4612 | display: none; | 4617 | display: none; |
| 4613 | } | 4618 | } |
| 4614 | .alpaca-container-item:not(:first-child) { | 4619 | .alpaca-container-item:not(:first-child) { |
| 4615 | margin-top: 10px; | 4620 | margin-top: 10px; |
| 4616 | } | 4621 | } |
| 4617 | .alpaca-container .alpaca-container-item:last-child { | 4622 | .alpaca-container .alpaca-container-item:last-child { |
| 4618 | margin-bottom: 0; | 4623 | margin-bottom: 0; |
| 4619 | } | 4624 | } |
| 4620 | .alpaca-field-select .btn-group { | 4625 | .alpaca-field-select .btn-group { |
| 4621 | width: 100%; | 4626 | width: 100%; |
| 4622 | } | 4627 | } |
| 4623 | .alpaca-field.alpaca-field-upload .fileupload-active-zone { | 4628 | .alpaca-field.alpaca-field-upload .fileupload-active-zone { |
| 4624 | margin-top: 50px; | 4629 | margin-top: 50px; |
| 4625 | margin-bottom: 50px; | 4630 | margin-bottom: 50px; |
| 4626 | } | 4631 | } |
| 4627 | .alpaca-field.alpaca-field-upload .template-download TD.error, | 4632 | .alpaca-field.alpaca-field-upload .template-download TD.error, |
| 4628 | .alpaca-field.alpaca-field-upload .template-upload TD.error { | 4633 | .alpaca-field.alpaca-field-upload .template-upload TD.error { |
| 4629 | color: #D84315; | 4634 | color: #D84315; |
| 4630 | word-break: break-all; | 4635 | word-break: break-all; |
| 4631 | } | 4636 | } |
| 4632 | .alpaca-field.alpaca-field-file .alpaca-control-label { | 4637 | .alpaca-field.alpaca-field-file .alpaca-control-label { |
| 4633 | display: block; | 4638 | display: block; |
| 4634 | } | 4639 | } |
| 4635 | .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { | 4640 | .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { |
| 4636 | height: 250px; | 4641 | height: 250px; |
| 4637 | } | 4642 | } |
| 4638 | .alpaca-field.alpaca-field-image .alpaca-image-display { | 4643 | .alpaca-field.alpaca-field-image .alpaca-image-display { |
| 4639 | margin-top: 20px; | 4644 | margin-top: 20px; |
| 4640 | } | 4645 | } |
| 4641 | .alpaca-field-text-max-length-indicator { | 4646 | .alpaca-field-text-max-length-indicator { |
| 4642 | font-size: 12px; | 4647 | font-size: 12px; |
| 4643 | margin-top: 8px; | 4648 | margin-top: 8px; |
| 4644 | margin-bottom: 8px; | 4649 | margin-bottom: 8px; |
| 4645 | } | 4650 | } |
| 4646 | /* ------------------------------------------------------------------------------ | 4651 | /* ------------------------------------------------------------------------------ |
| 4647 | * | 4652 | * |
| 4648 | * # Tokenfield for Bootstrap | 4653 | * # Tokenfield for Bootstrap |
| 4649 | * | 4654 | * |
| 4650 | * Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap | 4655 | * Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap |
| 4651 | * | 4656 | * |
| 4652 | * Version: 1.1 | 4657 | * Version: 1.1 |
| 4653 | * Latest update: Mar 10, 2016 | 4658 | * Latest update: Mar 10, 2016 |
| 4654 | * | 4659 | * |
| 4655 | * ---------------------------------------------------------------------------- */ | 4660 | * ---------------------------------------------------------------------------- */ |
| 4656 | .tokenfield { | 4661 | .tokenfield { |
| 4657 | border-width: 0; | 4662 | border-width: 0; |
| 4658 | } | 4663 | } |
| 4659 | .tokenfield.form-control { | 4664 | .tokenfield.form-control { |
| 4660 | height: auto; | 4665 | height: auto; |
| 4661 | padding: 0; | 4666 | padding: 0; |
| 4662 | } | 4667 | } |
| 4663 | .tokenfield:after { | 4668 | .tokenfield:after { |
| 4664 | content: ''; | 4669 | content: ''; |
| 4665 | display: table; | 4670 | display: table; |
| 4666 | clear: both; | 4671 | clear: both; |
| 4667 | } | 4672 | } |
| 4668 | .tokenfield .token { | 4673 | .tokenfield .token { |
| 4669 | margin-top: 3px; | 4674 | margin-top: 3px; |
| 4670 | margin-bottom: 3px; | 4675 | margin-bottom: 3px; |
| 4671 | margin-right: 6px; | 4676 | margin-right: 6px; |
| 4672 | cursor: default; | 4677 | cursor: default; |
| 4673 | float: left; | 4678 | float: left; |
| 4674 | position: relative; | 4679 | position: relative; |
| 4675 | border-radius: 100px; | 4680 | border-radius: 100px; |
| 4676 | } | 4681 | } |
| 4677 | .tokenfield .token:not([class*=bg-]) { | 4682 | .tokenfield .token:not([class*=bg-]) { |
| 4678 | background-color: #eee; | 4683 | background-color: #eee; |
| 4679 | color: #333333; | 4684 | color: #333333; |
| 4680 | } | 4685 | } |
| 4681 | .tokenfield .token:not([class*=bg-]):hover, | 4686 | .tokenfield .token:not([class*=bg-]):hover, |
| 4682 | .tokenfield .token:not([class*=bg-]):focus { | 4687 | .tokenfield .token:not([class*=bg-]):focus { |
| 4683 | background-color: #03A9F4; | 4688 | background-color: #03A9F4; |
| 4684 | color: #fff; | 4689 | color: #fff; |
| 4685 | } | 4690 | } |
| 4686 | .tokenfield .token.invalid { | 4691 | .tokenfield .token.invalid { |
| 4687 | background-color: transparent; | 4692 | background-color: transparent; |
| 4688 | border: 1px solid transparent; | 4693 | border: 1px solid transparent; |
| 4689 | border-radius: 0; | 4694 | border-radius: 0; |
| 4690 | border-bottom: 1px dotted #F44336; | 4695 | border-bottom: 1px dotted #F44336; |
| 4691 | } | 4696 | } |
| 4692 | .tokenfield .token.invalid.active { | 4697 | .tokenfield .token.invalid.active { |
| 4693 | background-color: #eeeeee; | 4698 | background-color: #eeeeee; |
| 4694 | border: 1px solid #eeeeee; | 4699 | border: 1px solid #eeeeee; |
| 4695 | } | 4700 | } |
| 4696 | .tokenfield .token .token-label { | 4701 | .tokenfield .token .token-label { |
| 4697 | display: block; | 4702 | display: block; |
| 4698 | overflow: hidden; | 4703 | overflow: hidden; |
| 4699 | text-overflow: ellipsis; | 4704 | text-overflow: ellipsis; |
| 4700 | padding: 8px 16px; | 4705 | padding: 8px 16px; |
| 4701 | padding-right: 35px; | 4706 | padding-right: 35px; |
| 4702 | } | 4707 | } |
| 4703 | .tokenfield .token > .close { | 4708 | .tokenfield .token > .close { |
| 4704 | font-size: 0; | 4709 | font-size: 0; |
| 4705 | cursor: pointer; | 4710 | cursor: pointer; |
| 4706 | position: absolute; | 4711 | position: absolute; |
| 4707 | top: 50%; | 4712 | top: 50%; |
| 4708 | color: inherit; | 4713 | color: inherit; |
| 4709 | right: 16px; | 4714 | right: 16px; |
| 4710 | line-height: 1; | 4715 | line-height: 1; |
| 4711 | margin-top: -5.5px; | 4716 | margin-top: -5.5px; |
| 4712 | } | 4717 | } |
| 4713 | .tokenfield .token > .close:after { | 4718 | .tokenfield .token > .close:after { |
| 4714 | content: '\ed6a'; | 4719 | content: '\ed6a'; |
| 4715 | font-family: 'icomoon'; | 4720 | font-family: 'icomoon'; |
| 4716 | display: block; | 4721 | display: block; |
| 4717 | font-size: 11px; | 4722 | font-size: 11px; |
| 4718 | -webkit-font-smoothing: antialiased; | 4723 | -webkit-font-smoothing: antialiased; |
| 4719 | -moz-osx-font-smoothing: grayscale; | 4724 | -moz-osx-font-smoothing: grayscale; |
| 4720 | } | 4725 | } |
| 4721 | .tokenfield .token > .close:hover { | 4726 | .tokenfield .token > .close:hover { |
| 4722 | opacity: 1; | 4727 | opacity: 1; |
| 4723 | filter: alpha(opacity=100); | 4728 | filter: alpha(opacity=100); |
| 4724 | } | 4729 | } |
| 4725 | .tokenfield + .form-control-feedback { | 4730 | .tokenfield + .form-control-feedback { |
| 4726 | margin-top: 3px; | 4731 | margin-top: 3px; |
| 4727 | } | 4732 | } |
| 4728 | .tokenfield .twitter-typeahead { | 4733 | .tokenfield .twitter-typeahead { |
| 4729 | width: auto; | 4734 | width: auto; |
| 4730 | } | 4735 | } |
| 4731 | .tokenfield .token-input { | 4736 | .tokenfield .token-input { |
| 4732 | direction: ltr; | 4737 | direction: ltr; |
| 4733 | background: none; | 4738 | background: none; |
| 4734 | width: 80px!important; | 4739 | width: 80px!important; |
| 4735 | max-width: 50%; | 4740 | max-width: 50%; |
| 4736 | min-width: 60px; | 4741 | min-width: 60px; |
| 4737 | padding: 8px 0; | 4742 | padding: 8px 0; |
| 4738 | margin-top: 3px; | 4743 | margin-top: 3px; |
| 4739 | margin-bottom: 3px; | 4744 | margin-bottom: 3px; |
| 4740 | border: 0; | 4745 | border: 0; |
| 4741 | outline: 0; | 4746 | outline: 0; |
| 4742 | } | 4747 | } |
| 4743 | .tokenfield.readonly .token .token-label { | 4748 | .tokenfield.readonly .token .token-label { |
| 4744 | padding-right: 16px; | 4749 | padding-right: 16px; |
| 4745 | } | 4750 | } |
| 4746 | .tokenfield.readonly .token .close { | 4751 | .tokenfield.readonly .token .close { |
| 4747 | display: none; | 4752 | display: none; |
| 4748 | } | 4753 | } |
| 4749 | .tokenfield.disabled .token, | 4754 | .tokenfield.disabled .token, |
| 4750 | .tokenfield.disabled .token .close { | 4755 | .tokenfield.disabled .token .close { |
| 4751 | opacity: 0.5; | 4756 | opacity: 0.5; |
| 4752 | filter: alpha(opacity=50); | 4757 | filter: alpha(opacity=50); |
| 4753 | } | 4758 | } |
| 4754 | .tokenfield.disabled .token:hover, | 4759 | .tokenfield.disabled .token:hover, |
| 4755 | .tokenfield.disabled .token:focus { | 4760 | .tokenfield.disabled .token:focus { |
| 4756 | background-color: #eee; | 4761 | background-color: #eee; |
| 4757 | color: #333333; | 4762 | color: #333333; |
| 4758 | } | 4763 | } |
| 4759 | .tokenfield.disabled, | 4764 | .tokenfield.disabled, |
| 4760 | .tokenfield.disabled .token-input, | 4765 | .tokenfield.disabled .token-input, |
| 4761 | .tokenfield.disabled .token, | 4766 | .tokenfield.disabled .token, |
| 4762 | .tokenfield.disabled .token .close { | 4767 | .tokenfield.disabled .token .close { |
| 4763 | cursor: not-allowed; | 4768 | cursor: not-allowed; |
| 4764 | } | 4769 | } |
| 4765 | .input-group-lg .token > .token-label, | 4770 | .input-group-lg .token > .token-label, |
| 4766 | .tokenfield.input-lg .token > span { | 4771 | .tokenfield.input-lg .token > span { |
| 4767 | padding: 9px 18px; | 4772 | padding: 9px 18px; |
| 4768 | padding-right: 38px; | 4773 | padding-right: 38px; |
| 4769 | } | 4774 | } |
| 4770 | .input-group-lg .token-input, | 4775 | .input-group-lg .token-input, |
| 4771 | .tokenfield.input-lg .token-input { | 4776 | .tokenfield.input-lg .token-input { |
| 4772 | padding-top: 9px; | 4777 | padding-top: 9px; |
| 4773 | padding-bottom: 9px; | 4778 | padding-bottom: 9px; |
| 4774 | } | 4779 | } |
| 4775 | .input-group-lg .token > .close, | 4780 | .input-group-lg .token > .close, |
| 4776 | .tokenfield.input-lg .token > .close { | 4781 | .tokenfield.input-lg .token > .close { |
| 4777 | right: 18px; | 4782 | right: 18px; |
| 4778 | } | 4783 | } |
| 4779 | .input-group-lg.readonly .token > .token-label, | 4784 | .input-group-lg.readonly .token > .token-label, |
| 4780 | .tokenfield.input-lg.readonly .token > .token-label { | 4785 | .tokenfield.input-lg.readonly .token > .token-label { |
| 4781 | padding-right: 18px; | 4786 | padding-right: 18px; |
| 4782 | } | 4787 | } |
| 4783 | .input-group-sm .token > .token-label, | 4788 | .input-group-sm .token > .token-label, |
| 4784 | .tokenfield.input-sm .token > span { | 4789 | .tokenfield.input-sm .token > span { |
| 4785 | padding: 7px 14px; | 4790 | padding: 7px 14px; |
| 4786 | padding-right: 32px; | 4791 | padding-right: 32px; |
| 4787 | } | 4792 | } |
| 4788 | .input-group-sm .token-input, | 4793 | .input-group-sm .token-input, |
| 4789 | .tokenfield.input-sm .token-input { | 4794 | .tokenfield.input-sm .token-input { |
| 4790 | padding-top: 7px; | 4795 | padding-top: 7px; |
| 4791 | padding-bottom: 7px; | 4796 | padding-bottom: 7px; |
| 4792 | } | 4797 | } |
| 4793 | .input-group-sm .token > .close, | 4798 | .input-group-sm .token > .close, |
| 4794 | .tokenfield.input-sm .token > .close { | 4799 | .tokenfield.input-sm .token > .close { |
| 4795 | right: 14px; | 4800 | right: 14px; |
| 4796 | } | 4801 | } |
| 4797 | .input-group-sm.readonly .token > .token-label, | 4802 | .input-group-sm.readonly .token > .token-label, |
| 4798 | .tokenfield.input-sm.readonly .token > .token-label { | 4803 | .tokenfield.input-sm.readonly .token > .token-label { |
| 4799 | padding-right: 14px; | 4804 | padding-right: 14px; |
| 4800 | } | 4805 | } |
| 4801 | /* ------------------------------------------------------------------------------ | 4806 | /* ------------------------------------------------------------------------------ |
| 4802 | * | 4807 | * |
| 4803 | * # Bootstrap tags input | 4808 | * # Bootstrap tags input |
| 4804 | * | 4809 | * |
| 4805 | * Styles for tagsinput.js - tags input for Bootstrap | 4810 | * Styles for tagsinput.js - tags input for Bootstrap |
| 4806 | * | 4811 | * |
| 4807 | * Version: 1.1 | 4812 | * Version: 1.1 |
| 4808 | * Latest update: Mar 10, 2016 | 4813 | * Latest update: Mar 10, 2016 |
| 4809 | * | 4814 | * |
| 4810 | * ---------------------------------------------------------------------------- */ | 4815 | * ---------------------------------------------------------------------------- */ |
| 4811 | .bootstrap-tagsinput { | 4816 | .bootstrap-tagsinput { |
| 4812 | display: inline-block; | 4817 | display: inline-block; |
| 4813 | vertical-align: middle; | 4818 | vertical-align: middle; |
| 4814 | width: 100%; | 4819 | width: 100%; |
| 4815 | } | 4820 | } |
| 4816 | .bootstrap-tagsinput input { | 4821 | .bootstrap-tagsinput input { |
| 4817 | direction: ltr; | 4822 | direction: ltr; |
| 4818 | border: 0; | 4823 | border: 0; |
| 4819 | outline: 0; | 4824 | outline: 0; |
| 4820 | background-color: transparent; | 4825 | background-color: transparent; |
| 4821 | padding: 7px 0; | 4826 | padding: 7px 0; |
| 4822 | margin-top: 3px; | 4827 | margin-top: 3px; |
| 4823 | margin-bottom: 3px; | 4828 | margin-bottom: 3px; |
| 4824 | width: auto !important; | 4829 | width: auto !important; |
| 4825 | min-width: 100px; | 4830 | min-width: 100px; |
| 4826 | -webkit-box-shadow: none; | 4831 | -webkit-box-shadow: none; |
| 4827 | box-shadow: none; | 4832 | box-shadow: none; |
| 4828 | } | 4833 | } |
| 4829 | .bootstrap-tagsinput input:focus { | 4834 | .bootstrap-tagsinput input:focus { |
| 4830 | border: none; | 4835 | border: none; |
| 4831 | box-shadow: none; | 4836 | box-shadow: none; |
| 4832 | } | 4837 | } |
| 4833 | .bootstrap-tagsinput .twitter-typeahead { | 4838 | .bootstrap-tagsinput .twitter-typeahead { |
| 4834 | width: auto; | 4839 | width: auto; |
| 4835 | } | 4840 | } |
| 4836 | .bootstrap-tagsinput .tt-dropdown-menu { | 4841 | .bootstrap-tagsinput .tt-dropdown-menu { |
| 4837 | margin-top: 5px; | 4842 | margin-top: 5px; |
| 4838 | min-width: 200px; | 4843 | min-width: 200px; |
| 4839 | } | 4844 | } |
| 4840 | .bootstrap-tagsinput .tag { | 4845 | .bootstrap-tagsinput .tag { |
| 4841 | margin-top: 3px; | 4846 | margin-top: 3px; |
| 4842 | margin-bottom: 3px; | 4847 | margin-bottom: 3px; |
| 4843 | margin-right: 6px; | 4848 | margin-right: 6px; |
| 4844 | border: 0; | 4849 | border: 0; |
| 4845 | border-radius: 100px; | 4850 | border-radius: 100px; |
| 4846 | padding: 7px 14px; | 4851 | padding: 7px 14px; |
| 4847 | padding-right: 33px; | 4852 | padding-right: 33px; |
| 4848 | float: left; | 4853 | float: left; |
| 4849 | font-size: 12px; | 4854 | font-size: 12px; |
| 4850 | line-height: 1.6666667; | 4855 | line-height: 1.6666667; |
| 4851 | font-weight: 400; | 4856 | font-weight: 400; |
| 4852 | text-transform: none; | 4857 | text-transform: none; |
| 4853 | position: relative; | 4858 | position: relative; |
| 4854 | } | 4859 | } |
| 4855 | .bootstrap-tagsinput .tag:not([class*=bg-]) { | 4860 | .bootstrap-tagsinput .tag:not([class*=bg-]) { |
| 4856 | background-color: #03A9F4; | 4861 | background-color: #03A9F4; |
| 4857 | color: #fff; | 4862 | color: #fff; |
| 4858 | } | 4863 | } |
| 4859 | .bootstrap-tagsinput .tag [data-role="remove"] { | 4864 | .bootstrap-tagsinput .tag [data-role="remove"] { |
| 4860 | cursor: pointer; | 4865 | cursor: pointer; |
| 4861 | position: absolute; | 4866 | position: absolute; |
| 4862 | top: 50%; | 4867 | top: 50%; |
| 4863 | right: 14px; | 4868 | right: 14px; |
| 4864 | line-height: 1; | 4869 | line-height: 1; |
| 4865 | margin-top: -5.5px; | 4870 | margin-top: -5.5px; |
| 4866 | opacity: 0.7; | 4871 | opacity: 0.7; |
| 4867 | filter: alpha(opacity=70); | 4872 | filter: alpha(opacity=70); |
| 4868 | } | 4873 | } |
| 4869 | .bootstrap-tagsinput .tag [data-role="remove"]:hover { | 4874 | .bootstrap-tagsinput .tag [data-role="remove"]:hover { |
| 4870 | opacity: 1; | 4875 | opacity: 1; |
| 4871 | filter: alpha(opacity=100); | 4876 | filter: alpha(opacity=100); |
| 4872 | } | 4877 | } |
| 4873 | .bootstrap-tagsinput .tag [data-role="remove"]:after { | 4878 | .bootstrap-tagsinput .tag [data-role="remove"]:after { |
| 4874 | content: '\ed6a'; | 4879 | content: '\ed6a'; |
| 4875 | font-family: 'icomoon'; | 4880 | font-family: 'icomoon'; |
| 4876 | display: block; | 4881 | display: block; |
| 4877 | font-size: 11px; | 4882 | font-size: 11px; |
| 4878 | color: #fff; | 4883 | color: #fff; |
| 4879 | -webkit-font-smoothing: antialiased; | 4884 | -webkit-font-smoothing: antialiased; |
| 4880 | -moz-osx-font-smoothing: grayscale; | 4885 | -moz-osx-font-smoothing: grayscale; |
| 4881 | } | 4886 | } |
| 4882 | /* ------------------------------------------------------------------------------ | 4887 | /* ------------------------------------------------------------------------------ |
| 4883 | * | 4888 | * |
| 4884 | * # Touchspin spinners | 4889 | * # Touchspin spinners |
| 4885 | * | 4890 | * |
| 4886 | * Styles for touchspin.min.js - spinner form control library | 4891 | * Styles for touchspin.min.js - spinner form control library |
| 4887 | * | 4892 | * |
| 4888 | * Version: 1.1 | 4893 | * Version: 1.1 |
| 4889 | * Latest update: Oct 20, 2015 | 4894 | * Latest update: Oct 20, 2015 |
| 4890 | * | 4895 | * |
| 4891 | * ---------------------------------------------------------------------------- */ | 4896 | * ---------------------------------------------------------------------------- */ |
| 4892 | .bootstrap-touchspin .input-group-btn-vertical { | 4897 | .bootstrap-touchspin .input-group-btn-vertical { |
| 4893 | white-space: nowrap; | 4898 | white-space: nowrap; |
| 4894 | width: 1%; | 4899 | width: 1%; |
| 4895 | vertical-align: middle; | 4900 | vertical-align: middle; |
| 4896 | display: table-cell; | 4901 | display: table-cell; |
| 4897 | } | 4902 | } |
| 4898 | .bootstrap-touchspin .input-group-btn-vertical > .btn { | 4903 | .bootstrap-touchspin .input-group-btn-vertical > .btn { |
| 4899 | height: 38px; | 4904 | height: 38px; |
| 4900 | line-height: 1.5384616; | 4905 | line-height: 1.5384616; |
| 4901 | } | 4906 | } |
| 4902 | .bootstrap-touchspin .input-group-btn-vertical i { | 4907 | .bootstrap-touchspin .input-group-btn-vertical i { |
| 4903 | position: absolute; | 4908 | position: absolute; |
| 4904 | top: 50%; | 4909 | top: 50%; |
| 4905 | left: 50%; | 4910 | left: 50%; |
| 4906 | margin-left: -8px; | 4911 | margin-left: -8px; |
| 4907 | margin-top: -8px; | 4912 | margin-top: -8px; |
| 4908 | font-weight: normal; | 4913 | font-weight: normal; |
| 4909 | } | 4914 | } |
| 4910 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { | 4915 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { |
| 4911 | border-bottom-right-radius: 0; | 4916 | border-bottom-right-radius: 0; |
| 4912 | border-top-right-radius: 0; | 4917 | border-top-right-radius: 0; |
| 4913 | } | 4918 | } |
| 4914 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { | 4919 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { |
| 4915 | margin-left: 1px; | 4920 | margin-left: 1px; |
| 4916 | border-bottom-left-radius: 0; | 4921 | border-bottom-left-radius: 0; |
| 4917 | border-top-left-radius: 0; | 4922 | border-top-left-radius: 0; |
| 4918 | } | 4923 | } |
| 4919 | .bootstrap-touchspin.input-group-lg .input-group-btn-vertical > .btn { | 4924 | .bootstrap-touchspin.input-group-lg .input-group-btn-vertical > .btn { |
| 4920 | height: 40px; | 4925 | height: 40px; |
| 4921 | line-height: 1.4285715; | 4926 | line-height: 1.4285715; |
| 4922 | padding-left: 18px; | 4927 | padding-left: 18px; |
| 4923 | padding-right: 18px; | 4928 | padding-right: 18px; |
| 4924 | } | 4929 | } |
| 4925 | .bootstrap-touchspin.input-group-sm .input-group-btn-vertical > .btn { | 4930 | .bootstrap-touchspin.input-group-sm .input-group-btn-vertical > .btn { |
| 4926 | height: 36px; | 4931 | height: 36px; |
| 4927 | line-height: 1.6666667; | 4932 | line-height: 1.6666667; |
| 4928 | padding-left: 14px; | 4933 | padding-left: 14px; |
| 4929 | padding-right: 14px; | 4934 | padding-right: 14px; |
| 4930 | } | 4935 | } |
| 4931 | .bootstrap-touchspin-postfix { | 4936 | .bootstrap-touchspin-postfix { |
| 4932 | padding-right: 0; | 4937 | padding-right: 0; |
| 4933 | } | 4938 | } |
| 4934 | .bootstrap-touchspin-postfix + .input-group-btn, | 4939 | .bootstrap-touchspin-postfix + .input-group-btn, |
| 4935 | .bootstrap-touchspin-postfix + .input-group-btn-vertical { | 4940 | .bootstrap-touchspin-postfix + .input-group-btn-vertical { |
| 4936 | padding-left: 16px; | 4941 | padding-left: 16px; |
| 4937 | } | 4942 | } |
| 4938 | .input-group-lg .bootstrap-touchspin-postfix { | 4943 | .input-group-lg .bootstrap-touchspin-postfix { |
| 4939 | padding-right: 0; | 4944 | padding-right: 0; |
| 4940 | } | 4945 | } |
| 4941 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn, | 4946 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn, |
| 4942 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn-vertical { | 4947 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn-vertical { |
| 4943 | padding-left: 18px; | 4948 | padding-left: 18px; |
| 4944 | } | 4949 | } |
| 4945 | .input-group-sm .bootstrap-touchspin-postfix { | 4950 | .input-group-sm .bootstrap-touchspin-postfix { |
| 4946 | padding-right: 0; | 4951 | padding-right: 0; |
| 4947 | } | 4952 | } |
| 4948 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, | 4953 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, |
| 4949 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical { | 4954 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical { |
| 4950 | padding-left: 14px; | 4955 | padding-left: 14px; |
| 4951 | } | 4956 | } |
| 4952 | /* ------------------------------------------------------------------------------ | 4957 | /* ------------------------------------------------------------------------------ |
| 4953 | * | 4958 | * |
| 4954 | * # Bootstrap Duallistbox | 4959 | * # Bootstrap Duallistbox |
| 4955 | * | 4960 | * |
| 4956 | * Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap | 4961 | * Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap |
| 4957 | * | 4962 | * |
| 4958 | * Version: 1.2 | 4963 | * Version: 1.2 |
| 4959 | * Latest update: Aug 10, 2016 | 4964 | * Latest update: Aug 10, 2016 |
| 4960 | * | 4965 | * |
| 4961 | * ---------------------------------------------------------------------------- */ | 4966 | * ---------------------------------------------------------------------------- */ |
| 4962 | .bootstrap-duallistbox-container .box1 { | 4967 | .bootstrap-duallistbox-container .box1 { |
| 4963 | margin-bottom: 20px; | 4968 | margin-bottom: 20px; |
| 4964 | } | 4969 | } |
| 4965 | .bootstrap-duallistbox-container.moveonselect .move, | 4970 | .bootstrap-duallistbox-container.moveonselect .move, |
| 4966 | .bootstrap-duallistbox-container.moveonselect .remove { | 4971 | .bootstrap-duallistbox-container.moveonselect .remove { |
| 4967 | display: none; | 4972 | display: none; |
| 4968 | } | 4973 | } |
| 4969 | .bootstrap-duallistbox-container.moveonselect .moveall, | 4974 | .bootstrap-duallistbox-container.moveonselect .moveall, |
| 4970 | .bootstrap-duallistbox-container.moveonselect .removeall { | 4975 | .bootstrap-duallistbox-container.moveonselect .removeall { |
| 4971 | width: 100%; | 4976 | width: 100%; |
| 4972 | border-radius: 3px !important; | 4977 | border-radius: 3px !important; |
| 4973 | } | 4978 | } |
| 4974 | .bootstrap-duallistbox-container.moveonselect .btn-group .btn + .btn { | 4979 | .bootstrap-duallistbox-container.moveonselect .btn-group .btn + .btn { |
| 4975 | border-left-width: 1px; | 4980 | border-left-width: 1px; |
| 4976 | } | 4981 | } |
| 4977 | .bootstrap-duallistbox-container .buttons { | 4982 | .bootstrap-duallistbox-container .buttons { |
| 4978 | width: 100%; | 4983 | width: 100%; |
| 4979 | } | 4984 | } |
| 4980 | .bootstrap-duallistbox-container .clear1, | 4985 | .bootstrap-duallistbox-container .clear1, |
| 4981 | .bootstrap-duallistbox-container .clear2 { | 4986 | .bootstrap-duallistbox-container .clear2 { |
| 4982 | display: none; | 4987 | display: none; |
| 4983 | margin-top: 20px; | 4988 | margin-top: 20px; |
| 4984 | } | 4989 | } |
| 4985 | .bootstrap-duallistbox-container .clear1, | 4990 | .bootstrap-duallistbox-container .clear1, |
| 4986 | .bootstrap-duallistbox-container .clear2, | 4991 | .bootstrap-duallistbox-container .clear2, |
| 4987 | .bootstrap-duallistbox-container .clear1:hover, | 4992 | .bootstrap-duallistbox-container .clear1:hover, |
| 4988 | .bootstrap-duallistbox-container .clear2:hover, | 4993 | .bootstrap-duallistbox-container .clear2:hover, |
| 4989 | .bootstrap-duallistbox-container .clear1:focus, | 4994 | .bootstrap-duallistbox-container .clear1:focus, |
| 4990 | .bootstrap-duallistbox-container .clear2:focus { | 4995 | .bootstrap-duallistbox-container .clear2:focus { |
| 4991 | background-color: transparent; | 4996 | background-color: transparent; |
| 4992 | border: 0; | 4997 | border: 0; |
| 4993 | color: #1E88E5; | 4998 | color: #1E88E5; |
| 4994 | padding: 0; | 4999 | padding: 0; |
| 4995 | -webkit-box-shadow: none; | 5000 | -webkit-box-shadow: none; |
| 4996 | box-shadow: none; | 5001 | box-shadow: none; |
| 4997 | } | 5002 | } |
| 4998 | .bootstrap-duallistbox-container .box1.filtered .clear1, | 5003 | .bootstrap-duallistbox-container .box1.filtered .clear1, |
| 4999 | .bootstrap-duallistbox-container .box2.filtered .clear2 { | 5004 | .bootstrap-duallistbox-container .box2.filtered .clear2 { |
| 5000 | display: inline-block; | 5005 | display: inline-block; |
| 5001 | } | 5006 | } |
| 5002 | .bootstrap-duallistbox-container .move, | 5007 | .bootstrap-duallistbox-container .move, |
| 5003 | .bootstrap-duallistbox-container .remove, | 5008 | .bootstrap-duallistbox-container .remove, |
| 5004 | .bootstrap-duallistbox-container .moveall, | 5009 | .bootstrap-duallistbox-container .moveall, |
| 5005 | .bootstrap-duallistbox-container .removeall { | 5010 | .bootstrap-duallistbox-container .removeall { |
| 5006 | width: 50%; | 5011 | width: 50%; |
| 5007 | } | 5012 | } |
| 5008 | .bootstrap-duallistbox-container .btn-group .btn { | 5013 | .bootstrap-duallistbox-container .btn-group .btn { |
| 5009 | margin: 0; | 5014 | margin: 0; |
| 5010 | } | 5015 | } |
| 5011 | .bootstrap-duallistbox-container .btn-group .btn + .btn { | 5016 | .bootstrap-duallistbox-container .btn-group .btn + .btn { |
| 5012 | border-left-width: 0; | 5017 | border-left-width: 0; |
| 5013 | } | 5018 | } |
| 5014 | .bootstrap-duallistbox-container .btn-group .btn > i { | 5019 | .bootstrap-duallistbox-container .btn-group .btn > i { |
| 5015 | float: none; | 5020 | float: none; |
| 5016 | text-align: center; | 5021 | text-align: center; |
| 5017 | } | 5022 | } |
| 5018 | .bootstrap-duallistbox-container .btn-group .btn > i + i { | 5023 | .bootstrap-duallistbox-container .btn-group .btn > i + i { |
| 5019 | margin-left: -14px; | 5024 | margin-left: -14px; |
| 5020 | } | 5025 | } |
| 5021 | .bootstrap-duallistbox-container .filter { | 5026 | .bootstrap-duallistbox-container .filter { |
| 5022 | margin-bottom: 20px; | 5027 | margin-bottom: 20px; |
| 5023 | position: relative; | 5028 | position: relative; |
| 5024 | } | 5029 | } |
| 5025 | .bootstrap-duallistbox-container .filter.placeholder { | 5030 | .bootstrap-duallistbox-container .filter.placeholder { |
| 5026 | color: #999; | 5031 | color: #999; |
| 5027 | } | 5032 | } |
| 5028 | .bootstrap-duallistbox-container .info-container .info { | 5033 | .bootstrap-duallistbox-container .info-container .info { |
| 5029 | display: inline-block; | 5034 | display: inline-block; |
| 5030 | margin-top: 20px; | 5035 | margin-top: 20px; |
| 5031 | } | 5036 | } |
| 5032 | .bootstrap-duallistbox-container .info-container .info .label { | 5037 | .bootstrap-duallistbox-container .info-container .info .label { |
| 5033 | margin-right: 8px; | 5038 | margin-right: 8px; |
| 5034 | } | 5039 | } |
| 5035 | .sidebar .bootstrap-duallistbox-container { | 5040 | .sidebar .bootstrap-duallistbox-container { |
| 5036 | text-align: center; | 5041 | text-align: center; |
| 5037 | } | 5042 | } |
| 5038 | .sidebar .bootstrap-duallistbox-container .box1, | 5043 | .sidebar .bootstrap-duallistbox-container .box1, |
| 5039 | .sidebar .bootstrap-duallistbox-container .box2 { | 5044 | .sidebar .bootstrap-duallistbox-container .box2 { |
| 5040 | float: none; | 5045 | float: none; |
| 5041 | width: 100%; | 5046 | width: 100%; |
| 5042 | } | 5047 | } |
| 5043 | .sidebar .bootstrap-duallistbox-container .box1:after { | 5048 | .sidebar .bootstrap-duallistbox-container .box1:after { |
| 5044 | content: '\e9c9'; | 5049 | content: '\e9c9'; |
| 5045 | font-size: 16px; | 5050 | font-size: 16px; |
| 5046 | font-family: 'icomoon'; | 5051 | font-family: 'icomoon'; |
| 5047 | display: block; | 5052 | display: block; |
| 5048 | text-align: center; | 5053 | text-align: center; |
| 5049 | line-height: 1; | 5054 | line-height: 1; |
| 5050 | margin: 10px 0; | 5055 | margin: 10px 0; |
| 5051 | -webkit-font-smoothing: antialiased; | 5056 | -webkit-font-smoothing: antialiased; |
| 5052 | -moz-osx-font-smoothing: grayscale; | 5057 | -moz-osx-font-smoothing: grayscale; |
| 5053 | opacity: 0.5; | 5058 | opacity: 0.5; |
| 5054 | filter: alpha(opacity=50); | 5059 | filter: alpha(opacity=50); |
| 5055 | } | 5060 | } |
| 5056 | @media (min-width: 1025px) { | 5061 | @media (min-width: 1025px) { |
| 5057 | .bootstrap-duallistbox-container .box1 { | 5062 | .bootstrap-duallistbox-container .box1 { |
| 5058 | margin-bottom: 0; | 5063 | margin-bottom: 0; |
| 5059 | } | 5064 | } |
| 5060 | .sidebar .bootstrap-duallistbox-container .box1 { | 5065 | .sidebar .bootstrap-duallistbox-container .box1 { |
| 5061 | margin-bottom: 0; | 5066 | margin-bottom: 0; |
| 5062 | } | 5067 | } |
| 5063 | } | 5068 | } |
| 5064 | /* ------------------------------------------------------------------------------ | 5069 | /* ------------------------------------------------------------------------------ |
| 5065 | * | 5070 | * |
| 5066 | * # Bootstrap maxlength | 5071 | * # Bootstrap maxlength |
| 5067 | * | 5072 | * |
| 5068 | * Styles for maxlength.min.js - input characters counter | 5073 | * Styles for maxlength.min.js - input characters counter |
| 5069 | * | 5074 | * |
| 5070 | * Version: 1.0 | 5075 | * Version: 1.0 |
| 5071 | * Latest update: Mar 10, 2016 | 5076 | * Latest update: Mar 10, 2016 |
| 5072 | * | 5077 | * |
| 5073 | * ---------------------------------------------------------------------------- */ | 5078 | * ---------------------------------------------------------------------------- */ |
| 5074 | .bootstrap-maxlength { | 5079 | .bootstrap-maxlength { |
| 5075 | margin-top: 8px; | 5080 | margin-top: 8px; |
| 5076 | font-size: 12px; | 5081 | font-size: 12px; |
| 5077 | font-weight: 500; | 5082 | font-weight: 500; |
| 5078 | } | 5083 | } |
| 5079 | /* ------------------------------------------------------------------------------ | 5084 | /* ------------------------------------------------------------------------------ |
| 5080 | * | 5085 | * |
| 5081 | * # Steps wizard | 5086 | * # Steps wizard |
| 5082 | * | 5087 | * |
| 5083 | * An all-in-one wizard plugin that is extremely flexible, compact and feature-rich | 5088 | * An all-in-one wizard plugin that is extremely flexible, compact and feature-rich |
| 5084 | * | 5089 | * |
| 5085 | * Version: 1.2 | 5090 | * Version: 1.2 |
| 5086 | * Latest update: Aug 10, 2016 | 5091 | * Latest update: Aug 10, 2016 |
| 5087 | * | 5092 | * |
| 5088 | * ---------------------------------------------------------------------------- */ | 5093 | * ---------------------------------------------------------------------------- */ |
| 5089 | .wizard { | 5094 | .wizard { |
| 5090 | width: 100%; | 5095 | width: 100%; |
| 5091 | } | 5096 | } |
| 5092 | .wizard > .steps .current-info, | 5097 | .wizard > .steps .current-info, |
| 5093 | .wizard > .content > .title { | 5098 | .wizard > .content > .title { |
| 5094 | position: absolute; | 5099 | position: absolute; |
| 5095 | left: -99999px; | 5100 | left: -99999px; |
| 5096 | } | 5101 | } |
| 5097 | .wizard > .content { | 5102 | .wizard > .content { |
| 5098 | position: relative; | 5103 | position: relative; |
| 5099 | width: auto; | 5104 | width: auto; |
| 5100 | padding: 0; | 5105 | padding: 0; |
| 5101 | } | 5106 | } |
| 5102 | .wizard > .content > .body { | 5107 | .wizard > .content > .body { |
| 5103 | padding: 0 20px; | 5108 | padding: 0 20px; |
| 5104 | } | 5109 | } |
| 5105 | .wizard > .content > iframe { | 5110 | .wizard > .content > iframe { |
| 5106 | border: 0 none; | 5111 | border: 0 none; |
| 5107 | width: 100%; | 5112 | width: 100%; |
| 5108 | height: 100%; | 5113 | height: 100%; |
| 5109 | } | 5114 | } |
| 5110 | .wizard > .steps { | 5115 | .wizard > .steps { |
| 5111 | position: relative; | 5116 | position: relative; |
| 5112 | display: block; | 5117 | display: block; |
| 5113 | width: 100%; | 5118 | width: 100%; |
| 5114 | } | 5119 | } |
| 5115 | .wizard > .steps > ul { | 5120 | .wizard > .steps > ul { |
| 5116 | display: table; | 5121 | display: table; |
| 5117 | width: 100%; | 5122 | width: 100%; |
| 5118 | table-layout: fixed; | 5123 | table-layout: fixed; |
| 5119 | margin: 0; | 5124 | margin: 0; |
| 5120 | padding: 0; | 5125 | padding: 0; |
| 5121 | list-style: none; | 5126 | list-style: none; |
| 5122 | } | 5127 | } |
| 5123 | .wizard > .steps > ul > li { | 5128 | .wizard > .steps > ul > li { |
| 5124 | display: table-cell; | 5129 | display: table-cell; |
| 5125 | width: auto; | 5130 | width: auto; |
| 5126 | vertical-align: top; | 5131 | vertical-align: top; |
| 5127 | text-align: center; | 5132 | text-align: center; |
| 5128 | position: relative; | 5133 | position: relative; |
| 5129 | } | 5134 | } |
| 5130 | .wizard > .steps > ul > li a { | 5135 | .wizard > .steps > ul > li a { |
| 5131 | position: relative; | 5136 | position: relative; |
| 5132 | padding-top: 48px; | 5137 | padding-top: 48px; |
| 5133 | margin-top: 20px; | 5138 | margin-top: 20px; |
| 5134 | margin-bottom: 20px; | 5139 | margin-bottom: 20px; |
| 5135 | display: block; | 5140 | display: block; |
| 5136 | } | 5141 | } |
| 5137 | .wizard > .steps > ul > li:before, | 5142 | .wizard > .steps > ul > li:before, |
| 5138 | .wizard > .steps > ul > li:after { | 5143 | .wizard > .steps > ul > li:after { |
| 5139 | content: ''; | 5144 | content: ''; |
| 5140 | display: block; | 5145 | display: block; |
| 5141 | position: absolute; | 5146 | position: absolute; |
| 5142 | top: 43px; | 5147 | top: 43px; |
| 5143 | width: 50%; | 5148 | width: 50%; |
| 5144 | height: 2px; | 5149 | height: 2px; |
| 5145 | background-color: #00BCD4; | 5150 | background-color: #00BCD4; |
| 5146 | z-index: 9; | 5151 | z-index: 9; |
| 5147 | } | 5152 | } |
| 5148 | .wizard > .steps > ul > li:before { | 5153 | .wizard > .steps > ul > li:before { |
| 5149 | left: 0; | 5154 | left: 0; |
| 5150 | } | 5155 | } |
| 5151 | .wizard > .steps > ul > li:after { | 5156 | .wizard > .steps > ul > li:after { |
| 5152 | right: 0; | 5157 | right: 0; |
| 5153 | } | 5158 | } |
| 5154 | .wizard > .steps > ul > li:first-child:before, | 5159 | .wizard > .steps > ul > li:first-child:before, |
| 5155 | .wizard > .steps > ul > li:last-child:after { | 5160 | .wizard > .steps > ul > li:last-child:after { |
| 5156 | content: none; | 5161 | content: none; |
| 5157 | } | 5162 | } |
| 5158 | .wizard > .steps > ul > li.current:after, | 5163 | .wizard > .steps > ul > li.current:after, |
| 5159 | .wizard > .steps > ul > li.current ~ li:before, | 5164 | .wizard > .steps > ul > li.current ~ li:before, |
| 5160 | .wizard > .steps > ul > li.current ~ li:after { | 5165 | .wizard > .steps > ul > li.current ~ li:after { |
| 5161 | background-color: #eeeeee; | 5166 | background-color: #eeeeee; |
| 5162 | } | 5167 | } |
| 5163 | .wizard > .steps > ul > li.current > a { | 5168 | .wizard > .steps > ul > li.current > a { |
| 5164 | color: #333333; | 5169 | color: #333333; |
| 5165 | cursor: default; | 5170 | cursor: default; |
| 5166 | } | 5171 | } |
| 5167 | .wizard > .steps > ul > li.current .number { | 5172 | .wizard > .steps > ul > li.current .number { |
| 5168 | font-size: 0; | 5173 | font-size: 0; |
| 5169 | border-color: #00BCD4; | 5174 | border-color: #00BCD4; |
| 5170 | background-color: #fff; | 5175 | background-color: #fff; |
| 5171 | color: #00BCD4; | 5176 | color: #00BCD4; |
| 5172 | } | 5177 | } |
| 5173 | .wizard > .steps > ul > li.current .number:after { | 5178 | .wizard > .steps > ul > li.current .number:after { |
| 5174 | content: '\e913'; | 5179 | content: '\e913'; |
| 5175 | font-family: 'icomoon'; | 5180 | font-family: 'icomoon'; |
| 5176 | display: inline-block; | 5181 | display: inline-block; |
| 5177 | font-size: 16px; | 5182 | font-size: 16px; |
| 5178 | -webkit-font-smoothing: antialiased; | 5183 | -webkit-font-smoothing: antialiased; |
| 5179 | -moz-osx-font-smoothing: grayscale; | 5184 | -moz-osx-font-smoothing: grayscale; |
| 5180 | line-height: 34px; | 5185 | line-height: 34px; |
| 5181 | -webkit-transition: all 0.15s ease-in-out; | 5186 | -webkit-transition: all 0.15s ease-in-out; |
| 5182 | -o-transition: all 0.15s ease-in-out; | 5187 | -o-transition: all 0.15s ease-in-out; |
| 5183 | transition: all 0.15s ease-in-out; | 5188 | transition: all 0.15s ease-in-out; |
| 5184 | } | 5189 | } |
| 5185 | .wizard > .steps > ul > li.disabled a, | 5190 | .wizard > .steps > ul > li.disabled a, |
| 5186 | .wizard > .steps > ul > li.disabled a:hover, | 5191 | .wizard > .steps > ul > li.disabled a:hover, |
| 5187 | .wizard > .steps > ul > li.disabled a:focus { | 5192 | .wizard > .steps > ul > li.disabled a:focus { |
| 5188 | color: #999999; | 5193 | color: #999999; |
| 5189 | cursor: default; | 5194 | cursor: default; |
| 5190 | } | 5195 | } |
| 5191 | .wizard > .steps > ul > li.done a, | 5196 | .wizard > .steps > ul > li.done a, |
| 5192 | .wizard > .steps > ul > li.done a:hover, | 5197 | .wizard > .steps > ul > li.done a:hover, |
| 5193 | .wizard > .steps > ul > li.done a:focus { | 5198 | .wizard > .steps > ul > li.done a:focus { |
| 5194 | color: #999999; | 5199 | color: #999999; |
| 5195 | } | 5200 | } |
| 5196 | .wizard > .steps > ul > li.done .number { | 5201 | .wizard > .steps > ul > li.done .number { |
| 5197 | font-size: 0; | 5202 | font-size: 0; |
| 5198 | background-color: #00BCD4; | 5203 | background-color: #00BCD4; |
| 5199 | border-color: #00BCD4; | 5204 | border-color: #00BCD4; |
| 5200 | color: #fff; | 5205 | color: #fff; |
| 5201 | } | 5206 | } |
| 5202 | .wizard > .steps > ul > li.done .number:after { | 5207 | .wizard > .steps > ul > li.done .number:after { |
| 5203 | content: '\ed6f'; | 5208 | content: '\ed6f'; |
| 5204 | font-family: 'icomoon'; | 5209 | font-family: 'icomoon'; |
| 5205 | display: inline-block; | 5210 | display: inline-block; |
| 5206 | font-size: 16px; | 5211 | font-size: 16px; |
| 5207 | line-height: 34px; | 5212 | line-height: 34px; |
| 5208 | -webkit-font-smoothing: antialiased; | 5213 | -webkit-font-smoothing: antialiased; |
| 5209 | -moz-osx-font-smoothing: grayscale; | 5214 | -moz-osx-font-smoothing: grayscale; |
| 5210 | -webkit-transition: all 0.15s ease-in-out; | 5215 | -webkit-transition: all 0.15s ease-in-out; |
| 5211 | -o-transition: all 0.15s ease-in-out; | 5216 | -o-transition: all 0.15s ease-in-out; |
| 5212 | transition: all 0.15s ease-in-out; | 5217 | transition: all 0.15s ease-in-out; |
| 5213 | } | 5218 | } |
| 5214 | .wizard > .steps > ul > li.error .number { | 5219 | .wizard > .steps > ul > li.error .number { |
| 5215 | border-color: #F44336; | 5220 | border-color: #F44336; |
| 5216 | color: #F44336; | 5221 | color: #F44336; |
| 5217 | } | 5222 | } |
| 5218 | @media (max-width: 768px) { | 5223 | @media (max-width: 768px) { |
| 5219 | .wizard > .steps > ul { | 5224 | .wizard > .steps > ul { |
| 5220 | margin-bottom: 20px; | 5225 | margin-bottom: 20px; |
| 5221 | } | 5226 | } |
| 5222 | .wizard > .steps > ul > li { | 5227 | .wizard > .steps > ul > li { |
| 5223 | display: block; | 5228 | display: block; |
| 5224 | float: left; | 5229 | float: left; |
| 5225 | width: 50%; | 5230 | width: 50%; |
| 5226 | } | 5231 | } |
| 5227 | .wizard > .steps > ul > li > a { | 5232 | .wizard > .steps > ul > li > a { |
| 5228 | margin-bottom: 0; | 5233 | margin-bottom: 0; |
| 5229 | } | 5234 | } |
| 5230 | .wizard > .steps > ul > li:first-child:before, | 5235 | .wizard > .steps > ul > li:first-child:before, |
| 5231 | .wizard > .steps > ul > li:last-child:after { | 5236 | .wizard > .steps > ul > li:last-child:after { |
| 5232 | content: ''; | 5237 | content: ''; |
| 5233 | } | 5238 | } |
| 5234 | .wizard > .steps > ul > li:last-child:after { | 5239 | .wizard > .steps > ul > li:last-child:after { |
| 5235 | background-color: #00BCD4; | 5240 | background-color: #00BCD4; |
| 5236 | } | 5241 | } |
| 5237 | } | 5242 | } |
| 5238 | @media (max-width: 480px) { | 5243 | @media (max-width: 480px) { |
| 5239 | .wizard > .steps > ul > li { | 5244 | .wizard > .steps > ul > li { |
| 5240 | width: 100%; | 5245 | width: 100%; |
| 5241 | } | 5246 | } |
| 5242 | .wizard > .steps > ul > li.current:after { | 5247 | .wizard > .steps > ul > li.current:after { |
| 5243 | background-color: #00BCD4; | 5248 | background-color: #00BCD4; |
| 5244 | } | 5249 | } |
| 5245 | } | 5250 | } |
| 5246 | .wizard > .steps .number { | 5251 | .wizard > .steps .number { |
| 5247 | background-color: #fff; | 5252 | background-color: #fff; |
| 5248 | color: #ccc; | 5253 | color: #ccc; |
| 5249 | display: inline-block; | 5254 | display: inline-block; |
| 5250 | position: absolute; | 5255 | position: absolute; |
| 5251 | top: 0; | 5256 | top: 0; |
| 5252 | left: 50%; | 5257 | left: 50%; |
| 5253 | margin-left: -19px; | 5258 | margin-left: -19px; |
| 5254 | width: 38px; | 5259 | width: 38px; |
| 5255 | height: 38px; | 5260 | height: 38px; |
| 5256 | border: 2px solid #eeeeee; | 5261 | border: 2px solid #eeeeee; |
| 5257 | font-size: 14px; | 5262 | font-size: 14px; |
| 5258 | border-radius: 50%; | 5263 | border-radius: 50%; |
| 5259 | z-index: 10; | 5264 | z-index: 10; |
| 5260 | line-height: 34px; | 5265 | line-height: 34px; |
| 5261 | text-align: center; | 5266 | text-align: center; |
| 5262 | } | 5267 | } |
| 5263 | .panel-flat > .wizard > .steps > ul { | 5268 | .panel-flat > .wizard > .steps > ul { |
| 5264 | border-top: 1px solid #ddd; | 5269 | border-top: 1px solid #ddd; |
| 5265 | } | 5270 | } |
| 5266 | .wizard > .actions { | 5271 | .wizard > .actions { |
| 5267 | position: relative; | 5272 | position: relative; |
| 5268 | display: block; | 5273 | display: block; |
| 5269 | text-align: right; | 5274 | text-align: right; |
| 5270 | padding: 20px; | 5275 | padding: 20px; |
| 5271 | padding-top: 0; | 5276 | padding-top: 0; |
| 5272 | } | 5277 | } |
| 5273 | .wizard > .actions > ul { | 5278 | .wizard > .actions > ul { |
| 5274 | float: right; | 5279 | float: right; |
| 5275 | list-style: none; | 5280 | list-style: none; |
| 5276 | padding: 0; | 5281 | padding: 0; |
| 5277 | margin: 0; | 5282 | margin: 0; |
| 5278 | } | 5283 | } |
| 5279 | .wizard > .actions > ul:after { | 5284 | .wizard > .actions > ul:after { |
| 5280 | content: ''; | 5285 | content: ''; |
| 5281 | display: table; | 5286 | display: table; |
| 5282 | clear: both; | 5287 | clear: both; |
| 5283 | } | 5288 | } |
| 5284 | .wizard > .actions > ul > li { | 5289 | .wizard > .actions > ul > li { |
| 5285 | float: left; | 5290 | float: left; |
| 5286 | } | 5291 | } |
| 5287 | .wizard > .actions > ul > li + li { | 5292 | .wizard > .actions > ul > li + li { |
| 5288 | margin-left: 10px; | 5293 | margin-left: 10px; |
| 5289 | } | 5294 | } |
| 5290 | .wizard > .actions > ul > li > a { | 5295 | .wizard > .actions > ul > li > a { |
| 5291 | background: #2196F3; | 5296 | background: #2196F3; |
| 5292 | color: #fff; | 5297 | color: #fff; |
| 5293 | display: block; | 5298 | display: block; |
| 5294 | padding: 8px 16px; | 5299 | padding: 8px 16px; |
| 5295 | border-radius: 3px; | 5300 | border-radius: 3px; |
| 5296 | text-transform: uppercase; | 5301 | text-transform: uppercase; |
| 5297 | font-weight: 500; | 5302 | font-weight: 500; |
| 5298 | border: 1px solid transparent; | 5303 | border: 1px solid transparent; |
| 5299 | } | 5304 | } |
| 5300 | .wizard > .actions > ul > li > a:hover, | 5305 | .wizard > .actions > ul > li > a:hover, |
| 5301 | .wizard > .actions > ul > li > a:focus { | 5306 | .wizard > .actions > ul > li > a:focus { |
| 5302 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 5307 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 5303 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 5308 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 5304 | } | 5309 | } |
| 5305 | .wizard > .actions > ul > li > a:active { | 5310 | .wizard > .actions > ul > li > a:active { |
| 5306 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 5311 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 5307 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 5312 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 5308 | } | 5313 | } |
| 5309 | .wizard > .actions > ul > li > a[href="#previous"] { | 5314 | .wizard > .actions > ul > li > a[href="#previous"] { |
| 5310 | background-color: #f5f5f5; | 5315 | background-color: #f5f5f5; |
| 5311 | color: #333; | 5316 | color: #333; |
| 5312 | border: 1px solid transparent; | 5317 | border: 1px solid transparent; |
| 5313 | } | 5318 | } |
| 5314 | .wizard > .actions > ul > li > a[href="#previous"]:hover, | 5319 | .wizard > .actions > ul > li > a[href="#previous"]:hover, |
| 5315 | .wizard > .actions > ul > li > a[href="#previous"]:focus { | 5320 | .wizard > .actions > ul > li > a[href="#previous"]:focus { |
| 5316 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; | 5321 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; |
| 5317 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; | 5322 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; |
| 5318 | } | 5323 | } |
| 5319 | .wizard > .actions > ul > li > a[href="#previous"]:active { | 5324 | .wizard > .actions > ul > li > a[href="#previous"]:active { |
| 5320 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; | 5325 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; |
| 5321 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; | 5326 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; |
| 5322 | } | 5327 | } |
| 5323 | .wizard > .actions > ul > li.disabled > a, | 5328 | .wizard > .actions > ul > li.disabled > a, |
| 5324 | .wizard > .actions > ul > li.disabled > a:hover, | 5329 | .wizard > .actions > ul > li.disabled > a:hover, |
| 5325 | .wizard > .actions > ul > li.disabled > a:focus { | 5330 | .wizard > .actions > ul > li.disabled > a:focus { |
| 5326 | color: #999999; | 5331 | color: #999999; |
| 5327 | } | 5332 | } |
| 5328 | .wizard > .actions > ul > li.disabled > a[href="#previous"], | 5333 | .wizard > .actions > ul > li.disabled > a[href="#previous"], |
| 5329 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover, | 5334 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover, |
| 5330 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus { | 5335 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus { |
| 5331 | -webkit-box-shadow: none; | 5336 | -webkit-box-shadow: none; |
| 5332 | box-shadow: none; | 5337 | box-shadow: none; |
| 5333 | } | 5338 | } |
| 5334 | /* ------------------------------------------------------------------------------ | 5339 | /* ------------------------------------------------------------------------------ |
| 5335 | * | 5340 | * |
| 5336 | * # Form wizard | 5341 | * # Form wizard |
| 5337 | * | 5342 | * |
| 5338 | * jQuery plugin which turns a form into a multistep wizard | 5343 | * jQuery plugin which turns a form into a multistep wizard |
| 5339 | * | 5344 | * |
| 5340 | * Version: 1.1 | 5345 | * Version: 1.1 |
| 5341 | * Latest update: Mar 10, 2016 | 5346 | * Latest update: Mar 10, 2016 |
| 5342 | * | 5347 | * |
| 5343 | * ---------------------------------------------------------------------------- */ | 5348 | * ---------------------------------------------------------------------------- */ |
| 5344 | .panel-flat > .ui-formwizard { | 5349 | .panel-flat > .ui-formwizard { |
| 5345 | border-top: 1px solid #ddd; | 5350 | border-top: 1px solid #ddd; |
| 5346 | } | 5351 | } |
| 5347 | .form-wizard-title { | 5352 | .form-wizard-title { |
| 5348 | margin: 0 0 20px 0; | 5353 | margin: 0 0 20px 0; |
| 5349 | padding-bottom: 20px; | 5354 | padding-bottom: 20px; |
| 5350 | border-bottom: 1px solid #ddd; | 5355 | border-bottom: 1px solid #ddd; |
| 5351 | } | 5356 | } |
| 5352 | .form-wizard-count { | 5357 | .form-wizard-count { |
| 5353 | float: left; | 5358 | float: left; |
| 5354 | display: block; | 5359 | display: block; |
| 5355 | width: 38px; | 5360 | width: 38px; |
| 5356 | height: 38px; | 5361 | height: 38px; |
| 5357 | border-radius: 50%; | 5362 | border-radius: 50%; |
| 5358 | border: 2px solid #4CAF50; | 5363 | border: 2px solid #4CAF50; |
| 5359 | color: #4CAF50; | 5364 | color: #4CAF50; |
| 5360 | text-align: center; | 5365 | text-align: center; |
| 5361 | line-height: 34px; | 5366 | line-height: 34px; |
| 5362 | margin-right: 10px; | 5367 | margin-right: 10px; |
| 5363 | } | 5368 | } |
| 5364 | .ui-formwizard .step { | 5369 | .ui-formwizard .step { |
| 5365 | padding: 20px; | 5370 | padding: 20px; |
| 5366 | padding-bottom: 0; | 5371 | padding-bottom: 0; |
| 5367 | } | 5372 | } |
| 5368 | .form-wizard-actions { | 5373 | .form-wizard-actions { |
| 5369 | text-align: right; | 5374 | text-align: right; |
| 5370 | padding: 20px; | 5375 | padding: 20px; |
| 5371 | padding-top: 0; | 5376 | padding-top: 0; |
| 5372 | } | 5377 | } |
| 5373 | .panel-body .form-wizard-actions { | 5378 | .panel-body .form-wizard-actions { |
| 5374 | padding: 0; | 5379 | padding: 0; |
| 5375 | } | 5380 | } |
| 5376 | .form-wizard-actions .btn + .btn { | 5381 | .form-wizard-actions .btn + .btn { |
| 5377 | margin-left: 5px; | 5382 | margin-left: 5px; |
| 5378 | } | 5383 | } |
| 5379 | /* ------------------------------------------------------------------------------ | 5384 | /* ------------------------------------------------------------------------------ |
| 5380 | * | 5385 | * |
| 5381 | * # Stepy wizard | 5386 | * # Stepy wizard |
| 5382 | * | 5387 | * |
| 5383 | * jQuery plugin which generates a customizable wizard from form fieldsets | 5388 | * jQuery plugin which generates a customizable wizard from form fieldsets |
| 5384 | * | 5389 | * |
| 5385 | * Version: 1.0 | 5390 | * Version: 1.0 |
| 5386 | * Latest update: May 25, 2015 | 5391 | * Latest update: May 25, 2015 |
| 5387 | * | 5392 | * |
| 5388 | * ---------------------------------------------------------------------------- */ | 5393 | * ---------------------------------------------------------------------------- */ |
| 5389 | .stepy-step { | 5394 | .stepy-step { |
| 5390 | padding: 20px; | 5395 | padding: 20px; |
| 5391 | padding-top: 0; | 5396 | padding-top: 0; |
| 5392 | } | 5397 | } |
| 5393 | .stepy-header { | 5398 | .stepy-header { |
| 5394 | list-style: none; | 5399 | list-style: none; |
| 5395 | padding: 0; | 5400 | padding: 0; |
| 5396 | margin: 0; | 5401 | margin: 0; |
| 5397 | display: table; | 5402 | display: table; |
| 5398 | table-layout: fixed; | 5403 | table-layout: fixed; |
| 5399 | width: 100%; | 5404 | width: 100%; |
| 5400 | } | 5405 | } |
| 5401 | .panel-flat > .stepy-header { | 5406 | .panel-flat > .stepy-header { |
| 5402 | border-top: 1px solid #ddd; | 5407 | border-top: 1px solid #ddd; |
| 5403 | } | 5408 | } |
| 5404 | .stepy-header li { | 5409 | .stepy-header li { |
| 5405 | cursor: pointer; | 5410 | cursor: pointer; |
| 5406 | display: table-cell; | 5411 | display: table-cell; |
| 5407 | vertical-align: top; | 5412 | vertical-align: top; |
| 5408 | width: auto; | 5413 | width: auto; |
| 5409 | padding: 20px 0; | 5414 | padding: 20px 0; |
| 5410 | text-align: center; | 5415 | text-align: center; |
| 5411 | position: relative; | 5416 | position: relative; |
| 5412 | } | 5417 | } |
| 5413 | .stepy-header li span { | 5418 | .stepy-header li span { |
| 5414 | display: block; | 5419 | display: block; |
| 5415 | margin-top: 10px; | 5420 | margin-top: 10px; |
| 5416 | color: #999999; | 5421 | color: #999999; |
| 5417 | } | 5422 | } |
| 5418 | .stepy-header li:before, | 5423 | .stepy-header li:before, |
| 5419 | .stepy-header li:after { | 5424 | .stepy-header li:after { |
| 5420 | content: ''; | 5425 | content: ''; |
| 5421 | display: block; | 5426 | display: block; |
| 5422 | position: absolute; | 5427 | position: absolute; |
| 5423 | top: 43px; | 5428 | top: 43px; |
| 5424 | width: 50%; | 5429 | width: 50%; |
| 5425 | height: 2px; | 5430 | height: 2px; |
| 5426 | background-color: #00BCD4; | 5431 | background-color: #00BCD4; |
| 5427 | z-index: 9; | 5432 | z-index: 9; |
| 5428 | } | 5433 | } |
| 5429 | .stepy-header li:before { | 5434 | .stepy-header li:before { |
| 5430 | left: 0; | 5435 | left: 0; |
| 5431 | } | 5436 | } |
| 5432 | .stepy-header li:after { | 5437 | .stepy-header li:after { |
| 5433 | right: 0; | 5438 | right: 0; |
| 5434 | } | 5439 | } |
| 5435 | .stepy-header li:first-child:before, | 5440 | .stepy-header li:first-child:before, |
| 5436 | .stepy-header li:last-child:after { | 5441 | .stepy-header li:last-child:after { |
| 5437 | content: none; | 5442 | content: none; |
| 5438 | } | 5443 | } |
| 5439 | .stepy-header li div { | 5444 | .stepy-header li div { |
| 5440 | background-color: #00BCD4; | 5445 | background-color: #00BCD4; |
| 5441 | font-size: 0; | 5446 | font-size: 0; |
| 5442 | position: relative; | 5447 | position: relative; |
| 5443 | color: #fff; | 5448 | color: #fff; |
| 5444 | margin-left: auto; | 5449 | margin-left: auto; |
| 5445 | margin-right: auto; | 5450 | margin-right: auto; |
| 5446 | width: 38px; | 5451 | width: 38px; |
| 5447 | height: 38px; | 5452 | height: 38px; |
| 5448 | border: 2px solid #00BCD4; | 5453 | border: 2px solid #00BCD4; |
| 5449 | z-index: 10; | 5454 | z-index: 10; |
| 5450 | line-height: 34px; | 5455 | line-height: 34px; |
| 5451 | text-align: center; | 5456 | text-align: center; |
| 5452 | border-radius: 50%; | 5457 | border-radius: 50%; |
| 5453 | } | 5458 | } |
| 5454 | .stepy-header li div:after { | 5459 | .stepy-header li div:after { |
| 5455 | content: '\ed6c'; | 5460 | content: '\ed6c'; |
| 5456 | font-family: 'icomoon'; | 5461 | font-family: 'icomoon'; |
| 5457 | display: inline-block; | 5462 | display: inline-block; |
| 5458 | font-size: 16px; | 5463 | font-size: 16px; |
| 5459 | -webkit-font-smoothing: antialiased; | 5464 | -webkit-font-smoothing: antialiased; |
| 5460 | -moz-osx-font-smoothing: grayscale; | 5465 | -moz-osx-font-smoothing: grayscale; |
| 5461 | line-height: 34px; | 5466 | line-height: 34px; |
| 5462 | -webkit-transition: all 0.15s ease-in-out; | 5467 | -webkit-transition: all 0.15s ease-in-out; |
| 5463 | -o-transition: all 0.15s ease-in-out; | 5468 | -o-transition: all 0.15s ease-in-out; |
| 5464 | transition: all 0.15s ease-in-out; | 5469 | transition: all 0.15s ease-in-out; |
| 5465 | } | 5470 | } |
| 5466 | .stepy-header li.stepy-active:after, | 5471 | .stepy-header li.stepy-active:after, |
| 5467 | .stepy-header li.stepy-active ~ li:before, | 5472 | .stepy-header li.stepy-active ~ li:before, |
| 5468 | .stepy-header li.stepy-active ~ li:after { | 5473 | .stepy-header li.stepy-active ~ li:after { |
| 5469 | background-color: #f5f5f5; | 5474 | background-color: #f5f5f5; |
| 5470 | } | 5475 | } |
| 5471 | .stepy-header li.stepy-active ~ li div { | 5476 | .stepy-header li.stepy-active ~ li div { |
| 5472 | border-color: #eeeeee; | 5477 | border-color: #eeeeee; |
| 5473 | background-color: #fff; | 5478 | background-color: #fff; |
| 5474 | color: #ccc; | 5479 | color: #ccc; |
| 5475 | font-size: 14px; | 5480 | font-size: 14px; |
| 5476 | } | 5481 | } |
| 5477 | .stepy-header li.stepy-active ~ li div:after { | 5482 | .stepy-header li.stepy-active ~ li div:after { |
| 5478 | content: none; | 5483 | content: none; |
| 5479 | } | 5484 | } |
| 5480 | .stepy-header li.stepy-active div { | 5485 | .stepy-header li.stepy-active div { |
| 5481 | cursor: auto; | 5486 | cursor: auto; |
| 5482 | border-color: #00BCD4; | 5487 | border-color: #00BCD4; |
| 5483 | background-color: #fff; | 5488 | background-color: #fff; |
| 5484 | color: #00BCD4; | 5489 | color: #00BCD4; |
| 5485 | } | 5490 | } |
| 5486 | .stepy-header li.stepy-active div:after { | 5491 | .stepy-header li.stepy-active div:after { |
| 5487 | content: '\e913'; | 5492 | content: '\e913'; |
| 5488 | } | 5493 | } |
| 5489 | .stepy-header li.stepy-active span { | 5494 | .stepy-header li.stepy-active span { |
| 5490 | color: #333333; | 5495 | color: #333333; |
| 5491 | } | 5496 | } |
| 5492 | @media (max-width: 769px) { | 5497 | @media (max-width: 769px) { |
| 5493 | .stepy-header { | 5498 | .stepy-header { |
| 5494 | margin-bottom: 20px; | 5499 | margin-bottom: 20px; |
| 5495 | } | 5500 | } |
| 5496 | .stepy-header li { | 5501 | .stepy-header li { |
| 5497 | display: block; | 5502 | display: block; |
| 5498 | float: left; | 5503 | float: left; |
| 5499 | width: 50%; | 5504 | width: 50%; |
| 5500 | padding-bottom: 0; | 5505 | padding-bottom: 0; |
| 5501 | } | 5506 | } |
| 5502 | .stepy-header li:first-child:before, | 5507 | .stepy-header li:first-child:before, |
| 5503 | .stepy-header li:last-child:after { | 5508 | .stepy-header li:last-child:after { |
| 5504 | content: ''; | 5509 | content: ''; |
| 5505 | } | 5510 | } |
| 5506 | .stepy-header li.stepy-active:last-child:after { | 5511 | .stepy-header li.stepy-active:last-child:after { |
| 5507 | background-color: #00BCD4; | 5512 | background-color: #00BCD4; |
| 5508 | } | 5513 | } |
| 5509 | } | 5514 | } |
| 5510 | @media (max-width: 480px) { | 5515 | @media (max-width: 480px) { |
| 5511 | .stepy-header li { | 5516 | .stepy-header li { |
| 5512 | width: 100%; | 5517 | width: 100%; |
| 5513 | } | 5518 | } |
| 5514 | .stepy-header li.stepy-active:after { | 5519 | .stepy-header li.stepy-active:after { |
| 5515 | background-color: #00BCD4; | 5520 | background-color: #00BCD4; |
| 5516 | } | 5521 | } |
| 5517 | } | 5522 | } |
| 5518 | .stepy-navigator { | 5523 | .stepy-navigator { |
| 5519 | text-align: right; | 5524 | text-align: right; |
| 5520 | } | 5525 | } |
| 5521 | .stepy-navigator .btn + .btn { | 5526 | .stepy-navigator .btn + .btn { |
| 5522 | margin-left: 5px; | 5527 | margin-left: 5px; |
| 5523 | } | 5528 | } |
| 5524 | /* ------------------------------------------------------------------------------ | 5529 | /* ------------------------------------------------------------------------------ |
| 5525 | * | 5530 | * |
| 5526 | * # Summernote editor | 5531 | * # Summernote editor |
| 5527 | * | 5532 | * |
| 5528 | * Super simple WYSIWYG Editor for Bootstrap framework | 5533 | * Super simple WYSIWYG Editor for Bootstrap framework |
| 5529 | * | 5534 | * |
| 5530 | * Version: 1.3 | 5535 | * Version: 1.3 |
| 5531 | * Latest update: Aug 10, 2016 | 5536 | * Latest update: Aug 10, 2016 |
| 5532 | * | 5537 | * |
| 5533 | * ---------------------------------------------------------------------------- */ | 5538 | * ---------------------------------------------------------------------------- */ |
| 5534 | @font-face { | 5539 | @font-face { |
| 5535 | font-family: "summernote"; | 5540 | font-family: "summernote"; |
| 5536 | font-style: normal; | 5541 | font-style: normal; |
| 5537 | font-weight: normal; | 5542 | font-weight: normal; |
| 5538 | src: url("../css/icons/summernote//summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb"); | 5543 | src: url("../css/icons/summernote//summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb"); |
| 5539 | src: url("../css/icons/summernote//summernote.eot?#iefix") format("embedded-opentype"), url("../css/icons/summernote//summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"), url("../css/icons/summernote//summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") format("truetype"); | 5544 | src: url("../css/icons/summernote//summernote.eot?#iefix") format("embedded-opentype"), url("../css/icons/summernote//summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"), url("../css/icons/summernote//summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") format("truetype"); |
| 5540 | } | 5545 | } |
| 5541 | [class^="note-icon-"]:before, | 5546 | [class^="note-icon-"]:before, |
| 5542 | [class*=" note-icon-"]:before { | 5547 | [class*=" note-icon-"]:before { |
| 5543 | display: inline-block; | 5548 | display: inline-block; |
| 5544 | font: normal normal normal 14px summernote; | 5549 | font: normal normal normal 14px summernote; |
| 5545 | font-size: inherit; | 5550 | font-size: inherit; |
| 5546 | text-decoration: inherit; | 5551 | text-decoration: inherit; |
| 5547 | text-rendering: auto; | 5552 | text-rendering: auto; |
| 5548 | text-transform: none; | 5553 | text-transform: none; |
| 5549 | vertical-align: middle; | 5554 | vertical-align: middle; |
| 5550 | speak: none; | 5555 | speak: none; |
| 5551 | -webkit-font-smoothing: antialiased; | 5556 | -webkit-font-smoothing: antialiased; |
| 5552 | -moz-osx-font-smoothing: grayscale; | 5557 | -moz-osx-font-smoothing: grayscale; |
| 5553 | } | 5558 | } |
| 5554 | .note-icon-align-center:before { | 5559 | .note-icon-align-center:before { |
| 5555 | content: "\f101"; | 5560 | content: "\f101"; |
| 5556 | } | 5561 | } |
| 5557 | .note-icon-align-indent:before { | 5562 | .note-icon-align-indent:before { |
| 5558 | content: "\f102"; | 5563 | content: "\f102"; |
| 5559 | } | 5564 | } |
| 5560 | .note-icon-align-justify:before { | 5565 | .note-icon-align-justify:before { |
| 5561 | content: "\f103"; | 5566 | content: "\f103"; |
| 5562 | } | 5567 | } |
| 5563 | .note-icon-align-left:before { | 5568 | .note-icon-align-left:before { |
| 5564 | content: "\f104"; | 5569 | content: "\f104"; |
| 5565 | } | 5570 | } |
| 5566 | .note-icon-align-outdent:before { | 5571 | .note-icon-align-outdent:before { |
| 5567 | content: "\f105"; | 5572 | content: "\f105"; |
| 5568 | } | 5573 | } |
| 5569 | .note-icon-align-right:before { | 5574 | .note-icon-align-right:before { |
| 5570 | content: "\f106"; | 5575 | content: "\f106"; |
| 5571 | } | 5576 | } |
| 5572 | .note-icon-align:before { | 5577 | .note-icon-align:before { |
| 5573 | content: "\f107"; | 5578 | content: "\f107"; |
| 5574 | } | 5579 | } |
| 5575 | .note-icon-arrows-alt:before { | 5580 | .note-icon-arrows-alt:before { |
| 5576 | content: "\f108"; | 5581 | content: "\f108"; |
| 5577 | } | 5582 | } |
| 5578 | .note-icon-bold:before { | 5583 | .note-icon-bold:before { |
| 5579 | content: "\f109"; | 5584 | content: "\f109"; |
| 5580 | } | 5585 | } |
| 5581 | .note-icon-caret:before { | 5586 | .note-icon-caret:before { |
| 5582 | content: "\f10a"; | 5587 | content: "\f10a"; |
| 5583 | } | 5588 | } |
| 5584 | .note-icon-chain-broken:before { | 5589 | .note-icon-chain-broken:before { |
| 5585 | content: "\f10b"; | 5590 | content: "\f10b"; |
| 5586 | } | 5591 | } |
| 5587 | .note-icon-circle:before { | 5592 | .note-icon-circle:before { |
| 5588 | content: "\f10c"; | 5593 | content: "\f10c"; |
| 5589 | } | 5594 | } |
| 5590 | .note-icon-close:before { | 5595 | .note-icon-close:before { |
| 5591 | content: "\f10d"; | 5596 | content: "\f10d"; |
| 5592 | } | 5597 | } |
| 5593 | .note-icon-code:before { | 5598 | .note-icon-code:before { |
| 5594 | content: "\f10e"; | 5599 | content: "\f10e"; |
| 5595 | } | 5600 | } |
| 5596 | .note-icon-eraser:before { | 5601 | .note-icon-eraser:before { |
| 5597 | content: "\f10f"; | 5602 | content: "\f10f"; |
| 5598 | } | 5603 | } |
| 5599 | .note-icon-font:before { | 5604 | .note-icon-font:before { |
| 5600 | content: "\f110"; | 5605 | content: "\f110"; |
| 5601 | } | 5606 | } |
| 5602 | .note-icon-frame:before { | 5607 | .note-icon-frame:before { |
| 5603 | content: "\f111"; | 5608 | content: "\f111"; |
| 5604 | } | 5609 | } |
| 5605 | .note-icon-italic:before { | 5610 | .note-icon-italic:before { |
| 5606 | content: "\f112"; | 5611 | content: "\f112"; |
| 5607 | } | 5612 | } |
| 5608 | .note-icon-link:before { | 5613 | .note-icon-link:before { |
| 5609 | content: "\f113"; | 5614 | content: "\f113"; |
| 5610 | } | 5615 | } |
| 5611 | .note-icon-magic:before { | 5616 | .note-icon-magic:before { |
| 5612 | content: "\f114"; | 5617 | content: "\f114"; |
| 5613 | } | 5618 | } |
| 5614 | .note-icon-menu-check:before { | 5619 | .note-icon-menu-check:before { |
| 5615 | content: "\f115"; | 5620 | content: "\f115"; |
| 5616 | } | 5621 | } |
| 5617 | .note-icon-minus:before { | 5622 | .note-icon-minus:before { |
| 5618 | content: "\f116"; | 5623 | content: "\f116"; |
| 5619 | } | 5624 | } |
| 5620 | .note-icon-orderedlist:before { | 5625 | .note-icon-orderedlist:before { |
| 5621 | content: "\f117"; | 5626 | content: "\f117"; |
| 5622 | } | 5627 | } |
| 5623 | .note-icon-pencil:before { | 5628 | .note-icon-pencil:before { |
| 5624 | content: "\f118"; | 5629 | content: "\f118"; |
| 5625 | } | 5630 | } |
| 5626 | .note-icon-picture:before { | 5631 | .note-icon-picture:before { |
| 5627 | content: "\f119"; | 5632 | content: "\f119"; |
| 5628 | } | 5633 | } |
| 5629 | .note-icon-question:before { | 5634 | .note-icon-question:before { |
| 5630 | content: "\f11a"; | 5635 | content: "\f11a"; |
| 5631 | } | 5636 | } |
| 5632 | .note-icon-redo:before { | 5637 | .note-icon-redo:before { |
| 5633 | content: "\f11b"; | 5638 | content: "\f11b"; |
| 5634 | } | 5639 | } |
| 5635 | .note-icon-special-character:before { | 5640 | .note-icon-special-character:before { |
| 5636 | content: "\f11c"; | 5641 | content: "\f11c"; |
| 5637 | } | 5642 | } |
| 5638 | .note-icon-square:before { | 5643 | .note-icon-square:before { |
| 5639 | content: "\f11d"; | 5644 | content: "\f11d"; |
| 5640 | } | 5645 | } |
| 5641 | .note-icon-strikethrough:before { | 5646 | .note-icon-strikethrough:before { |
| 5642 | content: "\f11e"; | 5647 | content: "\f11e"; |
| 5643 | } | 5648 | } |
| 5644 | .note-icon-subscript:before { | 5649 | .note-icon-subscript:before { |
| 5645 | content: "\f11f"; | 5650 | content: "\f11f"; |
| 5646 | } | 5651 | } |
| 5647 | .note-icon-summernote:before { | 5652 | .note-icon-summernote:before { |
| 5648 | content: "\f120"; | 5653 | content: "\f120"; |
| 5649 | } | 5654 | } |
| 5650 | .note-icon-superscript:before { | 5655 | .note-icon-superscript:before { |
| 5651 | content: "\f121"; | 5656 | content: "\f121"; |
| 5652 | } | 5657 | } |
| 5653 | .note-icon-table:before { | 5658 | .note-icon-table:before { |
| 5654 | content: "\f122"; | 5659 | content: "\f122"; |
| 5655 | } | 5660 | } |
| 5656 | .note-icon-text-height:before { | 5661 | .note-icon-text-height:before { |
| 5657 | content: "\f123"; | 5662 | content: "\f123"; |
| 5658 | } | 5663 | } |
| 5659 | .note-icon-trash:before { | 5664 | .note-icon-trash:before { |
| 5660 | content: "\f124"; | 5665 | content: "\f124"; |
| 5661 | } | 5666 | } |
| 5662 | .note-icon-underline:before { | 5667 | .note-icon-underline:before { |
| 5663 | content: "\f125"; | 5668 | content: "\f125"; |
| 5664 | } | 5669 | } |
| 5665 | .note-icon-undo:before { | 5670 | .note-icon-undo:before { |
| 5666 | content: "\f126"; | 5671 | content: "\f126"; |
| 5667 | } | 5672 | } |
| 5668 | .note-icon-unorderedlist:before { | 5673 | .note-icon-unorderedlist:before { |
| 5669 | content: "\f127"; | 5674 | content: "\f127"; |
| 5670 | } | 5675 | } |
| 5671 | .note-icon-video:before { | 5676 | .note-icon-video:before { |
| 5672 | content: "\f128"; | 5677 | content: "\f128"; |
| 5673 | } | 5678 | } |
| 5674 | .note-editor { | 5679 | .note-editor { |
| 5675 | border: 1px solid #ddd; | 5680 | border: 1px solid #ddd; |
| 5676 | border-radius: 3px; | 5681 | border-radius: 3px; |
| 5677 | -webkit-box-shadow: none; | 5682 | -webkit-box-shadow: none; |
| 5678 | box-shadow: none; | 5683 | box-shadow: none; |
| 5679 | } | 5684 | } |
| 5680 | .note-editor .note-dropzone { | 5685 | .note-editor .note-dropzone { |
| 5681 | position: absolute; | 5686 | position: absolute; |
| 5682 | z-index: 1; | 5687 | z-index: 1; |
| 5683 | display: none; | 5688 | display: none; |
| 5684 | color: #2196F3; | 5689 | color: #2196F3; |
| 5685 | background-color: #fff; | 5690 | background-color: #fff; |
| 5686 | border: 2px dashed #2196F3; | 5691 | border: 2px dashed #2196F3; |
| 5687 | pointer-events: none; | 5692 | pointer-events: none; |
| 5688 | opacity: 0.95; | 5693 | opacity: 0.95; |
| 5689 | filter: alpha(opacity=95); | 5694 | filter: alpha(opacity=95); |
| 5690 | } | 5695 | } |
| 5691 | .note-editor .note-dropzone .note-dropzone-message { | 5696 | .note-editor .note-dropzone .note-dropzone-message { |
| 5692 | display: table-cell; | 5697 | display: table-cell; |
| 5693 | font-size: 25px; | 5698 | font-size: 25px; |
| 5694 | font-weight: 500; | 5699 | font-weight: 500; |
| 5695 | text-align: center; | 5700 | text-align: center; |
| 5696 | vertical-align: middle; | 5701 | vertical-align: middle; |
| 5697 | } | 5702 | } |
| 5698 | .note-editor .note-dropzone.hover { | 5703 | .note-editor .note-dropzone.hover { |
| 5699 | color: #2196F3; | 5704 | color: #2196F3; |
| 5700 | border: 2px dashed #2196F3; | 5705 | border: 2px dashed #2196F3; |
| 5701 | } | 5706 | } |
| 5702 | .note-editor.dragover .note-dropzone { | 5707 | .note-editor.dragover .note-dropzone { |
| 5703 | display: table; | 5708 | display: table; |
| 5704 | } | 5709 | } |
| 5705 | .note-editor .note-toolbar { | 5710 | .note-editor .note-toolbar { |
| 5706 | background-color: transparent; | 5711 | background-color: transparent; |
| 5707 | border-bottom: 0; | 5712 | border-bottom: 0; |
| 5708 | padding: 20px; | 5713 | padding: 20px; |
| 5709 | padding-top: 0; | 5714 | padding-top: 0; |
| 5710 | margin: 0; | 5715 | margin: 0; |
| 5711 | } | 5716 | } |
| 5712 | .note-editor.fullscreen { | 5717 | .note-editor.fullscreen { |
| 5713 | position: fixed; | 5718 | position: fixed; |
| 5714 | top: 0; | 5719 | top: 0; |
| 5715 | left: 0; | 5720 | left: 0; |
| 5716 | z-index: 1050; | 5721 | z-index: 1050; |
| 5717 | width: 100%; | 5722 | width: 100%; |
| 5718 | } | 5723 | } |
| 5719 | .note-editor.fullscreen .note-editable { | 5724 | .note-editor.fullscreen .note-editable { |
| 5720 | background-color: #fff; | 5725 | background-color: #fff; |
| 5721 | } | 5726 | } |
| 5722 | .note-editor.fullscreen .note-resizebar { | 5727 | .note-editor.fullscreen .note-resizebar { |
| 5723 | display: none; | 5728 | display: none; |
| 5724 | } | 5729 | } |
| 5725 | .note-editor.codeview .note-editable { | 5730 | .note-editor.codeview .note-editable { |
| 5726 | display: none; | 5731 | display: none; |
| 5727 | } | 5732 | } |
| 5728 | .note-editor.codeview .note-codable { | 5733 | .note-editor.codeview .note-codable { |
| 5729 | display: block; | 5734 | display: block; |
| 5730 | } | 5735 | } |
| 5731 | .note-editor .note-statusbar { | 5736 | .note-editor .note-statusbar { |
| 5732 | background-color: #fcfcfc; | 5737 | background-color: #fcfcfc; |
| 5733 | } | 5738 | } |
| 5734 | .note-editor .note-statusbar .note-resizebar { | 5739 | .note-editor .note-statusbar .note-resizebar { |
| 5735 | width: 100%; | 5740 | width: 100%; |
| 5736 | height: 8px; | 5741 | height: 8px; |
| 5737 | cursor: s-resize; | 5742 | cursor: s-resize; |
| 5738 | border-top: 1px solid #ddd; | 5743 | border-top: 1px solid #ddd; |
| 5739 | } | 5744 | } |
| 5740 | .note-editor .note-statusbar .note-resizebar .note-icon-bar { | 5745 | .note-editor .note-statusbar .note-resizebar .note-icon-bar { |
| 5741 | width: 20px; | 5746 | width: 20px; |
| 5742 | margin: 1px auto; | 5747 | margin: 1px auto; |
| 5743 | border-top: 1px solid #aaaaaa; | 5748 | border-top: 1px solid #aaaaaa; |
| 5744 | } | 5749 | } |
| 5745 | .note-editor .note-editable { | 5750 | .note-editor .note-editable { |
| 5746 | padding: 20px; | 5751 | padding: 20px; |
| 5747 | padding-top: 0; | 5752 | padding-top: 0; |
| 5748 | overflow: auto; | 5753 | overflow: auto; |
| 5749 | outline: 0; | 5754 | outline: 0; |
| 5750 | min-height: 150px; | 5755 | min-height: 150px; |
| 5751 | } | 5756 | } |
| 5752 | .note-editor .note-editable[contenteditable="false"] { | 5757 | .note-editor .note-editable[contenteditable="false"] { |
| 5753 | background-color: #eeeeee; | 5758 | background-color: #eeeeee; |
| 5754 | } | 5759 | } |
| 5755 | .note-editor .note-codable { | 5760 | .note-editor .note-codable { |
| 5756 | display: none; | 5761 | display: none; |
| 5757 | width: 100%; | 5762 | width: 100%; |
| 5758 | padding: 20px; | 5763 | padding: 20px; |
| 5759 | margin-bottom: 0; | 5764 | margin-bottom: 0; |
| 5760 | font-family: Menlo, Monaco, monospace, sans-serif; | 5765 | font-family: Menlo, Monaco, monospace, sans-serif; |
| 5761 | color: #fff; | 5766 | color: #fff; |
| 5762 | background-color: #333333; | 5767 | background-color: #333333; |
| 5763 | border: 0; | 5768 | border: 0; |
| 5764 | border-radius: 0; | 5769 | border-radius: 0; |
| 5765 | resize: none; | 5770 | resize: none; |
| 5766 | -webkit-box-shadow: none; | 5771 | -webkit-box-shadow: none; |
| 5767 | box-shadow: none; | 5772 | box-shadow: none; |
| 5768 | } | 5773 | } |
| 5769 | .note-editor .modal-title { | 5774 | .note-editor .modal-title { |
| 5770 | font-size: 17px; | 5775 | font-size: 17px; |
| 5771 | } | 5776 | } |
| 5772 | .note-air-editor { | 5777 | .note-air-editor { |
| 5773 | outline: 0; | 5778 | outline: 0; |
| 5774 | } | 5779 | } |
| 5775 | .note-popover { | 5780 | .note-popover { |
| 5776 | max-width: none; | 5781 | max-width: none; |
| 5777 | } | 5782 | } |
| 5778 | .note-popover .popover-content { | 5783 | .note-popover .popover-content { |
| 5779 | padding: 15px; | 5784 | padding: 15px; |
| 5780 | padding-top: 0; | 5785 | padding-top: 0; |
| 5781 | margin: 0; | 5786 | margin: 0; |
| 5782 | } | 5787 | } |
| 5783 | .note-popover .popover-content a { | 5788 | .note-popover .popover-content a { |
| 5784 | display: inline-block; | 5789 | display: inline-block; |
| 5785 | max-width: 200px; | 5790 | max-width: 200px; |
| 5786 | overflow: hidden; | 5791 | overflow: hidden; |
| 5787 | text-overflow: ellipsis; | 5792 | text-overflow: ellipsis; |
| 5788 | white-space: nowrap; | 5793 | white-space: nowrap; |
| 5789 | vertical-align: middle; | 5794 | vertical-align: middle; |
| 5790 | } | 5795 | } |
| 5791 | .note-popover .popover-content > .btn-group:last-child { | 5796 | .note-popover .popover-content > .btn-group:last-child { |
| 5792 | margin-right: 0; | 5797 | margin-right: 0; |
| 5793 | } | 5798 | } |
| 5794 | .note-popover .arrow { | 5799 | .note-popover .arrow { |
| 5795 | left: 20px; | 5800 | left: 20px; |
| 5796 | } | 5801 | } |
| 5797 | .note-popover .popover-content > .note-btn-group, | 5802 | .note-popover .popover-content > .note-btn-group, |
| 5798 | .note-toolbar > .note-btn-group { | 5803 | .note-toolbar > .note-btn-group { |
| 5799 | margin-top: 20px; | 5804 | margin-top: 20px; |
| 5800 | margin-right: 20px; | 5805 | margin-right: 20px; |
| 5801 | margin-left: 0; | 5806 | margin-left: 0; |
| 5802 | } | 5807 | } |
| 5803 | .note-popover .popover-content > .note-btn-group .note-icon-caret:before, | 5808 | .note-popover .popover-content > .note-btn-group .note-icon-caret:before, |
| 5804 | .note-toolbar > .note-btn-group .note-icon-caret:before { | 5809 | .note-toolbar > .note-btn-group .note-icon-caret:before { |
| 5805 | width: 9px; | 5810 | width: 9px; |
| 5806 | margin-left: 2px; | 5811 | margin-left: 2px; |
| 5807 | margin-right: 2px; | 5812 | margin-right: 2px; |
| 5808 | } | 5813 | } |
| 5809 | .note-popover .popover-content > .note-btn-group i + .note-icon-caret, | 5814 | .note-popover .popover-content > .note-btn-group i + .note-icon-caret, |
| 5810 | .note-toolbar > .note-btn-group i + .note-icon-caret { | 5815 | .note-toolbar > .note-btn-group i + .note-icon-caret { |
| 5811 | margin-left: 2px; | 5816 | margin-left: 2px; |
| 5812 | margin-right: -5px; | 5817 | margin-right: -5px; |
| 5813 | } | 5818 | } |
| 5814 | .note-popover .popover-content .note-style h1, | 5819 | .note-popover .popover-content .note-style h1, |
| 5815 | .note-toolbar .note-style h1, | 5820 | .note-toolbar .note-style h1, |
| 5816 | .note-popover .popover-content .note-style h2, | 5821 | .note-popover .popover-content .note-style h2, |
| 5817 | .note-toolbar .note-style h2, | 5822 | .note-toolbar .note-style h2, |
| 5818 | .note-popover .popover-content .note-style h3, | 5823 | .note-popover .popover-content .note-style h3, |
| 5819 | .note-toolbar .note-style h3, | 5824 | .note-toolbar .note-style h3, |
| 5820 | .note-popover .popover-content .note-style h4, | 5825 | .note-popover .popover-content .note-style h4, |
| 5821 | .note-toolbar .note-style h4, | 5826 | .note-toolbar .note-style h4, |
| 5822 | .note-popover .popover-content .note-style h5, | 5827 | .note-popover .popover-content .note-style h5, |
| 5823 | .note-toolbar .note-style h5, | 5828 | .note-toolbar .note-style h5, |
| 5824 | .note-popover .popover-content .note-style h6, | 5829 | .note-popover .popover-content .note-style h6, |
| 5825 | .note-toolbar .note-style h6, | 5830 | .note-toolbar .note-style h6, |
| 5826 | .note-popover .popover-content .note-style blockquote, | 5831 | .note-popover .popover-content .note-style blockquote, |
| 5827 | .note-toolbar .note-style blockquote { | 5832 | .note-toolbar .note-style blockquote { |
| 5828 | margin: 0; | 5833 | margin: 0; |
| 5829 | } | 5834 | } |
| 5830 | .note-popover .popover-content .note-table, | 5835 | .note-popover .popover-content .note-table, |
| 5831 | .note-toolbar .note-table { | 5836 | .note-toolbar .note-table { |
| 5832 | min-width: 0; | 5837 | min-width: 0; |
| 5833 | } | 5838 | } |
| 5834 | .note-popover .popover-content .note-table.dropdown-menu, | 5839 | .note-popover .popover-content .note-table.dropdown-menu, |
| 5835 | .note-toolbar .note-table.dropdown-menu { | 5840 | .note-toolbar .note-table.dropdown-menu { |
| 5836 | padding: 10px; | 5841 | padding: 10px; |
| 5837 | } | 5842 | } |
| 5838 | .note-popover .popover-content .note-table .note-dimension-picker, | 5843 | .note-popover .popover-content .note-table .note-dimension-picker, |
| 5839 | .note-toolbar .note-table .note-dimension-picker { | 5844 | .note-toolbar .note-table .note-dimension-picker { |
| 5840 | font-size: 18px; | 5845 | font-size: 18px; |
| 5841 | margin-bottom: 10px; | 5846 | margin-bottom: 10px; |
| 5842 | } | 5847 | } |
| 5843 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, | 5848 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, |
| 5844 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { | 5849 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { |
| 5845 | position: absolute!important; | 5850 | position: absolute!important; |
| 5846 | z-index: 3; | 5851 | z-index: 3; |
| 5847 | width: 10em; | 5852 | width: 10em; |
| 5848 | height: 10em; | 5853 | height: 10em; |
| 5849 | cursor: pointer; | 5854 | cursor: pointer; |
| 5850 | } | 5855 | } |
| 5851 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, | 5856 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, |
| 5852 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { | 5857 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { |
| 5853 | position: relative!important; | 5858 | position: relative!important; |
| 5854 | z-index: 1; | 5859 | z-index: 1; |
| 5855 | width: 5em; | 5860 | width: 5em; |
| 5856 | height: 5em; | 5861 | height: 5em; |
| 5857 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; | 5862 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; |
| 5858 | } | 5863 | } |
| 5859 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted, | 5864 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted, |
| 5860 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted { | 5865 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted { |
| 5861 | position: absolute!important; | 5866 | position: absolute!important; |
| 5862 | z-index: 2; | 5867 | z-index: 2; |
| 5863 | width: 1em; | 5868 | width: 1em; |
| 5864 | height: 1em; | 5869 | height: 1em; |
| 5865 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; | 5870 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; |
| 5866 | } | 5871 | } |
| 5867 | .note-popover .popover-content .note-table .note-dimension-display, | 5872 | .note-popover .popover-content .note-table .note-dimension-display, |
| 5868 | .note-toolbar .note-table .note-dimension-display { | 5873 | .note-toolbar .note-table .note-dimension-display { |
| 5869 | text-align: center; | 5874 | text-align: center; |
| 5870 | } | 5875 | } |
| 5871 | .note-popover .popover-content .note-color .dropdown-menu, | 5876 | .note-popover .popover-content .note-color .dropdown-menu, |
| 5872 | .note-toolbar .note-color .dropdown-menu { | 5877 | .note-toolbar .note-color .dropdown-menu { |
| 5873 | min-width: 330px; | 5878 | min-width: 330px; |
| 5874 | white-space: nowrap; | 5879 | white-space: nowrap; |
| 5875 | } | 5880 | } |
| 5876 | .note-popover .popover-content .note-color .dropdown-menu .btn-group, | 5881 | .note-popover .popover-content .note-color .dropdown-menu .btn-group, |
| 5877 | .note-toolbar .note-color .dropdown-menu .btn-group { | 5882 | .note-toolbar .note-color .dropdown-menu .btn-group { |
| 5878 | margin: 8px 16px; | 5883 | margin: 8px 16px; |
| 5879 | } | 5884 | } |
| 5880 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, | 5885 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, |
| 5881 | .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { | 5886 | .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { |
| 5882 | margin-bottom: 10px; | 5887 | margin-bottom: 10px; |
| 5883 | font-weight: 500; | 5888 | font-weight: 500; |
| 5884 | } | 5889 | } |
| 5885 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, | 5890 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, |
| 5886 | .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { | 5891 | .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { |
| 5887 | padding: 7px 14px; | 5892 | padding: 7px 14px; |
| 5888 | cursor: pointer; | 5893 | cursor: pointer; |
| 5889 | background-color: #F5F5F5; | 5894 | background-color: #F5F5F5; |
| 5890 | text-align: center; | 5895 | text-align: center; |
| 5891 | margin-bottom: 10px; | 5896 | margin-bottom: 10px; |
| 5892 | } | 5897 | } |
| 5893 | .note-popover .popover-content .note-para .dropdown-menu, | 5898 | .note-popover .popover-content .note-para .dropdown-menu, |
| 5894 | .note-toolbar .note-para .dropdown-menu { | 5899 | .note-toolbar .note-para .dropdown-menu { |
| 5895 | min-width: 290px; | 5900 | min-width: 290px; |
| 5896 | padding: 10px; | 5901 | padding: 10px; |
| 5897 | text-align: center; | 5902 | text-align: center; |
| 5898 | } | 5903 | } |
| 5899 | .note-popover .popover-content .note-para .dropdown-menu > div:first-child, | 5904 | .note-popover .popover-content .note-para .dropdown-menu > div:first-child, |
| 5900 | .note-toolbar .note-para .dropdown-menu > div:first-child { | 5905 | .note-toolbar .note-para .dropdown-menu > div:first-child { |
| 5901 | margin-right: 10px; | 5906 | margin-right: 10px; |
| 5902 | } | 5907 | } |
| 5903 | .note-popover .popover-content .dropdown-menu, | 5908 | .note-popover .popover-content .dropdown-menu, |
| 5904 | .note-toolbar .dropdown-menu { | 5909 | .note-toolbar .dropdown-menu { |
| 5905 | min-width: 90px; | 5910 | min-width: 90px; |
| 5906 | } | 5911 | } |
| 5907 | .note-popover .popover-content .dropdown-menu.right, | 5912 | .note-popover .popover-content .dropdown-menu.right, |
| 5908 | .note-toolbar .dropdown-menu.right { | 5913 | .note-toolbar .dropdown-menu.right { |
| 5909 | right: 0; | 5914 | right: 0; |
| 5910 | left: auto; | 5915 | left: auto; |
| 5911 | } | 5916 | } |
| 5912 | .note-popover .popover-content .dropdown-menu.right:before, | 5917 | .note-popover .popover-content .dropdown-menu.right:before, |
| 5913 | .note-toolbar .dropdown-menu.right:before { | 5918 | .note-toolbar .dropdown-menu.right:before { |
| 5914 | right: 9px; | 5919 | right: 9px; |
| 5915 | left: auto!important; | 5920 | left: auto!important; |
| 5916 | } | 5921 | } |
| 5917 | .note-popover .popover-content .dropdown-menu.right:after, | 5922 | .note-popover .popover-content .dropdown-menu.right:after, |
| 5918 | .note-toolbar .dropdown-menu.right:after { | 5923 | .note-toolbar .dropdown-menu.right:after { |
| 5919 | right: 10px; | 5924 | right: 10px; |
| 5920 | left: auto!important; | 5925 | left: auto!important; |
| 5921 | } | 5926 | } |
| 5922 | .note-popover .popover-content .dropdown-menu li a i, | 5927 | .note-popover .popover-content .dropdown-menu li a i, |
| 5923 | .note-toolbar .dropdown-menu li a i { | 5928 | .note-toolbar .dropdown-menu li a i { |
| 5924 | display: none; | 5929 | display: none; |
| 5925 | } | 5930 | } |
| 5926 | .note-popover .popover-content .dropdown-menu li a.checked, | 5931 | .note-popover .popover-content .dropdown-menu li a.checked, |
| 5927 | .note-toolbar .dropdown-menu li a.checked { | 5932 | .note-toolbar .dropdown-menu li a.checked { |
| 5928 | background-color: #f5f5f5; | 5933 | background-color: #f5f5f5; |
| 5929 | } | 5934 | } |
| 5930 | .note-popover .popover-content .note-color-palette, | 5935 | .note-popover .popover-content .note-color-palette, |
| 5931 | .note-toolbar .note-color-palette { | 5936 | .note-toolbar .note-color-palette { |
| 5932 | line-height: 1; | 5937 | line-height: 1; |
| 5933 | } | 5938 | } |
| 5934 | .note-popover .popover-content .note-color-palette div .note-color-btn, | 5939 | .note-popover .popover-content .note-color-palette div .note-color-btn, |
| 5935 | .note-toolbar .note-color-palette div .note-color-btn { | 5940 | .note-toolbar .note-color-palette div .note-color-btn { |
| 5936 | width: 17px; | 5941 | width: 17px; |
| 5937 | height: 17px; | 5942 | height: 17px; |
| 5938 | padding: 0; | 5943 | padding: 0; |
| 5939 | margin: 0; | 5944 | margin: 0; |
| 5940 | border: 1px solid #fff; | 5945 | border: 1px solid #fff; |
| 5941 | } | 5946 | } |
| 5942 | .note-popover .popover-content .note-color-palette div .note-color-btn:hover, | 5947 | .note-popover .popover-content .note-color-palette div .note-color-btn:hover, |
| 5943 | .note-toolbar .note-color-palette div .note-color-btn:hover { | 5948 | .note-toolbar .note-color-palette div .note-color-btn:hover { |
| 5944 | border: 1px solid #333333; | 5949 | border: 1px solid #333333; |
| 5945 | } | 5950 | } |
| 5946 | .note-popover .popover-content > .btn-group { | 5951 | .note-popover .popover-content > .btn-group { |
| 5947 | margin-top: 15px; | 5952 | margin-top: 15px; |
| 5948 | margin-right: 15px; | 5953 | margin-right: 15px; |
| 5949 | } | 5954 | } |
| 5950 | .note-dialog > div { | 5955 | .note-dialog > div { |
| 5951 | display: none; | 5956 | display: none; |
| 5952 | } | 5957 | } |
| 5953 | .note-dialog .note-image-dialog .mote-dropzone { | 5958 | .note-dialog .note-image-dialog .mote-dropzone { |
| 5954 | min-height: 100px; | 5959 | min-height: 100px; |
| 5955 | margin-bottom: 10px; | 5960 | margin-bottom: 10px; |
| 5956 | font-size: 25px; | 5961 | font-size: 25px; |
| 5957 | color: #eeeeee; | 5962 | color: #eeeeee; |
| 5958 | text-align: center; | 5963 | text-align: center; |
| 5959 | border: 4px dashed #eeeeee; | 5964 | border: 4px dashed #eeeeee; |
| 5960 | } | 5965 | } |
| 5961 | .note-dialog .note-help-dialog { | 5966 | .note-dialog .note-help-dialog { |
| 5962 | color: #ccc; | 5967 | color: #ccc; |
| 5963 | background-color: transparent; | 5968 | background-color: transparent; |
| 5964 | background-color: #333333 !important; | 5969 | background-color: #333333 !important; |
| 5965 | border: 0; | 5970 | border: 0; |
| 5966 | opacity: 0.9; | 5971 | opacity: 0.9; |
| 5967 | filter: alpha(opacity=90); | 5972 | filter: alpha(opacity=90); |
| 5968 | } | 5973 | } |
| 5969 | .note-dialog .note-help-dialog a { | 5974 | .note-dialog .note-help-dialog a { |
| 5970 | color: #fff; | 5975 | color: #fff; |
| 5971 | } | 5976 | } |
| 5972 | .note-dialog .note-help-dialog .title { | 5977 | .note-dialog .note-help-dialog .title { |
| 5973 | padding-bottom: 8px; | 5978 | padding-bottom: 8px; |
| 5974 | font-size: 15px; | 5979 | font-size: 15px; |
| 5975 | font-weight: 500; | 5980 | font-weight: 500; |
| 5976 | color: #fff; | 5981 | color: #fff; |
| 5977 | border-bottom: 1px solid #fff; | 5982 | border-bottom: 1px solid #fff; |
| 5978 | } | 5983 | } |
| 5979 | .note-dialog .note-help-dialog .modal-content { | 5984 | .note-dialog .note-help-dialog .modal-content { |
| 5980 | background-color: transparent; | 5985 | background-color: transparent; |
| 5981 | border: 1px solid #fff; | 5986 | border: 1px solid #fff; |
| 5982 | border-radius: 3px; | 5987 | border-radius: 3px; |
| 5983 | -webkit-box-shadow: none; | 5988 | -webkit-box-shadow: none; |
| 5984 | box-shadow: none; | 5989 | box-shadow: none; |
| 5985 | } | 5990 | } |
| 5986 | .note-dialog .note-help-dialog .modal-close { | 5991 | .note-dialog .note-help-dialog .modal-close { |
| 5987 | color: #999999; | 5992 | color: #999999; |
| 5988 | cursor: pointer; | 5993 | cursor: pointer; |
| 5989 | } | 5994 | } |
| 5990 | .note-dialog .note-help-dialog .note-shortcut-layout { | 5995 | .note-dialog .note-help-dialog .note-shortcut-layout { |
| 5991 | width: 100%; | 5996 | width: 100%; |
| 5992 | } | 5997 | } |
| 5993 | .note-dialog .note-help-dialog .note-shortcut-layout td { | 5998 | .note-dialog .note-help-dialog .note-shortcut-layout td { |
| 5994 | vertical-align: top; | 5999 | vertical-align: top; |
| 5995 | } | 6000 | } |
| 5996 | .note-dialog .note-help-dialog .note-shortcut { | 6001 | .note-dialog .note-help-dialog .note-shortcut { |
| 5997 | margin-top: 8px; | 6002 | margin-top: 8px; |
| 5998 | } | 6003 | } |
| 5999 | .note-dialog .note-help-dialog .note-shortcut th { | 6004 | .note-dialog .note-help-dialog .note-shortcut th { |
| 6000 | color: #eeeeee; | 6005 | color: #eeeeee; |
| 6001 | text-align: left; | 6006 | text-align: left; |
| 6002 | } | 6007 | } |
| 6003 | .note-dialog .note-help-dialog .note-shortcut td:first-child { | 6008 | .note-dialog .note-help-dialog .note-shortcut td:first-child { |
| 6004 | min-width: 110px; | 6009 | min-width: 110px; |
| 6005 | padding-right: 10px; | 6010 | padding-right: 10px; |
| 6006 | font-family: "Courier New"; | 6011 | font-family: "Courier New"; |
| 6007 | color: #eeeeee; | 6012 | color: #eeeeee; |
| 6008 | text-align: right; | 6013 | text-align: right; |
| 6009 | } | 6014 | } |
| 6010 | .note-group-select-from-files label { | 6015 | .note-group-select-from-files label { |
| 6011 | display: block; | 6016 | display: block; |
| 6012 | } | 6017 | } |
| 6013 | .note-handle { | 6018 | .note-handle { |
| 6014 | position: relative; | 6019 | position: relative; |
| 6015 | } | 6020 | } |
| 6016 | .note-handle .note-control-selection { | 6021 | .note-handle .note-control-selection { |
| 6017 | position: absolute; | 6022 | position: absolute; |
| 6018 | display: none; | 6023 | display: none; |
| 6019 | border: 1px solid #333333; | 6024 | border: 1px solid #333333; |
| 6020 | z-index: 10; | 6025 | z-index: 10; |
| 6021 | } | 6026 | } |
| 6022 | .note-handle .note-control-selection > div { | 6027 | .note-handle .note-control-selection > div { |
| 6023 | position: absolute; | 6028 | position: absolute; |
| 6024 | } | 6029 | } |
| 6025 | .note-handle .note-control-selection .note-control-selection-bg { | 6030 | .note-handle .note-control-selection .note-control-selection-bg { |
| 6026 | width: 100%; | 6031 | width: 100%; |
| 6027 | height: 100%; | 6032 | height: 100%; |
| 6028 | background-color: #333333; | 6033 | background-color: #333333; |
| 6029 | opacity: 0.3; | 6034 | opacity: 0.3; |
| 6030 | filter: alpha(opacity=30); | 6035 | filter: alpha(opacity=30); |
| 6031 | } | 6036 | } |
| 6032 | .note-handle .note-control-selection .note-control-handle, | 6037 | .note-handle .note-control-selection .note-control-handle, |
| 6033 | .note-handle .note-control-selection .note-control-holder, | 6038 | .note-handle .note-control-selection .note-control-holder, |
| 6034 | .note-handle .note-control-selection .note-control-sizing { | 6039 | .note-handle .note-control-selection .note-control-sizing { |
| 6035 | width: 7px; | 6040 | width: 7px; |
| 6036 | height: 7px; | 6041 | height: 7px; |
| 6037 | border: 1px solid #333333; | 6042 | border: 1px solid #333333; |
| 6038 | } | 6043 | } |
| 6039 | .note-handle .note-control-selection .note-control-sizing { | 6044 | .note-handle .note-control-selection .note-control-sizing { |
| 6040 | background-color: #fff; | 6045 | background-color: #fff; |
| 6041 | } | 6046 | } |
| 6042 | .note-handle .note-control-selection .note-control-nw { | 6047 | .note-handle .note-control-selection .note-control-nw { |
| 6043 | top: -5px; | 6048 | top: -5px; |
| 6044 | left: -5px; | 6049 | left: -5px; |
| 6045 | border-right: 0; | 6050 | border-right: 0; |
| 6046 | border-bottom: 0; | 6051 | border-bottom: 0; |
| 6047 | } | 6052 | } |
| 6048 | .note-handle .note-control-selection .note-control-ne { | 6053 | .note-handle .note-control-selection .note-control-ne { |
| 6049 | top: -5px; | 6054 | top: -5px; |
| 6050 | right: -5px; | 6055 | right: -5px; |
| 6051 | border-bottom: 0; | 6056 | border-bottom: 0; |
| 6052 | border-left: 0; | 6057 | border-left: 0; |
| 6053 | } | 6058 | } |
| 6054 | .note-handle .note-control-selection .note-control-sw { | 6059 | .note-handle .note-control-selection .note-control-sw { |
| 6055 | bottom: -5px; | 6060 | bottom: -5px; |
| 6056 | left: -5px; | 6061 | left: -5px; |
| 6057 | border-top: 0; | 6062 | border-top: 0; |
| 6058 | border-right: 0; | 6063 | border-right: 0; |
| 6059 | } | 6064 | } |
| 6060 | .note-handle .note-control-selection .note-control-se { | 6065 | .note-handle .note-control-selection .note-control-se { |
| 6061 | right: -5px; | 6066 | right: -5px; |
| 6062 | bottom: -5px; | 6067 | bottom: -5px; |
| 6063 | cursor: se-resize; | 6068 | cursor: se-resize; |
| 6064 | } | 6069 | } |
| 6065 | .note-handle .note-control-selection .note-control-selection-info { | 6070 | .note-handle .note-control-selection .note-control-selection-info { |
| 6066 | right: 0; | 6071 | right: 0; |
| 6067 | bottom: 0; | 6072 | bottom: 0; |
| 6068 | padding: 5px; | 6073 | padding: 5px; |
| 6069 | margin: 5px; | 6074 | margin: 5px; |
| 6070 | color: #fff; | 6075 | color: #fff; |
| 6071 | background-color: #333333; | 6076 | background-color: #333333; |
| 6072 | border-radius: 3px; | 6077 | border-radius: 3px; |
| 6073 | opacity: 0.7; | 6078 | opacity: 0.7; |
| 6074 | filter: alpha(opacity=70); | 6079 | filter: alpha(opacity=70); |
| 6075 | } | 6080 | } |
| 6076 | /* ------------------------------------------------------------------------------ | 6081 | /* ------------------------------------------------------------------------------ |
| 6077 | * | 6082 | * |
| 6078 | * # WYSIHTML5 editor | 6083 | * # WYSIHTML5 editor |
| 6079 | * | 6084 | * |
| 6080 | * An open source rich text editor based on HTML5 technology | 6085 | * An open source rich text editor based on HTML5 technology |
| 6081 | * | 6086 | * |
| 6082 | * Version: 1.2 | 6087 | * Version: 1.2 |
| 6083 | * Latest update: Jun 8, 2016 | 6088 | * Latest update: Jun 8, 2016 |
| 6084 | * | 6089 | * |
| 6085 | * ---------------------------------------------------------------------------- */ | 6090 | * ---------------------------------------------------------------------------- */ |
| 6086 | .wysihtml5 { | 6091 | .wysihtml5 { |
| 6087 | max-height: 450px; | 6092 | max-height: 450px; |
| 6088 | resize: vertical; | 6093 | resize: vertical; |
| 6089 | background-color: #fff; | 6094 | background-color: #fff; |
| 6090 | overflow: auto; | 6095 | overflow: auto; |
| 6091 | outline: 0; | 6096 | outline: 0; |
| 6092 | border: 1px solid #ddd; | 6097 | border: 1px solid #ddd; |
| 6093 | padding: 20px; | 6098 | padding: 20px; |
| 6094 | } | 6099 | } |
| 6095 | .wysihtml5-editor { | 6100 | .wysihtml5-editor { |
| 6096 | border-width: 0; | 6101 | border-width: 0; |
| 6097 | padding: 0; | 6102 | padding: 0; |
| 6098 | } | 6103 | } |
| 6099 | .wysihtml5-sandbox { | 6104 | .wysihtml5-sandbox { |
| 6100 | width: 100%!important; | 6105 | width: 100%!important; |
| 6101 | border-top-width: 0!important; | 6106 | border-top-width: 0!important; |
| 6102 | padding-top: 0!important; | 6107 | padding-top: 0!important; |
| 6103 | } | 6108 | } |
| 6104 | .bootstrap-wysihtml5-insert-link-modal .modal-dialog, | 6109 | .bootstrap-wysihtml5-insert-link-modal .modal-dialog, |
| 6105 | .bootstrap-wysihtml5-insert-image-modal .modal-dialog { | 6110 | .bootstrap-wysihtml5-insert-image-modal .modal-dialog { |
| 6106 | width: 566px; | 6111 | width: 566px; |
| 6107 | } | 6112 | } |
| 6108 | .wysihtml5-toolbar { | 6113 | .wysihtml5-toolbar { |
| 6109 | margin: 0; | 6114 | margin: 0; |
| 6110 | padding: 20px; | 6115 | padding: 20px; |
| 6111 | padding-top: 0; | 6116 | padding-top: 0; |
| 6112 | display: block; | 6117 | display: block; |
| 6113 | background-color: #fff; | 6118 | background-color: #fff; |
| 6114 | border: 1px solid #ddd; | 6119 | border: 1px solid #ddd; |
| 6115 | border-bottom: 0; | 6120 | border-bottom: 0; |
| 6116 | border-top-right-radius: 3px; | 6121 | border-top-right-radius: 3px; |
| 6117 | border-top-left-radius: 3px; | 6122 | border-top-left-radius: 3px; |
| 6118 | } | 6123 | } |
| 6119 | .wysihtml5-toolbar > li { | 6124 | .wysihtml5-toolbar > li { |
| 6120 | display: inline-block; | 6125 | display: inline-block; |
| 6121 | list-style: none; | 6126 | list-style: none; |
| 6122 | margin: 20px 20px 0 0; | 6127 | margin: 20px 20px 0 0; |
| 6123 | } | 6128 | } |
| 6124 | .wysihtml5-toolbar .dropdown-menu { | 6129 | .wysihtml5-toolbar .dropdown-menu { |
| 6125 | max-height: 200px; | 6130 | max-height: 200px; |
| 6126 | overflow-y: auto; | 6131 | overflow-y: auto; |
| 6127 | } | 6132 | } |
| 6128 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:hover, | 6133 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:hover, |
| 6129 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:focus { | 6134 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:focus { |
| 6130 | background-color: #f5f5f5; | 6135 | background-color: #f5f5f5; |
| 6131 | color: #333333; | 6136 | color: #333333; |
| 6132 | } | 6137 | } |
| 6133 | .wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu { | 6138 | .wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu { |
| 6134 | display: none !important; | 6139 | display: none !important; |
| 6135 | } | 6140 | } |
| 6136 | .wysihtml5-toolbar .dropdown-toggle > [class*=icon-] { | 6141 | .wysihtml5-toolbar .dropdown-toggle > [class*=icon-] { |
| 6137 | margin-right: 8px; | 6142 | margin-right: 8px; |
| 6138 | } | 6143 | } |
| 6139 | .wysihtml5-toolbar .dropdown-toggle .caret { | 6144 | .wysihtml5-toolbar .dropdown-toggle .caret { |
| 6140 | margin-left: 8px; | 6145 | margin-left: 8px; |
| 6141 | } | 6146 | } |
| 6142 | .wysihtml5-toolbar a[data-wysihtml5-command=bold] { | 6147 | .wysihtml5-toolbar a[data-wysihtml5-command=bold] { |
| 6143 | font-weight: bold; | 6148 | font-weight: bold; |
| 6144 | } | 6149 | } |
| 6145 | .wysihtml5-toolbar a[data-wysihtml5-command=italic] { | 6150 | .wysihtml5-toolbar a[data-wysihtml5-command=italic] { |
| 6146 | font-style: italic; | 6151 | font-style: italic; |
| 6147 | } | 6152 | } |
| 6148 | .wysihtml5-toolbar a[data-wysihtml5-command=underline] { | 6153 | .wysihtml5-toolbar a[data-wysihtml5-command=underline] { |
| 6149 | text-decoration: underline; | 6154 | text-decoration: underline; |
| 6150 | } | 6155 | } |
| 6151 | .wysihtml5-toolbar a.btn.wysihtml5-command-active { | 6156 | .wysihtml5-toolbar a.btn.wysihtml5-command-active { |
| 6152 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | 6157 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 6153 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | 6158 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 6154 | } | 6159 | } |
| 6155 | .wysihtml5-toolbar a.wysihtml5-colors-title { | 6160 | .wysihtml5-toolbar a.wysihtml5-colors-title { |
| 6156 | padding-left: 48px; | 6161 | padding-left: 48px; |
| 6157 | } | 6162 | } |
| 6158 | .wysihtml5-toolbar .wysihtml5-colors { | 6163 | .wysihtml5-toolbar .wysihtml5-colors { |
| 6159 | display: block; | 6164 | display: block; |
| 6160 | width: 16px; | 6165 | width: 16px; |
| 6161 | height: 16px; | 6166 | height: 16px; |
| 6162 | position: absolute; | 6167 | position: absolute; |
| 6163 | pointer-events: none; | 6168 | pointer-events: none; |
| 6164 | left: 16px; | 6169 | left: 16px; |
| 6165 | top: 11px; | 6170 | top: 11px; |
| 6166 | border-radius: 100px; | 6171 | border-radius: 100px; |
| 6167 | } | 6172 | } |
| 6168 | .wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { | 6173 | .wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { |
| 6169 | background: black !important; | 6174 | background: black !important; |
| 6170 | } | 6175 | } |
| 6171 | .wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { | 6176 | .wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { |
| 6172 | background: silver !important; | 6177 | background: silver !important; |
| 6173 | } | 6178 | } |
| 6174 | .wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { | 6179 | .wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { |
| 6175 | background: gray !important; | 6180 | background: gray !important; |
| 6176 | } | 6181 | } |
| 6177 | .wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { | 6182 | .wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { |
| 6178 | background: maroon !important; | 6183 | background: maroon !important; |
| 6179 | } | 6184 | } |
| 6180 | .wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { | 6185 | .wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { |
| 6181 | background: red !important; | 6186 | background: red !important; |
| 6182 | } | 6187 | } |
| 6183 | .wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { | 6188 | .wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { |
| 6184 | background: purple !important; | 6189 | background: purple !important; |
| 6185 | } | 6190 | } |
| 6186 | .wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { | 6191 | .wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { |
| 6187 | background: green !important; | 6192 | background: green !important; |
| 6188 | } | 6193 | } |
| 6189 | .wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { | 6194 | .wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { |
| 6190 | background: olive !important; | 6195 | background: olive !important; |
| 6191 | } | 6196 | } |
| 6192 | .wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { | 6197 | .wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { |
| 6193 | background: navy !important; | 6198 | background: navy !important; |
| 6194 | } | 6199 | } |
| 6195 | .wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { | 6200 | .wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { |
| 6196 | background: blue !important; | 6201 | background: blue !important; |
| 6197 | } | 6202 | } |
| 6198 | .wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { | 6203 | .wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { |
| 6199 | background: orange !important; | 6204 | background: orange !important; |
| 6200 | } | 6205 | } |
| 6201 | .wysiwyg-color-black { | 6206 | .wysiwyg-color-black { |
| 6202 | color: black; | 6207 | color: black; |
| 6203 | } | 6208 | } |
| 6204 | .wysiwyg-color-silver { | 6209 | .wysiwyg-color-silver { |
| 6205 | color: silver; | 6210 | color: silver; |
| 6206 | } | 6211 | } |
| 6207 | .wysiwyg-color-gray { | 6212 | .wysiwyg-color-gray { |
| 6208 | color: gray; | 6213 | color: gray; |
| 6209 | } | 6214 | } |
| 6210 | .wysiwyg-color-white { | 6215 | .wysiwyg-color-white { |
| 6211 | color: white; | 6216 | color: white; |
| 6212 | } | 6217 | } |
| 6213 | .wysiwyg-color-maroon { | 6218 | .wysiwyg-color-maroon { |
| 6214 | color: maroon; | 6219 | color: maroon; |
| 6215 | } | 6220 | } |
| 6216 | .wysiwyg-color-red { | 6221 | .wysiwyg-color-red { |
| 6217 | color: red; | 6222 | color: red; |
| 6218 | } | 6223 | } |
| 6219 | .wysiwyg-color-purple { | 6224 | .wysiwyg-color-purple { |
| 6220 | color: purple; | 6225 | color: purple; |
| 6221 | } | 6226 | } |
| 6222 | .wysiwyg-color-fuchsia { | 6227 | .wysiwyg-color-fuchsia { |
| 6223 | color: fuchsia; | 6228 | color: fuchsia; |
| 6224 | } | 6229 | } |
| 6225 | .wysiwyg-color-green { | 6230 | .wysiwyg-color-green { |
| 6226 | color: green; | 6231 | color: green; |
| 6227 | } | 6232 | } |
| 6228 | .wysiwyg-color-lime { | 6233 | .wysiwyg-color-lime { |
| 6229 | color: lime; | 6234 | color: lime; |
| 6230 | } | 6235 | } |
| 6231 | .wysiwyg-color-olive { | 6236 | .wysiwyg-color-olive { |
| 6232 | color: olive; | 6237 | color: olive; |
| 6233 | } | 6238 | } |
| 6234 | .wysiwyg-color-yellow { | 6239 | .wysiwyg-color-yellow { |
| 6235 | color: yellow; | 6240 | color: yellow; |
| 6236 | } | 6241 | } |
| 6237 | .wysiwyg-color-navy { | 6242 | .wysiwyg-color-navy { |
| 6238 | color: navy; | 6243 | color: navy; |
| 6239 | } | 6244 | } |
| 6240 | .wysiwyg-color-blue { | 6245 | .wysiwyg-color-blue { |
| 6241 | color: blue; | 6246 | color: blue; |
| 6242 | } | 6247 | } |
| 6243 | .wysiwyg-color-teal { | 6248 | .wysiwyg-color-teal { |
| 6244 | color: teal; | 6249 | color: teal; |
| 6245 | } | 6250 | } |
| 6246 | .wysiwyg-color-aqua { | 6251 | .wysiwyg-color-aqua { |
| 6247 | color: aqua; | 6252 | color: aqua; |
| 6248 | } | 6253 | } |
| 6249 | .wysiwyg-color-orange { | 6254 | .wysiwyg-color-orange { |
| 6250 | color: orange; | 6255 | color: orange; |
| 6251 | } | 6256 | } |
| 6252 | /* ------------------------------------------------------------------------------ | 6257 | /* ------------------------------------------------------------------------------ |
| 6253 | * | 6258 | * |
| 6254 | * # Ace code editor | 6259 | * # Ace code editor |
| 6255 | * | 6260 | * |
| 6256 | * An embeddable code editor written in JavaScript | 6261 | * An embeddable code editor written in JavaScript |
| 6257 | * | 6262 | * |
| 6258 | * Version: 1.0 | 6263 | * Version: 1.0 |
| 6259 | * Latest update: May 25, 2015 | 6264 | * Latest update: May 25, 2015 |
| 6260 | * | 6265 | * |
| 6261 | * ---------------------------------------------------------------------------- */ | 6266 | * ---------------------------------------------------------------------------- */ |
| 6262 | .ace_editor { | 6267 | .ace_editor { |
| 6263 | height: 400px; | 6268 | height: 400px; |
| 6264 | position: relative; | 6269 | position: relative; |
| 6265 | } | 6270 | } |
| 6266 | /* ------------------------------------------------------------------------------ | 6271 | /* ------------------------------------------------------------------------------ |
| 6267 | * | 6272 | * |
| 6268 | * # Daterange picker | 6273 | * # Daterange picker |
| 6269 | * | 6274 | * |
| 6270 | * Date range picker component for Bootstrap | 6275 | * Date range picker component for Bootstrap |
| 6271 | * | 6276 | * |
| 6272 | * Version: 1.2 | 6277 | * Version: 1.2 |
| 6273 | * Latest update: Mar 10, 2016 | 6278 | * Latest update: Mar 10, 2016 |
| 6274 | * | 6279 | * |
| 6275 | * ---------------------------------------------------------------------------- */ | 6280 | * ---------------------------------------------------------------------------- */ |
| 6276 | .daterangepicker { | 6281 | .daterangepicker { |
| 6277 | position: absolute; | 6282 | position: absolute; |
| 6278 | left: 0; | 6283 | left: 0; |
| 6279 | margin-top: 5px; | 6284 | margin-top: 5px; |
| 6280 | width: auto; | 6285 | width: auto; |
| 6281 | padding: 0; | 6286 | padding: 0; |
| 6282 | } | 6287 | } |
| 6283 | .daterangepicker.dropdown-menu { | 6288 | .daterangepicker.dropdown-menu { |
| 6284 | max-width: none; | 6289 | max-width: none; |
| 6285 | background-color: transparent; | 6290 | background-color: transparent; |
| 6286 | border: 0; | 6291 | border: 0; |
| 6287 | z-index: 1000; | 6292 | z-index: 1000; |
| 6288 | -webkit-box-shadow: none; | 6293 | -webkit-box-shadow: none; |
| 6289 | box-shadow: none; | 6294 | box-shadow: none; |
| 6290 | } | 6295 | } |
| 6291 | .daterangepicker.dropup { | 6296 | .daterangepicker.dropup { |
| 6292 | margin-top: -8px; | 6297 | margin-top: -8px; |
| 6293 | } | 6298 | } |
| 6294 | .daterangepicker .ranges, | 6299 | .daterangepicker .ranges, |
| 6295 | .daterangepicker .calendar { | 6300 | .daterangepicker .calendar { |
| 6296 | float: left; | 6301 | float: left; |
| 6297 | } | 6302 | } |
| 6298 | .daterangepicker.opensleft .calendars { | 6303 | .daterangepicker.opensleft .calendars { |
| 6299 | float: left; | 6304 | float: left; |
| 6300 | } | 6305 | } |
| 6301 | .daterangepicker.opensright .calendars { | 6306 | .daterangepicker.opensright .calendars { |
| 6302 | float: right; | 6307 | float: right; |
| 6303 | } | 6308 | } |
| 6304 | .daterangepicker.single .calendar { | 6309 | .daterangepicker.single .calendar { |
| 6305 | float: none; | 6310 | float: none; |
| 6306 | margin-left: 0; | 6311 | margin-left: 0; |
| 6307 | margin-right: 0; | 6312 | margin-right: 0; |
| 6308 | } | 6313 | } |
| 6309 | .daterangepicker.single .ranges { | 6314 | .daterangepicker.single .ranges { |
| 6310 | display: none; | 6315 | display: none; |
| 6311 | } | 6316 | } |
| 6312 | .daterangepicker.show-calendar .calendar { | 6317 | .daterangepicker.show-calendar .calendar { |
| 6313 | display: block; | 6318 | display: block; |
| 6314 | } | 6319 | } |
| 6315 | .daterangepicker .calendar { | 6320 | .daterangepicker .calendar { |
| 6316 | display: none; | 6321 | display: none; |
| 6317 | background-color: #fff; | 6322 | background-color: #fff; |
| 6318 | border-radius: 3px; | 6323 | border-radius: 3px; |
| 6319 | margin: 8px; | 6324 | margin: 8px; |
| 6320 | padding: 16px; | 6325 | padding: 16px; |
| 6321 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6326 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6322 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6327 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6323 | } | 6328 | } |
| 6324 | .daterangepicker table { | 6329 | .daterangepicker table { |
| 6325 | width: 100%; | 6330 | width: 100%; |
| 6326 | margin: 0; | 6331 | margin: 0; |
| 6327 | } | 6332 | } |
| 6328 | .daterangepicker table tbody th, | 6333 | .daterangepicker table tbody th, |
| 6329 | .daterangepicker table tbody td { | 6334 | .daterangepicker table tbody td { |
| 6330 | cursor: pointer; | 6335 | cursor: pointer; |
| 6331 | } | 6336 | } |
| 6332 | .daterangepicker th, | 6337 | .daterangepicker th, |
| 6333 | .daterangepicker td { | 6338 | .daterangepicker td { |
| 6334 | white-space: nowrap; | 6339 | white-space: nowrap; |
| 6335 | text-align: center; | 6340 | text-align: center; |
| 6336 | } | 6341 | } |
| 6337 | .daterangepicker th.week, | 6342 | .daterangepicker th.week, |
| 6338 | .daterangepicker td.week { | 6343 | .daterangepicker td.week { |
| 6339 | font-size: 80%; | 6344 | font-size: 80%; |
| 6340 | color: #ccc; | 6345 | color: #ccc; |
| 6341 | } | 6346 | } |
| 6342 | .daterangepicker th { | 6347 | .daterangepicker th { |
| 6343 | color: #999999; | 6348 | color: #999999; |
| 6344 | font-weight: normal; | 6349 | font-weight: normal; |
| 6345 | font-size: 12px; | 6350 | font-size: 12px; |
| 6346 | } | 6351 | } |
| 6347 | .daterangepicker th > i { | 6352 | .daterangepicker th > i { |
| 6348 | top: 0; | 6353 | top: 0; |
| 6349 | } | 6354 | } |
| 6350 | .daterangepicker th.prev, | 6355 | .daterangepicker th.prev, |
| 6351 | .daterangepicker th.next { | 6356 | .daterangepicker th.next { |
| 6352 | cursor: pointer; | 6357 | cursor: pointer; |
| 6353 | } | 6358 | } |
| 6354 | .daterangepicker th.available:hover, | 6359 | .daterangepicker th.available:hover, |
| 6355 | .daterangepicker th.available:focus { | 6360 | .daterangepicker th.available:focus { |
| 6356 | color: #333333; | 6361 | color: #333333; |
| 6357 | } | 6362 | } |
| 6358 | .daterangepicker td.available:hover, | 6363 | .daterangepicker td.available:hover, |
| 6359 | .daterangepicker td.available:focus { | 6364 | .daterangepicker td.available:focus { |
| 6360 | background-color: #f5f5f5; | 6365 | background-color: #f5f5f5; |
| 6361 | } | 6366 | } |
| 6362 | .daterangepicker td.off, | 6367 | .daterangepicker td.off, |
| 6363 | .daterangepicker td.disabled { | 6368 | .daterangepicker td.disabled { |
| 6364 | color: #ccc; | 6369 | color: #ccc; |
| 6365 | } | 6370 | } |
| 6366 | .daterangepicker td.disabled { | 6371 | .daterangepicker td.disabled { |
| 6367 | cursor: not-allowed; | 6372 | cursor: not-allowed; |
| 6368 | } | 6373 | } |
| 6369 | .daterangepicker td.in-range { | 6374 | .daterangepicker td.in-range { |
| 6370 | background-color: #f5f5f5; | 6375 | background-color: #f5f5f5; |
| 6371 | } | 6376 | } |
| 6372 | .daterangepicker td.active, | 6377 | .daterangepicker td.active, |
| 6373 | .daterangepicker td.active:hover, | 6378 | .daterangepicker td.active:hover, |
| 6374 | .daterangepicker td.active:focus { | 6379 | .daterangepicker td.active:focus { |
| 6375 | background-color: #26A69A; | 6380 | background-color: #26A69A; |
| 6376 | color: #fff; | 6381 | color: #fff; |
| 6377 | border-radius: 3px; | 6382 | border-radius: 3px; |
| 6378 | } | 6383 | } |
| 6379 | .daterangepicker .table-condensed tr > th, | 6384 | .daterangepicker .table-condensed tr > th, |
| 6380 | .daterangepicker .table-condensed tr > td { | 6385 | .daterangepicker .table-condensed tr > td { |
| 6381 | padding: 10px; | 6386 | padding: 10px; |
| 6382 | line-height: 1; | 6387 | line-height: 1; |
| 6383 | } | 6388 | } |
| 6384 | .daterangepicker .table-condensed thead tr:last-child th { | 6389 | .daterangepicker .table-condensed thead tr:last-child th { |
| 6385 | padding-top: 16px; | 6390 | padding-top: 16px; |
| 6386 | } | 6391 | } |
| 6387 | .daterangepicker .table-condensed .month { | 6392 | .daterangepicker .table-condensed .month { |
| 6388 | font-size: 17px; | 6393 | font-size: 17px; |
| 6389 | line-height: 1; | 6394 | line-height: 1; |
| 6390 | color: #333333; | 6395 | color: #333333; |
| 6391 | padding-top: 15px; | 6396 | padding-top: 15px; |
| 6392 | padding-bottom: 15px; | 6397 | padding-bottom: 15px; |
| 6393 | font-weight: 400; | 6398 | font-weight: 400; |
| 6394 | } | 6399 | } |
| 6395 | .daterangepicker select { | 6400 | .daterangepicker select { |
| 6396 | display: inline-block; | 6401 | display: inline-block; |
| 6397 | } | 6402 | } |
| 6398 | .daterangepicker select.monthselect { | 6403 | .daterangepicker select.monthselect { |
| 6399 | margin-right: 2%; | 6404 | margin-right: 2%; |
| 6400 | width: 56%; | 6405 | width: 56%; |
| 6401 | } | 6406 | } |
| 6402 | .daterangepicker select.yearselect { | 6407 | .daterangepicker select.yearselect { |
| 6403 | width: 40%; | 6408 | width: 40%; |
| 6404 | } | 6409 | } |
| 6405 | .daterangepicker select.hourselect, | 6410 | .daterangepicker select.hourselect, |
| 6406 | .daterangepicker select.minuteselect, | 6411 | .daterangepicker select.minuteselect, |
| 6407 | .daterangepicker select.secondselect, | 6412 | .daterangepicker select.secondselect, |
| 6408 | .daterangepicker select.ampmselect { | 6413 | .daterangepicker select.ampmselect { |
| 6409 | width: 60px; | 6414 | width: 60px; |
| 6410 | padding-left: 0; | 6415 | padding-left: 0; |
| 6411 | padding-right: 0; | 6416 | padding-right: 0; |
| 6412 | margin-bottom: 0; | 6417 | margin-bottom: 0; |
| 6413 | } | 6418 | } |
| 6414 | .daterangepicker .daterangepicker_input { | 6419 | .daterangepicker .daterangepicker_input { |
| 6415 | position: relative; | 6420 | position: relative; |
| 6416 | } | 6421 | } |
| 6417 | .daterangepicker .daterangepicker_input i { | 6422 | .daterangepicker .daterangepicker_input i { |
| 6418 | position: absolute; | 6423 | position: absolute; |
| 6419 | right: 0; | 6424 | right: 0; |
| 6420 | top: auto; | 6425 | top: auto; |
| 6421 | bottom: 11px; | 6426 | bottom: 11px; |
| 6422 | color: #999999; | 6427 | color: #999999; |
| 6423 | } | 6428 | } |
| 6424 | .daterangepicker .daterangepicker_input input { | 6429 | .daterangepicker .daterangepicker_input input { |
| 6425 | padding-right: 24px; | 6430 | padding-right: 24px; |
| 6426 | } | 6431 | } |
| 6427 | .daterangepicker .calendar-time { | 6432 | .daterangepicker .calendar-time { |
| 6428 | text-align: center; | 6433 | text-align: center; |
| 6429 | margin: 16px 0; | 6434 | margin: 16px 0; |
| 6430 | } | 6435 | } |
| 6431 | .daterangepicker .calendar-time select.disabled { | 6436 | .daterangepicker .calendar-time select.disabled { |
| 6432 | color: #ccc; | 6437 | color: #ccc; |
| 6433 | cursor: not-allowed; | 6438 | cursor: not-allowed; |
| 6434 | } | 6439 | } |
| 6435 | .ranges { | 6440 | .ranges { |
| 6436 | background-color: #fff; | 6441 | background-color: #fff; |
| 6437 | position: relative; | 6442 | position: relative; |
| 6438 | border-radius: 3px; | 6443 | border-radius: 3px; |
| 6439 | width: 200px; | 6444 | width: 200px; |
| 6440 | margin-top: 8px; | 6445 | margin-top: 8px; |
| 6441 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6446 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6442 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6447 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6443 | } | 6448 | } |
| 6444 | .opensright .ranges { | 6449 | .opensright .ranges { |
| 6445 | margin-left: 0; | 6450 | margin-left: 0; |
| 6446 | } | 6451 | } |
| 6447 | .opensleft .ranges { | 6452 | .opensleft .ranges { |
| 6448 | margin-right: 0; | 6453 | margin-right: 0; |
| 6449 | } | 6454 | } |
| 6450 | .ranges ul { | 6455 | .ranges ul { |
| 6451 | list-style: none; | 6456 | list-style: none; |
| 6452 | margin: 0; | 6457 | margin: 0; |
| 6453 | padding: 8px 0; | 6458 | padding: 8px 0; |
| 6454 | } | 6459 | } |
| 6455 | .ranges ul + .daterangepicker-inputs { | 6460 | .ranges ul + .daterangepicker-inputs { |
| 6456 | border-top: 1px solid #e5e5e5; | 6461 | border-top: 1px solid #e5e5e5; |
| 6457 | } | 6462 | } |
| 6458 | .ranges ul li { | 6463 | .ranges ul li { |
| 6459 | color: #333333; | 6464 | color: #333333; |
| 6460 | padding: 8px 16px; | 6465 | padding: 8px 16px; |
| 6461 | cursor: pointer; | 6466 | cursor: pointer; |
| 6462 | margin-top: 1px; | 6467 | margin-top: 1px; |
| 6463 | } | 6468 | } |
| 6464 | .ranges ul li:first-child { | 6469 | .ranges ul li:first-child { |
| 6465 | margin-top: 0; | 6470 | margin-top: 0; |
| 6466 | } | 6471 | } |
| 6467 | .ranges ul li:hover, | 6472 | .ranges ul li:hover, |
| 6468 | .ranges ul li:focus { | 6473 | .ranges ul li:focus { |
| 6469 | background-color: #f5f5f5; | 6474 | background-color: #f5f5f5; |
| 6470 | } | 6475 | } |
| 6471 | .ranges ul li.active { | 6476 | .ranges ul li.active { |
| 6472 | color: #fff; | 6477 | color: #fff; |
| 6473 | background-color: #26A69A; | 6478 | background-color: #26A69A; |
| 6474 | } | 6479 | } |
| 6475 | .ranges .daterangepicker-inputs { | 6480 | .ranges .daterangepicker-inputs { |
| 6476 | padding: 16px; | 6481 | padding: 16px; |
| 6477 | } | 6482 | } |
| 6478 | .ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input { | 6483 | .ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input { |
| 6479 | margin-top: 16px; | 6484 | margin-top: 16px; |
| 6480 | } | 6485 | } |
| 6481 | .ranges .daterangepicker-inputs .daterangepicker_input > span { | 6486 | .ranges .daterangepicker-inputs .daterangepicker_input > span { |
| 6482 | display: block; | 6487 | display: block; |
| 6483 | font-size: 12px; | 6488 | font-size: 12px; |
| 6484 | color: #999999; | 6489 | color: #999999; |
| 6485 | } | 6490 | } |
| 6486 | .ranges .range_inputs { | 6491 | .ranges .range_inputs { |
| 6487 | padding: 16px; | 6492 | padding: 16px; |
| 6488 | padding-top: 0; | 6493 | padding-top: 0; |
| 6489 | } | 6494 | } |
| 6490 | .ranges .range_inputs .btn { | 6495 | .ranges .range_inputs .btn { |
| 6491 | display: block; | 6496 | display: block; |
| 6492 | width: 100%; | 6497 | width: 100%; |
| 6493 | } | 6498 | } |
| 6494 | .ranges .range_inputs .btn + .btn { | 6499 | .ranges .range_inputs .btn + .btn { |
| 6495 | margin-top: 16px; | 6500 | margin-top: 16px; |
| 6496 | } | 6501 | } |
| 6497 | @media (min-width: 769px) { | 6502 | @media (min-width: 769px) { |
| 6498 | .ranges { | 6503 | .ranges { |
| 6499 | margin: 8px; | 6504 | margin: 8px; |
| 6500 | } | 6505 | } |
| 6501 | } | 6506 | } |
| 6502 | .daterange-custom { | 6507 | .daterange-custom { |
| 6503 | cursor: pointer; | 6508 | cursor: pointer; |
| 6504 | } | 6509 | } |
| 6505 | .daterange-custom:after { | 6510 | .daterange-custom:after { |
| 6506 | content: ''; | 6511 | content: ''; |
| 6507 | display: table; | 6512 | display: table; |
| 6508 | clear: both; | 6513 | clear: both; |
| 6509 | } | 6514 | } |
| 6510 | .daterange-custom .label, | 6515 | .daterange-custom .label, |
| 6511 | .daterange-custom .badge { | 6516 | .daterange-custom .badge { |
| 6512 | margin: 4px 0 0 8px; | 6517 | margin: 4px 0 0 8px; |
| 6513 | vertical-align: top; | 6518 | vertical-align: top; |
| 6514 | } | 6519 | } |
| 6515 | .daterange-custom .label-icon { | 6520 | .daterange-custom .label-icon { |
| 6516 | margin-top: 0; | 6521 | margin-top: 0; |
| 6517 | margin-right: 5px; | 6522 | margin-right: 5px; |
| 6518 | } | 6523 | } |
| 6519 | .daterange-custom-display { | 6524 | .daterange-custom-display { |
| 6520 | display: inline-block; | 6525 | display: inline-block; |
| 6521 | position: relative; | 6526 | position: relative; |
| 6522 | padding-left: 21px; | 6527 | padding-left: 21px; |
| 6523 | line-height: 1; | 6528 | line-height: 1; |
| 6524 | } | 6529 | } |
| 6525 | .daterange-custom-display:after { | 6530 | .daterange-custom-display:after { |
| 6526 | content: '\e9c9'; | 6531 | content: '\e9c9'; |
| 6527 | font-family: 'icomoon'; | 6532 | font-family: 'icomoon'; |
| 6528 | display: inline-block; | 6533 | display: inline-block; |
| 6529 | position: absolute; | 6534 | position: absolute; |
| 6530 | top: 50%; | 6535 | top: 50%; |
| 6531 | left: 0; | 6536 | left: 0; |
| 6532 | margin-top: -8px; | 6537 | margin-top: -8px; |
| 6533 | -webkit-font-smoothing: antialiased; | 6538 | -webkit-font-smoothing: antialiased; |
| 6534 | -moz-osx-font-smoothing: grayscale; | 6539 | -moz-osx-font-smoothing: grayscale; |
| 6535 | -webkit-transition: all ease-in-out 0.2s; | 6540 | -webkit-transition: all ease-in-out 0.2s; |
| 6536 | -o-transition: all ease-in-out 0.2s; | 6541 | -o-transition: all ease-in-out 0.2s; |
| 6537 | transition: all ease-in-out 0.2s; | 6542 | transition: all ease-in-out 0.2s; |
| 6538 | } | 6543 | } |
| 6539 | .daterange-custom.is-opened .daterange-custom-display:after { | 6544 | .daterange-custom.is-opened .daterange-custom-display:after { |
| 6540 | -webkit-transform: rotate(180deg); | 6545 | -webkit-transform: rotate(180deg); |
| 6541 | -ms-transform: rotate(180deg); | 6546 | -ms-transform: rotate(180deg); |
| 6542 | -o-transform: rotate(180deg); | 6547 | -o-transform: rotate(180deg); |
| 6543 | transform: rotate(180deg); | 6548 | transform: rotate(180deg); |
| 6544 | } | 6549 | } |
| 6545 | .daterange-custom-display > i { | 6550 | .daterange-custom-display > i { |
| 6546 | display: inline-block; | 6551 | display: inline-block; |
| 6547 | font-size: 28px; | 6552 | font-size: 28px; |
| 6548 | font-weight: normal; | 6553 | font-weight: normal; |
| 6549 | font-style: normal; | 6554 | font-style: normal; |
| 6550 | letter-spacing: -0.015em; | 6555 | letter-spacing: -0.015em; |
| 6551 | } | 6556 | } |
| 6552 | .daterange-custom-display b { | 6557 | .daterange-custom-display b { |
| 6553 | display: inline-block; | 6558 | display: inline-block; |
| 6554 | margin-left: 4px; | 6559 | margin-left: 4px; |
| 6555 | font-weight: 400; | 6560 | font-weight: 400; |
| 6556 | } | 6561 | } |
| 6557 | .daterange-custom-display b > i { | 6562 | .daterange-custom-display b > i { |
| 6558 | font-size: 11px; | 6563 | font-size: 11px; |
| 6559 | display: block; | 6564 | display: block; |
| 6560 | line-height: 12px; | 6565 | line-height: 12px; |
| 6561 | text-transform: uppercase; | 6566 | text-transform: uppercase; |
| 6562 | font-style: normal; | 6567 | font-style: normal; |
| 6563 | font-weight: 400; | 6568 | font-weight: 400; |
| 6564 | } | 6569 | } |
| 6565 | .daterange-custom-display em { | 6570 | .daterange-custom-display em { |
| 6566 | line-height: 30px; | 6571 | line-height: 30px; |
| 6567 | vertical-align: top; | 6572 | vertical-align: top; |
| 6568 | margin: 0 4px; | 6573 | margin: 0 4px; |
| 6569 | } | 6574 | } |
| 6570 | @media (max-width: 769px) { | 6575 | @media (max-width: 769px) { |
| 6571 | .opensleft, | 6576 | .opensleft, |
| 6572 | .opensright { | 6577 | .opensright { |
| 6573 | left: 0!important; | 6578 | left: 0!important; |
| 6574 | right: 0; | 6579 | right: 0; |
| 6575 | } | 6580 | } |
| 6576 | .opensleft .calendars, | 6581 | .opensleft .calendars, |
| 6577 | .opensright .calendars { | 6582 | .opensright .calendars { |
| 6578 | float: none; | 6583 | float: none; |
| 6579 | } | 6584 | } |
| 6580 | .daterangepicker.opensleft .ranges, | 6585 | .daterangepicker.opensleft .ranges, |
| 6581 | .daterangepicker.opensright .ranges, | 6586 | .daterangepicker.opensright .ranges, |
| 6582 | .daterangepicker.opensleft .calendar, | 6587 | .daterangepicker.opensleft .calendar, |
| 6583 | .daterangepicker.opensright .calendar, | 6588 | .daterangepicker.opensright .calendar, |
| 6584 | .daterangepicker.opensleft .calendars, | 6589 | .daterangepicker.opensleft .calendars, |
| 6585 | .daterangepicker.opensright .calendars { | 6590 | .daterangepicker.opensright .calendars { |
| 6586 | float: none; | 6591 | float: none; |
| 6587 | } | 6592 | } |
| 6588 | .daterangepicker { | 6593 | .daterangepicker { |
| 6589 | width: 100%; | 6594 | width: 100%; |
| 6590 | padding-left: 20px; | 6595 | padding-left: 20px; |
| 6591 | padding-right: 20px; | 6596 | padding-right: 20px; |
| 6592 | } | 6597 | } |
| 6593 | .daterangepicker .calendar { | 6598 | .daterangepicker .calendar { |
| 6594 | margin-left: 0; | 6599 | margin-left: 0; |
| 6595 | margin-right: 0; | 6600 | margin-right: 0; |
| 6596 | } | 6601 | } |
| 6597 | .daterangepicker .ranges { | 6602 | .daterangepicker .ranges { |
| 6598 | width: 100%; | 6603 | width: 100%; |
| 6599 | } | 6604 | } |
| 6600 | } | 6605 | } |
| 6601 | /* ------------------------------------------------------------------------------ | 6606 | /* ------------------------------------------------------------------------------ |
| 6602 | * | 6607 | * |
| 6603 | * # Pick-a-date - Picker base | 6608 | * # Pick-a-date - Picker base |
| 6604 | * | 6609 | * |
| 6605 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker | 6610 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker |
| 6606 | * | 6611 | * |
| 6607 | * Version: 1.2 | 6612 | * Version: 1.2 |
| 6608 | * Latest update: Jul 5, 2016 | 6613 | * Latest update: Jul 5, 2016 |
| 6609 | * | 6614 | * |
| 6610 | * ---------------------------------------------------------------------------- */ | 6615 | * ---------------------------------------------------------------------------- */ |
| 6611 | .picker { | 6616 | .picker { |
| 6612 | width: 100%; | 6617 | width: 100%; |
| 6613 | text-align: left; | 6618 | text-align: left; |
| 6614 | position: absolute; | 6619 | position: absolute; |
| 6615 | top: 100%; | 6620 | top: 100%; |
| 6616 | margin-top: -1px; | 6621 | margin-top: -1px; |
| 6617 | z-index: 990; | 6622 | z-index: 990; |
| 6618 | -webkit-user-select: none; | 6623 | -webkit-user-select: none; |
| 6619 | -moz-user-select: none; | 6624 | -moz-user-select: none; |
| 6620 | -ms-user-select: none; | 6625 | -ms-user-select: none; |
| 6621 | user-select: none; | 6626 | user-select: none; |
| 6622 | } | 6627 | } |
| 6623 | .picker__input { | 6628 | .picker__input { |
| 6624 | cursor: default; | 6629 | cursor: default; |
| 6625 | } | 6630 | } |
| 6626 | .picker__holder { | 6631 | .picker__holder { |
| 6627 | width: 100%; | 6632 | width: 100%; |
| 6628 | overflow-y: auto; | 6633 | overflow-y: auto; |
| 6629 | position: absolute; | 6634 | position: absolute; |
| 6630 | display: none; | 6635 | display: none; |
| 6631 | background-color: #fff; | 6636 | background-color: #fff; |
| 6632 | border-top-width: 0; | 6637 | border-top-width: 0; |
| 6633 | border-bottom-width: 0; | 6638 | border-bottom-width: 0; |
| 6634 | max-width: 290px; | 6639 | max-width: 290px; |
| 6635 | max-height: 0; | 6640 | max-height: 0; |
| 6636 | outline: 0; | 6641 | outline: 0; |
| 6637 | -webkit-overflow-scrolling: touch; | 6642 | -webkit-overflow-scrolling: touch; |
| 6638 | border-bottom-right-radius: 3px; | 6643 | border-bottom-right-radius: 3px; |
| 6639 | border-bottom-left-radius: 3px; | 6644 | border-bottom-left-radius: 3px; |
| 6640 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6645 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6641 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6646 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6642 | } | 6647 | } |
| 6643 | .picker--opened .picker__holder { | 6648 | .picker--opened .picker__holder { |
| 6644 | max-height: 480px; | 6649 | max-height: 480px; |
| 6645 | border-top-width: 1px; | 6650 | border-top-width: 1px; |
| 6646 | border-bottom-width: 1px; | 6651 | border-bottom-width: 1px; |
| 6647 | display: block; | 6652 | display: block; |
| 6648 | } | 6653 | } |
| 6649 | /* ------------------------------------------------------------------------------ | 6654 | /* ------------------------------------------------------------------------------ |
| 6650 | * | 6655 | * |
| 6651 | * # Pick-a-date - Date picker | 6656 | * # Pick-a-date - Date picker |
| 6652 | * | 6657 | * |
| 6653 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker | 6658 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker |
| 6654 | * | 6659 | * |
| 6655 | * Version: 1.1 | 6660 | * Version: 1.1 |
| 6656 | * Latest update: Mar 10, 2016 | 6661 | * Latest update: Mar 10, 2016 |
| 6657 | * | 6662 | * |
| 6658 | * ---------------------------------------------------------------------------- */ | 6663 | * ---------------------------------------------------------------------------- */ |
| 6659 | .picker__box { | 6664 | .picker__box { |
| 6660 | padding: 16px; | 6665 | padding: 16px; |
| 6661 | } | 6666 | } |
| 6662 | .picker__header { | 6667 | .picker__header { |
| 6663 | text-align: center; | 6668 | text-align: center; |
| 6664 | position: relative; | 6669 | position: relative; |
| 6665 | font-size: 17px; | 6670 | font-size: 17px; |
| 6666 | line-height: 1; | 6671 | line-height: 1; |
| 6667 | padding-top: 15px; | 6672 | padding-top: 15px; |
| 6668 | padding-bottom: 15px; | 6673 | padding-bottom: 15px; |
| 6669 | } | 6674 | } |
| 6670 | .picker__month, | 6675 | .picker__month, |
| 6671 | .picker__year { | 6676 | .picker__year { |
| 6672 | display: inline-block; | 6677 | display: inline-block; |
| 6673 | margin-left: 5px; | 6678 | margin-left: 5px; |
| 6674 | margin-right: 5px; | 6679 | margin-right: 5px; |
| 6675 | } | 6680 | } |
| 6676 | .picker__year { | 6681 | .picker__year { |
| 6677 | color: #999999; | 6682 | color: #999999; |
| 6678 | font-size: 13px; | 6683 | font-size: 13px; |
| 6679 | } | 6684 | } |
| 6680 | .picker__select--month, | 6685 | .picker__select--month, |
| 6681 | .picker__select--year { | 6686 | .picker__select--year { |
| 6682 | border-color: #ddd; | 6687 | border-color: #ddd; |
| 6683 | height: 34px; | 6688 | height: 34px; |
| 6684 | font-size: 13px; | 6689 | font-size: 13px; |
| 6685 | line-height: 1.6666667; | 6690 | line-height: 1.6666667; |
| 6686 | margin-left: 5px; | 6691 | margin-left: 5px; |
| 6687 | margin-right: 5px; | 6692 | margin-right: 5px; |
| 6688 | outline: 0; | 6693 | outline: 0; |
| 6689 | } | 6694 | } |
| 6690 | .picker__select--month { | 6695 | .picker__select--month { |
| 6691 | width: 35%; | 6696 | width: 35%; |
| 6692 | } | 6697 | } |
| 6693 | .picker__select--year { | 6698 | .picker__select--year { |
| 6694 | width: 35%; | 6699 | width: 35%; |
| 6695 | } | 6700 | } |
| 6696 | .picker__nav--prev, | 6701 | .picker__nav--prev, |
| 6697 | .picker__nav--next { | 6702 | .picker__nav--next { |
| 6698 | position: absolute; | 6703 | position: absolute; |
| 6699 | padding: 8px; | 6704 | padding: 8px; |
| 6700 | top: 50%; | 6705 | top: 50%; |
| 6701 | margin-top: -16px; | 6706 | margin-top: -16px; |
| 6702 | border-radius: 2px; | 6707 | border-radius: 2px; |
| 6703 | line-height: 1; | 6708 | line-height: 1; |
| 6704 | } | 6709 | } |
| 6705 | .picker__nav--prev:before, | 6710 | .picker__nav--prev:before, |
| 6706 | .picker__nav--next:before { | 6711 | .picker__nav--next:before { |
| 6707 | font-family: 'icomoon'; | 6712 | font-family: 'icomoon'; |
| 6708 | display: block; | 6713 | display: block; |
| 6709 | font-size: 16px; | 6714 | font-size: 16px; |
| 6710 | width: 16px; | 6715 | width: 16px; |
| 6711 | text-align: center; | 6716 | text-align: center; |
| 6712 | -webkit-font-smoothing: antialiased; | 6717 | -webkit-font-smoothing: antialiased; |
| 6713 | -moz-osx-font-smoothing: grayscale; | 6718 | -moz-osx-font-smoothing: grayscale; |
| 6714 | } | 6719 | } |
| 6715 | .picker__nav--prev:hover, | 6720 | .picker__nav--prev:hover, |
| 6716 | .picker__nav--next:hover { | 6721 | .picker__nav--next:hover { |
| 6717 | cursor: pointer; | 6722 | cursor: pointer; |
| 6718 | background-color: #f5f5f5; | 6723 | background-color: #f5f5f5; |
| 6719 | } | 6724 | } |
| 6720 | .picker__nav--prev { | 6725 | .picker__nav--prev { |
| 6721 | left: 0; | 6726 | left: 0; |
| 6722 | } | 6727 | } |
| 6723 | .picker__nav--prev:before { | 6728 | .picker__nav--prev:before { |
| 6724 | content: '\e9c8'; | 6729 | content: '\e9c8'; |
| 6725 | } | 6730 | } |
| 6726 | .picker__nav--next { | 6731 | .picker__nav--next { |
| 6727 | right: 0; | 6732 | right: 0; |
| 6728 | } | 6733 | } |
| 6729 | .picker__nav--next:before { | 6734 | .picker__nav--next:before { |
| 6730 | content: '\e9cb'; | 6735 | content: '\e9cb'; |
| 6731 | } | 6736 | } |
| 6732 | .picker__nav--disabled, | 6737 | .picker__nav--disabled, |
| 6733 | .picker__nav--disabled:hover, | 6738 | .picker__nav--disabled:hover, |
| 6734 | .picker__nav--disabled:before, | 6739 | .picker__nav--disabled:before, |
| 6735 | .picker__nav--disabled:before:hover { | 6740 | .picker__nav--disabled:before:hover { |
| 6736 | cursor: default; | 6741 | cursor: default; |
| 6737 | background: none; | 6742 | background: none; |
| 6738 | border-right-color: #f5f5f5; | 6743 | border-right-color: #f5f5f5; |
| 6739 | border-left-color: #f5f5f5; | 6744 | border-left-color: #f5f5f5; |
| 6740 | } | 6745 | } |
| 6741 | .picker__table { | 6746 | .picker__table { |
| 6742 | text-align: center; | 6747 | text-align: center; |
| 6743 | border-collapse: collapse; | 6748 | border-collapse: collapse; |
| 6744 | border-spacing: 0; | 6749 | border-spacing: 0; |
| 6745 | table-layout: fixed; | 6750 | table-layout: fixed; |
| 6746 | font-size: inherit; | 6751 | font-size: inherit; |
| 6747 | width: 100%; | 6752 | width: 100%; |
| 6748 | margin-bottom: 16px; | 6753 | margin-bottom: 16px; |
| 6749 | } | 6754 | } |
| 6750 | .picker__table td { | 6755 | .picker__table td { |
| 6751 | margin: 0; | 6756 | margin: 0; |
| 6752 | padding: 0; | 6757 | padding: 0; |
| 6753 | } | 6758 | } |
| 6754 | .picker__weekday { | 6759 | .picker__weekday { |
| 6755 | width: 14.285714286%; | 6760 | width: 14.285714286%; |
| 6756 | font-size: 12px; | 6761 | font-size: 12px; |
| 6757 | text-align: center; | 6762 | text-align: center; |
| 6758 | padding-bottom: 10px; | 6763 | padding-bottom: 10px; |
| 6759 | padding-top: 16px; | 6764 | padding-top: 16px; |
| 6760 | color: #999999; | 6765 | color: #999999; |
| 6761 | font-weight: 400; | 6766 | font-weight: 400; |
| 6762 | } | 6767 | } |
| 6763 | .picker__day { | 6768 | .picker__day { |
| 6764 | padding: 8px; | 6769 | padding: 8px; |
| 6765 | } | 6770 | } |
| 6766 | .picker__day--today { | 6771 | .picker__day--today { |
| 6767 | position: relative; | 6772 | position: relative; |
| 6768 | background-color: #f5f5f5; | 6773 | background-color: #f5f5f5; |
| 6769 | } | 6774 | } |
| 6770 | .picker__day--today:before { | 6775 | .picker__day--today:before { |
| 6771 | content: ""; | 6776 | content: ""; |
| 6772 | position: absolute; | 6777 | position: absolute; |
| 6773 | top: 2px; | 6778 | top: 2px; |
| 6774 | right: 2px; | 6779 | right: 2px; |
| 6775 | width: 0; | 6780 | width: 0; |
| 6776 | height: 0; | 6781 | height: 0; |
| 6777 | border-top: 6px solid #26A69A; | 6782 | border-top: 6px solid #26A69A; |
| 6778 | border-left: 6px solid transparent; | 6783 | border-left: 6px solid transparent; |
| 6779 | } | 6784 | } |
| 6780 | .picker__day--outfocus { | 6785 | .picker__day--outfocus { |
| 6781 | color: #ccc; | 6786 | color: #ccc; |
| 6782 | } | 6787 | } |
| 6783 | .picker__day--infocus:hover, | 6788 | .picker__day--infocus:hover, |
| 6784 | .picker__day--outfocus:hover { | 6789 | .picker__day--outfocus:hover { |
| 6785 | cursor: pointer; | 6790 | cursor: pointer; |
| 6786 | color: #333333; | 6791 | color: #333333; |
| 6787 | background-color: #f5f5f5; | 6792 | background-color: #f5f5f5; |
| 6788 | } | 6793 | } |
| 6789 | .picker__day--highlighted:before { | 6794 | .picker__day--highlighted:before { |
| 6790 | border-top-color: #fff; | 6795 | border-top-color: #fff; |
| 6791 | } | 6796 | } |
| 6792 | .picker__day--highlighted, | 6797 | .picker__day--highlighted, |
| 6793 | .picker__day--selected { | 6798 | .picker__day--selected { |
| 6794 | border-radius: 3px; | 6799 | border-radius: 3px; |
| 6795 | } | 6800 | } |
| 6796 | .picker__day--highlighted, | 6801 | .picker__day--highlighted, |
| 6797 | .picker__day--highlighted:hover, | 6802 | .picker__day--highlighted:hover, |
| 6798 | .picker--focused .picker__day--highlighted { | 6803 | .picker--focused .picker__day--highlighted { |
| 6799 | cursor: pointer; | 6804 | cursor: pointer; |
| 6800 | color: #fff; | 6805 | color: #fff; |
| 6801 | background-color: #26A69A; | 6806 | background-color: #26A69A; |
| 6802 | } | 6807 | } |
| 6803 | .picker__day--selected, | 6808 | .picker__day--selected, |
| 6804 | .picker__day--selected:hover, | 6809 | .picker__day--selected:hover, |
| 6805 | .picker--focused .picker__day--selected { | 6810 | .picker--focused .picker__day--selected { |
| 6806 | background-color: #26A69A; | 6811 | background-color: #26A69A; |
| 6807 | color: #fff; | 6812 | color: #fff; |
| 6808 | } | 6813 | } |
| 6809 | .picker__day--disabled, | 6814 | .picker__day--disabled, |
| 6810 | .picker__day--disabled:hover { | 6815 | .picker__day--disabled:hover { |
| 6811 | background: #fafafa; | 6816 | background: #fafafa; |
| 6812 | color: #999999; | 6817 | color: #999999; |
| 6813 | cursor: default; | 6818 | cursor: default; |
| 6814 | } | 6819 | } |
| 6815 | .picker__day--disabled:before { | 6820 | .picker__day--disabled:before { |
| 6816 | border-top-color: #999; | 6821 | border-top-color: #999; |
| 6817 | } | 6822 | } |
| 6818 | .picker__day--highlighted .picker__day--disabled, | 6823 | .picker__day--highlighted .picker__day--disabled, |
| 6819 | .picker__day--highlighted .picker__day--disabled:hover { | 6824 | .picker__day--highlighted .picker__day--disabled:hover { |
| 6820 | background-color: #bbbbbb; | 6825 | background-color: #bbbbbb; |
| 6821 | } | 6826 | } |
| 6822 | .picker__footer { | 6827 | .picker__footer { |
| 6823 | text-align: center; | 6828 | text-align: center; |
| 6824 | } | 6829 | } |
| 6825 | .picker__footer button { | 6830 | .picker__footer button { |
| 6826 | border: 0; | 6831 | border: 0; |
| 6827 | background: #fff; | 6832 | background: #fff; |
| 6828 | padding: 7px 14px; | 6833 | padding: 7px 14px; |
| 6829 | border-radius: 3px; | 6834 | border-radius: 3px; |
| 6830 | font-weight: 500; | 6835 | font-weight: 500; |
| 6831 | cursor: pointer; | 6836 | cursor: pointer; |
| 6832 | display: inline-block; | 6837 | display: inline-block; |
| 6833 | } | 6838 | } |
| 6834 | .picker__footer button:hover, | 6839 | .picker__footer button:hover, |
| 6835 | .picker__footer button:focus { | 6840 | .picker__footer button:focus { |
| 6836 | outline: 0; | 6841 | outline: 0; |
| 6837 | background-color: #f5f5f5; | 6842 | background-color: #f5f5f5; |
| 6838 | } | 6843 | } |
| 6839 | .picker__footer button:before { | 6844 | .picker__footer button:before { |
| 6840 | height: 0; | 6845 | height: 0; |
| 6841 | } | 6846 | } |
| 6842 | .picker__button--today:before { | 6847 | .picker__button--today:before { |
| 6843 | content: ''; | 6848 | content: ''; |
| 6844 | margin-right: 5px; | 6849 | margin-right: 5px; |
| 6845 | position: relative; | 6850 | position: relative; |
| 6846 | display: inline-block; | 6851 | display: inline-block; |
| 6847 | top: -1px; | 6852 | top: -1px; |
| 6848 | width: 0; | 6853 | width: 0; |
| 6849 | border-top: 6px solid #2196F3; | 6854 | border-top: 6px solid #2196F3; |
| 6850 | border-left: 6px solid transparent; | 6855 | border-left: 6px solid transparent; |
| 6851 | } | 6856 | } |
| 6852 | .picker__button--close:before { | 6857 | .picker__button--close:before { |
| 6853 | content: '\D7'; | 6858 | content: '\D7'; |
| 6854 | display: inline-block; | 6859 | display: inline-block; |
| 6855 | position: relative; | 6860 | position: relative; |
| 6856 | margin-right: 5px; | 6861 | margin-right: 5px; |
| 6857 | top: 1px; | 6862 | top: 1px; |
| 6858 | line-height: 1; | 6863 | line-height: 1; |
| 6859 | font-size: 16px; | 6864 | font-size: 16px; |
| 6860 | } | 6865 | } |
| 6861 | .picker__button--clear:before { | 6866 | .picker__button--clear:before { |
| 6862 | content: ''; | 6867 | content: ''; |
| 6863 | display: inline-block; | 6868 | display: inline-block; |
| 6864 | position: relative; | 6869 | position: relative; |
| 6865 | top: -3px; | 6870 | top: -3px; |
| 6866 | width: 8px; | 6871 | width: 8px; |
| 6867 | margin-right: 5px; | 6872 | margin-right: 5px; |
| 6868 | border-top: 2px solid #F44336; | 6873 | border-top: 2px solid #F44336; |
| 6869 | } | 6874 | } |
| 6870 | /* ------------------------------------------------------------------------------ | 6875 | /* ------------------------------------------------------------------------------ |
| 6871 | * | 6876 | * |
| 6872 | * # Pick-a-date - Time picker | 6877 | * # Pick-a-date - Time picker |
| 6873 | * | 6878 | * |
| 6874 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker | 6879 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker |
| 6875 | * | 6880 | * |
| 6876 | * Version: 1.1 | 6881 | * Version: 1.1 |
| 6877 | * Latest update: Mar 10, 2016 | 6882 | * Latest update: Mar 10, 2016 |
| 6878 | * | 6883 | * |
| 6879 | * ---------------------------------------------------------------------------- */ | 6884 | * ---------------------------------------------------------------------------- */ |
| 6880 | .picker--time { | 6885 | .picker--time { |
| 6881 | min-width: 256px; | 6886 | min-width: 256px; |
| 6882 | max-width: 320px; | 6887 | max-width: 320px; |
| 6883 | } | 6888 | } |
| 6884 | .picker--time .picker__box { | 6889 | .picker--time .picker__box { |
| 6885 | padding: 0; | 6890 | padding: 0; |
| 6886 | } | 6891 | } |
| 6887 | .picker__list { | 6892 | .picker__list { |
| 6888 | list-style: none; | 6893 | list-style: none; |
| 6889 | padding: 8px 0; | 6894 | padding: 8px 0; |
| 6890 | margin: 0; | 6895 | margin: 0; |
| 6891 | max-height: 250px; | 6896 | max-height: 250px; |
| 6892 | overflow-y: auto; | 6897 | overflow-y: auto; |
| 6893 | } | 6898 | } |
| 6894 | .picker__list-item { | 6899 | .picker__list-item { |
| 6895 | position: relative; | 6900 | position: relative; |
| 6896 | padding: 8px 16px; | 6901 | padding: 8px 16px; |
| 6897 | } | 6902 | } |
| 6898 | .picker__list-item:hover, | 6903 | .picker__list-item:hover, |
| 6899 | .picker__list-item:focus { | 6904 | .picker__list-item:focus { |
| 6900 | cursor: pointer; | 6905 | cursor: pointer; |
| 6901 | background-color: #f5f5f5; | 6906 | background-color: #f5f5f5; |
| 6902 | z-index: 10; | 6907 | z-index: 10; |
| 6903 | } | 6908 | } |
| 6904 | .picker--time .picker__button--clear { | 6909 | .picker--time .picker__button--clear { |
| 6905 | display: block; | 6910 | display: block; |
| 6906 | width: 100%; | 6911 | width: 100%; |
| 6907 | margin: 0; | 6912 | margin: 0; |
| 6908 | padding: 7px 14px; | 6913 | padding: 7px 14px; |
| 6909 | background-color: transparent; | 6914 | background-color: transparent; |
| 6910 | outline: 0; | 6915 | outline: 0; |
| 6911 | border: 0; | 6916 | border: 0; |
| 6912 | text-align: center; | 6917 | text-align: center; |
| 6913 | margin-bottom: -8px; | 6918 | margin-bottom: -8px; |
| 6914 | } | 6919 | } |
| 6915 | .picker__list-item--highlighted { | 6920 | .picker__list-item--highlighted { |
| 6916 | z-index: 10; | 6921 | z-index: 10; |
| 6917 | } | 6922 | } |
| 6918 | .picker__list-item--highlighted, | 6923 | .picker__list-item--highlighted, |
| 6919 | .picker__list-item--highlighted:hover, | 6924 | .picker__list-item--highlighted:hover, |
| 6920 | .picker--focused .picker__list-item--highlighted { | 6925 | .picker--focused .picker__list-item--highlighted { |
| 6921 | cursor: pointer; | 6926 | cursor: pointer; |
| 6922 | color: #fff; | 6927 | color: #fff; |
| 6923 | background-color: #26A69A; | 6928 | background-color: #26A69A; |
| 6924 | } | 6929 | } |
| 6925 | .picker__list-item--selected, | 6930 | .picker__list-item--selected, |
| 6926 | .picker__list-item--selected:hover, | 6931 | .picker__list-item--selected:hover, |
| 6927 | .picker--focused .picker__list-item--selected { | 6932 | .picker--focused .picker__list-item--selected { |
| 6928 | background-color: #26A69A; | 6933 | background-color: #26A69A; |
| 6929 | color: #fff; | 6934 | color: #fff; |
| 6930 | z-index: 10; | 6935 | z-index: 10; |
| 6931 | } | 6936 | } |
| 6932 | .picker__list-item--disabled, | 6937 | .picker__list-item--disabled, |
| 6933 | .picker__list-item--disabled:hover, | 6938 | .picker__list-item--disabled:hover, |
| 6934 | .picker--focused .picker__list-item--disabled { | 6939 | .picker--focused .picker__list-item--disabled { |
| 6935 | background-color: #fafafa; | 6940 | background-color: #fafafa; |
| 6936 | color: #999999; | 6941 | color: #999999; |
| 6937 | cursor: not-allowed; | 6942 | cursor: not-allowed; |
| 6938 | z-index: auto; | 6943 | z-index: auto; |
| 6939 | } | 6944 | } |
| 6940 | /* ------------------------------------------------------------------------------ | 6945 | /* ------------------------------------------------------------------------------ |
| 6941 | * | 6946 | * |
| 6942 | * # Anytime picker | 6947 | * # Anytime picker |
| 6943 | * | 6948 | * |
| 6944 | * jQuery datepicker/timepicker and a Date/String parse/format utility | 6949 | * jQuery datepicker/timepicker and a Date/String parse/format utility |
| 6945 | * | 6950 | * |
| 6946 | * Version: 1.2 | 6951 | * Version: 1.2 |
| 6947 | * Latest update: Mar 10, 2016 | 6952 | * Latest update: Mar 10, 2016 |
| 6948 | * | 6953 | * |
| 6949 | * ---------------------------------------------------------------------------- */ | 6954 | * ---------------------------------------------------------------------------- */ |
| 6950 | .AnyTime-pkr { | 6955 | .AnyTime-pkr { |
| 6951 | text-align: center; | 6956 | text-align: center; |
| 6952 | } | 6957 | } |
| 6953 | .AnyTime-pkr * { | 6958 | .AnyTime-pkr * { |
| 6954 | margin: 0; | 6959 | margin: 0; |
| 6955 | padding: 0; | 6960 | padding: 0; |
| 6956 | list-style: none; | 6961 | list-style: none; |
| 6957 | } | 6962 | } |
| 6958 | .AnyTime-pkr .AnyTime-date { | 6963 | .AnyTime-pkr .AnyTime-date { |
| 6959 | float: left; | 6964 | float: left; |
| 6960 | } | 6965 | } |
| 6961 | .AnyTime-pkr .AnyTime-date + .AnyTime-time { | 6966 | .AnyTime-pkr .AnyTime-date + .AnyTime-time { |
| 6962 | margin-left: 50px; | 6967 | margin-left: 50px; |
| 6963 | float: left; | 6968 | float: left; |
| 6964 | } | 6969 | } |
| 6965 | .AnyTime-win { | 6970 | .AnyTime-win { |
| 6966 | padding: 16px; | 6971 | padding: 16px; |
| 6967 | background-color: #fff; | 6972 | background-color: #fff; |
| 6968 | display: inline-block; | 6973 | display: inline-block; |
| 6969 | border-radius: 3px; | 6974 | border-radius: 3px; |
| 6970 | z-index: 10; | 6975 | z-index: 10; |
| 6971 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6976 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6972 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6977 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6973 | } | 6978 | } |
| 6974 | .AnyTime-cloak { | 6979 | .AnyTime-cloak { |
| 6975 | position: absolute; | 6980 | position: absolute; |
| 6976 | opacity: 0.7; | 6981 | opacity: 0.7; |
| 6977 | filter: alpha(opacity=70); | 6982 | filter: alpha(opacity=70); |
| 6978 | } | 6983 | } |
| 6979 | .AnyTime-hdr { | 6984 | .AnyTime-hdr { |
| 6980 | font-size: 15px; | 6985 | font-size: 15px; |
| 6981 | margin: 15px 10px; | 6986 | margin: 15px 10px; |
| 6982 | line-height: 1; | 6987 | line-height: 1; |
| 6983 | } | 6988 | } |
| 6984 | .AnyTime-x-btn { | 6989 | .AnyTime-x-btn { |
| 6985 | display: none; | 6990 | display: none; |
| 6986 | font-size: 0; | 6991 | font-size: 0; |
| 6987 | cursor: pointer; | 6992 | cursor: pointer; |
| 6988 | float: right; | 6993 | float: right; |
| 6989 | border-radius: 2px; | 6994 | border-radius: 2px; |
| 6990 | opacity: 0.6; | 6995 | opacity: 0.6; |
| 6991 | filter: alpha(opacity=60); | 6996 | filter: alpha(opacity=60); |
| 6992 | } | 6997 | } |
| 6993 | .AnyTime-x-btn:hover { | 6998 | .AnyTime-x-btn:hover { |
| 6994 | opacity: 1; | 6999 | opacity: 1; |
| 6995 | filter: alpha(opacity=100); | 7000 | filter: alpha(opacity=100); |
| 6996 | } | 7001 | } |
| 6997 | .AnyTime-x-btn:after { | 7002 | .AnyTime-x-btn:after { |
| 6998 | content: '\ed6b'; | 7003 | content: '\ed6b'; |
| 6999 | font-family: 'icomoon'; | 7004 | font-family: 'icomoon'; |
| 7000 | font-size: 16px; | 7005 | font-size: 16px; |
| 7001 | line-height: 1; | 7006 | line-height: 1; |
| 7002 | -webkit-font-smoothing: antialiased; | 7007 | -webkit-font-smoothing: antialiased; |
| 7003 | -moz-osx-font-smoothing: grayscale; | 7008 | -moz-osx-font-smoothing: grayscale; |
| 7004 | } | 7009 | } |
| 7005 | .AnyTime-lbl { | 7010 | .AnyTime-lbl { |
| 7006 | font-size: 13px; | 7011 | font-size: 13px; |
| 7007 | margin-bottom: 10px; | 7012 | margin-bottom: 10px; |
| 7008 | font-weight: 500; | 7013 | font-weight: 500; |
| 7009 | margin-top: 25px; | 7014 | margin-top: 25px; |
| 7010 | } | 7015 | } |
| 7011 | .AnyTime-lbl:first-child { | 7016 | .AnyTime-lbl:first-child { |
| 7012 | margin-top: 8px; | 7017 | margin-top: 8px; |
| 7013 | } | 7018 | } |
| 7014 | .AnyTime-yrs .ui-state-highlight, | 7019 | .AnyTime-yrs .ui-state-highlight, |
| 7015 | .AnyTime-yrs .ui-state-highlight:hover { | 7020 | .AnyTime-yrs .ui-state-highlight:hover { |
| 7016 | background-color: #F44336; | 7021 | background-color: #F44336; |
| 7017 | color: #fff; | 7022 | color: #fff; |
| 7018 | } | 7023 | } |
| 7019 | .AnyTime-mons .ui-state-highlight, | 7024 | .AnyTime-mons .ui-state-highlight, |
| 7020 | .AnyTime-mons .ui-state-highlight:hover { | 7025 | .AnyTime-mons .ui-state-highlight:hover { |
| 7021 | background-color: #26A69A; | 7026 | background-color: #26A69A; |
| 7022 | color: #fff; | 7027 | color: #fff; |
| 7023 | } | 7028 | } |
| 7024 | .AnyTime-time .ui-state-highlight, | 7029 | .AnyTime-time .ui-state-highlight, |
| 7025 | .AnyTime-time .ui-state-highlight:hover { | 7030 | .AnyTime-time .ui-state-highlight:hover { |
| 7026 | background-color: #607D8B; | 7031 | background-color: #607D8B; |
| 7027 | color: #fff; | 7032 | color: #fff; |
| 7028 | } | 7033 | } |
| 7029 | .AnyTime-dom-table .ui-state-highlight, | 7034 | .AnyTime-dom-table .ui-state-highlight, |
| 7030 | .AnyTime-body-yr-selector .ui-state-highlight, | 7035 | .AnyTime-body-yr-selector .ui-state-highlight, |
| 7031 | .AnyTime-dom-table .ui-state-highlight:hover, | 7036 | .AnyTime-dom-table .ui-state-highlight:hover, |
| 7032 | .AnyTime-body-yr-selector .ui-state-highlight:hover { | 7037 | .AnyTime-body-yr-selector .ui-state-highlight:hover { |
| 7033 | background-color: #2196F3; | 7038 | background-color: #2196F3; |
| 7034 | color: #fff; | 7039 | color: #fff; |
| 7035 | } | 7040 | } |
| 7036 | .AnyTime-yrs-past-btn, | 7041 | .AnyTime-yrs-past-btn, |
| 7037 | .AnyTime-yrs-ahead-btn { | 7042 | .AnyTime-yrs-ahead-btn { |
| 7038 | display: inline-block; | 7043 | display: inline-block; |
| 7039 | } | 7044 | } |
| 7040 | .AnyTime-yr-prior-btn, | 7045 | .AnyTime-yr-prior-btn, |
| 7041 | .AnyTime-yr-cur-btn, | 7046 | .AnyTime-yr-cur-btn, |
| 7042 | .AnyTime-yr-next-btn { | 7047 | .AnyTime-yr-next-btn { |
| 7043 | display: inline-block; | 7048 | display: inline-block; |
| 7044 | min-width: 50px; | 7049 | min-width: 50px; |
| 7045 | } | 7050 | } |
| 7046 | .AnyTime-mons:after { | 7051 | .AnyTime-mons:after { |
| 7047 | content: ""; | 7052 | content: ""; |
| 7048 | display: table; | 7053 | display: table; |
| 7049 | clear: both; | 7054 | clear: both; |
| 7050 | } | 7055 | } |
| 7051 | .AnyTime-dom-table { | 7056 | .AnyTime-dom-table { |
| 7052 | width: 100%; | 7057 | width: 100%; |
| 7053 | } | 7058 | } |
| 7054 | .AnyTime-pkr th.AnyTime-dow { | 7059 | .AnyTime-pkr th.AnyTime-dow { |
| 7055 | color: #999999; | 7060 | color: #999999; |
| 7056 | font-size: 12px; | 7061 | font-size: 12px; |
| 7057 | padding: 8px; | 7062 | padding: 8px; |
| 7058 | font-weight: 400; | 7063 | font-weight: 400; |
| 7059 | } | 7064 | } |
| 7060 | .AnyTime-mon-btn { | 7065 | .AnyTime-mon-btn { |
| 7061 | float: left; | 7066 | float: left; |
| 7062 | } | 7067 | } |
| 7063 | .AnyTime-mon7-btn { | 7068 | .AnyTime-mon7-btn { |
| 7064 | clear: left; | 7069 | clear: left; |
| 7065 | } | 7070 | } |
| 7066 | .AnyTime-dom-btn:hover { | 7071 | .AnyTime-dom-btn:hover { |
| 7067 | background-color: #f5f5f5; | 7072 | background-color: #f5f5f5; |
| 7068 | } | 7073 | } |
| 7069 | .AnyTime-dom-btn-empty { | 7074 | .AnyTime-dom-btn-empty { |
| 7070 | display: none; | 7075 | display: none; |
| 7071 | } | 7076 | } |
| 7072 | .AnyTime-time, | 7077 | .AnyTime-time, |
| 7073 | .AnyTime-hrs-am, | 7078 | .AnyTime-hrs-am, |
| 7074 | .AnyTime-hrs-pm, | 7079 | .AnyTime-hrs-pm, |
| 7075 | .AnyTime-mins-tens, | 7080 | .AnyTime-mins-tens, |
| 7076 | .AnyTime-mins-ones, | 7081 | .AnyTime-mins-ones, |
| 7077 | .AnyTime-secs-tens, | 7082 | .AnyTime-secs-tens, |
| 7078 | .AnyTime-secs-ones, | 7083 | .AnyTime-secs-ones, |
| 7079 | .AnyTime-hrs, | 7084 | .AnyTime-hrs, |
| 7080 | .AnyTime-mins, | 7085 | .AnyTime-mins, |
| 7081 | .AnyTime-secs, | 7086 | .AnyTime-secs, |
| 7082 | .AnyTime-offs { | 7087 | .AnyTime-offs { |
| 7083 | display: inline-block; | 7088 | display: inline-block; |
| 7084 | } | 7089 | } |
| 7085 | .AnyTime-btn { | 7090 | .AnyTime-btn { |
| 7086 | padding: 8px 16px; | 7091 | padding: 8px 16px; |
| 7087 | cursor: pointer; | 7092 | cursor: pointer; |
| 7088 | border-radius: 2px; | 7093 | border-radius: 2px; |
| 7089 | } | 7094 | } |
| 7090 | .AnyTime-btn:hover { | 7095 | .AnyTime-btn:hover { |
| 7091 | background-color: #f5f5f5; | 7096 | background-color: #f5f5f5; |
| 7092 | } | 7097 | } |
| 7093 | .AnyTime-hr-btn, | 7098 | .AnyTime-hr-btn, |
| 7094 | .AnyTime-min-ten-btn, | 7099 | .AnyTime-min-ten-btn, |
| 7095 | .AnyTime-min-one-btn, | 7100 | .AnyTime-min-one-btn, |
| 7096 | .AnyTime-sec-ten-btn, | 7101 | .AnyTime-sec-ten-btn, |
| 7097 | .AnyTime-sec-one-btn { | 7102 | .AnyTime-sec-one-btn { |
| 7098 | min-width: 40px; | 7103 | min-width: 40px; |
| 7099 | } | 7104 | } |
| 7100 | .AnyTime-hrs-pm, | 7105 | .AnyTime-hrs-pm, |
| 7101 | .AnyTime-mins-ones, | 7106 | .AnyTime-mins-ones, |
| 7102 | .AnyTime-secs-ones { | 7107 | .AnyTime-secs-ones { |
| 7103 | margin-left: 2px; | 7108 | margin-left: 2px; |
| 7104 | } | 7109 | } |
| 7105 | .AnyTime-mins-tens, | 7110 | .AnyTime-mins-tens, |
| 7106 | .AnyTime-secs-tens { | 7111 | .AnyTime-secs-tens { |
| 7107 | margin-left: 20px; | 7112 | margin-left: 20px; |
| 7108 | } | 7113 | } |
| 7109 | .AnyTime-off-cur-btn { | 7114 | .AnyTime-off-cur-btn { |
| 7110 | display: inline-block; | 7115 | display: inline-block; |
| 7111 | overflow: hidden; | 7116 | overflow: hidden; |
| 7112 | } | 7117 | } |
| 7113 | .AnyTime-off-select-btn { | 7118 | .AnyTime-off-select-btn { |
| 7114 | display: inline-block; | 7119 | display: inline-block; |
| 7115 | vertical-align: top; | 7120 | vertical-align: top; |
| 7116 | } | 7121 | } |
| 7117 | .AnyTime-off-selector { | 7122 | .AnyTime-off-selector { |
| 7118 | margin: 10px; | 7123 | margin: 10px; |
| 7119 | position: absolute; | 7124 | position: absolute; |
| 7120 | } | 7125 | } |
| 7121 | .AnyTime-body-off-selector { | 7126 | .AnyTime-body-off-selector { |
| 7122 | margin: 0; | 7127 | margin: 0; |
| 7123 | overflow-x: hidden; | 7128 | overflow-x: hidden; |
| 7124 | overflow-y: auto; | 7129 | overflow-y: auto; |
| 7125 | white-space: nowrap; | 7130 | white-space: nowrap; |
| 7126 | } | 7131 | } |
| 7127 | .AnyTime-off-off-btn { | 7132 | .AnyTime-off-off-btn { |
| 7128 | text-align: left; | 7133 | text-align: left; |
| 7129 | } | 7134 | } |
| 7130 | .AnyTime-yr-selector { | 7135 | .AnyTime-yr-selector { |
| 7131 | position: absolute; | 7136 | position: absolute; |
| 7132 | width: 90%; | 7137 | width: 90%; |
| 7133 | } | 7138 | } |
| 7134 | .AnyTime-body-yr-selector { | 7139 | .AnyTime-body-yr-selector { |
| 7135 | margin: 0; | 7140 | margin: 0; |
| 7136 | } | 7141 | } |
| 7137 | .AnyTime-yr-mil, | 7142 | .AnyTime-yr-mil, |
| 7138 | .AnyTime-yr-cent, | 7143 | .AnyTime-yr-cent, |
| 7139 | .AnyTime-yr-dec, | 7144 | .AnyTime-yr-dec, |
| 7140 | .AnyTime-yr-yr, | 7145 | .AnyTime-yr-yr, |
| 7141 | .AnyTime-yr-era { | 7146 | .AnyTime-yr-era { |
| 7142 | display: inline-block; | 7147 | display: inline-block; |
| 7143 | vertical-align: top; | 7148 | vertical-align: top; |
| 7144 | width: 20%; | 7149 | width: 20%; |
| 7145 | } | 7150 | } |
| 7146 | .AnyTime-era-btn { | 7151 | .AnyTime-era-btn { |
| 7147 | margin-left: 10px; | 7152 | margin-left: 10px; |
| 7148 | } | 7153 | } |
| 7149 | @media (max-width: 769px) { | 7154 | @media (max-width: 769px) { |
| 7150 | .AnyTime-pkr .AnyTime-date { | 7155 | .AnyTime-pkr .AnyTime-date { |
| 7151 | float: none; | 7156 | float: none; |
| 7152 | } | 7157 | } |
| 7153 | .AnyTime-mon-btn { | 7158 | .AnyTime-mon-btn { |
| 7154 | float: none; | 7159 | float: none; |
| 7155 | display: inline-block; | 7160 | display: inline-block; |
| 7156 | } | 7161 | } |
| 7157 | .AnyTime-date + .AnyTime-time { | 7162 | .AnyTime-date + .AnyTime-time { |
| 7158 | margin-left: 0; | 7163 | margin-left: 0; |
| 7159 | margin-top: 25px; | 7164 | margin-top: 25px; |
| 7160 | float: none; | 7165 | float: none; |
| 7161 | } | 7166 | } |
| 7162 | } | 7167 | } |
| 7163 | /* ------------------------------------------------------------------------------ | 7168 | /* ------------------------------------------------------------------------------ |
| 7164 | * | 7169 | * |
| 7165 | * # Spectrum color picker | 7170 | * # Spectrum color picker |
| 7166 | * | 7171 | * |
| 7167 | * Flexible and powerful jQuery colorpicker library | 7172 | * Flexible and powerful jQuery colorpicker library |
| 7168 | * | 7173 | * |
| 7169 | * Version: 1.1 | 7174 | * Version: 1.1 |
| 7170 | * Latest update: Mar 10, 2016 | 7175 | * Latest update: Mar 10, 2016 |
| 7171 | * | 7176 | * |
| 7172 | * ---------------------------------------------------------------------------- */ | 7177 | * ---------------------------------------------------------------------------- */ |
| 7173 | .sp-sat, | 7178 | .sp-sat, |
| 7174 | .sp-val, | 7179 | .sp-val, |
| 7175 | .sp-top-inner, | 7180 | .sp-top-inner, |
| 7176 | .sp-color, | 7181 | .sp-color, |
| 7177 | .sp-hue, | 7182 | .sp-hue, |
| 7178 | .sp-clear-enabled .sp-clear, | 7183 | .sp-clear-enabled .sp-clear, |
| 7179 | .sp-preview-inner, | 7184 | .sp-preview-inner, |
| 7180 | .sp-alpha-inner, | 7185 | .sp-alpha-inner, |
| 7181 | .sp-thumb-inner { | 7186 | .sp-thumb-inner { |
| 7182 | position: absolute; | 7187 | position: absolute; |
| 7183 | top: 0; | 7188 | top: 0; |
| 7184 | left: 0; | 7189 | left: 0; |
| 7185 | right: 0; | 7190 | right: 0; |
| 7186 | bottom: 0; | 7191 | bottom: 0; |
| 7187 | } | 7192 | } |
| 7188 | .sp-container.sp-input-disabled .sp-input-container, | 7193 | .sp-container.sp-input-disabled .sp-input-container, |
| 7189 | .sp-container.sp-buttons-disabled .sp-button-container, | 7194 | .sp-container.sp-buttons-disabled .sp-button-container, |
| 7190 | .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, | 7195 | .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, |
| 7191 | .sp-palette-only .sp-picker-container, | 7196 | .sp-palette-only .sp-picker-container, |
| 7192 | .sp-palette-disabled .sp-palette-container, | 7197 | .sp-palette-disabled .sp-palette-container, |
| 7193 | .sp-initial-disabled .sp-initial { | 7198 | .sp-initial-disabled .sp-initial { |
| 7194 | display: none; | 7199 | display: none; |
| 7195 | } | 7200 | } |
| 7196 | .sp-hidden { | 7201 | .sp-hidden { |
| 7197 | display: none!important; | 7202 | display: none!important; |
| 7198 | } | 7203 | } |
| 7199 | .sp-cf:before, | 7204 | .sp-cf:before, |
| 7200 | .sp-cf:after { | 7205 | .sp-cf:after { |
| 7201 | content: ""; | 7206 | content: ""; |
| 7202 | display: table; | 7207 | display: table; |
| 7203 | } | 7208 | } |
| 7204 | .sp-cf:after { | 7209 | .sp-cf:after { |
| 7205 | clear: both; | 7210 | clear: both; |
| 7206 | } | 7211 | } |
| 7207 | .sp-preview, | 7212 | .sp-preview, |
| 7208 | .sp-alpha, | 7213 | .sp-alpha, |
| 7209 | .sp-thumb-el { | 7214 | .sp-thumb-el { |
| 7210 | position: relative; | 7215 | position: relative; |
| 7211 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); | 7216 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); |
| 7212 | } | 7217 | } |
| 7213 | .sp-preview-inner, | 7218 | .sp-preview-inner, |
| 7214 | .sp-alpha-inner, | 7219 | .sp-alpha-inner, |
| 7215 | .sp-thumb-inner { | 7220 | .sp-thumb-inner { |
| 7216 | display: block; | 7221 | display: block; |
| 7217 | } | 7222 | } |
| 7218 | .sp-container { | 7223 | .sp-container { |
| 7219 | position: absolute; | 7224 | position: absolute; |
| 7220 | top: 0; | 7225 | top: 0; |
| 7221 | left: 0; | 7226 | left: 0; |
| 7222 | display: inline-block; | 7227 | display: inline-block; |
| 7223 | z-index: 1000; | 7228 | z-index: 1000; |
| 7224 | background-color: #fff; | 7229 | background-color: #fff; |
| 7225 | border-radius: 3px; | 7230 | border-radius: 3px; |
| 7226 | overflow: hidden; | 7231 | overflow: hidden; |
| 7227 | -webkit-box-sizing: content-box; | 7232 | -webkit-box-sizing: content-box; |
| 7228 | -moz-box-sizing: content-box; | 7233 | -moz-box-sizing: content-box; |
| 7229 | box-sizing: content-box; | 7234 | box-sizing: content-box; |
| 7230 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 7235 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 7231 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 7236 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 7232 | } | 7237 | } |
| 7233 | .sp-container.sp-flat { | 7238 | .sp-container.sp-flat { |
| 7234 | position: relative; | 7239 | position: relative; |
| 7235 | overflow-x: auto; | 7240 | overflow-x: auto; |
| 7236 | max-width: 100%; | 7241 | max-width: 100%; |
| 7237 | white-space: nowrap; | 7242 | white-space: nowrap; |
| 7238 | border: 1px solid #ddd; | 7243 | border: 1px solid #ddd; |
| 7239 | -webkit-box-shadow: none; | 7244 | -webkit-box-shadow: none; |
| 7240 | box-shadow: none; | 7245 | box-shadow: none; |
| 7241 | } | 7246 | } |
| 7242 | .sp-picker-container, | 7247 | .sp-picker-container, |
| 7243 | .sp-palette-container { | 7248 | .sp-palette-container { |
| 7244 | display: block; | 7249 | display: block; |
| 7245 | white-space: nowrap; | 7250 | white-space: nowrap; |
| 7246 | vertical-align: top; | 7251 | vertical-align: top; |
| 7247 | position: relative; | 7252 | position: relative; |
| 7248 | padding: 15px; | 7253 | padding: 15px; |
| 7249 | padding-bottom: 305px; | 7254 | padding-bottom: 305px; |
| 7250 | margin-bottom: -290px; | 7255 | margin-bottom: -290px; |
| 7251 | } | 7256 | } |
| 7252 | @media (min-width: 769px) { | 7257 | @media (min-width: 769px) { |
| 7253 | .sp-picker-container, | 7258 | .sp-picker-container, |
| 7254 | .sp-palette-container { | 7259 | .sp-palette-container { |
| 7255 | display: inline-block; | 7260 | display: inline-block; |
| 7256 | } | 7261 | } |
| 7257 | } | 7262 | } |
| 7258 | .sp-picker-container { | 7263 | .sp-picker-container { |
| 7259 | width: 230px; | 7264 | width: 230px; |
| 7260 | } | 7265 | } |
| 7261 | .sp-container, | 7266 | .sp-container, |
| 7262 | .sp-replacer, | 7267 | .sp-replacer, |
| 7263 | .sp-preview, | 7268 | .sp-preview, |
| 7264 | .sp-dragger, | 7269 | .sp-dragger, |
| 7265 | .sp-slider, | 7270 | .sp-slider, |
| 7266 | .sp-alpha, | 7271 | .sp-alpha, |
| 7267 | .sp-clear, | 7272 | .sp-clear, |
| 7268 | .sp-alpha-handle, | 7273 | .sp-alpha-handle, |
| 7269 | .sp-container.sp-dragging .sp-input, | 7274 | .sp-container.sp-dragging .sp-input, |
| 7270 | .sp-container button { | 7275 | .sp-container button { |
| 7271 | -webkit-user-select: none; | 7276 | -webkit-user-select: none; |
| 7272 | -moz-user-select: none; | 7277 | -moz-user-select: none; |
| 7273 | -ms-user-select: none; | 7278 | -ms-user-select: none; |
| 7274 | user-select: none; | 7279 | user-select: none; |
| 7275 | } | 7280 | } |
| 7276 | .sp-top { | 7281 | .sp-top { |
| 7277 | position: relative; | 7282 | position: relative; |
| 7278 | width: 100%; | 7283 | width: 100%; |
| 7279 | display: block; | 7284 | display: block; |
| 7280 | } | 7285 | } |
| 7281 | .sp-color { | 7286 | .sp-color { |
| 7282 | right: 20%; | 7287 | right: 20%; |
| 7283 | } | 7288 | } |
| 7284 | .sp-hue { | 7289 | .sp-hue { |
| 7285 | left: 85%; | 7290 | left: 85%; |
| 7286 | height: 100%; | 7291 | height: 100%; |
| 7287 | } | 7292 | } |
| 7288 | .sp-clear-enabled .sp-hue { | 7293 | .sp-clear-enabled .sp-hue { |
| 7289 | top: 40px; | 7294 | top: 40px; |
| 7290 | height: 75%; | 7295 | height: 75%; |
| 7291 | } | 7296 | } |
| 7292 | .sp-fill { | 7297 | .sp-fill { |
| 7293 | padding-top: 80%; | 7298 | padding-top: 80%; |
| 7294 | } | 7299 | } |
| 7295 | .sp-alpha-enabled .sp-top { | 7300 | .sp-alpha-enabled .sp-top { |
| 7296 | margin-bottom: 36px; | 7301 | margin-bottom: 36px; |
| 7297 | } | 7302 | } |
| 7298 | .sp-alpha-enabled .sp-alpha { | 7303 | .sp-alpha-enabled .sp-alpha { |
| 7299 | display: block; | 7304 | display: block; |
| 7300 | } | 7305 | } |
| 7301 | .sp-alpha-handle { | 7306 | .sp-alpha-handle { |
| 7302 | position: absolute; | 7307 | position: absolute; |
| 7303 | top: -4px; | 7308 | top: -4px; |
| 7304 | bottom: -4px; | 7309 | bottom: -4px; |
| 7305 | width: 5px; | 7310 | width: 5px; |
| 7306 | left: 50%; | 7311 | left: 50%; |
| 7307 | cursor: pointer; | 7312 | cursor: pointer; |
| 7308 | border: 1px solid #999999; | 7313 | border: 1px solid #999999; |
| 7309 | background-color: #fff; | 7314 | background-color: #fff; |
| 7310 | border-radius: 4px; | 7315 | border-radius: 4px; |
| 7311 | } | 7316 | } |
| 7312 | .sp-alpha { | 7317 | .sp-alpha { |
| 7313 | display: none; | 7318 | display: none; |
| 7314 | position: absolute; | 7319 | position: absolute; |
| 7315 | bottom: -22px; | 7320 | bottom: -22px; |
| 7316 | right: 0; | 7321 | right: 0; |
| 7317 | left: 0; | 7322 | left: 0; |
| 7318 | height: 6px; | 7323 | height: 6px; |
| 7319 | } | 7324 | } |
| 7320 | .sp-clear { | 7325 | .sp-clear { |
| 7321 | display: none; | 7326 | display: none; |
| 7322 | } | 7327 | } |
| 7323 | .sp-clear-display { | 7328 | .sp-clear-display { |
| 7324 | cursor: pointer; | 7329 | cursor: pointer; |
| 7325 | } | 7330 | } |
| 7326 | .sp-clear-display:after { | 7331 | .sp-clear-display:after { |
| 7327 | content: '\ee6e'; | 7332 | content: '\ee6e'; |
| 7328 | display: block; | 7333 | display: block; |
| 7329 | font-family: 'icomoon'; | 7334 | font-family: 'icomoon'; |
| 7330 | font-size: 16px; | 7335 | font-size: 16px; |
| 7331 | -webkit-font-smoothing: antialiased; | 7336 | -webkit-font-smoothing: antialiased; |
| 7332 | -moz-osx-font-smoothing: grayscale; | 7337 | -moz-osx-font-smoothing: grayscale; |
| 7333 | line-height: 30px; | 7338 | line-height: 30px; |
| 7334 | } | 7339 | } |
| 7335 | .sp-preview .sp-clear-display:after, | 7340 | .sp-preview .sp-clear-display:after, |
| 7336 | .sp-initial .sp-clear-display:after { | 7341 | .sp-initial .sp-clear-display:after { |
| 7337 | content: none; | 7342 | content: none; |
| 7338 | } | 7343 | } |
| 7339 | .sp-clear-enabled .sp-clear { | 7344 | .sp-clear-enabled .sp-clear { |
| 7340 | display: block; | 7345 | display: block; |
| 7341 | left: 85%; | 7346 | left: 85%; |
| 7342 | height: 30px; | 7347 | height: 30px; |
| 7343 | text-align: center; | 7348 | text-align: center; |
| 7344 | color: #999; | 7349 | color: #999; |
| 7345 | -webkit-box-shadow: 0 0 0 1px #ddd inset; | 7350 | -webkit-box-shadow: 0 0 0 1px #ddd inset; |
| 7346 | box-shadow: 0 0 0 1px #ddd inset; | 7351 | box-shadow: 0 0 0 1px #ddd inset; |
| 7347 | } | 7352 | } |
| 7348 | .sp-input-container { | 7353 | .sp-input-container { |
| 7349 | margin-top: 7.5px; | 7354 | margin-top: 7.5px; |
| 7350 | } | 7355 | } |
| 7351 | .sp-initial-disabled .sp-input-container { | 7356 | .sp-initial-disabled .sp-input-container { |
| 7352 | width: 100%; | 7357 | width: 100%; |
| 7353 | } | 7358 | } |
| 7354 | .sp-input { | 7359 | .sp-input { |
| 7355 | border: 1px solid transparent; | 7360 | border: 1px solid transparent; |
| 7356 | border-bottom-color: #ddd; | 7361 | border-bottom-color: #ddd; |
| 7357 | padding: 8px 0; | 7362 | padding: 8px 0; |
| 7358 | width: 100%; | 7363 | width: 100%; |
| 7359 | background-color: transparent; | 7364 | background-color: transparent; |
| 7360 | outline: 0; | 7365 | outline: 0; |
| 7361 | color: #333333; | 7366 | color: #333333; |
| 7362 | } | 7367 | } |
| 7363 | .sp-input:focus { | 7368 | .sp-input:focus { |
| 7364 | border-bottom-color: #009688; | 7369 | border-bottom-color: #009688; |
| 7365 | -webkit-box-shadow: 0 1px 0 #009688; | 7370 | -webkit-box-shadow: 0 1px 0 #009688; |
| 7366 | box-shadow: 0 1px 0 #009688; | 7371 | box-shadow: 0 1px 0 #009688; |
| 7367 | } | 7372 | } |
| 7368 | .sp-initial { | 7373 | .sp-initial { |
| 7369 | margin-top: 15px; | 7374 | margin-top: 15px; |
| 7370 | } | 7375 | } |
| 7371 | .sp-initial span { | 7376 | .sp-initial span { |
| 7372 | width: 50%; | 7377 | width: 50%; |
| 7373 | height: 25px; | 7378 | height: 25px; |
| 7374 | display: block; | 7379 | display: block; |
| 7375 | float: left; | 7380 | float: left; |
| 7376 | } | 7381 | } |
| 7377 | .sp-initial span .sp-thumb-inner { | 7382 | .sp-initial span .sp-thumb-inner { |
| 7378 | height: 25px; | 7383 | height: 25px; |
| 7379 | width: 100%; | 7384 | width: 100%; |
| 7380 | display: block; | 7385 | display: block; |
| 7381 | } | 7386 | } |
| 7382 | .sp-dragger { | 7387 | .sp-dragger { |
| 7383 | height: 5px; | 7388 | height: 5px; |
| 7384 | width: 5px; | 7389 | width: 5px; |
| 7385 | border: 1px solid #fff; | 7390 | border: 1px solid #fff; |
| 7386 | background-color: #333; | 7391 | background-color: #333; |
| 7387 | cursor: pointer; | 7392 | cursor: pointer; |
| 7388 | position: absolute; | 7393 | position: absolute; |
| 7389 | top: 0; | 7394 | top: 0; |
| 7390 | left: 0; | 7395 | left: 0; |
| 7391 | } | 7396 | } |
| 7392 | .sp-slider { | 7397 | .sp-slider { |
| 7393 | position: absolute; | 7398 | position: absolute; |
| 7394 | top: 0; | 7399 | top: 0; |
| 7395 | cursor: pointer; | 7400 | cursor: pointer; |
| 7396 | height: 4px; | 7401 | height: 4px; |
| 7397 | left: -2px; | 7402 | left: -2px; |
| 7398 | right: -2px; | 7403 | right: -2px; |
| 7399 | border: 1px solid #999999; | 7404 | border: 1px solid #999999; |
| 7400 | background-color: #fff; | 7405 | background-color: #fff; |
| 7401 | border-radius: 3px; | 7406 | border-radius: 3px; |
| 7402 | } | 7407 | } |
| 7403 | .sp-replacer { | 7408 | .sp-replacer { |
| 7404 | overflow: hidden; | 7409 | overflow: hidden; |
| 7405 | cursor: pointer; | 7410 | cursor: pointer; |
| 7406 | padding: 5px; | 7411 | padding: 5px; |
| 7407 | display: inline-block; | 7412 | display: inline-block; |
| 7408 | border: 1px solid #ddd; | 7413 | border: 1px solid #ddd; |
| 7409 | background-color: #fff; | 7414 | background-color: #fff; |
| 7410 | vertical-align: middle; | 7415 | vertical-align: middle; |
| 7411 | border-radius: 3px; | 7416 | border-radius: 3px; |
| 7412 | } | 7417 | } |
| 7413 | .sp-replacer:hover, | 7418 | .sp-replacer:hover, |
| 7414 | .sp-replacer.sp-active { | 7419 | .sp-replacer.sp-active { |
| 7415 | border-color: #c4c4c4; | 7420 | border-color: #c4c4c4; |
| 7416 | color: #333333; | 7421 | color: #333333; |
| 7417 | } | 7422 | } |
| 7418 | .sp-replacer[class*=bg-], | 7423 | .sp-replacer[class*=bg-], |
| 7419 | .sp-replacer[class*=bg-]:hover, | 7424 | .sp-replacer[class*=bg-]:hover, |
| 7420 | .sp-replacer[class*=bg-]:focus { | 7425 | .sp-replacer[class*=bg-]:focus { |
| 7421 | border-color: transparent; | 7426 | border-color: transparent; |
| 7422 | } | 7427 | } |
| 7423 | .sp-replacer[class*=bg-] .sp-dd { | 7428 | .sp-replacer[class*=bg-] .sp-dd { |
| 7424 | color: #fff; | 7429 | color: #fff; |
| 7425 | } | 7430 | } |
| 7426 | .sp-replacer[class*=bg-].sp-active .sp-dd { | 7431 | .sp-replacer[class*=bg-].sp-active .sp-dd { |
| 7427 | color: #fff; | 7432 | color: #fff; |
| 7428 | } | 7433 | } |
| 7429 | .sp-replacer.sp-disabled { | 7434 | .sp-replacer.sp-disabled { |
| 7430 | cursor: default; | 7435 | cursor: default; |
| 7431 | opacity: 0.8; | 7436 | opacity: 0.8; |
| 7432 | filter: alpha(opacity=80); | 7437 | filter: alpha(opacity=80); |
| 7433 | } | 7438 | } |
| 7434 | .sp-replacer.sp-disabled:not([class*=bg-]):hover, | 7439 | .sp-replacer.sp-disabled:not([class*=bg-]):hover, |
| 7435 | .sp-replacer.sp-disabled:not([class*=bg-]):focus { | 7440 | .sp-replacer.sp-disabled:not([class*=bg-]):focus { |
| 7436 | border-color: #ddd; | 7441 | border-color: #ddd; |
| 7437 | } | 7442 | } |
| 7438 | .sp-replacer.sp-disabled .sp-dd, | 7443 | .sp-replacer.sp-disabled .sp-dd, |
| 7439 | .sp-replacer.sp-disabled[class*=bg-] .sp-dd { | 7444 | .sp-replacer.sp-disabled[class*=bg-] .sp-dd { |
| 7440 | color: #999999; | 7445 | color: #999999; |
| 7441 | } | 7446 | } |
| 7442 | .sp-preview { | 7447 | .sp-preview { |
| 7443 | position: relative; | 7448 | position: relative; |
| 7444 | width: 26px; | 7449 | width: 26px; |
| 7445 | height: 24px; | 7450 | height: 24px; |
| 7446 | margin-right: 5px; | 7451 | margin-right: 5px; |
| 7447 | float: left; | 7452 | float: left; |
| 7448 | z-index: 0; | 7453 | z-index: 0; |
| 7449 | } | 7454 | } |
| 7450 | .sp-preview, | 7455 | .sp-preview, |
| 7451 | .sp-preview .sp-preview-inner { | 7456 | .sp-preview .sp-preview-inner { |
| 7452 | border-radius: 3px; | 7457 | border-radius: 3px; |
| 7453 | } | 7458 | } |
| 7454 | .sp-preview .sp-preview-inner, | 7459 | .sp-preview .sp-preview-inner, |
| 7455 | .sp-preview .sp-clear-display { | 7460 | .sp-preview .sp-clear-display { |
| 7456 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); | 7461 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); |
| 7457 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); | 7462 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); |
| 7458 | } | 7463 | } |
| 7459 | .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { | 7464 | .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { |
| 7460 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); | 7465 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); |
| 7461 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); | 7466 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); |
| 7462 | } | 7467 | } |
| 7463 | .sp-dd { | 7468 | .sp-dd { |
| 7464 | float: left; | 7469 | float: left; |
| 7465 | font-size: 0; | 7470 | font-size: 0; |
| 7466 | position: relative; | 7471 | position: relative; |
| 7467 | margin: 4px 2px; | 7472 | margin: 4px 2px; |
| 7468 | color: #333333; | 7473 | color: #333333; |
| 7469 | } | 7474 | } |
| 7470 | .sp-dd:after { | 7475 | .sp-dd:after { |
| 7471 | content: '\e9c5'; | 7476 | content: '\e9c5'; |
| 7472 | display: block; | 7477 | display: block; |
| 7473 | font-family: 'icomoon'; | 7478 | font-family: 'icomoon'; |
| 7474 | font-size: 16px; | 7479 | font-size: 16px; |
| 7475 | line-height: 1; | 7480 | line-height: 1; |
| 7476 | -webkit-font-smoothing: antialiased; | 7481 | -webkit-font-smoothing: antialiased; |
| 7477 | -moz-osx-font-smoothing: grayscale; | 7482 | -moz-osx-font-smoothing: grayscale; |
| 7478 | } | 7483 | } |
| 7479 | .sp-sat { | 7484 | .sp-sat { |
| 7480 | background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); | 7485 | background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); |
| 7481 | background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); | 7486 | background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); |
| 7482 | background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | 7487 | background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); |
| 7483 | background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | 7488 | background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); |
| 7484 | background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | 7489 | background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); |
| 7485 | background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); | 7490 | background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); |
| 7486 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; | 7491 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; |
| 7487 | filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); | 7492 | filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); |
| 7488 | -webkit-box-shadow: 0 0 0 1px #ccc inset; | 7493 | -webkit-box-shadow: 0 0 0 1px #ccc inset; |
| 7489 | box-shadow: 0 0 0 1px #ccc inset; | 7494 | box-shadow: 0 0 0 1px #ccc inset; |
| 7490 | } | 7495 | } |
| 7491 | .sp-val { | 7496 | .sp-val { |
| 7492 | background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); | 7497 | background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); |
| 7493 | background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); | 7498 | background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); |
| 7494 | background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | 7499 | background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); |
| 7495 | background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | 7500 | background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); |
| 7496 | background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | 7501 | background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); |
| 7497 | background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); | 7502 | background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); |
| 7498 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; | 7503 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; |
| 7499 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); | 7504 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); |
| 7500 | } | 7505 | } |
| 7501 | .sp-hue { | 7506 | .sp-hue { |
| 7502 | background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7507 | background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7503 | background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7508 | background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7504 | background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7509 | background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7505 | background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); | 7510 | background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); |
| 7506 | background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7511 | background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7507 | background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7512 | background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7508 | } | 7513 | } |
| 7509 | .sp-1 { | 7514 | .sp-1 { |
| 7510 | height: 17%; | 7515 | height: 17%; |
| 7511 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); | 7516 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); |
| 7512 | } | 7517 | } |
| 7513 | .sp-2 { | 7518 | .sp-2 { |
| 7514 | height: 16%; | 7519 | height: 16%; |
| 7515 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); | 7520 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); |
| 7516 | } | 7521 | } |
| 7517 | .sp-3 { | 7522 | .sp-3 { |
| 7518 | height: 17%; | 7523 | height: 17%; |
| 7519 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); | 7524 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); |
| 7520 | } | 7525 | } |
| 7521 | .sp-4 { | 7526 | .sp-4 { |
| 7522 | height: 17%; | 7527 | height: 17%; |
| 7523 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); | 7528 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); |
| 7524 | } | 7529 | } |
| 7525 | .sp-5 { | 7530 | .sp-5 { |
| 7526 | height: 16%; | 7531 | height: 16%; |
| 7527 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); | 7532 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); |
| 7528 | } | 7533 | } |
| 7529 | .sp-6 { | 7534 | .sp-6 { |
| 7530 | height: 17%; | 7535 | height: 17%; |
| 7531 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); | 7536 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); |
| 7532 | } | 7537 | } |
| 7533 | .sp-palette { | 7538 | .sp-palette { |
| 7534 | max-width: 220px; | 7539 | max-width: 220px; |
| 7535 | } | 7540 | } |
| 7536 | .sp-palette-container { | 7541 | .sp-palette-container { |
| 7537 | padding-right: 0; | 7542 | padding-right: 0; |
| 7538 | } | 7543 | } |
| 7539 | .sp-palette-only .sp-palette-container { | 7544 | .sp-palette-only .sp-palette-container { |
| 7540 | border: 0; | 7545 | border: 0; |
| 7541 | padding-right: 15px; | 7546 | padding-right: 15px; |
| 7542 | } | 7547 | } |
| 7543 | .sp-thumb-el { | 7548 | .sp-thumb-el { |
| 7544 | position: relative; | 7549 | position: relative; |
| 7545 | } | 7550 | } |
| 7546 | .sp-palette .sp-thumb-el { | 7551 | .sp-palette .sp-thumb-el { |
| 7547 | display: inline-block; | 7552 | display: inline-block; |
| 7548 | position: relative; | 7553 | position: relative; |
| 7549 | cursor: pointer; | 7554 | cursor: pointer; |
| 7550 | } | 7555 | } |
| 7551 | .sp-thumb-el .sp-thumb-inner { | 7556 | .sp-thumb-el .sp-thumb-inner { |
| 7552 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 7557 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 7553 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 7558 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 7554 | } | 7559 | } |
| 7555 | .sp-thumb-el .sp-thumb-inner:hover { | 7560 | .sp-thumb-el .sp-thumb-inner:hover { |
| 7556 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7561 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7557 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7562 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7558 | } | 7563 | } |
| 7559 | .sp-palette .sp-thumb-el { | 7564 | .sp-palette .sp-thumb-el { |
| 7560 | width: 16px; | 7565 | width: 16px; |
| 7561 | height: 16px; | 7566 | height: 16px; |
| 7562 | } | 7567 | } |
| 7563 | .sp-palette .sp-thumb-el + .sp-thumb-el { | 7568 | .sp-palette .sp-thumb-el + .sp-thumb-el { |
| 7564 | margin-left: 5px; | 7569 | margin-left: 5px; |
| 7565 | } | 7570 | } |
| 7566 | .sp-palette .sp-thumb-el.sp-thumb-active { | 7571 | .sp-palette .sp-thumb-el.sp-thumb-active { |
| 7567 | -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; | 7572 | -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; |
| 7568 | box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; | 7573 | box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; |
| 7569 | } | 7574 | } |
| 7570 | .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { | 7575 | .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { |
| 7571 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7576 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7572 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7577 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7573 | } | 7578 | } |
| 7574 | .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, | 7579 | .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, |
| 7575 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { | 7580 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { |
| 7576 | content: '\e600'; | 7581 | content: '\e600'; |
| 7577 | display: block; | 7582 | display: block; |
| 7578 | font-family: 'icomoon'; | 7583 | font-family: 'icomoon'; |
| 7579 | font-size: 16px; | 7584 | font-size: 16px; |
| 7580 | line-height: 1; | 7585 | line-height: 1; |
| 7581 | color: #fff; | 7586 | color: #fff; |
| 7582 | -webkit-font-smoothing: antialiased; | 7587 | -webkit-font-smoothing: antialiased; |
| 7583 | -moz-osx-font-smoothing: grayscale; | 7588 | -moz-osx-font-smoothing: grayscale; |
| 7584 | } | 7589 | } |
| 7585 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { | 7590 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { |
| 7586 | color: #333333; | 7591 | color: #333333; |
| 7587 | } | 7592 | } |
| 7588 | .sp-palette-row { | 7593 | .sp-palette-row { |
| 7589 | font-size: 0; | 7594 | font-size: 0; |
| 7590 | } | 7595 | } |
| 7591 | .sp-palette-row + .sp-palette-row { | 7596 | .sp-palette-row + .sp-palette-row { |
| 7592 | margin-top: 5px; | 7597 | margin-top: 5px; |
| 7593 | } | 7598 | } |
| 7594 | .sp-palette-row:empty { | 7599 | .sp-palette-row:empty { |
| 7595 | margin-top: 0; | 7600 | margin-top: 0; |
| 7596 | } | 7601 | } |
| 7597 | .sp-cancel, | 7602 | .sp-cancel, |
| 7598 | .sp-choose, | 7603 | .sp-choose, |
| 7599 | .sp-palette-toggle { | 7604 | .sp-palette-toggle { |
| 7600 | border: 0; | 7605 | border: 0; |
| 7601 | border-radius: 2px; | 7606 | border-radius: 2px; |
| 7602 | padding: 7px 14px; | 7607 | padding: 7px 14px; |
| 7603 | float: left; | 7608 | float: left; |
| 7604 | width: 48%; | 7609 | width: 48%; |
| 7605 | text-transform: uppercase; | 7610 | text-transform: uppercase; |
| 7606 | font-weight: 500; | 7611 | font-weight: 500; |
| 7607 | text-align: center; | 7612 | text-align: center; |
| 7608 | font-size: 12px; | 7613 | font-size: 12px; |
| 7609 | outline: 0; | 7614 | outline: 0; |
| 7610 | } | 7615 | } |
| 7611 | .sp-palette-button-container, | 7616 | .sp-palette-button-container, |
| 7612 | .sp-button-container { | 7617 | .sp-button-container { |
| 7613 | margin-top: 15px; | 7618 | margin-top: 15px; |
| 7614 | text-align: center; | 7619 | text-align: center; |
| 7615 | } | 7620 | } |
| 7616 | .sp-container[class*=bg-] .sp-palette-button-container a, | 7621 | .sp-container[class*=bg-] .sp-palette-button-container a, |
| 7617 | .sp-container[class*=bg-] .sp-button-container a, | 7622 | .sp-container[class*=bg-] .sp-button-container a, |
| 7618 | .sp-container[class*=bg-] .sp-palette-button-container button, | 7623 | .sp-container[class*=bg-] .sp-palette-button-container button, |
| 7619 | .sp-container[class*=bg-] .sp-button-container button { | 7624 | .sp-container[class*=bg-] .sp-button-container button { |
| 7620 | background-color: rgba(0, 0, 0, 0.25); | 7625 | background-color: rgba(0, 0, 0, 0.25); |
| 7621 | color: #fff; | 7626 | color: #fff; |
| 7622 | border-color: transparent; | 7627 | border-color: transparent; |
| 7623 | } | 7628 | } |
| 7624 | .sp-cancel:hover, | 7629 | .sp-cancel:hover, |
| 7625 | .sp-palette-toggle:hover, | 7630 | .sp-palette-toggle:hover, |
| 7626 | .sp-choose:hover, | 7631 | .sp-choose:hover, |
| 7627 | .sp-cancel:focus, | 7632 | .sp-cancel:focus, |
| 7628 | .sp-palette-toggle:focus, | 7633 | .sp-palette-toggle:focus, |
| 7629 | .sp-choose:focus { | 7634 | .sp-choose:focus { |
| 7630 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 7635 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 7631 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 7636 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 7632 | } | 7637 | } |
| 7633 | .sp-cancel:active, | 7638 | .sp-cancel:active, |
| 7634 | .sp-palette-toggle:active, | 7639 | .sp-palette-toggle:active, |
| 7635 | .sp-choose:active { | 7640 | .sp-choose:active { |
| 7636 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 7641 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 7637 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 7642 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 7638 | } | 7643 | } |
| 7639 | .sp-cancel, | 7644 | .sp-cancel, |
| 7640 | .sp-palette-toggle { | 7645 | .sp-palette-toggle { |
| 7641 | color: #333; | 7646 | color: #333; |
| 7642 | background-color: #f5f5f5; | 7647 | background-color: #f5f5f5; |
| 7643 | margin-right: 4%; | 7648 | margin-right: 4%; |
| 7644 | } | 7649 | } |
| 7645 | .sp-cancel:hover, | 7650 | .sp-cancel:hover, |
| 7646 | .sp-palette-toggle:hover, | 7651 | .sp-palette-toggle:hover, |
| 7647 | .sp-cancel:focus, | 7652 | .sp-cancel:focus, |
| 7648 | .sp-palette-toggle:focus { | 7653 | .sp-palette-toggle:focus { |
| 7649 | color: #333; | 7654 | color: #333; |
| 7650 | } | 7655 | } |
| 7651 | .sp-palette-toggle { | 7656 | .sp-palette-toggle { |
| 7652 | margin-right: 0; | 7657 | margin-right: 0; |
| 7653 | width: auto; | 7658 | width: auto; |
| 7654 | float: none; | 7659 | float: none; |
| 7655 | } | 7660 | } |
| 7656 | .sp-choose { | 7661 | .sp-choose { |
| 7657 | color: #fff; | 7662 | color: #fff; |
| 7658 | background-color: #607D8B; | 7663 | background-color: #607D8B; |
| 7659 | } | 7664 | } |
| 7660 | /* ------------------------------------------------------------------------------ | 7665 | /* ------------------------------------------------------------------------------ |
| 7661 | * | 7666 | * |
| 7662 | * # Datepicker for Bootstrap | 7667 | * # Datepicker for Bootstrap |
| 7663 | * | 7668 | * |
| 7664 | * Styles for bootstrap datepicker. Comes as a part of datepaginator.js plugin | 7669 | * Styles for bootstrap datepicker. Comes as a part of datepaginator.js plugin |
| 7665 | * | 7670 | * |
| 7666 | * Version: 1.2 | 7671 | * Version: 1.2 |
| 7667 | * Latest update: Mar 10, 2016 | 7672 | * Latest update: Mar 10, 2016 |
| 7668 | * | 7673 | * |
| 7669 | * ---------------------------------------------------------------------------- */ | 7674 | * ---------------------------------------------------------------------------- */ |
| 7670 | .datepicker > div { | 7675 | .datepicker > div { |
| 7671 | display: none; | 7676 | display: none; |
| 7672 | } | 7677 | } |
| 7673 | .datepicker.datepicker-dropdown { | 7678 | .datepicker.datepicker-dropdown { |
| 7674 | top: 0; | 7679 | top: 0; |
| 7675 | left: 0; | 7680 | left: 0; |
| 7676 | margin: 0; | 7681 | margin: 0; |
| 7677 | padding: 16px; | 7682 | padding: 16px; |
| 7678 | } | 7683 | } |
| 7679 | .datepicker table { | 7684 | .datepicker table { |
| 7680 | margin: 0; | 7685 | margin: 0; |
| 7681 | } | 7686 | } |
| 7682 | .datepicker table tr td.day:hover { | 7687 | .datepicker table tr td.day:hover { |
| 7683 | background-color: #f5f5f5; | 7688 | background-color: #f5f5f5; |
| 7684 | cursor: pointer; | 7689 | cursor: pointer; |
| 7685 | } | 7690 | } |
| 7686 | .datepicker table tr td.old, | 7691 | .datepicker table tr td.old, |
| 7687 | .datepicker table tr td.new { | 7692 | .datepicker table tr td.new { |
| 7688 | color: #999999; | 7693 | color: #999999; |
| 7689 | } | 7694 | } |
| 7690 | .datepicker table tr td.disabled, | 7695 | .datepicker table tr td.disabled, |
| 7691 | .datepicker table tr td.disabled:hover { | 7696 | .datepicker table tr td.disabled:hover { |
| 7692 | background-color: transparent; | 7697 | background-color: transparent; |
| 7693 | color: #999999; | 7698 | color: #999999; |
| 7694 | cursor: default; | 7699 | cursor: default; |
| 7695 | } | 7700 | } |
| 7696 | .datepicker table tr td.today, | 7701 | .datepicker table tr td.today, |
| 7697 | .datepicker table tr td.today.disabled, | 7702 | .datepicker table tr td.today.disabled, |
| 7698 | .datepicker table tr td.today:hover, | 7703 | .datepicker table tr td.today:hover, |
| 7699 | .datepicker table tr td.today.disabled:hover { | 7704 | .datepicker table tr td.today.disabled:hover { |
| 7700 | background-color: #f5f5f5; | 7705 | background-color: #f5f5f5; |
| 7701 | } | 7706 | } |
| 7702 | .datepicker table tr td.range, | 7707 | .datepicker table tr td.range, |
| 7703 | .datepicker table tr td.range.disabled, | 7708 | .datepicker table tr td.range.disabled, |
| 7704 | .datepicker table tr td.range:hover, | 7709 | .datepicker table tr td.range:hover, |
| 7705 | .datepicker table tr td.range.disabled:hover { | 7710 | .datepicker table tr td.range.disabled:hover { |
| 7706 | background-color: #f5f5f5; | 7711 | background-color: #f5f5f5; |
| 7707 | border-radius: 0; | 7712 | border-radius: 0; |
| 7708 | } | 7713 | } |
| 7709 | .datepicker table tr td.range.today, | 7714 | .datepicker table tr td.range.today, |
| 7710 | .datepicker table tr td.range.today.disabled, | 7715 | .datepicker table tr td.range.today.disabled, |
| 7711 | .datepicker table tr td.range.today.active, | 7716 | .datepicker table tr td.range.today.active, |
| 7712 | .datepicker table tr td.range.today:hover, | 7717 | .datepicker table tr td.range.today:hover, |
| 7713 | .datepicker table tr td.range.today.disabled:hover, | 7718 | .datepicker table tr td.range.today.disabled:hover, |
| 7714 | .datepicker table tr td.range.today.active:hover { | 7719 | .datepicker table tr td.range.today.active:hover { |
| 7715 | background-color: #f5f5f5; | 7720 | background-color: #f5f5f5; |
| 7716 | } | 7721 | } |
| 7717 | .datepicker table tr td.active, | 7722 | .datepicker table tr td.active, |
| 7718 | .datepicker table tr td span.active, | 7723 | .datepicker table tr td span.active, |
| 7719 | .datepicker table tr td.active.disabled, | 7724 | .datepicker table tr td.active.disabled, |
| 7720 | .datepicker table tr td span.active.disabled, | 7725 | .datepicker table tr td span.active.disabled, |
| 7721 | .datepicker table tr td.active:hover, | 7726 | .datepicker table tr td.active:hover, |
| 7722 | .datepicker table tr td span.active:hover, | 7727 | .datepicker table tr td span.active:hover, |
| 7723 | .datepicker table tr td.active.disabled:hover, | 7728 | .datepicker table tr td.active.disabled:hover, |
| 7724 | .datepicker table tr td span.active.disabled:hover { | 7729 | .datepicker table tr td span.active.disabled:hover { |
| 7725 | background-color: #26A69A; | 7730 | background-color: #26A69A; |
| 7726 | color: #fff; | 7731 | color: #fff; |
| 7727 | } | 7732 | } |
| 7728 | .datepicker table tr td span { | 7733 | .datepicker table tr td span { |
| 7729 | display: block; | 7734 | display: block; |
| 7730 | width: 31%; | 7735 | width: 31%; |
| 7731 | padding: 8px 16px; | 7736 | padding: 8px 16px; |
| 7732 | float: left; | 7737 | float: left; |
| 7733 | margin: 1%; | 7738 | margin: 1%; |
| 7734 | cursor: pointer; | 7739 | cursor: pointer; |
| 7735 | border-radius: 3px; | 7740 | border-radius: 3px; |
| 7736 | } | 7741 | } |
| 7737 | .datepicker table tr td span:hover { | 7742 | .datepicker table tr td span:hover { |
| 7738 | background-color: #f5f5f5; | 7743 | background-color: #f5f5f5; |
| 7739 | } | 7744 | } |
| 7740 | .datepicker table tr td span.disabled, | 7745 | .datepicker table tr td span.disabled, |
| 7741 | .datepicker table tr td span.disabled:hover { | 7746 | .datepicker table tr td span.disabled:hover { |
| 7742 | background-color: transparent; | 7747 | background-color: transparent; |
| 7743 | color: #999999; | 7748 | color: #999999; |
| 7744 | cursor: default; | 7749 | cursor: default; |
| 7745 | } | 7750 | } |
| 7746 | .datepicker table tr td span.old, | 7751 | .datepicker table tr td span.old, |
| 7747 | .datepicker table tr td span.new { | 7752 | .datepicker table tr td span.new { |
| 7748 | color: #999999; | 7753 | color: #999999; |
| 7749 | } | 7754 | } |
| 7750 | .datepicker table th.datepicker-switch { | 7755 | .datepicker table th.datepicker-switch { |
| 7751 | font-size: 17px; | 7756 | font-size: 17px; |
| 7752 | font-weight: 400; | 7757 | font-weight: 400; |
| 7753 | } | 7758 | } |
| 7754 | .datepicker table thead tr:first-child th, | 7759 | .datepicker table thead tr:first-child th, |
| 7755 | .datepicker table tfoot tr th { | 7760 | .datepicker table tfoot tr th { |
| 7756 | cursor: pointer; | 7761 | cursor: pointer; |
| 7757 | padding-top: 15px; | 7762 | padding-top: 15px; |
| 7758 | padding-bottom: 15px; | 7763 | padding-bottom: 15px; |
| 7759 | line-height: 1; | 7764 | line-height: 1; |
| 7760 | } | 7765 | } |
| 7761 | .datepicker table .cw { | 7766 | .datepicker table .cw { |
| 7762 | width: 16px; | 7767 | width: 16px; |
| 7763 | padding: 0 2px 0 5px; | 7768 | padding: 0 2px 0 5px; |
| 7764 | vertical-align: middle; | 7769 | vertical-align: middle; |
| 7765 | } | 7770 | } |
| 7766 | .datepicker table thead tr:first-child th.cw { | 7771 | .datepicker table thead tr:first-child th.cw { |
| 7767 | cursor: default; | 7772 | cursor: default; |
| 7768 | background-color: transparent; | 7773 | background-color: transparent; |
| 7769 | } | 7774 | } |
| 7770 | .datepicker .table-condensed td, | 7775 | .datepicker .table-condensed td, |
| 7771 | .datepicker .table-condensed th { | 7776 | .datepicker .table-condensed th { |
| 7772 | text-align: center; | 7777 | text-align: center; |
| 7773 | padding: 10px; | 7778 | padding: 10px; |
| 7774 | border-radius: 3px; | 7779 | border-radius: 3px; |
| 7775 | border: 0; | 7780 | border: 0; |
| 7776 | line-height: 1; | 7781 | line-height: 1; |
| 7777 | } | 7782 | } |
| 7778 | .datepicker .table-condensed th.dow { | 7783 | .datepicker .table-condensed th.dow { |
| 7779 | padding-top: 16px; | 7784 | padding-top: 16px; |
| 7780 | color: #999999; | 7785 | color: #999999; |
| 7781 | } | 7786 | } |
| 7782 | .table-striped .datepicker table tr th, | 7787 | .table-striped .datepicker table tr th, |
| 7783 | .table-striped .datepicker table tr td { | 7788 | .table-striped .datepicker table tr td { |
| 7784 | background-color: transparent; | 7789 | background-color: transparent; |
| 7785 | } | 7790 | } |
| 7786 | /* ------------------------------------------------------------------------------ | 7791 | /* ------------------------------------------------------------------------------ |
| 7787 | * | 7792 | * |
| 7788 | * # Date paginator | 7793 | * # Date paginator |
| 7789 | * | 7794 | * |
| 7790 | * A jQuery plugin which adds date selection to the Bootstrap pagination component | 7795 | * A jQuery plugin which adds date selection to the Bootstrap pagination component |
| 7791 | * | 7796 | * |
| 7792 | * Version: 1.0 | 7797 | * Version: 1.0 |
| 7793 | * Latest update: May 25, 2015 | 7798 | * Latest update: May 25, 2015 |
| 7794 | * | 7799 | * |
| 7795 | * ---------------------------------------------------------------------------- */ | 7800 | * ---------------------------------------------------------------------------- */ |
| 7796 | .datepaginator { | 7801 | .datepaginator { |
| 7797 | height: 72px; | 7802 | height: 72px; |
| 7798 | text-align: center; | 7803 | text-align: center; |
| 7799 | } | 7804 | } |
| 7800 | .datepaginator-sm { | 7805 | .datepaginator-sm { |
| 7801 | height: 68px; | 7806 | height: 68px; |
| 7802 | } | 7807 | } |
| 7803 | .datepaginator-lg { | 7808 | .datepaginator-lg { |
| 7804 | height: 76px; | 7809 | height: 76px; |
| 7805 | } | 7810 | } |
| 7806 | .datepaginator .pagination { | 7811 | .datepaginator .pagination { |
| 7807 | white-space: nowrap; | 7812 | white-space: nowrap; |
| 7808 | } | 7813 | } |
| 7809 | .datepaginator .pagination > li { | 7814 | .datepaginator .pagination > li { |
| 7810 | display: inline-block; | 7815 | display: inline-block; |
| 7811 | } | 7816 | } |
| 7812 | .datepaginator .pagination > li > a { | 7817 | .datepaginator .pagination > li > a { |
| 7813 | min-width: auto; | 7818 | min-width: auto; |
| 7814 | text-align: center; | 7819 | text-align: center; |
| 7815 | border-radius: 3px; | 7820 | border-radius: 3px; |
| 7816 | margin-left: 0; | 7821 | margin-left: 0; |
| 7817 | border: 0; | 7822 | border: 0; |
| 7818 | } | 7823 | } |
| 7819 | .datepaginator .pagination > li .dp-nav-square-edges { | 7824 | .datepaginator .pagination > li .dp-nav-square-edges { |
| 7820 | border-radius: 0; | 7825 | border-radius: 0; |
| 7821 | } | 7826 | } |
| 7822 | .datepaginator .pagination > li .dp-off { | 7827 | .datepaginator .pagination > li .dp-off { |
| 7823 | background-color: #fafafa; | 7828 | background-color: #fafafa; |
| 7824 | } | 7829 | } |
| 7825 | .datepaginator .pagination > li .dp-no-select { | 7830 | .datepaginator .pagination > li .dp-no-select { |
| 7826 | color: #ccc; | 7831 | color: #ccc; |
| 7827 | background-color: #fafafa; | 7832 | background-color: #fafafa; |
| 7828 | } | 7833 | } |
| 7829 | .datepaginator .pagination > li .dp-no-select:hover { | 7834 | .datepaginator .pagination > li .dp-no-select:hover { |
| 7830 | background-color: #fafafa; | 7835 | background-color: #fafafa; |
| 7831 | } | 7836 | } |
| 7832 | .datepaginator .pagination > li #dp-calendar { | 7837 | .datepaginator .pagination > li #dp-calendar { |
| 7833 | position: absolute; | 7838 | position: absolute; |
| 7834 | right: 6px; | 7839 | right: 6px; |
| 7835 | top: 6px; | 7840 | top: 6px; |
| 7836 | } | 7841 | } |
| 7837 | .datepaginator .pagination > li > .dp-nav { | 7842 | .datepaginator .pagination > li > .dp-nav { |
| 7838 | height: 72px; | 7843 | height: 72px; |
| 7839 | padding: 29px 0; | 7844 | padding: 29px 0; |
| 7840 | width: 38px; | 7845 | width: 38px; |
| 7841 | line-height: 1; | 7846 | line-height: 1; |
| 7842 | border-radius: 3px; | 7847 | border-radius: 3px; |
| 7843 | } | 7848 | } |
| 7844 | .datepaginator .pagination > li > a.dp-nav-sm { | 7849 | .datepaginator .pagination > li > a.dp-nav-sm { |
| 7845 | height: 68px; | 7850 | height: 68px; |
| 7846 | padding: 27px 0; | 7851 | padding: 27px 0; |
| 7847 | } | 7852 | } |
| 7848 | .datepaginator .pagination > li > a.dp-nav-lg { | 7853 | .datepaginator .pagination > li > a.dp-nav-lg { |
| 7849 | height: 76px; | 7854 | height: 76px; |
| 7850 | padding: 31px 0; | 7855 | padding: 31px 0; |
| 7851 | } | 7856 | } |
| 7852 | .datepaginator .pagination > li > a.dp-item { | 7857 | .datepaginator .pagination > li > a.dp-item { |
| 7853 | height: 72px; | 7858 | height: 72px; |
| 7854 | padding: 15px 0; | 7859 | padding: 15px 0; |
| 7855 | width: 35px; | 7860 | width: 35px; |
| 7856 | } | 7861 | } |
| 7857 | .datepaginator .pagination > li > a.dp-item-sm { | 7862 | .datepaginator .pagination > li > a.dp-item-sm { |
| 7858 | height: 68px; | 7863 | height: 68px; |
| 7859 | padding: 13px 0; | 7864 | padding: 13px 0; |
| 7860 | } | 7865 | } |
| 7861 | .datepaginator .pagination > li > a.dp-item-lg { | 7866 | .datepaginator .pagination > li > a.dp-item-lg { |
| 7862 | height: 76px; | 7867 | height: 76px; |
| 7863 | padding: 17px 0; | 7868 | padding: 17px 0; |
| 7864 | } | 7869 | } |
| 7865 | .datepaginator .pagination > li > .dp-today, | 7870 | .datepaginator .pagination > li > .dp-today, |
| 7866 | .datepaginator .pagination > li > .dp-today:hover, | 7871 | .datepaginator .pagination > li > .dp-today:hover, |
| 7867 | .datepaginator .pagination > li > .dp-today:focus { | 7872 | .datepaginator .pagination > li > .dp-today:focus { |
| 7868 | background-color: #2196F3; | 7873 | background-color: #2196F3; |
| 7869 | color: #fff; | 7874 | color: #fff; |
| 7870 | } | 7875 | } |
| 7871 | .datepaginator .pagination > li > .dp-selected, | 7876 | .datepaginator .pagination > li > .dp-selected, |
| 7872 | .datepaginator .pagination > li > .dp-selected:hover, | 7877 | .datepaginator .pagination > li > .dp-selected:hover, |
| 7873 | .datepaginator .pagination > li > .dp-selected:focus { | 7878 | .datepaginator .pagination > li > .dp-selected:focus { |
| 7874 | background-color: #26A69A; | 7879 | background-color: #26A69A; |
| 7875 | color: #fff; | 7880 | color: #fff; |
| 7876 | width: 140px; | 7881 | width: 140px; |
| 7877 | } | 7882 | } |
| 7878 | /* ------------------------------------------------------------------------------ | 7883 | /* ------------------------------------------------------------------------------ |
| 7879 | * | 7884 | * |
| 7880 | * # PNotify notifications | 7885 | * # PNotify notifications |
| 7881 | * | 7886 | * |
| 7882 | * Styles for pnotify.min.js - a flexible JavaScript notification plugin | 7887 | * Styles for pnotify.min.js - a flexible JavaScript notification plugin |
| 7883 | * | 7888 | * |
| 7884 | * Version: 1.1 | 7889 | * Version: 1.1 |
| 7885 | * Latest update: Mar 10, 2016 | 7890 | * Latest update: Mar 10, 2016 |
| 7886 | * | 7891 | * |
| 7887 | * ---------------------------------------------------------------------------- */ | 7892 | * ---------------------------------------------------------------------------- */ |
| 7888 | .ui-pnotify { | 7893 | .ui-pnotify { |
| 7889 | top: 20px; | 7894 | top: 20px; |
| 7890 | right: 20px; | 7895 | right: 20px; |
| 7891 | position: absolute; | 7896 | position: absolute; |
| 7892 | height: auto; | 7897 | height: auto; |
| 7893 | z-index: 2; | 7898 | z-index: 2; |
| 7894 | border-radius: 3px; | 7899 | border-radius: 3px; |
| 7895 | } | 7900 | } |
| 7896 | body > .ui-pnotify { | 7901 | body > .ui-pnotify { |
| 7897 | position: fixed; | 7902 | position: fixed; |
| 7898 | z-index: 100040; | 7903 | z-index: 100040; |
| 7899 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 7904 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 7900 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 7905 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 7901 | } | 7906 | } |
| 7902 | .ui-pnotify.alert-rounded > .ui-pnotify-container { | 7907 | .ui-pnotify.alert-rounded > .ui-pnotify-container { |
| 7903 | border-radius: 100px; | 7908 | border-radius: 100px; |
| 7904 | } | 7909 | } |
| 7905 | .ui-pnotify[class*=bg-] > .ui-pnotify-container { | 7910 | .ui-pnotify[class*=bg-] > .ui-pnotify-container { |
| 7906 | background-color: inherit; | 7911 | background-color: inherit; |
| 7907 | border-color: transparent; | 7912 | border-color: transparent; |
| 7908 | color: #fff; | 7913 | color: #fff; |
| 7909 | } | 7914 | } |
| 7910 | .ui-pnotify[class*=text-] > .ui-pnotify-container, | 7915 | .ui-pnotify[class*=text-] > .ui-pnotify-container, |
| 7911 | .ui-pnotify[class*=alpha-] > .ui-pnotify-container { | 7916 | .ui-pnotify[class*=alpha-] > .ui-pnotify-container { |
| 7912 | background-color: inherit; | 7917 | background-color: inherit; |
| 7913 | border-color: inherit; | 7918 | border-color: inherit; |
| 7914 | color: inherit; | 7919 | color: inherit; |
| 7915 | } | 7920 | } |
| 7916 | .ui-pnotify.stack-top-left, | 7921 | .ui-pnotify.stack-top-left, |
| 7917 | .ui-pnotify.stack-bottom-left { | 7922 | .ui-pnotify.stack-bottom-left { |
| 7918 | left: 20px; | 7923 | left: 20px; |
| 7919 | right: auto; | 7924 | right: auto; |
| 7920 | } | 7925 | } |
| 7921 | .ui-pnotify.stack-bottom-right, | 7926 | .ui-pnotify.stack-bottom-right, |
| 7922 | .ui-pnotify.stack-bottom-left { | 7927 | .ui-pnotify.stack-bottom-left { |
| 7923 | bottom: 20px; | 7928 | bottom: 20px; |
| 7924 | top: auto; | 7929 | top: auto; |
| 7925 | } | 7930 | } |
| 7926 | .ui-pnotify.stack-modal { | 7931 | .ui-pnotify.stack-modal { |
| 7927 | left: 50%; | 7932 | left: 50%; |
| 7928 | right: auto; | 7933 | right: auto; |
| 7929 | margin-left: -150px; | 7934 | margin-left: -150px; |
| 7930 | } | 7935 | } |
| 7931 | .ui-pnotify.stack-custom-right { | 7936 | .ui-pnotify.stack-custom-right { |
| 7932 | top: auto; | 7937 | top: auto; |
| 7933 | left: auto; | 7938 | left: auto; |
| 7934 | bottom: 200px; | 7939 | bottom: 200px; |
| 7935 | right: 200px; | 7940 | right: 200px; |
| 7936 | } | 7941 | } |
| 7937 | .ui-pnotify.stack-custom-left { | 7942 | .ui-pnotify.stack-custom-left { |
| 7938 | top: 200px; | 7943 | top: 200px; |
| 7939 | left: 200px; | 7944 | left: 200px; |
| 7940 | right: auto; | 7945 | right: auto; |
| 7941 | bottom: auto; | 7946 | bottom: auto; |
| 7942 | } | 7947 | } |
| 7943 | .ui-pnotify.stack-custom-top { | 7948 | .ui-pnotify.stack-custom-top { |
| 7944 | right: 0; | 7949 | right: 0; |
| 7945 | left: 0; | 7950 | left: 0; |
| 7946 | top: 0; | 7951 | top: 0; |
| 7947 | } | 7952 | } |
| 7948 | .ui-pnotify.stack-custom-bottom { | 7953 | .ui-pnotify.stack-custom-bottom { |
| 7949 | right: 0; | 7954 | right: 0; |
| 7950 | left: 0; | 7955 | left: 0; |
| 7951 | bottom: 0; | 7956 | bottom: 0; |
| 7952 | top: auto; | 7957 | top: auto; |
| 7953 | } | 7958 | } |
| 7954 | .ui-pnotify.ui-pnotify-in { | 7959 | .ui-pnotify.ui-pnotify-in { |
| 7955 | display: block!important; | 7960 | display: block!important; |
| 7956 | } | 7961 | } |
| 7957 | .ui-pnotify.ui-pnotify-move { | 7962 | .ui-pnotify.ui-pnotify-move { |
| 7958 | -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7963 | -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7959 | -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7964 | -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7960 | transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7965 | transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7961 | } | 7966 | } |
| 7962 | .ui-pnotify.ui-pnotify-fade-slow { | 7967 | .ui-pnotify.ui-pnotify-fade-slow { |
| 7963 | -webkit-transition: opacity linear 0.6s; | 7968 | -webkit-transition: opacity linear 0.6s; |
| 7964 | -o-transition: opacity linear 0.6s; | 7969 | -o-transition: opacity linear 0.6s; |
| 7965 | transition: opacity linear 0.6s; | 7970 | transition: opacity linear 0.6s; |
| 7966 | opacity: 0; | 7971 | opacity: 0; |
| 7967 | filter: alpha(opacity=0); | 7972 | filter: alpha(opacity=0); |
| 7968 | } | 7973 | } |
| 7969 | .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { | 7974 | .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { |
| 7970 | -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7975 | -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7971 | -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7976 | -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7972 | transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7977 | transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7973 | } | 7978 | } |
| 7974 | .ui-pnotify.ui-pnotify-fade-normal { | 7979 | .ui-pnotify.ui-pnotify-fade-normal { |
| 7975 | -webkit-transition: opacity linear 0.4s; | 7980 | -webkit-transition: opacity linear 0.4s; |
| 7976 | -o-transition: opacity linear 0.4s; | 7981 | -o-transition: opacity linear 0.4s; |
| 7977 | transition: opacity linear 0.4s; | 7982 | transition: opacity linear 0.4s; |
| 7978 | opacity: 0; | 7983 | opacity: 0; |
| 7979 | filter: alpha(opacity=0); | 7984 | filter: alpha(opacity=0); |
| 7980 | } | 7985 | } |
| 7981 | .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { | 7986 | .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { |
| 7982 | -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7987 | -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7983 | -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7988 | -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7984 | transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7989 | transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7985 | } | 7990 | } |
| 7986 | .ui-pnotify.ui-pnotify-fade-fast { | 7991 | .ui-pnotify.ui-pnotify-fade-fast { |
| 7987 | transition: opacity .2s linear; | 7992 | transition: opacity .2s linear; |
| 7988 | -webkit-transition: opacity linear 0.2s; | 7993 | -webkit-transition: opacity linear 0.2s; |
| 7989 | -o-transition: opacity linear 0.2s; | 7994 | -o-transition: opacity linear 0.2s; |
| 7990 | transition: opacity linear 0.2s; | 7995 | transition: opacity linear 0.2s; |
| 7991 | opacity: 0; | 7996 | opacity: 0; |
| 7992 | filter: alpha(opacity=0); | 7997 | filter: alpha(opacity=0); |
| 7993 | } | 7998 | } |
| 7994 | .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { | 7999 | .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { |
| 7995 | -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 8000 | -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7996 | -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 8001 | -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7997 | transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 8002 | transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7998 | } | 8003 | } |
| 7999 | .ui-pnotify.ui-pnotify-fade-in { | 8004 | .ui-pnotify.ui-pnotify-fade-in { |
| 8000 | opacity: 1; | 8005 | opacity: 1; |
| 8001 | filter: alpha(opacity=100); | 8006 | filter: alpha(opacity=100); |
| 8002 | } | 8007 | } |
| 8003 | .ui-pnotify-container { | 8008 | .ui-pnotify-container { |
| 8004 | padding: 15px 20px; | 8009 | padding: 15px 20px; |
| 8005 | height: 100%; | 8010 | height: 100%; |
| 8006 | position: relative; | 8011 | position: relative; |
| 8007 | left: 0; | 8012 | left: 0; |
| 8008 | margin: 0; | 8013 | margin: 0; |
| 8009 | border-radius: 3px; | 8014 | border-radius: 3px; |
| 8010 | } | 8015 | } |
| 8011 | .ui-pnotify-container:after { | 8016 | .ui-pnotify-container:after { |
| 8012 | content: " "; | 8017 | content: " "; |
| 8013 | visibility: hidden; | 8018 | visibility: hidden; |
| 8014 | display: block; | 8019 | display: block; |
| 8015 | height: 0; | 8020 | height: 0; |
| 8016 | clear: both; | 8021 | clear: both; |
| 8017 | } | 8022 | } |
| 8018 | .ui-pnotify-container.ui-pnotify-sharp { | 8023 | .ui-pnotify-container.ui-pnotify-sharp { |
| 8019 | border-radius: 0; | 8024 | border-radius: 0; |
| 8020 | } | 8025 | } |
| 8021 | .ui-pnotify-title { | 8026 | .ui-pnotify-title { |
| 8022 | display: block; | 8027 | display: block; |
| 8023 | margin-top: 0; | 8028 | margin-top: 0; |
| 8024 | margin-bottom: 8px; | 8029 | margin-bottom: 8px; |
| 8025 | font-size: 15px; | 8030 | font-size: 15px; |
| 8026 | } | 8031 | } |
| 8027 | .ui-pnotify-text { | 8032 | .ui-pnotify-text { |
| 8028 | display: block; | 8033 | display: block; |
| 8029 | } | 8034 | } |
| 8030 | .ui-pnotify-icon { | 8035 | .ui-pnotify-icon { |
| 8031 | display: block; | 8036 | display: block; |
| 8032 | float: left; | 8037 | float: left; |
| 8033 | line-height: 1; | 8038 | line-height: 1; |
| 8034 | } | 8039 | } |
| 8035 | .ui-pnotify-icon > [class^=icon-] { | 8040 | .ui-pnotify-icon > [class^=icon-] { |
| 8036 | margin-top: 4px; | 8041 | margin-top: 4px; |
| 8037 | margin-right: 15px; | 8042 | margin-right: 15px; |
| 8038 | } | 8043 | } |
| 8039 | .ui-pnotify-closer, | 8044 | .ui-pnotify-closer, |
| 8040 | .ui-pnotify-sticker { | 8045 | .ui-pnotify-sticker { |
| 8041 | float: right; | 8046 | float: right; |
| 8042 | margin-left: 8px; | 8047 | margin-left: 8px; |
| 8043 | margin-top: 4px; | 8048 | margin-top: 4px; |
| 8044 | line-height: 1; | 8049 | line-height: 1; |
| 8045 | outline: 0; | 8050 | outline: 0; |
| 8046 | } | 8051 | } |
| 8047 | .ui-pnotify-modal-overlay { | 8052 | .ui-pnotify-modal-overlay { |
| 8048 | background-color: rgba(0, 0, 0, 0.5); | 8053 | background-color: rgba(0, 0, 0, 0.5); |
| 8049 | top: 0; | 8054 | top: 0; |
| 8050 | left: 0; | 8055 | left: 0; |
| 8051 | position: absolute; | 8056 | position: absolute; |
| 8052 | height: 100%; | 8057 | height: 100%; |
| 8053 | width: 100%; | 8058 | width: 100%; |
| 8054 | z-index: 1; | 8059 | z-index: 1; |
| 8055 | } | 8060 | } |
| 8056 | body > .ui-pnotify-modal-overlay { | 8061 | body > .ui-pnotify-modal-overlay { |
| 8057 | position: fixed; | 8062 | position: fixed; |
| 8058 | z-index: 100039; | 8063 | z-index: 100039; |
| 8059 | } | 8064 | } |
| 8060 | .brighttheme { | 8065 | .brighttheme { |
| 8061 | border: 0px solid; | 8066 | border: 0px solid; |
| 8062 | } | 8067 | } |
| 8063 | .ui-pnotify[class*=bg-] > .brighttheme { | 8068 | .ui-pnotify[class*=bg-] > .brighttheme { |
| 8064 | background-color: inherit; | 8069 | background-color: inherit; |
| 8065 | border-color: inherit; | 8070 | border-color: inherit; |
| 8066 | color: inherit; | 8071 | color: inherit; |
| 8067 | } | 8072 | } |
| 8068 | .brighttheme-notice { | 8073 | .brighttheme-notice { |
| 8069 | background-color: #FFF3E0; | 8074 | background-color: #FFF3E0; |
| 8070 | border-color: #FF9800; | 8075 | border-color: #FF9800; |
| 8071 | } | 8076 | } |
| 8072 | .brighttheme-info { | 8077 | .brighttheme-info { |
| 8073 | background-color: #E3F2FD; | 8078 | background-color: #E3F2FD; |
| 8074 | border-color: #1E88E5; | 8079 | border-color: #1E88E5; |
| 8075 | } | 8080 | } |
| 8076 | .brighttheme-success { | 8081 | .brighttheme-success { |
| 8077 | background-color: #E8F5E9; | 8082 | background-color: #E8F5E9; |
| 8078 | border-color: #4CAF50; | 8083 | border-color: #4CAF50; |
| 8079 | } | 8084 | } |
| 8080 | .brighttheme-error { | 8085 | .brighttheme-error { |
| 8081 | background-color: #FBE9E7; | 8086 | background-color: #FBE9E7; |
| 8082 | border-color: #FF5722; | 8087 | border-color: #FF5722; |
| 8083 | } | 8088 | } |
| 8084 | .brighttheme-icon-closer, | 8089 | .brighttheme-icon-closer, |
| 8085 | .brighttheme-icon-sticker { | 8090 | .brighttheme-icon-sticker { |
| 8086 | position: relative; | 8091 | position: relative; |
| 8087 | width: 16px; | 8092 | width: 16px; |
| 8088 | height: 16px; | 8093 | height: 16px; |
| 8089 | display: inline-block; | 8094 | display: inline-block; |
| 8090 | width: 10px; | 8095 | width: 10px; |
| 8091 | height: 10px; | 8096 | height: 10px; |
| 8092 | outline: 0; | 8097 | outline: 0; |
| 8093 | } | 8098 | } |
| 8094 | .brighttheme-icon-closer:after, | 8099 | .brighttheme-icon-closer:after, |
| 8095 | .brighttheme-icon-sticker:after { | 8100 | .brighttheme-icon-sticker:after { |
| 8096 | content: ''; | 8101 | content: ''; |
| 8097 | font-family: 'Icomoon'; | 8102 | font-family: 'Icomoon'; |
| 8098 | font-size: 10px; | 8103 | font-size: 10px; |
| 8099 | display: block; | 8104 | display: block; |
| 8100 | -webkit-font-smoothing: antialiased; | 8105 | -webkit-font-smoothing: antialiased; |
| 8101 | -moz-osx-font-smoothing: grayscale; | 8106 | -moz-osx-font-smoothing: grayscale; |
| 8102 | } | 8107 | } |
| 8103 | .brighttheme-icon-closer:after { | 8108 | .brighttheme-icon-closer:after { |
| 8104 | content: "\ed6a"; | 8109 | content: "\ed6a"; |
| 8105 | } | 8110 | } |
| 8106 | .brighttheme-icon-sticker:after { | 8111 | .brighttheme-icon-sticker:after { |
| 8107 | content: "\ee70"; | 8112 | content: "\ee70"; |
| 8108 | } | 8113 | } |
| 8109 | .brighttheme-icon-sticker.brighttheme-icon-stuck:after { | 8114 | .brighttheme-icon-sticker.brighttheme-icon-stuck:after { |
| 8110 | content: "\ee75"; | 8115 | content: "\ee75"; |
| 8111 | } | 8116 | } |
| 8112 | .ui-pnotify[class*=alert-styled-] { | 8117 | .ui-pnotify[class*=alert-styled-] { |
| 8113 | border-width: 0; | 8118 | border-width: 0; |
| 8114 | padding: 0; | 8119 | padding: 0; |
| 8115 | } | 8120 | } |
| 8116 | .ui-pnotify.alert-styled-left .brighttheme { | 8121 | .ui-pnotify.alert-styled-left .brighttheme { |
| 8117 | border-left-width: 44px; | 8122 | border-left-width: 44px; |
| 8118 | } | 8123 | } |
| 8119 | .ui-pnotify.alert-styled-left:after { | 8124 | .ui-pnotify.alert-styled-left:after { |
| 8120 | left: 0; | 8125 | left: 0; |
| 8121 | } | 8126 | } |
| 8122 | .ui-pnotify.alert-styled-right .brighttheme { | 8127 | .ui-pnotify.alert-styled-right .brighttheme { |
| 8123 | border-right-width: 44px; | 8128 | border-right-width: 44px; |
| 8124 | } | 8129 | } |
| 8125 | .ui-pnotify.alert-styled-right:after { | 8130 | .ui-pnotify.alert-styled-right:after { |
| 8126 | right: 0; | 8131 | right: 0; |
| 8127 | } | 8132 | } |
| 8128 | .brighttheme .ui-pnotify-action-bar { | 8133 | .brighttheme .ui-pnotify-action-bar { |
| 8129 | padding-top: 15px; | 8134 | padding-top: 15px; |
| 8130 | } | 8135 | } |
| 8131 | .brighttheme .ui-pnotify-action-bar textarea, | 8136 | .brighttheme .ui-pnotify-action-bar textarea, |
| 8132 | .brighttheme .ui-pnotify-action-bar input { | 8137 | .brighttheme .ui-pnotify-action-bar input { |
| 8133 | display: block; | 8138 | display: block; |
| 8134 | width: 100%; | 8139 | width: 100%; |
| 8135 | border-color: transparent transparent #ddd; | 8140 | border-color: transparent transparent #ddd; |
| 8136 | background-color: transparent; | 8141 | background-color: transparent; |
| 8137 | margin-bottom: 15px !important; | 8142 | margin-bottom: 15px !important; |
| 8138 | color: #333333; | 8143 | color: #333333; |
| 8139 | padding: 8px 0; | 8144 | padding: 8px 0; |
| 8140 | } | 8145 | } |
| 8141 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea, | 8146 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea, |
| 8142 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input { | 8147 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input { |
| 8143 | border-bottom-color: #fff; | 8148 | border-bottom-color: #fff; |
| 8144 | color: #fff; | 8149 | color: #fff; |
| 8145 | } | 8150 | } |
| 8146 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder, | 8151 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder, |
| 8147 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder { | 8152 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder { |
| 8148 | color: #fff; | 8153 | color: #fff; |
| 8149 | opacity: 1; | 8154 | opacity: 1; |
| 8150 | } | 8155 | } |
| 8151 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder, | 8156 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder, |
| 8152 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder { | 8157 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder { |
| 8153 | color: #fff; | 8158 | color: #fff; |
| 8154 | } | 8159 | } |
| 8155 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder, | 8160 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder, |
| 8156 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder { | 8161 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder { |
| 8157 | color: #fff; | 8162 | color: #fff; |
| 8158 | } | 8163 | } |
| 8159 | .ui-pnotify[class*=bg-] .form-control { | 8164 | .ui-pnotify[class*=bg-] .form-control { |
| 8160 | border-bottom-color: #fff; | 8165 | border-bottom-color: #fff; |
| 8161 | color: #fff; | 8166 | color: #fff; |
| 8162 | } | 8167 | } |
| 8163 | .ui-pnotify[class*=bg-] .form-control::-moz-placeholder { | 8168 | .ui-pnotify[class*=bg-] .form-control::-moz-placeholder { |
| 8164 | color: #fff; | 8169 | color: #fff; |
| 8165 | opacity: 1; | 8170 | opacity: 1; |
| 8166 | } | 8171 | } |
| 8167 | .ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder { | 8172 | .ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder { |
| 8168 | color: #fff; | 8173 | color: #fff; |
| 8169 | } | 8174 | } |
| 8170 | .ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder { | 8175 | .ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder { |
| 8171 | color: #fff; | 8176 | color: #fff; |
| 8172 | } | 8177 | } |
| 8173 | .ui-pnotify-history-container { | 8178 | .ui-pnotify-history-container { |
| 8174 | position: absolute; | 8179 | position: absolute; |
| 8175 | top: 0; | 8180 | top: 0; |
| 8176 | right: 20px; | 8181 | right: 20px; |
| 8177 | width: 70px; | 8182 | width: 70px; |
| 8178 | border-top: none; | 8183 | border-top: none; |
| 8179 | padding: 0; | 8184 | padding: 0; |
| 8180 | z-index: 10000; | 8185 | z-index: 10000; |
| 8181 | border-top-right-radius: 0; | 8186 | border-top-right-radius: 0; |
| 8182 | border-top-left-radius: 0; | 8187 | border-top-left-radius: 0; |
| 8183 | } | 8188 | } |
| 8184 | .ui-pnotify-history-container.ui-pnotify-history-fixed { | 8189 | .ui-pnotify-history-container.ui-pnotify-history-fixed { |
| 8185 | position: fixed; | 8190 | position: fixed; |
| 8186 | } | 8191 | } |
| 8187 | .ui-pnotify-history-container .ui-pnotify-history-header { | 8192 | .ui-pnotify-history-container .ui-pnotify-history-header { |
| 8188 | padding: 2px; | 8193 | padding: 2px; |
| 8189 | text-align: center; | 8194 | text-align: center; |
| 8190 | } | 8195 | } |
| 8191 | .ui-pnotify-history-container button { | 8196 | .ui-pnotify-history-container button { |
| 8192 | cursor: pointer; | 8197 | cursor: pointer; |
| 8193 | display: block; | 8198 | display: block; |
| 8194 | width: 100%; | 8199 | width: 100%; |
| 8195 | } | 8200 | } |
| 8196 | .ui-pnotify-history-container .ui-pnotify-history-pulldown { | 8201 | .ui-pnotify-history-container .ui-pnotify-history-pulldown { |
| 8197 | display: block; | 8202 | display: block; |
| 8198 | margin: 0 auto; | 8203 | margin: 0 auto; |
| 8199 | } | 8204 | } |
| 8200 | @media (max-width: 480px) { | 8205 | @media (max-width: 480px) { |
| 8201 | .ui-pnotify-mobile-able.ui-pnotify { | 8206 | .ui-pnotify-mobile-able.ui-pnotify { |
| 8202 | position: fixed; | 8207 | position: fixed; |
| 8203 | top: 0; | 8208 | top: 0; |
| 8204 | right: 0; | 8209 | right: 0; |
| 8205 | left: 0; | 8210 | left: 0; |
| 8206 | width: auto !important; | 8211 | width: auto !important; |
| 8207 | -webkit-font-smoothing: antialiased; | 8212 | -webkit-font-smoothing: antialiased; |
| 8208 | -moz-font-smoothing: antialiased; | 8213 | -moz-font-smoothing: antialiased; |
| 8209 | -ms-font-smoothing: antialiased; | 8214 | -ms-font-smoothing: antialiased; |
| 8210 | font-smoothing: antialiased; | 8215 | font-smoothing: antialiased; |
| 8211 | } | 8216 | } |
| 8212 | .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { | 8217 | .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { |
| 8213 | border-bottom-width: 5px; | 8218 | border-bottom-width: 5px; |
| 8214 | -webkit-box-shadow: none; | 8219 | -webkit-box-shadow: none; |
| 8215 | box-shadow: none; | 8220 | box-shadow: none; |
| 8216 | } | 8221 | } |
| 8217 | .ui-pnotify-mobile-able.ui-pnotify.stack-top-left, | 8222 | .ui-pnotify-mobile-able.ui-pnotify.stack-top-left, |
| 8218 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { | 8223 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { |
| 8219 | left: 0; | 8224 | left: 0; |
| 8220 | right: 0; | 8225 | right: 0; |
| 8221 | } | 8226 | } |
| 8222 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right, | 8227 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right, |
| 8223 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { | 8228 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { |
| 8224 | left: 0; | 8229 | left: 0; |
| 8225 | right: 0; | 8230 | right: 0; |
| 8226 | bottom: 0; | 8231 | bottom: 0; |
| 8227 | top: auto; | 8232 | top: auto; |
| 8228 | } | 8233 | } |
| 8229 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, | 8234 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, |
| 8230 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, | 8235 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, |
| 8231 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, | 8236 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, |
| 8232 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow { | 8237 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow { |
| 8233 | border-top-width: 5px; | 8238 | border-top-width: 5px; |
| 8234 | border-bottom-width: 1px; | 8239 | border-bottom-width: 1px; |
| 8235 | } | 8240 | } |
| 8236 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade { | 8241 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade { |
| 8237 | opacity: 0.2; | 8242 | opacity: 0.2; |
| 8238 | filter: alpha(opacity=20); | 8243 | filter: alpha(opacity=20); |
| 8239 | } | 8244 | } |
| 8240 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide { | 8245 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide { |
| 8241 | display: none !important; | 8246 | display: none !important; |
| 8242 | } | 8247 | } |
| 8243 | .ui-pnotify-mobile-able .ui-pnotify-container { | 8248 | .ui-pnotify-mobile-able .ui-pnotify-container { |
| 8244 | border-radius: 0; | 8249 | border-radius: 0; |
| 8245 | } | 8250 | } |
| 8246 | } | 8251 | } |
| 8247 | /* ------------------------------------------------------------------------------ | 8252 | /* ------------------------------------------------------------------------------ |
| 8248 | * | 8253 | * |
| 8249 | * # jGrowl notifications | 8254 | * # jGrowl notifications |
| 8250 | * | 8255 | * |
| 8251 | * Styles for jgrowl.min.js - an unobtrusive notification system for web applications | 8256 | * Styles for jgrowl.min.js - an unobtrusive notification system for web applications |
| 8252 | * | 8257 | * |
| 8253 | * Version: 1.0 | 8258 | * Version: 1.0 |
| 8254 | * Latest update: May 25, 2015 | 8259 | * Latest update: May 25, 2015 |
| 8255 | * | 8260 | * |
| 8256 | * ---------------------------------------------------------------------------- */ | 8261 | * ---------------------------------------------------------------------------- */ |
| 8257 | .jGrowl { | 8262 | .jGrowl { |
| 8258 | z-index: 2001; | 8263 | z-index: 2001; |
| 8259 | position: absolute; | 8264 | position: absolute; |
| 8260 | } | 8265 | } |
| 8261 | body > .jGrowl { | 8266 | body > .jGrowl { |
| 8262 | position: fixed; | 8267 | position: fixed; |
| 8263 | } | 8268 | } |
| 8264 | .jGrowl.top-left { | 8269 | .jGrowl.top-left { |
| 8265 | left: 20px; | 8270 | left: 20px; |
| 8266 | top: 20px; | 8271 | top: 20px; |
| 8267 | } | 8272 | } |
| 8268 | .jGrowl.top-center { | 8273 | .jGrowl.top-center { |
| 8269 | left: 50%; | 8274 | left: 50%; |
| 8270 | top: 20px; | 8275 | top: 20px; |
| 8271 | margin-left: -150px; | 8276 | margin-left: -150px; |
| 8272 | } | 8277 | } |
| 8273 | .jGrowl.top-right { | 8278 | .jGrowl.top-right { |
| 8274 | right: 20px; | 8279 | right: 20px; |
| 8275 | top: 20px; | 8280 | top: 20px; |
| 8276 | } | 8281 | } |
| 8277 | .jGrowl.center { | 8282 | .jGrowl.center { |
| 8278 | top: 40%; | 8283 | top: 40%; |
| 8279 | width: 300px; | 8284 | width: 300px; |
| 8280 | left: 50%; | 8285 | left: 50%; |
| 8281 | margin-left: -150px; | 8286 | margin-left: -150px; |
| 8282 | margin-top: -35px; | 8287 | margin-top: -35px; |
| 8283 | } | 8288 | } |
| 8284 | .jGrowl.center .jGrowl-notification, | 8289 | .jGrowl.center .jGrowl-notification, |
| 8285 | .jGrowl.center .jGrowl-closer { | 8290 | .jGrowl.center .jGrowl-closer { |
| 8286 | margin-left: auto; | 8291 | margin-left: auto; |
| 8287 | margin-right: auto; | 8292 | margin-right: auto; |
| 8288 | } | 8293 | } |
| 8289 | .jGrowl.bottom-left { | 8294 | .jGrowl.bottom-left { |
| 8290 | left: 20px; | 8295 | left: 20px; |
| 8291 | bottom: 20px; | 8296 | bottom: 20px; |
| 8292 | } | 8297 | } |
| 8293 | .jGrowl.bottom-center { | 8298 | .jGrowl.bottom-center { |
| 8294 | left: 50%; | 8299 | left: 50%; |
| 8295 | bottom: 20px; | 8300 | bottom: 20px; |
| 8296 | margin-left: -150px; | 8301 | margin-left: -150px; |
| 8297 | } | 8302 | } |
| 8298 | .jGrowl.bottom-right { | 8303 | .jGrowl.bottom-right { |
| 8299 | right: 20px; | 8304 | right: 20px; |
| 8300 | bottom: 20px; | 8305 | bottom: 20px; |
| 8301 | } | 8306 | } |
| 8302 | @media print { | 8307 | @media print { |
| 8303 | .jGrowl { | 8308 | .jGrowl { |
| 8304 | display: none; | 8309 | display: none; |
| 8305 | } | 8310 | } |
| 8306 | } | 8311 | } |
| 8307 | .jGrowl-notification { | 8312 | .jGrowl-notification { |
| 8308 | margin-bottom: 10px; | 8313 | margin-bottom: 10px; |
| 8309 | width: 300px; | 8314 | width: 300px; |
| 8310 | text-align: left; | 8315 | text-align: left; |
| 8311 | display: none; | 8316 | display: none; |
| 8312 | border-width: 0; | 8317 | border-width: 0; |
| 8313 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 8318 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 8314 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 8319 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 8315 | } | 8320 | } |
| 8316 | .jGrowl-notification .jGrowl-header { | 8321 | .jGrowl-notification .jGrowl-header { |
| 8317 | font-size: 15px; | 8322 | font-size: 15px; |
| 8318 | margin-bottom: 5px; | 8323 | margin-bottom: 5px; |
| 8319 | } | 8324 | } |
| 8320 | .jGrowl-notification .jGrowl-header:empty { | 8325 | .jGrowl-notification .jGrowl-header:empty { |
| 8321 | margin: 0; | 8326 | margin: 0; |
| 8322 | } | 8327 | } |
| 8323 | .jGrowl-notification .jGrowl-close { | 8328 | .jGrowl-notification .jGrowl-close { |
| 8324 | font-weight: 300; | 8329 | font-weight: 300; |
| 8325 | background: none; | 8330 | background: none; |
| 8326 | border: 0; | 8331 | border: 0; |
| 8327 | font-size: 17px; | 8332 | font-size: 17px; |
| 8328 | cursor: pointer; | 8333 | cursor: pointer; |
| 8329 | line-height: 1; | 8334 | line-height: 1; |
| 8330 | padding: 0; | 8335 | padding: 0; |
| 8331 | float: right; | 8336 | float: right; |
| 8332 | color: inherit; | 8337 | color: inherit; |
| 8333 | outline: 0; | 8338 | outline: 0; |
| 8334 | margin-left: 10px; | 8339 | margin-left: 10px; |
| 8335 | opacity: 0.75; | 8340 | opacity: 0.75; |
| 8336 | filter: alpha(opacity=75); | 8341 | filter: alpha(opacity=75); |
| 8337 | } | 8342 | } |
| 8338 | .jGrowl-notification .jGrowl-close:hover { | 8343 | .jGrowl-notification .jGrowl-close:hover { |
| 8339 | opacity: 1; | 8344 | opacity: 1; |
| 8340 | filter: alpha(opacity=100); | 8345 | filter: alpha(opacity=100); |
| 8341 | } | 8346 | } |
| 8342 | .jGrowl-closer { | 8347 | .jGrowl-closer { |
| 8343 | padding: 5px 0; | 8348 | padding: 5px 0; |
| 8344 | cursor: pointer; | 8349 | cursor: pointer; |
| 8345 | margin-top: 5px; | 8350 | margin-top: 5px; |
| 8346 | text-align: center; | 8351 | text-align: center; |
| 8347 | background-color: #fff; | 8352 | background-color: #fff; |
| 8348 | width: 300px; | 8353 | width: 300px; |
| 8349 | border-radius: 3px; | 8354 | border-radius: 3px; |
| 8350 | border: 1px solid #ddd; | 8355 | border: 1px solid #ddd; |
| 8351 | color: #999999; | 8356 | color: #999999; |
| 8352 | } | 8357 | } |
| 8353 | .alert-rounded + .jGrowl-closer { | 8358 | .alert-rounded + .jGrowl-closer { |
| 8354 | border-radius: 4px; | 8359 | border-radius: 4px; |
| 8355 | } | 8360 | } |
| 8356 | /* ------------------------------------------------------------------------------ | 8361 | /* ------------------------------------------------------------------------------ |
| 8357 | * | 8362 | * |
| 8358 | * # Sweet alerts | 8363 | * # Sweet alerts |
| 8359 | * | 8364 | * |
| 8360 | * Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert" | 8365 | * Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert" |
| 8361 | * | 8366 | * |
| 8362 | * Version: 1.1 | 8367 | * Version: 1.1 |
| 8363 | * Latest update: Oct 28, 2015 | 8368 | * Latest update: Oct 28, 2015 |
| 8364 | * | 8369 | * |
| 8365 | * ---------------------------------------------------------------------------- */ | 8370 | * ---------------------------------------------------------------------------- */ |
| 8366 | /* # Core | 8371 | /* # Core |
| 8367 | -------------------------------------------------- */ | 8372 | -------------------------------------------------- */ |
| 8368 | body.stop-scrolling { | 8373 | body.stop-scrolling { |
| 8369 | height: 100%; | 8374 | height: 100%; |
| 8370 | overflow: hidden; | 8375 | overflow: hidden; |
| 8371 | } | 8376 | } |
| 8372 | .sweet-overlay { | 8377 | .sweet-overlay { |
| 8373 | background-color: rgba(0, 0, 0, 0.4); | 8378 | background-color: rgba(0, 0, 0, 0.4); |
| 8374 | position: fixed; | 8379 | position: fixed; |
| 8375 | left: 0; | 8380 | left: 0; |
| 8376 | right: 0; | 8381 | right: 0; |
| 8377 | top: 0; | 8382 | top: 0; |
| 8378 | bottom: 0; | 8383 | bottom: 0; |
| 8379 | display: none; | 8384 | display: none; |
| 8380 | z-index: 1050; | 8385 | z-index: 1050; |
| 8381 | } | 8386 | } |
| 8382 | .sweet-alert { | 8387 | .sweet-alert { |
| 8383 | background-color: #fff; | 8388 | background-color: #fff; |
| 8384 | width: 470px; | 8389 | width: 470px; |
| 8385 | padding: 20px; | 8390 | padding: 20px; |
| 8386 | border-radius: 3px; | 8391 | border-radius: 3px; |
| 8387 | text-align: center; | 8392 | text-align: center; |
| 8388 | position: fixed; | 8393 | position: fixed; |
| 8389 | left: 50%; | 8394 | left: 50%; |
| 8390 | top: 50%; | 8395 | top: 50%; |
| 8391 | margin-left: -235px; | 8396 | margin-left: -235px; |
| 8392 | margin-top: -200px; | 8397 | margin-top: -200px; |
| 8393 | overflow: hidden; | 8398 | overflow: hidden; |
| 8394 | display: none; | 8399 | display: none; |
| 8395 | z-index: 1060; | 8400 | z-index: 1060; |
| 8396 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 8401 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 8397 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 8402 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 8398 | } | 8403 | } |
| 8399 | .sweet-alert h2 { | 8404 | .sweet-alert h2 { |
| 8400 | margin-top: 10px; | 8405 | margin-top: 10px; |
| 8401 | font-size: 19px; | 8406 | font-size: 19px; |
| 8402 | text-align: center; | 8407 | text-align: center; |
| 8403 | display: block; | 8408 | display: block; |
| 8404 | position: relative; | 8409 | position: relative; |
| 8405 | } | 8410 | } |
| 8406 | .sweet-alert p { | 8411 | .sweet-alert p { |
| 8407 | text-align: center; | 8412 | text-align: center; |
| 8408 | position: relative; | 8413 | position: relative; |
| 8409 | } | 8414 | } |
| 8410 | .sweet-alert fieldset { | 8415 | .sweet-alert fieldset { |
| 8411 | border: none; | 8416 | border: none; |
| 8412 | position: relative; | 8417 | position: relative; |
| 8413 | } | 8418 | } |
| 8414 | .sweet-alert button { | 8419 | .sweet-alert button { |
| 8415 | background-color: #2196F3; | 8420 | background-color: #2196F3; |
| 8416 | color: #fff; | 8421 | color: #fff; |
| 8417 | border: 0; | 8422 | border: 0; |
| 8418 | border-radius: 3px; | 8423 | border-radius: 3px; |
| 8419 | padding: 8px 15px; | 8424 | padding: 8px 15px; |
| 8420 | margin: 10px 5px 0 5px; | 8425 | margin: 10px 5px 0 5px; |
| 8421 | box-shadow: none!important; | 8426 | box-shadow: none!important; |
| 8422 | } | 8427 | } |
| 8423 | .sweet-alert button:hover { | 8428 | .sweet-alert button:hover { |
| 8424 | background-color: #1E88E5; | 8429 | background-color: #1E88E5; |
| 8425 | } | 8430 | } |
| 8426 | .sweet-alert button:focus { | 8431 | .sweet-alert button:focus { |
| 8427 | outline: 0; | 8432 | outline: 0; |
| 8428 | } | 8433 | } |
| 8429 | .sweet-alert button:active { | 8434 | .sweet-alert button:active { |
| 8430 | background-color: #42A5F5; | 8435 | background-color: #42A5F5; |
| 8431 | } | 8436 | } |
| 8432 | .sweet-alert button.cancel { | 8437 | .sweet-alert button.cancel { |
| 8433 | background-color: transparent; | 8438 | background-color: transparent; |
| 8434 | color: #333333; | 8439 | color: #333333; |
| 8435 | } | 8440 | } |
| 8436 | .sweet-alert button[disabled] { | 8441 | .sweet-alert button[disabled] { |
| 8437 | cursor: default; | 8442 | cursor: default; |
| 8438 | opacity: 0.6; | 8443 | opacity: 0.6; |
| 8439 | filter: alpha(opacity=60); | 8444 | filter: alpha(opacity=60); |
| 8440 | } | 8445 | } |
| 8441 | .sweet-alert button.confirm[disabled] { | 8446 | .sweet-alert button.confirm[disabled] { |
| 8442 | color: transparent; | 8447 | color: transparent; |
| 8443 | } | 8448 | } |
| 8444 | .sweet-alert button.confirm[disabled] ~ .la-ball-fall { | 8449 | .sweet-alert button.confirm[disabled] ~ .la-ball-fall { |
| 8445 | visibility: visible; | 8450 | visibility: visible; |
| 8446 | -webkit-transition-delay: 0s; | 8451 | -webkit-transition-delay: 0s; |
| 8447 | transition-delay: 0s; | 8452 | transition-delay: 0s; |
| 8448 | opacity: 1; | 8453 | opacity: 1; |
| 8449 | filter: alpha(opacity=100); | 8454 | filter: alpha(opacity=100); |
| 8450 | } | 8455 | } |
| 8451 | .sweet-alert button::-moz-focus-inner { | 8456 | .sweet-alert button::-moz-focus-inner { |
| 8452 | border: 0; | 8457 | border: 0; |
| 8453 | } | 8458 | } |
| 8454 | .sweet-alert[data-has-cancel-button=false] button { | 8459 | .sweet-alert[data-has-cancel-button=false] button { |
| 8455 | -webkit-box-shadow: none !important; | 8460 | -webkit-box-shadow: none !important; |
| 8456 | box-shadow: none !important; | 8461 | box-shadow: none !important; |
| 8457 | } | 8462 | } |
| 8458 | .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { | 8463 | .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { |
| 8459 | padding-bottom: 40px; | 8464 | padding-bottom: 40px; |
| 8460 | } | 8465 | } |
| 8461 | .sweet-alert .sa-error-container { | 8466 | .sweet-alert .sa-error-container { |
| 8462 | background-color: #f5f5f5; | 8467 | background-color: #f5f5f5; |
| 8463 | overflow: hidden; | 8468 | overflow: hidden; |
| 8464 | padding: 0 10px; | 8469 | padding: 0 10px; |
| 8465 | max-height: 0; | 8470 | max-height: 0; |
| 8466 | border-radius: 3px; | 8471 | border-radius: 3px; |
| 8467 | -webkit-transition: padding 0.15s, max-height 0.15s; | 8472 | -webkit-transition: padding 0.15s, max-height 0.15s; |
| 8468 | -o-transition: padding 0.15s, max-height 0.15s; | 8473 | -o-transition: padding 0.15s, max-height 0.15s; |
| 8469 | transition: padding 0.15s, max-height 0.15s; | 8474 | transition: padding 0.15s, max-height 0.15s; |
| 8470 | } | 8475 | } |
| 8471 | .sweet-alert .sa-error-container p { | 8476 | .sweet-alert .sa-error-container p { |
| 8472 | display: inline-block; | 8477 | display: inline-block; |
| 8473 | margin-bottom: 0; | 8478 | margin-bottom: 0; |
| 8474 | } | 8479 | } |
| 8475 | .sweet-alert .sa-error-container.show { | 8480 | .sweet-alert .sa-error-container.show { |
| 8476 | padding: 10px 0; | 8481 | padding: 10px 0; |
| 8477 | max-height: 100px; | 8482 | max-height: 100px; |
| 8478 | -webkit-transition: padding 0.2s, max-height 0.2s; | 8483 | -webkit-transition: padding 0.2s, max-height 0.2s; |
| 8479 | -o-transition: padding 0.2s, max-height 0.2s; | 8484 | -o-transition: padding 0.2s, max-height 0.2s; |
| 8480 | transition: padding 0.2s, max-height 0.2s; | 8485 | transition: padding 0.2s, max-height 0.2s; |
| 8481 | } | 8486 | } |
| 8482 | .sweet-alert .sa-error-container .icon { | 8487 | .sweet-alert .sa-error-container .icon { |
| 8483 | display: inline-block; | 8488 | display: inline-block; |
| 8484 | width: 16px; | 8489 | width: 16px; |
| 8485 | height: 16px; | 8490 | height: 16px; |
| 8486 | line-height: 16px; | 8491 | line-height: 16px; |
| 8487 | border-radius: 50%; | 8492 | border-radius: 50%; |
| 8488 | background-color: #FF7043; | 8493 | background-color: #FF7043; |
| 8489 | color: white; | 8494 | color: white; |
| 8490 | text-align: center; | 8495 | text-align: center; |
| 8491 | margin-right: 8px; | 8496 | margin-right: 8px; |
| 8492 | } | 8497 | } |
| 8493 | .sweet-alert .sa-input-error { | 8498 | .sweet-alert .sa-input-error { |
| 8494 | position: absolute; | 8499 | position: absolute; |
| 8495 | top: 20px; | 8500 | top: 20px; |
| 8496 | right: 16px; | 8501 | right: 16px; |
| 8497 | width: 16px; | 8502 | width: 16px; |
| 8498 | height: 16px; | 8503 | height: 16px; |
| 8499 | -webkit-transform: scale(0.5); | 8504 | -webkit-transform: scale(0.5); |
| 8500 | -ms-transform: scale(0.5); | 8505 | -ms-transform: scale(0.5); |
| 8501 | -o-transform: scale(0.5); | 8506 | -o-transform: scale(0.5); |
| 8502 | transform: scale(0.5); | 8507 | transform: scale(0.5); |
| 8503 | -webkit-transform-origin: 50% 50%; | 8508 | -webkit-transform-origin: 50% 50%; |
| 8504 | -moz-transform-origin: 50% 50%; | 8509 | -moz-transform-origin: 50% 50%; |
| 8505 | -ms-transform-origin: 50% 50%; | 8510 | -ms-transform-origin: 50% 50%; |
| 8506 | transform-origin: 50% 50%; | 8511 | transform-origin: 50% 50%; |
| 8507 | -webkit-transition: all 0.1s; | 8512 | -webkit-transition: all 0.1s; |
| 8508 | -o-transition: all 0.1s; | 8513 | -o-transition: all 0.1s; |
| 8509 | transition: all 0.1s; | 8514 | transition: all 0.1s; |
| 8510 | opacity: 0; | 8515 | opacity: 0; |
| 8511 | filter: alpha(opacity=0); | 8516 | filter: alpha(opacity=0); |
| 8512 | } | 8517 | } |
| 8513 | .sweet-alert .sa-input-error:before, | 8518 | .sweet-alert .sa-input-error:before, |
| 8514 | .sweet-alert .sa-input-error:after { | 8519 | .sweet-alert .sa-input-error:after { |
| 8515 | content: ""; | 8520 | content: ""; |
| 8516 | width: 16px; | 8521 | width: 16px; |
| 8517 | height: 2px; | 8522 | height: 2px; |
| 8518 | background-color: #EF5350; | 8523 | background-color: #EF5350; |
| 8519 | border-radius: 3px; | 8524 | border-radius: 3px; |
| 8520 | position: absolute; | 8525 | position: absolute; |
| 8521 | top: 50%; | 8526 | top: 50%; |
| 8522 | margin-top: -1px; | 8527 | margin-top: -1px; |
| 8523 | left: 50%; | 8528 | left: 50%; |
| 8524 | margin-left: -8px; | 8529 | margin-left: -8px; |
| 8525 | } | 8530 | } |
| 8526 | .sweet-alert .sa-input-error:before { | 8531 | .sweet-alert .sa-input-error:before { |
| 8527 | -webkit-transform: rotate(-45deg); | 8532 | -webkit-transform: rotate(-45deg); |
| 8528 | -ms-transform: rotate(-45deg); | 8533 | -ms-transform: rotate(-45deg); |
| 8529 | -o-transform: rotate(-45deg); | 8534 | -o-transform: rotate(-45deg); |
| 8530 | transform: rotate(-45deg); | 8535 | transform: rotate(-45deg); |
| 8531 | } | 8536 | } |
| 8532 | .sweet-alert .sa-input-error:after { | 8537 | .sweet-alert .sa-input-error:after { |
| 8533 | -webkit-transform: rotate(45deg); | 8538 | -webkit-transform: rotate(45deg); |
| 8534 | -ms-transform: rotate(45deg); | 8539 | -ms-transform: rotate(45deg); |
| 8535 | -o-transform: rotate(45deg); | 8540 | -o-transform: rotate(45deg); |
| 8536 | transform: rotate(45deg); | 8541 | transform: rotate(45deg); |
| 8537 | } | 8542 | } |
| 8538 | .sweet-alert .sa-input-error.show { | 8543 | .sweet-alert .sa-input-error.show { |
| 8539 | -webkit-transform: scale(1); | 8544 | -webkit-transform: scale(1); |
| 8540 | -ms-transform: scale(1); | 8545 | -ms-transform: scale(1); |
| 8541 | -o-transform: scale(1); | 8546 | -o-transform: scale(1); |
| 8542 | transform: scale(1); | 8547 | transform: scale(1); |
| 8543 | opacity: 1; | 8548 | opacity: 1; |
| 8544 | filter: alpha(opacity=100); | 8549 | filter: alpha(opacity=100); |
| 8545 | } | 8550 | } |
| 8546 | .sweet-alert input { | 8551 | .sweet-alert input { |
| 8547 | width: 100%; | 8552 | width: 100%; |
| 8548 | border-radius: 3px; | 8553 | border-radius: 3px; |
| 8549 | border: 1px solid #ddd; | 8554 | border: 1px solid #ddd; |
| 8550 | margin-top: 10px; | 8555 | margin-top: 10px; |
| 8551 | margin-bottom: 10px; | 8556 | margin-bottom: 10px; |
| 8552 | font-size: 13px; | 8557 | font-size: 13px; |
| 8553 | padding: 8px 16px; | 8558 | padding: 8px 16px; |
| 8554 | display: none; | 8559 | display: none; |
| 8555 | -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; | 8560 | -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; |
| 8556 | box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; | 8561 | box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; |
| 8557 | -webkit-box-sizing: border-box; | 8562 | -webkit-box-sizing: border-box; |
| 8558 | -moz-box-sizing: border-box; | 8563 | -moz-box-sizing: border-box; |
| 8559 | box-sizing: border-box; | 8564 | box-sizing: border-box; |
| 8560 | -webkit-transition: all 0.3s; | 8565 | -webkit-transition: all 0.3s; |
| 8561 | -o-transition: all 0.3s; | 8566 | -o-transition: all 0.3s; |
| 8562 | transition: all 0.3s; | 8567 | transition: all 0.3s; |
| 8563 | } | 8568 | } |
| 8564 | .sweet-alert input::-moz-placeholder { | 8569 | .sweet-alert input::-moz-placeholder { |
| 8565 | color: #bdbdbd; | 8570 | color: #bdbdbd; |
| 8566 | opacity: 1; | 8571 | opacity: 1; |
| 8567 | } | 8572 | } |
| 8568 | .sweet-alert input:-ms-input-placeholder { | 8573 | .sweet-alert input:-ms-input-placeholder { |
| 8569 | color: #bdbdbd; | 8574 | color: #bdbdbd; |
| 8570 | } | 8575 | } |
| 8571 | .sweet-alert input::-webkit-input-placeholder { | 8576 | .sweet-alert input::-webkit-input-placeholder { |
| 8572 | color: #bdbdbd; | 8577 | color: #bdbdbd; |
| 8573 | } | 8578 | } |
| 8574 | .sweet-alert input:focus { | 8579 | .sweet-alert input:focus { |
| 8575 | outline: 0; | 8580 | outline: 0; |
| 8576 | } | 8581 | } |
| 8577 | .sweet-alert input:focus::-moz-placeholder, | 8582 | .sweet-alert input:focus::-moz-placeholder, |
| 8578 | .sweet-alert input:focus:-ms-input-placeholder, | 8583 | .sweet-alert input:focus:-ms-input-placeholder, |
| 8579 | .sweet-alert input:focus::-webkit-input-placeholder { | 8584 | .sweet-alert input:focus::-webkit-input-placeholder { |
| 8580 | -webkit-transition: opacity ease 0.3s 0.03s; | 8585 | -webkit-transition: opacity ease 0.3s 0.03s; |
| 8581 | -o-transition: opacity ease 0.3s 0.03s; | 8586 | -o-transition: opacity ease 0.3s 0.03s; |
| 8582 | transition: opacity ease 0.3s 0.03s; | 8587 | transition: opacity ease 0.3s 0.03s; |
| 8583 | opacity: 0.5; | 8588 | opacity: 0.5; |
| 8584 | filter: alpha(opacity=50); | 8589 | filter: alpha(opacity=50); |
| 8585 | } | 8590 | } |
| 8586 | .sweet-alert.show-input input { | 8591 | .sweet-alert.show-input input { |
| 8587 | display: block; | 8592 | display: block; |
| 8588 | } | 8593 | } |
| 8589 | .sweet-alert .sa-confirm-button-container { | 8594 | .sweet-alert .sa-confirm-button-container { |
| 8590 | display: inline-block; | 8595 | display: inline-block; |
| 8591 | position: relative; | 8596 | position: relative; |
| 8592 | } | 8597 | } |
| 8593 | .sweet-alert .la-ball-fall { | 8598 | .sweet-alert .la-ball-fall { |
| 8594 | position: absolute; | 8599 | position: absolute; |
| 8595 | left: 50%; | 8600 | left: 50%; |
| 8596 | top: 50%; | 8601 | top: 50%; |
| 8597 | margin-left: -27px; | 8602 | margin-left: -27px; |
| 8598 | margin-top: 0; | 8603 | margin-top: 0; |
| 8599 | visibility: hidden; | 8604 | visibility: hidden; |
| 8600 | opacity: 0; | 8605 | opacity: 0; |
| 8601 | filter: alpha(opacity=0); | 8606 | filter: alpha(opacity=0); |
| 8602 | } | 8607 | } |
| 8603 | .sweet-alert .sa-icon { | 8608 | .sweet-alert .sa-icon { |
| 8604 | width: 80px; | 8609 | width: 80px; |
| 8605 | height: 80px; | 8610 | height: 80px; |
| 8606 | border: 4px solid #ddd; | 8611 | border: 4px solid #ddd; |
| 8607 | border-radius: 50%; | 8612 | border-radius: 50%; |
| 8608 | margin: 10px auto 20px auto; | 8613 | margin: 10px auto 20px auto; |
| 8609 | padding: 0; | 8614 | padding: 0; |
| 8610 | position: relative; | 8615 | position: relative; |
| 8611 | -webkit-box-sizing: content-box; | 8616 | -webkit-box-sizing: content-box; |
| 8612 | -moz-box-sizing: content-box; | 8617 | -moz-box-sizing: content-box; |
| 8613 | box-sizing: content-box; | 8618 | box-sizing: content-box; |
| 8614 | } | 8619 | } |
| 8615 | .sweet-alert .sa-icon.sa-error { | 8620 | .sweet-alert .sa-icon.sa-error { |
| 8616 | border-color: #F44336; | 8621 | border-color: #F44336; |
| 8617 | } | 8622 | } |
| 8618 | .sweet-alert .sa-icon.sa-error .sa-x-mark { | 8623 | .sweet-alert .sa-icon.sa-error .sa-x-mark { |
| 8619 | position: relative; | 8624 | position: relative; |
| 8620 | display: block; | 8625 | display: block; |
| 8621 | } | 8626 | } |
| 8622 | .sweet-alert .sa-icon.sa-error .sa-line { | 8627 | .sweet-alert .sa-icon.sa-error .sa-line { |
| 8623 | position: absolute; | 8628 | position: absolute; |
| 8624 | height: 5px; | 8629 | height: 5px; |
| 8625 | width: 47px; | 8630 | width: 47px; |
| 8626 | background-color: #F44336; | 8631 | background-color: #F44336; |
| 8627 | display: block; | 8632 | display: block; |
| 8628 | top: 37px; | 8633 | top: 37px; |
| 8629 | border-radius: 2px; | 8634 | border-radius: 2px; |
| 8630 | } | 8635 | } |
| 8631 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { | 8636 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { |
| 8632 | left: 17px; | 8637 | left: 17px; |
| 8633 | -webkit-transform: rotate(45deg); | 8638 | -webkit-transform: rotate(45deg); |
| 8634 | -ms-transform: rotate(45deg); | 8639 | -ms-transform: rotate(45deg); |
| 8635 | -o-transform: rotate(45deg); | 8640 | -o-transform: rotate(45deg); |
| 8636 | transform: rotate(45deg); | 8641 | transform: rotate(45deg); |
| 8637 | } | 8642 | } |
| 8638 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { | 8643 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { |
| 8639 | right: 16px; | 8644 | right: 16px; |
| 8640 | -webkit-transform: rotate(-45deg); | 8645 | -webkit-transform: rotate(-45deg); |
| 8641 | -ms-transform: rotate(-45deg); | 8646 | -ms-transform: rotate(-45deg); |
| 8642 | -o-transform: rotate(-45deg); | 8647 | -o-transform: rotate(-45deg); |
| 8643 | transform: rotate(-45deg); | 8648 | transform: rotate(-45deg); |
| 8644 | } | 8649 | } |
| 8645 | .sweet-alert .sa-icon.sa-warning { | 8650 | .sweet-alert .sa-icon.sa-warning { |
| 8646 | border-color: #FF5722; | 8651 | border-color: #FF5722; |
| 8647 | } | 8652 | } |
| 8648 | .sweet-alert .sa-icon.sa-warning .sa-body { | 8653 | .sweet-alert .sa-icon.sa-warning .sa-body { |
| 8649 | position: absolute; | 8654 | position: absolute; |
| 8650 | width: 5px; | 8655 | width: 5px; |
| 8651 | height: 47px; | 8656 | height: 47px; |
| 8652 | left: 50%; | 8657 | left: 50%; |
| 8653 | top: 10px; | 8658 | top: 10px; |
| 8654 | border-radius: 2px; | 8659 | border-radius: 2px; |
| 8655 | margin-left: -2px; | 8660 | margin-left: -2px; |
| 8656 | background-color: #FF5722; | 8661 | background-color: #FF5722; |
| 8657 | } | 8662 | } |
| 8658 | .sweet-alert .sa-icon.sa-warning .sa-dot { | 8663 | .sweet-alert .sa-icon.sa-warning .sa-dot { |
| 8659 | position: absolute; | 8664 | position: absolute; |
| 8660 | width: 7px; | 8665 | width: 7px; |
| 8661 | height: 7px; | 8666 | height: 7px; |
| 8662 | border-radius: 50%; | 8667 | border-radius: 50%; |
| 8663 | margin-left: -3px; | 8668 | margin-left: -3px; |
| 8664 | left: 50%; | 8669 | left: 50%; |
| 8665 | bottom: 10px; | 8670 | bottom: 10px; |
| 8666 | background-color: #FF5722; | 8671 | background-color: #FF5722; |
| 8667 | } | 8672 | } |
| 8668 | .sweet-alert .sa-icon.sa-info { | 8673 | .sweet-alert .sa-icon.sa-info { |
| 8669 | border-color: #2196F3; | 8674 | border-color: #2196F3; |
| 8670 | } | 8675 | } |
| 8671 | .sweet-alert .sa-icon.sa-info:before { | 8676 | .sweet-alert .sa-icon.sa-info:before { |
| 8672 | content: ""; | 8677 | content: ""; |
| 8673 | position: absolute; | 8678 | position: absolute; |
| 8674 | width: 5px; | 8679 | width: 5px; |
| 8675 | height: 29px; | 8680 | height: 29px; |
| 8676 | left: 50%; | 8681 | left: 50%; |
| 8677 | bottom: 17px; | 8682 | bottom: 17px; |
| 8678 | border-radius: 2px; | 8683 | border-radius: 2px; |
| 8679 | margin-left: -2px; | 8684 | margin-left: -2px; |
| 8680 | background-color: #2196F3; | 8685 | background-color: #2196F3; |
| 8681 | } | 8686 | } |
| 8682 | .sweet-alert .sa-icon.sa-info:after { | 8687 | .sweet-alert .sa-icon.sa-info:after { |
| 8683 | content: ""; | 8688 | content: ""; |
| 8684 | position: absolute; | 8689 | position: absolute; |
| 8685 | width: 7px; | 8690 | width: 7px; |
| 8686 | height: 7px; | 8691 | height: 7px; |
| 8687 | border-radius: 50%; | 8692 | border-radius: 50%; |
| 8688 | margin-left: -3px; | 8693 | margin-left: -3px; |
| 8689 | top: 19px; | 8694 | top: 19px; |
| 8690 | background-color: #2196F3; | 8695 | background-color: #2196F3; |
| 8691 | } | 8696 | } |
| 8692 | .sweet-alert .sa-icon.sa-success { | 8697 | .sweet-alert .sa-icon.sa-success { |
| 8693 | border-color: #4CAF50; | 8698 | border-color: #4CAF50; |
| 8694 | } | 8699 | } |
| 8695 | .sweet-alert .sa-icon.sa-success:before, | 8700 | .sweet-alert .sa-icon.sa-success:before, |
| 8696 | .sweet-alert .sa-icon.sa-success:after { | 8701 | .sweet-alert .sa-icon.sa-success:after { |
| 8697 | content: ''; | 8702 | content: ''; |
| 8698 | border-radius: 50%; | 8703 | border-radius: 50%; |
| 8699 | position: absolute; | 8704 | position: absolute; |
| 8700 | width: 60px; | 8705 | width: 60px; |
| 8701 | height: 120px; | 8706 | height: 120px; |
| 8702 | background-color: #fff; | 8707 | background-color: #fff; |
| 8703 | -webkit-transform: rotate(45deg); | 8708 | -webkit-transform: rotate(45deg); |
| 8704 | -ms-transform: rotate(45deg); | 8709 | -ms-transform: rotate(45deg); |
| 8705 | -o-transform: rotate(45deg); | 8710 | -o-transform: rotate(45deg); |
| 8706 | transform: rotate(45deg); | 8711 | transform: rotate(45deg); |
| 8707 | } | 8712 | } |
| 8708 | .sweet-alert .sa-icon.sa-success:before { | 8713 | .sweet-alert .sa-icon.sa-success:before { |
| 8709 | border-radius: 120px 0 0 120px; | 8714 | border-radius: 120px 0 0 120px; |
| 8710 | top: -7px; | 8715 | top: -7px; |
| 8711 | left: -33px; | 8716 | left: -33px; |
| 8712 | -webkit-transform: rotate(-45deg); | 8717 | -webkit-transform: rotate(-45deg); |
| 8713 | -ms-transform: rotate(-45deg); | 8718 | -ms-transform: rotate(-45deg); |
| 8714 | -o-transform: rotate(-45deg); | 8719 | -o-transform: rotate(-45deg); |
| 8715 | transform: rotate(-45deg); | 8720 | transform: rotate(-45deg); |
| 8716 | -webkit-transform-origin: 60px 60px; | 8721 | -webkit-transform-origin: 60px 60px; |
| 8717 | -moz-transform-origin: 60px 60px; | 8722 | -moz-transform-origin: 60px 60px; |
| 8718 | -ms-transform-origin: 60px 60px; | 8723 | -ms-transform-origin: 60px 60px; |
| 8719 | transform-origin: 60px 60px; | 8724 | transform-origin: 60px 60px; |
| 8720 | } | 8725 | } |
| 8721 | .sweet-alert .sa-icon.sa-success:after { | 8726 | .sweet-alert .sa-icon.sa-success:after { |
| 8722 | border-radius: 0 120px 120px 0; | 8727 | border-radius: 0 120px 120px 0; |
| 8723 | top: -11px; | 8728 | top: -11px; |
| 8724 | left: 30px; | 8729 | left: 30px; |
| 8725 | -webkit-transform: rotate(-45deg); | 8730 | -webkit-transform: rotate(-45deg); |
| 8726 | -ms-transform: rotate(-45deg); | 8731 | -ms-transform: rotate(-45deg); |
| 8727 | -o-transform: rotate(-45deg); | 8732 | -o-transform: rotate(-45deg); |
| 8728 | transform: rotate(-45deg); | 8733 | transform: rotate(-45deg); |
| 8729 | -webkit-transform-origin: 0 60px; | 8734 | -webkit-transform-origin: 0 60px; |
| 8730 | -moz-transform-origin: 0 60px; | 8735 | -moz-transform-origin: 0 60px; |
| 8731 | -ms-transform-origin: 0 60px; | 8736 | -ms-transform-origin: 0 60px; |
| 8732 | transform-origin: 0 60px; | 8737 | transform-origin: 0 60px; |
| 8733 | } | 8738 | } |
| 8734 | .sweet-alert .sa-icon.sa-success .sa-placeholder { | 8739 | .sweet-alert .sa-icon.sa-success .sa-placeholder { |
| 8735 | width: 80px; | 8740 | width: 80px; |
| 8736 | height: 80px; | 8741 | height: 80px; |
| 8737 | border: 4px solid rgba(76, 175, 80, 0.2); | 8742 | border: 4px solid rgba(76, 175, 80, 0.2); |
| 8738 | border-radius: 50%; | 8743 | border-radius: 50%; |
| 8739 | position: absolute; | 8744 | position: absolute; |
| 8740 | left: -4px; | 8745 | left: -4px; |
| 8741 | top: -4px; | 8746 | top: -4px; |
| 8742 | z-index: 2; | 8747 | z-index: 2; |
| 8743 | -webkit-box-sizing: content-box; | 8748 | -webkit-box-sizing: content-box; |
| 8744 | -moz-box-sizing: content-box; | 8749 | -moz-box-sizing: content-box; |
| 8745 | box-sizing: content-box; | 8750 | box-sizing: content-box; |
| 8746 | } | 8751 | } |
| 8747 | .sweet-alert .sa-icon.sa-success .sa-fix { | 8752 | .sweet-alert .sa-icon.sa-success .sa-fix { |
| 8748 | width: 5px; | 8753 | width: 5px; |
| 8749 | height: 90px; | 8754 | height: 90px; |
| 8750 | background-color: #fff; | 8755 | background-color: #fff; |
| 8751 | position: absolute; | 8756 | position: absolute; |
| 8752 | left: 28px; | 8757 | left: 28px; |
| 8753 | top: 8px; | 8758 | top: 8px; |
| 8754 | z-index: 1; | 8759 | z-index: 1; |
| 8755 | -webkit-transform: rotate(-45deg); | 8760 | -webkit-transform: rotate(-45deg); |
| 8756 | -ms-transform: rotate(-45deg); | 8761 | -ms-transform: rotate(-45deg); |
| 8757 | -o-transform: rotate(-45deg); | 8762 | -o-transform: rotate(-45deg); |
| 8758 | transform: rotate(-45deg); | 8763 | transform: rotate(-45deg); |
| 8759 | } | 8764 | } |
| 8760 | .sweet-alert .sa-icon.sa-success .sa-line { | 8765 | .sweet-alert .sa-icon.sa-success .sa-line { |
| 8761 | height: 5px; | 8766 | height: 5px; |
| 8762 | background-color: #4CAF50; | 8767 | background-color: #4CAF50; |
| 8763 | display: block; | 8768 | display: block; |
| 8764 | border-radius: 2px; | 8769 | border-radius: 2px; |
| 8765 | position: absolute; | 8770 | position: absolute; |
| 8766 | z-index: 2; | 8771 | z-index: 2; |
| 8767 | } | 8772 | } |
| 8768 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { | 8773 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { |
| 8769 | width: 25px; | 8774 | width: 25px; |
| 8770 | left: 14px; | 8775 | left: 14px; |
| 8771 | top: 46px; | 8776 | top: 46px; |
| 8772 | -webkit-transform: rotate(45deg); | 8777 | -webkit-transform: rotate(45deg); |
| 8773 | -ms-transform: rotate(45deg); | 8778 | -ms-transform: rotate(45deg); |
| 8774 | -o-transform: rotate(45deg); | 8779 | -o-transform: rotate(45deg); |
| 8775 | transform: rotate(45deg); | 8780 | transform: rotate(45deg); |
| 8776 | } | 8781 | } |
| 8777 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { | 8782 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { |
| 8778 | width: 47px; | 8783 | width: 47px; |
| 8779 | right: 8px; | 8784 | right: 8px; |
| 8780 | top: 38px; | 8785 | top: 38px; |
| 8781 | -webkit-transform: rotate(-45deg); | 8786 | -webkit-transform: rotate(-45deg); |
| 8782 | -ms-transform: rotate(-45deg); | 8787 | -ms-transform: rotate(-45deg); |
| 8783 | -o-transform: rotate(-45deg); | 8788 | -o-transform: rotate(-45deg); |
| 8784 | transform: rotate(-45deg); | 8789 | transform: rotate(-45deg); |
| 8785 | } | 8790 | } |
| 8786 | .sweet-alert .sa-icon.sa-custom { | 8791 | .sweet-alert .sa-icon.sa-custom { |
| 8787 | background-size: contain; | 8792 | background-size: contain; |
| 8788 | border-radius: 0; | 8793 | border-radius: 0; |
| 8789 | border: 0; | 8794 | border: 0; |
| 8790 | background-position: center center; | 8795 | background-position: center center; |
| 8791 | background-repeat: no-repeat; | 8796 | background-repeat: no-repeat; |
| 8792 | } | 8797 | } |
| 8793 | @media (max-width: 480px) { | 8798 | @media (max-width: 480px) { |
| 8794 | .sweet-alert { | 8799 | .sweet-alert { |
| 8795 | width: auto; | 8800 | width: auto; |
| 8796 | margin-left: 0; | 8801 | margin-left: 0; |
| 8797 | margin-right: 0; | 8802 | margin-right: 0; |
| 8798 | left: 20px; | 8803 | left: 20px; |
| 8799 | right: 20px; | 8804 | right: 20px; |
| 8800 | } | 8805 | } |
| 8801 | } | 8806 | } |
| 8802 | /* # Animations | 8807 | /* # Animations |
| 8803 | -------------------------------------------------- */ | 8808 | -------------------------------------------------- */ |
| 8804 | @-webkit-keyframes showSweetAlert { | 8809 | @-webkit-keyframes showSweetAlert { |
| 8805 | 0% { | 8810 | 0% { |
| 8806 | -webkit-transform: scale(0.7); | 8811 | -webkit-transform: scale(0.7); |
| 8807 | -ms-transform: scale(0.7); | 8812 | -ms-transform: scale(0.7); |
| 8808 | -o-transform: scale(0.7); | 8813 | -o-transform: scale(0.7); |
| 8809 | transform: scale(0.7); | 8814 | transform: scale(0.7); |
| 8810 | } | 8815 | } |
| 8811 | 45% { | 8816 | 45% { |
| 8812 | -webkit-transform: scale(1.05); | 8817 | -webkit-transform: scale(1.05); |
| 8813 | -ms-transform: scale(1.05); | 8818 | -ms-transform: scale(1.05); |
| 8814 | -o-transform: scale(1.05); | 8819 | -o-transform: scale(1.05); |
| 8815 | transform: scale(1.05); | 8820 | transform: scale(1.05); |
| 8816 | } | 8821 | } |
| 8817 | 80% { | 8822 | 80% { |
| 8818 | -webkit-transform: scale(0.95); | 8823 | -webkit-transform: scale(0.95); |
| 8819 | -ms-transform: scale(0.95); | 8824 | -ms-transform: scale(0.95); |
| 8820 | -o-transform: scale(0.95); | 8825 | -o-transform: scale(0.95); |
| 8821 | transform: scale(0.95); | 8826 | transform: scale(0.95); |
| 8822 | } | 8827 | } |
| 8823 | 100% { | 8828 | 100% { |
| 8824 | -webkit-transform: scale(1); | 8829 | -webkit-transform: scale(1); |
| 8825 | -ms-transform: scale(1); | 8830 | -ms-transform: scale(1); |
| 8826 | -o-transform: scale(1); | 8831 | -o-transform: scale(1); |
| 8827 | transform: scale(1); | 8832 | transform: scale(1); |
| 8828 | } | 8833 | } |
| 8829 | } | 8834 | } |
| 8830 | @keyframes showSweetAlert { | 8835 | @keyframes showSweetAlert { |
| 8831 | 0% { | 8836 | 0% { |
| 8832 | -webkit-transform: scale(0.7); | 8837 | -webkit-transform: scale(0.7); |
| 8833 | -ms-transform: scale(0.7); | 8838 | -ms-transform: scale(0.7); |
| 8834 | -o-transform: scale(0.7); | 8839 | -o-transform: scale(0.7); |
| 8835 | transform: scale(0.7); | 8840 | transform: scale(0.7); |
| 8836 | } | 8841 | } |
| 8837 | 45% { | 8842 | 45% { |
| 8838 | -webkit-transform: scale(1.05); | 8843 | -webkit-transform: scale(1.05); |
| 8839 | -ms-transform: scale(1.05); | 8844 | -ms-transform: scale(1.05); |
| 8840 | -o-transform: scale(1.05); | 8845 | -o-transform: scale(1.05); |
| 8841 | transform: scale(1.05); | 8846 | transform: scale(1.05); |
| 8842 | } | 8847 | } |
| 8843 | 80% { | 8848 | 80% { |
| 8844 | -webkit-transform: scale(0.95); | 8849 | -webkit-transform: scale(0.95); |
| 8845 | -ms-transform: scale(0.95); | 8850 | -ms-transform: scale(0.95); |
| 8846 | -o-transform: scale(0.95); | 8851 | -o-transform: scale(0.95); |
| 8847 | transform: scale(0.95); | 8852 | transform: scale(0.95); |
| 8848 | } | 8853 | } |
| 8849 | 100% { | 8854 | 100% { |
| 8850 | -webkit-transform: scale(1); | 8855 | -webkit-transform: scale(1); |
| 8851 | -ms-transform: scale(1); | 8856 | -ms-transform: scale(1); |
| 8852 | -o-transform: scale(1); | 8857 | -o-transform: scale(1); |
| 8853 | transform: scale(1); | 8858 | transform: scale(1); |
| 8854 | } | 8859 | } |
| 8855 | } | 8860 | } |
| 8856 | .showSweetAlert[data-animation=pop] { | 8861 | .showSweetAlert[data-animation=pop] { |
| 8857 | -webkit-animation: showSweetAlert 0.3s; | 8862 | -webkit-animation: showSweetAlert 0.3s; |
| 8858 | -o-animation: showSweetAlert 0.3s; | 8863 | -o-animation: showSweetAlert 0.3s; |
| 8859 | animation: showSweetAlert 0.3s; | 8864 | animation: showSweetAlert 0.3s; |
| 8860 | } | 8865 | } |
| 8861 | .showSweetAlert[data-animation=none] { | 8866 | .showSweetAlert[data-animation=none] { |
| 8862 | -webkit-animation: none; | 8867 | -webkit-animation: none; |
| 8863 | -o-animation: none; | 8868 | -o-animation: none; |
| 8864 | animation: none; | 8869 | animation: none; |
| 8865 | } | 8870 | } |
| 8866 | @-webkit-keyframes hideSweetAlert { | 8871 | @-webkit-keyframes hideSweetAlert { |
| 8867 | 0% { | 8872 | 0% { |
| 8868 | -webkit-transform: scale(1); | 8873 | -webkit-transform: scale(1); |
| 8869 | -ms-transform: scale(1); | 8874 | -ms-transform: scale(1); |
| 8870 | -o-transform: scale(1); | 8875 | -o-transform: scale(1); |
| 8871 | transform: scale(1); | 8876 | transform: scale(1); |
| 8872 | } | 8877 | } |
| 8873 | 100% { | 8878 | 100% { |
| 8874 | -webkit-transform: scale(0.5); | 8879 | -webkit-transform: scale(0.5); |
| 8875 | -ms-transform: scale(0.5); | 8880 | -ms-transform: scale(0.5); |
| 8876 | -o-transform: scale(0.5); | 8881 | -o-transform: scale(0.5); |
| 8877 | transform: scale(0.5); | 8882 | transform: scale(0.5); |
| 8878 | } | 8883 | } |
| 8879 | } | 8884 | } |
| 8880 | @keyframes hideSweetAlert { | 8885 | @keyframes hideSweetAlert { |
| 8881 | 0% { | 8886 | 0% { |
| 8882 | -webkit-transform: scale(1); | 8887 | -webkit-transform: scale(1); |
| 8883 | -ms-transform: scale(1); | 8888 | -ms-transform: scale(1); |
| 8884 | -o-transform: scale(1); | 8889 | -o-transform: scale(1); |
| 8885 | transform: scale(1); | 8890 | transform: scale(1); |
| 8886 | } | 8891 | } |
| 8887 | 100% { | 8892 | 100% { |
| 8888 | -webkit-transform: scale(0.5); | 8893 | -webkit-transform: scale(0.5); |
| 8889 | -ms-transform: scale(0.5); | 8894 | -ms-transform: scale(0.5); |
| 8890 | -o-transform: scale(0.5); | 8895 | -o-transform: scale(0.5); |
| 8891 | transform: scale(0.5); | 8896 | transform: scale(0.5); |
| 8892 | } | 8897 | } |
| 8893 | } | 8898 | } |
| 8894 | .hideSweetAlert[data-animation=pop] { | 8899 | .hideSweetAlert[data-animation=pop] { |
| 8895 | -webkit-animation: hideSweetAlert 0.2s; | 8900 | -webkit-animation: hideSweetAlert 0.2s; |
| 8896 | -o-animation: hideSweetAlert 0.2s; | 8901 | -o-animation: hideSweetAlert 0.2s; |
| 8897 | animation: hideSweetAlert 0.2s; | 8902 | animation: hideSweetAlert 0.2s; |
| 8898 | } | 8903 | } |
| 8899 | .hideSweetAlert[data-animation=none] { | 8904 | .hideSweetAlert[data-animation=none] { |
| 8900 | -webkit-animation: none; | 8905 | -webkit-animation: none; |
| 8901 | -o-animation: none; | 8906 | -o-animation: none; |
| 8902 | animation: none; | 8907 | animation: none; |
| 8903 | } | 8908 | } |
| 8904 | @-webkit-keyframes slideFromTop { | 8909 | @-webkit-keyframes slideFromTop { |
| 8905 | 0% { | 8910 | 0% { |
| 8906 | top: 0%; | 8911 | top: 0%; |
| 8907 | } | 8912 | } |
| 8908 | 100% { | 8913 | 100% { |
| 8909 | top: 50%; | 8914 | top: 50%; |
| 8910 | } | 8915 | } |
| 8911 | } | 8916 | } |
| 8912 | @keyframes slideFromTop { | 8917 | @keyframes slideFromTop { |
| 8913 | 0% { | 8918 | 0% { |
| 8914 | top: 0%; | 8919 | top: 0%; |
| 8915 | } | 8920 | } |
| 8916 | 100% { | 8921 | 100% { |
| 8917 | top: 50%; | 8922 | top: 50%; |
| 8918 | } | 8923 | } |
| 8919 | } | 8924 | } |
| 8920 | .showSweetAlert[data-animation=slide-from-top] { | 8925 | .showSweetAlert[data-animation=slide-from-top] { |
| 8921 | -webkit-animation: slideFromTop 0.3s; | 8926 | -webkit-animation: slideFromTop 0.3s; |
| 8922 | -o-animation: slideFromTop 0.3s; | 8927 | -o-animation: slideFromTop 0.3s; |
| 8923 | animation: slideFromTop 0.3s; | 8928 | animation: slideFromTop 0.3s; |
| 8924 | } | 8929 | } |
| 8925 | @-webkit-keyframes slideToTop { | 8930 | @-webkit-keyframes slideToTop { |
| 8926 | 0% { | 8931 | 0% { |
| 8927 | top: 50%; | 8932 | top: 50%; |
| 8928 | } | 8933 | } |
| 8929 | 100% { | 8934 | 100% { |
| 8930 | top: 0%; | 8935 | top: 0%; |
| 8931 | } | 8936 | } |
| 8932 | } | 8937 | } |
| 8933 | @keyframes slideToTop { | 8938 | @keyframes slideToTop { |
| 8934 | 0% { | 8939 | 0% { |
| 8935 | top: 50%; | 8940 | top: 50%; |
| 8936 | } | 8941 | } |
| 8937 | 100% { | 8942 | 100% { |
| 8938 | top: 0%; | 8943 | top: 0%; |
| 8939 | } | 8944 | } |
| 8940 | } | 8945 | } |
| 8941 | .hideSweetAlert[data-animation=slide-from-top] { | 8946 | .hideSweetAlert[data-animation=slide-from-top] { |
| 8942 | -webkit-animation: slideToTop 0.4s; | 8947 | -webkit-animation: slideToTop 0.4s; |
| 8943 | -o-animation: slideToTop 0.4s; | 8948 | -o-animation: slideToTop 0.4s; |
| 8944 | animation: slideToTop 0.4s; | 8949 | animation: slideToTop 0.4s; |
| 8945 | } | 8950 | } |
| 8946 | @-webkit-keyframes slideFromBottom { | 8951 | @-webkit-keyframes slideFromBottom { |
| 8947 | 0% { | 8952 | 0% { |
| 8948 | top: 70%; | 8953 | top: 70%; |
| 8949 | } | 8954 | } |
| 8950 | 100% { | 8955 | 100% { |
| 8951 | top: 50%; | 8956 | top: 50%; |
| 8952 | } | 8957 | } |
| 8953 | } | 8958 | } |
| 8954 | @keyframes slideFromBottom { | 8959 | @keyframes slideFromBottom { |
| 8955 | 0% { | 8960 | 0% { |
| 8956 | top: 70%; | 8961 | top: 70%; |
| 8957 | } | 8962 | } |
| 8958 | 100% { | 8963 | 100% { |
| 8959 | top: 50%; | 8964 | top: 50%; |
| 8960 | } | 8965 | } |
| 8961 | } | 8966 | } |
| 8962 | .showSweetAlert[data-animation=slide-from-bottom] { | 8967 | .showSweetAlert[data-animation=slide-from-bottom] { |
| 8963 | -webkit-animation: slideFromBottom 0.3s; | 8968 | -webkit-animation: slideFromBottom 0.3s; |
| 8964 | -o-animation: slideFromBottom 0.3s; | 8969 | -o-animation: slideFromBottom 0.3s; |
| 8965 | animation: slideFromBottom 0.3s; | 8970 | animation: slideFromBottom 0.3s; |
| 8966 | } | 8971 | } |
| 8967 | @-webkit-keyframes slideToBottom { | 8972 | @-webkit-keyframes slideToBottom { |
| 8968 | 0% { | 8973 | 0% { |
| 8969 | top: 50%; | 8974 | top: 50%; |
| 8970 | } | 8975 | } |
| 8971 | 100% { | 8976 | 100% { |
| 8972 | top: 70%; | 8977 | top: 70%; |
| 8973 | } | 8978 | } |
| 8974 | } | 8979 | } |
| 8975 | @keyframes slideToBottom { | 8980 | @keyframes slideToBottom { |
| 8976 | 0% { | 8981 | 0% { |
| 8977 | top: 50%; | 8982 | top: 50%; |
| 8978 | } | 8983 | } |
| 8979 | 100% { | 8984 | 100% { |
| 8980 | top: 70%; | 8985 | top: 70%; |
| 8981 | } | 8986 | } |
| 8982 | } | 8987 | } |
| 8983 | .hideSweetAlert[data-animation=slide-from-bottom] { | 8988 | .hideSweetAlert[data-animation=slide-from-bottom] { |
| 8984 | -webkit-animation: slideToBottom 0.3s; | 8989 | -webkit-animation: slideToBottom 0.3s; |
| 8985 | -o-animation: slideToBottom 0.3s; | 8990 | -o-animation: slideToBottom 0.3s; |
| 8986 | animation: slideToBottom 0.3s; | 8991 | animation: slideToBottom 0.3s; |
| 8987 | } | 8992 | } |
| 8988 | @-webkit-keyframes animateSuccessTip { | 8993 | @-webkit-keyframes animateSuccessTip { |
| 8989 | 0% { | 8994 | 0% { |
| 8990 | width: 0; | 8995 | width: 0; |
| 8991 | left: 1px; | 8996 | left: 1px; |
| 8992 | top: 19px; | 8997 | top: 19px; |
| 8993 | } | 8998 | } |
| 8994 | 54% { | 8999 | 54% { |
| 8995 | width: 0; | 9000 | width: 0; |
| 8996 | left: 1px; | 9001 | left: 1px; |
| 8997 | top: 19px; | 9002 | top: 19px; |
| 8998 | } | 9003 | } |
| 8999 | 70% { | 9004 | 70% { |
| 9000 | width: 50px; | 9005 | width: 50px; |
| 9001 | left: -8px; | 9006 | left: -8px; |
| 9002 | top: 37px; | 9007 | top: 37px; |
| 9003 | } | 9008 | } |
| 9004 | 84% { | 9009 | 84% { |
| 9005 | width: 17px; | 9010 | width: 17px; |
| 9006 | left: 21px; | 9011 | left: 21px; |
| 9007 | top: 48px; | 9012 | top: 48px; |
| 9008 | } | 9013 | } |
| 9009 | 100% { | 9014 | 100% { |
| 9010 | width: 25px; | 9015 | width: 25px; |
| 9011 | left: 14px; | 9016 | left: 14px; |
| 9012 | top: 45px; | 9017 | top: 45px; |
| 9013 | } | 9018 | } |
| 9014 | } | 9019 | } |
| 9015 | @keyframes animateSuccessTip { | 9020 | @keyframes animateSuccessTip { |
| 9016 | 0% { | 9021 | 0% { |
| 9017 | width: 0; | 9022 | width: 0; |
| 9018 | left: 1px; | 9023 | left: 1px; |
| 9019 | top: 19px; | 9024 | top: 19px; |
| 9020 | } | 9025 | } |
| 9021 | 54% { | 9026 | 54% { |
| 9022 | width: 0; | 9027 | width: 0; |
| 9023 | left: 1px; | 9028 | left: 1px; |
| 9024 | top: 19px; | 9029 | top: 19px; |
| 9025 | } | 9030 | } |
| 9026 | 70% { | 9031 | 70% { |
| 9027 | width: 50px; | 9032 | width: 50px; |
| 9028 | left: -8px; | 9033 | left: -8px; |
| 9029 | top: 37px; | 9034 | top: 37px; |
| 9030 | } | 9035 | } |
| 9031 | 84% { | 9036 | 84% { |
| 9032 | width: 17px; | 9037 | width: 17px; |
| 9033 | left: 21px; | 9038 | left: 21px; |
| 9034 | top: 48px; | 9039 | top: 48px; |
| 9035 | } | 9040 | } |
| 9036 | 100% { | 9041 | 100% { |
| 9037 | width: 25px; | 9042 | width: 25px; |
| 9038 | left: 14px; | 9043 | left: 14px; |
| 9039 | top: 45px; | 9044 | top: 45px; |
| 9040 | } | 9045 | } |
| 9041 | } | 9046 | } |
| 9042 | .animateSuccessTip { | 9047 | .animateSuccessTip { |
| 9043 | -webkit-animation: animateSuccessTip 0.75s; | 9048 | -webkit-animation: animateSuccessTip 0.75s; |
| 9044 | -o-animation: animateSuccessTip 0.75s; | 9049 | -o-animation: animateSuccessTip 0.75s; |
| 9045 | animation: animateSuccessTip 0.75s; | 9050 | animation: animateSuccessTip 0.75s; |
| 9046 | } | 9051 | } |
| 9047 | @-webkit-keyframes animateSuccessLong { | 9052 | @-webkit-keyframes animateSuccessLong { |
| 9048 | 0% { | 9053 | 0% { |
| 9049 | width: 0; | 9054 | width: 0; |
| 9050 | right: 46px; | 9055 | right: 46px; |
| 9051 | top: 54px; | 9056 | top: 54px; |
| 9052 | } | 9057 | } |
| 9053 | 65% { | 9058 | 65% { |
| 9054 | width: 0; | 9059 | width: 0; |
| 9055 | right: 46px; | 9060 | right: 46px; |
| 9056 | top: 54px; | 9061 | top: 54px; |
| 9057 | } | 9062 | } |
| 9058 | 84% { | 9063 | 84% { |
| 9059 | width: 55px; | 9064 | width: 55px; |
| 9060 | right: 0px; | 9065 | right: 0px; |
| 9061 | top: 35px; | 9066 | top: 35px; |
| 9062 | } | 9067 | } |
| 9063 | 100% { | 9068 | 100% { |
| 9064 | width: 47px; | 9069 | width: 47px; |
| 9065 | right: 8px; | 9070 | right: 8px; |
| 9066 | top: 38px; | 9071 | top: 38px; |
| 9067 | } | 9072 | } |
| 9068 | } | 9073 | } |
| 9069 | @keyframes animateSuccessLong { | 9074 | @keyframes animateSuccessLong { |
| 9070 | 0% { | 9075 | 0% { |
| 9071 | width: 0; | 9076 | width: 0; |
| 9072 | right: 46px; | 9077 | right: 46px; |
| 9073 | top: 54px; | 9078 | top: 54px; |
| 9074 | } | 9079 | } |
| 9075 | 65% { | 9080 | 65% { |
| 9076 | width: 0; | 9081 | width: 0; |
| 9077 | right: 46px; | 9082 | right: 46px; |
| 9078 | top: 54px; | 9083 | top: 54px; |
| 9079 | } | 9084 | } |
| 9080 | 84% { | 9085 | 84% { |
| 9081 | width: 55px; | 9086 | width: 55px; |
| 9082 | right: 0px; | 9087 | right: 0px; |
| 9083 | top: 35px; | 9088 | top: 35px; |
| 9084 | } | 9089 | } |
| 9085 | 100% { | 9090 | 100% { |
| 9086 | width: 47px; | 9091 | width: 47px; |
| 9087 | right: 8px; | 9092 | right: 8px; |
| 9088 | top: 38px; | 9093 | top: 38px; |
| 9089 | } | 9094 | } |
| 9090 | } | 9095 | } |
| 9091 | .animateSuccessLong { | 9096 | .animateSuccessLong { |
| 9092 | -webkit-animation: animateSuccessLong 0.75s; | 9097 | -webkit-animation: animateSuccessLong 0.75s; |
| 9093 | -o-animation: animateSuccessLong 0.75s; | 9098 | -o-animation: animateSuccessLong 0.75s; |
| 9094 | animation: animateSuccessLong 0.75s; | 9099 | animation: animateSuccessLong 0.75s; |
| 9095 | } | 9100 | } |
| 9096 | @-webkit-keyframes rotatePlaceholder { | 9101 | @-webkit-keyframes rotatePlaceholder { |
| 9097 | 0% { | 9102 | 0% { |
| 9098 | -webkit-transform: rotate(-45deg); | 9103 | -webkit-transform: rotate(-45deg); |
| 9099 | -ms-transform: rotate(-45deg); | 9104 | -ms-transform: rotate(-45deg); |
| 9100 | -o-transform: rotate(-45deg); | 9105 | -o-transform: rotate(-45deg); |
| 9101 | transform: rotate(-45deg); | 9106 | transform: rotate(-45deg); |
| 9102 | } | 9107 | } |
| 9103 | 5% { | 9108 | 5% { |
| 9104 | -webkit-transform: rotate(-45deg); | 9109 | -webkit-transform: rotate(-45deg); |
| 9105 | -ms-transform: rotate(-45deg); | 9110 | -ms-transform: rotate(-45deg); |
| 9106 | -o-transform: rotate(-45deg); | 9111 | -o-transform: rotate(-45deg); |
| 9107 | transform: rotate(-45deg); | 9112 | transform: rotate(-45deg); |
| 9108 | } | 9113 | } |
| 9109 | 12% { | 9114 | 12% { |
| 9110 | -webkit-transform: rotate(-405deg); | 9115 | -webkit-transform: rotate(-405deg); |
| 9111 | -ms-transform: rotate(-405deg); | 9116 | -ms-transform: rotate(-405deg); |
| 9112 | -o-transform: rotate(-405deg); | 9117 | -o-transform: rotate(-405deg); |
| 9113 | transform: rotate(-405deg); | 9118 | transform: rotate(-405deg); |
| 9114 | } | 9119 | } |
| 9115 | 100% { | 9120 | 100% { |
| 9116 | -webkit-transform: rotate(-405deg); | 9121 | -webkit-transform: rotate(-405deg); |
| 9117 | -ms-transform: rotate(-405deg); | 9122 | -ms-transform: rotate(-405deg); |
| 9118 | -o-transform: rotate(-405deg); | 9123 | -o-transform: rotate(-405deg); |
| 9119 | transform: rotate(-405deg); | 9124 | transform: rotate(-405deg); |
| 9120 | } | 9125 | } |
| 9121 | } | 9126 | } |
| 9122 | @keyframes rotatePlaceholder { | 9127 | @keyframes rotatePlaceholder { |
| 9123 | 0% { | 9128 | 0% { |
| 9124 | -webkit-transform: rotate(-45deg); | 9129 | -webkit-transform: rotate(-45deg); |
| 9125 | -ms-transform: rotate(-45deg); | 9130 | -ms-transform: rotate(-45deg); |
| 9126 | -o-transform: rotate(-45deg); | 9131 | -o-transform: rotate(-45deg); |
| 9127 | transform: rotate(-45deg); | 9132 | transform: rotate(-45deg); |
| 9128 | } | 9133 | } |
| 9129 | 5% { | 9134 | 5% { |
| 9130 | -webkit-transform: rotate(-45deg); | 9135 | -webkit-transform: rotate(-45deg); |
| 9131 | -ms-transform: rotate(-45deg); | 9136 | -ms-transform: rotate(-45deg); |
| 9132 | -o-transform: rotate(-45deg); | 9137 | -o-transform: rotate(-45deg); |
| 9133 | transform: rotate(-45deg); | 9138 | transform: rotate(-45deg); |
| 9134 | } | 9139 | } |
| 9135 | 12% { | 9140 | 12% { |
| 9136 | -webkit-transform: rotate(-405deg); | 9141 | -webkit-transform: rotate(-405deg); |
| 9137 | -ms-transform: rotate(-405deg); | 9142 | -ms-transform: rotate(-405deg); |
| 9138 | -o-transform: rotate(-405deg); | 9143 | -o-transform: rotate(-405deg); |
| 9139 | transform: rotate(-405deg); | 9144 | transform: rotate(-405deg); |
| 9140 | } | 9145 | } |
| 9141 | 100% { | 9146 | 100% { |
| 9142 | -webkit-transform: rotate(-405deg); | 9147 | -webkit-transform: rotate(-405deg); |
| 9143 | -ms-transform: rotate(-405deg); | 9148 | -ms-transform: rotate(-405deg); |
| 9144 | -o-transform: rotate(-405deg); | 9149 | -o-transform: rotate(-405deg); |
| 9145 | transform: rotate(-405deg); | 9150 | transform: rotate(-405deg); |
| 9146 | } | 9151 | } |
| 9147 | } | 9152 | } |
| 9148 | .sa-icon.sa-success.animate::after { | 9153 | .sa-icon.sa-success.animate::after { |
| 9149 | -webkit-animation: rotatePlaceholder 4.25s ease-in; | 9154 | -webkit-animation: rotatePlaceholder 4.25s ease-in; |
| 9150 | -o-animation: rotatePlaceholder 4.25s ease-in; | 9155 | -o-animation: rotatePlaceholder 4.25s ease-in; |
| 9151 | animation: rotatePlaceholder 4.25s ease-in; | 9156 | animation: rotatePlaceholder 4.25s ease-in; |
| 9152 | } | 9157 | } |
| 9153 | @-webkit-keyframes animateErrorIcon { | 9158 | @-webkit-keyframes animateErrorIcon { |
| 9154 | 0% { | 9159 | 0% { |
| 9155 | -webkit-transform: rotateX(100deg); | 9160 | -webkit-transform: rotateX(100deg); |
| 9156 | -ms-transform: rotateX(100deg); | 9161 | -ms-transform: rotateX(100deg); |
| 9157 | -o-transform: rotateX(100deg); | 9162 | -o-transform: rotateX(100deg); |
| 9158 | transform: rotateX(100deg); | 9163 | transform: rotateX(100deg); |
| 9159 | opacity: 0; | 9164 | opacity: 0; |
| 9160 | filter: alpha(opacity=0); | 9165 | filter: alpha(opacity=0); |
| 9161 | } | 9166 | } |
| 9162 | 100% { | 9167 | 100% { |
| 9163 | -webkit-transform: rotateX(0deg); | 9168 | -webkit-transform: rotateX(0deg); |
| 9164 | -ms-transform: rotateX(0deg); | 9169 | -ms-transform: rotateX(0deg); |
| 9165 | -o-transform: rotateX(0deg); | 9170 | -o-transform: rotateX(0deg); |
| 9166 | transform: rotateX(0deg); | 9171 | transform: rotateX(0deg); |
| 9167 | opacity: 1; | 9172 | opacity: 1; |
| 9168 | filter: alpha(opacity=100); | 9173 | filter: alpha(opacity=100); |
| 9169 | } | 9174 | } |
| 9170 | } | 9175 | } |
| 9171 | @keyframes animateErrorIcon { | 9176 | @keyframes animateErrorIcon { |
| 9172 | 0% { | 9177 | 0% { |
| 9173 | -webkit-transform: rotateX(100deg); | 9178 | -webkit-transform: rotateX(100deg); |
| 9174 | -ms-transform: rotateX(100deg); | 9179 | -ms-transform: rotateX(100deg); |
| 9175 | -o-transform: rotateX(100deg); | 9180 | -o-transform: rotateX(100deg); |
| 9176 | transform: rotateX(100deg); | 9181 | transform: rotateX(100deg); |
| 9177 | opacity: 0; | 9182 | opacity: 0; |
| 9178 | filter: alpha(opacity=0); | 9183 | filter: alpha(opacity=0); |
| 9179 | } | 9184 | } |
| 9180 | 100% { | 9185 | 100% { |
| 9181 | -webkit-transform: rotateX(0deg); | 9186 | -webkit-transform: rotateX(0deg); |
| 9182 | -ms-transform: rotateX(0deg); | 9187 | -ms-transform: rotateX(0deg); |
| 9183 | -o-transform: rotateX(0deg); | 9188 | -o-transform: rotateX(0deg); |
| 9184 | transform: rotateX(0deg); | 9189 | transform: rotateX(0deg); |
| 9185 | opacity: 1; | 9190 | opacity: 1; |
| 9186 | filter: alpha(opacity=100); | 9191 | filter: alpha(opacity=100); |
| 9187 | } | 9192 | } |
| 9188 | } | 9193 | } |
| 9189 | .animateErrorIcon { | 9194 | .animateErrorIcon { |
| 9190 | -webkit-animation: animateErrorIcon 0.5s; | 9195 | -webkit-animation: animateErrorIcon 0.5s; |
| 9191 | -o-animation: animateErrorIcon 0.5s; | 9196 | -o-animation: animateErrorIcon 0.5s; |
| 9192 | animation: animateErrorIcon 0.5s; | 9197 | animation: animateErrorIcon 0.5s; |
| 9193 | } | 9198 | } |
| 9194 | @-webkit-keyframes animateXMark { | 9199 | @-webkit-keyframes animateXMark { |
| 9195 | 0% { | 9200 | 0% { |
| 9196 | margin-top: 26px; | 9201 | margin-top: 26px; |
| 9197 | -webkit-transform: scale(0.4); | 9202 | -webkit-transform: scale(0.4); |
| 9198 | -ms-transform: scale(0.4); | 9203 | -ms-transform: scale(0.4); |
| 9199 | -o-transform: scale(0.4); | 9204 | -o-transform: scale(0.4); |
| 9200 | transform: scale(0.4); | 9205 | transform: scale(0.4); |
| 9201 | opacity: 0; | 9206 | opacity: 0; |
| 9202 | filter: alpha(opacity=0); | 9207 | filter: alpha(opacity=0); |
| 9203 | } | 9208 | } |
| 9204 | 50% { | 9209 | 50% { |
| 9205 | margin-top: 26px; | 9210 | margin-top: 26px; |
| 9206 | -webkit-transform: scale(0.4); | 9211 | -webkit-transform: scale(0.4); |
| 9207 | -ms-transform: scale(0.4); | 9212 | -ms-transform: scale(0.4); |
| 9208 | -o-transform: scale(0.4); | 9213 | -o-transform: scale(0.4); |
| 9209 | transform: scale(0.4); | 9214 | transform: scale(0.4); |
| 9210 | opacity: 0; | 9215 | opacity: 0; |
| 9211 | filter: alpha(opacity=0); | 9216 | filter: alpha(opacity=0); |
| 9212 | } | 9217 | } |
| 9213 | 80% { | 9218 | 80% { |
| 9214 | margin-top: -6px; | 9219 | margin-top: -6px; |
| 9215 | -webkit-transform: scale(1.15); | 9220 | -webkit-transform: scale(1.15); |
| 9216 | -ms-transform: scale(1.15); | 9221 | -ms-transform: scale(1.15); |
| 9217 | -o-transform: scale(1.15); | 9222 | -o-transform: scale(1.15); |
| 9218 | transform: scale(1.15); | 9223 | transform: scale(1.15); |
| 9219 | } | 9224 | } |
| 9220 | 100% { | 9225 | 100% { |
| 9221 | margin-top: 0; | 9226 | margin-top: 0; |
| 9222 | -webkit-transform: scale(1); | 9227 | -webkit-transform: scale(1); |
| 9223 | -ms-transform: scale(1); | 9228 | -ms-transform: scale(1); |
| 9224 | -o-transform: scale(1); | 9229 | -o-transform: scale(1); |
| 9225 | transform: scale(1); | 9230 | transform: scale(1); |
| 9226 | opacity: 1; | 9231 | opacity: 1; |
| 9227 | filter: alpha(opacity=100); | 9232 | filter: alpha(opacity=100); |
| 9228 | } | 9233 | } |
| 9229 | } | 9234 | } |
| 9230 | @keyframes animateXMark { | 9235 | @keyframes animateXMark { |
| 9231 | 0% { | 9236 | 0% { |
| 9232 | margin-top: 26px; | 9237 | margin-top: 26px; |
| 9233 | -webkit-transform: scale(0.4); | 9238 | -webkit-transform: scale(0.4); |
| 9234 | -ms-transform: scale(0.4); | 9239 | -ms-transform: scale(0.4); |
| 9235 | -o-transform: scale(0.4); | 9240 | -o-transform: scale(0.4); |
| 9236 | transform: scale(0.4); | 9241 | transform: scale(0.4); |
| 9237 | opacity: 0; | 9242 | opacity: 0; |
| 9238 | filter: alpha(opacity=0); | 9243 | filter: alpha(opacity=0); |
| 9239 | } | 9244 | } |
| 9240 | 50% { | 9245 | 50% { |
| 9241 | margin-top: 26px; | 9246 | margin-top: 26px; |
| 9242 | -webkit-transform: scale(0.4); | 9247 | -webkit-transform: scale(0.4); |
| 9243 | -ms-transform: scale(0.4); | 9248 | -ms-transform: scale(0.4); |
| 9244 | -o-transform: scale(0.4); | 9249 | -o-transform: scale(0.4); |
| 9245 | transform: scale(0.4); | 9250 | transform: scale(0.4); |
| 9246 | opacity: 0; | 9251 | opacity: 0; |
| 9247 | filter: alpha(opacity=0); | 9252 | filter: alpha(opacity=0); |
| 9248 | } | 9253 | } |
| 9249 | 80% { | 9254 | 80% { |
| 9250 | margin-top: -6px; | 9255 | margin-top: -6px; |
| 9251 | -webkit-transform: scale(1.15); | 9256 | -webkit-transform: scale(1.15); |
| 9252 | -ms-transform: scale(1.15); | 9257 | -ms-transform: scale(1.15); |
| 9253 | -o-transform: scale(1.15); | 9258 | -o-transform: scale(1.15); |
| 9254 | transform: scale(1.15); | 9259 | transform: scale(1.15); |
| 9255 | } | 9260 | } |
| 9256 | 100% { | 9261 | 100% { |
| 9257 | margin-top: 0; | 9262 | margin-top: 0; |
| 9258 | -webkit-transform: scale(1); | 9263 | -webkit-transform: scale(1); |
| 9259 | -ms-transform: scale(1); | 9264 | -ms-transform: scale(1); |
| 9260 | -o-transform: scale(1); | 9265 | -o-transform: scale(1); |
| 9261 | transform: scale(1); | 9266 | transform: scale(1); |
| 9262 | opacity: 1; | 9267 | opacity: 1; |
| 9263 | filter: alpha(opacity=100); | 9268 | filter: alpha(opacity=100); |
| 9264 | } | 9269 | } |
| 9265 | } | 9270 | } |
| 9266 | .animateXMark { | 9271 | .animateXMark { |
| 9267 | -webkit-animation: animateXMark 0.5s; | 9272 | -webkit-animation: animateXMark 0.5s; |
| 9268 | -o-animation: animateXMark 0.5s; | 9273 | -o-animation: animateXMark 0.5s; |
| 9269 | animation: animateXMark 0.5s; | 9274 | animation: animateXMark 0.5s; |
| 9270 | } | 9275 | } |
| 9271 | @-webkit-keyframes pulseWarning { | 9276 | @-webkit-keyframes pulseWarning { |
| 9272 | 0% { | 9277 | 0% { |
| 9273 | border-color: #F8D486; | 9278 | border-color: #F8D486; |
| 9274 | } | 9279 | } |
| 9275 | 100% { | 9280 | 100% { |
| 9276 | border-color: #F8BB86; | 9281 | border-color: #F8BB86; |
| 9277 | } | 9282 | } |
| 9278 | } | 9283 | } |
| 9279 | @keyframes pulseWarning { | 9284 | @keyframes pulseWarning { |
| 9280 | 0% { | 9285 | 0% { |
| 9281 | border-color: #F8D486; | 9286 | border-color: #F8D486; |
| 9282 | } | 9287 | } |
| 9283 | 100% { | 9288 | 100% { |
| 9284 | border-color: #F8BB86; | 9289 | border-color: #F8BB86; |
| 9285 | } | 9290 | } |
| 9286 | } | 9291 | } |
| 9287 | .pulseWarning { | 9292 | .pulseWarning { |
| 9288 | -webkit-animation: pulseWarning 0.75s infinite alternate; | 9293 | -webkit-animation: pulseWarning 0.75s infinite alternate; |
| 9289 | -o-animation: pulseWarning 0.75s infinite alternate; | 9294 | -o-animation: pulseWarning 0.75s infinite alternate; |
| 9290 | animation: pulseWarning 0.75s infinite alternate; | 9295 | animation: pulseWarning 0.75s infinite alternate; |
| 9291 | } | 9296 | } |
| 9292 | @-webkit-keyframes pulseWarningIns { | 9297 | @-webkit-keyframes pulseWarningIns { |
| 9293 | 0% { | 9298 | 0% { |
| 9294 | background-color: #F8D486; | 9299 | background-color: #F8D486; |
| 9295 | } | 9300 | } |
| 9296 | 100% { | 9301 | 100% { |
| 9297 | background-color: #F8BB86; | 9302 | background-color: #F8BB86; |
| 9298 | } | 9303 | } |
| 9299 | } | 9304 | } |
| 9300 | @keyframes pulseWarningIns { | 9305 | @keyframes pulseWarningIns { |
| 9301 | 0% { | 9306 | 0% { |
| 9302 | background-color: #F8D486; | 9307 | background-color: #F8D486; |
| 9303 | } | 9308 | } |
| 9304 | 100% { | 9309 | 100% { |
| 9305 | background-color: #F8BB86; | 9310 | background-color: #F8BB86; |
| 9306 | } | 9311 | } |
| 9307 | } | 9312 | } |
| 9308 | .pulseWarningIns { | 9313 | .pulseWarningIns { |
| 9309 | -webkit-animation: pulseWarningIns 0.75s infinite alternate; | 9314 | -webkit-animation: pulseWarningIns 0.75s infinite alternate; |
| 9310 | -o-animation: pulseWarningIns 0.75s infinite alternate; | 9315 | -o-animation: pulseWarningIns 0.75s infinite alternate; |
| 9311 | animation: pulseWarningIns 0.75s infinite alternate; | 9316 | animation: pulseWarningIns 0.75s infinite alternate; |
| 9312 | } | 9317 | } |
| 9313 | @-webkit-keyframes rotate-loading { | 9318 | @-webkit-keyframes rotate-loading { |
| 9314 | 0% { | 9319 | 0% { |
| 9315 | -webkit-transform: rotate(0deg); | 9320 | -webkit-transform: rotate(0deg); |
| 9316 | -ms-transform: rotate(0deg); | 9321 | -ms-transform: rotate(0deg); |
| 9317 | -o-transform: rotate(0deg); | 9322 | -o-transform: rotate(0deg); |
| 9318 | transform: rotate(0deg); | 9323 | transform: rotate(0deg); |
| 9319 | } | 9324 | } |
| 9320 | 100% { | 9325 | 100% { |
| 9321 | -webkit-transform: rotate(360deg); | 9326 | -webkit-transform: rotate(360deg); |
| 9322 | -ms-transform: rotate(360deg); | 9327 | -ms-transform: rotate(360deg); |
| 9323 | -o-transform: rotate(360deg); | 9328 | -o-transform: rotate(360deg); |
| 9324 | transform: rotate(360deg); | 9329 | transform: rotate(360deg); |
| 9325 | } | 9330 | } |
| 9326 | } | 9331 | } |
| 9327 | @keyframes rotate-loading { | 9332 | @keyframes rotate-loading { |
| 9328 | 0% { | 9333 | 0% { |
| 9329 | -webkit-transform: rotate(0deg); | 9334 | -webkit-transform: rotate(0deg); |
| 9330 | -ms-transform: rotate(0deg); | 9335 | -ms-transform: rotate(0deg); |
| 9331 | -o-transform: rotate(0deg); | 9336 | -o-transform: rotate(0deg); |
| 9332 | transform: rotate(0deg); | 9337 | transform: rotate(0deg); |
| 9333 | } | 9338 | } |
| 9334 | 100% { | 9339 | 100% { |
| 9335 | -webkit-transform: rotate(360deg); | 9340 | -webkit-transform: rotate(360deg); |
| 9336 | -ms-transform: rotate(360deg); | 9341 | -ms-transform: rotate(360deg); |
| 9337 | -o-transform: rotate(360deg); | 9342 | -o-transform: rotate(360deg); |
| 9338 | transform: rotate(360deg); | 9343 | transform: rotate(360deg); |
| 9339 | } | 9344 | } |
| 9340 | } | 9345 | } |
| 9341 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { | 9346 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { |
| 9342 | -ms-transform: rotate(45deg); | 9347 | -ms-transform: rotate(45deg); |
| 9343 | } | 9348 | } |
| 9344 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { | 9349 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { |
| 9345 | -ms-transform: rotate(-45deg); | 9350 | -ms-transform: rotate(-45deg); |
| 9346 | } | 9351 | } |
| 9347 | .sweet-alert .sa-icon.sa-success { | 9352 | .sweet-alert .sa-icon.sa-success { |
| 9348 | border-color: transparent; | 9353 | border-color: transparent; |
| 9349 | } | 9354 | } |
| 9350 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { | 9355 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { |
| 9351 | -ms-transform: rotate(45deg); | 9356 | -ms-transform: rotate(45deg); |
| 9352 | } | 9357 | } |
| 9353 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { | 9358 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { |
| 9354 | -ms-transform: rotate(-45deg); | 9359 | -ms-transform: rotate(-45deg); |
| 9355 | } | 9360 | } |
| 9356 | .la-ball-fall { | 9361 | .la-ball-fall { |
| 9357 | display: block; | 9362 | display: block; |
| 9358 | font-size: 0; | 9363 | font-size: 0; |
| 9359 | color: #fff; | 9364 | color: #fff; |
| 9360 | width: 54px; | 9365 | width: 54px; |
| 9361 | height: 12px; | 9366 | height: 12px; |
| 9362 | } | 9367 | } |
| 9363 | .la-ball-fall.la-dark { | 9368 | .la-ball-fall.la-dark { |
| 9364 | color: #333333; | 9369 | color: #333333; |
| 9365 | } | 9370 | } |
| 9366 | .la-ball-fall > div { | 9371 | .la-ball-fall > div { |
| 9367 | display: inline-block; | 9372 | display: inline-block; |
| 9368 | float: none; | 9373 | float: none; |
| 9369 | background-color: #fff; | 9374 | background-color: #fff; |
| 9370 | border: 0 solid #fff; | 9375 | border: 0 solid #fff; |
| 9371 | width: 6px; | 9376 | width: 6px; |
| 9372 | height: 6px; | 9377 | height: 6px; |
| 9373 | margin: 2px; | 9378 | margin: 2px; |
| 9374 | border-radius: 100%; | 9379 | border-radius: 100%; |
| 9375 | -webkit-animation: ball-fall 1s ease-in-out infinite; | 9380 | -webkit-animation: ball-fall 1s ease-in-out infinite; |
| 9376 | -o-animation: ball-fall 1s ease-in-out infinite; | 9381 | -o-animation: ball-fall 1s ease-in-out infinite; |
| 9377 | animation: ball-fall 1s ease-in-out infinite; | 9382 | animation: ball-fall 1s ease-in-out infinite; |
| 9378 | opacity: 0; | 9383 | opacity: 0; |
| 9379 | filter: alpha(opacity=0); | 9384 | filter: alpha(opacity=0); |
| 9380 | } | 9385 | } |
| 9381 | .la-ball-fall > div:nth-child(1) { | 9386 | .la-ball-fall > div:nth-child(1) { |
| 9382 | -webkit-animation-delay: -200ms; | 9387 | -webkit-animation-delay: -200ms; |
| 9383 | animation-delay: -200ms; | 9388 | animation-delay: -200ms; |
| 9384 | } | 9389 | } |
| 9385 | .la-ball-fall > div:nth-child(2) { | 9390 | .la-ball-fall > div:nth-child(2) { |
| 9386 | -webkit-animation-delay: -100ms; | 9391 | -webkit-animation-delay: -100ms; |
| 9387 | animation-delay: -100ms; | 9392 | animation-delay: -100ms; |
| 9388 | } | 9393 | } |
| 9389 | .la-ball-fall > div:nth-child(3) { | 9394 | .la-ball-fall > div:nth-child(3) { |
| 9390 | -webkit-animation-delay: 0ms; | 9395 | -webkit-animation-delay: 0ms; |
| 9391 | animation-delay: 0ms; | 9396 | animation-delay: 0ms; |
| 9392 | } | 9397 | } |
| 9393 | .la-ball-fall.la-sm { | 9398 | .la-ball-fall.la-sm { |
| 9394 | width: 26px; | 9399 | width: 26px; |
| 9395 | height: 8px; | 9400 | height: 8px; |
| 9396 | } | 9401 | } |
| 9397 | .la-ball-fall.la-sm > div { | 9402 | .la-ball-fall.la-sm > div { |
| 9398 | width: 4px; | 9403 | width: 4px; |
| 9399 | height: 4px; | 9404 | height: 4px; |
| 9400 | margin: 2px; | 9405 | margin: 2px; |
| 9401 | } | 9406 | } |
| 9402 | .la-ball-fall.la-2x { | 9407 | .la-ball-fall.la-2x { |
| 9403 | width: 108px; | 9408 | width: 108px; |
| 9404 | height: 36px; | 9409 | height: 36px; |
| 9405 | } | 9410 | } |
| 9406 | .la-ball-fall.la-2x > div { | 9411 | .la-ball-fall.la-2x > div { |
| 9407 | width: 20px; | 9412 | width: 20px; |
| 9408 | height: 20px; | 9413 | height: 20px; |
| 9409 | margin: 8px; | 9414 | margin: 8px; |
| 9410 | } | 9415 | } |
| 9411 | .la-ball-fall.la-3x { | 9416 | .la-ball-fall.la-3x { |
| 9412 | width: 162px; | 9417 | width: 162px; |
| 9413 | height: 54px; | 9418 | height: 54px; |
| 9414 | } | 9419 | } |
| 9415 | .la-ball-fall.la-3x > div { | 9420 | .la-ball-fall.la-3x > div { |
| 9416 | width: 30px; | 9421 | width: 30px; |
| 9417 | height: 30px; | 9422 | height: 30px; |
| 9418 | margin: 12px; | 9423 | margin: 12px; |
| 9419 | } | 9424 | } |
| 9420 | @-webkit-keyframes ball-fall { | 9425 | @-webkit-keyframes ball-fall { |
| 9421 | 0% { | 9426 | 0% { |
| 9422 | -webkit-transform: translate(0, -145%); | 9427 | -webkit-transform: translate(0, -145%); |
| 9423 | -ms-transform: translate(0, -145%); | 9428 | -ms-transform: translate(0, -145%); |
| 9424 | -o-transform: translate(0, -145%); | 9429 | -o-transform: translate(0, -145%); |
| 9425 | transform: translate(0, -145%); | 9430 | transform: translate(0, -145%); |
| 9426 | opacity: 0; | 9431 | opacity: 0; |
| 9427 | filter: alpha(opacity=0); | 9432 | filter: alpha(opacity=0); |
| 9428 | } | 9433 | } |
| 9429 | 10% { | 9434 | 10% { |
| 9430 | opacity: 0.5; | 9435 | opacity: 0.5; |
| 9431 | filter: alpha(opacity=50); | 9436 | filter: alpha(opacity=50); |
| 9432 | } | 9437 | } |
| 9433 | 20% { | 9438 | 20% { |
| 9434 | -webkit-transform: translate(0, 0); | 9439 | -webkit-transform: translate(0, 0); |
| 9435 | -ms-transform: translate(0, 0); | 9440 | -ms-transform: translate(0, 0); |
| 9436 | -o-transform: translate(0, 0); | 9441 | -o-transform: translate(0, 0); |
| 9437 | transform: translate(0, 0); | 9442 | transform: translate(0, 0); |
| 9438 | opacity: 1; | 9443 | opacity: 1; |
| 9439 | filter: alpha(opacity=100); | 9444 | filter: alpha(opacity=100); |
| 9440 | } | 9445 | } |
| 9441 | 80% { | 9446 | 80% { |
| 9442 | -webkit-transform: translate(0, 0); | 9447 | -webkit-transform: translate(0, 0); |
| 9443 | -ms-transform: translate(0, 0); | 9448 | -ms-transform: translate(0, 0); |
| 9444 | -o-transform: translate(0, 0); | 9449 | -o-transform: translate(0, 0); |
| 9445 | transform: translate(0, 0); | 9450 | transform: translate(0, 0); |
| 9446 | opacity: 1; | 9451 | opacity: 1; |
| 9447 | filter: alpha(opacity=100); | 9452 | filter: alpha(opacity=100); |
| 9448 | } | 9453 | } |
| 9449 | 90% { | 9454 | 90% { |
| 9450 | opacity: 0.5; | 9455 | opacity: 0.5; |
| 9451 | filter: alpha(opacity=50); | 9456 | filter: alpha(opacity=50); |
| 9452 | } | 9457 | } |
| 9453 | 100% { | 9458 | 100% { |
| 9454 | -webkit-transform: translate(0, 145%); | 9459 | -webkit-transform: translate(0, 145%); |
| 9455 | -ms-transform: translate(0, 145%); | 9460 | -ms-transform: translate(0, 145%); |
| 9456 | -o-transform: translate(0, 145%); | 9461 | -o-transform: translate(0, 145%); |
| 9457 | transform: translate(0, 145%); | 9462 | transform: translate(0, 145%); |
| 9458 | opacity: 0; | 9463 | opacity: 0; |
| 9459 | filter: alpha(opacity=0); | 9464 | filter: alpha(opacity=0); |
| 9460 | } | 9465 | } |
| 9461 | } | 9466 | } |
| 9462 | @-moz-keyframes ball-fall { | 9467 | @-moz-keyframes ball-fall { |
| 9463 | 0% { | 9468 | 0% { |
| 9464 | -webkit-transform: translate(0, -145%); | 9469 | -webkit-transform: translate(0, -145%); |
| 9465 | -ms-transform: translate(0, -145%); | 9470 | -ms-transform: translate(0, -145%); |
| 9466 | -o-transform: translate(0, -145%); | 9471 | -o-transform: translate(0, -145%); |
| 9467 | transform: translate(0, -145%); | 9472 | transform: translate(0, -145%); |
| 9468 | opacity: 0; | 9473 | opacity: 0; |
| 9469 | filter: alpha(opacity=0); | 9474 | filter: alpha(opacity=0); |
| 9470 | } | 9475 | } |
| 9471 | 10% { | 9476 | 10% { |
| 9472 | opacity: 0.5; | 9477 | opacity: 0.5; |
| 9473 | filter: alpha(opacity=50); | 9478 | filter: alpha(opacity=50); |
| 9474 | } | 9479 | } |
| 9475 | 20% { | 9480 | 20% { |
| 9476 | -webkit-transform: translate(0, 0); | 9481 | -webkit-transform: translate(0, 0); |
| 9477 | -ms-transform: translate(0, 0); | 9482 | -ms-transform: translate(0, 0); |
| 9478 | -o-transform: translate(0, 0); | 9483 | -o-transform: translate(0, 0); |
| 9479 | transform: translate(0, 0); | 9484 | transform: translate(0, 0); |
| 9480 | opacity: 1; | 9485 | opacity: 1; |
| 9481 | filter: alpha(opacity=100); | 9486 | filter: alpha(opacity=100); |
| 9482 | } | 9487 | } |
| 9483 | 80% { | 9488 | 80% { |
| 9484 | -webkit-transform: translate(0, 0); | 9489 | -webkit-transform: translate(0, 0); |
| 9485 | -ms-transform: translate(0, 0); | 9490 | -ms-transform: translate(0, 0); |
| 9486 | -o-transform: translate(0, 0); | 9491 | -o-transform: translate(0, 0); |
| 9487 | transform: translate(0, 0); | 9492 | transform: translate(0, 0); |
| 9488 | opacity: 1; | 9493 | opacity: 1; |
| 9489 | filter: alpha(opacity=100); | 9494 | filter: alpha(opacity=100); |
| 9490 | } | 9495 | } |
| 9491 | 90% { | 9496 | 90% { |
| 9492 | opacity: 0.5; | 9497 | opacity: 0.5; |
| 9493 | filter: alpha(opacity=50); | 9498 | filter: alpha(opacity=50); |
| 9494 | } | 9499 | } |
| 9495 | 100% { | 9500 | 100% { |
| 9496 | -webkit-transform: translate(0, 145%); | 9501 | -webkit-transform: translate(0, 145%); |
| 9497 | -ms-transform: translate(0, 145%); | 9502 | -ms-transform: translate(0, 145%); |
| 9498 | -o-transform: translate(0, 145%); | 9503 | -o-transform: translate(0, 145%); |
| 9499 | transform: translate(0, 145%); | 9504 | transform: translate(0, 145%); |
| 9500 | opacity: 0; | 9505 | opacity: 0; |
| 9501 | filter: alpha(opacity=0); | 9506 | filter: alpha(opacity=0); |
| 9502 | } | 9507 | } |
| 9503 | } | 9508 | } |
| 9504 | @-o-keyframes ball-fall { | 9509 | @-o-keyframes ball-fall { |
| 9505 | 0% { | 9510 | 0% { |
| 9506 | -webkit-transform: translate(0, -145%); | 9511 | -webkit-transform: translate(0, -145%); |
| 9507 | -ms-transform: translate(0, -145%); | 9512 | -ms-transform: translate(0, -145%); |
| 9508 | -o-transform: translate(0, -145%); | 9513 | -o-transform: translate(0, -145%); |
| 9509 | transform: translate(0, -145%); | 9514 | transform: translate(0, -145%); |
| 9510 | opacity: 0; | 9515 | opacity: 0; |
| 9511 | filter: alpha(opacity=0); | 9516 | filter: alpha(opacity=0); |
| 9512 | } | 9517 | } |
| 9513 | 10% { | 9518 | 10% { |
| 9514 | opacity: 0.5; | 9519 | opacity: 0.5; |
| 9515 | filter: alpha(opacity=50); | 9520 | filter: alpha(opacity=50); |
| 9516 | } | 9521 | } |
| 9517 | 20% { | 9522 | 20% { |
| 9518 | -webkit-transform: translate(0, 0); | 9523 | -webkit-transform: translate(0, 0); |
| 9519 | -ms-transform: translate(0, 0); | 9524 | -ms-transform: translate(0, 0); |
| 9520 | -o-transform: translate(0, 0); | 9525 | -o-transform: translate(0, 0); |
| 9521 | transform: translate(0, 0); | 9526 | transform: translate(0, 0); |
| 9522 | opacity: 1; | 9527 | opacity: 1; |
| 9523 | filter: alpha(opacity=100); | 9528 | filter: alpha(opacity=100); |
| 9524 | } | 9529 | } |
| 9525 | 80% { | 9530 | 80% { |
| 9526 | -webkit-transform: translate(0, 0); | 9531 | -webkit-transform: translate(0, 0); |
| 9527 | -ms-transform: translate(0, 0); | 9532 | -ms-transform: translate(0, 0); |
| 9528 | -o-transform: translate(0, 0); | 9533 | -o-transform: translate(0, 0); |
| 9529 | transform: translate(0, 0); | 9534 | transform: translate(0, 0); |
| 9530 | opacity: 1; | 9535 | opacity: 1; |
| 9531 | filter: alpha(opacity=100); | 9536 | filter: alpha(opacity=100); |
| 9532 | } | 9537 | } |
| 9533 | 90% { | 9538 | 90% { |
| 9534 | opacity: 0.5; | 9539 | opacity: 0.5; |
| 9535 | filter: alpha(opacity=50); | 9540 | filter: alpha(opacity=50); |
| 9536 | } | 9541 | } |
| 9537 | 100% { | 9542 | 100% { |
| 9538 | -webkit-transform: translate(0, 145%); | 9543 | -webkit-transform: translate(0, 145%); |
| 9539 | -ms-transform: translate(0, 145%); | 9544 | -ms-transform: translate(0, 145%); |
| 9540 | -o-transform: translate(0, 145%); | 9545 | -o-transform: translate(0, 145%); |
| 9541 | transform: translate(0, 145%); | 9546 | transform: translate(0, 145%); |
| 9542 | opacity: 0; | 9547 | opacity: 0; |
| 9543 | filter: alpha(opacity=0); | 9548 | filter: alpha(opacity=0); |
| 9544 | } | 9549 | } |
| 9545 | } | 9550 | } |
| 9546 | @keyframes ball-fall { | 9551 | @keyframes ball-fall { |
| 9547 | 0% { | 9552 | 0% { |
| 9548 | -webkit-transform: translate(0, -145%); | 9553 | -webkit-transform: translate(0, -145%); |
| 9549 | -ms-transform: translate(0, -145%); | 9554 | -ms-transform: translate(0, -145%); |
| 9550 | -o-transform: translate(0, -145%); | 9555 | -o-transform: translate(0, -145%); |
| 9551 | transform: translate(0, -145%); | 9556 | transform: translate(0, -145%); |
| 9552 | opacity: 0; | 9557 | opacity: 0; |
| 9553 | filter: alpha(opacity=0); | 9558 | filter: alpha(opacity=0); |
| 9554 | } | 9559 | } |
| 9555 | 10% { | 9560 | 10% { |
| 9556 | opacity: 0.5; | 9561 | opacity: 0.5; |
| 9557 | filter: alpha(opacity=50); | 9562 | filter: alpha(opacity=50); |
| 9558 | } | 9563 | } |
| 9559 | 20% { | 9564 | 20% { |
| 9560 | -webkit-transform: translate(0, 0); | 9565 | -webkit-transform: translate(0, 0); |
| 9561 | -ms-transform: translate(0, 0); | 9566 | -ms-transform: translate(0, 0); |
| 9562 | -o-transform: translate(0, 0); | 9567 | -o-transform: translate(0, 0); |
| 9563 | transform: translate(0, 0); | 9568 | transform: translate(0, 0); |
| 9564 | opacity: 1; | 9569 | opacity: 1; |
| 9565 | filter: alpha(opacity=100); | 9570 | filter: alpha(opacity=100); |
| 9566 | } | 9571 | } |
| 9567 | 80% { | 9572 | 80% { |
| 9568 | -webkit-transform: translate(0, 0); | 9573 | -webkit-transform: translate(0, 0); |
| 9569 | -ms-transform: translate(0, 0); | 9574 | -ms-transform: translate(0, 0); |
| 9570 | -o-transform: translate(0, 0); | 9575 | -o-transform: translate(0, 0); |
| 9571 | transform: translate(0, 0); | 9576 | transform: translate(0, 0); |
| 9572 | opacity: 1; | 9577 | opacity: 1; |
| 9573 | filter: alpha(opacity=100); | 9578 | filter: alpha(opacity=100); |
| 9574 | } | 9579 | } |
| 9575 | 90% { | 9580 | 90% { |
| 9576 | opacity: 0.5; | 9581 | opacity: 0.5; |
| 9577 | filter: alpha(opacity=50); | 9582 | filter: alpha(opacity=50); |
| 9578 | } | 9583 | } |
| 9579 | 100% { | 9584 | 100% { |
| 9580 | -webkit-transform: translate(0, 145%); | 9585 | -webkit-transform: translate(0, 145%); |
| 9581 | -ms-transform: translate(0, 145%); | 9586 | -ms-transform: translate(0, 145%); |
| 9582 | -o-transform: translate(0, 145%); | 9587 | -o-transform: translate(0, 145%); |
| 9583 | transform: translate(0, 145%); | 9588 | transform: translate(0, 145%); |
| 9584 | opacity: 0; | 9589 | opacity: 0; |
| 9585 | filter: alpha(opacity=0); | 9590 | filter: alpha(opacity=0); |
| 9586 | } | 9591 | } |
| 9587 | } | 9592 | } |
| 9588 | /* ------------------------------------------------------------------------------ | 9593 | /* ------------------------------------------------------------------------------ |
| 9589 | * | 9594 | * |
| 9590 | * # Bootbox modal extension | 9595 | * # Bootbox modal extension |
| 9591 | * | 9596 | * |
| 9592 | * Styles for bootbox.min.js - advanced Bootstrap modals | 9597 | * Styles for bootbox.min.js - advanced Bootstrap modals |
| 9593 | * | 9598 | * |
| 9594 | * Version: 1.0 | 9599 | * Version: 1.0 |
| 9595 | * Latest update: Oct 9, 2015 | 9600 | * Latest update: Oct 9, 2015 |
| 9596 | * | 9601 | * |
| 9597 | * ---------------------------------------------------------------------------- */ | 9602 | * ---------------------------------------------------------------------------- */ |
| 9598 | .bootbox .modal-title { | 9603 | .bootbox .modal-title { |
| 9599 | font-size: 15px; | 9604 | font-size: 15px; |
| 9600 | } | 9605 | } |
| 9601 | /* ------------------------------------------------------------------------------ | 9606 | /* ------------------------------------------------------------------------------ |
| 9602 | * | 9607 | * |
| 9603 | * # jQuery UI slider pips | 9608 | * # jQuery UI slider pips |
| 9604 | * | 9609 | * |
| 9605 | * Styles for jQuery UI slider pips extension | 9610 | * Styles for jQuery UI slider pips extension |
| 9606 | * | 9611 | * |
| 9607 | * Version: 1.1 | 9612 | * Version: 1.1 |
| 9608 | * Latest update: Nov 15, 2015 | 9613 | * Latest update: Nov 15, 2015 |
| 9609 | * | 9614 | * |
| 9610 | * ---------------------------------------------------------------------------- */ | 9615 | * ---------------------------------------------------------------------------- */ |
| 9611 | /* # Pips | 9616 | /* # Pips |
| 9612 | -------------------------------------------------- */ | 9617 | -------------------------------------------------- */ |
| 9613 | .ui-slider-pips.ui-slider-horizontal { | 9618 | .ui-slider-pips.ui-slider-horizontal { |
| 9614 | margin-bottom: 32px; | 9619 | margin-bottom: 32px; |
| 9615 | margin-left: 10px; | 9620 | margin-left: 10px; |
| 9616 | margin-right: 10px; | 9621 | margin-right: 10px; |
| 9617 | } | 9622 | } |
| 9618 | .ui-slider-pips .ui-slider-label, | 9623 | .ui-slider-pips .ui-slider-label, |
| 9619 | .ui-slider-pips .ui-slider-pip-hide { | 9624 | .ui-slider-pips .ui-slider-pip-hide { |
| 9620 | display: none; | 9625 | display: none; |
| 9621 | } | 9626 | } |
| 9622 | .ui-slider-pips .ui-slider-pip-label .ui-slider-label { | 9627 | .ui-slider-pips .ui-slider-pip-label .ui-slider-label { |
| 9623 | display: block; | 9628 | display: block; |
| 9624 | } | 9629 | } |
| 9625 | .ui-slider-pips .ui-slider-pip { | 9630 | .ui-slider-pips .ui-slider-pip { |
| 9626 | height: 10px; | 9631 | height: 10px; |
| 9627 | line-height: 10px; | 9632 | line-height: 10px; |
| 9628 | font-size: 85%; | 9633 | font-size: 85%; |
| 9629 | width: 20px; | 9634 | width: 20px; |
| 9630 | margin-left: -11px; | 9635 | margin-left: -11px; |
| 9631 | position: absolute; | 9636 | position: absolute; |
| 9632 | overflow: visible; | 9637 | overflow: visible; |
| 9633 | text-align: center; | 9638 | text-align: center; |
| 9634 | top: 20px; | 9639 | top: 20px; |
| 9635 | left: 20px; | 9640 | left: 20px; |
| 9636 | cursor: pointer; | 9641 | cursor: pointer; |
| 9637 | -webkit-touch-callout: none; | 9642 | -webkit-touch-callout: none; |
| 9638 | -webkit-user-select: none; | 9643 | -webkit-user-select: none; |
| 9639 | -moz-user-select: none; | 9644 | -moz-user-select: none; |
| 9640 | -ms-user-select: none; | 9645 | -ms-user-select: none; |
| 9641 | user-select: none; | 9646 | user-select: none; |
| 9642 | } | 9647 | } |
| 9643 | .ui-slider-pips .ui-slider-pip:hover .ui-slider-label { | 9648 | .ui-slider-pips .ui-slider-pip:hover .ui-slider-label { |
| 9644 | font-weight: 500; | 9649 | font-weight: 500; |
| 9645 | } | 9650 | } |
| 9646 | .ui-slider-pips .ui-slider-line { | 9651 | .ui-slider-pips .ui-slider-line { |
| 9647 | background-color: #999; | 9652 | background-color: #999; |
| 9648 | width: 1px; | 9653 | width: 1px; |
| 9649 | height: 3px; | 9654 | height: 3px; |
| 9650 | position: absolute; | 9655 | position: absolute; |
| 9651 | left: 50%; | 9656 | left: 50%; |
| 9652 | } | 9657 | } |
| 9653 | .ui-slider-pips .ui-slider-label { | 9658 | .ui-slider-pips .ui-slider-label { |
| 9654 | position: absolute; | 9659 | position: absolute; |
| 9655 | top: 8px; | 9660 | top: 8px; |
| 9656 | left: 50%; | 9661 | left: 50%; |
| 9657 | width: 20px; | 9662 | width: 20px; |
| 9658 | margin-left: -10px; | 9663 | margin-left: -10px; |
| 9659 | } | 9664 | } |
| 9660 | .ui-slider-pips.ui-slider-vertical { | 9665 | .ui-slider-pips.ui-slider-vertical { |
| 9661 | margin: 10px 40px 10px 10px; | 9666 | margin: 10px 40px 10px 10px; |
| 9662 | } | 9667 | } |
| 9663 | .ui-slider-pips.ui-slider-vertical .ui-slider-pip { | 9668 | .ui-slider-pips.ui-slider-vertical .ui-slider-pip { |
| 9664 | text-align: left; | 9669 | text-align: left; |
| 9665 | top: auto; | 9670 | top: auto; |
| 9666 | left: 18px; | 9671 | left: 18px; |
| 9667 | margin-left: 0; | 9672 | margin-left: 0; |
| 9668 | margin-bottom: -4px; | 9673 | margin-bottom: -4px; |
| 9669 | } | 9674 | } |
| 9670 | .ui-slider-pips.ui-slider-vertical .ui-slider-line { | 9675 | .ui-slider-pips.ui-slider-vertical .ui-slider-line { |
| 9671 | width: 3px; | 9676 | width: 3px; |
| 9672 | height: 1px; | 9677 | height: 1px; |
| 9673 | position: absolute; | 9678 | position: absolute; |
| 9674 | top: 50%; | 9679 | top: 50%; |
| 9675 | left: 0; | 9680 | left: 0; |
| 9676 | } | 9681 | } |
| 9677 | .ui-slider-pips.ui-slider-vertical .ui-slider-label { | 9682 | .ui-slider-pips.ui-slider-vertical .ui-slider-label { |
| 9678 | top: 50%; | 9683 | top: 50%; |
| 9679 | margin-left: 0; | 9684 | margin-left: 0; |
| 9680 | margin-top: -5px; | 9685 | margin-top: -5px; |
| 9681 | width: 20px; | 9686 | width: 20px; |
| 9682 | left: 5px; | 9687 | left: 5px; |
| 9683 | } | 9688 | } |
| 9684 | /* # Tooltips | 9689 | /* # Tooltips |
| 9685 | -------------------------------------------------- */ | 9690 | -------------------------------------------------- */ |
| 9686 | .ui-slider-float .ui-slider-handle:focus, | 9691 | .ui-slider-float .ui-slider-handle:focus, |
| 9687 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, | 9692 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, |
| 9688 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { | 9693 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { |
| 9689 | outline: 0; | 9694 | outline: 0; |
| 9690 | } | 9695 | } |
| 9691 | .ui-slider-float .ui-slider-tip, | 9696 | .ui-slider-float .ui-slider-tip, |
| 9692 | .ui-slider-float .ui-slider-tip-label { | 9697 | .ui-slider-float .ui-slider-tip-label { |
| 9693 | position: absolute; | 9698 | position: absolute; |
| 9694 | visibility: hidden; | 9699 | visibility: hidden; |
| 9695 | top: -45px; | 9700 | top: -45px; |
| 9696 | display: block; | 9701 | display: block; |
| 9697 | width: 34px; | 9702 | width: 34px; |
| 9698 | margin-left: -16px; | 9703 | margin-left: -16px; |
| 9699 | left: 50%; | 9704 | left: 50%; |
| 9700 | height: 30px; | 9705 | height: 30px; |
| 9701 | line-height: 32px; | 9706 | line-height: 32px; |
| 9702 | background: #333333; | 9707 | background: #333333; |
| 9703 | border-radius: 3px; | 9708 | border-radius: 3px; |
| 9704 | text-align: center; | 9709 | text-align: center; |
| 9705 | font-size: 12px; | 9710 | font-size: 12px; |
| 9706 | color: #fff; | 9711 | color: #fff; |
| 9707 | opacity: 0; | 9712 | opacity: 0; |
| 9708 | filter: alpha(opacity=0); | 9713 | filter: alpha(opacity=0); |
| 9709 | -webkit-transition: all ease-in-out 0.2s 0.2s; | 9714 | -webkit-transition: all ease-in-out 0.2s 0.2s; |
| 9710 | -o-transition: all ease-in-out 0.2s 0.2s; | 9715 | -o-transition: all ease-in-out 0.2s 0.2s; |
| 9711 | transition: all ease-in-out 0.2s 0.2s; | 9716 | transition: all ease-in-out 0.2s 0.2s; |
| 9712 | } | 9717 | } |
| 9713 | .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, | 9718 | .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, |
| 9714 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip { | 9719 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip { |
| 9715 | top: -40px; | 9720 | top: -40px; |
| 9716 | visibility: visible; | 9721 | visibility: visible; |
| 9717 | opacity: 1; | 9722 | opacity: 1; |
| 9718 | filter: alpha(opacity=100); | 9723 | filter: alpha(opacity=100); |
| 9719 | -webkit-transition-delay: 0.2s; | 9724 | -webkit-transition-delay: 0.2s; |
| 9720 | transition-delay: 0.2s; | 9725 | transition-delay: 0.2s; |
| 9721 | } | 9726 | } |
| 9722 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label { | 9727 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label { |
| 9723 | top: 42px; | 9728 | top: 42px; |
| 9724 | } | 9729 | } |
| 9725 | .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { | 9730 | .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { |
| 9726 | top: 32px; | 9731 | top: 32px; |
| 9727 | font-weight: normal; | 9732 | font-weight: normal; |
| 9728 | } | 9733 | } |
| 9729 | .ui-slider-float .ui-slider-tip:after, | 9734 | .ui-slider-float .ui-slider-tip:after, |
| 9730 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { | 9735 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { |
| 9731 | content: ''; | 9736 | content: ''; |
| 9732 | width: 0; | 9737 | width: 0; |
| 9733 | height: 0; | 9738 | height: 0; |
| 9734 | border: 5px solid transparent; | 9739 | border: 5px solid transparent; |
| 9735 | border-top-color: #333333; | 9740 | border-top-color: #333333; |
| 9736 | position: absolute; | 9741 | position: absolute; |
| 9737 | bottom: -10px; | 9742 | bottom: -10px; |
| 9738 | left: 50%; | 9743 | left: 50%; |
| 9739 | margin-left: -5px; | 9744 | margin-left: -5px; |
| 9740 | } | 9745 | } |
| 9741 | .ui-slider-float.ui-slider-vertical .ui-slider-tip, | 9746 | .ui-slider-float.ui-slider-vertical .ui-slider-tip, |
| 9742 | .ui-slider-float.ui-slider-vertical .ui-slider-tip-label { | 9747 | .ui-slider-float.ui-slider-vertical .ui-slider-tip-label { |
| 9743 | top: 50%; | 9748 | top: 50%; |
| 9744 | margin-top: -16px; | 9749 | margin-top: -16px; |
| 9745 | width: 34px; | 9750 | width: 34px; |
| 9746 | margin-left: 0px; | 9751 | margin-left: 0px; |
| 9747 | left: -50px; | 9752 | left: -50px; |
| 9748 | -webkit-transition: all ease-in-out 0.2s 0.2s; | 9753 | -webkit-transition: all ease-in-out 0.2s 0.2s; |
| 9749 | -o-transition: all ease-in-out 0.2s 0.2s; | 9754 | -o-transition: all ease-in-out 0.2s 0.2s; |
| 9750 | transition: all ease-in-out 0.2s 0.2s; | 9755 | transition: all ease-in-out 0.2s 0.2s; |
| 9751 | } | 9756 | } |
| 9752 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip, | 9757 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip, |
| 9753 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip, | 9758 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip, |
| 9754 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label, | 9759 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label, |
| 9755 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label { | 9760 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label { |
| 9756 | top: 50%; | 9761 | top: 50%; |
| 9757 | margin-top: -16px; | 9762 | margin-top: -16px; |
| 9758 | left: -45px; | 9763 | left: -45px; |
| 9759 | } | 9764 | } |
| 9760 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label { | 9765 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label { |
| 9761 | left: 47px; | 9766 | left: 47px; |
| 9762 | } | 9767 | } |
| 9763 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label { | 9768 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label { |
| 9764 | left: 37px; | 9769 | left: 37px; |
| 9765 | } | 9770 | } |
| 9766 | .ui-slider-float.ui-slider-vertical .ui-slider-tip:after, | 9771 | .ui-slider-float.ui-slider-vertical .ui-slider-tip:after, |
| 9767 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after { | 9772 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after { |
| 9768 | border-left-color: #333333; | 9773 | border-left-color: #333333; |
| 9769 | bottom: 9px; | 9774 | bottom: 9px; |
| 9770 | left: auto; | 9775 | left: auto; |
| 9771 | margin-right: -9px; | 9776 | margin-right: -9px; |
| 9772 | border-top-color: transparent; | 9777 | border-top-color: transparent; |
| 9773 | right: 0; | 9778 | right: 0; |
| 9774 | margin-left: 0; | 9779 | margin-left: 0; |
| 9775 | } | 9780 | } |
| 9776 | /* ------------------------------------------------------------------------------ | 9781 | /* ------------------------------------------------------------------------------ |
| 9777 | * | 9782 | * |
| 9778 | * # NoUI slider | 9783 | * # NoUI slider |
| 9779 | * | 9784 | * |
| 9780 | * Styles for NoUI range slider plugin | 9785 | * Styles for NoUI range slider plugin |
| 9781 | * | 9786 | * |
| 9782 | * Version: 1.1 | 9787 | * Version: 1.1 |
| 9783 | * Latest update: Mar 10, 2016 | 9788 | * Latest update: Mar 10, 2016 |
| 9784 | * | 9789 | * |
| 9785 | * ---------------------------------------------------------------------------- */ | 9790 | * ---------------------------------------------------------------------------- */ |
| 9786 | .noUi-target { | 9791 | .noUi-target { |
| 9787 | border-radius: 100px; | 9792 | border-radius: 100px; |
| 9788 | position: relative; | 9793 | position: relative; |
| 9789 | direction: ltr; | 9794 | direction: ltr; |
| 9790 | } | 9795 | } |
| 9791 | .noUi-target, | 9796 | .noUi-target, |
| 9792 | .noUi-target * { | 9797 | .noUi-target * { |
| 9793 | -webkit-user-select: none; | 9798 | -webkit-user-select: none; |
| 9794 | -moz-user-select: none; | 9799 | -moz-user-select: none; |
| 9795 | -ms-user-select: none; | 9800 | -ms-user-select: none; |
| 9796 | user-select: none; | 9801 | user-select: none; |
| 9797 | } | 9802 | } |
| 9798 | .noUi-base { | 9803 | .noUi-base { |
| 9799 | width: 100%; | 9804 | width: 100%; |
| 9800 | height: 100%; | 9805 | height: 100%; |
| 9801 | position: relative; | 9806 | position: relative; |
| 9802 | } | 9807 | } |
| 9803 | .noUi-origin { | 9808 | .noUi-origin { |
| 9804 | position: absolute; | 9809 | position: absolute; |
| 9805 | right: 0; | 9810 | right: 0; |
| 9806 | top: 0; | 9811 | top: 0; |
| 9807 | left: 0; | 9812 | left: 0; |
| 9808 | bottom: 0; | 9813 | bottom: 0; |
| 9809 | border-radius: 100px; | 9814 | border-radius: 100px; |
| 9810 | } | 9815 | } |
| 9811 | .noUi-state-drag * { | 9816 | .noUi-state-drag * { |
| 9812 | cursor: inherit !important; | 9817 | cursor: inherit !important; |
| 9813 | } | 9818 | } |
| 9814 | .noUi-background { | 9819 | .noUi-background { |
| 9815 | background-color: #eeeeee; | 9820 | background-color: #eeeeee; |
| 9816 | } | 9821 | } |
| 9817 | .noUi-connect { | 9822 | .noUi-connect { |
| 9818 | background-color: #5C6BC0; | 9823 | background-color: #5C6BC0; |
| 9819 | } | 9824 | } |
| 9820 | [disabled] .noUI-background { | 9825 | [disabled] .noUI-background { |
| 9821 | opacity: 0.75; | 9826 | opacity: 0.75; |
| 9822 | filter: alpha(opacity=75); | 9827 | filter: alpha(opacity=75); |
| 9823 | } | 9828 | } |
| 9824 | [disabled] .noUi-handle { | 9829 | [disabled] .noUi-handle { |
| 9825 | cursor: not-allowed; | 9830 | cursor: not-allowed; |
| 9826 | } | 9831 | } |
| 9827 | [disabled] .noUi-handle:focus, | 9832 | [disabled] .noUi-handle:focus, |
| 9828 | [disabled] .noUi-handle:active { | 9833 | [disabled] .noUi-handle:active { |
| 9829 | -webkit-transform: scale(1.25); | 9834 | -webkit-transform: scale(1.25); |
| 9830 | -ms-transform: scale(1.25); | 9835 | -ms-transform: scale(1.25); |
| 9831 | -o-transform: scale(1.25); | 9836 | -o-transform: scale(1.25); |
| 9832 | transform: scale(1.25); | 9837 | transform: scale(1.25); |
| 9833 | -webkit-box-shadow: none; | 9838 | -webkit-box-shadow: none; |
| 9834 | box-shadow: none; | 9839 | box-shadow: none; |
| 9835 | } | 9840 | } |
| 9836 | .noUi-horizontal { | 9841 | .noUi-horizontal { |
| 9837 | height: 4px; | 9842 | height: 4px; |
| 9838 | } | 9843 | } |
| 9839 | .noUi-horizontal .noUi-handle { | 9844 | .noUi-horizontal .noUi-handle { |
| 9840 | top: -4px; | 9845 | top: -4px; |
| 9841 | left: -6px; | 9846 | left: -6px; |
| 9842 | } | 9847 | } |
| 9843 | .noUi-horizontal.noUi-extended { | 9848 | .noUi-horizontal.noUi-extended { |
| 9844 | padding: 0 15px; | 9849 | padding: 0 15px; |
| 9845 | } | 9850 | } |
| 9846 | .noUi-horizontal.noUi-extended .noUi-origin { | 9851 | .noUi-horizontal.noUi-extended .noUi-origin { |
| 9847 | right: -15px; | 9852 | right: -15px; |
| 9848 | } | 9853 | } |
| 9849 | .noUi-horizontal.has-pips { | 9854 | .noUi-horizontal.has-pips { |
| 9850 | margin-bottom: 35px; | 9855 | margin-bottom: 35px; |
| 9851 | } | 9856 | } |
| 9852 | .noUi-vertical { | 9857 | .noUi-vertical { |
| 9853 | display: inline-block; | 9858 | display: inline-block; |
| 9854 | width: 4px; | 9859 | width: 4px; |
| 9855 | height: 150px; | 9860 | height: 150px; |
| 9856 | } | 9861 | } |
| 9857 | .noUi-vertical + .noUi-vertical { | 9862 | .noUi-vertical + .noUi-vertical { |
| 9858 | margin-left: 20px; | 9863 | margin-left: 20px; |
| 9859 | } | 9864 | } |
| 9860 | .noUi-vertical .noUi-handle { | 9865 | .noUi-vertical .noUi-handle { |
| 9861 | top: -6px; | 9866 | top: -6px; |
| 9862 | left: -4px; | 9867 | left: -4px; |
| 9863 | } | 9868 | } |
| 9864 | .noUi-vertical.noUi-extended { | 9869 | .noUi-vertical.noUi-extended { |
| 9865 | padding: 15px 0; | 9870 | padding: 15px 0; |
| 9866 | } | 9871 | } |
| 9867 | .noUi-vertical.noUi-extended .noUi-origin { | 9872 | .noUi-vertical.noUi-extended .noUi-origin { |
| 9868 | bottom: -15px; | 9873 | bottom: -15px; |
| 9869 | } | 9874 | } |
| 9870 | .noUi-vertical.has-pips { | 9875 | .noUi-vertical.has-pips { |
| 9871 | margin-right: 35px; | 9876 | margin-right: 35px; |
| 9872 | } | 9877 | } |
| 9873 | .noUi-dragable { | 9878 | .noUi-dragable { |
| 9874 | cursor: w-resize; | 9879 | cursor: w-resize; |
| 9875 | } | 9880 | } |
| 9876 | .noUi-vertical .noUi-dragable { | 9881 | .noUi-vertical .noUi-dragable { |
| 9877 | cursor: n-resize; | 9882 | cursor: n-resize; |
| 9878 | } | 9883 | } |
| 9879 | .noUi-handle { | 9884 | .noUi-handle { |
| 9880 | width: 12px; | 9885 | width: 12px; |
| 9881 | height: 12px; | 9886 | height: 12px; |
| 9882 | background-color: #5C6BC0; | 9887 | background-color: #5C6BC0; |
| 9883 | cursor: pointer; | 9888 | cursor: pointer; |
| 9884 | position: relative; | 9889 | position: relative; |
| 9885 | z-index: 1; | 9890 | z-index: 1; |
| 9886 | border-radius: 50%; | 9891 | border-radius: 50%; |
| 9887 | -webkit-transform: scale(1); | 9892 | -webkit-transform: scale(1); |
| 9888 | -ms-transform: scale(1); | 9893 | -ms-transform: scale(1); |
| 9889 | -o-transform: scale(1); | 9894 | -o-transform: scale(1); |
| 9890 | transform: scale(1); | 9895 | transform: scale(1); |
| 9891 | } | 9896 | } |
| 9892 | .noUi-stacking .noUi-handle { | 9897 | .noUi-stacking .noUi-handle { |
| 9893 | z-index: 10; | 9898 | z-index: 10; |
| 9894 | } | 9899 | } |
| 9895 | .noUi-handle:hover { | 9900 | .noUi-handle:hover { |
| 9896 | -webkit-transform: scale(1.25); | 9901 | -webkit-transform: scale(1.25); |
| 9897 | -ms-transform: scale(1.25); | 9902 | -ms-transform: scale(1.25); |
| 9898 | -o-transform: scale(1.25); | 9903 | -o-transform: scale(1.25); |
| 9899 | transform: scale(1.25); | 9904 | transform: scale(1.25); |
| 9900 | } | 9905 | } |
| 9901 | .noUi-handle:focus, | 9906 | .noUi-handle:focus, |
| 9902 | .noUi-handle:active { | 9907 | .noUi-handle:active { |
| 9903 | -webkit-transform: scale(1.5); | 9908 | -webkit-transform: scale(1.5); |
| 9904 | -ms-transform: scale(1.5); | 9909 | -ms-transform: scale(1.5); |
| 9905 | -o-transform: scale(1.5); | 9910 | -o-transform: scale(1.5); |
| 9906 | transform: scale(1.5); | 9911 | transform: scale(1.5); |
| 9907 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 9912 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 9908 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 9913 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 9909 | } | 9914 | } |
| 9910 | .noui-slider-white .noUi-handle { | 9915 | .noui-slider-white .noUi-handle { |
| 9911 | background-color: #fff!important; | 9916 | background-color: #fff!important; |
| 9912 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 9917 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 9913 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 9918 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 9914 | } | 9919 | } |
| 9915 | .noui-slider-white .noUi-handle:focus, | 9920 | .noui-slider-white .noUi-handle:focus, |
| 9916 | .noui-slider-white .noUi-handle:active { | 9921 | .noui-slider-white .noUi-handle:active { |
| 9917 | -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; | 9922 | -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; |
| 9918 | box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; | 9923 | box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; |
| 9919 | } | 9924 | } |
| 9920 | .noui-slider-lg .noUi-handle { | 9925 | .noui-slider-lg .noUi-handle { |
| 9921 | width: 15px; | 9926 | width: 15px; |
| 9922 | height: 15px; | 9927 | height: 15px; |
| 9923 | top: -5px; | 9928 | top: -5px; |
| 9924 | } | 9929 | } |
| 9925 | .noui-slider-lg.noui-slider-circle .noUi-handle:after { | 9930 | .noui-slider-lg.noui-slider-circle .noUi-handle:after { |
| 9926 | width: 5px; | 9931 | width: 5px; |
| 9927 | height: 5px; | 9932 | height: 5px; |
| 9928 | margin-top: -2.5px; | 9933 | margin-top: -2.5px; |
| 9929 | margin-left: -2.5px; | 9934 | margin-left: -2.5px; |
| 9930 | } | 9935 | } |
| 9931 | .noui-slider-lg.noUi-horizontal { | 9936 | .noui-slider-lg.noUi-horizontal { |
| 9932 | height: 5px; | 9937 | height: 5px; |
| 9933 | } | 9938 | } |
| 9934 | .noui-slider-lg.noUi-horizontal .noUi-handle { | 9939 | .noui-slider-lg.noUi-horizontal .noUi-handle { |
| 9935 | left: -7.5px; | 9940 | left: -7.5px; |
| 9936 | } | 9941 | } |
| 9937 | .noui-slider-lg.noUi-vertical { | 9942 | .noui-slider-lg.noUi-vertical { |
| 9938 | width: 5px; | 9943 | width: 5px; |
| 9939 | } | 9944 | } |
| 9940 | .noui-slider-lg.noUi-vertical .noUi-handle { | 9945 | .noui-slider-lg.noUi-vertical .noUi-handle { |
| 9941 | top: -7.5px; | 9946 | top: -7.5px; |
| 9942 | left: -5px; | 9947 | left: -5px; |
| 9943 | } | 9948 | } |
| 9944 | .noui-slider-sm.noUi-horizontal { | 9949 | .noui-slider-sm.noUi-horizontal { |
| 9945 | height: 3px; | 9950 | height: 3px; |
| 9946 | } | 9951 | } |
| 9947 | .noui-slider-sm.noUi-horizontal .noUi-handle { | 9952 | .noui-slider-sm.noUi-horizontal .noUi-handle { |
| 9948 | top: -4.5px; | 9953 | top: -4.5px; |
| 9949 | left: -6px; | 9954 | left: -6px; |
| 9950 | } | 9955 | } |
| 9951 | .noui-slider-sm.noUi-vertical { | 9956 | .noui-slider-sm.noUi-vertical { |
| 9952 | width: 3px; | 9957 | width: 3px; |
| 9953 | } | 9958 | } |
| 9954 | .noui-slider-sm.noUi-vertical .noUi-handle { | 9959 | .noui-slider-sm.noUi-vertical .noUi-handle { |
| 9955 | top: -6px; | 9960 | top: -6px; |
| 9956 | left: -4.5px; | 9961 | left: -4.5px; |
| 9957 | } | 9962 | } |
| 9958 | .noui-slider-xs.noUi-horizontal { | 9963 | .noui-slider-xs.noUi-horizontal { |
| 9959 | height: 2px; | 9964 | height: 2px; |
| 9960 | } | 9965 | } |
| 9961 | .noui-slider-xs.noUi-horizontal .noUi-handle { | 9966 | .noui-slider-xs.noUi-horizontal .noUi-handle { |
| 9962 | top: -5px; | 9967 | top: -5px; |
| 9963 | left: -6px; | 9968 | left: -6px; |
| 9964 | } | 9969 | } |
| 9965 | .noui-slider-xs.noUi-vertical { | 9970 | .noui-slider-xs.noUi-vertical { |
| 9966 | width: 2px; | 9971 | width: 2px; |
| 9967 | } | 9972 | } |
| 9968 | .noui-slider-xs.noUi-vertical .noUi-handle { | 9973 | .noui-slider-xs.noUi-vertical .noUi-handle { |
| 9969 | top: -6px; | 9974 | top: -6px; |
| 9970 | left: -5px; | 9975 | left: -5px; |
| 9971 | } | 9976 | } |
| 9972 | .noui-slider-circle .noUi-handle { | 9977 | .noui-slider-circle .noUi-handle { |
| 9973 | background-color: #999999; | 9978 | background-color: #999999; |
| 9974 | border-color: #999999; | 9979 | border-color: #999999; |
| 9975 | -webkit-box-shadow: none; | 9980 | -webkit-box-shadow: none; |
| 9976 | box-shadow: none; | 9981 | box-shadow: none; |
| 9977 | } | 9982 | } |
| 9978 | .noui-slider-circle .noUi-handle:after { | 9983 | .noui-slider-circle .noUi-handle:after { |
| 9979 | content: ''; | 9984 | content: ''; |
| 9980 | display: inline-block; | 9985 | display: inline-block; |
| 9981 | width: 4px; | 9986 | width: 4px; |
| 9982 | height: 4px; | 9987 | height: 4px; |
| 9983 | background-color: #fff; | 9988 | background-color: #fff; |
| 9984 | position: absolute; | 9989 | position: absolute; |
| 9985 | top: 50%; | 9990 | top: 50%; |
| 9986 | left: 50%; | 9991 | left: 50%; |
| 9987 | margin-top: -2px; | 9992 | margin-top: -2px; |
| 9988 | margin-left: -2px; | 9993 | margin-left: -2px; |
| 9989 | border-radius: 100px; | 9994 | border-radius: 100px; |
| 9990 | } | 9995 | } |
| 9991 | .noui-slider-primary .noUi-connect, | 9996 | .noui-slider-primary .noUi-connect, |
| 9992 | .noui-slider-primary.noUi-connect { | 9997 | .noui-slider-primary.noUi-connect { |
| 9993 | background-color: #2196F3; | 9998 | background-color: #2196F3; |
| 9994 | } | 9999 | } |
| 9995 | .noui-slider-primary .noUi-handle { | 10000 | .noui-slider-primary .noUi-handle { |
| 9996 | background-color: #2196F3; | 10001 | background-color: #2196F3; |
| 9997 | } | 10002 | } |
| 9998 | .noui-slider-primary .noUi-handle:focus, | 10003 | .noui-slider-primary .noUi-handle:focus, |
| 9999 | .noui-slider-primary .noUi-handle:active { | 10004 | .noui-slider-primary .noUi-handle:active { |
| 10000 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 10005 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 10001 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 10006 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 10002 | } | 10007 | } |
| 10003 | .noui-slider-danger .noUi-connect, | 10008 | .noui-slider-danger .noUi-connect, |
| 10004 | .noui-slider-danger.noUi-connect { | 10009 | .noui-slider-danger.noUi-connect { |
| 10005 | background-color: #F44336; | 10010 | background-color: #F44336; |
| 10006 | } | 10011 | } |
| 10007 | .noui-slider-danger .noUi-handle { | 10012 | .noui-slider-danger .noUi-handle { |
| 10008 | background-color: #F44336; | 10013 | background-color: #F44336; |
| 10009 | } | 10014 | } |
| 10010 | .noui-slider-danger .noUi-handle:focus, | 10015 | .noui-slider-danger .noUi-handle:focus, |
| 10011 | .noui-slider-danger .noUi-handle:active { | 10016 | .noui-slider-danger .noUi-handle:active { |
| 10012 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 10017 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 10013 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 10018 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 10014 | } | 10019 | } |
| 10015 | .noui-slider-success .noUi-connect, | 10020 | .noui-slider-success .noUi-connect, |
| 10016 | .noui-slider-success.noUi-connect { | 10021 | .noui-slider-success.noUi-connect { |
| 10017 | background-color: #4CAF50; | 10022 | background-color: #4CAF50; |
| 10018 | } | 10023 | } |
| 10019 | .noui-slider-success .noUi-handle { | 10024 | .noui-slider-success .noUi-handle { |
| 10020 | background-color: #4CAF50; | 10025 | background-color: #4CAF50; |
| 10021 | } | 10026 | } |
| 10022 | .noui-slider-success .noUi-handle:focus, | 10027 | .noui-slider-success .noUi-handle:focus, |
| 10023 | .noui-slider-success .noUi-handle:active { | 10028 | .noui-slider-success .noUi-handle:active { |
| 10024 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 10029 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 10025 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 10030 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 10026 | } | 10031 | } |
| 10027 | .noui-slider-warning .noUi-connect, | 10032 | .noui-slider-warning .noUi-connect, |
| 10028 | .noui-slider-warning.noUi-connect { | 10033 | .noui-slider-warning.noUi-connect { |
| 10029 | background-color: #FF5722; | 10034 | background-color: #FF5722; |
| 10030 | } | 10035 | } |
| 10031 | .noui-slider-warning .noUi-handle { | 10036 | .noui-slider-warning .noUi-handle { |
| 10032 | background-color: #FF5722; | 10037 | background-color: #FF5722; |
| 10033 | } | 10038 | } |
| 10034 | .noui-slider-warning .noUi-handle:focus, | 10039 | .noui-slider-warning .noUi-handle:focus, |
| 10035 | .noui-slider-warning .noUi-handle:active { | 10040 | .noui-slider-warning .noUi-handle:active { |
| 10036 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 10041 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 10037 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 10042 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 10038 | } | 10043 | } |
| 10039 | .noui-slider-info .noUi-connect, | 10044 | .noui-slider-info .noUi-connect, |
| 10040 | .noui-slider-info.noUi-connect { | 10045 | .noui-slider-info.noUi-connect { |
| 10041 | background-color: #00BCD4; | 10046 | background-color: #00BCD4; |
| 10042 | } | 10047 | } |
| 10043 | .noui-slider-info .noUi-handle { | 10048 | .noui-slider-info .noUi-handle { |
| 10044 | background-color: #00BCD4; | 10049 | background-color: #00BCD4; |
| 10045 | } | 10050 | } |
| 10046 | .noui-slider-info .noUi-handle:focus, | 10051 | .noui-slider-info .noUi-handle:focus, |
| 10047 | .noui-slider-info .noUi-handle:active { | 10052 | .noui-slider-info .noUi-handle:active { |
| 10048 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 10053 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 10049 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 10054 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 10050 | } | 10055 | } |
| 10051 | .noUi-tooltip { | 10056 | .noUi-tooltip { |
| 10052 | display: none; | 10057 | display: none; |
| 10053 | position: absolute; | 10058 | position: absolute; |
| 10054 | border-radius: 3px; | 10059 | border-radius: 3px; |
| 10055 | background: #333333; | 10060 | background: #333333; |
| 10056 | color: #fff; | 10061 | color: #fff; |
| 10057 | top: -43px; | 10062 | top: -43px; |
| 10058 | padding: 8px 16px; | 10063 | padding: 8px 16px; |
| 10059 | left: 50%; | 10064 | left: 50%; |
| 10060 | margin-left: -27px; | 10065 | margin-left: -27px; |
| 10061 | text-align: center; | 10066 | text-align: center; |
| 10062 | font-size: 12px; | 10067 | font-size: 12px; |
| 10063 | width: 54px; | 10068 | width: 54px; |
| 10064 | } | 10069 | } |
| 10065 | .noUi-tooltip:after { | 10070 | .noUi-tooltip:after { |
| 10066 | content: ''; | 10071 | content: ''; |
| 10067 | width: 0; | 10072 | width: 0; |
| 10068 | height: 0; | 10073 | height: 0; |
| 10069 | border: 5px solid transparent; | 10074 | border: 5px solid transparent; |
| 10070 | border-top-color: #333333; | 10075 | border-top-color: #333333; |
| 10071 | position: absolute; | 10076 | position: absolute; |
| 10072 | bottom: -10px; | 10077 | bottom: -10px; |
| 10073 | left: 50%; | 10078 | left: 50%; |
| 10074 | margin-left: -5px; | 10079 | margin-left: -5px; |
| 10075 | } | 10080 | } |
| 10076 | .noUi-handle:active .noUi-tooltip { | 10081 | .noUi-handle:active .noUi-tooltip { |
| 10077 | display: block; | 10082 | display: block; |
| 10078 | -webkit-transform: scale(0.75); | 10083 | -webkit-transform: scale(0.75); |
| 10079 | -ms-transform: scale(0.75); | 10084 | -ms-transform: scale(0.75); |
| 10080 | -o-transform: scale(0.75); | 10085 | -o-transform: scale(0.75); |
| 10081 | transform: scale(0.75); | 10086 | transform: scale(0.75); |
| 10082 | } | 10087 | } |
| 10083 | .noUi-pips { | 10088 | .noUi-pips { |
| 10084 | position: absolute; | 10089 | position: absolute; |
| 10085 | color: #999999; | 10090 | color: #999999; |
| 10086 | } | 10091 | } |
| 10087 | .noUi-value { | 10092 | .noUi-value { |
| 10088 | width: 40px; | 10093 | width: 40px; |
| 10089 | position: absolute; | 10094 | position: absolute; |
| 10090 | text-align: center; | 10095 | text-align: center; |
| 10091 | font-size: 11px; | 10096 | font-size: 11px; |
| 10092 | } | 10097 | } |
| 10093 | .noUi-value-sub { | 10098 | .noUi-value-sub { |
| 10094 | color: #ccc; | 10099 | color: #ccc; |
| 10095 | font-size: 11px; | 10100 | font-size: 11px; |
| 10096 | } | 10101 | } |
| 10097 | .noUi-marker { | 10102 | .noUi-marker { |
| 10098 | position: absolute; | 10103 | position: absolute; |
| 10099 | background-color: #ccc; | 10104 | background-color: #ccc; |
| 10100 | } | 10105 | } |
| 10101 | .noUi-pips-horizontal { | 10106 | .noUi-pips-horizontal { |
| 10102 | padding-top: 10px; | 10107 | padding-top: 10px; |
| 10103 | height: 35px; | 10108 | height: 35px; |
| 10104 | top: 100%; | 10109 | top: 100%; |
| 10105 | left: 0; | 10110 | left: 0; |
| 10106 | width: 100%; | 10111 | width: 100%; |
| 10107 | } | 10112 | } |
| 10108 | .noUi-value-horizontal { | 10113 | .noUi-value-horizontal { |
| 10109 | margin-left: -20px; | 10114 | margin-left: -20px; |
| 10110 | padding-top: 15px; | 10115 | padding-top: 15px; |
| 10111 | } | 10116 | } |
| 10112 | .noUi-value-horizontal.noUi-value-sub { | 10117 | .noUi-value-horizontal.noUi-value-sub { |
| 10113 | padding-top: 10px; | 10118 | padding-top: 10px; |
| 10114 | } | 10119 | } |
| 10115 | .noUi-marker-horizontal.noUi-marker { | 10120 | .noUi-marker-horizontal.noUi-marker { |
| 10116 | width: 1px; | 10121 | width: 1px; |
| 10117 | height: 3px; | 10122 | height: 3px; |
| 10118 | } | 10123 | } |
| 10119 | .noUi-marker-horizontal.noUi-marker-sub { | 10124 | .noUi-marker-horizontal.noUi-marker-sub { |
| 10120 | height: 6px; | 10125 | height: 6px; |
| 10121 | } | 10126 | } |
| 10122 | .noUi-marker-horizontal.noUi-marker-large { | 10127 | .noUi-marker-horizontal.noUi-marker-large { |
| 10123 | height: 10px; | 10128 | height: 10px; |
| 10124 | } | 10129 | } |
| 10125 | .noUi-pips-vertical { | 10130 | .noUi-pips-vertical { |
| 10126 | padding-left: 10px; | 10131 | padding-left: 10px; |
| 10127 | height: 100%; | 10132 | height: 100%; |
| 10128 | top: 0; | 10133 | top: 0; |
| 10129 | left: 100%; | 10134 | left: 100%; |
| 10130 | } | 10135 | } |
| 10131 | .noUi-value-vertical { | 10136 | .noUi-value-vertical { |
| 10132 | width: 15px; | 10137 | width: 15px; |
| 10133 | margin-left: 15px; | 10138 | margin-left: 15px; |
| 10134 | margin-top: -6px; | 10139 | margin-top: -6px; |
| 10135 | } | 10140 | } |
| 10136 | .noUi-marker-vertical.noUi-marker { | 10141 | .noUi-marker-vertical.noUi-marker { |
| 10137 | width: 3px; | 10142 | width: 3px; |
| 10138 | height: 1px; | 10143 | height: 1px; |
| 10139 | } | 10144 | } |
| 10140 | .noUi-marker-vertical.noUi-marker-sub { | 10145 | .noUi-marker-vertical.noUi-marker-sub { |
| 10141 | width: 6px; | 10146 | width: 6px; |
| 10142 | } | 10147 | } |
| 10143 | .noUi-marker-vertical.noUi-marker-large { | 10148 | .noUi-marker-vertical.noUi-marker-large { |
| 10144 | width: 10px; | 10149 | width: 10px; |
| 10145 | } | 10150 | } |
| 10146 | /* ------------------------------------------------------------------------------ | 10151 | /* ------------------------------------------------------------------------------ |
| 10147 | * | 10152 | * |
| 10148 | * # ION Range Slider | 10153 | * # ION Range Slider |
| 10149 | * | 10154 | * |
| 10150 | * Styles for ION range slider plugin | 10155 | * Styles for ION range slider plugin |
| 10151 | * | 10156 | * |
| 10152 | * Version: 1.1 | 10157 | * Version: 1.1 |
| 10153 | * Latest update: Mar 10, 2016 | 10158 | * Latest update: Mar 10, 2016 |
| 10154 | * | 10159 | * |
| 10155 | * ---------------------------------------------------------------------------- */ | 10160 | * ---------------------------------------------------------------------------- */ |
| 10156 | .irs { | 10161 | .irs { |
| 10157 | position: relative; | 10162 | position: relative; |
| 10158 | display: block; | 10163 | display: block; |
| 10159 | height: 43px; | 10164 | height: 43px; |
| 10160 | -webkit-touch-callout: none; | 10165 | -webkit-touch-callout: none; |
| 10161 | -webkit-user-select: none; | 10166 | -webkit-user-select: none; |
| 10162 | -moz-user-select: none; | 10167 | -moz-user-select: none; |
| 10163 | -ms-user-select: none; | 10168 | -ms-user-select: none; |
| 10164 | user-select: none; | 10169 | user-select: none; |
| 10165 | } | 10170 | } |
| 10166 | .irs-hidden-input { | 10171 | .irs-hidden-input { |
| 10167 | position: absolute !important; | 10172 | position: absolute !important; |
| 10168 | display: block !important; | 10173 | display: block !important; |
| 10169 | top: 0 !important; | 10174 | top: 0 !important; |
| 10170 | left: 0 !important; | 10175 | left: 0 !important; |
| 10171 | width: 0 !important; | 10176 | width: 0 !important; |
| 10172 | height: 0 !important; | 10177 | height: 0 !important; |
| 10173 | font-size: 0 !important; | 10178 | font-size: 0 !important; |
| 10174 | line-height: 0 !important; | 10179 | line-height: 0 !important; |
| 10175 | padding: 0 !important; | 10180 | padding: 0 !important; |
| 10176 | margin: 0 !important; | 10181 | margin: 0 !important; |
| 10177 | outline: none !important; | 10182 | outline: none !important; |
| 10178 | z-index: -9999 !important; | 10183 | z-index: -9999 !important; |
| 10179 | background: none !important; | 10184 | background: none !important; |
| 10180 | border-style: solid !important; | 10185 | border-style: solid !important; |
| 10181 | border-color: transparent !important; | 10186 | border-color: transparent !important; |
| 10182 | } | 10187 | } |
| 10183 | .irs-line { | 10188 | .irs-line { |
| 10184 | position: relative; | 10189 | position: relative; |
| 10185 | display: block; | 10190 | display: block; |
| 10186 | overflow: hidden; | 10191 | overflow: hidden; |
| 10187 | outline: none; | 10192 | outline: none; |
| 10188 | height: 4px; | 10193 | height: 4px; |
| 10189 | top: 37px; | 10194 | top: 37px; |
| 10190 | background-color: #eeeeee; | 10195 | background-color: #eeeeee; |
| 10191 | border-radius: 100px; | 10196 | border-radius: 100px; |
| 10192 | } | 10197 | } |
| 10193 | .irs-line-left, | 10198 | .irs-line-left, |
| 10194 | .irs-line-mid, | 10199 | .irs-line-mid, |
| 10195 | .irs-line-right { | 10200 | .irs-line-right { |
| 10196 | position: absolute; | 10201 | position: absolute; |
| 10197 | display: block; | 10202 | display: block; |
| 10198 | top: 0; | 10203 | top: 0; |
| 10199 | } | 10204 | } |
| 10200 | .irs-line-left { | 10205 | .irs-line-left { |
| 10201 | left: 0; | 10206 | left: 0; |
| 10202 | width: 11%; | 10207 | width: 11%; |
| 10203 | } | 10208 | } |
| 10204 | .irs-line-mid { | 10209 | .irs-line-mid { |
| 10205 | left: 9%; | 10210 | left: 9%; |
| 10206 | width: 82%; | 10211 | width: 82%; |
| 10207 | } | 10212 | } |
| 10208 | .irs-line-right { | 10213 | .irs-line-right { |
| 10209 | right: 0; | 10214 | right: 0; |
| 10210 | width: 11%; | 10215 | width: 11%; |
| 10211 | } | 10216 | } |
| 10212 | .irs-bar { | 10217 | .irs-bar { |
| 10213 | position: absolute; | 10218 | position: absolute; |
| 10214 | display: block; | 10219 | display: block; |
| 10215 | top: 37px; | 10220 | top: 37px; |
| 10216 | left: 0; | 10221 | left: 0; |
| 10217 | width: 0; | 10222 | width: 0; |
| 10218 | height: 4px; | 10223 | height: 4px; |
| 10219 | background-color: #5C6BC0; | 10224 | background-color: #5C6BC0; |
| 10220 | border-radius: 100px; | 10225 | border-radius: 100px; |
| 10221 | } | 10226 | } |
| 10222 | .irs-bar-edge { | 10227 | .irs-bar-edge { |
| 10223 | position: absolute; | 10228 | position: absolute; |
| 10224 | display: block; | 10229 | display: block; |
| 10225 | top: 25px; | 10230 | top: 25px; |
| 10226 | left: 0; | 10231 | left: 0; |
| 10227 | height: 12px; | 10232 | height: 12px; |
| 10228 | width: 9px; | 10233 | width: 9px; |
| 10229 | } | 10234 | } |
| 10230 | .irs-shadow { | 10235 | .irs-shadow { |
| 10231 | position: absolute; | 10236 | position: absolute; |
| 10232 | display: none; | 10237 | display: none; |
| 10233 | top: 37px; | 10238 | top: 37px; |
| 10234 | left: 0; | 10239 | left: 0; |
| 10235 | width: 0; | 10240 | width: 0; |
| 10236 | height: 4px; | 10241 | height: 4px; |
| 10237 | background-color: #333333; | 10242 | background-color: #333333; |
| 10238 | border-radius: 100px; | 10243 | border-radius: 100px; |
| 10239 | opacity: 0.25; | 10244 | opacity: 0.25; |
| 10240 | filter: alpha(opacity=25); | 10245 | filter: alpha(opacity=25); |
| 10241 | } | 10246 | } |
| 10242 | .irs-slider { | 10247 | .irs-slider { |
| 10243 | position: absolute; | 10248 | position: absolute; |
| 10244 | display: block; | 10249 | display: block; |
| 10245 | width: 12px; | 10250 | width: 12px; |
| 10246 | height: 12px; | 10251 | height: 12px; |
| 10247 | background-color: #5C6BC0; | 10252 | background-color: #5C6BC0; |
| 10248 | top: 33px; | 10253 | top: 33px; |
| 10249 | border-radius: 100px; | 10254 | border-radius: 100px; |
| 10250 | cursor: pointer; | 10255 | cursor: pointer; |
| 10251 | z-index: 1; | 10256 | z-index: 1; |
| 10252 | -webkit-transform: scale(1); | 10257 | -webkit-transform: scale(1); |
| 10253 | -ms-transform: scale(1); | 10258 | -ms-transform: scale(1); |
| 10254 | -o-transform: scale(1); | 10259 | -o-transform: scale(1); |
| 10255 | transform: scale(1); | 10260 | transform: scale(1); |
| 10256 | -webkit-transition: -webkit-transform ease-in-out 0.15s; | 10261 | -webkit-transition: -webkit-transform ease-in-out 0.15s; |
| 10257 | -o-transition: -webkit-transform ease-in-out 0.15s; | 10262 | -o-transition: -webkit-transform ease-in-out 0.15s; |
| 10258 | transition: -webkit-transform ease-in-out 0.15s; | 10263 | transition: -webkit-transform ease-in-out 0.15s; |
| 10259 | } | 10264 | } |
| 10260 | .irs-slider:hover { | 10265 | .irs-slider:hover { |
| 10261 | -webkit-transform: scale(1.25); | 10266 | -webkit-transform: scale(1.25); |
| 10262 | -ms-transform: scale(1.25); | 10267 | -ms-transform: scale(1.25); |
| 10263 | -o-transform: scale(1.25); | 10268 | -o-transform: scale(1.25); |
| 10264 | transform: scale(1.25); | 10269 | transform: scale(1.25); |
| 10265 | } | 10270 | } |
| 10266 | .irs-slider:focus, | 10271 | .irs-slider:focus, |
| 10267 | .irs-slider:active { | 10272 | .irs-slider:active { |
| 10268 | -webkit-transform: scale(1.5); | 10273 | -webkit-transform: scale(1.5); |
| 10269 | -ms-transform: scale(1.5); | 10274 | -ms-transform: scale(1.5); |
| 10270 | -o-transform: scale(1.5); | 10275 | -o-transform: scale(1.5); |
| 10271 | transform: scale(1.5); | 10276 | transform: scale(1.5); |
| 10272 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 10277 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 10273 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 10278 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 10274 | } | 10279 | } |
| 10275 | .irs-slider.type_last { | 10280 | .irs-slider.type_last { |
| 10276 | z-index: 2; | 10281 | z-index: 2; |
| 10277 | } | 10282 | } |
| 10278 | .irs-min, | 10283 | .irs-min, |
| 10279 | .irs-max, | 10284 | .irs-max, |
| 10280 | .irs-from, | 10285 | .irs-from, |
| 10281 | .irs-to, | 10286 | .irs-to, |
| 10282 | .irs-single { | 10287 | .irs-single { |
| 10283 | position: absolute; | 10288 | position: absolute; |
| 10284 | display: block; | 10289 | display: block; |
| 10285 | cursor: default; | 10290 | cursor: default; |
| 10286 | } | 10291 | } |
| 10287 | .irs-min, | 10292 | .irs-min, |
| 10288 | .irs-max { | 10293 | .irs-max { |
| 10289 | color: #999999; | 10294 | color: #999999; |
| 10290 | font-size: 11px; | 10295 | font-size: 11px; |
| 10291 | line-height: 1; | 10296 | line-height: 1; |
| 10292 | top: 0; | 10297 | top: 0; |
| 10293 | padding: 6px; | 10298 | padding: 6px; |
| 10294 | background-color: #eeeeee; | 10299 | background-color: #eeeeee; |
| 10295 | border-radius: 2px; | 10300 | border-radius: 2px; |
| 10296 | } | 10301 | } |
| 10297 | .irs-min { | 10302 | .irs-min { |
| 10298 | left: 0; | 10303 | left: 0; |
| 10299 | } | 10304 | } |
| 10300 | .irs-max { | 10305 | .irs-max { |
| 10301 | right: 0; | 10306 | right: 0; |
| 10302 | } | 10307 | } |
| 10303 | .irs-from, | 10308 | .irs-from, |
| 10304 | .irs-to, | 10309 | .irs-to, |
| 10305 | .irs-single { | 10310 | .irs-single { |
| 10306 | left: 0; | 10311 | left: 0; |
| 10307 | white-space: nowrap; | 10312 | white-space: nowrap; |
| 10308 | color: #fff; | 10313 | color: #fff; |
| 10309 | font-size: 11px; | 10314 | font-size: 11px; |
| 10310 | line-height: 1; | 10315 | line-height: 1; |
| 10311 | padding: 6px; | 10316 | padding: 6px; |
| 10312 | top: 0; | 10317 | top: 0; |
| 10313 | background-color: #333; | 10318 | background-color: #333; |
| 10314 | border-radius: 2px; | 10319 | border-radius: 2px; |
| 10315 | } | 10320 | } |
| 10316 | .irs-from:after, | 10321 | .irs-from:after, |
| 10317 | .irs-to:after, | 10322 | .irs-to:after, |
| 10318 | .irs-single:after { | 10323 | .irs-single:after { |
| 10319 | content: ""; | 10324 | content: ""; |
| 10320 | position: absolute; | 10325 | position: absolute; |
| 10321 | display: block; | 10326 | display: block; |
| 10322 | bottom: -8px; | 10327 | bottom: -8px; |
| 10323 | left: 50%; | 10328 | left: 50%; |
| 10324 | width: 0; | 10329 | width: 0; |
| 10325 | height: 0; | 10330 | height: 0; |
| 10326 | margin-left: -4px; | 10331 | margin-left: -4px; |
| 10327 | overflow: hidden; | 10332 | overflow: hidden; |
| 10328 | border: 4px solid transparent; | 10333 | border: 4px solid transparent; |
| 10329 | border-top-color: #333; | 10334 | border-top-color: #333; |
| 10330 | } | 10335 | } |
| 10331 | .irs-grid { | 10336 | .irs-grid { |
| 10332 | position: absolute; | 10337 | position: absolute; |
| 10333 | display: none; | 10338 | display: none; |
| 10334 | bottom: 0; | 10339 | bottom: 0; |
| 10335 | left: 0; | 10340 | left: 0; |
| 10336 | width: 100%; | 10341 | width: 100%; |
| 10337 | height: 24px; | 10342 | height: 24px; |
| 10338 | } | 10343 | } |
| 10339 | .irs-with-grid { | 10344 | .irs-with-grid { |
| 10340 | height: 75px; | 10345 | height: 75px; |
| 10341 | } | 10346 | } |
| 10342 | .irs-with-grid .irs-grid { | 10347 | .irs-with-grid .irs-grid { |
| 10343 | display: block; | 10348 | display: block; |
| 10344 | } | 10349 | } |
| 10345 | .irs-grid-pol { | 10350 | .irs-grid-pol { |
| 10346 | position: absolute; | 10351 | position: absolute; |
| 10347 | top: 0; | 10352 | top: 0; |
| 10348 | left: 0; | 10353 | left: 0; |
| 10349 | width: 1px; | 10354 | width: 1px; |
| 10350 | height: 8px; | 10355 | height: 8px; |
| 10351 | background-color: #999999; | 10356 | background-color: #999999; |
| 10352 | } | 10357 | } |
| 10353 | .irs-grid-pol.small { | 10358 | .irs-grid-pol.small { |
| 10354 | height: 4px; | 10359 | height: 4px; |
| 10355 | } | 10360 | } |
| 10356 | .irs-grid-text { | 10361 | .irs-grid-text { |
| 10357 | position: absolute; | 10362 | position: absolute; |
| 10358 | bottom: 0; | 10363 | bottom: 0; |
| 10359 | left: 0; | 10364 | left: 0; |
| 10360 | white-space: nowrap; | 10365 | white-space: nowrap; |
| 10361 | text-align: center; | 10366 | text-align: center; |
| 10362 | font-size: 11px; | 10367 | font-size: 11px; |
| 10363 | color: #999999; | 10368 | color: #999999; |
| 10364 | line-height: 1; | 10369 | line-height: 1; |
| 10365 | padding: 0 3px; | 10370 | padding: 0 3px; |
| 10366 | } | 10371 | } |
| 10367 | .irs-disable-mask { | 10372 | .irs-disable-mask { |
| 10368 | position: absolute; | 10373 | position: absolute; |
| 10369 | display: block; | 10374 | display: block; |
| 10370 | top: 0; | 10375 | top: 0; |
| 10371 | left: -1%; | 10376 | left: -1%; |
| 10372 | width: 102%; | 10377 | width: 102%; |
| 10373 | height: 100%; | 10378 | height: 100%; |
| 10374 | cursor: default; | 10379 | cursor: default; |
| 10375 | background: transparent; | 10380 | background: transparent; |
| 10376 | z-index: 2; | 10381 | z-index: 2; |
| 10377 | } | 10382 | } |
| 10378 | .irs-disabled { | 10383 | .irs-disabled { |
| 10379 | opacity: 0.6; | 10384 | opacity: 0.6; |
| 10380 | filter: alpha(opacity=60); | 10385 | filter: alpha(opacity=60); |
| 10381 | } | 10386 | } |
| 10382 | /* ------------------------------------------------------------------------------ | 10387 | /* ------------------------------------------------------------------------------ |
| 10383 | * | 10388 | * |
| 10384 | * # jQuery UI Interactions | 10389 | * # jQuery UI Interactions |
| 10385 | * | 10390 | * |
| 10386 | * Separate styles for jQuery UI library. Component's interactions | 10391 | * Separate styles for jQuery UI library. Component's interactions |
| 10387 | * | 10392 | * |
| 10388 | * Version: 1.1 | 10393 | * Version: 1.1 |
| 10389 | * Latest update: Mar 10, 2016 | 10394 | * Latest update: Mar 10, 2016 |
| 10390 | * | 10395 | * |
| 10391 | * ---------------------------------------------------------------------------- */ | 10396 | * ---------------------------------------------------------------------------- */ |
| 10392 | .ui-draggable-handle, | 10397 | .ui-draggable-handle, |
| 10393 | .ui-sortable-handle { | 10398 | .ui-sortable-handle { |
| 10394 | -ms-touch-action: none; | 10399 | -ms-touch-action: none; |
| 10395 | touch-action: none; | 10400 | touch-action: none; |
| 10396 | } | 10401 | } |
| 10397 | .ui-sortable .ui-state-disabled { | 10402 | .ui-sortable .ui-state-disabled { |
| 10398 | color: #999999; | 10403 | color: #999999; |
| 10399 | cursor: not-allowed; | 10404 | cursor: not-allowed; |
| 10400 | opacity: 0.75; | 10405 | opacity: 0.75; |
| 10401 | filter: alpha(opacity=75); | 10406 | filter: alpha(opacity=75); |
| 10402 | } | 10407 | } |
| 10403 | .sortable-placeholder { | 10408 | .sortable-placeholder { |
| 10404 | position: relative; | 10409 | position: relative; |
| 10405 | } | 10410 | } |
| 10406 | .sortable-placeholder:before { | 10411 | .sortable-placeholder:before { |
| 10407 | content: ''; | 10412 | content: ''; |
| 10408 | display: inline-block; | 10413 | display: inline-block; |
| 10409 | background-color: rgba(255, 255, 255, 0.8); | 10414 | background-color: rgba(255, 255, 255, 0.8); |
| 10410 | width: 100%; | 10415 | width: 100%; |
| 10411 | height: 100%; | 10416 | height: 100%; |
| 10412 | position: absolute; | 10417 | position: absolute; |
| 10413 | left: 0; | 10418 | left: 0; |
| 10414 | top: 0; | 10419 | top: 0; |
| 10415 | border: 1px dashed rgba(0, 0, 0, 0.2); | 10420 | border: 1px dashed rgba(0, 0, 0, 0.2); |
| 10416 | } | 10421 | } |
| 10417 | .sidebar .sortable-placeholder:before { | 10422 | .sidebar .sortable-placeholder:before { |
| 10418 | border-left: 0; | 10423 | border-left: 0; |
| 10419 | border-right: 0; | 10424 | border-right: 0; |
| 10420 | background-color: rgba(0, 0, 0, 0.05); | 10425 | background-color: rgba(0, 0, 0, 0.05); |
| 10421 | } | 10426 | } |
| 10422 | .sidebar-category.ui-sortable-helper { | 10427 | .sidebar-category.ui-sortable-helper { |
| 10423 | background-color: rgba(0, 0, 0, 0.4); | 10428 | background-color: rgba(0, 0, 0, 0.4); |
| 10424 | } | 10429 | } |
| 10425 | .sidebar-default .sidebar-category.ui-sortable-helper { | 10430 | .sidebar-default .sidebar-category.ui-sortable-helper { |
| 10426 | background-color: #fcfcfc; | 10431 | background-color: #fcfcfc; |
| 10427 | } | 10432 | } |
| 10428 | .panel + .sortable-placeholder { | 10433 | .panel + .sortable-placeholder { |
| 10429 | margin-bottom: 20px; | 10434 | margin-bottom: 20px; |
| 10430 | } | 10435 | } |
| 10431 | .sortable-placeholder + .panel { | 10436 | .sortable-placeholder + .panel { |
| 10432 | margin-top: 20px; | 10437 | margin-top: 20px; |
| 10433 | } | 10438 | } |
| 10434 | .panel-group > .sortable-placeholder:before { | 10439 | .panel-group > .sortable-placeholder:before { |
| 10435 | border-radius: 3px; | 10440 | border-radius: 3px; |
| 10436 | } | 10441 | } |
| 10437 | .panel-group .panel + .sortable-placeholder { | 10442 | .panel-group .panel + .sortable-placeholder { |
| 10438 | margin-top: 5px; | 10443 | margin-top: 5px; |
| 10439 | margin-bottom: 5px; | 10444 | margin-bottom: 5px; |
| 10440 | } | 10445 | } |
| 10441 | .panel-group .sortable-placeholder + .panel { | 10446 | .panel-group .sortable-placeholder + .panel { |
| 10442 | margin-top: 5px; | 10447 | margin-top: 5px; |
| 10443 | } | 10448 | } |
| 10444 | .table .ui-sortable-helper { | 10449 | .table .ui-sortable-helper { |
| 10445 | width: 100%; | 10450 | width: 100%; |
| 10446 | background-color: #fff; | 10451 | background-color: #fff; |
| 10447 | display: table; | 10452 | display: table; |
| 10448 | } | 10453 | } |
| 10449 | .table .sortable-placeholder { | 10454 | .table .sortable-placeholder { |
| 10450 | margin: 0; | 10455 | margin: 0; |
| 10451 | } | 10456 | } |
| 10452 | .table .sortable-placeholder:before { | 10457 | .table .sortable-placeholder:before { |
| 10453 | content: none; | 10458 | content: none; |
| 10454 | } | 10459 | } |
| 10455 | .table.ui-sortable { | 10460 | .table.ui-sortable { |
| 10456 | position: relative; | 10461 | position: relative; |
| 10457 | } | 10462 | } |
| 10458 | .ui-resizable { | 10463 | .ui-resizable { |
| 10459 | position: relative; | 10464 | position: relative; |
| 10460 | } | 10465 | } |
| 10461 | .ui-resizable, | 10466 | .ui-resizable, |
| 10462 | .ui-resizable .ui-dialog-content { | 10467 | .ui-resizable .ui-dialog-content { |
| 10463 | -webkit-box-sizing: content-box; | 10468 | -webkit-box-sizing: content-box; |
| 10464 | -moz-box-sizing: content-box; | 10469 | -moz-box-sizing: content-box; |
| 10465 | box-sizing: content-box; | 10470 | box-sizing: content-box; |
| 10466 | } | 10471 | } |
| 10467 | .ui-resizable-handle { | 10472 | .ui-resizable-handle { |
| 10468 | position: absolute; | 10473 | position: absolute; |
| 10469 | font-size: 0.1px; | 10474 | font-size: 0.1px; |
| 10470 | display: block; | 10475 | display: block; |
| 10471 | -ms-touch-action: none; | 10476 | -ms-touch-action: none; |
| 10472 | touch-action: none; | 10477 | touch-action: none; |
| 10473 | } | 10478 | } |
| 10474 | .ui-resizable-handle.ui-icon { | 10479 | .ui-resizable-handle.ui-icon { |
| 10475 | display: inline-block; | 10480 | display: inline-block; |
| 10476 | border-style: solid; | 10481 | border-style: solid; |
| 10477 | border-width: 0 0 6px 6px; | 10482 | border-width: 0 0 6px 6px; |
| 10478 | border-color: transparent transparent #333333 transparent; | 10483 | border-color: transparent transparent #333333 transparent; |
| 10479 | } | 10484 | } |
| 10480 | .ui-resizable-disabled .ui-resizable-handle, | 10485 | .ui-resizable-disabled .ui-resizable-handle, |
| 10481 | .ui-resizable-autohide .ui-resizable-handle { | 10486 | .ui-resizable-autohide .ui-resizable-handle { |
| 10482 | display: none; | 10487 | display: none; |
| 10483 | } | 10488 | } |
| 10484 | .ui-resizable-helper { | 10489 | .ui-resizable-helper { |
| 10485 | border: 1px dashed #ccc; | 10490 | border: 1px dashed #ccc; |
| 10486 | } | 10491 | } |
| 10487 | .ui-resizable-n { | 10492 | .ui-resizable-n { |
| 10488 | cursor: n-resize; | 10493 | cursor: n-resize; |
| 10489 | height: 7px; | 10494 | height: 7px; |
| 10490 | width: 100%; | 10495 | width: 100%; |
| 10491 | top: -5px; | 10496 | top: -5px; |
| 10492 | left: 0; | 10497 | left: 0; |
| 10493 | } | 10498 | } |
| 10494 | .ui-resizable-s { | 10499 | .ui-resizable-s { |
| 10495 | cursor: s-resize; | 10500 | cursor: s-resize; |
| 10496 | height: 7px; | 10501 | height: 7px; |
| 10497 | width: 100%; | 10502 | width: 100%; |
| 10498 | bottom: -5px; | 10503 | bottom: -5px; |
| 10499 | left: 0; | 10504 | left: 0; |
| 10500 | } | 10505 | } |
| 10501 | .ui-resizable-e { | 10506 | .ui-resizable-e { |
| 10502 | cursor: e-resize; | 10507 | cursor: e-resize; |
| 10503 | width: 7px; | 10508 | width: 7px; |
| 10504 | right: -5px; | 10509 | right: -5px; |
| 10505 | top: 0; | 10510 | top: 0; |
| 10506 | height: 100%; | 10511 | height: 100%; |
| 10507 | } | 10512 | } |
| 10508 | .ui-resizable-w { | 10513 | .ui-resizable-w { |
| 10509 | cursor: w-resize; | 10514 | cursor: w-resize; |
| 10510 | width: 7px; | 10515 | width: 7px; |
| 10511 | left: -5px; | 10516 | left: -5px; |
| 10512 | top: 0; | 10517 | top: 0; |
| 10513 | height: 100%; | 10518 | height: 100%; |
| 10514 | } | 10519 | } |
| 10515 | .ui-resizable-se { | 10520 | .ui-resizable-se { |
| 10516 | cursor: se-resize; | 10521 | cursor: se-resize; |
| 10517 | right: 1px; | 10522 | right: 1px; |
| 10518 | bottom: 1px; | 10523 | bottom: 1px; |
| 10519 | } | 10524 | } |
| 10520 | .ui-resizable-sw { | 10525 | .ui-resizable-sw { |
| 10521 | cursor: sw-resize; | 10526 | cursor: sw-resize; |
| 10522 | width: 9px; | 10527 | width: 9px; |
| 10523 | height: 9px; | 10528 | height: 9px; |
| 10524 | left: -5px; | 10529 | left: -5px; |
| 10525 | bottom: -5px; | 10530 | bottom: -5px; |
| 10526 | } | 10531 | } |
| 10527 | .ui-resizable-nw { | 10532 | .ui-resizable-nw { |
| 10528 | cursor: nw-resize; | 10533 | cursor: nw-resize; |
| 10529 | width: 9px; | 10534 | width: 9px; |
| 10530 | height: 9px; | 10535 | height: 9px; |
| 10531 | left: -5px; | 10536 | left: -5px; |
| 10532 | top: -5px; | 10537 | top: -5px; |
| 10533 | } | 10538 | } |
| 10534 | .ui-resizable-ne { | 10539 | .ui-resizable-ne { |
| 10535 | cursor: ne-resize; | 10540 | cursor: ne-resize; |
| 10536 | width: 9px; | 10541 | width: 9px; |
| 10537 | height: 9px; | 10542 | height: 9px; |
| 10538 | right: -5px; | 10543 | right: -5px; |
| 10539 | top: -5px; | 10544 | top: -5px; |
| 10540 | } | 10545 | } |
| 10541 | .ui-selectable { | 10546 | .ui-selectable { |
| 10542 | -ms-touch-action: none; | 10547 | -ms-touch-action: none; |
| 10543 | touch-action: none; | 10548 | touch-action: none; |
| 10544 | } | 10549 | } |
| 10545 | .ui-selectable-helper { | 10550 | .ui-selectable-helper { |
| 10546 | position: absolute; | 10551 | position: absolute; |
| 10547 | z-index: 100; | 10552 | z-index: 100; |
| 10548 | border: 1px dashed #333333; | 10553 | border: 1px dashed #333333; |
| 10549 | } | 10554 | } |
| 10550 | /* ------------------------------------------------------------------------------ | 10555 | /* ------------------------------------------------------------------------------ |
| 10551 | * | 10556 | * |
| 10552 | * # jQuery UI Widgets | 10557 | * # jQuery UI Widgets |
| 10553 | * | 10558 | * |
| 10554 | * Styles for jQuery UI widgets | 10559 | * Styles for jQuery UI widgets |
| 10555 | * | 10560 | * |
| 10556 | * Version: 1.2 | 10561 | * Version: 1.2 |
| 10557 | * Latest update: Aug 10, 2016 | 10562 | * Latest update: Aug 10, 2016 |
| 10558 | * | 10563 | * |
| 10559 | * ---------------------------------------------------------------------------- */ | 10564 | * ---------------------------------------------------------------------------- */ |
| 10560 | .ui-accordion .ui-accordion-header { | 10565 | .ui-accordion .ui-accordion-header { |
| 10561 | display: block; | 10566 | display: block; |
| 10562 | cursor: pointer; | 10567 | cursor: pointer; |
| 10563 | margin: 0; | 10568 | margin: 0; |
| 10564 | outline: 0; | 10569 | outline: 0; |
| 10565 | position: relative; | 10570 | position: relative; |
| 10566 | background-color: #fff; | 10571 | background-color: #fff; |
| 10567 | padding: 15px 20px; | 10572 | padding: 15px 20px; |
| 10568 | border: 1px solid #ddd; | 10573 | border: 1px solid #ddd; |
| 10569 | margin-top: 5px; | 10574 | margin-top: 5px; |
| 10570 | border-radius: 3px; | 10575 | border-radius: 3px; |
| 10571 | } | 10576 | } |
| 10572 | .ui-accordion .ui-accordion-header:first-child { | 10577 | .ui-accordion .ui-accordion-header:first-child { |
| 10573 | margin-top: 0; | 10578 | margin-top: 0; |
| 10574 | } | 10579 | } |
| 10575 | .ui-accordion .ui-accordion-header.ui-accordion-header-active { | 10580 | .ui-accordion .ui-accordion-header.ui-accordion-header-active { |
| 10576 | border-bottom-right-radius: 0; | 10581 | border-bottom-right-radius: 0; |
| 10577 | border-bottom-left-radius: 0; | 10582 | border-bottom-left-radius: 0; |
| 10578 | } | 10583 | } |
| 10579 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon { | 10584 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon { |
| 10580 | position: absolute; | 10585 | position: absolute; |
| 10581 | top: 50%; | 10586 | top: 50%; |
| 10582 | right: 20px; | 10587 | right: 20px; |
| 10583 | margin-top: -8px; | 10588 | margin-top: -8px; |
| 10584 | } | 10589 | } |
| 10585 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { | 10590 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { |
| 10586 | content: '\e9b8'; | 10591 | content: '\e9b8'; |
| 10587 | font-family: 'Icomoon'; | 10592 | font-family: 'Icomoon'; |
| 10588 | display: block; | 10593 | display: block; |
| 10589 | width: 16px; | 10594 | width: 16px; |
| 10590 | font-size: 16px; | 10595 | font-size: 16px; |
| 10591 | line-height: 1; | 10596 | line-height: 1; |
| 10592 | -webkit-font-smoothing: antialiased; | 10597 | -webkit-font-smoothing: antialiased; |
| 10593 | -moz-osx-font-smoothing: grayscale; | 10598 | -moz-osx-font-smoothing: grayscale; |
| 10594 | } | 10599 | } |
| 10595 | .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { | 10600 | .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { |
| 10596 | content: '\e9b7'; | 10601 | content: '\e9b7'; |
| 10597 | } | 10602 | } |
| 10598 | .ui-accordion .ui-accordion-icons { | 10603 | .ui-accordion .ui-accordion-icons { |
| 10599 | padding-right: 46px; | 10604 | padding-right: 46px; |
| 10600 | } | 10605 | } |
| 10601 | .ui-accordion .ui-accordion-content { | 10606 | .ui-accordion .ui-accordion-content { |
| 10602 | padding: 20px; | 10607 | padding: 20px; |
| 10603 | background-color: #fff; | 10608 | background-color: #fff; |
| 10604 | border: 1px solid #ddd; | 10609 | border: 1px solid #ddd; |
| 10605 | border-top: 0; | 10610 | border-top: 0; |
| 10606 | overflow: auto; | 10611 | overflow: auto; |
| 10607 | border-bottom-right-radius: 3px; | 10612 | border-bottom-right-radius: 3px; |
| 10608 | border-bottom-left-radius: 3px; | 10613 | border-bottom-left-radius: 3px; |
| 10609 | } | 10614 | } |
| 10610 | .accordion-sortable-group + .accordion-sortable-group { | 10615 | .accordion-sortable-group + .accordion-sortable-group { |
| 10611 | margin-top: 5px; | 10616 | margin-top: 5px; |
| 10612 | } | 10617 | } |
| 10613 | .ui-autocomplete { | 10618 | .ui-autocomplete { |
| 10614 | position: absolute; | 10619 | position: absolute; |
| 10615 | display: none; | 10620 | display: none; |
| 10616 | padding: 8px 0; | 10621 | padding: 8px 0; |
| 10617 | z-index: 1000; | 10622 | z-index: 1000; |
| 10618 | max-height: 250px; | 10623 | max-height: 250px; |
| 10619 | overflow-y: auto; | 10624 | overflow-y: auto; |
| 10620 | overflow-x: hidden; | 10625 | overflow-x: hidden; |
| 10621 | } | 10626 | } |
| 10622 | .ui-autocomplete .ui-autocomplete-category { | 10627 | .ui-autocomplete .ui-autocomplete-category { |
| 10623 | padding: 8px 16px; | 10628 | padding: 8px 16px; |
| 10624 | font-size: 11px; | 10629 | font-size: 11px; |
| 10625 | line-height: 1.82; | 10630 | line-height: 1.82; |
| 10626 | text-transform: uppercase; | 10631 | text-transform: uppercase; |
| 10627 | font-weight: 700; | 10632 | font-weight: 700; |
| 10628 | margin-top: 2px; | 10633 | margin-top: 2px; |
| 10629 | margin-bottom: 2px; | 10634 | margin-bottom: 2px; |
| 10630 | } | 10635 | } |
| 10631 | .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item { | 10636 | .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item { |
| 10632 | padding-left: 32px; | 10637 | padding-left: 32px; |
| 10633 | } | 10638 | } |
| 10634 | .ui-autocomplete-processing:after { | 10639 | .ui-autocomplete-processing:after { |
| 10635 | content: '\eb51'; | 10640 | content: '\eb51'; |
| 10636 | font-family: 'Icomoon'; | 10641 | font-family: 'Icomoon'; |
| 10637 | display: inline-block; | 10642 | display: inline-block; |
| 10638 | position: absolute; | 10643 | position: absolute; |
| 10639 | top: 50%; | 10644 | top: 50%; |
| 10640 | right: 0; | 10645 | right: 0; |
| 10641 | width: 16px; | 10646 | width: 16px; |
| 10642 | text-align: right; | 10647 | text-align: right; |
| 10643 | margin-top: -8px; | 10648 | margin-top: -8px; |
| 10644 | font-size: 16px; | 10649 | font-size: 16px; |
| 10645 | line-height: 1; | 10650 | line-height: 1; |
| 10646 | color: inherit; | 10651 | color: inherit; |
| 10647 | -webkit-font-smoothing: antialiased; | 10652 | -webkit-font-smoothing: antialiased; |
| 10648 | -moz-osx-font-smoothing: grayscale; | 10653 | -moz-osx-font-smoothing: grayscale; |
| 10649 | -webkit-animation: rotation 1s linear infinite; | 10654 | -webkit-animation: rotation 1s linear infinite; |
| 10650 | -o-animation: rotation 1s linear infinite; | 10655 | -o-animation: rotation 1s linear infinite; |
| 10651 | animation: rotation 1s linear infinite; | 10656 | animation: rotation 1s linear infinite; |
| 10652 | } | 10657 | } |
| 10653 | .ui-button { | 10658 | .ui-button { |
| 10654 | display: inline-block; | 10659 | display: inline-block; |
| 10655 | position: relative; | 10660 | position: relative; |
| 10656 | touch-action: manipulation; | 10661 | touch-action: manipulation; |
| 10657 | margin-bottom: 0; | 10662 | margin-bottom: 0; |
| 10658 | padding: 9px 17px; | 10663 | padding: 9px 17px; |
| 10659 | border-radius: 3px; | 10664 | border-radius: 3px; |
| 10660 | cursor: pointer; | 10665 | cursor: pointer; |
| 10661 | vertical-align: middle; | 10666 | vertical-align: middle; |
| 10662 | text-align: center; | 10667 | text-align: center; |
| 10663 | background-color: #f5f5f5; | 10668 | background-color: #f5f5f5; |
| 10664 | border: 0; | 10669 | border: 0; |
| 10665 | text-transform: uppercase; | 10670 | text-transform: uppercase; |
| 10666 | font-weight: 500; | 10671 | font-weight: 500; |
| 10667 | color: #333; | 10672 | color: #333; |
| 10668 | } | 10673 | } |
| 10669 | .ui-button.ui-state-hover, | 10674 | .ui-button.ui-state-hover, |
| 10670 | .ui-button.ui-state-focus { | 10675 | .ui-button.ui-state-focus { |
| 10671 | color: #333; | 10676 | color: #333; |
| 10672 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10677 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10673 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10678 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10674 | } | 10679 | } |
| 10675 | .ui-button.ui-state-active { | 10680 | .ui-button.ui-state-active { |
| 10676 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10681 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10677 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10682 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10678 | } | 10683 | } |
| 10679 | .ui-button.ui-state-disabled { | 10684 | .ui-button.ui-state-disabled { |
| 10680 | cursor: not-allowed; | 10685 | cursor: not-allowed; |
| 10681 | opacity: 0.65; | 10686 | opacity: 0.65; |
| 10682 | filter: alpha(opacity=65); | 10687 | filter: alpha(opacity=65); |
| 10683 | -webkit-box-shadow: none; | 10688 | -webkit-box-shadow: none; |
| 10684 | box-shadow: none; | 10689 | box-shadow: none; |
| 10685 | } | 10690 | } |
| 10686 | .ui-button[class*=bg-].ui-state-hover, | 10691 | .ui-button[class*=bg-].ui-state-hover, |
| 10687 | .ui-button[class*=bg-].ui-state-focus { | 10692 | .ui-button[class*=bg-].ui-state-focus { |
| 10688 | color: #fff; | 10693 | color: #fff; |
| 10689 | } | 10694 | } |
| 10690 | .ui-button.ui-button-link { | 10695 | .ui-button.ui-button-link { |
| 10691 | background-color: transparent; | 10696 | background-color: transparent; |
| 10692 | border-color: transparent; | 10697 | border-color: transparent; |
| 10693 | } | 10698 | } |
| 10694 | .ui-button.ui-button-link.ui-state-hover, | 10699 | .ui-button.ui-button-link.ui-state-hover, |
| 10695 | .ui-button.ui-button-link.ui-state-focus { | 10700 | .ui-button.ui-button-link.ui-state-focus { |
| 10696 | color: #166dba; | 10701 | color: #166dba; |
| 10697 | } | 10702 | } |
| 10698 | .ui-button.ui-button-link.ui-state-hover, | 10703 | .ui-button.ui-button-link.ui-state-hover, |
| 10699 | .ui-button.ui-button-link.ui-state-focus, | 10704 | .ui-button.ui-button-link.ui-state-focus, |
| 10700 | .ui-button.ui-button-link.ui-state-active { | 10705 | .ui-button.ui-button-link.ui-state-active { |
| 10701 | -webkit-box-shadow: none; | 10706 | -webkit-box-shadow: none; |
| 10702 | box-shadow: none; | 10707 | box-shadow: none; |
| 10703 | } | 10708 | } |
| 10704 | .ui-button::-moz-focus-inner { | 10709 | .ui-button::-moz-focus-inner { |
| 10705 | border: 0; | 10710 | border: 0; |
| 10706 | padding: 0; | 10711 | padding: 0; |
| 10707 | } | 10712 | } |
| 10708 | .ui-button-text-icon-primary .ui-button-icon-primary, | 10713 | .ui-button-text-icon-primary .ui-button-icon-primary, |
| 10709 | .ui-button-text-icons .ui-button-icon-primary, | 10714 | .ui-button-text-icons .ui-button-icon-primary, |
| 10710 | .ui-button-icon-primary .ui-button-icons-only { | 10715 | .ui-button-icon-primary .ui-button-icons-only { |
| 10711 | margin-right: 10px; | 10716 | margin-right: 10px; |
| 10712 | } | 10717 | } |
| 10713 | .ui-button-text-icon-secondary .ui-button-icon-secondary, | 10718 | .ui-button-text-icon-secondary .ui-button-icon-secondary, |
| 10714 | .ui-button-text-icons .ui-button-icon-secondary, | 10719 | .ui-button-text-icons .ui-button-icon-secondary, |
| 10715 | .ui-button-icons-only .ui-button-icon-secondary { | 10720 | .ui-button-icons-only .ui-button-icon-secondary { |
| 10716 | margin-left: 10px; | 10721 | margin-left: 10px; |
| 10717 | } | 10722 | } |
| 10718 | .ui-button-icon-only { | 10723 | .ui-button-icon-only { |
| 10719 | padding-left: 11px; | 10724 | padding-left: 11px; |
| 10720 | padding-right: 11px; | 10725 | padding-right: 11px; |
| 10721 | } | 10726 | } |
| 10722 | .ui-button-icon-only .ui-button-text, | 10727 | .ui-button-icon-only .ui-button-text, |
| 10723 | .ui-button-icons-only .ui-button-text { | 10728 | .ui-button-icons-only .ui-button-text { |
| 10724 | display: none; | 10729 | display: none; |
| 10725 | } | 10730 | } |
| 10726 | .ui-buttonset { | 10731 | .ui-buttonset { |
| 10727 | display: inline-block; | 10732 | display: inline-block; |
| 10728 | vertical-align: middle; | 10733 | vertical-align: middle; |
| 10729 | position: relative; | 10734 | position: relative; |
| 10730 | } | 10735 | } |
| 10731 | .ui-buttonset .ui-button { | 10736 | .ui-buttonset .ui-button { |
| 10732 | border-radius: 0; | 10737 | border-radius: 0; |
| 10733 | margin-left: 1px; | 10738 | margin-left: 1px; |
| 10734 | float: left; | 10739 | float: left; |
| 10735 | } | 10740 | } |
| 10736 | .ui-buttonset .ui-button:first-child, | 10741 | .ui-buttonset .ui-button:first-child, |
| 10737 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button { | 10742 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button { |
| 10738 | margin-left: 0; | 10743 | margin-left: 0; |
| 10739 | } | 10744 | } |
| 10740 | .ui-buttonset .ui-button:first-child, | 10745 | .ui-buttonset .ui-button:first-child, |
| 10741 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button:not(:last-child) { | 10746 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button:not(:last-child) { |
| 10742 | border-bottom-left-radius: 3px; | 10747 | border-bottom-left-radius: 3px; |
| 10743 | border-top-left-radius: 3px; | 10748 | border-top-left-radius: 3px; |
| 10744 | } | 10749 | } |
| 10745 | .ui-buttonset .ui-button:last-child { | 10750 | .ui-buttonset .ui-button:last-child { |
| 10746 | border-bottom-right-radius: 3px; | 10751 | border-bottom-right-radius: 3px; |
| 10747 | border-top-right-radius: 3px; | 10752 | border-top-right-radius: 3px; |
| 10748 | } | 10753 | } |
| 10749 | .ui-buttonset-split { | 10754 | .ui-buttonset-split { |
| 10750 | position: relative; | 10755 | position: relative; |
| 10751 | display: inline-block; | 10756 | display: inline-block; |
| 10752 | } | 10757 | } |
| 10753 | .ui-buttonset-split > ul { | 10758 | .ui-buttonset-split > ul { |
| 10754 | position: absolute; | 10759 | position: absolute; |
| 10755 | text-align: left; | 10760 | text-align: left; |
| 10756 | min-width: 180px; | 10761 | min-width: 180px; |
| 10757 | } | 10762 | } |
| 10758 | .ui-datepicker { | 10763 | .ui-datepicker { |
| 10759 | min-width: 270px; | 10764 | min-width: 270px; |
| 10760 | background-color: #fff; | 10765 | background-color: #fff; |
| 10761 | padding: 16px; | 10766 | padding: 16px; |
| 10762 | display: none; | 10767 | display: none; |
| 10763 | border-radius: 3px; | 10768 | border-radius: 3px; |
| 10764 | z-index: 190; | 10769 | z-index: 190; |
| 10765 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 10770 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 10766 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 10771 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 10767 | } | 10772 | } |
| 10768 | .sidebar .ui-datepicker { | 10773 | .sidebar .ui-datepicker { |
| 10769 | min-width: 0; | 10774 | min-width: 0; |
| 10770 | } | 10775 | } |
| 10771 | .ui-datepicker .ui-datepicker-header { | 10776 | .ui-datepicker .ui-datepicker-header { |
| 10772 | position: relative; | 10777 | position: relative; |
| 10773 | } | 10778 | } |
| 10774 | .ui-datepicker .ui-datepicker-title { | 10779 | .ui-datepicker .ui-datepicker-title { |
| 10775 | margin: 0 40px; | 10780 | margin: 0 40px; |
| 10776 | padding-top: 15px; | 10781 | padding-top: 15px; |
| 10777 | padding-bottom: 15px; | 10782 | padding-bottom: 15px; |
| 10778 | font-size: 17px; | 10783 | font-size: 17px; |
| 10779 | text-align: center; | 10784 | text-align: center; |
| 10780 | line-height: 1; | 10785 | line-height: 1; |
| 10781 | } | 10786 | } |
| 10782 | .ui-datepicker .ui-datepicker-title .ui-datepicker-year { | 10787 | .ui-datepicker .ui-datepicker-title .ui-datepicker-year { |
| 10783 | font-size: 13px; | 10788 | font-size: 13px; |
| 10784 | color: #999999; | 10789 | color: #999999; |
| 10785 | margin-left: 5px; | 10790 | margin-left: 5px; |
| 10786 | } | 10791 | } |
| 10787 | .ui-datepicker .ui-datepicker-title select { | 10792 | .ui-datepicker .ui-datepicker-title select { |
| 10788 | outline: 0; | 10793 | outline: 0; |
| 10789 | height: 32px; | 10794 | height: 32px; |
| 10790 | border-color: #ddd; | 10795 | border-color: #ddd; |
| 10791 | } | 10796 | } |
| 10792 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, | 10797 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, |
| 10793 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { | 10798 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { |
| 10794 | width: 48%; | 10799 | width: 48%; |
| 10795 | font-size: 13px; | 10800 | font-size: 13px; |
| 10796 | color: #333333; | 10801 | color: #333333; |
| 10797 | } | 10802 | } |
| 10798 | .ui-datepicker .ui-datepicker-prev, | 10803 | .ui-datepicker .ui-datepicker-prev, |
| 10799 | .ui-datepicker .ui-datepicker-next { | 10804 | .ui-datepicker .ui-datepicker-next { |
| 10800 | position: absolute; | 10805 | position: absolute; |
| 10801 | top: 50%; | 10806 | top: 50%; |
| 10802 | margin-top: -16px; | 10807 | margin-top: -16px; |
| 10803 | color: #333333; | 10808 | color: #333333; |
| 10804 | padding: 8px; | 10809 | padding: 8px; |
| 10805 | border-radius: 2px; | 10810 | border-radius: 2px; |
| 10806 | } | 10811 | } |
| 10807 | .ui-datepicker .ui-datepicker-prev:after, | 10812 | .ui-datepicker .ui-datepicker-prev:after, |
| 10808 | .ui-datepicker .ui-datepicker-next:after { | 10813 | .ui-datepicker .ui-datepicker-next:after { |
| 10809 | font-family: 'icomoon'; | 10814 | font-family: 'icomoon'; |
| 10810 | display: block; | 10815 | display: block; |
| 10811 | font-size: 16px; | 10816 | font-size: 16px; |
| 10812 | width: 16px; | 10817 | width: 16px; |
| 10813 | text-align: center; | 10818 | text-align: center; |
| 10814 | line-height: 1; | 10819 | line-height: 1; |
| 10815 | -webkit-font-smoothing: antialiased; | 10820 | -webkit-font-smoothing: antialiased; |
| 10816 | -moz-osx-font-smoothing: grayscale; | 10821 | -moz-osx-font-smoothing: grayscale; |
| 10817 | } | 10822 | } |
| 10818 | .ui-datepicker .ui-datepicker-prev span, | 10823 | .ui-datepicker .ui-datepicker-prev span, |
| 10819 | .ui-datepicker .ui-datepicker-next span { | 10824 | .ui-datepicker .ui-datepicker-next span { |
| 10820 | display: none; | 10825 | display: none; |
| 10821 | } | 10826 | } |
| 10822 | .ui-datepicker .ui-datepicker-prev { | 10827 | .ui-datepicker .ui-datepicker-prev { |
| 10823 | left: 0; | 10828 | left: 0; |
| 10824 | } | 10829 | } |
| 10825 | .ui-datepicker .ui-datepicker-prev:after { | 10830 | .ui-datepicker .ui-datepicker-prev:after { |
| 10826 | content: '\e9c8'; | 10831 | content: '\e9c8'; |
| 10827 | } | 10832 | } |
| 10828 | .ui-datepicker .ui-datepicker-next { | 10833 | .ui-datepicker .ui-datepicker-next { |
| 10829 | right: 0; | 10834 | right: 0; |
| 10830 | } | 10835 | } |
| 10831 | .ui-datepicker .ui-datepicker-next:after { | 10836 | .ui-datepicker .ui-datepicker-next:after { |
| 10832 | content: '\e9cb'; | 10837 | content: '\e9cb'; |
| 10833 | } | 10838 | } |
| 10834 | .ui-datepicker .ui-datepicker-prev-hover, | 10839 | .ui-datepicker .ui-datepicker-prev-hover, |
| 10835 | .ui-datepicker .ui-datepicker-next-hover { | 10840 | .ui-datepicker .ui-datepicker-next-hover { |
| 10836 | background-color: #f5f5f5; | 10841 | background-color: #f5f5f5; |
| 10837 | } | 10842 | } |
| 10838 | .ui-datepicker table { | 10843 | .ui-datepicker table { |
| 10839 | width: 100%; | 10844 | width: 100%; |
| 10840 | border-collapse: collapse; | 10845 | border-collapse: collapse; |
| 10841 | margin: 0; | 10846 | margin: 0; |
| 10842 | } | 10847 | } |
| 10843 | .ui-datepicker table th { | 10848 | .ui-datepicker table th { |
| 10844 | text-align: center; | 10849 | text-align: center; |
| 10845 | font-weight: 400; | 10850 | font-weight: 400; |
| 10846 | border: 0; | 10851 | border: 0; |
| 10847 | padding-top: 10px; | 10852 | padding-top: 10px; |
| 10848 | padding-bottom: 10px; | 10853 | padding-bottom: 10px; |
| 10849 | font-size: 12px; | 10854 | font-size: 12px; |
| 10850 | color: #999999; | 10855 | color: #999999; |
| 10851 | } | 10856 | } |
| 10852 | .ui-datepicker table td { | 10857 | .ui-datepicker table td { |
| 10853 | border: 0; | 10858 | border: 0; |
| 10854 | padding: 1px; | 10859 | padding: 1px; |
| 10855 | position: relative; | 10860 | position: relative; |
| 10856 | } | 10861 | } |
| 10857 | .ui-datepicker table td span, | 10862 | .ui-datepicker table td span, |
| 10858 | .ui-datepicker table td a { | 10863 | .ui-datepicker table td a { |
| 10859 | display: block; | 10864 | display: block; |
| 10860 | padding: 6px; | 10865 | padding: 6px; |
| 10861 | text-align: center; | 10866 | text-align: center; |
| 10862 | text-decoration: none; | 10867 | text-decoration: none; |
| 10863 | border-radius: 3px; | 10868 | border-radius: 3px; |
| 10864 | color: #333333; | 10869 | color: #333333; |
| 10865 | min-width: 34px; | 10870 | min-width: 34px; |
| 10866 | } | 10871 | } |
| 10867 | .ui-datepicker table td .ui-state-hover { | 10872 | .ui-datepicker table td .ui-state-hover { |
| 10868 | background-color: #f5f5f5; | 10873 | background-color: #f5f5f5; |
| 10869 | } | 10874 | } |
| 10870 | .ui-datepicker table td.ui-state-disabled span { | 10875 | .ui-datepicker table td.ui-state-disabled span { |
| 10871 | color: #ccc; | 10876 | color: #ccc; |
| 10872 | } | 10877 | } |
| 10873 | .ui-datepicker table td.ui-datepicker-week-col { | 10878 | .ui-datepicker table td.ui-datepicker-week-col { |
| 10874 | padding: 6px; | 10879 | padding: 6px; |
| 10875 | color: #999999; | 10880 | color: #999999; |
| 10876 | } | 10881 | } |
| 10877 | .ui-datepicker table td.ui-datepicker-current-day .ui-state-active { | 10882 | .ui-datepicker table td.ui-datepicker-current-day .ui-state-active { |
| 10878 | background-color: #26A69A; | 10883 | background-color: #26A69A; |
| 10879 | color: #fff; | 10884 | color: #fff; |
| 10880 | } | 10885 | } |
| 10881 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight { | 10886 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight { |
| 10882 | background-color: #2196F3; | 10887 | background-color: #2196F3; |
| 10883 | color: #fff; | 10888 | color: #fff; |
| 10884 | } | 10889 | } |
| 10885 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after { | 10890 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after { |
| 10886 | content: ""; | 10891 | content: ""; |
| 10887 | position: absolute; | 10892 | position: absolute; |
| 10888 | top: 3px; | 10893 | top: 3px; |
| 10889 | right: 3px; | 10894 | right: 3px; |
| 10890 | width: 0; | 10895 | width: 0; |
| 10891 | height: 0; | 10896 | height: 0; |
| 10892 | border-top: 6px solid #fff; | 10897 | border-top: 6px solid #fff; |
| 10893 | border-left: 6px solid transparent; | 10898 | border-left: 6px solid transparent; |
| 10894 | } | 10899 | } |
| 10895 | .ui-datepicker table td a.ui-priority-secondary { | 10900 | .ui-datepicker table td a.ui-priority-secondary { |
| 10896 | opacity: 0.6; | 10901 | opacity: 0.6; |
| 10897 | filter: alpha(opacity=60); | 10902 | filter: alpha(opacity=60); |
| 10898 | } | 10903 | } |
| 10899 | .ui-datepicker .ui-datepicker-buttonpane button { | 10904 | .ui-datepicker .ui-datepicker-buttonpane button { |
| 10900 | float: right; | 10905 | float: right; |
| 10901 | background-color: #f5f5f5; | 10906 | background-color: #f5f5f5; |
| 10902 | font-weight: 400; | 10907 | font-weight: 400; |
| 10903 | margin-top: 16px; | 10908 | margin-top: 16px; |
| 10904 | border: 0; | 10909 | border: 0; |
| 10905 | cursor: pointer; | 10910 | cursor: pointer; |
| 10906 | padding: 8px 16px; | 10911 | padding: 8px 16px; |
| 10907 | width: auto; | 10912 | width: auto; |
| 10908 | overflow: visible; | 10913 | overflow: visible; |
| 10909 | outline: 0; | 10914 | outline: 0; |
| 10910 | border-radius: 3px; | 10915 | border-radius: 3px; |
| 10911 | } | 10916 | } |
| 10912 | .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { | 10917 | .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { |
| 10913 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10918 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10914 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10919 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10915 | } | 10920 | } |
| 10916 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { | 10921 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { |
| 10917 | float: left; | 10922 | float: left; |
| 10918 | } | 10923 | } |
| 10919 | .ui-datepicker .ui-datepicker-buttonpane button:active { | 10924 | .ui-datepicker .ui-datepicker-buttonpane button:active { |
| 10920 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10925 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10921 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10926 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10922 | } | 10927 | } |
| 10923 | .ui-datepicker.ui-datepicker-multi { | 10928 | .ui-datepicker.ui-datepicker-multi { |
| 10924 | width: auto!important; | 10929 | width: auto!important; |
| 10925 | } | 10930 | } |
| 10926 | .datepicker-inline { | 10931 | .datepicker-inline { |
| 10927 | width: 264px; | 10932 | width: 264px; |
| 10928 | max-width: 100%; | 10933 | max-width: 100%; |
| 10929 | overflow-x: auto; | 10934 | overflow-x: auto; |
| 10930 | } | 10935 | } |
| 10931 | .full-width.datepicker-inline, | 10936 | .full-width.datepicker-inline, |
| 10932 | .sidebar .datepicker-inline, | 10937 | .sidebar .datepicker-inline, |
| 10933 | .popover .datepicker-inline { | 10938 | .popover .datepicker-inline { |
| 10934 | width: 100%; | 10939 | width: 100%; |
| 10935 | } | 10940 | } |
| 10936 | .ui-datepicker-trigger { | 10941 | .ui-datepicker-trigger { |
| 10937 | position: absolute; | 10942 | position: absolute; |
| 10938 | top: 4px; | 10943 | top: 4px; |
| 10939 | right: 0; | 10944 | right: 0; |
| 10940 | z-index: 4; | 10945 | z-index: 4; |
| 10941 | padding: 6px 0; | 10946 | padding: 6px 0; |
| 10942 | cursor: pointer; | 10947 | cursor: pointer; |
| 10943 | } | 10948 | } |
| 10944 | .ui-datepicker-row-break { | 10949 | .ui-datepicker-row-break { |
| 10945 | clear: both; | 10950 | clear: both; |
| 10946 | width: 100%; | 10951 | width: 100%; |
| 10947 | font-size: 0; | 10952 | font-size: 0; |
| 10948 | } | 10953 | } |
| 10949 | .ui-datepicker-multi .ui-datepicker-group { | 10954 | .ui-datepicker-multi .ui-datepicker-group { |
| 10950 | float: left; | 10955 | float: left; |
| 10951 | } | 10956 | } |
| 10952 | .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { | 10957 | .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { |
| 10953 | padding-left: 15px; | 10958 | padding-left: 15px; |
| 10954 | } | 10959 | } |
| 10955 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { | 10960 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { |
| 10956 | border-left-width: 0; | 10961 | border-left-width: 0; |
| 10957 | } | 10962 | } |
| 10958 | .ui-datepicker-multi .ui-datepicker-buttonpane { | 10963 | .ui-datepicker-multi .ui-datepicker-buttonpane { |
| 10959 | clear: left; | 10964 | clear: left; |
| 10960 | } | 10965 | } |
| 10961 | .ui-datepicker-multi-2 .ui-datepicker-group { | 10966 | .ui-datepicker-multi-2 .ui-datepicker-group { |
| 10962 | width: 46%; | 10967 | width: 46%; |
| 10963 | } | 10968 | } |
| 10964 | .ui-datepicker-multi-3 .ui-datepicker-group { | 10969 | .ui-datepicker-multi-3 .ui-datepicker-group { |
| 10965 | width: 33.3%; | 10970 | width: 33.3%; |
| 10966 | } | 10971 | } |
| 10967 | .ui-datepicker-multi-4 .ui-datepicker-group { | 10972 | .ui-datepicker-multi-4 .ui-datepicker-group { |
| 10968 | width: 25%; | 10973 | width: 25%; |
| 10969 | } | 10974 | } |
| 10970 | .ui-dialog { | 10975 | .ui-dialog { |
| 10971 | position: fixed; | 10976 | position: fixed; |
| 10972 | top: 0; | 10977 | top: 0; |
| 10973 | left: 0; | 10978 | left: 0; |
| 10974 | background-color: #fff; | 10979 | background-color: #fff; |
| 10975 | border-radius: 3px; | 10980 | border-radius: 3px; |
| 10976 | border: 1px solid transparent; | 10981 | border: 1px solid transparent; |
| 10977 | outline: 0; | 10982 | outline: 0; |
| 10978 | overflow: hidden; | 10983 | overflow: hidden; |
| 10979 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 10984 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 10980 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 10985 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 10981 | } | 10986 | } |
| 10982 | @media (max-width: 768px) { | 10987 | @media (max-width: 768px) { |
| 10983 | .ui-dialog { | 10988 | .ui-dialog { |
| 10984 | width: 90%!important; | 10989 | width: 90%!important; |
| 10985 | } | 10990 | } |
| 10986 | } | 10991 | } |
| 10987 | .ui-dialog-titlebar { | 10992 | .ui-dialog-titlebar { |
| 10988 | position: relative; | 10993 | position: relative; |
| 10989 | padding: 20px; | 10994 | padding: 20px; |
| 10990 | padding-bottom: 0; | 10995 | padding-bottom: 0; |
| 10991 | } | 10996 | } |
| 10992 | .ui-draggable .ui-dialog-titlebar { | 10997 | .ui-draggable .ui-dialog-titlebar { |
| 10993 | cursor: move; | 10998 | cursor: move; |
| 10994 | } | 10999 | } |
| 10995 | .ui-dialog-title { | 11000 | .ui-dialog-title { |
| 10996 | float: left; | 11001 | float: left; |
| 10997 | font-size: 17px; | 11002 | font-size: 17px; |
| 10998 | white-space: nowrap; | 11003 | white-space: nowrap; |
| 10999 | width: 90%; | 11004 | width: 90%; |
| 11000 | overflow: hidden; | 11005 | overflow: hidden; |
| 11001 | text-overflow: ellipsis; | 11006 | text-overflow: ellipsis; |
| 11002 | } | 11007 | } |
| 11003 | .ui-dialog-titlebar-close { | 11008 | .ui-dialog-titlebar-close { |
| 11004 | position: absolute; | 11009 | position: absolute; |
| 11005 | background-color: transparent; | 11010 | background-color: transparent; |
| 11006 | border: 0; | 11011 | border: 0; |
| 11007 | right: 20px; | 11012 | right: 20px; |
| 11008 | top: 50%; | 11013 | top: 50%; |
| 11009 | padding: 0; | 11014 | padding: 0; |
| 11010 | margin-top: 2px; | 11015 | margin-top: 2px; |
| 11011 | } | 11016 | } |
| 11012 | .ui-dialog-titlebar-close:after { | 11017 | .ui-dialog-titlebar-close:after { |
| 11013 | content: '\ed6b'; | 11018 | content: '\ed6b'; |
| 11014 | font-family: 'Icomoon'; | 11019 | font-family: 'Icomoon'; |
| 11015 | display: block; | 11020 | display: block; |
| 11016 | width: 16px; | 11021 | width: 16px; |
| 11017 | font-size: 16px; | 11022 | font-size: 16px; |
| 11018 | line-height: 1; | 11023 | line-height: 1; |
| 11019 | -webkit-font-smoothing: antialiased; | 11024 | -webkit-font-smoothing: antialiased; |
| 11020 | -moz-osx-font-smoothing: grayscale; | 11025 | -moz-osx-font-smoothing: grayscale; |
| 11021 | } | 11026 | } |
| 11022 | .ui-dialog-titlebar-close.ui-state-hover, | 11027 | .ui-dialog-titlebar-close.ui-state-hover, |
| 11023 | .ui-dialog-titlebar-close.ui-state-focus { | 11028 | .ui-dialog-titlebar-close.ui-state-focus { |
| 11024 | -webkit-box-shadow: none; | 11029 | -webkit-box-shadow: none; |
| 11025 | box-shadow: none; | 11030 | box-shadow: none; |
| 11026 | } | 11031 | } |
| 11027 | .ui-dialog-content { | 11032 | .ui-dialog-content { |
| 11028 | position: relative; | 11033 | position: relative; |
| 11029 | border: 0; | 11034 | border: 0; |
| 11030 | padding: 20px; | 11035 | padding: 20px; |
| 11031 | background: none; | 11036 | background: none; |
| 11032 | overflow: auto; | 11037 | overflow: auto; |
| 11033 | } | 11038 | } |
| 11034 | .ui-dialog-content .form-group:last-child, | 11039 | .ui-dialog-content .form-group:last-child, |
| 11035 | .ui-dialog-content p:last-child { | 11040 | .ui-dialog-content p:last-child { |
| 11036 | margin-bottom: 0; | 11041 | margin-bottom: 0; |
| 11037 | } | 11042 | } |
| 11038 | .ui-dialog-buttonpane { | 11043 | .ui-dialog-buttonpane { |
| 11039 | padding: 20px; | 11044 | padding: 20px; |
| 11040 | padding-top: 0; | 11045 | padding-top: 0; |
| 11041 | } | 11046 | } |
| 11042 | .ui-dialog-buttonpane .ui-dialog-buttonset { | 11047 | .ui-dialog-buttonpane .ui-dialog-buttonset { |
| 11043 | float: right; | 11048 | float: right; |
| 11044 | } | 11049 | } |
| 11045 | .ui-dialog-buttonpane button + button { | 11050 | .ui-dialog-buttonpane button + button { |
| 11046 | margin-left: 5px; | 11051 | margin-left: 5px; |
| 11047 | cursor: pointer; | 11052 | cursor: pointer; |
| 11048 | } | 11053 | } |
| 11049 | .ui-menu { | 11054 | .ui-menu { |
| 11050 | list-style: none; | 11055 | list-style: none; |
| 11051 | padding: 8px 0; | 11056 | padding: 8px 0; |
| 11052 | margin: 0; | 11057 | margin: 0; |
| 11053 | display: block; | 11058 | display: block; |
| 11054 | outline: none; | 11059 | outline: none; |
| 11055 | min-width: 180px; | 11060 | min-width: 180px; |
| 11056 | white-space: nowrap; | 11061 | white-space: nowrap; |
| 11057 | background-color: #fff; | 11062 | background-color: #fff; |
| 11058 | border-radius: 3px; | 11063 | border-radius: 3px; |
| 11059 | z-index: 1000; | 11064 | z-index: 1000; |
| 11060 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11065 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11061 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11066 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11062 | } | 11067 | } |
| 11063 | .ui-menu .ui-menu { | 11068 | .ui-menu .ui-menu { |
| 11064 | position: absolute; | 11069 | position: absolute; |
| 11065 | top: -8px !important; | 11070 | top: -8px !important; |
| 11066 | } | 11071 | } |
| 11067 | .ui-menu .ui-menu-item { | 11072 | .ui-menu .ui-menu-item { |
| 11068 | position: relative; | 11073 | position: relative; |
| 11069 | margin: 0; | 11074 | margin: 0; |
| 11070 | cursor: pointer; | 11075 | cursor: pointer; |
| 11071 | padding: 8px 16px; | 11076 | padding: 8px 16px; |
| 11072 | min-height: 0; | 11077 | min-height: 0; |
| 11073 | outline: 0; | 11078 | outline: 0; |
| 11074 | } | 11079 | } |
| 11075 | .ui-menu .ui-menu-item > a { | 11080 | .ui-menu .ui-menu-item > a { |
| 11076 | display: block; | 11081 | display: block; |
| 11077 | color: #333333; | 11082 | color: #333333; |
| 11078 | } | 11083 | } |
| 11079 | .ui-menu .ui-menu-item > i { | 11084 | .ui-menu .ui-menu-item > i { |
| 11080 | margin-right: 8px; | 11085 | margin-right: 8px; |
| 11081 | } | 11086 | } |
| 11082 | .ui-menu .ui-menu-item > .ui-menu-icon { | 11087 | .ui-menu .ui-menu-item > .ui-menu-icon { |
| 11083 | position: absolute; | 11088 | position: absolute; |
| 11084 | top: 50%; | 11089 | top: 50%; |
| 11085 | margin-top: -8px; | 11090 | margin-top: -8px; |
| 11086 | right: 15px; | 11091 | right: 15px; |
| 11087 | } | 11092 | } |
| 11088 | .ui-menu .ui-menu-item > .ui-menu-icon:after { | 11093 | .ui-menu .ui-menu-item > .ui-menu-icon:after { |
| 11089 | content: '\e9c7'; | 11094 | content: '\e9c7'; |
| 11090 | font-family: 'icomoon'; | 11095 | font-family: 'icomoon'; |
| 11091 | font-size: 16px; | 11096 | font-size: 16px; |
| 11092 | font-weight: 400; | 11097 | font-weight: 400; |
| 11093 | line-height: 1; | 11098 | line-height: 1; |
| 11094 | -webkit-font-smoothing: antialiased; | 11099 | -webkit-font-smoothing: antialiased; |
| 11095 | -moz-osx-font-smoothing: grayscale; | 11100 | -moz-osx-font-smoothing: grayscale; |
| 11096 | opacity: 0.8; | 11101 | opacity: 0.8; |
| 11097 | filter: alpha(opacity=80); | 11102 | filter: alpha(opacity=80); |
| 11098 | } | 11103 | } |
| 11099 | .ui-menu .ui-menu-item.ui-state-disabled, | 11104 | .ui-menu .ui-menu-item.ui-state-disabled, |
| 11100 | .ui-menu .ui-menu-item.ui-state-disabled a { | 11105 | .ui-menu .ui-menu-item.ui-state-disabled a { |
| 11101 | color: #999999; | 11106 | color: #999999; |
| 11102 | cursor: not-allowed; | 11107 | cursor: not-allowed; |
| 11103 | } | 11108 | } |
| 11104 | .ui-menu .ui-menu-header { | 11109 | .ui-menu .ui-menu-header { |
| 11105 | padding: 8px 16px; | 11110 | padding: 8px 16px; |
| 11106 | font-size: 11px; | 11111 | font-size: 11px; |
| 11107 | line-height: 1.82; | 11112 | line-height: 1.82; |
| 11108 | text-transform: uppercase; | 11113 | text-transform: uppercase; |
| 11109 | color: #999999; | 11114 | color: #999999; |
| 11110 | margin-top: 8px; | 11115 | margin-top: 8px; |
| 11111 | } | 11116 | } |
| 11112 | .ui-menu .ui-menu-header.highlight { | 11117 | .ui-menu .ui-menu-header.highlight { |
| 11113 | margin-top: 0; | 11118 | margin-top: 0; |
| 11114 | background-color: #f8f8f8; | 11119 | background-color: #f8f8f8; |
| 11115 | color: #999999; | 11120 | color: #999999; |
| 11116 | } | 11121 | } |
| 11117 | .ui-menu .ui-menu-header.highlight:first-child { | 11122 | .ui-menu .ui-menu-header.highlight:first-child { |
| 11118 | margin-top: 0; | 11123 | margin-top: 0; |
| 11119 | } | 11124 | } |
| 11120 | .ui-menu .ui-menu-item + .highlight, | 11125 | .ui-menu .ui-menu-item + .highlight, |
| 11121 | .ui-menu .highlight + .ui-menu-item { | 11126 | .ui-menu .highlight + .ui-menu-item { |
| 11122 | margin-top: 8px; | 11127 | margin-top: 8px; |
| 11123 | } | 11128 | } |
| 11124 | .ui-menu .ui-menu-item > a > i[class*=icon-], | 11129 | .ui-menu .ui-menu-item > a > i[class*=icon-], |
| 11125 | .ui-menu .ui-menu-header > i[class*=icon-] { | 11130 | .ui-menu .ui-menu-header > i[class*=icon-] { |
| 11126 | margin-top: 2px; | 11131 | margin-top: 2px; |
| 11127 | float: left; | 11132 | float: left; |
| 11128 | margin-right: 16px; | 11133 | margin-right: 16px; |
| 11129 | top: 0; | 11134 | top: 0; |
| 11130 | } | 11135 | } |
| 11131 | .ui-menu .ui-menu-item > a > i[class*=icon-].pull-right, | 11136 | .ui-menu .ui-menu-item > a > i[class*=icon-].pull-right, |
| 11132 | .ui-menu .ui-menu-header > i[class*=icon-].pull-right { | 11137 | .ui-menu .ui-menu-header > i[class*=icon-].pull-right { |
| 11133 | margin-right: 0; | 11138 | margin-right: 0; |
| 11134 | margin-left: 16px; | 11139 | margin-left: 16px; |
| 11135 | } | 11140 | } |
| 11136 | .ui-menu .ui-menu-divider { | 11141 | .ui-menu .ui-menu-divider { |
| 11137 | margin: 8px 0; | 11142 | margin: 8px 0; |
| 11138 | height: 0; | 11143 | height: 0; |
| 11139 | font-size: 0; | 11144 | font-size: 0; |
| 11140 | line-height: 0; | 11145 | line-height: 0; |
| 11141 | border-top: 1px solid #e5e5e5; | 11146 | border-top: 1px solid #e5e5e5; |
| 11142 | } | 11147 | } |
| 11143 | .ui-menu .ui-state-focus, | 11148 | .ui-menu .ui-state-focus, |
| 11144 | .ui-menu .ui-state-active { | 11149 | .ui-menu .ui-state-active { |
| 11145 | color: #333333; | 11150 | color: #333333; |
| 11146 | background-color: #f5f5f5; | 11151 | background-color: #f5f5f5; |
| 11147 | } | 11152 | } |
| 11148 | .ui-menu.ui-state-disabled, | 11153 | .ui-menu.ui-state-disabled, |
| 11149 | .ui-menu.ui-state-disabled .ui-menu-item, | 11154 | .ui-menu.ui-state-disabled .ui-menu-item, |
| 11150 | .ui-menu.ui-state-disabled a { | 11155 | .ui-menu.ui-state-disabled a { |
| 11151 | color: #999999; | 11156 | color: #999999; |
| 11152 | cursor: not-allowed; | 11157 | cursor: not-allowed; |
| 11153 | } | 11158 | } |
| 11154 | .ui-progressbar { | 11159 | .ui-progressbar { |
| 11155 | height: 18px; | 11160 | height: 18px; |
| 11156 | overflow: hidden; | 11161 | overflow: hidden; |
| 11157 | position: relative; | 11162 | position: relative; |
| 11158 | background-color: #eeeeee; | 11163 | background-color: #eeeeee; |
| 11159 | border-radius: 3px; | 11164 | border-radius: 3px; |
| 11160 | } | 11165 | } |
| 11161 | .ui-progressbar-value { | 11166 | .ui-progressbar-value { |
| 11162 | float: left; | 11167 | float: left; |
| 11163 | width: 0%; | 11168 | width: 0%; |
| 11164 | height: 100%; | 11169 | height: 100%; |
| 11165 | background-color: #2196F3; | 11170 | background-color: #2196F3; |
| 11166 | color: #fff; | 11171 | color: #fff; |
| 11167 | overflow: hidden; | 11172 | overflow: hidden; |
| 11168 | -webkit-transition: width 0.6s ease; | 11173 | -webkit-transition: width 0.6s ease; |
| 11169 | -o-transition: width 0.6s ease; | 11174 | -o-transition: width 0.6s ease; |
| 11170 | transition: width 0.6s ease; | 11175 | transition: width 0.6s ease; |
| 11171 | } | 11176 | } |
| 11172 | .ui-progressbar-value, | 11177 | .ui-progressbar-value, |
| 11173 | .ui-progressbar-overlay { | 11178 | .ui-progressbar-overlay { |
| 11174 | height: 100%; | 11179 | height: 100%; |
| 11175 | background-size: 40px 40px; | 11180 | background-size: 40px 40px; |
| 11176 | } | 11181 | } |
| 11177 | .ui-progressbar-striped .ui-progressbar-value, | 11182 | .ui-progressbar-striped .ui-progressbar-value, |
| 11178 | .ui-progressbar-striped .ui-progressbar-overlay { | 11183 | .ui-progressbar-striped .ui-progressbar-overlay { |
| 11179 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | 11184 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
| 11180 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | 11185 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
| 11181 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | 11186 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
| 11182 | } | 11187 | } |
| 11183 | .ui-progressbar-overlay { | 11188 | .ui-progressbar-overlay { |
| 11184 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | 11189 | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
| 11185 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | 11190 | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
| 11186 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | 11191 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
| 11187 | } | 11192 | } |
| 11188 | .ui-progressbar-active .ui-progressbar-value, | 11193 | .ui-progressbar-active .ui-progressbar-value, |
| 11189 | .ui-progressbar-overlay { | 11194 | .ui-progressbar-overlay { |
| 11190 | -webkit-animation: progress-bar-stripes 2s linear infinite; | 11195 | -webkit-animation: progress-bar-stripes 2s linear infinite; |
| 11191 | -o-animation: progress-bar-stripes 2s linear infinite; | 11196 | -o-animation: progress-bar-stripes 2s linear infinite; |
| 11192 | animation: progress-bar-stripes 2s linear infinite; | 11197 | animation: progress-bar-stripes 2s linear infinite; |
| 11193 | } | 11198 | } |
| 11194 | .ui-progressbar-indeterminate .ui-progressbar-value { | 11199 | .ui-progressbar-indeterminate .ui-progressbar-value { |
| 11195 | background-image: none; | 11200 | background-image: none; |
| 11196 | } | 11201 | } |
| 11197 | .ui-selectmenu-menu { | 11202 | .ui-selectmenu-menu { |
| 11198 | padding: 0; | 11203 | padding: 0; |
| 11199 | margin: 0; | 11204 | margin: 0; |
| 11200 | position: absolute; | 11205 | position: absolute; |
| 11201 | top: 0; | 11206 | top: 0; |
| 11202 | left: 0; | 11207 | left: 0; |
| 11203 | display: none; | 11208 | display: none; |
| 11204 | } | 11209 | } |
| 11205 | .ui-selectmenu-menu .ui-menu { | 11210 | .ui-selectmenu-menu .ui-menu { |
| 11206 | max-height: 250px; | 11211 | max-height: 250px; |
| 11207 | overflow-y: auto; | 11212 | overflow-y: auto; |
| 11208 | overflow-x: hidden; | 11213 | overflow-x: hidden; |
| 11209 | } | 11214 | } |
| 11210 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { | 11215 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { |
| 11211 | font-size: 11px; | 11216 | font-size: 11px; |
| 11212 | font-weight: 700; | 11217 | font-weight: 700; |
| 11213 | line-height: 1.82; | 11218 | line-height: 1.82; |
| 11214 | padding: 8px 16px; | 11219 | padding: 8px 16px; |
| 11215 | margin: 8px 0; | 11220 | margin: 8px 0; |
| 11216 | text-transform: uppercase; | 11221 | text-transform: uppercase; |
| 11217 | height: auto; | 11222 | height: auto; |
| 11218 | border: 0; | 11223 | border: 0; |
| 11219 | } | 11224 | } |
| 11220 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item { | 11225 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item { |
| 11221 | padding-left: 32px; | 11226 | padding-left: 32px; |
| 11222 | } | 11227 | } |
| 11223 | .ui-selectmenu-open { | 11228 | .ui-selectmenu-open { |
| 11224 | display: block; | 11229 | display: block; |
| 11225 | } | 11230 | } |
| 11226 | .ui-selectmenu-button { | 11231 | .ui-selectmenu-button { |
| 11227 | display: inline-block; | 11232 | display: inline-block; |
| 11228 | position: relative; | 11233 | position: relative; |
| 11229 | text-decoration: none; | 11234 | text-decoration: none; |
| 11230 | cursor: pointer; | 11235 | cursor: pointer; |
| 11231 | height: 38px; | 11236 | height: 38px; |
| 11232 | padding: 8px 0; | 11237 | padding: 8px 0; |
| 11233 | padding-right: 26px; | 11238 | padding-right: 26px; |
| 11234 | background-color: transparent; | 11239 | background-color: transparent; |
| 11235 | border: 1px solid transparent; | 11240 | border: 1px solid transparent; |
| 11236 | border-bottom-color: #ddd; | 11241 | border-bottom-color: #ddd; |
| 11237 | outline: 0; | 11242 | outline: 0; |
| 11238 | } | 11243 | } |
| 11239 | .ui-selectmenu-button.ui-state-focus, | 11244 | .ui-selectmenu-button.ui-state-focus, |
| 11240 | .ui-selectmenu-button[aria-expanded=true] { | 11245 | .ui-selectmenu-button[aria-expanded=true] { |
| 11241 | border-bottom-color: #009688; | 11246 | border-bottom-color: #009688; |
| 11242 | -webkit-box-shadow: 0 1px 0 #009688; | 11247 | -webkit-box-shadow: 0 1px 0 #009688; |
| 11243 | box-shadow: 0 1px 0 #009688; | 11248 | box-shadow: 0 1px 0 #009688; |
| 11244 | } | 11249 | } |
| 11245 | .ui-selectmenu-button:after { | 11250 | .ui-selectmenu-button:after { |
| 11246 | content: '\e9c5'; | 11251 | content: '\e9c5'; |
| 11247 | font-family: 'Icomoon'; | 11252 | font-family: 'Icomoon'; |
| 11248 | display: inline-block; | 11253 | display: inline-block; |
| 11249 | position: absolute; | 11254 | position: absolute; |
| 11250 | top: 50%; | 11255 | top: 50%; |
| 11251 | right: 0; | 11256 | right: 0; |
| 11252 | text-align: right; | 11257 | text-align: right; |
| 11253 | margin-top: -8px; | 11258 | margin-top: -8px; |
| 11254 | font-size: 16px; | 11259 | font-size: 16px; |
| 11255 | line-height: 1; | 11260 | line-height: 1; |
| 11256 | color: inherit; | 11261 | color: inherit; |
| 11257 | -webkit-font-smoothing: antialiased; | 11262 | -webkit-font-smoothing: antialiased; |
| 11258 | -moz-osx-font-smoothing: grayscale; | 11263 | -moz-osx-font-smoothing: grayscale; |
| 11259 | } | 11264 | } |
| 11260 | .ui-selectmenu-button .ui-selectmenu-text { | 11265 | .ui-selectmenu-button .ui-selectmenu-text { |
| 11261 | display: block; | 11266 | display: block; |
| 11262 | white-space: nowrap; | 11267 | white-space: nowrap; |
| 11263 | overflow: hidden; | 11268 | overflow: hidden; |
| 11264 | text-overflow: ellipsis; | 11269 | text-overflow: ellipsis; |
| 11265 | } | 11270 | } |
| 11266 | .ui-selectmenu-disabled { | 11271 | .ui-selectmenu-disabled { |
| 11267 | cursor: not-allowed; | 11272 | cursor: not-allowed; |
| 11268 | color: #999999; | 11273 | color: #999999; |
| 11269 | border-bottom-style: dashed; | 11274 | border-bottom-style: dashed; |
| 11270 | } | 11275 | } |
| 11271 | .ui-selectmenu-lg .ui-selectmenu-button { | 11276 | .ui-selectmenu-lg .ui-selectmenu-button { |
| 11272 | height: 40px; | 11277 | height: 40px; |
| 11273 | } | 11278 | } |
| 11274 | .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { | 11279 | .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { |
| 11275 | padding: 9px 0; | 11280 | padding: 9px 0; |
| 11276 | padding-right: 28px; | 11281 | padding-right: 28px; |
| 11277 | } | 11282 | } |
| 11278 | .ui-selectmenu-sm .ui-selectmenu-button { | 11283 | .ui-selectmenu-sm .ui-selectmenu-button { |
| 11279 | height: 36px; | 11284 | height: 36px; |
| 11280 | } | 11285 | } |
| 11281 | .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { | 11286 | .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { |
| 11282 | padding: 7px 0; | 11287 | padding: 7px 0; |
| 11283 | padding-right: 24px; | 11288 | padding-right: 24px; |
| 11284 | font-size: 12px; | 11289 | font-size: 12px; |
| 11285 | line-height: 1.6666667; | 11290 | line-height: 1.6666667; |
| 11286 | } | 11291 | } |
| 11287 | .ui-selectmenu-xs .ui-selectmenu-button { | 11292 | .ui-selectmenu-xs .ui-selectmenu-button { |
| 11288 | height: 34px; | 11293 | height: 34px; |
| 11289 | } | 11294 | } |
| 11290 | .ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text { | 11295 | .ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text { |
| 11291 | padding: 6px 0; | 11296 | padding: 6px 0; |
| 11292 | padding-right: 22px; | 11297 | padding-right: 22px; |
| 11293 | font-size: 12px; | 11298 | font-size: 12px; |
| 11294 | line-height: 1.6666667; | 11299 | line-height: 1.6666667; |
| 11295 | } | 11300 | } |
| 11296 | .ui-selectmenu-images .ui-menu-item > span { | 11301 | .ui-selectmenu-images .ui-menu-item > span { |
| 11297 | display: inline-block; | 11302 | display: inline-block; |
| 11298 | margin-right: 10px; | 11303 | margin-right: 10px; |
| 11299 | border-radius: 100px; | 11304 | border-radius: 100px; |
| 11300 | width: 20px; | 11305 | width: 20px; |
| 11301 | height: 20px; | 11306 | height: 20px; |
| 11302 | background-size: 20px 20px; | 11307 | background-size: 20px 20px; |
| 11303 | float: left; | 11308 | float: left; |
| 11304 | } | 11309 | } |
| 11305 | .ui-selectmenu-images .demo-img-amazon { | 11310 | .ui-selectmenu-images .demo-img-amazon { |
| 11306 | background: url('../images/brands/amazon.png') no-repeat; | 11311 | background: url('../images/brands/amazon.png') no-repeat; |
| 11307 | } | 11312 | } |
| 11308 | .ui-selectmenu-images .demo-img-youtube { | 11313 | .ui-selectmenu-images .demo-img-youtube { |
| 11309 | background: url('../images/brands/youtube.png') no-repeat; | 11314 | background: url('../images/brands/youtube.png') no-repeat; |
| 11310 | } | 11315 | } |
| 11311 | .ui-selectmenu-images .demo-img-twitter { | 11316 | .ui-selectmenu-images .demo-img-twitter { |
| 11312 | background: url('../images/brands/twitter.png') no-repeat; | 11317 | background: url('../images/brands/twitter.png') no-repeat; |
| 11313 | } | 11318 | } |
| 11314 | .ui-selectmenu-images .demo-img-bing { | 11319 | .ui-selectmenu-images .demo-img-bing { |
| 11315 | background: url('../images/brands/bing.png') no-repeat; | 11320 | background: url('../images/brands/bing.png') no-repeat; |
| 11316 | } | 11321 | } |
| 11317 | .ui-selectmenu-images .demo-img-spotify { | 11322 | .ui-selectmenu-images .demo-img-spotify { |
| 11318 | background: url('../images/brands/spotify.png') no-repeat; | 11323 | background: url('../images/brands/spotify.png') no-repeat; |
| 11319 | } | 11324 | } |
| 11320 | .ui-slider { | 11325 | .ui-slider { |
| 11321 | position: relative; | 11326 | position: relative; |
| 11322 | text-align: left; | 11327 | text-align: left; |
| 11323 | background-color: #eeeeee; | 11328 | background-color: #eeeeee; |
| 11324 | border-radius: 100px; | 11329 | border-radius: 100px; |
| 11325 | } | 11330 | } |
| 11326 | .ui-slider .ui-slider-handle { | 11331 | .ui-slider .ui-slider-handle { |
| 11327 | position: absolute; | 11332 | position: absolute; |
| 11328 | z-index: 2; | 11333 | z-index: 2; |
| 11329 | width: 12px; | 11334 | width: 12px; |
| 11330 | height: 12px; | 11335 | height: 12px; |
| 11331 | cursor: pointer; | 11336 | cursor: pointer; |
| 11332 | border-radius: 50%; | 11337 | border-radius: 50%; |
| 11333 | background-color: #5C6BC0; | 11338 | background-color: #5C6BC0; |
| 11334 | outline: 0; | 11339 | outline: 0; |
| 11335 | -webkit-transform: scale(1); | 11340 | -webkit-transform: scale(1); |
| 11336 | -ms-transform: scale(1); | 11341 | -ms-transform: scale(1); |
| 11337 | -o-transform: scale(1); | 11342 | -o-transform: scale(1); |
| 11338 | transform: scale(1); | 11343 | transform: scale(1); |
| 11339 | -webkit-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | 11344 | -webkit-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| 11340 | -o-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | 11345 | -o-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| 11341 | transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | 11346 | transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| 11342 | } | 11347 | } |
| 11343 | .ui-slider .ui-slider-handle.ui-state-hover { | 11348 | .ui-slider .ui-slider-handle.ui-state-hover { |
| 11344 | -webkit-transform: scale(1.25); | 11349 | -webkit-transform: scale(1.25); |
| 11345 | -ms-transform: scale(1.25); | 11350 | -ms-transform: scale(1.25); |
| 11346 | -o-transform: scale(1.25); | 11351 | -o-transform: scale(1.25); |
| 11347 | transform: scale(1.25); | 11352 | transform: scale(1.25); |
| 11348 | } | 11353 | } |
| 11349 | .ui-slider .ui-slider-handle.ui-state-focus, | 11354 | .ui-slider .ui-slider-handle.ui-state-focus, |
| 11350 | .ui-slider .ui-slider-handle.ui-state-active { | 11355 | .ui-slider .ui-slider-handle.ui-state-active { |
| 11351 | -webkit-transform: scale(1.5); | 11356 | -webkit-transform: scale(1.5); |
| 11352 | -ms-transform: scale(1.5); | 11357 | -ms-transform: scale(1.5); |
| 11353 | -o-transform: scale(1.5); | 11358 | -o-transform: scale(1.5); |
| 11354 | transform: scale(1.5); | 11359 | transform: scale(1.5); |
| 11355 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 11360 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 11356 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 11361 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 11357 | } | 11362 | } |
| 11358 | .ui-slider .ui-slider-range { | 11363 | .ui-slider .ui-slider-range { |
| 11359 | position: absolute; | 11364 | position: absolute; |
| 11360 | z-index: 1; | 11365 | z-index: 1; |
| 11361 | display: block; | 11366 | display: block; |
| 11362 | border: 0; | 11367 | border: 0; |
| 11363 | background-color: #5C6BC0; | 11368 | background-color: #5C6BC0; |
| 11364 | border-radius: 100px; | 11369 | border-radius: 100px; |
| 11365 | } | 11370 | } |
| 11366 | .ui-slider.ui-slider-disabled { | 11371 | .ui-slider.ui-slider-disabled { |
| 11367 | opacity: 0.6; | 11372 | opacity: 0.6; |
| 11368 | filter: alpha(opacity=60); | 11373 | filter: alpha(opacity=60); |
| 11369 | } | 11374 | } |
| 11370 | .ui-slider-horizontal { | 11375 | .ui-slider-horizontal { |
| 11371 | height: 4px; | 11376 | height: 4px; |
| 11372 | } | 11377 | } |
| 11373 | .ui-slider-horizontal .ui-slider-handle { | 11378 | .ui-slider-horizontal .ui-slider-handle { |
| 11374 | top: -4px; | 11379 | top: -4px; |
| 11375 | margin-left: -6px; | 11380 | margin-left: -6px; |
| 11376 | } | 11381 | } |
| 11377 | .ui-slider-horizontal .ui-slider-range { | 11382 | .ui-slider-horizontal .ui-slider-range { |
| 11378 | top: 0; | 11383 | top: 0; |
| 11379 | height: 100%; | 11384 | height: 100%; |
| 11380 | } | 11385 | } |
| 11381 | .ui-slider-horizontal .ui-slider-range-min { | 11386 | .ui-slider-horizontal .ui-slider-range-min { |
| 11382 | left: 0; | 11387 | left: 0; |
| 11383 | } | 11388 | } |
| 11384 | .ui-slider-horizontal .ui-slider-range-max { | 11389 | .ui-slider-horizontal .ui-slider-range-max { |
| 11385 | right: 0; | 11390 | right: 0; |
| 11386 | } | 11391 | } |
| 11387 | .ui-slider-vertical { | 11392 | .ui-slider-vertical { |
| 11388 | width: 4px; | 11393 | width: 4px; |
| 11389 | height: 150px; | 11394 | height: 150px; |
| 11390 | display: inline-block; | 11395 | display: inline-block; |
| 11391 | margin: 0 10px; | 11396 | margin: 0 10px; |
| 11392 | } | 11397 | } |
| 11393 | .ui-slider-vertical .ui-slider-handle { | 11398 | .ui-slider-vertical .ui-slider-handle { |
| 11394 | left: -4px; | 11399 | left: -4px; |
| 11395 | margin-bottom: -6px; | 11400 | margin-bottom: -6px; |
| 11396 | } | 11401 | } |
| 11397 | .ui-slider-vertical .ui-slider-range { | 11402 | .ui-slider-vertical .ui-slider-range { |
| 11398 | left: 0; | 11403 | left: 0; |
| 11399 | width: 100%; | 11404 | width: 100%; |
| 11400 | } | 11405 | } |
| 11401 | .ui-slider-vertical .ui-slider-range-min { | 11406 | .ui-slider-vertical .ui-slider-range-min { |
| 11402 | bottom: 0; | 11407 | bottom: 0; |
| 11403 | } | 11408 | } |
| 11404 | .ui-slider-vertical .ui-slider-range-max { | 11409 | .ui-slider-vertical .ui-slider-range-max { |
| 11405 | top: 0; | 11410 | top: 0; |
| 11406 | } | 11411 | } |
| 11407 | .ui-slider-circle .ui-slider-handle:after { | 11412 | .ui-slider-circle .ui-slider-handle:after { |
| 11408 | content: ''; | 11413 | content: ''; |
| 11409 | display: inline-block; | 11414 | display: inline-block; |
| 11410 | width: 4px; | 11415 | width: 4px; |
| 11411 | height: 4px; | 11416 | height: 4px; |
| 11412 | background-color: #fff; | 11417 | background-color: #fff; |
| 11413 | position: absolute; | 11418 | position: absolute; |
| 11414 | top: 50%; | 11419 | top: 50%; |
| 11415 | left: 50%; | 11420 | left: 50%; |
| 11416 | margin-top: -2px; | 11421 | margin-top: -2px; |
| 11417 | margin-left: -2px; | 11422 | margin-left: -2px; |
| 11418 | border-radius: 100px; | 11423 | border-radius: 100px; |
| 11419 | } | 11424 | } |
| 11420 | .ui-handle-white .ui-slider-handle { | 11425 | .ui-handle-white .ui-slider-handle { |
| 11421 | background-color: #fff!important; | 11426 | background-color: #fff!important; |
| 11422 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11427 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11423 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11428 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11424 | } | 11429 | } |
| 11425 | .ui-handle-white .ui-slider-handle.ui-state-focus, | 11430 | .ui-handle-white .ui-slider-handle.ui-state-focus, |
| 11426 | .ui-handle-white .ui-slider-handle.ui-state-active { | 11431 | .ui-handle-white .ui-slider-handle.ui-state-active { |
| 11427 | -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; | 11432 | -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; |
| 11428 | box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; | 11433 | box-shadow: 0 0 0 10px rgba(0,0,0,0.05), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; |
| 11429 | } | 11434 | } |
| 11430 | .ui-slider-lg .ui-slider-handle { | 11435 | .ui-slider-lg .ui-slider-handle { |
| 11431 | width: 15px; | 11436 | width: 15px; |
| 11432 | height: 15px; | 11437 | height: 15px; |
| 11433 | } | 11438 | } |
| 11434 | .ui-slider-lg .ui-slider-handle:after { | 11439 | .ui-slider-lg .ui-slider-handle:after { |
| 11435 | width: 5px; | 11440 | width: 5px; |
| 11436 | height: 5px; | 11441 | height: 5px; |
| 11437 | margin-top: -2.5px; | 11442 | margin-top: -2.5px; |
| 11438 | margin-left: -2.5px; | 11443 | margin-left: -2.5px; |
| 11439 | } | 11444 | } |
| 11440 | .ui-slider-lg.ui-slider-horizontal { | 11445 | .ui-slider-lg.ui-slider-horizontal { |
| 11441 | height: 5px; | 11446 | height: 5px; |
| 11442 | } | 11447 | } |
| 11443 | .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { | 11448 | .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { |
| 11444 | top: -5px; | 11449 | top: -5px; |
| 11445 | margin-left: -7.5px; | 11450 | margin-left: -7.5px; |
| 11446 | } | 11451 | } |
| 11447 | .ui-slider-lg.ui-slider-vertical { | 11452 | .ui-slider-lg.ui-slider-vertical { |
| 11448 | width: 5px; | 11453 | width: 5px; |
| 11449 | } | 11454 | } |
| 11450 | .ui-slider-lg.ui-slider-vertical .ui-slider-handle { | 11455 | .ui-slider-lg.ui-slider-vertical .ui-slider-handle { |
| 11451 | left: -5px; | 11456 | left: -5px; |
| 11452 | margin-bottom: -7.5px; | 11457 | margin-bottom: -7.5px; |
| 11453 | } | 11458 | } |
| 11454 | .ui-slider-sm.ui-slider-horizontal { | 11459 | .ui-slider-sm.ui-slider-horizontal { |
| 11455 | height: 3px; | 11460 | height: 3px; |
| 11456 | } | 11461 | } |
| 11457 | .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { | 11462 | .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { |
| 11458 | top: -4.5px; | 11463 | top: -4.5px; |
| 11459 | margin-left: -6px; | 11464 | margin-left: -6px; |
| 11460 | } | 11465 | } |
| 11461 | .ui-slider-sm.ui-slider-vertical { | 11466 | .ui-slider-sm.ui-slider-vertical { |
| 11462 | width: 3px; | 11467 | width: 3px; |
| 11463 | } | 11468 | } |
| 11464 | .ui-slider-sm.ui-slider-vertical .ui-slider-handle { | 11469 | .ui-slider-sm.ui-slider-vertical .ui-slider-handle { |
| 11465 | left: -4.5px; | 11470 | left: -4.5px; |
| 11466 | margin-bottom: -6px; | 11471 | margin-bottom: -6px; |
| 11467 | } | 11472 | } |
| 11468 | .ui-slider-xs.ui-slider-horizontal { | 11473 | .ui-slider-xs.ui-slider-horizontal { |
| 11469 | height: 2px; | 11474 | height: 2px; |
| 11470 | } | 11475 | } |
| 11471 | .ui-slider-xs.ui-slider-horizontal .ui-slider-handle { | 11476 | .ui-slider-xs.ui-slider-horizontal .ui-slider-handle { |
| 11472 | top: -5px; | 11477 | top: -5px; |
| 11473 | margin-left: -6px; | 11478 | margin-left: -6px; |
| 11474 | } | 11479 | } |
| 11475 | .ui-slider-xs.ui-slider-vertical { | 11480 | .ui-slider-xs.ui-slider-vertical { |
| 11476 | width: 2px; | 11481 | width: 2px; |
| 11477 | } | 11482 | } |
| 11478 | .ui-slider-xs.ui-slider-vertical .ui-slider-handle { | 11483 | .ui-slider-xs.ui-slider-vertical .ui-slider-handle { |
| 11479 | left: -5px; | 11484 | left: -5px; |
| 11480 | margin-bottom: -6px; | 11485 | margin-bottom: -6px; |
| 11481 | } | 11486 | } |
| 11482 | .ui-slider-primary .ui-slider-range, | 11487 | .ui-slider-primary .ui-slider-range, |
| 11483 | .ui-slider-primary .ui-slider-handle { | 11488 | .ui-slider-primary .ui-slider-handle { |
| 11484 | background-color: #2196F3; | 11489 | background-color: #2196F3; |
| 11485 | } | 11490 | } |
| 11486 | .ui-slider-primary .ui-slider-handle.ui-state-focus, | 11491 | .ui-slider-primary .ui-slider-handle.ui-state-focus, |
| 11487 | .ui-slider-primary .ui-slider-handle.ui-state-active { | 11492 | .ui-slider-primary .ui-slider-handle.ui-state-active { |
| 11488 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 11493 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 11489 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 11494 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 11490 | } | 11495 | } |
| 11491 | .ui-slider-danger .ui-slider-range, | 11496 | .ui-slider-danger .ui-slider-range, |
| 11492 | .ui-slider-danger .ui-slider-handle { | 11497 | .ui-slider-danger .ui-slider-handle { |
| 11493 | background-color: #F44336; | 11498 | background-color: #F44336; |
| 11494 | } | 11499 | } |
| 11495 | .ui-slider-danger .ui-slider-handle.ui-state-focus, | 11500 | .ui-slider-danger .ui-slider-handle.ui-state-focus, |
| 11496 | .ui-slider-danger .ui-slider-handle.ui-state-active { | 11501 | .ui-slider-danger .ui-slider-handle.ui-state-active { |
| 11497 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 11502 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 11498 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 11503 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 11499 | } | 11504 | } |
| 11500 | .ui-slider-success .ui-slider-range, | 11505 | .ui-slider-success .ui-slider-range, |
| 11501 | .ui-slider-success .ui-slider-handle { | 11506 | .ui-slider-success .ui-slider-handle { |
| 11502 | background-color: #4CAF50; | 11507 | background-color: #4CAF50; |
| 11503 | } | 11508 | } |
| 11504 | .ui-slider-success .ui-slider-handle.ui-state-focus, | 11509 | .ui-slider-success .ui-slider-handle.ui-state-focus, |
| 11505 | .ui-slider-success .ui-slider-handle.ui-state-active { | 11510 | .ui-slider-success .ui-slider-handle.ui-state-active { |
| 11506 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 11511 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 11507 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 11512 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 11508 | } | 11513 | } |
| 11509 | .ui-slider-warning .ui-slider-range, | 11514 | .ui-slider-warning .ui-slider-range, |
| 11510 | .ui-slider-warning .ui-slider-handle { | 11515 | .ui-slider-warning .ui-slider-handle { |
| 11511 | background-color: #FF5722; | 11516 | background-color: #FF5722; |
| 11512 | } | 11517 | } |
| 11513 | .ui-slider-warning .ui-slider-handle.ui-state-focus, | 11518 | .ui-slider-warning .ui-slider-handle.ui-state-focus, |
| 11514 | .ui-slider-warning .ui-slider-handle.ui-state-active { | 11519 | .ui-slider-warning .ui-slider-handle.ui-state-active { |
| 11515 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 11520 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 11516 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 11521 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 11517 | } | 11522 | } |
| 11518 | .ui-slider-info .ui-slider-range, | 11523 | .ui-slider-info .ui-slider-range, |
| 11519 | .ui-slider-info .ui-slider-handle { | 11524 | .ui-slider-info .ui-slider-handle { |
| 11520 | background-color: #00BCD4; | 11525 | background-color: #00BCD4; |
| 11521 | } | 11526 | } |
| 11522 | .ui-slider-info .ui-slider-handle.ui-state-focus, | 11527 | .ui-slider-info .ui-slider-handle.ui-state-focus, |
| 11523 | .ui-slider-info .ui-slider-handle.ui-state-active { | 11528 | .ui-slider-info .ui-slider-handle.ui-state-active { |
| 11524 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 11529 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 11525 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 11530 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 11526 | } | 11531 | } |
| 11527 | .ui-spinner { | 11532 | .ui-spinner { |
| 11528 | position: relative; | 11533 | position: relative; |
| 11529 | display: table; | 11534 | display: table; |
| 11530 | } | 11535 | } |
| 11531 | .ui-spinner-input { | 11536 | .ui-spinner-input { |
| 11532 | display: table-cell; | 11537 | display: table-cell; |
| 11533 | width: calc(100% - 16px); | 11538 | width: calc(100% - 16px); |
| 11534 | } | 11539 | } |
| 11535 | .ui-spinner-button { | 11540 | .ui-spinner-button { |
| 11536 | font-size: 0; | 11541 | font-size: 0; |
| 11537 | cursor: pointer; | 11542 | cursor: pointer; |
| 11538 | display: table-cell; | 11543 | display: table-cell; |
| 11539 | width: 1%; | 11544 | width: 1%; |
| 11540 | border-radius: 0; | 11545 | border-radius: 0; |
| 11541 | padding-left: 11px; | 11546 | padding-left: 11px; |
| 11542 | padding-right: 11px; | 11547 | padding-right: 11px; |
| 11543 | } | 11548 | } |
| 11544 | .ui-spinner-button:after { | 11549 | .ui-spinner-button:after { |
| 11545 | font-family: 'Icomoon'; | 11550 | font-family: 'Icomoon'; |
| 11546 | display: inline-block; | 11551 | display: inline-block; |
| 11547 | width: 16px; | 11552 | width: 16px; |
| 11548 | font-size: 16px; | 11553 | font-size: 16px; |
| 11549 | line-height: 1; | 11554 | line-height: 1; |
| 11550 | -webkit-font-smoothing: antialiased; | 11555 | -webkit-font-smoothing: antialiased; |
| 11551 | -moz-osx-font-smoothing: grayscale; | 11556 | -moz-osx-font-smoothing: grayscale; |
| 11552 | } | 11557 | } |
| 11553 | .ui-spinner-button + .ui-spinner-button { | 11558 | .ui-spinner-button + .ui-spinner-button { |
| 11554 | border-left: 1px solid #fff; | 11559 | border-left: 1px solid #fff; |
| 11555 | } | 11560 | } |
| 11556 | .ui-spinner-button .ui-button-text { | 11561 | .ui-spinner-button .ui-button-text { |
| 11557 | display: none; | 11562 | display: none; |
| 11558 | } | 11563 | } |
| 11559 | .ui-spinner-button.ui-state-hover, | 11564 | .ui-spinner-button.ui-state-hover, |
| 11560 | .ui-spinner-button.ui-state-focus { | 11565 | .ui-spinner-button.ui-state-focus { |
| 11561 | color: #333333; | 11566 | color: #333333; |
| 11562 | } | 11567 | } |
| 11563 | .ui-spinner-button.ui-state-disabled { | 11568 | .ui-spinner-button.ui-state-disabled { |
| 11564 | background-color: transparent; | 11569 | background-color: transparent; |
| 11565 | color: #999999; | 11570 | color: #999999; |
| 11566 | cursor: not-allowed; | 11571 | cursor: not-allowed; |
| 11567 | -webkit-box-shadow: none; | 11572 | -webkit-box-shadow: none; |
| 11568 | box-shadow: none; | 11573 | box-shadow: none; |
| 11569 | } | 11574 | } |
| 11570 | .ui-spinner-up { | 11575 | .ui-spinner-up { |
| 11571 | border-bottom-left-radius: 3px; | 11576 | border-bottom-left-radius: 3px; |
| 11572 | border-top-left-radius: 3px; | 11577 | border-top-left-radius: 3px; |
| 11573 | } | 11578 | } |
| 11574 | .ui-spinner-up:after { | 11579 | .ui-spinner-up:after { |
| 11575 | content: '\e9f7'; | 11580 | content: '\e9f7'; |
| 11576 | } | 11581 | } |
| 11577 | .ui-spinner-down { | 11582 | .ui-spinner-down { |
| 11578 | margin-left: 1px; | 11583 | margin-left: 1px; |
| 11579 | border-bottom-right-radius: 3px; | 11584 | border-bottom-right-radius: 3px; |
| 11580 | border-top-right-radius: 3px; | 11585 | border-top-right-radius: 3px; |
| 11581 | } | 11586 | } |
| 11582 | .ui-spinner-down:after { | 11587 | .ui-spinner-down:after { |
| 11583 | content: '\e9e2'; | 11588 | content: '\e9e2'; |
| 11584 | } | 11589 | } |
| 11585 | .ui-tabs { | 11590 | .ui-tabs { |
| 11586 | position: relative; | 11591 | position: relative; |
| 11587 | } | 11592 | } |
| 11588 | .ui-tabs .ui-tabs-nav { | 11593 | .ui-tabs .ui-tabs-nav { |
| 11589 | margin-bottom: 20px; | 11594 | margin-bottom: 20px; |
| 11590 | border-bottom: 1px solid #ddd; | 11595 | border-bottom: 1px solid #ddd; |
| 11591 | } | 11596 | } |
| 11592 | .ui-tabs .ui-tabs-nav li { | 11597 | .ui-tabs .ui-tabs-nav li { |
| 11593 | list-style: none; | 11598 | list-style: none; |
| 11594 | position: relative; | 11599 | position: relative; |
| 11595 | padding: 0; | 11600 | padding: 0; |
| 11596 | white-space: nowrap; | 11601 | white-space: nowrap; |
| 11597 | margin-bottom: -1px; | 11602 | margin-bottom: -1px; |
| 11598 | } | 11603 | } |
| 11599 | @media (min-width: 769px) { | 11604 | @media (min-width: 769px) { |
| 11600 | .ui-tabs .ui-tabs-nav li { | 11605 | .ui-tabs .ui-tabs-nav li { |
| 11601 | float: left; | 11606 | float: left; |
| 11602 | } | 11607 | } |
| 11603 | } | 11608 | } |
| 11604 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { | 11609 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { |
| 11605 | display: block; | 11610 | display: block; |
| 11606 | color: #888; | 11611 | color: #888; |
| 11607 | padding: 12px 16px; | 11612 | padding: 12px 16px; |
| 11608 | border: 1px solid transparent; | 11613 | border: 1px solid transparent; |
| 11609 | text-transform: uppercase; | 11614 | text-transform: uppercase; |
| 11610 | border-top-width: 2px; | 11615 | border-top-width: 2px; |
| 11611 | } | 11616 | } |
| 11612 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled), | 11617 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled), |
| 11613 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) { | 11618 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) { |
| 11614 | color: #333333; | 11619 | color: #333333; |
| 11615 | } | 11620 | } |
| 11616 | .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { | 11621 | .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { |
| 11617 | color: #333333; | 11622 | color: #333333; |
| 11618 | background-color: #fff; | 11623 | background-color: #fff; |
| 11619 | cursor: default; | 11624 | cursor: default; |
| 11620 | border-color: #2196F3 #ddd transparent; | 11625 | border-color: #2196F3 #ddd transparent; |
| 11621 | } | 11626 | } |
| 11622 | .ui-tabs .ui-tabs-nav .ui-state-disabled { | 11627 | .ui-tabs .ui-tabs-nav .ui-state-disabled { |
| 11623 | color: #999999; | 11628 | color: #999999; |
| 11624 | cursor: not-allowed; | 11629 | cursor: not-allowed; |
| 11625 | opacity: 0.75; | 11630 | opacity: 0.75; |
| 11626 | filter: alpha(opacity=75); | 11631 | filter: alpha(opacity=75); |
| 11627 | } | 11632 | } |
| 11628 | .ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { | 11633 | .ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { |
| 11629 | background-color: #fff; | 11634 | background-color: #fff; |
| 11630 | border-bottom-color: #ddd; | 11635 | border-bottom-color: #ddd; |
| 11631 | } | 11636 | } |
| 11632 | @media (max-width: 768px) { | 11637 | @media (max-width: 768px) { |
| 11633 | .ui-tabs .ui-tabs-nav { | 11638 | .ui-tabs .ui-tabs-nav { |
| 11634 | border-bottom: 0; | 11639 | border-bottom: 0; |
| 11635 | position: relative; | 11640 | position: relative; |
| 11636 | background-color: #fff; | 11641 | background-color: #fff; |
| 11637 | padding: 8px 0; | 11642 | padding: 8px 0; |
| 11638 | border: 1px solid #ddd; | 11643 | border: 1px solid #ddd; |
| 11639 | border-radius: 3px; | 11644 | border-radius: 3px; |
| 11640 | } | 11645 | } |
| 11641 | .ui-tabs .ui-tabs-nav li { | 11646 | .ui-tabs .ui-tabs-nav li { |
| 11642 | margin-bottom: 0; | 11647 | margin-bottom: 0; |
| 11643 | } | 11648 | } |
| 11644 | .ui-tabs .ui-tabs-nav li + li { | 11649 | .ui-tabs .ui-tabs-nav li + li { |
| 11645 | margin-top: 1px; | 11650 | margin-top: 1px; |
| 11646 | } | 11651 | } |
| 11647 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { | 11652 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { |
| 11648 | border-width: 0 0 0 2px; | 11653 | border-width: 0 0 0 2px; |
| 11649 | border-left-color: transparent; | 11654 | border-left-color: transparent; |
| 11650 | } | 11655 | } |
| 11651 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor, | 11656 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor, |
| 11652 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor { | 11657 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor { |
| 11653 | background-color: #fafafa; | 11658 | background-color: #fafafa; |
| 11654 | } | 11659 | } |
| 11655 | .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor { | 11660 | .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor { |
| 11656 | border-left-color: #2196F3; | 11661 | border-left-color: #2196F3; |
| 11657 | background-color: #f5f5f5; | 11662 | background-color: #f5f5f5; |
| 11658 | } | 11663 | } |
| 11659 | .ui-tabs .ui-tabs-nav:before { | 11664 | .ui-tabs .ui-tabs-nav:before { |
| 11660 | content: 'Contents'; | 11665 | content: 'Contents'; |
| 11661 | color: inherit; | 11666 | color: inherit; |
| 11662 | font-size: 12px; | 11667 | font-size: 12px; |
| 11663 | line-height: 1.6666667; | 11668 | line-height: 1.6666667; |
| 11664 | font-weight: 500; | 11669 | font-weight: 500; |
| 11665 | margin-top: 7px; | 11670 | margin-top: 7px; |
| 11666 | margin-left: 15px; | 11671 | margin-left: 15px; |
| 11667 | margin-bottom: 15px; | 11672 | margin-bottom: 15px; |
| 11668 | text-transform: uppercase; | 11673 | text-transform: uppercase; |
| 11669 | opacity: 0.5; | 11674 | opacity: 0.5; |
| 11670 | filter: alpha(opacity=50); | 11675 | filter: alpha(opacity=50); |
| 11671 | } | 11676 | } |
| 11672 | } | 11677 | } |
| 11673 | .ui-tabs .ui-tabs-panel { | 11678 | .ui-tabs .ui-tabs-panel { |
| 11674 | display: block; | 11679 | display: block; |
| 11675 | } | 11680 | } |
| 11676 | .ui-tooltip { | 11681 | .ui-tooltip { |
| 11677 | position: absolute; | 11682 | position: absolute; |
| 11678 | z-index: 1070; | 11683 | z-index: 1070; |
| 11679 | max-width: 200px; | 11684 | max-width: 200px; |
| 11680 | padding: 3px 8px; | 11685 | padding: 3px 8px; |
| 11681 | color: #fff; | 11686 | color: #fff; |
| 11682 | text-align: center; | 11687 | text-align: center; |
| 11683 | background-color: #333; | 11688 | background-color: #333; |
| 11684 | border-radius: 3px; | 11689 | border-radius: 3px; |
| 11685 | } | 11690 | } |
| 11686 | .ui-widget-overlay { | 11691 | .ui-widget-overlay { |
| 11687 | position: fixed; | 11692 | position: fixed; |
| 11688 | top: 0; | 11693 | top: 0; |
| 11689 | left: 0; | 11694 | left: 0; |
| 11690 | width: 100%; | 11695 | width: 100%; |
| 11691 | height: 100%; | 11696 | height: 100%; |
| 11692 | background-color: #000; | 11697 | background-color: #000; |
| 11693 | opacity: 0.5; | 11698 | opacity: 0.5; |
| 11694 | filter: alpha(opacity=50); | 11699 | filter: alpha(opacity=50); |
| 11695 | } | 11700 | } |
| 11696 | .ui-helper-hidden { | 11701 | .ui-helper-hidden { |
| 11697 | display: none; | 11702 | display: none; |
| 11698 | } | 11703 | } |
| 11699 | .ui-helper-hidden-accessible { | 11704 | .ui-helper-hidden-accessible { |
| 11700 | border: 0; | 11705 | border: 0; |
| 11701 | clip: rect(0 0 0 0); | 11706 | clip: rect(0 0 0 0); |
| 11702 | height: 1px; | 11707 | height: 1px; |
| 11703 | margin: -1px; | 11708 | margin: -1px; |
| 11704 | overflow: hidden; | 11709 | overflow: hidden; |
| 11705 | padding: 0; | 11710 | padding: 0; |
| 11706 | position: absolute; | 11711 | position: absolute; |
| 11707 | width: 1px; | 11712 | width: 1px; |
| 11708 | } | 11713 | } |
| 11709 | .ui-helper-reset { | 11714 | .ui-helper-reset { |
| 11710 | margin: 0; | 11715 | margin: 0; |
| 11711 | padding: 0; | 11716 | padding: 0; |
| 11712 | border: 0; | 11717 | border: 0; |
| 11713 | outline: 0; | 11718 | outline: 0; |
| 11714 | list-style: none; | 11719 | list-style: none; |
| 11715 | } | 11720 | } |
| 11716 | .ui-helper-clearfix:before, | 11721 | .ui-helper-clearfix:before, |
| 11717 | .ui-helper-clearfix:after { | 11722 | .ui-helper-clearfix:after { |
| 11718 | content: ""; | 11723 | content: ""; |
| 11719 | display: table; | 11724 | display: table; |
| 11720 | border-collapse: collapse; | 11725 | border-collapse: collapse; |
| 11721 | } | 11726 | } |
| 11722 | .ui-helper-clearfix:after { | 11727 | .ui-helper-clearfix:after { |
| 11723 | clear: both; | 11728 | clear: both; |
| 11724 | } | 11729 | } |
| 11725 | .ui-helper-zfix { | 11730 | .ui-helper-zfix { |
| 11726 | width: 100%; | 11731 | width: 100%; |
| 11727 | height: 100%; | 11732 | height: 100%; |
| 11728 | top: 0; | 11733 | top: 0; |
| 11729 | left: 0; | 11734 | left: 0; |
| 11730 | position: absolute; | 11735 | position: absolute; |
| 11731 | opacity: 0; | 11736 | opacity: 0; |
| 11732 | filter: alpha(opacity=0); | 11737 | filter: alpha(opacity=0); |
| 11733 | } | 11738 | } |
| 11734 | .ui-front { | 11739 | .ui-front { |
| 11735 | z-index: 1040; | 11740 | z-index: 1040; |
| 11736 | } | 11741 | } |
| 11737 | /* ------------------------------------------------------------------------------ | 11742 | /* ------------------------------------------------------------------------------ |
| 11738 | * | 11743 | * |
| 11739 | * # Ripple effect | 11744 | * # Ripple effect |
| 11740 | * | 11745 | * |
| 11741 | * Material design ripple click effect | 11746 | * Material design ripple click effect |
| 11742 | * | 11747 | * |
| 11743 | * Version: 1.0 | 11748 | * Version: 1.0 |
| 11744 | * Latest update: Mar 10, 2016 | 11749 | * Latest update: Mar 10, 2016 |
| 11745 | * | 11750 | * |
| 11746 | * ---------------------------------------------------------------------------- */ | 11751 | * ---------------------------------------------------------------------------- */ |
| 11747 | .legitRipple { | 11752 | .legitRipple { |
| 11748 | position: relative; | 11753 | position: relative; |
| 11749 | overflow: hidden; | 11754 | overflow: hidden; |
| 11750 | z-index: 0; | 11755 | z-index: 0; |
| 11751 | -webkit-user-select: none; | 11756 | -webkit-user-select: none; |
| 11752 | -moz-user-select: none; | 11757 | -moz-user-select: none; |
| 11753 | -ms-user-select: none; | 11758 | -ms-user-select: none; |
| 11754 | user-select: none; | 11759 | user-select: none; |
| 11755 | } | 11760 | } |
| 11756 | .legitRipple-ripple { | 11761 | .legitRipple-ripple { |
| 11757 | position: absolute; | 11762 | position: absolute; |
| 11758 | width: 0; | 11763 | width: 0; |
| 11759 | z-index: -1; | 11764 | z-index: -1; |
| 11760 | pointer-events: none; | 11765 | pointer-events: none; |
| 11761 | border-radius: 50%; | 11766 | border-radius: 50%; |
| 11762 | background-color: rgba(255, 255, 255, 0.1); | 11767 | background-color: rgba(255, 255, 255, 0.1); |
| 11763 | will-change: transform, width, opacity; | 11768 | will-change: transform, width, opacity; |
| 11764 | opacity: 1; | 11769 | opacity: 1; |
| 11765 | filter: alpha(opacity=100); | 11770 | filter: alpha(opacity=100); |
| 11766 | -webkit-transform: translate3d(0, 0, 0); | 11771 | -webkit-transform: translate3d(0, 0, 0); |
| 11767 | transform: translate3d(0, 0, 0); | 11772 | transform: translate3d(0, 0, 0); |
| 11768 | -webkit-transform: translate(-50%, -50%); | 11773 | -webkit-transform: translate(-50%, -50%); |
| 11769 | -ms-transform: translate(-50%, -50%); | 11774 | -ms-transform: translate(-50%, -50%); |
| 11770 | -o-transform: translate(-50%, -50%); | 11775 | -o-transform: translate(-50%, -50%); |
| 11771 | transform: translate(-50%, -50%); | 11776 | transform: translate(-50%, -50%); |
| 11772 | -webkit-transition: width 0.2s linear, opacity 0.5s ease-out; | 11777 | -webkit-transition: width 0.2s linear, opacity 0.5s ease-out; |
| 11773 | -o-transition: width 0.2s linear, opacity 0.5s ease-out; | 11778 | -o-transition: width 0.2s linear, opacity 0.5s ease-out; |
| 11774 | transition: width 0.2s linear, opacity 0.5s ease-out; | 11779 | transition: width 0.2s linear, opacity 0.5s ease-out; |
| 11775 | } | 11780 | } |
| 11776 | .legitRipple-ripple:before { | 11781 | .legitRipple-ripple:before { |
| 11777 | content: ""; | 11782 | content: ""; |
| 11778 | padding-top: 100%; | 11783 | padding-top: 100%; |
| 11779 | display: block; | 11784 | display: block; |
| 11780 | } | 11785 | } |
| 11781 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li .legitRipple-ripple { | 11786 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li .legitRipple-ripple { |
| 11782 | background-color: rgba(255, 255, 255, 0.1); | 11787 | background-color: rgba(255, 255, 255, 0.1); |
| 11783 | } | 11788 | } |
| 11784 | .btn-default .legitRipple-ripple, | 11789 | .btn-default .legitRipple-ripple, |
| 11785 | .btn-link .legitRipple-ripple, | 11790 | .btn-link .legitRipple-ripple, |
| 11786 | .btn-flat .legitRipple-ripple, | 11791 | .btn-flat .legitRipple-ripple, |
| 11787 | .icons-list > li > a .legitRipple-ripple, | 11792 | .icons-list > li > a .legitRipple-ripple, |
| 11788 | .pagination > li:not(.active) > a .legitRipple-ripple, | 11793 | .pagination > li:not(.active) > a .legitRipple-ripple, |
| 11789 | .pagination > li:not(.active) > span .legitRipple-ripple, | 11794 | .pagination > li:not(.active) > span .legitRipple-ripple, |
| 11790 | .nav-tabs:not([class*=bg-]) > li > a .legitRipple-ripple, | 11795 | .nav-tabs:not([class*=bg-]) > li > a .legitRipple-ripple, |
| 11791 | .breadcrumb-elements > li .legitRipple-ripple, | 11796 | .breadcrumb-elements > li .legitRipple-ripple, |
| 11792 | .nav-pills > li > a .legitRipple-ripple, | 11797 | .nav-pills > li > a .legitRipple-ripple, |
| 11793 | .ui-button:not([class*=bg-]) .legitRipple-ripple, | 11798 | .ui-button:not([class*=bg-]) .legitRipple-ripple, |
| 11794 | .ui-tabs-anchor .legitRipple-ripple, | 11799 | .ui-tabs-anchor .legitRipple-ripple, |
| 11795 | .fc-button .legitRipple-ripple, | 11800 | .fc-button .legitRipple-ripple, |
| 11796 | .checkbox .legitRipple-ripple, | 11801 | .checkbox .legitRipple-ripple, |
| 11797 | .wizard > .actions > ul > li:first-child > a .legitRipple-ripple, | 11802 | .wizard > .actions > ul > li:first-child > a .legitRipple-ripple, |
| 11798 | .sidebar-default .navigation > li > a .legitRipple-ripple, | 11803 | .sidebar-default .navigation > li > a .legitRipple-ripple, |
| 11799 | .sidebar-default .navigation > li ul li > a .legitRipple-ripple, | 11804 | .sidebar-default .navigation > li ul li > a .legitRipple-ripple, |
| 11800 | .navbar-default .navbar-nav > li > a .legitRipple-ripple { | 11805 | .navbar-default .navbar-nav > li > a .legitRipple-ripple { |
| 11801 | background-color: rgba(0, 0, 0, 0.05); | 11806 | background-color: rgba(0, 0, 0, 0.05); |
| 11802 | } | 11807 | } |
| 11803 | img ~ .legitRipple-ripple { | 11808 | img ~ .legitRipple-ripple { |
| 11804 | z-index: auto; | 11809 | z-index: auto; |
| 11805 | } | 11810 | } |
| 11806 | .sidebar-user-material-content .legitRipple { | 11811 | .sidebar-user-material-content .legitRipple { |
| 11807 | border-radius: 50%; | 11812 | border-radius: 50%; |
| 11808 | } | 11813 | } |
| 11809 | .legitRipple-template { | 11814 | .legitRipple-template { |
| 11810 | display: none; | 11815 | display: none; |
| 11811 | } | 11816 | } |
| 11812 | .legitRipple-custom { | 11817 | .legitRipple-custom { |
| 11813 | overflow: hidden; | 11818 | overflow: hidden; |
| 11814 | } | 11819 | } |
| 11815 | .legitRipple-custom > * { | 11820 | .legitRipple-custom > * { |
| 11816 | position: absolute; | 11821 | position: absolute; |
| 11817 | top: 50%; | 11822 | top: 50%; |
| 11818 | left: 50%; | 11823 | left: 50%; |
| 11819 | min-width: 100%; | 11824 | min-width: 100%; |
| 11820 | min-height: 100%; | 11825 | min-height: 100%; |
| 11821 | -webkit-transform: translate(-50%, -50%); | 11826 | -webkit-transform: translate(-50%, -50%); |
| 11822 | -ms-transform: translate(-50%, -50%); | 11827 | -ms-transform: translate(-50%, -50%); |
| 11823 | -o-transform: translate(-50%, -50%); | 11828 | -o-transform: translate(-50%, -50%); |
| 11824 | transform: translate(-50%, -50%); | 11829 | transform: translate(-50%, -50%); |
| 11825 | } | 11830 | } |
| 11826 | /* ------------------------------------------------------------------------------ | 11831 | /* ------------------------------------------------------------------------------ |
| 11827 | * | 11832 | * |
| 11828 | * # Floating action buttons | 11833 | * # Floating action buttons |
| 11829 | * | 11834 | * |
| 11830 | * Material design floating action button with menu | 11835 | * Material design floating action button with menu |
| 11831 | * | 11836 | * |
| 11832 | * Version: 1.0 | 11837 | * Version: 1.0 |
| 11833 | * Latest update: Mar 10, 2016 | 11838 | * Latest update: Mar 10, 2016 |
| 11834 | * | 11839 | * |
| 11835 | * ---------------------------------------------------------------------------- */ | 11840 | * ---------------------------------------------------------------------------- */ |
| 11836 | .fab-menu { | 11841 | .fab-menu { |
| 11837 | position: relative; | 11842 | position: relative; |
| 11838 | display: inline-block; | 11843 | display: inline-block; |
| 11839 | white-space: nowrap; | 11844 | white-space: nowrap; |
| 11840 | padding: 0; | 11845 | padding: 0; |
| 11841 | margin: 0; | 11846 | margin: 0; |
| 11842 | list-style: none; | 11847 | list-style: none; |
| 11843 | z-index: 999; | 11848 | z-index: 999; |
| 11844 | } | 11849 | } |
| 11845 | .fab-menu-absolute { | 11850 | .fab-menu-absolute { |
| 11846 | position: absolute; | 11851 | position: absolute; |
| 11847 | } | 11852 | } |
| 11848 | .fab-menu-absolute.affix { | 11853 | .fab-menu-absolute.affix { |
| 11849 | position: fixed; | 11854 | position: fixed; |
| 11850 | } | 11855 | } |
| 11851 | .fab-menu-fixed { | 11856 | .fab-menu-fixed { |
| 11852 | position: fixed; | 11857 | position: fixed; |
| 11853 | z-index: 1030; | 11858 | z-index: 1030; |
| 11854 | } | 11859 | } |
| 11855 | .fab-menu-top-left, | 11860 | .fab-menu-top-left, |
| 11856 | .fab-menu-top-right { | 11861 | .fab-menu-top-right { |
| 11857 | margin-top: -26px; | 11862 | margin-top: -26px; |
| 11858 | } | 11863 | } |
| 11859 | .fab-menu-top-left.affix, | 11864 | .fab-menu-top-left.affix, |
| 11860 | .fab-menu-top-right.affix { | 11865 | .fab-menu-top-right.affix { |
| 11861 | top: 20px; | 11866 | top: 20px; |
| 11862 | margin-top: 0; | 11867 | margin-top: 0; |
| 11863 | } | 11868 | } |
| 11864 | .content-wrapper > .fab-menu-top-left, | 11869 | .content-wrapper > .fab-menu-top-left, |
| 11865 | .content-wrapper > .fab-menu-top-right { | 11870 | .content-wrapper > .fab-menu-top-right { |
| 11866 | top: -26px; | 11871 | top: -26px; |
| 11867 | } | 11872 | } |
| 11868 | .content-wrapper > .fab-menu-top-left.affix, | 11873 | .content-wrapper > .fab-menu-top-left.affix, |
| 11869 | .content-wrapper > .fab-menu-top-right.affix { | 11874 | .content-wrapper > .fab-menu-top-right.affix { |
| 11870 | top: 20px; | 11875 | top: 20px; |
| 11871 | } | 11876 | } |
| 11872 | .navbar-top .fab-menu-top-left.affix, | 11877 | .navbar-top .fab-menu-top-left.affix, |
| 11873 | .navbar-top .fab-menu-top-right.affix, | 11878 | .navbar-top .fab-menu-top-right.affix, |
| 11874 | .navbar-affixed-top .fab-menu-top-left.affix, | 11879 | .navbar-affixed-top .fab-menu-top-left.affix, |
| 11875 | .navbar-affixed-top .fab-menu-top-right.affix { | 11880 | .navbar-affixed-top .fab-menu-top-right.affix { |
| 11876 | top: 70px; | 11881 | top: 70px; |
| 11877 | } | 11882 | } |
| 11878 | .navbar-top-lg .fab-menu-top-left.affix, | 11883 | .navbar-top-lg .fab-menu-top-left.affix, |
| 11879 | .navbar-top-lg .fab-menu-top-right.affix, | 11884 | .navbar-top-lg .fab-menu-top-right.affix, |
| 11880 | .navbar-affixed-top-lg .fab-menu-top-left.affix, | 11885 | .navbar-affixed-top-lg .fab-menu-top-left.affix, |
| 11881 | .navbar-affixed-top-lg .fab-menu-top-right.affix { | 11886 | .navbar-affixed-top-lg .fab-menu-top-right.affix { |
| 11882 | top: 74px; | 11887 | top: 74px; |
| 11883 | } | 11888 | } |
| 11884 | .navbar-top-sm .fab-menu-top-left.affix, | 11889 | .navbar-top-sm .fab-menu-top-left.affix, |
| 11885 | .navbar-top-sm .fab-menu-top-right.affix, | 11890 | .navbar-top-sm .fab-menu-top-right.affix, |
| 11886 | .navbar-affixed-top-sm .fab-menu-top-left.affix, | 11891 | .navbar-affixed-top-sm .fab-menu-top-left.affix, |
| 11887 | .navbar-affixed-top-sm .fab-menu-top-right.affix { | 11892 | .navbar-affixed-top-sm .fab-menu-top-right.affix { |
| 11888 | top: 68px; | 11893 | top: 68px; |
| 11889 | } | 11894 | } |
| 11890 | .navbar-top-xs .fab-menu-top-left.affix, | 11895 | .navbar-top-xs .fab-menu-top-left.affix, |
| 11891 | .navbar-top-xs .fab-menu-top-right.affix, | 11896 | .navbar-top-xs .fab-menu-top-right.affix, |
| 11892 | .navbar-affixed-top-xs .fab-menu-top-left.affix, | 11897 | .navbar-affixed-top-xs .fab-menu-top-left.affix, |
| 11893 | .navbar-affixed-top-xs .fab-menu-top-right.affix { | 11898 | .navbar-affixed-top-xs .fab-menu-top-right.affix { |
| 11894 | top: 66px; | 11899 | top: 66px; |
| 11895 | } | 11900 | } |
| 11896 | .fab-menu-bottom-left, | 11901 | .fab-menu-bottom-left, |
| 11897 | .fab-menu-bottom-right { | 11902 | .fab-menu-bottom-right { |
| 11898 | bottom: 20px; | 11903 | bottom: 20px; |
| 11899 | -webkit-transition: bottom ease-in-out 0.15s; | 11904 | -webkit-transition: bottom ease-in-out 0.15s; |
| 11900 | -o-transition: bottom ease-in-out 0.15s; | 11905 | -o-transition: bottom ease-in-out 0.15s; |
| 11901 | transition: bottom ease-in-out 0.15s; | 11906 | transition: bottom ease-in-out 0.15s; |
| 11902 | } | 11907 | } |
| 11903 | .fab-menu-bottom-left.reached-bottom, | 11908 | .fab-menu-bottom-left.reached-bottom, |
| 11904 | .fab-menu-bottom-right.reached-bottom { | 11909 | .fab-menu-bottom-right.reached-bottom { |
| 11905 | bottom: 80px; | 11910 | bottom: 80px; |
| 11906 | } | 11911 | } |
| 11907 | .navbar-bottom .fab-menu-bottom-left.reached-bottom, | 11912 | .navbar-bottom .fab-menu-bottom-left.reached-bottom, |
| 11908 | .navbar-bottom .fab-menu-bottom-right.reached-bottom { | 11913 | .navbar-bottom .fab-menu-bottom-right.reached-bottom { |
| 11909 | bottom: 90px; | 11914 | bottom: 90px; |
| 11910 | } | 11915 | } |
| 11911 | .navbar-bottom-lg .fab-menu-bottom-left.reached-bottom, | 11916 | .navbar-bottom-lg .fab-menu-bottom-left.reached-bottom, |
| 11912 | .navbar-bottom-lg .fab-menu-bottom-right.reached-bottom { | 11917 | .navbar-bottom-lg .fab-menu-bottom-right.reached-bottom { |
| 11913 | bottom: 94px; | 11918 | bottom: 94px; |
| 11914 | } | 11919 | } |
| 11915 | .navbar-bottom-sm .fab-menu-bottom-left.reached-bottom, | 11920 | .navbar-bottom-sm .fab-menu-bottom-left.reached-bottom, |
| 11916 | .navbar-bottom-sm .fab-menu-bottom-right.reached-bottom { | 11921 | .navbar-bottom-sm .fab-menu-bottom-right.reached-bottom { |
| 11917 | bottom: 88px; | 11922 | bottom: 88px; |
| 11918 | } | 11923 | } |
| 11919 | .navbar-bottom-xs .fab-menu-bottom-left.reached-bottom, | 11924 | .navbar-bottom-xs .fab-menu-bottom-left.reached-bottom, |
| 11920 | .navbar-bottom-xs .fab-menu-bottom-right.reached-bottom { | 11925 | .navbar-bottom-xs .fab-menu-bottom-right.reached-bottom { |
| 11921 | bottom: 86px; | 11926 | bottom: 86px; |
| 11922 | } | 11927 | } |
| 11923 | .fab-menu-top-right, | 11928 | .fab-menu-top-right, |
| 11924 | .fab-menu-bottom-right { | 11929 | .fab-menu-bottom-right { |
| 11925 | right: 20px; | 11930 | right: 20px; |
| 11926 | } | 11931 | } |
| 11927 | .fab-menu-inner { | 11932 | .fab-menu-inner { |
| 11928 | list-style: none; | 11933 | list-style: none; |
| 11929 | margin: 0; | 11934 | margin: 0; |
| 11930 | padding: 0; | 11935 | padding: 0; |
| 11931 | } | 11936 | } |
| 11932 | .fab-menu-inner > li { | 11937 | .fab-menu-inner > li { |
| 11933 | display: block; | 11938 | display: block; |
| 11934 | position: absolute; | 11939 | position: absolute; |
| 11935 | top: 2px; | 11940 | top: 2px; |
| 11936 | left: 0; | 11941 | left: 0; |
| 11937 | right: 0; | 11942 | right: 0; |
| 11938 | text-align: center; | 11943 | text-align: center; |
| 11939 | padding-top: 20px; | 11944 | padding-top: 20px; |
| 11940 | margin-top: -20px; | 11945 | margin-top: -20px; |
| 11941 | } | 11946 | } |
| 11942 | .fab-menu-inner > li .btn { | 11947 | .fab-menu-inner > li .btn { |
| 11943 | border-width: 0; | 11948 | border-width: 0; |
| 11944 | } | 11949 | } |
| 11945 | .fab-menu-inner > li .btn-float { | 11950 | .fab-menu-inner > li .btn-float { |
| 11946 | padding: 0; | 11951 | padding: 0; |
| 11947 | width: 48px; | 11952 | width: 48px; |
| 11948 | height: 48px; | 11953 | height: 48px; |
| 11949 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11954 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11950 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11955 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11951 | } | 11956 | } |
| 11952 | .fab-menu-inner > li .btn-float:hover, | 11957 | .fab-menu-inner > li .btn-float:hover, |
| 11953 | .fab-menu-inner > li .btn-float:focus { | 11958 | .fab-menu-inner > li .btn-float:focus { |
| 11954 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11959 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11955 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11960 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11956 | } | 11961 | } |
| 11957 | .fab-menu-inner > li .btn-float > i { | 11962 | .fab-menu-inner > li .btn-float > i { |
| 11958 | margin: 16px; | 11963 | margin: 16px; |
| 11959 | } | 11964 | } |
| 11960 | .fab-menu-inner > li .btn-float.btn-flat > i { | 11965 | .fab-menu-inner > li .btn-float.btn-flat > i { |
| 11961 | margin: 14px; | 11966 | margin: 14px; |
| 11962 | } | 11967 | } |
| 11963 | .fab-menu-inner > li .badge, | 11968 | .fab-menu-inner > li .badge, |
| 11964 | .fab-menu-inner > li .label, | 11969 | .fab-menu-inner > li .label, |
| 11965 | .fab-menu-inner > li .status-mark { | 11970 | .fab-menu-inner > li .status-mark { |
| 11966 | position: absolute; | 11971 | position: absolute; |
| 11967 | } | 11972 | } |
| 11968 | @media (min-width: 769px) { | 11973 | @media (min-width: 769px) { |
| 11969 | .fab-menu-inner > li .badge, | 11974 | .fab-menu-inner > li .badge, |
| 11970 | .fab-menu-inner > li .label, | 11975 | .fab-menu-inner > li .label, |
| 11971 | .fab-menu-inner > li .status-mark { | 11976 | .fab-menu-inner > li .status-mark { |
| 11972 | -webkit-box-shadow: 0 0 0 2px #eeeded; | 11977 | -webkit-box-shadow: 0 0 0 2px #eeeded; |
| 11973 | box-shadow: 0 0 0 2px #eeeded; | 11978 | box-shadow: 0 0 0 2px #eeeded; |
| 11974 | } | 11979 | } |
| 11975 | } | 11980 | } |
| 11976 | .fab-menu-inner > li .badge, | 11981 | .fab-menu-inner > li .badge, |
| 11977 | .fab-menu-inner > li .label { | 11982 | .fab-menu-inner > li .label { |
| 11978 | top: 16px; | 11983 | top: 16px; |
| 11979 | right: -4px; | 11984 | right: -4px; |
| 11980 | } | 11985 | } |
| 11981 | .fab-menu-inner > li .status-mark { | 11986 | .fab-menu-inner > li .status-mark { |
| 11982 | top: 22px; | 11987 | top: 22px; |
| 11983 | right: 2px; | 11988 | right: 2px; |
| 11984 | } | 11989 | } |
| 11985 | .fab-menu-bottom-left .fab-menu-inner > li, | 11990 | .fab-menu-bottom-left .fab-menu-inner > li, |
| 11986 | .fab-menu-bottom-right .fab-menu-inner > li { | 11991 | .fab-menu-bottom-right .fab-menu-inner > li { |
| 11987 | padding-top: 0; | 11992 | padding-top: 0; |
| 11988 | margin-top: 0; | 11993 | margin-top: 0; |
| 11989 | padding-bottom: 20px; | 11994 | padding-bottom: 20px; |
| 11990 | margin-bottom: -20px; | 11995 | margin-bottom: -20px; |
| 11991 | } | 11996 | } |
| 11992 | .fab-menu-bottom-left .fab-menu-inner > li .badge, | 11997 | .fab-menu-bottom-left .fab-menu-inner > li .badge, |
| 11993 | .fab-menu-bottom-right .fab-menu-inner > li .badge, | 11998 | .fab-menu-bottom-right .fab-menu-inner > li .badge, |
| 11994 | .fab-menu-bottom-left .fab-menu-inner > li .label, | 11999 | .fab-menu-bottom-left .fab-menu-inner > li .label, |
| 11995 | .fab-menu-bottom-right .fab-menu-inner > li .label { | 12000 | .fab-menu-bottom-right .fab-menu-inner > li .label { |
| 11996 | top: -4px; | 12001 | top: -4px; |
| 11997 | } | 12002 | } |
| 11998 | .fab-menu-bottom-left .fab-menu-inner > li .status-mark, | 12003 | .fab-menu-bottom-left .fab-menu-inner > li .status-mark, |
| 11999 | .fab-menu-bottom-right .fab-menu-inner > li .status-mark { | 12004 | .fab-menu-bottom-right .fab-menu-inner > li .status-mark { |
| 12000 | top: 2px; | 12005 | top: 2px; |
| 12001 | } | 12006 | } |
| 12002 | .fab-menu-inner .dropdown-menu { | 12007 | .fab-menu-inner .dropdown-menu { |
| 12003 | margin-top: 0; | 12008 | margin-top: 0; |
| 12004 | margin-right: 10px; | 12009 | margin-right: 10px; |
| 12005 | top: 19px; | 12010 | top: 19px; |
| 12006 | left: auto; | 12011 | left: auto; |
| 12007 | right: 100%; | 12012 | right: 100%; |
| 12008 | } | 12013 | } |
| 12009 | .fab-menu-inner .dropdown-menu-right { | 12014 | .fab-menu-inner .dropdown-menu-right { |
| 12010 | margin-right: 0; | 12015 | margin-right: 0; |
| 12011 | margin-left: 10px; | 12016 | margin-left: 10px; |
| 12012 | right: auto; | 12017 | right: auto; |
| 12013 | left: 100%; | 12018 | left: 100%; |
| 12014 | } | 12019 | } |
| 12015 | .fab-menu-btn { | 12020 | .fab-menu-btn { |
| 12016 | z-index: 1001; | 12021 | z-index: 1001; |
| 12017 | border-width: 0; | 12022 | border-width: 0; |
| 12018 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12023 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12019 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12024 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12020 | } | 12025 | } |
| 12021 | .fab-menu-btn.btn-float { | 12026 | .fab-menu-btn.btn-float { |
| 12022 | padding: 26px; | 12027 | padding: 26px; |
| 12023 | } | 12028 | } |
| 12024 | .fab-menu-btn.btn-float > i { | 12029 | .fab-menu-btn.btn-float > i { |
| 12025 | position: absolute; | 12030 | position: absolute; |
| 12026 | top: 50%; | 12031 | top: 50%; |
| 12027 | left: 50%; | 12032 | left: 50%; |
| 12028 | margin-top: -8px; | 12033 | margin-top: -8px; |
| 12029 | margin-left: -8px; | 12034 | margin-left: -8px; |
| 12030 | } | 12035 | } |
| 12031 | .fab-menu-btn:hover, | 12036 | .fab-menu-btn:hover, |
| 12032 | .fab-menu-btn:focus, | 12037 | .fab-menu-btn:focus, |
| 12033 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-btn, | 12038 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-btn, |
| 12034 | .fab-menu[data-fab-state="open"] .fab-menu-btn { | 12039 | .fab-menu[data-fab-state="open"] .fab-menu-btn { |
| 12035 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 12040 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 12036 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 12041 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 12037 | } | 12042 | } |
| 12038 | .fab-icon-close, | 12043 | .fab-icon-close, |
| 12039 | .fab-icon-open { | 12044 | .fab-icon-open { |
| 12040 | -webkit-transform: rotate(360deg); | 12045 | -webkit-transform: rotate(360deg); |
| 12041 | -ms-transform: rotate(360deg); | 12046 | -ms-transform: rotate(360deg); |
| 12042 | -o-transform: rotate(360deg); | 12047 | -o-transform: rotate(360deg); |
| 12043 | transform: rotate(360deg); | 12048 | transform: rotate(360deg); |
| 12044 | -webkit-transition: all ease-in-out 0.3s; | 12049 | -webkit-transition: all ease-in-out 0.3s; |
| 12045 | -o-transition: all ease-in-out 0.3s; | 12050 | -o-transition: all ease-in-out 0.3s; |
| 12046 | transition: all ease-in-out 0.3s; | 12051 | transition: all ease-in-out 0.3s; |
| 12047 | } | 12052 | } |
| 12048 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, | 12053 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, |
| 12049 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, | 12054 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, |
| 12050 | .fab-menu[data-fab-state="open"] .fab-icon-close, | 12055 | .fab-menu[data-fab-state="open"] .fab-icon-close, |
| 12051 | .fab-menu[data-fab-state="open"] .fab-icon-open { | 12056 | .fab-menu[data-fab-state="open"] .fab-icon-open { |
| 12052 | -webkit-transform: rotate(0deg); | 12057 | -webkit-transform: rotate(0deg); |
| 12053 | -ms-transform: rotate(0deg); | 12058 | -ms-transform: rotate(0deg); |
| 12054 | -o-transform: rotate(0deg); | 12059 | -o-transform: rotate(0deg); |
| 12055 | transform: rotate(0deg); | 12060 | transform: rotate(0deg); |
| 12056 | } | 12061 | } |
| 12057 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, | 12062 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, |
| 12058 | .fab-menu[data-fab-state="open"] .fab-icon-open { | 12063 | .fab-menu[data-fab-state="open"] .fab-icon-open { |
| 12059 | opacity: 0; | 12064 | opacity: 0; |
| 12060 | filter: alpha(opacity=0); | 12065 | filter: alpha(opacity=0); |
| 12061 | } | 12066 | } |
| 12062 | .fab-icon-close { | 12067 | .fab-icon-close { |
| 12063 | opacity: 0; | 12068 | opacity: 0; |
| 12064 | filter: alpha(opacity=0); | 12069 | filter: alpha(opacity=0); |
| 12065 | } | 12070 | } |
| 12066 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, | 12071 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, |
| 12067 | .fab-menu[data-fab-state="open"] .fab-icon-close { | 12072 | .fab-menu[data-fab-state="open"] .fab-icon-close { |
| 12068 | opacity: 1; | 12073 | opacity: 1; |
| 12069 | filter: alpha(opacity=100); | 12074 | filter: alpha(opacity=100); |
| 12070 | } | 12075 | } |
| 12071 | .fab-menu .fab-menu-inner > li { | 12076 | .fab-menu .fab-menu-inner > li { |
| 12072 | visibility: hidden; | 12077 | visibility: hidden; |
| 12073 | opacity: 0; | 12078 | opacity: 0; |
| 12074 | filter: alpha(opacity=0); | 12079 | filter: alpha(opacity=0); |
| 12075 | -webkit-transition: all ease-in-out 0.3s; | 12080 | -webkit-transition: all ease-in-out 0.3s; |
| 12076 | -o-transition: all ease-in-out 0.3s; | 12081 | -o-transition: all ease-in-out 0.3s; |
| 12077 | transition: all ease-in-out 0.3s; | 12082 | transition: all ease-in-out 0.3s; |
| 12078 | } | 12083 | } |
| 12079 | .fab-menu .fab-menu-inner > li:nth-child(1) { | 12084 | .fab-menu .fab-menu-inner > li:nth-child(1) { |
| 12080 | -webkit-transition-delay: 0.05s; | 12085 | -webkit-transition-delay: 0.05s; |
| 12081 | transition-delay: 0.05s; | 12086 | transition-delay: 0.05s; |
| 12082 | } | 12087 | } |
| 12083 | .fab-menu .fab-menu-inner > li:nth-child(2) { | 12088 | .fab-menu .fab-menu-inner > li:nth-child(2) { |
| 12084 | -webkit-transition-delay: 0.1s; | 12089 | -webkit-transition-delay: 0.1s; |
| 12085 | transition-delay: 0.1s; | 12090 | transition-delay: 0.1s; |
| 12086 | } | 12091 | } |
| 12087 | .fab-menu .fab-menu-inner > li:nth-child(3) { | 12092 | .fab-menu .fab-menu-inner > li:nth-child(3) { |
| 12088 | -webkit-transition-delay: 0.15s; | 12093 | -webkit-transition-delay: 0.15s; |
| 12089 | transition-delay: 0.15s; | 12094 | transition-delay: 0.15s; |
| 12090 | } | 12095 | } |
| 12091 | .fab-menu .fab-menu-inner > li:nth-child(4) { | 12096 | .fab-menu .fab-menu-inner > li:nth-child(4) { |
| 12092 | -webkit-transition-delay: 0.2s; | 12097 | -webkit-transition-delay: 0.2s; |
| 12093 | transition-delay: 0.2s; | 12098 | transition-delay: 0.2s; |
| 12094 | } | 12099 | } |
| 12095 | .fab-menu .fab-menu-inner > li:nth-child(5) { | 12100 | .fab-menu .fab-menu-inner > li:nth-child(5) { |
| 12096 | -webkit-transition-delay: 0.25s; | 12101 | -webkit-transition-delay: 0.25s; |
| 12097 | transition-delay: 0.25s; | 12102 | transition-delay: 0.25s; |
| 12098 | } | 12103 | } |
| 12099 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li, | 12104 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li, |
| 12100 | .fab-menu[data-fab-state="open"] .fab-menu-inner > li { | 12105 | .fab-menu[data-fab-state="open"] .fab-menu-inner > li { |
| 12101 | visibility: visible; | 12106 | visibility: visible; |
| 12102 | opacity: 1; | 12107 | opacity: 1; |
| 12103 | filter: alpha(opacity=100); | 12108 | filter: alpha(opacity=100); |
| 12104 | } | 12109 | } |
| 12105 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12110 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12106 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12111 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12107 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12112 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12108 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12113 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12109 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12114 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12110 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { | 12115 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { |
| 12111 | top: 72px; | 12116 | top: 72px; |
| 12112 | -webkit-transition-delay: 0.05s; | 12117 | -webkit-transition-delay: 0.05s; |
| 12113 | transition-delay: 0.05s; | 12118 | transition-delay: 0.05s; |
| 12114 | } | 12119 | } |
| 12115 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12120 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12116 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12121 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12117 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12122 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12118 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12123 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12119 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12124 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12120 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { | 12125 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { |
| 12121 | top: 140px; | 12126 | top: 140px; |
| 12122 | -webkit-transition-delay: 0.1s; | 12127 | -webkit-transition-delay: 0.1s; |
| 12123 | transition-delay: 0.1s; | 12128 | transition-delay: 0.1s; |
| 12124 | } | 12129 | } |
| 12125 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12130 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12126 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12131 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12127 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12132 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12128 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12133 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12129 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12134 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12130 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { | 12135 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { |
| 12131 | top: 208px; | 12136 | top: 208px; |
| 12132 | -webkit-transition-delay: 0.15s; | 12137 | -webkit-transition-delay: 0.15s; |
| 12133 | transition-delay: 0.15s; | 12138 | transition-delay: 0.15s; |
| 12134 | } | 12139 | } |
| 12135 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12140 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12136 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12141 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12137 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12142 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12138 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12143 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12139 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12144 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12140 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { | 12145 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { |
| 12141 | top: 276px; | 12146 | top: 276px; |
| 12142 | -webkit-transition-delay: 0.2s; | 12147 | -webkit-transition-delay: 0.2s; |
| 12143 | transition-delay: 0.2s; | 12148 | transition-delay: 0.2s; |
| 12144 | } | 12149 | } |
| 12145 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12150 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12146 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12151 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12147 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12152 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12148 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12153 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12149 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12154 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12150 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { | 12155 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { |
| 12151 | top: 344px; | 12156 | top: 344px; |
| 12152 | -webkit-transition-delay: 0.25s; | 12157 | -webkit-transition-delay: 0.25s; |
| 12153 | transition-delay: 0.25s; | 12158 | transition-delay: 0.25s; |
| 12154 | } | 12159 | } |
| 12155 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12160 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12156 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12161 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12157 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12162 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12158 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12163 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12159 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12164 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12160 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { | 12165 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { |
| 12161 | top: -64px; | 12166 | top: -64px; |
| 12162 | -webkit-transition-delay: 0.05s; | 12167 | -webkit-transition-delay: 0.05s; |
| 12163 | transition-delay: 0.05s; | 12168 | transition-delay: 0.05s; |
| 12164 | } | 12169 | } |
| 12165 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12170 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12166 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12171 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12167 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12172 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12168 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12173 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12169 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12174 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12170 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { | 12175 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { |
| 12171 | top: -132px; | 12176 | top: -132px; |
| 12172 | -webkit-transition-delay: 0.1s; | 12177 | -webkit-transition-delay: 0.1s; |
| 12173 | transition-delay: 0.1s; | 12178 | transition-delay: 0.1s; |
| 12174 | } | 12179 | } |
| 12175 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12180 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12176 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12181 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12177 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12182 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12178 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12183 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12179 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12184 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12180 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { | 12185 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { |
| 12181 | top: -200px; | 12186 | top: -200px; |
| 12182 | -webkit-transition-delay: 0.15s; | 12187 | -webkit-transition-delay: 0.15s; |
| 12183 | transition-delay: 0.15s; | 12188 | transition-delay: 0.15s; |
| 12184 | } | 12189 | } |
| 12185 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12190 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12186 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12191 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12187 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12192 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12188 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12193 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12189 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12194 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12190 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { | 12195 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { |
| 12191 | top: -268px; | 12196 | top: -268px; |
| 12192 | -webkit-transition-delay: 0.2s; | 12197 | -webkit-transition-delay: 0.2s; |
| 12193 | transition-delay: 0.2s; | 12198 | transition-delay: 0.2s; |
| 12194 | } | 12199 | } |
| 12195 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12200 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12196 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12201 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12197 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12202 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12198 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12203 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12199 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12204 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12200 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { | 12205 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { |
| 12201 | top: -336px; | 12206 | top: -336px; |
| 12202 | -webkit-transition-delay: 0.25s; | 12207 | -webkit-transition-delay: 0.25s; |
| 12203 | transition-delay: 0.25s; | 12208 | transition-delay: 0.25s; |
| 12204 | } | 12209 | } |
| 12205 | .fab-menu-inner div[data-fab-label]:after { | 12210 | .fab-menu-inner div[data-fab-label]:after { |
| 12206 | content: attr(data-fab-label); | 12211 | content: attr(data-fab-label); |
| 12207 | position: absolute; | 12212 | position: absolute; |
| 12208 | top: 50%; | 12213 | top: 50%; |
| 12209 | margin-top: -8px; | 12214 | margin-top: -8px; |
| 12210 | right: 70px; | 12215 | right: 70px; |
| 12211 | color: #fff; | 12216 | color: #fff; |
| 12212 | background-color: #333; | 12217 | background-color: #333; |
| 12213 | padding: 8px 16px; | 12218 | padding: 8px 16px; |
| 12214 | visibility: hidden; | 12219 | visibility: hidden; |
| 12215 | border-radius: 3px; | 12220 | border-radius: 3px; |
| 12216 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12221 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12217 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12222 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12218 | opacity: 0; | 12223 | opacity: 0; |
| 12219 | filter: alpha(opacity=0); | 12224 | filter: alpha(opacity=0); |
| 12220 | -webkit-transition: all ease-in-out 0.3s; | 12225 | -webkit-transition: all ease-in-out 0.3s; |
| 12221 | -o-transition: all ease-in-out 0.3s; | 12226 | -o-transition: all ease-in-out 0.3s; |
| 12222 | transition: all ease-in-out 0.3s; | 12227 | transition: all ease-in-out 0.3s; |
| 12223 | } | 12228 | } |
| 12224 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, | 12229 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, |
| 12225 | .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { | 12230 | .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { |
| 12226 | margin-top: -28px; | 12231 | margin-top: -28px; |
| 12227 | } | 12232 | } |
| 12228 | .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after, | 12233 | .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after, |
| 12229 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, | 12234 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, |
| 12230 | .fab-menu-inner div[data-fab-label].fab-label-right:after { | 12235 | .fab-menu-inner div[data-fab-label].fab-label-right:after { |
| 12231 | right: auto; | 12236 | right: auto; |
| 12232 | left: 70px; | 12237 | left: 70px; |
| 12233 | } | 12238 | } |
| 12234 | .fab-menu[data-fab-toggle="hover"] .fab-menu-inner div[data-fab-label]:hover:after, | 12239 | .fab-menu[data-fab-toggle="hover"] .fab-menu-inner div[data-fab-label]:hover:after, |
| 12235 | .fab-menu[data-fab-state="open"] .fab-menu-inner div[data-fab-label]:hover:after { | 12240 | .fab-menu[data-fab-state="open"] .fab-menu-inner div[data-fab-label]:hover:after { |
| 12236 | visibility: visible; | 12241 | visibility: visible; |
| 12237 | opacity: 1; | 12242 | opacity: 1; |
| 12238 | filter: alpha(opacity=100); | 12243 | filter: alpha(opacity=100); |
| 12239 | } | 12244 | } |
| 12240 | .fab-menu-inner div[data-fab-label].fab-label-light:after { | 12245 | .fab-menu-inner div[data-fab-label].fab-label-light:after { |
| 12241 | background-color: #fff; | 12246 | background-color: #fff; |
| 12242 | color: #333333; | 12247 | color: #333333; |
| 12243 | } | 12248 | } |
| 12244 | .fab-menu-inner div[data-fab-label].fab-label-visible:after { | 12249 | .fab-menu-inner div[data-fab-label].fab-label-visible:after { |
| 12245 | visibility: visible; | 12250 | visibility: visible; |
| 12246 | opacity: 1; | 12251 | opacity: 1; |
| 12247 | filter: alpha(opacity=100); | 12252 | filter: alpha(opacity=100); |
| 12248 | } | 12253 | } |
| 12249 | /* ------------------------------------------------------------------------------ | 12254 | /* ------------------------------------------------------------------------------ |
| 12250 | * | 12255 | * |
| 12251 | * # Prism | 12256 | * # Prism |
| 12252 | * | 12257 | * |
| 12253 | * Lightweight, extensible syntax highlighter | 12258 | * Lightweight, extensible syntax highlighter |
| 12254 | * | 12259 | * |
| 12255 | * Version: 1.0 | 12260 | * Version: 1.0 |
| 12256 | * Latest update: May 10, 2015 | 12261 | * Latest update: May 10, 2015 |
| 12257 | * | 12262 | * |
| 12258 | * ---------------------------------------------------------------------------- */ | 12263 | * ---------------------------------------------------------------------------- */ |
| 12259 | code[class*="language-"], | 12264 | code[class*="language-"], |
| 12260 | pre[class*="language-"] { | 12265 | pre[class*="language-"] { |
| 12261 | text-shadow: 0 1px #fff; | 12266 | text-shadow: 0 1px #fff; |
| 12262 | word-break: normal; | 12267 | word-break: normal; |
| 12263 | line-height: 1.5; | 12268 | line-height: 1.5; |
| 12264 | direction: ltr; | 12269 | direction: ltr; |
| 12265 | } | 12270 | } |
| 12266 | @media print { | 12271 | @media print { |
| 12267 | code[class*="language-"], | 12272 | code[class*="language-"], |
| 12268 | pre[class*="language-"] { | 12273 | pre[class*="language-"] { |
| 12269 | text-shadow: none; | 12274 | text-shadow: none; |
| 12270 | } | 12275 | } |
| 12271 | } | 12276 | } |
| 12272 | .token.comment, | 12277 | .token.comment, |
| 12273 | .token.prolog, | 12278 | .token.prolog, |
| 12274 | .token.doctype, | 12279 | .token.doctype, |
| 12275 | .token.cdata, | 12280 | .token.cdata, |
| 12276 | .token.punctuation { | 12281 | .token.punctuation { |
| 12277 | color: #999; | 12282 | color: #999; |
| 12278 | } | 12283 | } |
| 12279 | .token.property, | 12284 | .token.property, |
| 12280 | .token.tag, | 12285 | .token.tag, |
| 12281 | .token.boolean, | 12286 | .token.boolean, |
| 12282 | .token.number, | 12287 | .token.number, |
| 12283 | .token.constant, | 12288 | .token.constant, |
| 12284 | .token.symbol { | 12289 | .token.symbol { |
| 12285 | color: #905; | 12290 | color: #905; |
| 12286 | } | 12291 | } |
| 12287 | .token.selector, | 12292 | .token.selector, |
| 12288 | .token.attr-name, | 12293 | .token.attr-name, |
| 12289 | .token.string, | 12294 | .token.string, |
| 12290 | .token.builtin { | 12295 | .token.builtin { |
| 12291 | color: #690; | 12296 | color: #690; |
| 12292 | } | 12297 | } |
| 12293 | .token.operator, | 12298 | .token.operator, |
| 12294 | .token.entity, | 12299 | .token.entity, |
| 12295 | .token.url, | 12300 | .token.url, |
| 12296 | .language-css .token.string, | 12301 | .language-css .token.string, |
| 12297 | .style .token.string, | 12302 | .style .token.string, |
| 12298 | .token.variable { | 12303 | .token.variable { |
| 12299 | color: #a67f59; | 12304 | color: #a67f59; |
| 12300 | background: rgba(255, 255, 255, 0.5); | 12305 | background: rgba(255, 255, 255, 0.5); |
| 12301 | } | 12306 | } |
| 12302 | .token.atrule, | 12307 | .token.atrule, |
| 12303 | .token.attr-value, | 12308 | .token.attr-value, |
| 12304 | .token.keyword { | 12309 | .token.keyword { |
| 12305 | color: #07a; | 12310 | color: #07a; |
| 12306 | } | 12311 | } |
| 12307 | .token.function { | 12312 | .token.function { |
| 12308 | color: #DD4A68; | 12313 | color: #DD4A68; |
| 12309 | } | 12314 | } |
| 12310 | .token.regex, | 12315 | .token.regex, |
| 12311 | .token.important { | 12316 | .token.important { |
| 12312 | color: #e90; | 12317 | color: #e90; |
| 12313 | } | 12318 | } |
| 12314 | .token.important { | 12319 | .token.important { |
| 12315 | font-weight: bold; | 12320 | font-weight: bold; |
| 12316 | } | 12321 | } |
| 12317 | .token.entity { | 12322 | .token.entity { |
| 12318 | cursor: help; | 12323 | cursor: help; |
| 12319 | } | 12324 | } |
| 12320 | .namespace { | 12325 | .namespace { |
| 12321 | opacity: 0.7; | 12326 | opacity: 0.7; |
| 12322 | filter: alpha(opacity=70); | 12327 | filter: alpha(opacity=70); |
| 12323 | } | 12328 | } |
| 12324 | .line-highlight { | 12329 | .line-highlight { |
| 12325 | position: absolute; | 12330 | position: absolute; |
| 12326 | left: 0; | 12331 | left: 0; |
| 12327 | right: 0; | 12332 | right: 0; |
| 12328 | margin-top: 20px; | 12333 | margin-top: 20px; |
| 12329 | background: rgba(133, 238, 149, 0.12); | 12334 | background: rgba(133, 238, 149, 0.12); |
| 12330 | pointer-events: none; | 12335 | pointer-events: none; |
| 12331 | white-space: pre; | 12336 | white-space: pre; |
| 12332 | line-height: inherit; | 12337 | line-height: inherit; |
| 12333 | } | 12338 | } |
| 12334 | .line-highlight:before, | 12339 | .line-highlight:before, |
| 12335 | .line-highlight:after { | 12340 | .line-highlight:after { |
| 12336 | content: attr(data-start); | 12341 | content: attr(data-start); |
| 12337 | position: absolute; | 12342 | position: absolute; |
| 12338 | top: 0px; | 12343 | top: 0px; |
| 12339 | left: 10px; | 12344 | left: 10px; |
| 12340 | padding: 2px; | 12345 | padding: 2px; |
| 12341 | text-align: center; | 12346 | text-align: center; |
| 12342 | font-size: 10px; | 12347 | font-size: 10px; |
| 12343 | color: #999999; | 12348 | color: #999999; |
| 12344 | } | 12349 | } |
| 12345 | .line-highlight[data-end]:after { | 12350 | .line-highlight[data-end]:after { |
| 12346 | content: attr(data-end); | 12351 | content: attr(data-end); |
| 12347 | top: auto; | 12352 | top: auto; |
| 12348 | bottom: 0; | 12353 | bottom: 0; |
| 12349 | } | 12354 | } |
| 12350 | pre.line-numbers { | 12355 | pre.line-numbers { |
| 12351 | position: relative; | 12356 | position: relative; |
| 12352 | padding-left: 50px; | 12357 | padding-left: 50px; |
| 12353 | counter-reset: linenumber; | 12358 | counter-reset: linenumber; |
| 12354 | } | 12359 | } |
| 12355 | pre.line-numbers > code { | 12360 | pre.line-numbers > code { |
| 12356 | position: relative; | 12361 | position: relative; |
| 12357 | } | 12362 | } |
| 12358 | .line-numbers .line-numbers-rows { | 12363 | .line-numbers .line-numbers-rows { |
| 12359 | position: absolute; | 12364 | position: absolute; |
| 12360 | pointer-events: none; | 12365 | pointer-events: none; |
| 12361 | top: 0; | 12366 | top: 0; |
| 12362 | font-size: 100%; | 12367 | font-size: 100%; |
| 12363 | left: -50px; | 12368 | left: -50px; |
| 12364 | width: 36px; | 12369 | width: 36px; |
| 12365 | letter-spacing: -1px; | 12370 | letter-spacing: -1px; |
| 12366 | border-right: 1px solid #999; | 12371 | border-right: 1px solid #999; |
| 12367 | -webkit-user-select: none; | 12372 | -webkit-user-select: none; |
| 12368 | -moz-user-select: none; | 12373 | -moz-user-select: none; |
| 12369 | -ms-user-select: none; | 12374 | -ms-user-select: none; |
| 12370 | user-select: none; | 12375 | user-select: none; |
| 12371 | } | 12376 | } |
| 12372 | .line-numbers .line-numbers-rows > span { | 12377 | .line-numbers .line-numbers-rows > span { |
| 12373 | pointer-events: none; | 12378 | pointer-events: none; |
| 12374 | display: block; | 12379 | display: block; |
| 12375 | counter-increment: linenumber; | 12380 | counter-increment: linenumber; |
| 12376 | } | 12381 | } |
| 12377 | .line-numbers .line-numbers-rows > span:before { | 12382 | .line-numbers .line-numbers-rows > span:before { |
| 12378 | content: counter(linenumber); | 12383 | content: counter(linenumber); |
| 12379 | color: #999999; | 12384 | color: #999999; |
| 12380 | display: block; | 12385 | display: block; |
| 12381 | padding-right: 10px; | 12386 | padding-right: 10px; |
| 12382 | text-align: right; | 12387 | text-align: right; |
| 12383 | } | 12388 | } |
| 12384 | pre[class*="language-"] { | 12389 | pre[class*="language-"] { |
| 12385 | overflow: auto; | 12390 | overflow: auto; |
| 12386 | position: relative; | 12391 | position: relative; |
| 12387 | border-left-width: 3px; | 12392 | border-left-width: 3px; |
| 12388 | border-left-color: #2196F3; | 12393 | border-left-color: #2196F3; |
| 12389 | background-color: #fdfdfd; | 12394 | background-color: #fdfdfd; |
| 12390 | background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12395 | background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12391 | background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12396 | background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12392 | background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12397 | background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12393 | background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12398 | background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12394 | background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12399 | background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12395 | background-size: 3em 3em; | 12400 | background-size: 3em 3em; |
| 12396 | background-origin: content-box; | 12401 | background-origin: content-box; |
| 12397 | border-bottom-left-radius: 0; | 12402 | border-bottom-left-radius: 0; |
| 12398 | border-top-left-radius: 0; | 12403 | border-top-left-radius: 0; |
| 12399 | } | 12404 | } |
| 12400 | pre[class*="language-"] > code[data-language] { | 12405 | pre[class*="language-"] > code[data-language] { |
| 12401 | display: block; | 12406 | display: block; |
| 12402 | } | 12407 | } |
| 12403 | pre[class*="language-"] > code[data-language]:before { | 12408 | pre[class*="language-"] > code[data-language]:before { |
| 12404 | content: attr(data-language); | 12409 | content: attr(data-language); |
| 12405 | background-color: #f8f8f8; | 12410 | background-color: #f8f8f8; |
| 12406 | display: inline-block; | 12411 | display: inline-block; |
| 12407 | position: absolute; | 12412 | position: absolute; |
| 12408 | top: 0px; | 12413 | top: 0px; |
| 12409 | right: 0px; | 12414 | right: 0px; |
| 12410 | font-size: 11px; | 12415 | font-size: 11px; |
| 12411 | border-radius: 0 0 0 2px; | 12416 | border-radius: 0 0 0 2px; |
| 12412 | padding: 4px 8px; | 12417 | padding: 4px 8px; |
| 12413 | text-shadow: none; | 12418 | text-shadow: none; |
| 12414 | color: #333333; | 12419 | color: #333333; |
| 12415 | border-left: 1px solid #ddd; | 12420 | border-left: 1px solid #ddd; |
| 12416 | border-bottom: 1px solid #ddd; | 12421 | border-bottom: 1px solid #ddd; |
| 12417 | } | 12422 | } |
| 12418 | pre[class*="language-"].line-numbers > code[data-language]:before { | 12423 | pre[class*="language-"].line-numbers > code[data-language]:before { |
| 12419 | top: -15px; | 12424 | top: -15px; |
| 12420 | right: -15px; | 12425 | right: -15px; |
| 12421 | } | 12426 | } |
| 12422 | pre[data-line] { | 12427 | pre[data-line] { |
| 12423 | position: relative; | 12428 | position: relative; |
| 12424 | padding-left: 36px; | 12429 | padding-left: 36px; |
| 12425 | } | 12430 | } |
| 12426 | /* ------------------------------------------------------------------------------ | 12431 | /* ------------------------------------------------------------------------------ |
| 12427 | * | 12432 | * |
| 12428 | * # Fancytree | 12433 | * # Fancytree |
| 12429 | * | 12434 | * |
| 12430 | * Tree plugin for jQuery with support for persistence, keyboard, checkboxes, | 12435 | * Tree plugin for jQuery with support for persistence, keyboard, checkboxes, |
| 12431 | * tables (grid), drag'n'drop, and lazy loading | 12436 | * tables (grid), drag'n'drop, and lazy loading |
| 12432 | * | 12437 | * |
| 12433 | * Version: 1.1 | 12438 | * Version: 1.1 |
| 12434 | * Latest update: Jul 5, 2016 | 12439 | * Latest update: Jul 5, 2016 |
| 12435 | * | 12440 | * |
| 12436 | * ---------------------------------------------------------------------------- */ | 12441 | * ---------------------------------------------------------------------------- */ |
| 12437 | /* # Core | 12442 | /* # Core |
| 12438 | -------------------------------------------------- */ | 12443 | -------------------------------------------------- */ |
| 12439 | .fancytree-container { | 12444 | .fancytree-container { |
| 12440 | list-style: none; | 12445 | list-style: none; |
| 12441 | white-space: nowrap; | 12446 | white-space: nowrap; |
| 12442 | padding: 0; | 12447 | padding: 0; |
| 12443 | margin: 0; | 12448 | margin: 0; |
| 12444 | overflow: auto; | 12449 | overflow: auto; |
| 12445 | position: relative; | 12450 | position: relative; |
| 12446 | } | 12451 | } |
| 12447 | .fancytree-container:focus { | 12452 | .fancytree-container:focus { |
| 12448 | outline: 0; | 12453 | outline: 0; |
| 12449 | } | 12454 | } |
| 12450 | .fancytree-container ul { | 12455 | .fancytree-container ul { |
| 12451 | list-style: none; | 12456 | list-style: none; |
| 12452 | padding: 0 0 0 20px; | 12457 | padding: 0 0 0 20px; |
| 12453 | margin: 0; | 12458 | margin: 0; |
| 12454 | } | 12459 | } |
| 12455 | .fancytree-container ul li { | 12460 | .fancytree-container ul li { |
| 12456 | margin-top: 1px; | 12461 | margin-top: 1px; |
| 12457 | } | 12462 | } |
| 12458 | .ui-fancytree-disabled .fancytree-container { | 12463 | .ui-fancytree-disabled .fancytree-container { |
| 12459 | opacity: 0.6; | 12464 | opacity: 0.6; |
| 12460 | filter: alpha(opacity=60); | 12465 | filter: alpha(opacity=60); |
| 12461 | } | 12466 | } |
| 12462 | .ui-fancytree-disabled .fancytree-container, | 12467 | .ui-fancytree-disabled .fancytree-container, |
| 12463 | .ui-fancytree-disabled .fancytree-title, | 12468 | .ui-fancytree-disabled .fancytree-title, |
| 12464 | .ui-fancytree-disabled .fancytree-expander { | 12469 | .ui-fancytree-disabled .fancytree-expander { |
| 12465 | cursor: not-allowed; | 12470 | cursor: not-allowed; |
| 12466 | } | 12471 | } |
| 12467 | .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { | 12472 | .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { |
| 12468 | background-color: #f5f5f5; | 12473 | background-color: #f5f5f5; |
| 12469 | color: #333333; | 12474 | color: #333333; |
| 12470 | } | 12475 | } |
| 12471 | .ui-helper-hidden { | 12476 | .ui-helper-hidden { |
| 12472 | display: none; | 12477 | display: none; |
| 12473 | } | 12478 | } |
| 12474 | .fancytree-expander:after, | 12479 | .fancytree-expander:after, |
| 12475 | .fancytree-icon:after, | 12480 | .fancytree-icon:after, |
| 12476 | .fancytree-checkbox:after, | 12481 | .fancytree-checkbox:after, |
| 12477 | .fancytree-drag-helper-img:after, | 12482 | .fancytree-drag-helper-img:after, |
| 12478 | .fancytree-drop-before:after, | 12483 | .fancytree-drop-before:after, |
| 12479 | .fancytree-drop-after:after, | 12484 | .fancytree-drop-after:after, |
| 12480 | .fancytree-loading .fancytree-expander:after, | 12485 | .fancytree-loading .fancytree-expander:after, |
| 12481 | .fancytree-statusnode-wait .fancytree-icon:after { | 12486 | .fancytree-statusnode-wait .fancytree-icon:after { |
| 12482 | font-family: 'icomoon'; | 12487 | font-family: 'icomoon'; |
| 12483 | display: inline-block; | 12488 | display: inline-block; |
| 12484 | font-size: 16px; | 12489 | font-size: 16px; |
| 12485 | line-height: 1; | 12490 | line-height: 1; |
| 12486 | -webkit-font-smoothing: antialiased; | 12491 | -webkit-font-smoothing: antialiased; |
| 12487 | -moz-osx-font-smoothing: grayscale; | 12492 | -moz-osx-font-smoothing: grayscale; |
| 12488 | } | 12493 | } |
| 12489 | .fancytree-icon, | 12494 | .fancytree-icon, |
| 12490 | .fancytree-checkbox, | 12495 | .fancytree-checkbox, |
| 12491 | .fancytree-custom-icon { | 12496 | .fancytree-custom-icon { |
| 12492 | margin-top: 5px; | 12497 | margin-top: 5px; |
| 12493 | float: left; | 12498 | float: left; |
| 12494 | } | 12499 | } |
| 12495 | .fancytree-checkbox { | 12500 | .fancytree-checkbox { |
| 12496 | margin: 4px 10px 0 2px; | 12501 | margin: 4px 10px 0 2px; |
| 12497 | } | 12502 | } |
| 12498 | .fancytree-custom-icon { | 12503 | .fancytree-custom-icon { |
| 12499 | display: inline-block; | 12504 | display: inline-block; |
| 12500 | } | 12505 | } |
| 12501 | img.fancytree-icon { | 12506 | img.fancytree-icon { |
| 12502 | width: 16px; | 12507 | width: 16px; |
| 12503 | height: 16px; | 12508 | height: 16px; |
| 12504 | margin-left: 3px; | 12509 | margin-left: 3px; |
| 12505 | margin-top: 3px; | 12510 | margin-top: 3px; |
| 12506 | vertical-align: top; | 12511 | vertical-align: top; |
| 12507 | border-style: none; | 12512 | border-style: none; |
| 12508 | } | 12513 | } |
| 12509 | .fancytree-expander { | 12514 | .fancytree-expander { |
| 12510 | cursor: pointer; | 12515 | cursor: pointer; |
| 12511 | float: left; | 12516 | float: left; |
| 12512 | margin-top: 5px; | 12517 | margin-top: 5px; |
| 12513 | width: 16px; | 12518 | width: 16px; |
| 12514 | line-height: 1; | 12519 | line-height: 1; |
| 12515 | } | 12520 | } |
| 12516 | .fancytree-exp-c .fancytree-expander:after { | 12521 | .fancytree-exp-c .fancytree-expander:after { |
| 12517 | content: '\e9c7'; | 12522 | content: '\e9c7'; |
| 12518 | } | 12523 | } |
| 12519 | .fancytree-exp-cl .fancytree-expander:after { | 12524 | .fancytree-exp-cl .fancytree-expander:after { |
| 12520 | content: '\e9c7'; | 12525 | content: '\e9c7'; |
| 12521 | } | 12526 | } |
| 12522 | .fancytree-exp-cd .fancytree-expander:after, | 12527 | .fancytree-exp-cd .fancytree-expander:after, |
| 12523 | .fancytree-exp-cdl .fancytree-expander:after { | 12528 | .fancytree-exp-cdl .fancytree-expander:after { |
| 12524 | content: '\e9c7'; | 12529 | content: '\e9c7'; |
| 12525 | } | 12530 | } |
| 12526 | .fancytree-exp-e .fancytree-expander:after, | 12531 | .fancytree-exp-e .fancytree-expander:after, |
| 12527 | .fancytree-exp-ed .fancytree-expander:after { | 12532 | .fancytree-exp-ed .fancytree-expander:after { |
| 12528 | content: '\e9c5'; | 12533 | content: '\e9c5'; |
| 12529 | } | 12534 | } |
| 12530 | .fancytree-exp-el .fancytree-expander:after, | 12535 | .fancytree-exp-el .fancytree-expander:after, |
| 12531 | .fancytree-exp-edl .fancytree-expander:after { | 12536 | .fancytree-exp-edl .fancytree-expander:after { |
| 12532 | content: '\e9c5'; | 12537 | content: '\e9c5'; |
| 12533 | } | 12538 | } |
| 12534 | .fancytree-statusnode-error .fancytree-icon:after { | 12539 | .fancytree-statusnode-error .fancytree-icon:after { |
| 12535 | content: '\ed63'; | 12540 | content: '\ed63'; |
| 12536 | } | 12541 | } |
| 12537 | .fancytree-loading .fancytree-expander, | 12542 | .fancytree-loading .fancytree-expander, |
| 12538 | .fancytree-statusnode-wait .fancytree-icon { | 12543 | .fancytree-statusnode-wait .fancytree-icon { |
| 12539 | margin-left: auto; | 12544 | margin-left: auto; |
| 12540 | margin-right: auto; | 12545 | margin-right: auto; |
| 12541 | width: 16px; | 12546 | width: 16px; |
| 12542 | height: 16px; | 12547 | height: 16px; |
| 12543 | display: inline-block; | 12548 | display: inline-block; |
| 12544 | text-align: center; | 12549 | text-align: center; |
| 12545 | } | 12550 | } |
| 12546 | .fancytree-loading .fancytree-expander:after, | 12551 | .fancytree-loading .fancytree-expander:after, |
| 12547 | .fancytree-statusnode-wait .fancytree-icon:after { | 12552 | .fancytree-statusnode-wait .fancytree-icon:after { |
| 12548 | content: '\ed6c'; | 12553 | content: '\ed6c'; |
| 12549 | -webkit-transition: all 0.15s ease-in-out; | 12554 | -webkit-transition: all 0.15s ease-in-out; |
| 12550 | -o-transition: all 0.15s ease-in-out; | 12555 | -o-transition: all 0.15s ease-in-out; |
| 12551 | transition: all 0.15s ease-in-out; | 12556 | transition: all 0.15s ease-in-out; |
| 12552 | } | 12557 | } |
| 12553 | .fancytree-icon { | 12558 | .fancytree-icon { |
| 12554 | display: inline-block; | 12559 | display: inline-block; |
| 12555 | width: 16px; | 12560 | width: 16px; |
| 12556 | height: 16px; | 12561 | height: 16px; |
| 12557 | } | 12562 | } |
| 12558 | .fancytree-ico-c .fancytree-icon:after, | 12563 | .fancytree-ico-c .fancytree-icon:after, |
| 12559 | .fancytree-ico-e .fancytree-icon:after { | 12564 | .fancytree-ico-e .fancytree-icon:after { |
| 12560 | content: '\ea1a'; | 12565 | content: '\ea1a'; |
| 12561 | } | 12566 | } |
| 12562 | .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { | 12567 | .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { |
| 12563 | content: '\ea0f'; | 12568 | content: '\ea0f'; |
| 12564 | } | 12569 | } |
| 12565 | .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { | 12570 | .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { |
| 12566 | content: '\ea11'; | 12571 | content: '\ea11'; |
| 12567 | } | 12572 | } |
| 12568 | .fancytree-ico-cf .fancytree-icon:after, | 12573 | .fancytree-ico-cf .fancytree-icon:after, |
| 12569 | .fancytree-ico-ef .fancytree-icon:after { | 12574 | .fancytree-ico-ef .fancytree-icon:after { |
| 12570 | content: '\ea3d'; | 12575 | content: '\ea3d'; |
| 12571 | } | 12576 | } |
| 12572 | .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { | 12577 | .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { |
| 12573 | content: '\ea41'; | 12578 | content: '\ea41'; |
| 12574 | } | 12579 | } |
| 12575 | .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { | 12580 | .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { |
| 12576 | content: '\ea43'; | 12581 | content: '\ea43'; |
| 12577 | } | 12582 | } |
| 12578 | .fancytree-checkbox { | 12583 | .fancytree-checkbox { |
| 12579 | width: 18px; | 12584 | width: 18px; |
| 12580 | height: 18px; | 12585 | height: 18px; |
| 12581 | border: 2px solid #777; | 12586 | border: 2px solid #777; |
| 12582 | display: block; | 12587 | display: block; |
| 12583 | text-align: center; | 12588 | text-align: center; |
| 12584 | position: relative; | 12589 | position: relative; |
| 12585 | cursor: pointer; | 12590 | cursor: pointer; |
| 12586 | border-radius: 2px; | 12591 | border-radius: 2px; |
| 12587 | } | 12592 | } |
| 12588 | .fancytree-selected .fancytree-checkbox { | 12593 | .fancytree-selected .fancytree-checkbox { |
| 12589 | border-color: transparent; | 12594 | border-color: transparent; |
| 12590 | } | 12595 | } |
| 12591 | .fancytree-checkbox:after, | 12596 | .fancytree-checkbox:after, |
| 12592 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { | 12597 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { |
| 12593 | content: "\ed6e"; | 12598 | content: "\ed6e"; |
| 12594 | margin-top: -1px; | 12599 | margin-top: -1px; |
| 12595 | margin-left: -1px; | 12600 | margin-left: -1px; |
| 12596 | display: none; | 12601 | display: none; |
| 12597 | } | 12602 | } |
| 12598 | .fancytree-partsel > .fancytree-checkbox:after { | 12603 | .fancytree-partsel > .fancytree-checkbox:after { |
| 12599 | content: ""; | 12604 | content: ""; |
| 12600 | width: 8px; | 12605 | width: 8px; |
| 12601 | height: 8px; | 12606 | height: 8px; |
| 12602 | display: none; | 12607 | display: none; |
| 12603 | background-color: #777; | 12608 | background-color: #777; |
| 12604 | margin: 3px; | 12609 | margin: 3px; |
| 12605 | } | 12610 | } |
| 12606 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { | 12611 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { |
| 12607 | background-color: transparent; | 12612 | background-color: transparent; |
| 12608 | width: auto; | 12613 | width: auto; |
| 12609 | height: auto; | 12614 | height: auto; |
| 12610 | } | 12615 | } |
| 12611 | .fancytree-selected .fancytree-checkbox:after, | 12616 | .fancytree-selected .fancytree-checkbox:after, |
| 12612 | .fancytree-partsel .fancytree-checkbox:after, | 12617 | .fancytree-partsel .fancytree-checkbox:after, |
| 12613 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { | 12618 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { |
| 12614 | display: block; | 12619 | display: block; |
| 12615 | } | 12620 | } |
| 12616 | .fancytree-radio .fancytree-checkbox { | 12621 | .fancytree-radio .fancytree-checkbox { |
| 12617 | border-radius: 100%; | 12622 | border-radius: 100%; |
| 12618 | } | 12623 | } |
| 12619 | .fancytree-radio .fancytree-checkbox:after { | 12624 | .fancytree-radio .fancytree-checkbox:after { |
| 12620 | content: ''; | 12625 | content: ''; |
| 12621 | width: 8px; | 12626 | width: 8px; |
| 12622 | height: 8px; | 12627 | height: 8px; |
| 12623 | background-color: #777; | 12628 | background-color: #777; |
| 12624 | margin: 3px; | 12629 | margin: 3px; |
| 12625 | border-radius: 100px; | 12630 | border-radius: 100px; |
| 12626 | } | 12631 | } |
| 12627 | .fancytree-radio .fancytree-selected .fancytree-checkbox { | 12632 | .fancytree-radio .fancytree-selected .fancytree-checkbox { |
| 12628 | border-color: #777; | 12633 | border-color: #777; |
| 12629 | } | 12634 | } |
| 12630 | /* # Other styles | 12635 | /* # Other styles |
| 12631 | -------------------------------------------------- */ | 12636 | -------------------------------------------------- */ |
| 12632 | .fancytree-drag-helper { | 12637 | .fancytree-drag-helper { |
| 12633 | border: 1px solid #ddd; | 12638 | border: 1px solid #ddd; |
| 12634 | background-color: #fff; | 12639 | background-color: #fff; |
| 12635 | padding: 4px 5px; | 12640 | padding: 4px 5px; |
| 12636 | opacity: 0.8; | 12641 | opacity: 0.8; |
| 12637 | filter: alpha(opacity=80); | 12642 | filter: alpha(opacity=80); |
| 12638 | } | 12643 | } |
| 12639 | .fancytree-drag-helper-img:after { | 12644 | .fancytree-drag-helper-img:after { |
| 12640 | position: absolute; | 12645 | position: absolute; |
| 12641 | top: 50%; | 12646 | top: 50%; |
| 12642 | margin-top: -9px; | 12647 | margin-top: -9px; |
| 12643 | right: -26px; | 12648 | right: -26px; |
| 12644 | } | 12649 | } |
| 12645 | .fancytree-drop-accept .fancytree-drag-helper-img:after { | 12650 | .fancytree-drop-accept .fancytree-drag-helper-img:after { |
| 12646 | content: '\ee73'; | 12651 | content: '\ee73'; |
| 12647 | color: #4CAF50; | 12652 | color: #4CAF50; |
| 12648 | } | 12653 | } |
| 12649 | .fancytree-drop-reject .fancytree-drag-helper-img:after { | 12654 | .fancytree-drop-reject .fancytree-drag-helper-img:after { |
| 12650 | content: '\ed63'; | 12655 | content: '\ed63'; |
| 12651 | color: #F44336; | 12656 | color: #F44336; |
| 12652 | } | 12657 | } |
| 12653 | #fancytree-drop-marker.fancytree-drop-before, | 12658 | #fancytree-drop-marker.fancytree-drop-before, |
| 12654 | #fancytree-drop-marker.fancytree-drop-after { | 12659 | #fancytree-drop-marker.fancytree-drop-after { |
| 12655 | width: 200px; | 12660 | width: 200px; |
| 12656 | border-top: 1px solid #333333; | 12661 | border-top: 1px solid #333333; |
| 12657 | position: absolute!important; | 12662 | position: absolute!important; |
| 12658 | } | 12663 | } |
| 12659 | .fancytree-drag-source { | 12664 | .fancytree-drag-source { |
| 12660 | background-color: #ddd; | 12665 | background-color: #ddd; |
| 12661 | } | 12666 | } |
| 12662 | .fancytree-drag-source .fancytree.title { | 12667 | .fancytree-drag-source .fancytree.title { |
| 12663 | color: #333333; | 12668 | color: #333333; |
| 12664 | } | 12669 | } |
| 12665 | .fancytree-drop-target.fancytree-drop-accept a { | 12670 | .fancytree-drop-target.fancytree-drop-accept a { |
| 12666 | background-color: #2196F3 !important; | 12671 | background-color: #2196F3 !important; |
| 12667 | color: #fff !important; | 12672 | color: #fff !important; |
| 12668 | text-decoration: none; | 12673 | text-decoration: none; |
| 12669 | } | 12674 | } |
| 12670 | .fancytree-node { | 12675 | .fancytree-node { |
| 12671 | display: inherit; | 12676 | display: inherit; |
| 12672 | width: 100%; | 12677 | width: 100%; |
| 12673 | position: relative; | 12678 | position: relative; |
| 12674 | } | 12679 | } |
| 12675 | .fancytree-title { | 12680 | .fancytree-title { |
| 12676 | border: 0; | 12681 | border: 0; |
| 12677 | padding: 4px 6px; | 12682 | padding: 4px 6px; |
| 12678 | border-radius: 2px; | 12683 | border-radius: 2px; |
| 12679 | margin-left: 4px; | 12684 | margin-left: 4px; |
| 12680 | display: inline-block; | 12685 | display: inline-block; |
| 12681 | cursor: pointer; | 12686 | cursor: pointer; |
| 12682 | } | 12687 | } |
| 12683 | .fancytree-title > input { | 12688 | .fancytree-title > input { |
| 12684 | border: 0; | 12689 | border: 0; |
| 12685 | outline: 0; | 12690 | outline: 0; |
| 12686 | padding: 0; | 12691 | padding: 0; |
| 12687 | background-color: transparent; | 12692 | background-color: transparent; |
| 12688 | } | 12693 | } |
| 12689 | .fancytree-selected .fancytree-title { | 12694 | .fancytree-selected .fancytree-title { |
| 12690 | background-color: #ddd; | 12695 | background-color: #ddd; |
| 12691 | color: #333333; | 12696 | color: #333333; |
| 12692 | } | 12697 | } |
| 12693 | .fancytree-treefocus .fancytree-selected .fancytree-title { | 12698 | .fancytree-treefocus .fancytree-selected .fancytree-title { |
| 12694 | background-color: #2196F3; | 12699 | background-color: #2196F3; |
| 12695 | color: #fff; | 12700 | color: #fff; |
| 12696 | } | 12701 | } |
| 12697 | .fancytree-active .fancytree-title { | 12702 | .fancytree-active .fancytree-title { |
| 12698 | background-color: #ddd; | 12703 | background-color: #ddd; |
| 12699 | } | 12704 | } |
| 12700 | .sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title, | 12705 | .sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title, |
| 12701 | .sidebar:not(.sidebar-default) .fancytree-active .fancytree-title { | 12706 | .sidebar:not(.sidebar-default) .fancytree-active .fancytree-title { |
| 12702 | background-color: rgba(255, 255, 255, 0.2); | 12707 | background-color: rgba(255, 255, 255, 0.2); |
| 12703 | color: #fff; | 12708 | color: #fff; |
| 12704 | } | 12709 | } |
| 12705 | .sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title { | 12710 | .sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title { |
| 12706 | background-color: #2196F3; | 12711 | background-color: #2196F3; |
| 12707 | color: #fff; | 12712 | color: #fff; |
| 12708 | } | 12713 | } |
| 12709 | .fancytree-ext-table .fancytree-node { | 12714 | .fancytree-ext-table .fancytree-node { |
| 12710 | display: inline-block; | 12715 | display: inline-block; |
| 12711 | width: auto; | 12716 | width: auto; |
| 12712 | } | 12717 | } |
| 12713 | .fancytree-ext-table .fancytree-title { | 12718 | .fancytree-ext-table .fancytree-title { |
| 12714 | display: inline; | 12719 | display: inline; |
| 12715 | } | 12720 | } |
| 12716 | .fancytree-ext-table.fancytree-container { | 12721 | .fancytree-ext-table.fancytree-container { |
| 12717 | white-space: normal; | 12722 | white-space: normal; |
| 12718 | } | 12723 | } |
| 12719 | .fancytree-ext-table .fancytree-expander, | 12724 | .fancytree-ext-table .fancytree-expander, |
| 12720 | .fancytree-ext-table .fancytree-icon, | 12725 | .fancytree-ext-table .fancytree-icon, |
| 12721 | .fancytree-ext-table .fancytree-custom-icon { | 12726 | .fancytree-ext-table .fancytree-custom-icon { |
| 12722 | margin-top: 1px; | 12727 | margin-top: 1px; |
| 12723 | } | 12728 | } |
| 12724 | .fancytree-ext-table .fancytree-checkbox { | 12729 | .fancytree-ext-table .fancytree-checkbox { |
| 12725 | margin: 0 auto; | 12730 | margin: 0 auto; |
| 12726 | float: none; | 12731 | float: none; |
| 12727 | } | 12732 | } |
| 12728 | .fancytree-ext-table .checker { | 12733 | .fancytree-ext-table .checker { |
| 12729 | display: block; | 12734 | display: block; |
| 12730 | margin: 0 auto; | 12735 | margin: 0 auto; |
| 12731 | } | 12736 | } |
| 12732 | .fancytree-ext-table tbody tr td:first-child { | 12737 | .fancytree-ext-table tbody tr td:first-child { |
| 12733 | text-align: center; | 12738 | text-align: center; |
| 12734 | } | 12739 | } |
| 12735 | .fancytree-ext-table tbody tr.fancytree-focused { | 12740 | .fancytree-ext-table tbody tr.fancytree-focused { |
| 12736 | background-color: #f5f5f5; | 12741 | background-color: #f5f5f5; |
| 12737 | } | 12742 | } |
| 12738 | .fancytree-ext-table tbody tr.fancytree-active { | 12743 | .fancytree-ext-table tbody tr.fancytree-active { |
| 12739 | background-color: #f5f5f5; | 12744 | background-color: #f5f5f5; |
| 12740 | } | 12745 | } |
| 12741 | .fancytree-ext-table tbody tr.fancytree-selected { | 12746 | .fancytree-ext-table tbody tr.fancytree-selected { |
| 12742 | background-color: #2196F3; | 12747 | background-color: #2196F3; |
| 12743 | color: #fff; | 12748 | color: #fff; |
| 12744 | } | 12749 | } |
| 12745 | .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox { | 12750 | .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox { |
| 12746 | color: #fff; | 12751 | color: #fff; |
| 12747 | } | 12752 | } |
| 12748 | .fancytree-ext-table tbody tr.fancytree-selected .checker span { | 12753 | .fancytree-ext-table tbody tr.fancytree-selected .checker span { |
| 12749 | color: #fff; | 12754 | color: #fff; |
| 12750 | border-color: #fff; | 12755 | border-color: #fff; |
| 12751 | } | 12756 | } |
| 12752 | .fancytree-ext-table tbody tr.fancytree-selected .checker span.checked { | 12757 | .fancytree-ext-table tbody tr.fancytree-selected .checker span.checked { |
| 12753 | border-color: transparent; | 12758 | border-color: transparent; |
| 12754 | } | 12759 | } |
| 12755 | .fancytree-ext-childcounter .fancytree-childcounter { | 12760 | .fancytree-ext-childcounter .fancytree-childcounter { |
| 12756 | position: absolute; | 12761 | position: absolute; |
| 12757 | right: 0; | 12762 | right: 0; |
| 12758 | top: 4px; | 12763 | top: 4px; |
| 12759 | color: #999999; | 12764 | color: #999999; |
| 12760 | } | 12765 | } |
| 12761 | /* ------------------------------------------------------------------------------ | 12766 | /* ------------------------------------------------------------------------------ |
| 12762 | * | 12767 | * |
| 12763 | * # Ladda progress buttons | 12768 | * # Ladda progress buttons |
| 12764 | * | 12769 | * |
| 12765 | * Buttons with built-in loading indicators | 12770 | * Buttons with built-in loading indicators |
| 12766 | * | 12771 | * |
| 12767 | * Version: 1.0 | 12772 | * Version: 1.0 |
| 12768 | * Latest update: May 25, 2015 | 12773 | * Latest update: May 25, 2015 |
| 12769 | * | 12774 | * |
| 12770 | * ---------------------------------------------------------------------------- */ | 12775 | * ---------------------------------------------------------------------------- */ |
| 12771 | .btn-ladda, | 12776 | .btn-ladda, |
| 12772 | .btn-ladda .ladda-spinner, | 12777 | .btn-ladda .ladda-spinner, |
| 12773 | .btn-ladda .ladda-label { | 12778 | .btn-ladda .ladda-label { |
| 12774 | -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; | 12779 | -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; |
| 12775 | -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; | 12780 | -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; |
| 12776 | transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; | 12781 | transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; |
| 12777 | } | 12782 | } |
| 12778 | .btn-ladda .ladda-spinner { | 12783 | .btn-ladda .ladda-spinner { |
| 12779 | position: absolute; | 12784 | position: absolute; |
| 12780 | z-index: 2; | 12785 | z-index: 2; |
| 12781 | display: inline-block; | 12786 | display: inline-block; |
| 12782 | top: 50%; | 12787 | top: 50%; |
| 12783 | pointer-events: none; | 12788 | pointer-events: none; |
| 12784 | opacity: 0; | 12789 | opacity: 0; |
| 12785 | filter: alpha(opacity=0); | 12790 | filter: alpha(opacity=0); |
| 12786 | } | 12791 | } |
| 12787 | .btn-ladda .ladda-label { | 12792 | .btn-ladda .ladda-label { |
| 12788 | z-index: 3; | 12793 | z-index: 3; |
| 12789 | } | 12794 | } |
| 12790 | .btn-ladda .ladda-progress { | 12795 | .btn-ladda .ladda-progress { |
| 12791 | position: absolute; | 12796 | position: absolute; |
| 12792 | width: 0; | 12797 | width: 0; |
| 12793 | height: 100%; | 12798 | height: 100%; |
| 12794 | left: 0; | 12799 | left: 0; |
| 12795 | top: 0; | 12800 | top: 0; |
| 12796 | background-color: rgba(0, 0, 0, 0.2); | 12801 | background-color: rgba(0, 0, 0, 0.2); |
| 12797 | visibility: hidden; | 12802 | visibility: hidden; |
| 12798 | -webkit-transition: all linear 0.3s; | 12803 | -webkit-transition: all linear 0.3s; |
| 12799 | -o-transition: all linear 0.3s; | 12804 | -o-transition: all linear 0.3s; |
| 12800 | transition: all linear 0.3s; | 12805 | transition: all linear 0.3s; |
| 12801 | opacity: 0; | 12806 | opacity: 0; |
| 12802 | filter: alpha(opacity=0); | 12807 | filter: alpha(opacity=0); |
| 12803 | } | 12808 | } |
| 12804 | .btn-ladda[data-loading] .ladda-progress { | 12809 | .btn-ladda[data-loading] .ladda-progress { |
| 12805 | visibility: visible; | 12810 | visibility: visible; |
| 12806 | opacity: 1; | 12811 | opacity: 1; |
| 12807 | filter: alpha(opacity=100); | 12812 | filter: alpha(opacity=100); |
| 12808 | } | 12813 | } |
| 12809 | .btn-ladda[data-style=zoom-in], | 12814 | .btn-ladda[data-style=zoom-in], |
| 12810 | .btn-ladda[data-style=zoom-out] { | 12815 | .btn-ladda[data-style=zoom-out] { |
| 12811 | overflow: hidden; | 12816 | overflow: hidden; |
| 12812 | } | 12817 | } |
| 12813 | .btn-ladda[data-style=zoom-in], | 12818 | .btn-ladda[data-style=zoom-in], |
| 12814 | .btn-ladda[data-style=zoom-out], | 12819 | .btn-ladda[data-style=zoom-out], |
| 12815 | .btn-ladda[data-style=zoom-in] .ladda-spinner, | 12820 | .btn-ladda[data-style=zoom-in] .ladda-spinner, |
| 12816 | .btn-ladda[data-style=zoom-out] .ladda-spinner, | 12821 | .btn-ladda[data-style=zoom-out] .ladda-spinner, |
| 12817 | .btn-ladda[data-style=zoom-in] .ladda-label, | 12822 | .btn-ladda[data-style=zoom-in] .ladda-label, |
| 12818 | .btn-ladda[data-style=zoom-out] .ladda-label { | 12823 | .btn-ladda[data-style=zoom-out] .ladda-label { |
| 12819 | -webkit-transition: 0.3s ease all; | 12824 | -webkit-transition: 0.3s ease all; |
| 12820 | -o-transition: 0.3s ease all; | 12825 | -o-transition: 0.3s ease all; |
| 12821 | transition: 0.3s ease all; | 12826 | transition: 0.3s ease all; |
| 12822 | } | 12827 | } |
| 12823 | .btn-ladda[data-style=zoom-in] .ladda-label, | 12828 | .btn-ladda[data-style=zoom-in] .ladda-label, |
| 12824 | .btn-ladda[data-style=zoom-out] .ladda-label { | 12829 | .btn-ladda[data-style=zoom-out] .ladda-label { |
| 12825 | position: relative; | 12830 | position: relative; |
| 12826 | display: inline-block; | 12831 | display: inline-block; |
| 12827 | } | 12832 | } |
| 12828 | .btn-ladda[data-style=zoom-in] .ladda-spinner, | 12833 | .btn-ladda[data-style=zoom-in] .ladda-spinner, |
| 12829 | .btn-ladda[data-style=zoom-out] .ladda-spinner { | 12834 | .btn-ladda[data-style=zoom-out] .ladda-spinner { |
| 12830 | left: 50%; | 12835 | left: 50%; |
| 12831 | } | 12836 | } |
| 12832 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, | 12837 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, |
| 12833 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { | 12838 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { |
| 12834 | opacity: 0; | 12839 | opacity: 0; |
| 12835 | filter: alpha(opacity=0); | 12840 | filter: alpha(opacity=0); |
| 12836 | } | 12841 | } |
| 12837 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, | 12842 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, |
| 12838 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { | 12843 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { |
| 12839 | -webkit-transform: none; | 12844 | -webkit-transform: none; |
| 12840 | -moz-transform: none; | 12845 | -moz-transform: none; |
| 12841 | -ms-transform: none; | 12846 | -ms-transform: none; |
| 12842 | -o-transform: none; | 12847 | -o-transform: none; |
| 12843 | transform: none; | 12848 | transform: none; |
| 12844 | opacity: 1; | 12849 | opacity: 1; |
| 12845 | filter: alpha(opacity=100); | 12850 | filter: alpha(opacity=100); |
| 12846 | } | 12851 | } |
| 12847 | .btn-ladda[data-style=zoom-in] .ladda-spinner { | 12852 | .btn-ladda[data-style=zoom-in] .ladda-spinner { |
| 12848 | -webkit-transform: scale(0.2); | 12853 | -webkit-transform: scale(0.2); |
| 12849 | -ms-transform: scale(0.2); | 12854 | -ms-transform: scale(0.2); |
| 12850 | -o-transform: scale(0.2); | 12855 | -o-transform: scale(0.2); |
| 12851 | transform: scale(0.2); | 12856 | transform: scale(0.2); |
| 12852 | } | 12857 | } |
| 12853 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { | 12858 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { |
| 12854 | -webkit-transform: scale(2.2); | 12859 | -webkit-transform: scale(2.2); |
| 12855 | -ms-transform: scale(2.2); | 12860 | -ms-transform: scale(2.2); |
| 12856 | -o-transform: scale(2.2); | 12861 | -o-transform: scale(2.2); |
| 12857 | transform: scale(2.2); | 12862 | transform: scale(2.2); |
| 12858 | } | 12863 | } |
| 12859 | .btn-ladda[data-style=zoom-out] .ladda-spinner { | 12864 | .btn-ladda[data-style=zoom-out] .ladda-spinner { |
| 12860 | -webkit-transform: scale(2.5); | 12865 | -webkit-transform: scale(2.5); |
| 12861 | -ms-transform: scale(2.5); | 12866 | -ms-transform: scale(2.5); |
| 12862 | -o-transform: scale(2.5); | 12867 | -o-transform: scale(2.5); |
| 12863 | transform: scale(2.5); | 12868 | transform: scale(2.5); |
| 12864 | } | 12869 | } |
| 12865 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { | 12870 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { |
| 12866 | -webkit-transform: scale(0.5); | 12871 | -webkit-transform: scale(0.5); |
| 12867 | -ms-transform: scale(0.5); | 12872 | -ms-transform: scale(0.5); |
| 12868 | -o-transform: scale(0.5); | 12873 | -o-transform: scale(0.5); |
| 12869 | transform: scale(0.5); | 12874 | transform: scale(0.5); |
| 12870 | } | 12875 | } |
| 12871 | .btn-ladda[data-style=expand-left] { | 12876 | .btn-ladda[data-style=expand-left] { |
| 12872 | overflow: hidden; | 12877 | overflow: hidden; |
| 12873 | } | 12878 | } |
| 12874 | .btn-ladda[data-style=expand-left] .ladda-spinner { | 12879 | .btn-ladda[data-style=expand-left] .ladda-spinner { |
| 12875 | left: 20px; | 12880 | left: 20px; |
| 12876 | } | 12881 | } |
| 12877 | .btn-ladda[data-style=expand-left][data-loading] { | 12882 | .btn-ladda[data-style=expand-left][data-loading] { |
| 12878 | padding-left: 35px; | 12883 | padding-left: 35px; |
| 12879 | } | 12884 | } |
| 12880 | .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { | 12885 | .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { |
| 12881 | opacity: 1; | 12886 | opacity: 1; |
| 12882 | filter: alpha(opacity=100); | 12887 | filter: alpha(opacity=100); |
| 12883 | } | 12888 | } |
| 12884 | .btn-ladda[data-style=expand-right] { | 12889 | .btn-ladda[data-style=expand-right] { |
| 12885 | overflow: hidden; | 12890 | overflow: hidden; |
| 12886 | } | 12891 | } |
| 12887 | .btn-ladda[data-style=expand-right] .ladda-spinner { | 12892 | .btn-ladda[data-style=expand-right] .ladda-spinner { |
| 12888 | right: 20px; | 12893 | right: 20px; |
| 12889 | } | 12894 | } |
| 12890 | .btn-ladda[data-style=expand-right][data-loading] { | 12895 | .btn-ladda[data-style=expand-right][data-loading] { |
| 12891 | padding-right: 35px; | 12896 | padding-right: 35px; |
| 12892 | } | 12897 | } |
| 12893 | .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { | 12898 | .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { |
| 12894 | opacity: 1; | 12899 | opacity: 1; |
| 12895 | filter: alpha(opacity=100); | 12900 | filter: alpha(opacity=100); |
| 12896 | } | 12901 | } |
| 12897 | .btn-ladda[data-style=expand-up] { | 12902 | .btn-ladda[data-style=expand-up] { |
| 12898 | overflow: hidden; | 12903 | overflow: hidden; |
| 12899 | } | 12904 | } |
| 12900 | .btn-ladda[data-style=expand-up] .ladda-spinner { | 12905 | .btn-ladda[data-style=expand-up] .ladda-spinner { |
| 12901 | top: -16px; | 12906 | top: -16px; |
| 12902 | left: 50%; | 12907 | left: 50%; |
| 12903 | } | 12908 | } |
| 12904 | .btn-ladda[data-style=expand-up][data-loading] { | 12909 | .btn-ladda[data-style=expand-up][data-loading] { |
| 12905 | padding-top: 40px; | 12910 | padding-top: 40px; |
| 12906 | } | 12911 | } |
| 12907 | .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { | 12912 | .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { |
| 12908 | top: 12px; | 12913 | top: 12px; |
| 12909 | margin-top: 8px; | 12914 | margin-top: 8px; |
| 12910 | opacity: 1; | 12915 | opacity: 1; |
| 12911 | filter: alpha(opacity=100); | 12916 | filter: alpha(opacity=100); |
| 12912 | } | 12917 | } |
| 12913 | .btn-ladda[data-style=expand-down] { | 12918 | .btn-ladda[data-style=expand-down] { |
| 12914 | overflow: hidden; | 12919 | overflow: hidden; |
| 12915 | } | 12920 | } |
| 12916 | .btn-ladda[data-style=expand-down] .ladda-spinner { | 12921 | .btn-ladda[data-style=expand-down] .ladda-spinner { |
| 12917 | top: 44px; | 12922 | top: 44px; |
| 12918 | left: 50%; | 12923 | left: 50%; |
| 12919 | } | 12924 | } |
| 12920 | .btn-ladda[data-style=expand-down][data-loading] { | 12925 | .btn-ladda[data-style=expand-down][data-loading] { |
| 12921 | padding-bottom: 40px; | 12926 | padding-bottom: 40px; |
| 12922 | } | 12927 | } |
| 12923 | .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { | 12928 | .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { |
| 12924 | opacity: 1; | 12929 | opacity: 1; |
| 12925 | filter: alpha(opacity=100); | 12930 | filter: alpha(opacity=100); |
| 12926 | } | 12931 | } |
| 12927 | .btn-ladda[data-style=slide-left] { | 12932 | .btn-ladda[data-style=slide-left] { |
| 12928 | overflow: hidden; | 12933 | overflow: hidden; |
| 12929 | } | 12934 | } |
| 12930 | .btn-ladda[data-style=slide-left] .ladda-label { | 12935 | .btn-ladda[data-style=slide-left] .ladda-label { |
| 12931 | left: 0; | 12936 | left: 0; |
| 12932 | position: relative; | 12937 | position: relative; |
| 12933 | } | 12938 | } |
| 12934 | .btn-ladda[data-style=slide-left] .ladda-spinner { | 12939 | .btn-ladda[data-style=slide-left] .ladda-spinner { |
| 12935 | right: 0; | 12940 | right: 0; |
| 12936 | } | 12941 | } |
| 12937 | .btn-ladda[data-style=slide-left][data-loading] .ladda-label { | 12942 | .btn-ladda[data-style=slide-left][data-loading] .ladda-label { |
| 12938 | left: -100%; | 12943 | left: -100%; |
| 12939 | opacity: 0; | 12944 | opacity: 0; |
| 12940 | filter: alpha(opacity=0); | 12945 | filter: alpha(opacity=0); |
| 12941 | } | 12946 | } |
| 12942 | .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { | 12947 | .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { |
| 12943 | right: 50%; | 12948 | right: 50%; |
| 12944 | opacity: 1; | 12949 | opacity: 1; |
| 12945 | filter: alpha(opacity=100); | 12950 | filter: alpha(opacity=100); |
| 12946 | } | 12951 | } |
| 12947 | .btn-ladda[data-style=slide-right] { | 12952 | .btn-ladda[data-style=slide-right] { |
| 12948 | overflow: hidden; | 12953 | overflow: hidden; |
| 12949 | } | 12954 | } |
| 12950 | .btn-ladda[data-style=slide-right] .ladda-label { | 12955 | .btn-ladda[data-style=slide-right] .ladda-label { |
| 12951 | right: 0; | 12956 | right: 0; |
| 12952 | position: relative; | 12957 | position: relative; |
| 12953 | } | 12958 | } |
| 12954 | .btn-ladda[data-style=slide-right] .ladda-spinner { | 12959 | .btn-ladda[data-style=slide-right] .ladda-spinner { |
| 12955 | left: 0; | 12960 | left: 0; |
| 12956 | } | 12961 | } |
| 12957 | .btn-ladda[data-style=slide-right][data-loading] .ladda-label { | 12962 | .btn-ladda[data-style=slide-right][data-loading] .ladda-label { |
| 12958 | right: -100%; | 12963 | right: -100%; |
| 12959 | opacity: 0; | 12964 | opacity: 0; |
| 12960 | filter: alpha(opacity=0); | 12965 | filter: alpha(opacity=0); |
| 12961 | } | 12966 | } |
| 12962 | .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { | 12967 | .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { |
| 12963 | left: 50%; | 12968 | left: 50%; |
| 12964 | opacity: 1; | 12969 | opacity: 1; |
| 12965 | filter: alpha(opacity=100); | 12970 | filter: alpha(opacity=100); |
| 12966 | } | 12971 | } |
| 12967 | .btn-ladda[data-style=slide-up] { | 12972 | .btn-ladda[data-style=slide-up] { |
| 12968 | overflow: hidden; | 12973 | overflow: hidden; |
| 12969 | } | 12974 | } |
| 12970 | .btn-ladda[data-style=slide-up] .ladda-label { | 12975 | .btn-ladda[data-style=slide-up] .ladda-label { |
| 12971 | top: 0; | 12976 | top: 0; |
| 12972 | position: relative; | 12977 | position: relative; |
| 12973 | } | 12978 | } |
| 12974 | .btn-ladda[data-style=slide-up] .ladda-spinner { | 12979 | .btn-ladda[data-style=slide-up] .ladda-spinner { |
| 12975 | top: 100%; | 12980 | top: 100%; |
| 12976 | left: 50%; | 12981 | left: 50%; |
| 12977 | } | 12982 | } |
| 12978 | .btn-ladda[data-style=slide-up][data-loading] .ladda-label { | 12983 | .btn-ladda[data-style=slide-up][data-loading] .ladda-label { |
| 12979 | top: -16px; | 12984 | top: -16px; |
| 12980 | opacity: 0; | 12985 | opacity: 0; |
| 12981 | filter: alpha(opacity=0); | 12986 | filter: alpha(opacity=0); |
| 12982 | } | 12987 | } |
| 12983 | .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { | 12988 | .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { |
| 12984 | top: 16px; | 12989 | top: 16px; |
| 12985 | opacity: 1; | 12990 | opacity: 1; |
| 12986 | filter: alpha(opacity=100); | 12991 | filter: alpha(opacity=100); |
| 12987 | } | 12992 | } |
| 12988 | .btn-ladda[data-style=slide-down] { | 12993 | .btn-ladda[data-style=slide-down] { |
| 12989 | overflow: hidden; | 12994 | overflow: hidden; |
| 12990 | } | 12995 | } |
| 12991 | .btn-ladda[data-style=slide-down] .ladda-label { | 12996 | .btn-ladda[data-style=slide-down] .ladda-label { |
| 12992 | top: 0; | 12997 | top: 0; |
| 12993 | position: relative; | 12998 | position: relative; |
| 12994 | } | 12999 | } |
| 12995 | .btn-ladda[data-style=slide-down] .ladda-spinner { | 13000 | .btn-ladda[data-style=slide-down] .ladda-spinner { |
| 12996 | top: -100%; | 13001 | top: -100%; |
| 12997 | left: 50%; | 13002 | left: 50%; |
| 12998 | } | 13003 | } |
| 12999 | .btn-ladda[data-style=slide-down][data-loading] .ladda-label { | 13004 | .btn-ladda[data-style=slide-down][data-loading] .ladda-label { |
| 13000 | top: 16px; | 13005 | top: 16px; |
| 13001 | opacity: 0; | 13006 | opacity: 0; |
| 13002 | filter: alpha(opacity=0); | 13007 | filter: alpha(opacity=0); |
| 13003 | } | 13008 | } |
| 13004 | .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { | 13009 | .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { |
| 13005 | top: 16px; | 13010 | top: 16px; |
| 13006 | opacity: 1; | 13011 | opacity: 1; |
| 13007 | filter: alpha(opacity=100); | 13012 | filter: alpha(opacity=100); |
| 13008 | } | 13013 | } |
| 13009 | .btn-ladda[data-style=fade] { | 13014 | .btn-ladda[data-style=fade] { |
| 13010 | overflow: hidden; | 13015 | overflow: hidden; |
| 13011 | } | 13016 | } |
| 13012 | .btn-ladda[data-style=fade] .ladda-spinner { | 13017 | .btn-ladda[data-style=fade] .ladda-spinner { |
| 13013 | left: 50%; | 13018 | left: 50%; |
| 13014 | } | 13019 | } |
| 13015 | .btn-ladda[data-style=fade][data-loading] .ladda-label { | 13020 | .btn-ladda[data-style=fade][data-loading] .ladda-label { |
| 13016 | opacity: 0; | 13021 | opacity: 0; |
| 13017 | filter: alpha(opacity=0); | 13022 | filter: alpha(opacity=0); |
| 13018 | } | 13023 | } |
| 13019 | .btn-ladda[data-style=fade][data-loading] .ladda-spinner { | 13024 | .btn-ladda[data-style=fade][data-loading] .ladda-spinner { |
| 13020 | opacity: 1; | 13025 | opacity: 1; |
| 13021 | filter: alpha(opacity=100); | 13026 | filter: alpha(opacity=100); |
| 13022 | } | 13027 | } |
| 13023 | .btn-ladda[data-style=radius] { | 13028 | .btn-ladda[data-style=radius] { |
| 13024 | overflow: hidden; | 13029 | overflow: hidden; |
| 13025 | border-radius: 2px; | 13030 | border-radius: 2px; |
| 13026 | -webkit-transition: all ease-in-out 0.5s; | 13031 | -webkit-transition: all ease-in-out 0.5s; |
| 13027 | -o-transition: all ease-in-out 0.5s; | 13032 | -o-transition: all ease-in-out 0.5s; |
| 13028 | transition: all ease-in-out 0.5s; | 13033 | transition: all ease-in-out 0.5s; |
| 13029 | } | 13034 | } |
| 13030 | .btn-ladda[data-style=radius] .ladda-spinner { | 13035 | .btn-ladda[data-style=radius] .ladda-spinner { |
| 13031 | left: 50%; | 13036 | left: 50%; |
| 13032 | } | 13037 | } |
| 13033 | .btn-ladda[data-style=radius][data-loading] { | 13038 | .btn-ladda[data-style=radius][data-loading] { |
| 13034 | border-radius: 4px; | 13039 | border-radius: 4px; |
| 13035 | } | 13040 | } |
| 13036 | .btn-ladda[data-style=radius][data-loading] .ladda-label { | 13041 | .btn-ladda[data-style=radius][data-loading] .ladda-label { |
| 13037 | opacity: 0; | 13042 | opacity: 0; |
| 13038 | filter: alpha(opacity=0); | 13043 | filter: alpha(opacity=0); |
| 13039 | } | 13044 | } |
| 13040 | .btn-ladda[data-style=radius][data-loading] .ladda-spinner { | 13045 | .btn-ladda[data-style=radius][data-loading] .ladda-spinner { |
| 13041 | opacity: 1; | 13046 | opacity: 1; |
| 13042 | filter: alpha(opacity=100); | 13047 | filter: alpha(opacity=100); |
| 13043 | } | 13048 | } |
| 13044 | /* ------------------------------------------------------------------------------ | 13049 | /* ------------------------------------------------------------------------------ |
| 13045 | * | 13050 | * |
| 13046 | * # Headroom | 13051 | * # Headroom |
| 13047 | * | 13052 | * |
| 13048 | * Hide BS navbar component on page scroll | 13053 | * Hide BS navbar component on page scroll |
| 13049 | * | 13054 | * |
| 13050 | * Version: 1.1 | 13055 | * Version: 1.1 |
| 13051 | * Latest update: Mar 10, 2016 | 13056 | * Latest update: Mar 10, 2016 |
| 13052 | * | 13057 | * |
| 13053 | * ---------------------------------------------------------------------------- */ | 13058 | * ---------------------------------------------------------------------------- */ |
| 13054 | .headroom { | 13059 | .headroom { |
| 13055 | -webkit-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; | 13060 | -webkit-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; |
| 13056 | -o-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; | 13061 | -o-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; |
| 13057 | transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; | 13062 | transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; |
| 13058 | } | 13063 | } |
| 13059 | .navbar.headroom-top-pinned { | 13064 | .navbar.headroom-top-pinned { |
| 13060 | top: 0; | 13065 | top: 0; |
| 13061 | } | 13066 | } |
| 13062 | .navbar.headroom-top-unpinned { | 13067 | .navbar.headroom-top-unpinned { |
| 13063 | top: -52px; | 13068 | top: -52px; |
| 13064 | -webkit-box-shadow: none; | 13069 | -webkit-box-shadow: none; |
| 13065 | box-shadow: none; | 13070 | box-shadow: none; |
| 13066 | } | 13071 | } |
| 13067 | .navbar-lg.navbar.headroom-top-unpinned { | 13072 | .navbar-lg.navbar.headroom-top-unpinned { |
| 13068 | top: -56px; | 13073 | top: -56px; |
| 13069 | } | 13074 | } |
| 13070 | .navbar-sm.navbar.headroom-top-unpinned { | 13075 | .navbar-sm.navbar.headroom-top-unpinned { |
| 13071 | top: -50px; | 13076 | top: -50px; |
| 13072 | } | 13077 | } |
| 13073 | .navbar-xs.navbar.headroom-top-unpinned { | 13078 | .navbar-xs.navbar.headroom-top-unpinned { |
| 13074 | top: -48px; | 13079 | top: -48px; |
| 13075 | } | 13080 | } |
| 13076 | .navbar.headroom-bottom-pinned { | 13081 | .navbar.headroom-bottom-pinned { |
| 13077 | bottom: -52px; | 13082 | bottom: -52px; |
| 13078 | -webkit-box-shadow: none; | 13083 | -webkit-box-shadow: none; |
| 13079 | box-shadow: none; | 13084 | box-shadow: none; |
| 13080 | } | 13085 | } |
| 13081 | .navbar-lg.navbar.headroom-bottom-pinned { | 13086 | .navbar-lg.navbar.headroom-bottom-pinned { |
| 13082 | bottom: -56px; | 13087 | bottom: -56px; |
| 13083 | } | 13088 | } |
| 13084 | .navbar-sm.navbar.headroom-bottom-pinned { | 13089 | .navbar-sm.navbar.headroom-bottom-pinned { |
| 13085 | bottom: -50px; | 13090 | bottom: -50px; |
| 13086 | } | 13091 | } |
| 13087 | .navbar-xs.navbar.headroom-bottom-pinned { | 13092 | .navbar-xs.navbar.headroom-bottom-pinned { |
| 13088 | bottom: -48px; | 13093 | bottom: -48px; |
| 13089 | } | 13094 | } |
| 13090 | .navbar.headroom-bottom-unpinned { | 13095 | .navbar.headroom-bottom-unpinned { |
| 13091 | bottom: 0; | 13096 | bottom: 0; |
| 13092 | } | 13097 | } |
| 13093 | /* ------------------------------------------------------------------------------ | 13098 | /* ------------------------------------------------------------------------------ |
| 13094 | * | 13099 | * |
| 13095 | * # FullCalendar | 13100 | * # FullCalendar |
| 13096 | * | 13101 | * |
| 13097 | * A JavaScript event calendar. Customizable and open source | 13102 | * A JavaScript event calendar. Customizable and open source |
| 13098 | * | 13103 | * |
| 13099 | * Version: 1.3 | 13104 | * Version: 1.3 |
| 13100 | * Latest update: Jul 4, 2016 | 13105 | * Latest update: Jul 4, 2016 |
| 13101 | * | 13106 | * |
| 13102 | * ---------------------------------------------------------------------------- */ | 13107 | * ---------------------------------------------------------------------------- */ |
| 13103 | .fc { | 13108 | .fc { |
| 13104 | direction: ltr; | 13109 | direction: ltr; |
| 13105 | text-align: left; | 13110 | text-align: left; |
| 13106 | } | 13111 | } |
| 13107 | .fc-view > table { | 13112 | .fc-view > table { |
| 13108 | min-width: 769px; | 13113 | min-width: 769px; |
| 13109 | } | 13114 | } |
| 13110 | .fc-events-container { | 13115 | .fc-events-container { |
| 13111 | background-color: #fcfcfc; | 13116 | background-color: #fcfcfc; |
| 13112 | border: 1px solid #ddd; | 13117 | border: 1px solid #ddd; |
| 13113 | padding: 10px; | 13118 | padding: 10px; |
| 13114 | border-radius: 3px; | 13119 | border-radius: 3px; |
| 13115 | } | 13120 | } |
| 13116 | .fc-events-container .fc-event { | 13121 | .fc-events-container .fc-event { |
| 13117 | margin: 0; | 13122 | margin: 0; |
| 13118 | padding: 4px 14px; | 13123 | padding: 4px 14px; |
| 13119 | } | 13124 | } |
| 13120 | .fc-events-container .fc-event + .fc-event { | 13125 | .fc-events-container .fc-event + .fc-event { |
| 13121 | margin-top: 10px; | 13126 | margin-top: 10px; |
| 13122 | } | 13127 | } |
| 13123 | .fc-unthemed th, | 13128 | .fc-unthemed th, |
| 13124 | .fc-unthemed td, | 13129 | .fc-unthemed td, |
| 13125 | .fc-unthemed hr, | 13130 | .fc-unthemed hr, |
| 13126 | .fc-unthemed thead, | 13131 | .fc-unthemed thead, |
| 13127 | .fc-unthemed tbody, | 13132 | .fc-unthemed tbody, |
| 13128 | .fc-unthemed .fc-row, | 13133 | .fc-unthemed .fc-row, |
| 13129 | .fc-unthemed .fc-popover { | 13134 | .fc-unthemed .fc-popover { |
| 13130 | border-color: #ddd; | 13135 | border-color: #ddd; |
| 13131 | } | 13136 | } |
| 13132 | .fc-unthemed thead, | 13137 | .fc-unthemed thead, |
| 13133 | .fc-unthemed thead td, | 13138 | .fc-unthemed thead td, |
| 13134 | .fc-unthemed thead th { | 13139 | .fc-unthemed thead th { |
| 13135 | border-bottom-color: #bbb; | 13140 | border-bottom-color: #bbb; |
| 13136 | } | 13141 | } |
| 13137 | .fc-unthemed hr { | 13142 | .fc-unthemed hr { |
| 13138 | background-color: #f5f5f5; | 13143 | background-color: #f5f5f5; |
| 13139 | } | 13144 | } |
| 13140 | .fc-unthemed .fc-popover { | 13145 | .fc-unthemed .fc-popover { |
| 13141 | background-color: #fff; | 13146 | background-color: #fff; |
| 13142 | border-radius: 3px; | 13147 | border-radius: 3px; |
| 13143 | } | 13148 | } |
| 13144 | .fc-unthemed .fc-popover .fc-header { | 13149 | .fc-unthemed .fc-popover .fc-header { |
| 13145 | background-color: #f5f5f5; | 13150 | background-color: #f5f5f5; |
| 13146 | } | 13151 | } |
| 13147 | .fc-unthemed .fc-today { | 13152 | .fc-unthemed .fc-today { |
| 13148 | background-color: #E8F5E9; | 13153 | background-color: #E8F5E9; |
| 13149 | } | 13154 | } |
| 13150 | .fc-highlight { | 13155 | .fc-highlight { |
| 13151 | background-color: #e5e5e5; | 13156 | background-color: #e5e5e5; |
| 13152 | opacity: 0.3; | 13157 | opacity: 0.3; |
| 13153 | filter: alpha(opacity=30); | 13158 | filter: alpha(opacity=30); |
| 13154 | } | 13159 | } |
| 13155 | .fc-bgevent { | 13160 | .fc-bgevent { |
| 13156 | background-color: #81C784; | 13161 | background-color: #81C784; |
| 13157 | opacity: 0.3; | 13162 | opacity: 0.3; |
| 13158 | filter: alpha(opacity=30); | 13163 | filter: alpha(opacity=30); |
| 13159 | } | 13164 | } |
| 13160 | .fc-nonbusiness { | 13165 | .fc-nonbusiness { |
| 13161 | background-color: #ccc; | 13166 | background-color: #ccc; |
| 13162 | } | 13167 | } |
| 13163 | .fc-icon { | 13168 | .fc-icon { |
| 13164 | display: block; | 13169 | display: block; |
| 13165 | } | 13170 | } |
| 13166 | .fc-icon:after { | 13171 | .fc-icon:after { |
| 13167 | display: inline-block; | 13172 | display: inline-block; |
| 13168 | font-family: "icomoon"; | 13173 | font-family: "icomoon"; |
| 13169 | line-height: 1; | 13174 | line-height: 1; |
| 13170 | font-size: 16px; | 13175 | font-size: 16px; |
| 13171 | vertical-align: middle; | 13176 | vertical-align: middle; |
| 13172 | position: relative; | 13177 | position: relative; |
| 13173 | top: -1px; | 13178 | top: -1px; |
| 13174 | -webkit-font-smoothing: antialiased; | 13179 | -webkit-font-smoothing: antialiased; |
| 13175 | -moz-osx-font-smoothing: grayscale; | 13180 | -moz-osx-font-smoothing: grayscale; |
| 13176 | } | 13181 | } |
| 13177 | .fc-icon-left-single-arrow:after { | 13182 | .fc-icon-left-single-arrow:after { |
| 13178 | content: "\e9c0"; | 13183 | content: "\e9c0"; |
| 13179 | } | 13184 | } |
| 13180 | .fc-icon-right-single-arrow:after { | 13185 | .fc-icon-right-single-arrow:after { |
| 13181 | content: "\e9c3"; | 13186 | content: "\e9c3"; |
| 13182 | } | 13187 | } |
| 13183 | .fc-icon-left-double-arrow:after { | 13188 | .fc-icon-left-double-arrow:after { |
| 13184 | content: "\000AB"; | 13189 | content: "\000AB"; |
| 13185 | } | 13190 | } |
| 13186 | .fc-icon-right-double-arrow:after { | 13191 | .fc-icon-right-double-arrow:after { |
| 13187 | content: "\000BB"; | 13192 | content: "\000BB"; |
| 13188 | } | 13193 | } |
| 13189 | .fc-icon-x:after { | 13194 | .fc-icon-x:after { |
| 13190 | content: "\ed6b"; | 13195 | content: "\ed6b"; |
| 13191 | font-size: 12px; | 13196 | font-size: 12px; |
| 13192 | display: block; | 13197 | display: block; |
| 13193 | } | 13198 | } |
| 13194 | .fc-button { | 13199 | .fc-button { |
| 13195 | margin: 0; | 13200 | margin: 0; |
| 13196 | border: 0; | 13201 | border: 0; |
| 13197 | padding: 9px 17px; | 13202 | padding: 9px 17px; |
| 13198 | white-space: nowrap; | 13203 | white-space: nowrap; |
| 13199 | cursor: pointer; | 13204 | cursor: pointer; |
| 13200 | outline: 0; | 13205 | outline: 0; |
| 13201 | text-transform: uppercase; | 13206 | text-transform: uppercase; |
| 13202 | font-weight: 500; | 13207 | font-weight: 500; |
| 13203 | } | 13208 | } |
| 13204 | .fc-button::-moz-focus-inner { | 13209 | .fc-button::-moz-focus-inner { |
| 13205 | margin: 0; | 13210 | margin: 0; |
| 13206 | padding: 0; | 13211 | padding: 0; |
| 13207 | } | 13212 | } |
| 13208 | .fc-state-default { | 13213 | .fc-state-default { |
| 13209 | background-color: #f5f5f5; | 13214 | background-color: #f5f5f5; |
| 13210 | } | 13215 | } |
| 13211 | .fc-state-default.fc-corner-left { | 13216 | .fc-state-default.fc-corner-left { |
| 13212 | border-bottom-left-radius: 3px; | 13217 | border-bottom-left-radius: 3px; |
| 13213 | border-top-left-radius: 3px; | 13218 | border-top-left-radius: 3px; |
| 13214 | } | 13219 | } |
| 13215 | .fc-state-default.fc-corner-right { | 13220 | .fc-state-default.fc-corner-right { |
| 13216 | border-bottom-right-radius: 3px; | 13221 | border-bottom-right-radius: 3px; |
| 13217 | border-top-right-radius: 3px; | 13222 | border-top-right-radius: 3px; |
| 13218 | } | 13223 | } |
| 13219 | .fc-state-hover { | 13224 | .fc-state-hover { |
| 13220 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13225 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13221 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13226 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13222 | } | 13227 | } |
| 13223 | .fc-state-down, | 13228 | .fc-state-down, |
| 13224 | .fc-state-active { | 13229 | .fc-state-active { |
| 13225 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13230 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13226 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13231 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13227 | } | 13232 | } |
| 13228 | .fc-state-disabled { | 13233 | .fc-state-disabled { |
| 13229 | color: #999999; | 13234 | color: #999999; |
| 13230 | cursor: not-allowed; | 13235 | cursor: not-allowed; |
| 13231 | opacity: 0.65; | 13236 | opacity: 0.65; |
| 13232 | filter: alpha(opacity=65); | 13237 | filter: alpha(opacity=65); |
| 13233 | -webkit-box-shadow: none; | 13238 | -webkit-box-shadow: none; |
| 13234 | box-shadow: none; | 13239 | box-shadow: none; |
| 13235 | } | 13240 | } |
| 13236 | .fc-button-group { | 13241 | .fc-button-group { |
| 13237 | display: inline-block; | 13242 | display: inline-block; |
| 13238 | } | 13243 | } |
| 13239 | .fc .fc-button-group > * { | 13244 | .fc .fc-button-group > * { |
| 13240 | float: left; | 13245 | float: left; |
| 13241 | margin: 0 0 0 1px; | 13246 | margin: 0 0 0 1px; |
| 13242 | } | 13247 | } |
| 13243 | .fc .fc-button-group > :first-child { | 13248 | .fc .fc-button-group > :first-child { |
| 13244 | margin-left: 0; | 13249 | margin-left: 0; |
| 13245 | } | 13250 | } |
| 13246 | .fc-popover { | 13251 | .fc-popover { |
| 13247 | position: absolute; | 13252 | position: absolute; |
| 13248 | border: 1px solid #ddd; | 13253 | border: 1px solid #ddd; |
| 13249 | -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); | 13254 | -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); |
| 13250 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); | 13255 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); |
| 13251 | } | 13256 | } |
| 13252 | .fc-popover .fc-header { | 13257 | .fc-popover .fc-header { |
| 13253 | padding: 10px; | 13258 | padding: 10px; |
| 13254 | } | 13259 | } |
| 13255 | .fc-popover .fc-header .fc-close { | 13260 | .fc-popover .fc-header .fc-close { |
| 13256 | cursor: pointer; | 13261 | cursor: pointer; |
| 13257 | } | 13262 | } |
| 13258 | .fc-ltr .fc-popover .fc-header .fc-title { | 13263 | .fc-ltr .fc-popover .fc-header .fc-title { |
| 13259 | float: left; | 13264 | float: left; |
| 13260 | } | 13265 | } |
| 13261 | .fc-ltr .fc-popover .fc-header .fc-close { | 13266 | .fc-ltr .fc-popover .fc-header .fc-close { |
| 13262 | float: right; | 13267 | float: right; |
| 13263 | } | 13268 | } |
| 13264 | .fc-unthemed .fc-popover .fc-header .fc-close { | 13269 | .fc-unthemed .fc-popover .fc-header .fc-close { |
| 13265 | margin-top: 2px; | 13270 | margin-top: 2px; |
| 13266 | opacity: 0.6; | 13271 | opacity: 0.6; |
| 13267 | filter: alpha(opacity=60); | 13272 | filter: alpha(opacity=60); |
| 13268 | } | 13273 | } |
| 13269 | .fc-unthemed .fc-popover .fc-header .fc-close:hover { | 13274 | .fc-unthemed .fc-popover .fc-header .fc-close:hover { |
| 13270 | opacity: 1; | 13275 | opacity: 1; |
| 13271 | filter: alpha(opacity=100); | 13276 | filter: alpha(opacity=100); |
| 13272 | } | 13277 | } |
| 13273 | .fc hr { | 13278 | .fc hr { |
| 13274 | height: 0; | 13279 | height: 0; |
| 13275 | margin: 0; | 13280 | margin: 0; |
| 13276 | padding: 0 0 2px; | 13281 | padding: 0 0 2px; |
| 13277 | border-style: solid; | 13282 | border-style: solid; |
| 13278 | border-width: 1px 0; | 13283 | border-width: 1px 0; |
| 13279 | } | 13284 | } |
| 13280 | .fc-clear { | 13285 | .fc-clear { |
| 13281 | clear: both; | 13286 | clear: both; |
| 13282 | } | 13287 | } |
| 13283 | .fc-bg, | 13288 | .fc-bg, |
| 13284 | .fc-bgevent-skeleton, | 13289 | .fc-bgevent-skeleton, |
| 13285 | .fc-highlight-skeleton, | 13290 | .fc-highlight-skeleton, |
| 13286 | .fc-helper-skeleton { | 13291 | .fc-helper-skeleton { |
| 13287 | position: absolute; | 13292 | position: absolute; |
| 13288 | top: 0; | 13293 | top: 0; |
| 13289 | left: 0; | 13294 | left: 0; |
| 13290 | right: 0; | 13295 | right: 0; |
| 13291 | } | 13296 | } |
| 13292 | .fc-bg { | 13297 | .fc-bg { |
| 13293 | bottom: 0; | 13298 | bottom: 0; |
| 13294 | } | 13299 | } |
| 13295 | .fc-bg table { | 13300 | .fc-bg table { |
| 13296 | height: 100%; | 13301 | height: 100%; |
| 13297 | } | 13302 | } |
| 13298 | .fc table { | 13303 | .fc table { |
| 13299 | width: 100%; | 13304 | width: 100%; |
| 13300 | table-layout: fixed; | 13305 | table-layout: fixed; |
| 13301 | border-collapse: collapse; | 13306 | border-collapse: collapse; |
| 13302 | border-spacing: 0; | 13307 | border-spacing: 0; |
| 13303 | } | 13308 | } |
| 13304 | .fc th, | 13309 | .fc th, |
| 13305 | .fc td { | 13310 | .fc td { |
| 13306 | border-style: solid; | 13311 | border-style: solid; |
| 13307 | border-width: 1px; | 13312 | border-width: 1px; |
| 13308 | padding: 0; | 13313 | padding: 0; |
| 13309 | vertical-align: top; | 13314 | vertical-align: top; |
| 13310 | } | 13315 | } |
| 13311 | .fc th { | 13316 | .fc th { |
| 13312 | padding: 12px 20px; | 13317 | padding: 12px 20px; |
| 13313 | font-weight: 500; | 13318 | font-weight: 500; |
| 13314 | text-align: center; | 13319 | text-align: center; |
| 13315 | } | 13320 | } |
| 13316 | .fc td.fc-today { | 13321 | .fc td.fc-today { |
| 13317 | border-style: double; | 13322 | border-style: double; |
| 13318 | } | 13323 | } |
| 13319 | .fc-row { | 13324 | .fc-row { |
| 13320 | border-style: solid; | 13325 | border-style: solid; |
| 13321 | border-width: 0; | 13326 | border-width: 0; |
| 13322 | position: relative; | 13327 | position: relative; |
| 13323 | } | 13328 | } |
| 13324 | .fc-row table { | 13329 | .fc-row table { |
| 13325 | border-left: 0 hidden transparent; | 13330 | border-left: 0 hidden transparent; |
| 13326 | border-right: 0 hidden transparent; | 13331 | border-right: 0 hidden transparent; |
| 13327 | border-bottom: 0 hidden transparent; | 13332 | border-bottom: 0 hidden transparent; |
| 13328 | } | 13333 | } |
| 13329 | .fc-row:first-child table { | 13334 | .fc-row:first-child table { |
| 13330 | border-top: 0 hidden transparent; | 13335 | border-top: 0 hidden transparent; |
| 13331 | } | 13336 | } |
| 13332 | .fc-row .fc-bg { | 13337 | .fc-row .fc-bg { |
| 13333 | z-index: 1; | 13338 | z-index: 1; |
| 13334 | } | 13339 | } |
| 13335 | .fc-row .fc-bgevent-skeleton, | 13340 | .fc-row .fc-bgevent-skeleton, |
| 13336 | .fc-row .fc-highlight-skeleton { | 13341 | .fc-row .fc-highlight-skeleton { |
| 13337 | bottom: 0; | 13342 | bottom: 0; |
| 13338 | } | 13343 | } |
| 13339 | .fc-row .fc-bgevent-skeleton table, | 13344 | .fc-row .fc-bgevent-skeleton table, |
| 13340 | .fc-row .fc-highlight-skeleton table { | 13345 | .fc-row .fc-highlight-skeleton table { |
| 13341 | height: 100%; | 13346 | height: 100%; |
| 13342 | } | 13347 | } |
| 13343 | .fc-row .fc-bgevent-skeleton td, | 13348 | .fc-row .fc-bgevent-skeleton td, |
| 13344 | .fc-row .fc-highlight-skeleton td { | 13349 | .fc-row .fc-highlight-skeleton td { |
| 13345 | border-color: transparent; | 13350 | border-color: transparent; |
| 13346 | border: 0; | 13351 | border: 0; |
| 13347 | } | 13352 | } |
| 13348 | .fc-row .fc-bgevent-skeleton { | 13353 | .fc-row .fc-bgevent-skeleton { |
| 13349 | z-index: 2; | 13354 | z-index: 2; |
| 13350 | } | 13355 | } |
| 13351 | .fc-row .fc-highlight-skeleton { | 13356 | .fc-row .fc-highlight-skeleton { |
| 13352 | z-index: 3; | 13357 | z-index: 3; |
| 13353 | } | 13358 | } |
| 13354 | .fc-row .fc-content-skeleton td, | 13359 | .fc-row .fc-content-skeleton td, |
| 13355 | .fc-row .fc-helper-skeleton td { | 13360 | .fc-row .fc-helper-skeleton td { |
| 13356 | background: none; | 13361 | background: none; |
| 13357 | border-color: transparent; | 13362 | border-color: transparent; |
| 13358 | border-bottom: 0; | 13363 | border-bottom: 0; |
| 13359 | } | 13364 | } |
| 13360 | .fc-row .fc-content-skeleton tbody td, | 13365 | .fc-row .fc-content-skeleton tbody td, |
| 13361 | .fc-row .fc-helper-skeleton tbody td { | 13366 | .fc-row .fc-helper-skeleton tbody td { |
| 13362 | border-top: 0; | 13367 | border-top: 0; |
| 13363 | } | 13368 | } |
| 13364 | .fc-row .fc-content-skeleton { | 13369 | .fc-row .fc-content-skeleton { |
| 13365 | position: relative; | 13370 | position: relative; |
| 13366 | z-index: 4; | 13371 | z-index: 4; |
| 13367 | } | 13372 | } |
| 13368 | .fc-row .fc-helper-skeleton { | 13373 | .fc-row .fc-helper-skeleton { |
| 13369 | z-index: 5; | 13374 | z-index: 5; |
| 13370 | } | 13375 | } |
| 13371 | .fc-scroller { | 13376 | .fc-scroller { |
| 13372 | overflow-y: scroll; | 13377 | overflow-y: scroll; |
| 13373 | overflow-x: hidden; | 13378 | overflow-x: hidden; |
| 13374 | } | 13379 | } |
| 13375 | .fc-scroller > * { | 13380 | .fc-scroller > * { |
| 13376 | position: relative; | 13381 | position: relative; |
| 13377 | width: 100%; | 13382 | width: 100%; |
| 13378 | overflow: hidden; | 13383 | overflow: hidden; |
| 13379 | } | 13384 | } |
| 13380 | .fc-event { | 13385 | .fc-event { |
| 13381 | position: relative; | 13386 | position: relative; |
| 13382 | display: block; | 13387 | display: block; |
| 13383 | border: 1px solid #039BE5; | 13388 | border: 1px solid #039BE5; |
| 13384 | background-color: #039BE5; | 13389 | background-color: #039BE5; |
| 13385 | font-weight: normal; | 13390 | font-weight: normal; |
| 13386 | border-radius: 2px; | 13391 | border-radius: 2px; |
| 13387 | } | 13392 | } |
| 13388 | .fc-event, | 13393 | .fc-event, |
| 13389 | .fc-event:hover { | 13394 | .fc-event:hover { |
| 13390 | color: #fff; | 13395 | color: #fff; |
| 13391 | text-decoration: none; | 13396 | text-decoration: none; |
| 13392 | } | 13397 | } |
| 13393 | .fc-event[href], | 13398 | .fc-event[href], |
| 13394 | .fc-event.fc-draggable { | 13399 | .fc-event.fc-draggable { |
| 13395 | cursor: pointer; | 13400 | cursor: pointer; |
| 13396 | } | 13401 | } |
| 13397 | .fc-not-allowed, | 13402 | .fc-not-allowed, |
| 13398 | .fc-not-allowed .fc-event { | 13403 | .fc-not-allowed .fc-event { |
| 13399 | cursor: not-allowed; | 13404 | cursor: not-allowed; |
| 13400 | } | 13405 | } |
| 13401 | .fc-day-grid-event { | 13406 | .fc-day-grid-event { |
| 13402 | margin: 0 5px 5px 5px; | 13407 | margin: 0 5px 5px 5px; |
| 13403 | padding: 4px 8px; | 13408 | padding: 4px 8px; |
| 13404 | } | 13409 | } |
| 13405 | .fc-day-grid-event > .fc-content { | 13410 | .fc-day-grid-event > .fc-content { |
| 13406 | white-space: nowrap; | 13411 | white-space: nowrap; |
| 13407 | overflow: hidden; | 13412 | overflow: hidden; |
| 13408 | text-overflow: ellipsis; | 13413 | text-overflow: ellipsis; |
| 13409 | } | 13414 | } |
| 13410 | .fc-day-grid-event .fc-time { | 13415 | .fc-day-grid-event .fc-time { |
| 13411 | font-weight: 500; | 13416 | font-weight: 500; |
| 13412 | } | 13417 | } |
| 13413 | .fc-day-grid-event .fc-resizer { | 13418 | .fc-day-grid-event .fc-resizer { |
| 13414 | position: absolute; | 13419 | position: absolute; |
| 13415 | top: 0; | 13420 | top: 0; |
| 13416 | bottom: 0; | 13421 | bottom: 0; |
| 13417 | width: 7px; | 13422 | width: 7px; |
| 13418 | } | 13423 | } |
| 13419 | .fc-ltr .fc-day-grid-event .fc-resizer { | 13424 | .fc-ltr .fc-day-grid-event .fc-resizer { |
| 13420 | right: -3px; | 13425 | right: -3px; |
| 13421 | cursor: e-resize; | 13426 | cursor: e-resize; |
| 13422 | } | 13427 | } |
| 13423 | @media (min-width: 1200px) { | 13428 | @media (min-width: 1200px) { |
| 13424 | .fc-day-grid-event > .fc-content { | 13429 | .fc-day-grid-event > .fc-content { |
| 13425 | background-color: inherit; | 13430 | background-color: inherit; |
| 13426 | } | 13431 | } |
| 13427 | .fc-day-grid-event .fc-time { | 13432 | .fc-day-grid-event .fc-time { |
| 13428 | float: right; | 13433 | float: right; |
| 13429 | padding-left: 5px; | 13434 | padding-left: 5px; |
| 13430 | display: inline-block; | 13435 | display: inline-block; |
| 13431 | z-index: 2; | 13436 | z-index: 2; |
| 13432 | position: relative; | 13437 | position: relative; |
| 13433 | background-color: inherit; | 13438 | background-color: inherit; |
| 13434 | } | 13439 | } |
| 13435 | .fc-day-grid-event .fc-title { | 13440 | .fc-day-grid-event .fc-title { |
| 13436 | z-index: 1; | 13441 | z-index: 1; |
| 13437 | position: relative; | 13442 | position: relative; |
| 13438 | } | 13443 | } |
| 13439 | } | 13444 | } |
| 13440 | a.fc-more { | 13445 | a.fc-more { |
| 13441 | margin: 1px 5px; | 13446 | margin: 1px 5px; |
| 13442 | background-color: #fafafa; | 13447 | background-color: #fafafa; |
| 13443 | display: block; | 13448 | display: block; |
| 13444 | padding: 5px; | 13449 | padding: 5px; |
| 13445 | text-align: center; | 13450 | text-align: center; |
| 13446 | border-radius: 3px; | 13451 | border-radius: 3px; |
| 13447 | color: #999999; | 13452 | color: #999999; |
| 13448 | font-size: 12px; | 13453 | font-size: 12px; |
| 13449 | } | 13454 | } |
| 13450 | a.fc-more:hover { | 13455 | a.fc-more:hover { |
| 13451 | background-color: #f5f5f5; | 13456 | background-color: #f5f5f5; |
| 13452 | color: #333333; | 13457 | color: #333333; |
| 13453 | } | 13458 | } |
| 13454 | .fc-limited { | 13459 | .fc-limited { |
| 13455 | display: none; | 13460 | display: none; |
| 13456 | } | 13461 | } |
| 13457 | .fc-day-grid .fc-row { | 13462 | .fc-day-grid .fc-row { |
| 13458 | z-index: 1; | 13463 | z-index: 1; |
| 13459 | } | 13464 | } |
| 13460 | .fc-more-popover { | 13465 | .fc-more-popover { |
| 13461 | z-index: 2; | 13466 | z-index: 2; |
| 13462 | width: 220px; | 13467 | width: 220px; |
| 13463 | } | 13468 | } |
| 13464 | .fc-more-popover .fc-event-container { | 13469 | .fc-more-popover .fc-event-container { |
| 13465 | padding: 10px 5px; | 13470 | padding: 10px 5px; |
| 13466 | } | 13471 | } |
| 13467 | .fc-toolbar { | 13472 | .fc-toolbar { |
| 13468 | text-align: center; | 13473 | text-align: center; |
| 13469 | margin-bottom: 20px; | 13474 | margin-bottom: 20px; |
| 13470 | } | 13475 | } |
| 13471 | .fc-toolbar h2 { | 13476 | .fc-toolbar h2 { |
| 13472 | margin: 5px 0; | 13477 | margin: 5px 0; |
| 13473 | font-size: 17px; | 13478 | font-size: 17px; |
| 13474 | } | 13479 | } |
| 13475 | .fc-toolbar .fc-left { | 13480 | .fc-toolbar .fc-left { |
| 13476 | float: left; | 13481 | float: left; |
| 13477 | width: 33%; | 13482 | width: 33%; |
| 13478 | } | 13483 | } |
| 13479 | .fc-toolbar .fc-right { | 13484 | .fc-toolbar .fc-right { |
| 13480 | float: right; | 13485 | float: right; |
| 13481 | width: 33%; | 13486 | width: 33%; |
| 13482 | } | 13487 | } |
| 13483 | .fc-toolbar .fc-right .fc-button-group { | 13488 | .fc-toolbar .fc-right .fc-button-group { |
| 13484 | float: right; | 13489 | float: right; |
| 13485 | } | 13490 | } |
| 13486 | .fc-toolbar .fc-left > .fc-button, | 13491 | .fc-toolbar .fc-left > .fc-button, |
| 13487 | .fc-toolbar .fc-right > .fc-button { | 13492 | .fc-toolbar .fc-right > .fc-button { |
| 13488 | margin-left: 10px; | 13493 | margin-left: 10px; |
| 13489 | } | 13494 | } |
| 13490 | .fc-toolbar .fc-center { | 13495 | .fc-toolbar .fc-center { |
| 13491 | display: inline-block; | 13496 | display: inline-block; |
| 13492 | vertical-align: middle; | 13497 | vertical-align: middle; |
| 13493 | } | 13498 | } |
| 13494 | .fc-toolbar > * > * { | 13499 | .fc-toolbar > * > * { |
| 13495 | float: left; | 13500 | float: left; |
| 13496 | } | 13501 | } |
| 13497 | .fc-toolbar > * > :first-child { | 13502 | .fc-toolbar > * > :first-child { |
| 13498 | margin-left: 0; | 13503 | margin-left: 0; |
| 13499 | } | 13504 | } |
| 13500 | .fc-toolbar button { | 13505 | .fc-toolbar button { |
| 13501 | position: relative; | 13506 | position: relative; |
| 13502 | } | 13507 | } |
| 13503 | .fc-toolbar button:focus { | 13508 | .fc-toolbar button:focus { |
| 13504 | z-index: 5; | 13509 | z-index: 5; |
| 13505 | } | 13510 | } |
| 13506 | .fc-toolbar .fc-state-hover, | 13511 | .fc-toolbar .fc-state-hover, |
| 13507 | .fc-toolbar .ui-state-hover { | 13512 | .fc-toolbar .ui-state-hover { |
| 13508 | z-index: 2; | 13513 | z-index: 2; |
| 13509 | } | 13514 | } |
| 13510 | .fc-toolbar .fc-state-down { | 13515 | .fc-toolbar .fc-state-down { |
| 13511 | z-index: 3; | 13516 | z-index: 3; |
| 13512 | } | 13517 | } |
| 13513 | .fc-toolbar .fc-state-active, | 13518 | .fc-toolbar .fc-state-active, |
| 13514 | .fc-toolbar .ui-state-active { | 13519 | .fc-toolbar .ui-state-active { |
| 13515 | z-index: 4; | 13520 | z-index: 4; |
| 13516 | } | 13521 | } |
| 13517 | .fc-view-container { | 13522 | .fc-view-container { |
| 13518 | border-left: 1px solid #ddd; | 13523 | border-left: 1px solid #ddd; |
| 13519 | border-right: 1px solid #ddd; | 13524 | border-right: 1px solid #ddd; |
| 13520 | overflow: auto; | 13525 | overflow: auto; |
| 13521 | max-width: 100%; | 13526 | max-width: 100%; |
| 13522 | } | 13527 | } |
| 13523 | .fc-view-container .fc-view > table th, | 13528 | .fc-view-container .fc-view > table th, |
| 13524 | .fc-view-container .fc-view > table td { | 13529 | .fc-view-container .fc-view > table td { |
| 13525 | border-right-width: 0; | 13530 | border-right-width: 0; |
| 13526 | } | 13531 | } |
| 13527 | .fc-view-container .fc-view > table tr:first-child th:first-child, | 13532 | .fc-view-container .fc-view > table tr:first-child th:first-child, |
| 13528 | .fc-view-container .fc-view > table tr:first-child td:first-child { | 13533 | .fc-view-container .fc-view > table tr:first-child td:first-child { |
| 13529 | border-left-width: 0; | 13534 | border-left-width: 0; |
| 13530 | } | 13535 | } |
| 13531 | .fc-view-container *, | 13536 | .fc-view-container *, |
| 13532 | .fc-view-container *:before, | 13537 | .fc-view-container *:before, |
| 13533 | .fc-view-container *:after { | 13538 | .fc-view-container *:after { |
| 13534 | -webkit-box-sizing: content-box; | 13539 | -webkit-box-sizing: content-box; |
| 13535 | -moz-box-sizing: content-box; | 13540 | -moz-box-sizing: content-box; |
| 13536 | box-sizing: content-box; | 13541 | box-sizing: content-box; |
| 13537 | } | 13542 | } |
| 13538 | .fc-view, | 13543 | .fc-view, |
| 13539 | .fc-view > table { | 13544 | .fc-view > table { |
| 13540 | position: relative; | 13545 | position: relative; |
| 13541 | z-index: 1; | 13546 | z-index: 1; |
| 13542 | } | 13547 | } |
| 13543 | .fc-basicWeek-view .fc-content-skeleton, | 13548 | .fc-basicWeek-view .fc-content-skeleton, |
| 13544 | .fc-basicDay-view .fc-content-skeleton { | 13549 | .fc-basicDay-view .fc-content-skeleton { |
| 13545 | padding-top: 5px; | 13550 | padding-top: 5px; |
| 13546 | padding-bottom: 10px; | 13551 | padding-bottom: 10px; |
| 13547 | } | 13552 | } |
| 13548 | .fc-basic-view tbody .fc-row { | 13553 | .fc-basic-view tbody .fc-row { |
| 13549 | min-height: 100px; | 13554 | min-height: 100px; |
| 13550 | min-width: 100px; | 13555 | min-width: 100px; |
| 13551 | } | 13556 | } |
| 13552 | .fc-row.fc-rigid { | 13557 | .fc-row.fc-rigid { |
| 13553 | overflow: hidden; | 13558 | overflow: hidden; |
| 13554 | } | 13559 | } |
| 13555 | .fc-row.fc-rigid .fc-content-skeleton { | 13560 | .fc-row.fc-rigid .fc-content-skeleton { |
| 13556 | position: absolute; | 13561 | position: absolute; |
| 13557 | top: 0; | 13562 | top: 0; |
| 13558 | left: 0; | 13563 | left: 0; |
| 13559 | right: 0; | 13564 | right: 0; |
| 13560 | } | 13565 | } |
| 13561 | .fc-basic-view .fc-week-number, | 13566 | .fc-basic-view .fc-week-number, |
| 13562 | .fc-basic-view .fc-day-number { | 13567 | .fc-basic-view .fc-day-number { |
| 13563 | padding: 10px; | 13568 | padding: 10px; |
| 13564 | } | 13569 | } |
| 13565 | .fc-basic-view .fc-week-number { | 13570 | .fc-basic-view .fc-week-number { |
| 13566 | text-align: center; | 13571 | text-align: center; |
| 13567 | } | 13572 | } |
| 13568 | .fc-basic-view .fc-week-number span { | 13573 | .fc-basic-view .fc-week-number span { |
| 13569 | display: inline-block; | 13574 | display: inline-block; |
| 13570 | min-width: 1.25em; | 13575 | min-width: 1.25em; |
| 13571 | } | 13576 | } |
| 13572 | .fc-basic-view .fc-day-number { | 13577 | .fc-basic-view .fc-day-number { |
| 13573 | text-align: right; | 13578 | text-align: right; |
| 13574 | } | 13579 | } |
| 13575 | .fc-basic-view .fc-day-number.fc-other-month { | 13580 | .fc-basic-view .fc-day-number.fc-other-month { |
| 13576 | opacity: 0.3; | 13581 | opacity: 0.3; |
| 13577 | filter: alpha(opacity=30); | 13582 | filter: alpha(opacity=30); |
| 13578 | } | 13583 | } |
| 13579 | .fc-agenda-view .fc-day-grid { | 13584 | .fc-agenda-view .fc-day-grid { |
| 13580 | position: relative; | 13585 | position: relative; |
| 13581 | z-index: 2; | 13586 | z-index: 2; |
| 13582 | } | 13587 | } |
| 13583 | .fc-agenda-view .fc-day-grid .fc-row { | 13588 | .fc-agenda-view .fc-day-grid .fc-row { |
| 13584 | min-height: 3em; | 13589 | min-height: 3em; |
| 13585 | } | 13590 | } |
| 13586 | .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { | 13591 | .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { |
| 13587 | padding-top: 5px; | 13592 | padding-top: 5px; |
| 13588 | padding-bottom: 0; | 13593 | padding-bottom: 0; |
| 13589 | } | 13594 | } |
| 13590 | .fc-axis { | 13595 | .fc-axis { |
| 13591 | text-align: right; | 13596 | text-align: right; |
| 13592 | } | 13597 | } |
| 13593 | .fc .fc-axis { | 13598 | .fc .fc-axis { |
| 13594 | vertical-align: middle; | 13599 | vertical-align: middle; |
| 13595 | padding: 10px; | 13600 | padding: 10px; |
| 13596 | white-space: nowrap; | 13601 | white-space: nowrap; |
| 13597 | } | 13602 | } |
| 13598 | .fc-time-grid-container, | 13603 | .fc-time-grid-container, |
| 13599 | .fc-time-grid { | 13604 | .fc-time-grid { |
| 13600 | position: relative; | 13605 | position: relative; |
| 13601 | z-index: 1; | 13606 | z-index: 1; |
| 13602 | } | 13607 | } |
| 13603 | .fc-time-grid { | 13608 | .fc-time-grid { |
| 13604 | min-height: 100%; | 13609 | min-height: 100%; |
| 13605 | } | 13610 | } |
| 13606 | .fc-time-grid table { | 13611 | .fc-time-grid table { |
| 13607 | border: 0 hidden transparent; | 13612 | border: 0 hidden transparent; |
| 13608 | } | 13613 | } |
| 13609 | .fc-time-grid > .fc-bg { | 13614 | .fc-time-grid > .fc-bg { |
| 13610 | z-index: 1; | 13615 | z-index: 1; |
| 13611 | } | 13616 | } |
| 13612 | .fc-time-grid .fc-slats, | 13617 | .fc-time-grid .fc-slats, |
| 13613 | .fc-time-grid > hr { | 13618 | .fc-time-grid > hr { |
| 13614 | position: relative; | 13619 | position: relative; |
| 13615 | z-index: 2; | 13620 | z-index: 2; |
| 13616 | } | 13621 | } |
| 13617 | .fc-time-grid .fc-bgevent-skeleton, | 13622 | .fc-time-grid .fc-bgevent-skeleton, |
| 13618 | .fc-time-grid .fc-content-skeleton { | 13623 | .fc-time-grid .fc-content-skeleton { |
| 13619 | position: absolute; | 13624 | position: absolute; |
| 13620 | top: 0; | 13625 | top: 0; |
| 13621 | left: 0; | 13626 | left: 0; |
| 13622 | right: 0; | 13627 | right: 0; |
| 13623 | } | 13628 | } |
| 13624 | .fc-time-grid .fc-bgevent-skeleton { | 13629 | .fc-time-grid .fc-bgevent-skeleton { |
| 13625 | z-index: 3; | 13630 | z-index: 3; |
| 13626 | } | 13631 | } |
| 13627 | .fc-time-grid .fc-highlight-skeleton { | 13632 | .fc-time-grid .fc-highlight-skeleton { |
| 13628 | z-index: 4; | 13633 | z-index: 4; |
| 13629 | } | 13634 | } |
| 13630 | .fc-time-grid .fc-content-skeleton { | 13635 | .fc-time-grid .fc-content-skeleton { |
| 13631 | z-index: 5; | 13636 | z-index: 5; |
| 13632 | } | 13637 | } |
| 13633 | .fc-time-grid .fc-helper-skeleton { | 13638 | .fc-time-grid .fc-helper-skeleton { |
| 13634 | z-index: 6; | 13639 | z-index: 6; |
| 13635 | } | 13640 | } |
| 13636 | .fc-slats td { | 13641 | .fc-slats td { |
| 13637 | border-bottom: 0; | 13642 | border-bottom: 0; |
| 13638 | } | 13643 | } |
| 13639 | .fc-slats .fc-minor td { | 13644 | .fc-slats .fc-minor td { |
| 13640 | border-top-style: dotted; | 13645 | border-top-style: dotted; |
| 13641 | } | 13646 | } |
| 13642 | .fc-time-grid .fc-highlight-container { | 13647 | .fc-time-grid .fc-highlight-container { |
| 13643 | position: relative; | 13648 | position: relative; |
| 13644 | } | 13649 | } |
| 13645 | .fc-time-grid .fc-highlight { | 13650 | .fc-time-grid .fc-highlight { |
| 13646 | position: absolute; | 13651 | position: absolute; |
| 13647 | left: 0; | 13652 | left: 0; |
| 13648 | right: 0; | 13653 | right: 0; |
| 13649 | } | 13654 | } |
| 13650 | .fc-time-grid .fc-event-container, | 13655 | .fc-time-grid .fc-event-container, |
| 13651 | .fc-time-grid .fc-bgevent-container { | 13656 | .fc-time-grid .fc-bgevent-container { |
| 13652 | position: relative; | 13657 | position: relative; |
| 13653 | } | 13658 | } |
| 13654 | .fc-time-grid .fc-event, | 13659 | .fc-time-grid .fc-event, |
| 13655 | .fc-time-grid .fc-bgevent { | 13660 | .fc-time-grid .fc-bgevent { |
| 13656 | position: absolute; | 13661 | position: absolute; |
| 13657 | z-index: 1; | 13662 | z-index: 1; |
| 13658 | margin: 5px; | 13663 | margin: 5px; |
| 13659 | padding: 10px; | 13664 | padding: 10px; |
| 13660 | min-height: 45px; | 13665 | min-height: 45px; |
| 13661 | -webkit-box-shadow: 0 0 0 1px #fff; | 13666 | -webkit-box-shadow: 0 0 0 1px #fff; |
| 13662 | box-shadow: 0 0 0 1px #fff; | 13667 | box-shadow: 0 0 0 1px #fff; |
| 13663 | } | 13668 | } |
| 13664 | .fc-time-grid .fc-bgevent { | 13669 | .fc-time-grid .fc-bgevent { |
| 13665 | left: 0; | 13670 | left: 0; |
| 13666 | right: 0; | 13671 | right: 0; |
| 13667 | } | 13672 | } |
| 13668 | .fc-time-grid-event { | 13673 | .fc-time-grid-event { |
| 13669 | overflow: hidden; | 13674 | overflow: hidden; |
| 13670 | } | 13675 | } |
| 13671 | .fc-time-grid-event.fc-not-start { | 13676 | .fc-time-grid-event.fc-not-start { |
| 13672 | border-top-width: 0; | 13677 | border-top-width: 0; |
| 13673 | padding-top: 1px; | 13678 | padding-top: 1px; |
| 13674 | border-top-right-radius: 0; | 13679 | border-top-right-radius: 0; |
| 13675 | border-top-left-radius: 0; | 13680 | border-top-left-radius: 0; |
| 13676 | } | 13681 | } |
| 13677 | .fc-time-grid-event.fc-not-end { | 13682 | .fc-time-grid-event.fc-not-end { |
| 13678 | border-bottom-width: 0; | 13683 | border-bottom-width: 0; |
| 13679 | padding-bottom: 1px; | 13684 | padding-bottom: 1px; |
| 13680 | border-bottom-right-radius: 0; | 13685 | border-bottom-right-radius: 0; |
| 13681 | border-bottom-left-radius: 0; | 13686 | border-bottom-left-radius: 0; |
| 13682 | } | 13687 | } |
| 13683 | .fc-time-grid-event > .fc-content { | 13688 | .fc-time-grid-event > .fc-content { |
| 13684 | position: relative; | 13689 | position: relative; |
| 13685 | z-index: 2; | 13690 | z-index: 2; |
| 13686 | } | 13691 | } |
| 13687 | .fc-time-grid-event .fc-time { | 13692 | .fc-time-grid-event .fc-time { |
| 13688 | font-weight: 500; | 13693 | font-weight: 500; |
| 13689 | } | 13694 | } |
| 13690 | .fc-time-grid-event.fc-short .fc-content { | 13695 | .fc-time-grid-event.fc-short .fc-content { |
| 13691 | white-space: nowrap; | 13696 | white-space: nowrap; |
| 13692 | } | 13697 | } |
| 13693 | .fc-time-grid-event.fc-short .fc-time, | 13698 | .fc-time-grid-event.fc-short .fc-time, |
| 13694 | .fc-time-grid-event.fc-short .fc-title { | 13699 | .fc-time-grid-event.fc-short .fc-title { |
| 13695 | display: inline-block; | 13700 | display: inline-block; |
| 13696 | vertical-align: top; | 13701 | vertical-align: top; |
| 13697 | } | 13702 | } |
| 13698 | .fc-time-grid-event.fc-short .fc-time:before { | 13703 | .fc-time-grid-event.fc-short .fc-time:before { |
| 13699 | content: attr(data-start); | 13704 | content: attr(data-start); |
| 13700 | } | 13705 | } |
| 13701 | .fc-time-grid-event.fc-short .fc-time:after { | 13706 | .fc-time-grid-event.fc-short .fc-time:after { |
| 13702 | content: "\000A0-\000A0"; | 13707 | content: "\000A0-\000A0"; |
| 13703 | } | 13708 | } |
| 13704 | .fc-time-grid-event.fc-short .fc-time span { | 13709 | .fc-time-grid-event.fc-short .fc-time span { |
| 13705 | display: none; | 13710 | display: none; |
| 13706 | } | 13711 | } |
| 13707 | .fc-time-grid-event.fc-short .fc-title { | 13712 | .fc-time-grid-event.fc-short .fc-title { |
| 13708 | font-size: .85em; | 13713 | font-size: .85em; |
| 13709 | padding: 0; | 13714 | padding: 0; |
| 13710 | } | 13715 | } |
| 13711 | .fc-time-grid-event .fc-resizer { | 13716 | .fc-time-grid-event .fc-resizer { |
| 13712 | position: absolute; | 13717 | position: absolute; |
| 13713 | z-index: 3; | 13718 | z-index: 3; |
| 13714 | left: 0; | 13719 | left: 0; |
| 13715 | right: 0; | 13720 | right: 0; |
| 13716 | bottom: 0; | 13721 | bottom: 0; |
| 13717 | height: 8px; | 13722 | height: 8px; |
| 13718 | overflow: hidden; | 13723 | overflow: hidden; |
| 13719 | line-height: 10px; | 13724 | line-height: 10px; |
| 13720 | font-size: 12px; | 13725 | font-size: 12px; |
| 13721 | font-family: monospace; | 13726 | font-family: monospace; |
| 13722 | text-align: center; | 13727 | text-align: center; |
| 13723 | cursor: s-resize; | 13728 | cursor: s-resize; |
| 13724 | background-color: rgba(0, 0, 0, 0.05); | 13729 | background-color: rgba(0, 0, 0, 0.05); |
| 13725 | padding: 1px; | 13730 | padding: 1px; |
| 13726 | } | 13731 | } |
| 13727 | .fc-time-grid-event .fc-resizer:hover { | 13732 | .fc-time-grid-event .fc-resizer:hover { |
| 13728 | background-color: rgba(0, 0, 0, 0.1); | 13733 | background-color: rgba(0, 0, 0, 0.1); |
| 13729 | } | 13734 | } |
| 13730 | .fc-time-grid-event .fc-resizer:after { | 13735 | .fc-time-grid-event .fc-resizer:after { |
| 13731 | content: "="; | 13736 | content: "="; |
| 13732 | } | 13737 | } |
| 13733 | @media (max-width: 768px) { | 13738 | @media (max-width: 768px) { |
| 13734 | .fc-toolbar .fc-left, | 13739 | .fc-toolbar .fc-left, |
| 13735 | .fc-toolbar .fc-left > .fc-button, | 13740 | .fc-toolbar .fc-left > .fc-button, |
| 13736 | .fc-toolbar .fc-right, | 13741 | .fc-toolbar .fc-right, |
| 13737 | .fc-toolbar .fc-right > .fc-button, | 13742 | .fc-toolbar .fc-right > .fc-button, |
| 13738 | .fc-toolbar .fc-left .fc-button-group, | 13743 | .fc-toolbar .fc-left .fc-button-group, |
| 13739 | .fc-toolbar .fc-right .fc-button-group { | 13744 | .fc-toolbar .fc-right .fc-button-group { |
| 13740 | float: none; | 13745 | float: none; |
| 13741 | width: auto; | 13746 | width: auto; |
| 13742 | vertical-align: top; | 13747 | vertical-align: top; |
| 13743 | } | 13748 | } |
| 13744 | .fc-toolbar .fc-left, | 13749 | .fc-toolbar .fc-left, |
| 13745 | .fc-toolbar .fc-right { | 13750 | .fc-toolbar .fc-right { |
| 13746 | display: block; | 13751 | display: block; |
| 13747 | margin-bottom: 10px; | 13752 | margin-bottom: 10px; |
| 13748 | } | 13753 | } |
| 13749 | } | 13754 | } |
| 13750 | /* ------------------------------------------------------------------------------ | 13755 | /* ------------------------------------------------------------------------------ |
| 13751 | * | 13756 | * |
| 13752 | * # Dragula - drag and drop library | 13757 | * # Dragula - drag and drop library |
| 13753 | * | 13758 | * |
| 13754 | * Styles for Dragula Drag and drop plugin | 13759 | * Styles for Dragula Drag and drop plugin |
| 13755 | * | 13760 | * |
| 13756 | * Version: 1.0 | 13761 | * Version: 1.0 |
| 13757 | * Latest update: Nov 25, 2015 | 13762 | * Latest update: Nov 25, 2015 |
| 13758 | * | 13763 | * |
| 13759 | * ---------------------------------------------------------------------------- */ | 13764 | * ---------------------------------------------------------------------------- */ |
| 13760 | .gu-mirror { | 13765 | .gu-mirror { |
| 13761 | position: fixed !important; | 13766 | position: fixed !important; |
| 13762 | margin: 0 !important; | 13767 | margin: 0 !important; |
| 13763 | z-index: 9999 !important; | 13768 | z-index: 9999 !important; |
| 13764 | opacity: 0.8; | 13769 | opacity: 0.8; |
| 13765 | filter: alpha(opacity=80); | 13770 | filter: alpha(opacity=80); |
| 13766 | } | 13771 | } |
| 13767 | .gu-unselectable.dropdown-menu li:nth-last-child(2) { | 13772 | .gu-unselectable.dropdown-menu li:nth-last-child(2) { |
| 13768 | margin-bottom: 0; | 13773 | margin-bottom: 0; |
| 13769 | } | 13774 | } |
| 13770 | .nav-pills-toolbar > li.gu-mirror:not(.active) > a { | 13775 | .nav-pills-toolbar > li.gu-mirror:not(.active) > a { |
| 13771 | border: 0; | 13776 | border: 0; |
| 13772 | } | 13777 | } |
| 13773 | .gu-hide { | 13778 | .gu-hide { |
| 13774 | display: none !important; | 13779 | display: none !important; |
| 13775 | } | 13780 | } |
| 13776 | .gu-unselectable { | 13781 | .gu-unselectable { |
| 13777 | -webkit-user-select: none; | 13782 | -webkit-user-select: none; |
| 13778 | -moz-user-select: none; | 13783 | -moz-user-select: none; |
| 13779 | -ms-user-select: none; | 13784 | -ms-user-select: none; |
| 13780 | user-select: none; | 13785 | user-select: none; |
| 13781 | } | 13786 | } |
| 13782 | .gu-transit { | 13787 | .gu-transit { |
| 13783 | opacity: 0.5; | 13788 | opacity: 0.5; |
| 13784 | filter: alpha(opacity=50); | 13789 | filter: alpha(opacity=50); |
| 13785 | } | 13790 | } |
| 13786 | .dragula-handle { | 13791 | .dragula-handle { |
| 13787 | color: #999999; | 13792 | color: #999999; |
| 13788 | cursor: pointer; | 13793 | cursor: pointer; |
| 13789 | } | 13794 | } |
| 13790 | .dragula-handle:hover, | 13795 | .dragula-handle:hover, |
| 13791 | .dragula-handle:focus { | 13796 | .dragula-handle:focus { |
| 13792 | color: #333333; | 13797 | color: #333333; |
| 13793 | } | 13798 | } |
| 13794 | /* ------------------------------------------------------------------------------ | 13799 | /* ------------------------------------------------------------------------------ |
| 13795 | * | 13800 | * |
| 13796 | * # Plupload multiple file uploader | 13801 | * # Plupload multiple file uploader |
| 13797 | * | 13802 | * |
| 13798 | * Multi runtime single and multiple file uploader | 13803 | * Multi runtime single and multiple file uploader |
| 13799 | * | 13804 | * |
| 13800 | * Version: 1.1 | 13805 | * Version: 1.1 |
| 13801 | * Latest update: Mar 10, 2016 | 13806 | * Latest update: Mar 10, 2016 |
| 13802 | * | 13807 | * |
| 13803 | * ---------------------------------------------------------------------------- */ | 13808 | * ---------------------------------------------------------------------------- */ |
| 13804 | .plupload_wrapper { | 13809 | .plupload_wrapper { |
| 13805 | width: 100%; | 13810 | width: 100%; |
| 13806 | border: 2px dashed #ddd; | 13811 | border: 2px dashed #ddd; |
| 13807 | border-radius: 3px; | 13812 | border-radius: 3px; |
| 13808 | } | 13813 | } |
| 13809 | .panel > div > .plupload_wrapper { | 13814 | .panel > div > .plupload_wrapper { |
| 13810 | border: 0; | 13815 | border: 0; |
| 13811 | } | 13816 | } |
| 13812 | .panel.panel-flat > div > .plupload_wrapper { | 13817 | .panel.panel-flat > div > .plupload_wrapper { |
| 13813 | border-top: 1px solid #ddd; | 13818 | border-top: 1px solid #ddd; |
| 13814 | } | 13819 | } |
| 13815 | .plupload_header:after, | 13820 | .plupload_header:after, |
| 13816 | .plupload_filelist:empty:before, | 13821 | .plupload_filelist:empty:before, |
| 13817 | .plupload_filelist li.plupload_droptext:before, | 13822 | .plupload_filelist li.plupload_droptext:before, |
| 13818 | .plupload_file_action:after, | 13823 | .plupload_file_action:after, |
| 13819 | .plupload_delete a:after, | 13824 | .plupload_delete a:after, |
| 13820 | .plupload_failed a:after, | 13825 | .plupload_failed a:after, |
| 13821 | .plupload_done a:after { | 13826 | .plupload_done a:after { |
| 13822 | font-family: 'icomoon'; | 13827 | font-family: 'icomoon'; |
| 13823 | display: inline-block; | 13828 | display: inline-block; |
| 13824 | font-size: 16px; | 13829 | font-size: 16px; |
| 13825 | line-height: 1; | 13830 | line-height: 1; |
| 13826 | -webkit-font-smoothing: antialiased; | 13831 | -webkit-font-smoothing: antialiased; |
| 13827 | -moz-osx-font-smoothing: grayscale; | 13832 | -moz-osx-font-smoothing: grayscale; |
| 13828 | } | 13833 | } |
| 13829 | .plupload_header { | 13834 | .plupload_header { |
| 13830 | display: none; | 13835 | display: none; |
| 13831 | position: relative; | 13836 | position: relative; |
| 13832 | background-color: #0097A7; | 13837 | background-color: #0097A7; |
| 13833 | margin: -1px -1px 0 -1px; | 13838 | margin: -1px -1px 0 -1px; |
| 13834 | border-top-right-radius: 3px; | 13839 | border-top-right-radius: 3px; |
| 13835 | border-top-left-radius: 3px; | 13840 | border-top-left-radius: 3px; |
| 13836 | } | 13841 | } |
| 13837 | .plupload_header:after { | 13842 | .plupload_header:after { |
| 13838 | content: '\ec78'; | 13843 | content: '\ec78'; |
| 13839 | color: #fff; | 13844 | color: #fff; |
| 13840 | font-size: 32px; | 13845 | font-size: 32px; |
| 13841 | position: absolute; | 13846 | position: absolute; |
| 13842 | top: 50%; | 13847 | top: 50%; |
| 13843 | left: 20px; | 13848 | left: 20px; |
| 13844 | margin-top: -16px; | 13849 | margin-top: -16px; |
| 13845 | } | 13850 | } |
| 13846 | .plupload_header_content { | 13851 | .plupload_header_content { |
| 13847 | padding: 15px 20px; | 13852 | padding: 15px 20px; |
| 13848 | padding-left: 72px; | 13853 | padding-left: 72px; |
| 13849 | color: #fff; | 13854 | color: #fff; |
| 13850 | } | 13855 | } |
| 13851 | .plupload_header_title { | 13856 | .plupload_header_title { |
| 13852 | font-size: 15px; | 13857 | font-size: 15px; |
| 13853 | font-weight: 500; | 13858 | font-weight: 500; |
| 13854 | } | 13859 | } |
| 13855 | .plupload_header_text { | 13860 | .plupload_header_text { |
| 13856 | font-size: 11px; | 13861 | font-size: 11px; |
| 13857 | line-height: 1.82; | 13862 | line-height: 1.82; |
| 13858 | } | 13863 | } |
| 13859 | .plupload_clear, | 13864 | .plupload_clear, |
| 13860 | .plupload_clearer { | 13865 | .plupload_clearer { |
| 13861 | clear: both; | 13866 | clear: both; |
| 13862 | } | 13867 | } |
| 13863 | .plupload_clearer, | 13868 | .plupload_clearer, |
| 13864 | .plupload_progress_bar { | 13869 | .plupload_progress_bar { |
| 13865 | display: block; | 13870 | display: block; |
| 13866 | font-size: 0; | 13871 | font-size: 0; |
| 13867 | line-height: 0; | 13872 | line-height: 0; |
| 13868 | } | 13873 | } |
| 13869 | .plupload_button { | 13874 | .plupload_button { |
| 13870 | display: inline-block; | 13875 | display: inline-block; |
| 13871 | color: #fff; | 13876 | color: #fff; |
| 13872 | background-color: #2196F3; | 13877 | background-color: #2196F3; |
| 13873 | padding: 9px 17px; | 13878 | padding: 9px 17px; |
| 13874 | border-radius: 3px; | 13879 | border-radius: 3px; |
| 13875 | margin-right: 5px; | 13880 | margin-right: 5px; |
| 13876 | text-transform: uppercase; | 13881 | text-transform: uppercase; |
| 13877 | font-weight: 500; | 13882 | font-weight: 500; |
| 13878 | } | 13883 | } |
| 13879 | .plupload_button:hover, | 13884 | .plupload_button:hover, |
| 13880 | .plupload_button:focus { | 13885 | .plupload_button:focus { |
| 13881 | color: #fff; | 13886 | color: #fff; |
| 13882 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13887 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13883 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13888 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13884 | } | 13889 | } |
| 13885 | .plupload_button:active { | 13890 | .plupload_button:active { |
| 13886 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13891 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13887 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13892 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13888 | } | 13893 | } |
| 13889 | a.plupload_disabled, | 13894 | a.plupload_disabled, |
| 13890 | a.plupload_disabled:hover, | 13895 | a.plupload_disabled:hover, |
| 13891 | a.plupload_disabled:focus { | 13896 | a.plupload_disabled:focus { |
| 13892 | color: #999999; | 13897 | color: #999999; |
| 13893 | border-color: #ddd; | 13898 | border-color: #ddd; |
| 13894 | background: #fcfcfc; | 13899 | background: #fcfcfc; |
| 13895 | cursor: default; | 13900 | cursor: default; |
| 13896 | -webkit-box-shadow: none; | 13901 | -webkit-box-shadow: none; |
| 13897 | box-shadow: none; | 13902 | box-shadow: none; |
| 13898 | } | 13903 | } |
| 13899 | .plupload_start { | 13904 | .plupload_start { |
| 13900 | background-color: #26A69A; | 13905 | background-color: #26A69A; |
| 13901 | } | 13906 | } |
| 13902 | .plupload_filelist { | 13907 | .plupload_filelist { |
| 13903 | margin: 0; | 13908 | margin: 0; |
| 13904 | padding: 0; | 13909 | padding: 0; |
| 13905 | list-style: none; | 13910 | list-style: none; |
| 13906 | } | 13911 | } |
| 13907 | .plupload_scroll .plupload_filelist { | 13912 | .plupload_scroll .plupload_filelist { |
| 13908 | height: 250px; | 13913 | height: 250px; |
| 13909 | background: #fff; | 13914 | background: #fff; |
| 13910 | overflow-y: auto; | 13915 | overflow-y: auto; |
| 13911 | } | 13916 | } |
| 13912 | @media (max-width: 768px) { | 13917 | @media (max-width: 768px) { |
| 13913 | .plupload_scroll .plupload_filelist { | 13918 | .plupload_scroll .plupload_filelist { |
| 13914 | height: 200px; | 13919 | height: 200px; |
| 13915 | } | 13920 | } |
| 13916 | } | 13921 | } |
| 13917 | .plupload_filelist li { | 13922 | .plupload_filelist li { |
| 13918 | padding: 12px 20px; | 13923 | padding: 12px 20px; |
| 13919 | background-color: #fff; | 13924 | background-color: #fff; |
| 13920 | } | 13925 | } |
| 13921 | .plupload_filelist li:hover { | 13926 | .plupload_filelist li:hover { |
| 13922 | background-color: #f5f5f5; | 13927 | background-color: #f5f5f5; |
| 13923 | } | 13928 | } |
| 13924 | .plupload_filelist li.plupload_droptext:hover { | 13929 | .plupload_filelist li.plupload_droptext:hover { |
| 13925 | background-color: transparent; | 13930 | background-color: transparent; |
| 13926 | } | 13931 | } |
| 13927 | .plupload_filelist:empty, | 13932 | .plupload_filelist:empty, |
| 13928 | .plupload_filelist li.plupload_droptext { | 13933 | .plupload_filelist li.plupload_droptext { |
| 13929 | position: relative; | 13934 | position: relative; |
| 13930 | height: 250px; | 13935 | height: 250px; |
| 13931 | text-align: center; | 13936 | text-align: center; |
| 13932 | background-color: transparent; | 13937 | background-color: transparent; |
| 13933 | text-indent: -99999px; | 13938 | text-indent: -99999px; |
| 13934 | } | 13939 | } |
| 13935 | .plupload_filelist:empty:before, | 13940 | .plupload_filelist:empty:before, |
| 13936 | .plupload_filelist li.plupload_droptext:before { | 13941 | .plupload_filelist li.plupload_droptext:before { |
| 13937 | content: '\ea0e'; | 13942 | content: '\ea0e'; |
| 13938 | font-size: 80px; | 13943 | font-size: 80px; |
| 13939 | padding-top: 65px; | 13944 | padding-top: 65px; |
| 13940 | position: absolute; | 13945 | position: absolute; |
| 13941 | top: 0; | 13946 | top: 0; |
| 13942 | width: 80px; | 13947 | width: 80px; |
| 13943 | height: 80px; | 13948 | height: 80px; |
| 13944 | left: 50%; | 13949 | left: 50%; |
| 13945 | margin-left: -40px; | 13950 | margin-left: -40px; |
| 13946 | z-index: 2; | 13951 | z-index: 2; |
| 13947 | color: #ddd; | 13952 | color: #ddd; |
| 13948 | text-indent: 0; | 13953 | text-indent: 0; |
| 13949 | font-weight: normal; | 13954 | font-weight: normal; |
| 13950 | } | 13955 | } |
| 13951 | .plupload_filelist:empty:after, | 13956 | .plupload_filelist:empty:after, |
| 13952 | .plupload_filelist li.plupload_droptext:after { | 13957 | .plupload_filelist li.plupload_droptext:after { |
| 13953 | content: 'Drag files to upload'; | 13958 | content: 'Drag files to upload'; |
| 13954 | font-size: 19px; | 13959 | font-size: 19px; |
| 13955 | position: absolute; | 13960 | position: absolute; |
| 13956 | top: 50%; | 13961 | top: 50%; |
| 13957 | padding-top: 145px; | 13962 | padding-top: 145px; |
| 13958 | left: 50%; | 13963 | left: 50%; |
| 13959 | margin: -100px 0 0 -150px; | 13964 | margin: -100px 0 0 -150px; |
| 13960 | width: 300px; | 13965 | width: 300px; |
| 13961 | height: 200px; | 13966 | height: 200px; |
| 13962 | color: #bbb; | 13967 | color: #bbb; |
| 13963 | text-indent: 0; | 13968 | text-indent: 0; |
| 13964 | } | 13969 | } |
| 13965 | @media (max-width: 768px) { | 13970 | @media (max-width: 768px) { |
| 13966 | .plupload_filelist:empty, | 13971 | .plupload_filelist:empty, |
| 13967 | .plupload_filelist li.plupload_droptext { | 13972 | .plupload_filelist li.plupload_droptext { |
| 13968 | height: 200px; | 13973 | height: 200px; |
| 13969 | } | 13974 | } |
| 13970 | .plupload_filelist:empty:before, | 13975 | .plupload_filelist:empty:before, |
| 13971 | .plupload_filelist li.plupload_droptext:before, | 13976 | .plupload_filelist li.plupload_droptext:before, |
| 13972 | .plupload_filelist:empty:after, | 13977 | .plupload_filelist:empty:after, |
| 13973 | .plupload_filelist li.plupload_droptext:after { | 13978 | .plupload_filelist li.plupload_droptext:after { |
| 13974 | width: 100%; | 13979 | width: 100%; |
| 13975 | height: 200px; | 13980 | height: 200px; |
| 13976 | left: 0; | 13981 | left: 0; |
| 13977 | margin: 0; | 13982 | margin: 0; |
| 13978 | top: 0; | 13983 | top: 0; |
| 13979 | } | 13984 | } |
| 13980 | .plupload_filelist:empty:before, | 13985 | .plupload_filelist:empty:before, |
| 13981 | .plupload_filelist li.plupload_droptext:before { | 13986 | .plupload_filelist li.plupload_droptext:before { |
| 13982 | font-size: 64px; | 13987 | font-size: 64px; |
| 13983 | padding-top: 40px; | 13988 | padding-top: 40px; |
| 13984 | } | 13989 | } |
| 13985 | .plupload_filelist:empty:after, | 13990 | .plupload_filelist:empty:after, |
| 13986 | .plupload_filelist li.plupload_droptext:after { | 13991 | .plupload_filelist li.plupload_droptext:after { |
| 13987 | font-size: 17px; | 13992 | font-size: 17px; |
| 13988 | border-width: 3px 0; | 13993 | border-width: 3px 0; |
| 13989 | padding-top: 120px; | 13994 | padding-top: 120px; |
| 13990 | } | 13995 | } |
| 13991 | } | 13996 | } |
| 13992 | .plupload_filelist:empty:after { | 13997 | .plupload_filelist:empty:after { |
| 13993 | content: 'Add files to upload'; | 13998 | content: 'Add files to upload'; |
| 13994 | } | 13999 | } |
| 13995 | .plupload_filelist_header { | 14000 | .plupload_filelist_header { |
| 13996 | padding: 15px 20px; | 14001 | padding: 15px 20px; |
| 13997 | } | 14002 | } |
| 13998 | .plupload_filelist_header .plupload_file_name, | 14003 | .plupload_filelist_header .plupload_file_name, |
| 13999 | .plupload_filelist_header .plupload_file_size, | 14004 | .plupload_filelist_header .plupload_file_size, |
| 14000 | .plupload_filelist_header .plupload_file_status, | 14005 | .plupload_filelist_header .plupload_file_status, |
| 14001 | .plupload_filelist_header .plupload_file_action { | 14006 | .plupload_filelist_header .plupload_file_action { |
| 14002 | font-weight: 500; | 14007 | font-weight: 500; |
| 14003 | } | 14008 | } |
| 14004 | .plupload_filelist_footer { | 14009 | .plupload_filelist_footer { |
| 14005 | padding: 15px 20px; | 14010 | padding: 15px 20px; |
| 14006 | } | 14011 | } |
| 14007 | .plupload_filelist_footer .plupload_file_size, | 14012 | .plupload_filelist_footer .plupload_file_size, |
| 14008 | .plupload_filelist_footer .plupload_file_status, | 14013 | .plupload_filelist_footer .plupload_file_status, |
| 14009 | .plupload_filelist_footer .plupload_upload_status { | 14014 | .plupload_filelist_footer .plupload_upload_status { |
| 14010 | padding: 8px 0; | 14015 | padding: 8px 0; |
| 14011 | font-weight: 500; | 14016 | font-weight: 500; |
| 14012 | } | 14017 | } |
| 14013 | @media (max-width: 768px) { | 14018 | @media (max-width: 768px) { |
| 14014 | .plupload_filelist_footer .plupload_file_action, | 14019 | .plupload_filelist_footer .plupload_file_action, |
| 14015 | .plupload_filelist_footer .plupload_file_status, | 14020 | .plupload_filelist_footer .plupload_file_status, |
| 14016 | .plupload_filelist_footer .plupload_file_size, | 14021 | .plupload_filelist_footer .plupload_file_size, |
| 14017 | .plupload_filelist_footer .plupload_progress { | 14022 | .plupload_filelist_footer .plupload_progress { |
| 14018 | display: none; | 14023 | display: none; |
| 14019 | } | 14024 | } |
| 14020 | } | 14025 | } |
| 14021 | .plupload_file_action { | 14026 | .plupload_file_action { |
| 14022 | position: relative; | 14027 | position: relative; |
| 14023 | float: right; | 14028 | float: right; |
| 14024 | margin-left: 30px; | 14029 | margin-left: 30px; |
| 14025 | margin-top: 2px; | 14030 | margin-top: 2px; |
| 14026 | color: #999999; | 14031 | color: #999999; |
| 14027 | width: 16px; | 14032 | width: 16px; |
| 14028 | height: 16px; | 14033 | height: 16px; |
| 14029 | } | 14034 | } |
| 14030 | .plupload_file_action * { | 14035 | .plupload_file_action * { |
| 14031 | display: none; | 14036 | display: none; |
| 14032 | } | 14037 | } |
| 14033 | .plupload_file_action:after { | 14038 | .plupload_file_action:after { |
| 14034 | content: '\ec67'; | 14039 | content: '\ec67'; |
| 14035 | position: absolute; | 14040 | position: absolute; |
| 14036 | left: 0; | 14041 | left: 0; |
| 14037 | top: 0; | 14042 | top: 0; |
| 14038 | } | 14043 | } |
| 14039 | .plupload_filelist_footer .plupload_file_action { | 14044 | .plupload_filelist_footer .plupload_file_action { |
| 14040 | margin-top: 9px; | 14045 | margin-top: 9px; |
| 14041 | } | 14046 | } |
| 14042 | .plupload_filelist .plupload_file_action:after { | 14047 | .plupload_filelist .plupload_file_action:after { |
| 14043 | content: none; | 14048 | content: none; |
| 14044 | } | 14049 | } |
| 14045 | .plupload_delete .plupload_file_action > a { | 14050 | .plupload_delete .plupload_file_action > a { |
| 14046 | color: #333333; | 14051 | color: #333333; |
| 14047 | line-height: 1; | 14052 | line-height: 1; |
| 14048 | opacity: 0.5; | 14053 | opacity: 0.5; |
| 14049 | filter: alpha(opacity=50); | 14054 | filter: alpha(opacity=50); |
| 14050 | } | 14055 | } |
| 14051 | .plupload_delete .plupload_file_action > a:hover { | 14056 | .plupload_delete .plupload_file_action > a:hover { |
| 14052 | opacity: 1; | 14057 | opacity: 1; |
| 14053 | filter: alpha(opacity=100); | 14058 | filter: alpha(opacity=100); |
| 14054 | } | 14059 | } |
| 14055 | .plupload_uploading { | 14060 | .plupload_uploading { |
| 14056 | background-color: #E8F5E9; | 14061 | background-color: #E8F5E9; |
| 14057 | } | 14062 | } |
| 14058 | .plupload_delete a:after { | 14063 | .plupload_delete a:after { |
| 14059 | content: '\ed6b'; | 14064 | content: '\ed6b'; |
| 14060 | } | 14065 | } |
| 14061 | .plupload_failed a { | 14066 | .plupload_failed a { |
| 14062 | color: #F44336; | 14067 | color: #F44336; |
| 14063 | cursor: default; | 14068 | cursor: default; |
| 14064 | } | 14069 | } |
| 14065 | .plupload_failed a:after { | 14070 | .plupload_failed a:after { |
| 14066 | content: '\e9cf'; | 14071 | content: '\e9cf'; |
| 14067 | } | 14072 | } |
| 14068 | .plupload_done { | 14073 | .plupload_done { |
| 14069 | color: #999999; | 14074 | color: #999999; |
| 14070 | } | 14075 | } |
| 14071 | .plupload_done a { | 14076 | .plupload_done a { |
| 14072 | color: #4DB6AC; | 14077 | color: #4DB6AC; |
| 14073 | cursor: default; | 14078 | cursor: default; |
| 14074 | } | 14079 | } |
| 14075 | .plupload_done a:after { | 14080 | .plupload_done a:after { |
| 14076 | content: '\e9db'; | 14081 | content: '\e9db'; |
| 14077 | } | 14082 | } |
| 14078 | .plupload_progress, | 14083 | .plupload_progress, |
| 14079 | .plupload_upload_status { | 14084 | .plupload_upload_status { |
| 14080 | display: none; | 14085 | display: none; |
| 14081 | } | 14086 | } |
| 14082 | .plupload_progress_container { | 14087 | .plupload_progress_container { |
| 14083 | margin-top: 14px; | 14088 | margin-top: 14px; |
| 14084 | background-color: #eeeeee; | 14089 | background-color: #eeeeee; |
| 14085 | } | 14090 | } |
| 14086 | .plupload_progress_bar { | 14091 | .plupload_progress_bar { |
| 14087 | width: 0px; | 14092 | width: 0px; |
| 14088 | height: 4px; | 14093 | height: 4px; |
| 14089 | background: #4DB6AC; | 14094 | background: #4DB6AC; |
| 14090 | border-radius: 4px; | 14095 | border-radius: 4px; |
| 14091 | } | 14096 | } |
| 14092 | @media (min-width: 769px) { | 14097 | @media (min-width: 769px) { |
| 14093 | .plupload_file_name { | 14098 | .plupload_file_name { |
| 14094 | float: left; | 14099 | float: left; |
| 14095 | overflow: hidden; | 14100 | overflow: hidden; |
| 14096 | } | 14101 | } |
| 14097 | .plupload_filelist .plupload_file_name { | 14102 | .plupload_filelist .plupload_file_name { |
| 14098 | width: 205px; | 14103 | width: 205px; |
| 14099 | white-space: nowrap; | 14104 | white-space: nowrap; |
| 14100 | text-overflow: ellipsis; | 14105 | text-overflow: ellipsis; |
| 14101 | } | 14106 | } |
| 14102 | .plupload_file_size, | 14107 | .plupload_file_size, |
| 14103 | .plupload_file_status, | 14108 | .plupload_file_status, |
| 14104 | .plupload_progress { | 14109 | .plupload_progress { |
| 14105 | float: right; | 14110 | float: right; |
| 14106 | width: 80px; | 14111 | width: 80px; |
| 14107 | } | 14112 | } |
| 14108 | .plupload_file_size, | 14113 | .plupload_file_size, |
| 14109 | .plupload_file_status, | 14114 | .plupload_file_status, |
| 14110 | .plupload_file_action { | 14115 | .plupload_file_action { |
| 14111 | text-align: right; | 14116 | text-align: right; |
| 14112 | } | 14117 | } |
| 14113 | } | 14118 | } |
| 14114 | /* ------------------------------------------------------------------------------ | 14119 | /* ------------------------------------------------------------------------------ |
| 14115 | * | 14120 | * |
| 14116 | * # Bootstrap file input | 14121 | * # Bootstrap file input |
| 14117 | * | 14122 | * |
| 14118 | * File input styling for Bootstrap 3.0 | 14123 | * File input styling for Bootstrap 3.0 |
| 14119 | * | 14124 | * |
| 14120 | * Version: 1.3 | 14125 | * Version: 1.3 |
| 14121 | * Latest update: Aug 10, 2016 | 14126 | * Latest update: Aug 10, 2016 |
| 14122 | * | 14127 | * |
| 14123 | * ---------------------------------------------------------------------------- */ | 14128 | * ---------------------------------------------------------------------------- */ |
| 14124 | .file-input.has-error .form-control { | 14129 | .file-input.has-error .form-control { |
| 14125 | border-color: #ddd; | 14130 | border-color: #ddd; |
| 14126 | outline: 0; | 14131 | outline: 0; |
| 14127 | -webkit-box-shadow: none; | 14132 | -webkit-box-shadow: none; |
| 14128 | box-shadow: none; | 14133 | box-shadow: none; |
| 14129 | } | 14134 | } |
| 14130 | @media (min-width: 769px) { | 14135 | @media (min-width: 769px) { |
| 14131 | .file-input .btn > [class*=icon-], | 14136 | .file-input .btn > [class*=icon-], |
| 14132 | .file-input .btn > .glyphicon { | 14137 | .file-input .btn > .glyphicon { |
| 14133 | margin-right: 5px; | 14138 | margin-right: 5px; |
| 14134 | } | 14139 | } |
| 14135 | } | 14140 | } |
| 14136 | .file-object { | 14141 | .file-object { |
| 14137 | margin: 0 0 -8px 0; | 14142 | margin: 0 0 -8px 0; |
| 14138 | padding: 0; | 14143 | padding: 0; |
| 14139 | } | 14144 | } |
| 14140 | .btn-file { | 14145 | .btn-file { |
| 14141 | position: relative; | 14146 | position: relative; |
| 14142 | overflow: hidden; | 14147 | overflow: hidden; |
| 14143 | } | 14148 | } |
| 14144 | .btn-file input[type=file] { | 14149 | .btn-file input[type=file] { |
| 14145 | position: absolute; | 14150 | position: absolute; |
| 14146 | top: 0; | 14151 | top: 0; |
| 14147 | right: 0; | 14152 | right: 0; |
| 14148 | min-width: 100%; | 14153 | min-width: 100%; |
| 14149 | min-height: 100%; | 14154 | min-height: 100%; |
| 14150 | text-align: right; | 14155 | text-align: right; |
| 14151 | opacity: 0; | 14156 | opacity: 0; |
| 14152 | background: none repeat scroll 0 0 transparent; | 14157 | background: none repeat scroll 0 0 transparent; |
| 14153 | cursor: inherit; | 14158 | cursor: inherit; |
| 14154 | display: block; | 14159 | display: block; |
| 14155 | } | 14160 | } |
| 14156 | .file-caption-name { | 14161 | .file-caption-name { |
| 14157 | display: inline-block; | 14162 | display: inline-block; |
| 14158 | overflow: hidden; | 14163 | overflow: hidden; |
| 14159 | word-break: break-all; | 14164 | word-break: break-all; |
| 14160 | } | 14165 | } |
| 14161 | .file-caption-name [class*=icon-], | 14166 | .file-caption-name [class*=icon-], |
| 14162 | .file-caption-name .glyphicon { | 14167 | .file-caption-name .glyphicon { |
| 14163 | margin-right: 8px; | 14168 | margin-right: 8px; |
| 14164 | } | 14169 | } |
| 14165 | .file-input-new .file-caption-name { | 14170 | .file-input-new .file-caption-name { |
| 14166 | color: #999999; | 14171 | color: #999999; |
| 14167 | } | 14172 | } |
| 14168 | .file-input-new .file-caption-name > [class*=icon-], | 14173 | .file-input-new .file-caption-name > [class*=icon-], |
| 14169 | .file-input-new .file-caption-name > .glyphicon { | 14174 | .file-input-new .file-caption-name > .glyphicon { |
| 14170 | display: none; | 14175 | display: none; |
| 14171 | } | 14176 | } |
| 14172 | .file-error-message { | 14177 | .file-error-message { |
| 14173 | position: relative; | 14178 | position: relative; |
| 14174 | background-color: #f2dede; | 14179 | background-color: #f2dede; |
| 14175 | color: #a94442; | 14180 | color: #a94442; |
| 14176 | text-align: center; | 14181 | text-align: center; |
| 14177 | border-radius: 3px; | 14182 | border-radius: 3px; |
| 14178 | padding: 10px; | 14183 | padding: 10px; |
| 14179 | margin: 0 5px 5px 5px; | 14184 | margin: 0 5px 5px 5px; |
| 14180 | } | 14185 | } |
| 14181 | .file-drop-zone .file-error-message { | 14186 | .file-drop-zone .file-error-message { |
| 14182 | margin-top: 5px; | 14187 | margin-top: 5px; |
| 14183 | } | 14188 | } |
| 14184 | .file-error-message .close { | 14189 | .file-error-message .close { |
| 14185 | margin-top: 1px; | 14190 | margin-top: 1px; |
| 14186 | color: #a94442; | 14191 | color: #a94442; |
| 14187 | } | 14192 | } |
| 14188 | .file-error-message pre, | 14193 | .file-error-message pre, |
| 14189 | .file-error-message ul { | 14194 | .file-error-message ul { |
| 14190 | margin: 8px 0; | 14195 | margin: 8px 0; |
| 14191 | text-align: left; | 14196 | text-align: left; |
| 14192 | } | 14197 | } |
| 14193 | .file-caption-disabled { | 14198 | .file-caption-disabled { |
| 14194 | cursor: not-allowed; | 14199 | cursor: not-allowed; |
| 14195 | border-bottom-style: dashed; | 14200 | border-bottom-style: dashed; |
| 14196 | } | 14201 | } |
| 14197 | .file-caption-disabled:focus { | 14202 | .file-caption-disabled:focus { |
| 14198 | border-bottom-color: #ddd; | 14203 | border-bottom-color: #ddd; |
| 14199 | -webkit-box-shadow: none; | 14204 | -webkit-box-shadow: none; |
| 14200 | box-shadow: none; | 14205 | box-shadow: none; |
| 14201 | } | 14206 | } |
| 14202 | .file-caption-disabled .file-caption-name { | 14207 | .file-caption-disabled .file-caption-name { |
| 14203 | color: #ccc; | 14208 | color: #ccc; |
| 14204 | } | 14209 | } |
| 14205 | .file-preview-detail-modal { | 14210 | .file-preview-detail-modal { |
| 14206 | text-align: left; | 14211 | text-align: left; |
| 14207 | } | 14212 | } |
| 14208 | .file-preview { | 14213 | .file-preview { |
| 14209 | border-radius: 2px; | 14214 | border-radius: 2px; |
| 14210 | border: 1px solid #ddd; | 14215 | border: 1px solid #ddd; |
| 14211 | width: 100%; | 14216 | width: 100%; |
| 14212 | margin-bottom: 20px; | 14217 | margin-bottom: 20px; |
| 14213 | position: relative; | 14218 | position: relative; |
| 14214 | text-align: center; | 14219 | text-align: center; |
| 14215 | } | 14220 | } |
| 14216 | .file-preview > .close { | 14221 | .file-preview > .close { |
| 14217 | font-weight: 400; | 14222 | font-weight: 400; |
| 14218 | font-size: 17px; | 14223 | font-size: 17px; |
| 14219 | position: absolute; | 14224 | position: absolute; |
| 14220 | top: 0; | 14225 | top: 0; |
| 14221 | right: 0; | 14226 | right: 0; |
| 14222 | background-color: #fff; | 14227 | background-color: #fff; |
| 14223 | padding: 8px; | 14228 | padding: 8px; |
| 14224 | line-height: 0.6; | 14229 | line-height: 0.6; |
| 14225 | border-radius: 3px; | 14230 | border-radius: 3px; |
| 14226 | color: #555; | 14231 | color: #555; |
| 14227 | opacity: 1; | 14232 | opacity: 1; |
| 14228 | filter: alpha(opacity=100); | 14233 | filter: alpha(opacity=100); |
| 14229 | } | 14234 | } |
| 14230 | .file-preview-frame { | 14235 | .file-preview-frame { |
| 14231 | margin: 8px; | 14236 | margin: 8px; |
| 14232 | margin-right: 0; | 14237 | margin-right: 0; |
| 14233 | height: 160px; | 14238 | height: 160px; |
| 14234 | display: table; | 14239 | display: table; |
| 14235 | float: left; | 14240 | float: left; |
| 14236 | vertical-align: middle; | 14241 | vertical-align: middle; |
| 14237 | } | 14242 | } |
| 14238 | .file-drop-zone .file-preview-frame { | 14243 | .file-drop-zone .file-preview-frame { |
| 14239 | border: 1px solid #ddd; | 14244 | border: 1px solid #ddd; |
| 14240 | border-radius: 3px; | 14245 | border-radius: 3px; |
| 14241 | } | 14246 | } |
| 14242 | .file-preview-image { | 14247 | .file-preview-image { |
| 14243 | height: 160px; | 14248 | height: 160px; |
| 14244 | vertical-align: middle; | 14249 | vertical-align: middle; |
| 14245 | border-radius: 3px; | 14250 | border-radius: 3px; |
| 14246 | } | 14251 | } |
| 14247 | @media (max-width: 768px) { | 14252 | @media (max-width: 768px) { |
| 14248 | .file-preview-image { | 14253 | .file-preview-image { |
| 14249 | max-width: 100%; | 14254 | max-width: 100%; |
| 14250 | } | 14255 | } |
| 14251 | } | 14256 | } |
| 14252 | .file-preview-text { | 14257 | .file-preview-text { |
| 14253 | text-align: left; | 14258 | text-align: left; |
| 14254 | width: 160px; | 14259 | width: 160px; |
| 14255 | margin-bottom: 2px; | 14260 | margin-bottom: 2px; |
| 14256 | color: #428bca; | 14261 | color: #428bca; |
| 14257 | background-color: #fff; | 14262 | background-color: #fff; |
| 14258 | overflow-x: hidden; | 14263 | overflow-x: hidden; |
| 14259 | } | 14264 | } |
| 14260 | .file-preview-other { | 14265 | .file-preview-other { |
| 14261 | display: table-cell; | 14266 | display: table-cell; |
| 14262 | text-align: center; | 14267 | text-align: center; |
| 14263 | vertical-align: middle; | 14268 | vertical-align: middle; |
| 14264 | width: 160px; | 14269 | width: 160px; |
| 14265 | height: 160px; | 14270 | height: 160px; |
| 14266 | } | 14271 | } |
| 14267 | .file-preview-other:after { | 14272 | .file-preview-other:after { |
| 14268 | content: "\ea0c"; | 14273 | content: "\ea0c"; |
| 14269 | font-family: "icomoon"; | 14274 | font-family: "icomoon"; |
| 14270 | display: block; | 14275 | display: block; |
| 14271 | font-size: 64px; | 14276 | font-size: 64px; |
| 14272 | -webkit-font-smoothing: antialiased; | 14277 | -webkit-font-smoothing: antialiased; |
| 14273 | -moz-osx-font-smoothing: grayscale; | 14278 | -moz-osx-font-smoothing: grayscale; |
| 14274 | } | 14279 | } |
| 14275 | .file-preview-other .glyphicon { | 14280 | .file-preview-other .glyphicon { |
| 14276 | display: none; | 14281 | display: none; |
| 14277 | } | 14282 | } |
| 14278 | .file-preview-status { | 14283 | .file-preview-status { |
| 14279 | position: absolute; | 14284 | position: absolute; |
| 14280 | bottom: 0; | 14285 | bottom: 0; |
| 14281 | left: 0; | 14286 | left: 0; |
| 14282 | width: 100%; | 14287 | width: 100%; |
| 14283 | color: #333333; | 14288 | color: #333333; |
| 14284 | background-color: rgba(250, 250, 250, 0.8); | 14289 | background-color: rgba(250, 250, 250, 0.8); |
| 14285 | border-top: 1px solid #ddd; | 14290 | border-top: 1px solid #ddd; |
| 14286 | padding: 8px 16px; | 14291 | padding: 8px 16px; |
| 14287 | font-size: 12px; | 14292 | font-size: 12px; |
| 14288 | line-height: 1.6666667; | 14293 | line-height: 1.6666667; |
| 14289 | color: #333333 !important; | 14294 | color: #333333 !important; |
| 14290 | } | 14295 | } |
| 14291 | .file-preview-status:empty { | 14296 | .file-preview-status:empty { |
| 14292 | padding: 0; | 14297 | padding: 0; |
| 14293 | background-color: transparent; | 14298 | background-color: transparent; |
| 14294 | border: 0; | 14299 | border: 0; |
| 14295 | } | 14300 | } |
| 14296 | .file-thumb-loading { | 14301 | .file-thumb-loading { |
| 14297 | min-height: 109px; | 14302 | min-height: 109px; |
| 14298 | } | 14303 | } |
| 14299 | .file-thumb-loading:before, | 14304 | .file-thumb-loading:before, |
| 14300 | .file-uploading:before { | 14305 | .file-uploading:before { |
| 14301 | content: ""; | 14306 | content: ""; |
| 14302 | display: inline-block; | 14307 | display: inline-block; |
| 14303 | background-color: #263238; | 14308 | background-color: #263238; |
| 14304 | width: 32px; | 14309 | width: 32px; |
| 14305 | height: 32px; | 14310 | height: 32px; |
| 14306 | position: absolute; | 14311 | position: absolute; |
| 14307 | top: 50%; | 14312 | top: 50%; |
| 14308 | left: 50%; | 14313 | left: 50%; |
| 14309 | margin: -34.5px 0 0 -16px; | 14314 | margin: -34.5px 0 0 -16px; |
| 14310 | border-radius: 3px; | 14315 | border-radius: 3px; |
| 14311 | -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); | 14316 | -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); |
| 14312 | box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); | 14317 | box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); |
| 14313 | } | 14318 | } |
| 14314 | .file-thumb-loading:after, | 14319 | .file-thumb-loading:after, |
| 14315 | .file-uploading:after { | 14320 | .file-uploading:after { |
| 14316 | content: "\eb55"; | 14321 | content: "\eb55"; |
| 14317 | font-family: "icomoon"; | 14322 | font-family: "icomoon"; |
| 14318 | display: inline-block; | 14323 | display: inline-block; |
| 14319 | position: absolute; | 14324 | position: absolute; |
| 14320 | color: #fff; | 14325 | color: #fff; |
| 14321 | top: 50%; | 14326 | top: 50%; |
| 14322 | left: 50%; | 14327 | left: 50%; |
| 14323 | margin: -26.5px 0 0 -8px; | 14328 | margin: -26.5px 0 0 -8px; |
| 14324 | font-size: 16px; | 14329 | font-size: 16px; |
| 14325 | line-height: 1; | 14330 | line-height: 1; |
| 14326 | -webkit-font-smoothing: antialiased; | 14331 | -webkit-font-smoothing: antialiased; |
| 14327 | -moz-osx-font-smoothing: grayscale; | 14332 | -moz-osx-font-smoothing: grayscale; |
| 14328 | -webkit-animation: rotation 1s linear infinite; | 14333 | -webkit-animation: rotation 1s linear infinite; |
| 14329 | -o-animation: rotation 1s linear infinite; | 14334 | -o-animation: rotation 1s linear infinite; |
| 14330 | animation: rotation 1s linear infinite; | 14335 | animation: rotation 1s linear infinite; |
| 14331 | } | 14336 | } |
| 14332 | .file-upload-indicator { | 14337 | .file-upload-indicator { |
| 14333 | padding-top: 7px; | 14338 | padding-top: 7px; |
| 14334 | padding-bottom: 7px; | 14339 | padding-bottom: 7px; |
| 14335 | cursor: default; | 14340 | cursor: default; |
| 14336 | text-align: left; | 14341 | text-align: left; |
| 14337 | padding-left: 9px; | 14342 | padding-left: 9px; |
| 14338 | } | 14343 | } |
| 14339 | .file-input-new .file-preview, | 14344 | .file-input-new .file-preview, |
| 14340 | .file-input-new .close, | 14345 | .file-input-new .close, |
| 14341 | .file-input-new .glyphicon-file, | 14346 | .file-input-new .glyphicon-file, |
| 14342 | .file-input-new .fileinput-remove-button, | 14347 | .file-input-new .fileinput-remove-button, |
| 14343 | .file-input-new .fileinput-upload-button { | 14348 | .file-input-new .fileinput-upload-button { |
| 14344 | display: none; | 14349 | display: none; |
| 14345 | } | 14350 | } |
| 14346 | .file-input-new .input-group .input-group-btn > .btn-file { | 14351 | .file-input-new .input-group .input-group-btn > .btn-file { |
| 14347 | border-bottom-left-radius: 3px; | 14352 | border-bottom-left-radius: 3px; |
| 14348 | border-top-left-radius: 3px; | 14353 | border-top-left-radius: 3px; |
| 14349 | } | 14354 | } |
| 14350 | .file-input-ajax-new .fileinput-remove-button, | 14355 | .file-input-ajax-new .fileinput-remove-button, |
| 14351 | .file-input-ajax-new .fileinput-upload-button, | 14356 | .file-input-ajax-new .fileinput-upload-button, |
| 14352 | .file-input-ajax-new .fileinput-remove, | 14357 | .file-input-ajax-new .fileinput-remove, |
| 14353 | .file-input-ajax-new .file-caption-name > [class*=icon-], | 14358 | .file-input-ajax-new .file-caption-name > [class*=icon-], |
| 14354 | .file-input-ajax-new .file-caption-name > .glyphicon { | 14359 | .file-input-ajax-new .file-caption-name > .glyphicon { |
| 14355 | display: none; | 14360 | display: none; |
| 14356 | } | 14361 | } |
| 14357 | .file-actions { | 14362 | .file-actions { |
| 14358 | margin-top: 5px; | 14363 | margin-top: 5px; |
| 14359 | border-top: 1px solid #eeeeee; | 14364 | border-top: 1px solid #eeeeee; |
| 14360 | } | 14365 | } |
| 14361 | .file-actions .btn > [class*=icon-], | 14366 | .file-actions .btn > [class*=icon-], |
| 14362 | .file-actions .btn > .glyphicon { | 14367 | .file-actions .btn > .glyphicon { |
| 14363 | margin-right: 0; | 14368 | margin-right: 0; |
| 14364 | } | 14369 | } |
| 14365 | .file-footer-buttons { | 14370 | .file-footer-buttons { |
| 14366 | float: right; | 14371 | float: right; |
| 14367 | } | 14372 | } |
| 14368 | .file-footer-caption { | 14373 | .file-footer-caption { |
| 14369 | display: block; | 14374 | display: block; |
| 14370 | white-space: nowrap; | 14375 | white-space: nowrap; |
| 14371 | overflow: hidden; | 14376 | overflow: hidden; |
| 14372 | text-overflow: ellipsis; | 14377 | text-overflow: ellipsis; |
| 14373 | width: 160px; | 14378 | width: 160px; |
| 14374 | text-align: center; | 14379 | text-align: center; |
| 14375 | font-size: 11px; | 14380 | font-size: 11px; |
| 14376 | padding: 12px 7px 7px 7px; | 14381 | padding: 12px 7px 7px 7px; |
| 14377 | margin-left: auto; | 14382 | margin-left: auto; |
| 14378 | margin-right: auto; | 14383 | margin-right: auto; |
| 14379 | } | 14384 | } |
| 14380 | .file-preview-error { | 14385 | .file-preview-error { |
| 14381 | opacity: 0.65; | 14386 | opacity: 0.65; |
| 14382 | filter: alpha(opacity=65); | 14387 | filter: alpha(opacity=65); |
| 14383 | -webkit-box-shadow: none; | 14388 | -webkit-box-shadow: none; |
| 14384 | box-shadow: none; | 14389 | box-shadow: none; |
| 14385 | } | 14390 | } |
| 14386 | .file-drop-zone { | 14391 | .file-drop-zone { |
| 14387 | border: 1px dashed #ddd; | 14392 | border: 1px dashed #ddd; |
| 14388 | border-radius: 3px; | 14393 | border-radius: 3px; |
| 14389 | height: 100%; | 14394 | height: 100%; |
| 14390 | vertical-align: middle; | 14395 | vertical-align: middle; |
| 14391 | margin: 5px; | 14396 | margin: 5px; |
| 14392 | padding: 5px; | 14397 | padding: 5px; |
| 14393 | } | 14398 | } |
| 14394 | .file-drop-zone-title { | 14399 | .file-drop-zone-title { |
| 14395 | color: #999999; | 14400 | color: #999999; |
| 14396 | font-size: 21px; | 14401 | font-size: 21px; |
| 14397 | font-weight: 300; | 14402 | font-weight: 300; |
| 14398 | padding: 85px 10px; | 14403 | padding: 85px 10px; |
| 14399 | } | 14404 | } |
| 14400 | .file-highlighted { | 14405 | .file-highlighted { |
| 14401 | border-color: #ccc; | 14406 | border-color: #ccc; |
| 14402 | background-color: #fafafa; | 14407 | background-color: #fafafa; |
| 14403 | } | 14408 | } |
| 14404 | .file-thumb-progress { | 14409 | .file-thumb-progress { |
| 14405 | position: absolute; | 14410 | position: absolute; |
| 14406 | top: -5px; | 14411 | top: -5px; |
| 14407 | left: 0; | 14412 | left: 0; |
| 14408 | right: 0; | 14413 | right: 0; |
| 14409 | } | 14414 | } |
| 14410 | .file-thumb-progress .progress, | 14415 | .file-thumb-progress .progress, |
| 14411 | .file-thumb-progress .progress-bar { | 14416 | .file-thumb-progress .progress-bar { |
| 14412 | height: 5px; | 14417 | height: 5px; |
| 14413 | border-radius: 0; | 14418 | border-radius: 0; |
| 14414 | font-size: 0; | 14419 | font-size: 0; |
| 14415 | } | 14420 | } |
| 14416 | .file-thumbnail-footer { | 14421 | .file-thumbnail-footer { |
| 14417 | position: relative; | 14422 | position: relative; |
| 14418 | } | 14423 | } |
| 14419 | .btn-file ::-ms-browse { | 14424 | .btn-file ::-ms-browse { |
| 14420 | width: 100%; | 14425 | width: 100%; |
| 14421 | height: 100%; | 14426 | height: 100%; |
| 14422 | } | 14427 | } |
| 14423 | .file-zoom-fullscreen.modal { | 14428 | .file-zoom-fullscreen.modal { |
| 14424 | position: fixed; | 14429 | position: fixed; |
| 14425 | top: 0; | 14430 | top: 0; |
| 14426 | right: 0; | 14431 | right: 0; |
| 14427 | bottom: 0; | 14432 | bottom: 0; |
| 14428 | left: 0; | 14433 | left: 0; |
| 14429 | } | 14434 | } |
| 14430 | .file-zoom-fullscreen .modal-dialog { | 14435 | .file-zoom-fullscreen .modal-dialog { |
| 14431 | position: fixed; | 14436 | position: fixed; |
| 14432 | margin: 0; | 14437 | margin: 0; |
| 14433 | width: 100%; | 14438 | width: 100%; |
| 14434 | height: 100%; | 14439 | height: 100%; |
| 14435 | padding: 0; | 14440 | padding: 0; |
| 14436 | } | 14441 | } |
| 14437 | .file-zoom-fullscreen .modal-content { | 14442 | .file-zoom-fullscreen .modal-content { |
| 14438 | border-radius: 0; | 14443 | border-radius: 0; |
| 14439 | -webkit-box-shadow: none; | 14444 | -webkit-box-shadow: none; |
| 14440 | box-shadow: none; | 14445 | box-shadow: none; |
| 14441 | } | 14446 | } |
| 14442 | .file-zoom-fullscreen .modal-body { | 14447 | .file-zoom-fullscreen .modal-body { |
| 14443 | overflow-y: auto; | 14448 | overflow-y: auto; |
| 14444 | } | 14449 | } |
| 14445 | .file-zoom-dialog .btn-navigate { | 14450 | .file-zoom-dialog .btn-navigate { |
| 14446 | position: absolute; | 14451 | position: absolute; |
| 14447 | top: 50%; | 14452 | top: 50%; |
| 14448 | margin-top: -27px; | 14453 | margin-top: -27px; |
| 14449 | padding: 0; | 14454 | padding: 0; |
| 14450 | border: 0; | 14455 | border: 0; |
| 14451 | background: transparent; | 14456 | background: transparent; |
| 14452 | outline: none; | 14457 | outline: none; |
| 14453 | color: #fff; | 14458 | color: #fff; |
| 14454 | opacity: 0.7; | 14459 | opacity: 0.7; |
| 14455 | filter: alpha(opacity=70); | 14460 | filter: alpha(opacity=70); |
| 14456 | } | 14461 | } |
| 14457 | .file-zoom-dialog .btn-navigate > i { | 14462 | .file-zoom-dialog .btn-navigate > i { |
| 14458 | display: block; | 14463 | display: block; |
| 14459 | font-size: 32px; | 14464 | font-size: 32px; |
| 14460 | } | 14465 | } |
| 14461 | .file-zoom-dialog .btn-navigate:not([disabled]):hover, | 14466 | .file-zoom-dialog .btn-navigate:not([disabled]):hover, |
| 14462 | .file-zoom-dialog .btn-navigate:not([disabled]):focus { | 14467 | .file-zoom-dialog .btn-navigate:not([disabled]):focus { |
| 14463 | outline: none; | 14468 | outline: none; |
| 14464 | -webkit-box-shadow: none; | 14469 | -webkit-box-shadow: none; |
| 14465 | box-shadow: none; | 14470 | box-shadow: none; |
| 14466 | opacity: 0.5; | 14471 | opacity: 0.5; |
| 14467 | filter: alpha(opacity=50); | 14472 | filter: alpha(opacity=50); |
| 14468 | } | 14473 | } |
| 14469 | .file-zoom-dialog .btn-navigate[disabled] { | 14474 | .file-zoom-dialog .btn-navigate[disabled] { |
| 14470 | opacity: 0.3; | 14475 | opacity: 0.3; |
| 14471 | filter: alpha(opacity=30); | 14476 | filter: alpha(opacity=30); |
| 14472 | } | 14477 | } |
| 14473 | .file-zoom-dialog .btn-prev { | 14478 | .file-zoom-dialog .btn-prev { |
| 14474 | left: -42px; | 14479 | left: -42px; |
| 14475 | } | 14480 | } |
| 14476 | .file-zoom-dialog .btn-next { | 14481 | .file-zoom-dialog .btn-next { |
| 14477 | right: -42px; | 14482 | right: -42px; |
| 14478 | } | 14483 | } |
| 14479 | .file-zoom-dialog .floating-buttons { | 14484 | .file-zoom-dialog .floating-buttons { |
| 14480 | position: absolute; | 14485 | position: absolute; |
| 14481 | top: 20px; | 14486 | top: 20px; |
| 14482 | right: 20px; | 14487 | right: 20px; |
| 14483 | background-color: #fff; | 14488 | background-color: #fff; |
| 14484 | border-radius: 0 0 0 3px; | 14489 | border-radius: 0 0 0 3px; |
| 14485 | } | 14490 | } |
| 14486 | .file-zoom-dialog .floating-buttons:not(:empty) { | 14491 | .file-zoom-dialog .floating-buttons:not(:empty) { |
| 14487 | padding: 0 0 20px 20px; | 14492 | padding: 0 0 20px 20px; |
| 14488 | } | 14493 | } |
| 14489 | .file-zoom-dialog .floating-buttons, | 14494 | .file-zoom-dialog .floating-buttons, |
| 14490 | .file-zoom-dialog .floating-buttons .btn { | 14495 | .file-zoom-dialog .floating-buttons .btn { |
| 14491 | z-index: 3000; | 14496 | z-index: 3000; |
| 14492 | } | 14497 | } |
| 14493 | .kv-zoom-actions { | 14498 | .kv-zoom-actions { |
| 14494 | position: absolute; | 14499 | position: absolute; |
| 14495 | top: 50%; | 14500 | top: 50%; |
| 14496 | right: 20px; | 14501 | right: 20px; |
| 14497 | margin-top: -5px; | 14502 | margin-top: -5px; |
| 14498 | } | 14503 | } |
| 14499 | .file-zoom-content { | 14504 | .file-zoom-content { |
| 14500 | height: 480px; | 14505 | height: 480px; |
| 14501 | text-align: center; | 14506 | text-align: center; |
| 14502 | } | 14507 | } |
| 14503 | .file-drag-handle { | 14508 | .file-drag-handle { |
| 14504 | margin-right: 2px; | 14509 | margin-right: 2px; |
| 14505 | float: left; | 14510 | float: left; |
| 14506 | cursor: move; | 14511 | cursor: move; |
| 14507 | cursor: -webkit-grabbing; | 14512 | cursor: -webkit-grabbing; |
| 14508 | } | 14513 | } |
| 14509 | .file-drag-handle:hover { | 14514 | .file-drag-handle:hover { |
| 14510 | opacity: 0.7; | 14515 | opacity: 0.7; |
| 14511 | filter: alpha(opacity=70); | 14516 | filter: alpha(opacity=70); |
| 14512 | } | 14517 | } |
| 14513 | /* ------------------------------------------------------------------------------ | 14518 | /* ------------------------------------------------------------------------------ |
| 14514 | * | 14519 | * |
| 14515 | * # Dropzone file uploader | 14520 | * # Dropzone file uploader |
| 14516 | * | 14521 | * |
| 14517 | * Open source library that provides drag’n’drop file uploads with image previews | 14522 | * Open source library that provides drag’n’drop file uploads with image previews |
| 14518 | * | 14523 | * |
| 14519 | * Version: 1.2 | 14524 | * Version: 1.2 |
| 14520 | * Latest update: Mar 10, 2016 | 14525 | * Latest update: Mar 10, 2016 |
| 14521 | * | 14526 | * |
| 14522 | * ---------------------------------------------------------------------------- */ | 14527 | * ---------------------------------------------------------------------------- */ |
| 14523 | .dropzone { | 14528 | .dropzone { |
| 14524 | position: relative; | 14529 | position: relative; |
| 14525 | border: 3px dashed #eeeeee; | 14530 | border: 3px dashed #eeeeee; |
| 14526 | min-height: 250px; | 14531 | min-height: 250px; |
| 14527 | border-radius: 2px; | 14532 | border-radius: 2px; |
| 14528 | background-color: #fcfcfc; | 14533 | background-color: #fcfcfc; |
| 14529 | padding: 5px; | 14534 | padding: 5px; |
| 14530 | } | 14535 | } |
| 14531 | .dropzone.dz-clickable, | 14536 | .dropzone.dz-clickable, |
| 14532 | .dropzone.dz-clickable .dz-message, | 14537 | .dropzone.dz-clickable .dz-message, |
| 14533 | .dropzone.dz-clickable .dz-message span { | 14538 | .dropzone.dz-clickable .dz-message span { |
| 14534 | cursor: pointer; | 14539 | cursor: pointer; |
| 14535 | } | 14540 | } |
| 14536 | .dropzone.dz-clickable * { | 14541 | .dropzone.dz-clickable * { |
| 14537 | cursor: default; | 14542 | cursor: default; |
| 14538 | } | 14543 | } |
| 14539 | .dropzone .dz-message { | 14544 | .dropzone .dz-message { |
| 14540 | opacity: 1; | 14545 | opacity: 1; |
| 14541 | filter: alpha(opacity=100); | 14546 | filter: alpha(opacity=100); |
| 14542 | } | 14547 | } |
| 14543 | .dropzone.dz-started .dz-message { | 14548 | .dropzone.dz-started .dz-message { |
| 14544 | display: none; | 14549 | display: none; |
| 14545 | } | 14550 | } |
| 14546 | .dropzone.dz-drag-hover { | 14551 | .dropzone.dz-drag-hover { |
| 14547 | border-color: rgba(0, 0, 0, 0.15); | 14552 | border-color: rgba(0, 0, 0, 0.15); |
| 14548 | background: rgba(0, 0, 0, 0.04); | 14553 | background: rgba(0, 0, 0, 0.04); |
| 14549 | } | 14554 | } |
| 14550 | .sidebar .dropzone { | 14555 | .sidebar .dropzone { |
| 14551 | min-height: 190px; | 14556 | min-height: 190px; |
| 14552 | text-align: center; | 14557 | text-align: center; |
| 14553 | border-width: 2px; | 14558 | border-width: 2px; |
| 14554 | } | 14559 | } |
| 14555 | .sidebar .dropzone .dz-default.dz-message:before { | 14560 | .sidebar .dropzone .dz-default.dz-message:before { |
| 14556 | font-size: 64px; | 14561 | font-size: 64px; |
| 14557 | width: 64px; | 14562 | width: 64px; |
| 14558 | height: 64px; | 14563 | height: 64px; |
| 14559 | margin-left: -32px; | 14564 | margin-left: -32px; |
| 14560 | top: 50px; | 14565 | top: 50px; |
| 14561 | } | 14566 | } |
| 14562 | .sidebar .dropzone .dz-default.dz-message span { | 14567 | .sidebar .dropzone .dz-default.dz-message span { |
| 14563 | font-size: 15px; | 14568 | font-size: 15px; |
| 14564 | } | 14569 | } |
| 14565 | .sidebar .dropzone .dz-default.dz-message > span { | 14570 | .sidebar .dropzone .dz-default.dz-message > span { |
| 14566 | margin-top: 130px; | 14571 | margin-top: 130px; |
| 14567 | } | 14572 | } |
| 14568 | @media (min-width: 769px) { | 14573 | @media (min-width: 769px) { |
| 14569 | .dropzone { | 14574 | .dropzone { |
| 14570 | min-height: 320px; | 14575 | min-height: 320px; |
| 14571 | } | 14576 | } |
| 14572 | } | 14577 | } |
| 14573 | .dropzone .dz-default.dz-message { | 14578 | .dropzone .dz-default.dz-message { |
| 14574 | position: absolute; | 14579 | position: absolute; |
| 14575 | height: 230px; | 14580 | height: 230px; |
| 14576 | width: 100%; | 14581 | width: 100%; |
| 14577 | margin-top: -115px; | 14582 | margin-top: -115px; |
| 14578 | top: 50%; | 14583 | top: 50%; |
| 14579 | left: 0; | 14584 | left: 0; |
| 14580 | padding: 20px; | 14585 | padding: 20px; |
| 14581 | text-align: center; | 14586 | text-align: center; |
| 14582 | border-radius: 4px; | 14587 | border-radius: 4px; |
| 14583 | opacity: 1; | 14588 | opacity: 1; |
| 14584 | filter: alpha(opacity=100); | 14589 | filter: alpha(opacity=100); |
| 14585 | -webkit-transition: opacity 0.3s ease-in-out; | 14590 | -webkit-transition: opacity 0.3s ease-in-out; |
| 14586 | -o-transition: opacity 0.3s ease-in-out; | 14591 | -o-transition: opacity 0.3s ease-in-out; |
| 14587 | transition: opacity 0.3s ease-in-out; | 14592 | transition: opacity 0.3s ease-in-out; |
| 14588 | } | 14593 | } |
| 14589 | .dropzone .dz-default.dz-message:before { | 14594 | .dropzone .dz-default.dz-message:before { |
| 14590 | content: '\ea0e'; | 14595 | content: '\ea0e'; |
| 14591 | font-family: 'icomoon'; | 14596 | font-family: 'icomoon'; |
| 14592 | font-size: 64px; | 14597 | font-size: 64px; |
| 14593 | position: absolute; | 14598 | position: absolute; |
| 14594 | top: 48px; | 14599 | top: 48px; |
| 14595 | width: 64px; | 14600 | width: 64px; |
| 14596 | height: 64px; | 14601 | height: 64px; |
| 14597 | display: inline-block; | 14602 | display: inline-block; |
| 14598 | left: 50%; | 14603 | left: 50%; |
| 14599 | margin-left: -32px; | 14604 | margin-left: -32px; |
| 14600 | line-height: 1; | 14605 | line-height: 1; |
| 14601 | z-index: 2; | 14606 | z-index: 2; |
| 14602 | color: #ddd; | 14607 | color: #ddd; |
| 14603 | text-indent: 0; | 14608 | text-indent: 0; |
| 14604 | font-weight: normal; | 14609 | font-weight: normal; |
| 14605 | -webkit-font-smoothing: antialiased; | 14610 | -webkit-font-smoothing: antialiased; |
| 14606 | -moz-osx-font-smoothing: grayscale; | 14611 | -moz-osx-font-smoothing: grayscale; |
| 14607 | } | 14612 | } |
| 14608 | .dropzone .dz-default.dz-message span { | 14613 | .dropzone .dz-default.dz-message span { |
| 14609 | font-size: 15px; | 14614 | font-size: 15px; |
| 14610 | color: #bbb; | 14615 | color: #bbb; |
| 14611 | text-align: center; | 14616 | text-align: center; |
| 14612 | margin-top: 140px; | 14617 | margin-top: 140px; |
| 14613 | display: block; | 14618 | display: block; |
| 14614 | font-weight: 500; | 14619 | font-weight: 500; |
| 14615 | text-shadow: 0 1px 1px #fff; | 14620 | text-shadow: 0 1px 1px #fff; |
| 14616 | } | 14621 | } |
| 14617 | .dropzone .dz-default.dz-message span > span { | 14622 | .dropzone .dz-default.dz-message span > span { |
| 14618 | margin-top: 2px; | 14623 | margin-top: 2px; |
| 14619 | display: block; | 14624 | display: block; |
| 14620 | color: #ccc; | 14625 | color: #ccc; |
| 14621 | font-size: 15px; | 14626 | font-size: 15px; |
| 14622 | } | 14627 | } |
| 14623 | @media (min-width: 769px) { | 14628 | @media (min-width: 769px) { |
| 14624 | .dropzone .dz-default.dz-message:before { | 14629 | .dropzone .dz-default.dz-message:before { |
| 14625 | font-size: 80px; | 14630 | font-size: 80px; |
| 14626 | top: 48px; | 14631 | top: 48px; |
| 14627 | width: 80px; | 14632 | width: 80px; |
| 14628 | height: 80px; | 14633 | height: 80px; |
| 14629 | margin-left: -32px; | 14634 | margin-left: -32px; |
| 14630 | } | 14635 | } |
| 14631 | .dropzone .dz-default.dz-message span { | 14636 | .dropzone .dz-default.dz-message span { |
| 14632 | font-size: 19px; | 14637 | font-size: 19px; |
| 14633 | margin-top: 130px; | 14638 | margin-top: 130px; |
| 14634 | } | 14639 | } |
| 14635 | } | 14640 | } |
| 14636 | .dropzone.dz-drag-hover .dz-message { | 14641 | .dropzone.dz-drag-hover .dz-message { |
| 14637 | opacity: 0.15; | 14642 | opacity: 0.15; |
| 14638 | filter: alpha(opacity=15); | 14643 | filter: alpha(opacity=15); |
| 14639 | } | 14644 | } |
| 14640 | .dropzone.dz-started .dz-message { | 14645 | .dropzone.dz-started .dz-message { |
| 14641 | display: block; | 14646 | display: block; |
| 14642 | opacity: 0; | 14647 | opacity: 0; |
| 14643 | filter: alpha(opacity=0); | 14648 | filter: alpha(opacity=0); |
| 14644 | } | 14649 | } |
| 14645 | .dropzone .dz-preview, | 14650 | .dropzone .dz-preview, |
| 14646 | .dropzone-previews .dz-preview { | 14651 | .dropzone-previews .dz-preview { |
| 14647 | background-color: #fff; | 14652 | background-color: #fff; |
| 14648 | position: relative; | 14653 | position: relative; |
| 14649 | display: inline-block; | 14654 | display: inline-block; |
| 14650 | margin: 10px; | 14655 | margin: 10px; |
| 14651 | vertical-align: top; | 14656 | vertical-align: top; |
| 14652 | border: 1px solid #ddd; | 14657 | border: 1px solid #ddd; |
| 14653 | padding: 8px; | 14658 | padding: 8px; |
| 14654 | border-radius: 2px; | 14659 | border-radius: 2px; |
| 14655 | } | 14660 | } |
| 14656 | .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], | 14661 | .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], |
| 14657 | .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { | 14662 | .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { |
| 14658 | display: none; | 14663 | display: none; |
| 14659 | } | 14664 | } |
| 14660 | .dropzone .dz-preview .dz-details, | 14665 | .dropzone .dz-preview .dz-details, |
| 14661 | .dropzone-previews .dz-preview .dz-details { | 14666 | .dropzone-previews .dz-preview .dz-details { |
| 14662 | width: 140px; | 14667 | width: 140px; |
| 14663 | position: relative; | 14668 | position: relative; |
| 14664 | background-color: #fafafa; | 14669 | background-color: #fafafa; |
| 14665 | padding: 8px; | 14670 | padding: 8px; |
| 14666 | margin-bottom: 25px; | 14671 | margin-bottom: 25px; |
| 14667 | } | 14672 | } |
| 14668 | .dropzone .dz-preview .dz-details .dz-filename, | 14673 | .dropzone .dz-preview .dz-details .dz-filename, |
| 14669 | .dropzone-previews .dz-preview .dz-details .dz-filename { | 14674 | .dropzone-previews .dz-preview .dz-details .dz-filename { |
| 14670 | overflow: hidden; | 14675 | overflow: hidden; |
| 14671 | height: 100%; | 14676 | height: 100%; |
| 14672 | } | 14677 | } |
| 14673 | .dropzone .dz-preview .dz-details img, | 14678 | .dropzone .dz-preview .dz-details img, |
| 14674 | .dropzone-previews .dz-preview .dz-details img { | 14679 | .dropzone-previews .dz-preview .dz-details img { |
| 14675 | position: absolute; | 14680 | position: absolute; |
| 14676 | top: 0; | 14681 | top: 0; |
| 14677 | left: 0; | 14682 | left: 0; |
| 14678 | width: 140px; | 14683 | width: 140px; |
| 14679 | height: 140px; | 14684 | height: 140px; |
| 14680 | } | 14685 | } |
| 14681 | .dropzone .dz-preview .dz-details .dz-size, | 14686 | .dropzone .dz-preview .dz-details .dz-size, |
| 14682 | .dropzone-previews .dz-preview .dz-details .dz-size { | 14687 | .dropzone-previews .dz-preview .dz-details .dz-size { |
| 14683 | position: absolute; | 14688 | position: absolute; |
| 14684 | bottom: -26px; | 14689 | bottom: -26px; |
| 14685 | left: 0; | 14690 | left: 0; |
| 14686 | } | 14691 | } |
| 14687 | .dropzone .dz-preview:hover .dz-details img, | 14692 | .dropzone .dz-preview:hover .dz-details img, |
| 14688 | .dropzone-previews .dz-preview:hover .dz-details img { | 14693 | .dropzone-previews .dz-preview:hover .dz-details img { |
| 14689 | display: none; | 14694 | display: none; |
| 14690 | } | 14695 | } |
| 14691 | .dropzone .dz-preview .dz-error-mark, | 14696 | .dropzone .dz-preview .dz-error-mark, |
| 14692 | .dropzone-previews .dz-preview .dz-error-mark, | 14697 | .dropzone-previews .dz-preview .dz-error-mark, |
| 14693 | .dropzone .dz-preview .dz-success-mark, | 14698 | .dropzone .dz-preview .dz-success-mark, |
| 14694 | .dropzone-previews .dz-preview .dz-success-mark { | 14699 | .dropzone-previews .dz-preview .dz-success-mark { |
| 14695 | display: none; | 14700 | display: none; |
| 14696 | position: absolute; | 14701 | position: absolute; |
| 14697 | z-index: 9; | 14702 | z-index: 9; |
| 14698 | right: 8px; | 14703 | right: 8px; |
| 14699 | } | 14704 | } |
| 14700 | .dropzone .dz-preview .dz-error-mark:after, | 14705 | .dropzone .dz-preview .dz-error-mark:after, |
| 14701 | .dropzone-previews .dz-preview .dz-error-mark:after, | 14706 | .dropzone-previews .dz-preview .dz-error-mark:after, |
| 14702 | .dropzone .dz-preview .dz-success-mark:after, | 14707 | .dropzone .dz-preview .dz-success-mark:after, |
| 14703 | .dropzone-previews .dz-preview .dz-success-mark:after { | 14708 | .dropzone-previews .dz-preview .dz-success-mark:after { |
| 14704 | font-family: 'icomoon'; | 14709 | font-family: 'icomoon'; |
| 14705 | display: block; | 14710 | display: block; |
| 14706 | position: absolute; | 14711 | position: absolute; |
| 14707 | right: 0; | 14712 | right: 0; |
| 14708 | bottom: 3px; | 14713 | bottom: 3px; |
| 14709 | font-size: 12px; | 14714 | font-size: 12px; |
| 14710 | line-height: 1; | 14715 | line-height: 1; |
| 14711 | -webkit-font-smoothing: antialiased; | 14716 | -webkit-font-smoothing: antialiased; |
| 14712 | -moz-osx-font-smoothing: grayscale; | 14717 | -moz-osx-font-smoothing: grayscale; |
| 14713 | } | 14718 | } |
| 14714 | .dropzone .dz-preview .dz-error-mark span, | 14719 | .dropzone .dz-preview .dz-error-mark span, |
| 14715 | .dropzone-previews .dz-preview .dz-error-mark span, | 14720 | .dropzone-previews .dz-preview .dz-error-mark span, |
| 14716 | .dropzone .dz-preview .dz-success-mark span, | 14721 | .dropzone .dz-preview .dz-success-mark span, |
| 14717 | .dropzone-previews .dz-preview .dz-success-mark span, | 14722 | .dropzone-previews .dz-preview .dz-success-mark span, |
| 14718 | .dropzone .dz-preview .dz-error-mark svg, | 14723 | .dropzone .dz-preview .dz-error-mark svg, |
| 14719 | .dropzone-previews .dz-preview .dz-error-mark svg, | 14724 | .dropzone-previews .dz-preview .dz-error-mark svg, |
| 14720 | .dropzone .dz-preview .dz-success-mark svg, | 14725 | .dropzone .dz-preview .dz-success-mark svg, |
| 14721 | .dropzone-previews .dz-preview .dz-success-mark svg { | 14726 | .dropzone-previews .dz-preview .dz-success-mark svg { |
| 14722 | display: none; | 14727 | display: none; |
| 14723 | } | 14728 | } |
| 14724 | .dropzone .dz-preview .dz-error-mark, | 14729 | .dropzone .dz-preview .dz-error-mark, |
| 14725 | .dropzone-previews .dz-preview .dz-error-mark { | 14730 | .dropzone-previews .dz-preview .dz-error-mark { |
| 14726 | color: #F44336; | 14731 | color: #F44336; |
| 14727 | } | 14732 | } |
| 14728 | .dropzone .dz-preview .dz-error-mark:after, | 14733 | .dropzone .dz-preview .dz-error-mark:after, |
| 14729 | .dropzone-previews .dz-preview .dz-error-mark:after { | 14734 | .dropzone-previews .dz-preview .dz-error-mark:after { |
| 14730 | content: '\ed6a'; | 14735 | content: '\ed6a'; |
| 14731 | } | 14736 | } |
| 14732 | .dropzone .dz-preview .dz-success-mark, | 14737 | .dropzone .dz-preview .dz-success-mark, |
| 14733 | .dropzone-previews .dz-preview .dz-success-mark { | 14738 | .dropzone-previews .dz-preview .dz-success-mark { |
| 14734 | color: #4CAF50; | 14739 | color: #4CAF50; |
| 14735 | } | 14740 | } |
| 14736 | .dropzone .dz-preview .dz-success-mark:after, | 14741 | .dropzone .dz-preview .dz-success-mark:after, |
| 14737 | .dropzone-previews .dz-preview .dz-success-mark:after { | 14742 | .dropzone-previews .dz-preview .dz-success-mark:after { |
| 14738 | content: '\ed6e'; | 14743 | content: '\ed6e'; |
| 14739 | } | 14744 | } |
| 14740 | .dropzone .dz-preview.dz-error .dz-error-mark, | 14745 | .dropzone .dz-preview.dz-error .dz-error-mark, |
| 14741 | .dropzone-previews .dz-preview.dz-error .dz-error-mark, | 14746 | .dropzone-previews .dz-preview.dz-error .dz-error-mark, |
| 14742 | .dropzone .dz-preview.dz-success .dz-success-mark, | 14747 | .dropzone .dz-preview.dz-success .dz-success-mark, |
| 14743 | .dropzone-previews .dz-preview.dz-success .dz-success-mark { | 14748 | .dropzone-previews .dz-preview.dz-success .dz-success-mark { |
| 14744 | display: block; | 14749 | display: block; |
| 14745 | opacity: 1; | 14750 | opacity: 1; |
| 14746 | filter: alpha(opacity=100); | 14751 | filter: alpha(opacity=100); |
| 14747 | } | 14752 | } |
| 14748 | .dropzone .dz-preview .dz-progress, | 14753 | .dropzone .dz-preview .dz-progress, |
| 14749 | .dropzone-previews .dz-preview .dz-progress { | 14754 | .dropzone-previews .dz-preview .dz-progress { |
| 14750 | position: absolute; | 14755 | position: absolute; |
| 14751 | top: 118px; | 14756 | top: 118px; |
| 14752 | left: 8px; | 14757 | left: 8px; |
| 14753 | right: 8px; | 14758 | right: 8px; |
| 14754 | height: 4px; | 14759 | height: 4px; |
| 14755 | background-color: #eeeeee; | 14760 | background-color: #eeeeee; |
| 14756 | display: none; | 14761 | display: none; |
| 14757 | border-radius: 2px; | 14762 | border-radius: 2px; |
| 14758 | } | 14763 | } |
| 14759 | .dropzone .dz-preview .dz-progress .dz-upload, | 14764 | .dropzone .dz-preview .dz-progress .dz-upload, |
| 14760 | .dropzone-previews .dz-preview .dz-progress .dz-upload { | 14765 | .dropzone-previews .dz-preview .dz-progress .dz-upload { |
| 14761 | display: block; | 14766 | display: block; |
| 14762 | position: absolute; | 14767 | position: absolute; |
| 14763 | top: 0; | 14768 | top: 0; |
| 14764 | bottom: 0; | 14769 | bottom: 0; |
| 14765 | left: 0; | 14770 | left: 0; |
| 14766 | width: 0%; | 14771 | width: 0%; |
| 14767 | height: 100%; | 14772 | height: 100%; |
| 14768 | background-color: #00BCD4; | 14773 | background-color: #00BCD4; |
| 14769 | -webkit-transition: width 0.3s ease-in-out; | 14774 | -webkit-transition: width 0.3s ease-in-out; |
| 14770 | -o-transition: width 0.3s ease-in-out; | 14775 | -o-transition: width 0.3s ease-in-out; |
| 14771 | transition: width 0.3s ease-in-out; | 14776 | transition: width 0.3s ease-in-out; |
| 14772 | } | 14777 | } |
| 14773 | .dropzone .dz-preview.dz-processing .dz-progress, | 14778 | .dropzone .dz-preview.dz-processing .dz-progress, |
| 14774 | .dropzone-previews .dz-preview.dz-processing .dz-progress { | 14779 | .dropzone-previews .dz-preview.dz-processing .dz-progress { |
| 14775 | display: block; | 14780 | display: block; |
| 14776 | } | 14781 | } |
| 14777 | .dropzone .dz-preview.dz-success .dz-progress, | 14782 | .dropzone .dz-preview.dz-success .dz-progress, |
| 14778 | .dropzone-previews .dz-preview.dz-success .dz-progress { | 14783 | .dropzone-previews .dz-preview.dz-success .dz-progress { |
| 14779 | display: block; | 14784 | display: block; |
| 14780 | opacity: 0; | 14785 | opacity: 0; |
| 14781 | filter: alpha(opacity=0); | 14786 | filter: alpha(opacity=0); |
| 14782 | -webkit-transition: opacity 0.4s ease-in-out; | 14787 | -webkit-transition: opacity 0.4s ease-in-out; |
| 14783 | -o-transition: opacity 0.4s ease-in-out; | 14788 | -o-transition: opacity 0.4s ease-in-out; |
| 14784 | transition: opacity 0.4s ease-in-out; | 14789 | transition: opacity 0.4s ease-in-out; |
| 14785 | } | 14790 | } |
| 14786 | .dropzone .dz-preview .dz-error-message, | 14791 | .dropzone .dz-preview .dz-error-message, |
| 14787 | .dropzone-previews .dz-preview .dz-error-message { | 14792 | .dropzone-previews .dz-preview .dz-error-message { |
| 14788 | display: block; | 14793 | display: block; |
| 14789 | position: absolute; | 14794 | position: absolute; |
| 14790 | top: 0; | 14795 | top: 0; |
| 14791 | left: 0; | 14796 | left: 0; |
| 14792 | background: rgba(245, 245, 245, 0.8); | 14797 | background: rgba(245, 245, 245, 0.8); |
| 14793 | margin: 8px; | 14798 | margin: 8px; |
| 14794 | padding: 8px; | 14799 | padding: 8px; |
| 14795 | color: #F44336; | 14800 | color: #F44336; |
| 14796 | max-width: 100%; | 14801 | max-width: 100%; |
| 14797 | z-index: 5; | 14802 | z-index: 5; |
| 14798 | opacity: 0; | 14803 | opacity: 0; |
| 14799 | filter: alpha(opacity=0); | 14804 | filter: alpha(opacity=0); |
| 14800 | -webkit-transition: opacity 0.3s ease-in-out; | 14805 | -webkit-transition: opacity 0.3s ease-in-out; |
| 14801 | -o-transition: opacity 0.3s ease-in-out; | 14806 | -o-transition: opacity 0.3s ease-in-out; |
| 14802 | transition: opacity 0.3s ease-in-out; | 14807 | transition: opacity 0.3s ease-in-out; |
| 14803 | } | 14808 | } |
| 14804 | .dropzone .dz-preview.dz-error:hover .dz-error-message, | 14809 | .dropzone .dz-preview.dz-error:hover .dz-error-message, |
| 14805 | .dropzone-previews .dz-preview.dz-error:hover .dz-error-message { | 14810 | .dropzone-previews .dz-preview.dz-error:hover .dz-error-message { |
| 14806 | display: block; | 14811 | display: block; |
| 14807 | opacity: 1; | 14812 | opacity: 1; |
| 14808 | filter: alpha(opacity=100); | 14813 | filter: alpha(opacity=100); |
| 14809 | } | 14814 | } |
| 14810 | .dropzone .dz-preview.dz-error .dz-progress .dz-upload, | 14815 | .dropzone .dz-preview.dz-error .dz-progress .dz-upload, |
| 14811 | .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { | 14816 | .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { |
| 14812 | background: #F44336; | 14817 | background: #F44336; |
| 14813 | } | 14818 | } |
| 14814 | .dropzone .dz-preview.dz-image-preview:hover .dz-details img, | 14819 | .dropzone .dz-preview.dz-image-preview:hover .dz-details img, |
| 14815 | .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { | 14820 | .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { |
| 14816 | display: block; | 14821 | display: block; |
| 14817 | opacity: 0.1; | 14822 | opacity: 0.1; |
| 14818 | filter: alpha(opacity=10); | 14823 | filter: alpha(opacity=10); |
| 14819 | } | 14824 | } |
| 14820 | .dropzone .dz-preview a.dz-remove, | 14825 | .dropzone .dz-preview a.dz-remove, |
| 14821 | .dropzone-previews .dz-preview a.dz-remove { | 14826 | .dropzone-previews .dz-preview a.dz-remove { |
| 14822 | background-color: #fafafa; | 14827 | background-color: #fafafa; |
| 14823 | border-radius: 2px; | 14828 | border-radius: 2px; |
| 14824 | border: 1px solid #eeeeee; | 14829 | border: 1px solid #eeeeee; |
| 14825 | display: block; | 14830 | display: block; |
| 14826 | padding: 5px; | 14831 | padding: 5px; |
| 14827 | text-align: center; | 14832 | text-align: center; |
| 14828 | color: #999999; | 14833 | color: #999999; |
| 14829 | margin-top: 35px; | 14834 | margin-top: 35px; |
| 14830 | cursor: pointer; | 14835 | cursor: pointer; |
| 14831 | } | 14836 | } |
| 14832 | .dropzone .dz-preview a.dz-remove:hover, | 14837 | .dropzone .dz-preview a.dz-remove:hover, |
| 14833 | .dropzone-previews .dz-preview a.dz-remove:hover { | 14838 | .dropzone-previews .dz-preview a.dz-remove:hover { |
| 14834 | color: #333333; | 14839 | color: #333333; |
| 14835 | background-color: #f5f5f5; | 14840 | background-color: #f5f5f5; |
| 14836 | } | 14841 | } |
| 14837 | /* ------------------------------------------------------------------------------ | 14842 | /* ------------------------------------------------------------------------------ |
| 14838 | * | 14843 | * |
| 14839 | * # Image cropper | 14844 | * # Image cropper |
| 14840 | * | 14845 | * |
| 14841 | * Styles for cropper.min.js - a simple jQuery image cropping plugin | 14846 | * Styles for cropper.min.js - a simple jQuery image cropping plugin |
| 14842 | * | 14847 | * |
| 14843 | * Version: 1.0 | 14848 | * Version: 1.0 |
| 14844 | * Latest update: May 25, 2015 | 14849 | * Latest update: May 25, 2015 |
| 14845 | * | 14850 | * |
| 14846 | * ---------------------------------------------------------------------------- */ | 14851 | * ---------------------------------------------------------------------------- */ |
| 14847 | .image-cropper-container { | 14852 | .image-cropper-container { |
| 14848 | height: 350px; | 14853 | height: 350px; |
| 14849 | width: 100%; | 14854 | width: 100%; |
| 14850 | overflow: hidden; | 14855 | overflow: hidden; |
| 14851 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); | 14856 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); |
| 14852 | } | 14857 | } |
| 14853 | .eg-preview { | 14858 | .eg-preview { |
| 14854 | text-align: center; | 14859 | text-align: center; |
| 14855 | font-size: 0; | 14860 | font-size: 0; |
| 14856 | } | 14861 | } |
| 14857 | .eg-preview .preview { | 14862 | .eg-preview .preview { |
| 14858 | margin: 10px auto 0 auto; | 14863 | margin: 10px auto 0 auto; |
| 14859 | display: block; | 14864 | display: block; |
| 14860 | overflow: hidden; | 14865 | overflow: hidden; |
| 14861 | vertical-align: middle; | 14866 | vertical-align: middle; |
| 14862 | border-radius: 2px; | 14867 | border-radius: 2px; |
| 14863 | } | 14868 | } |
| 14864 | @media (min-width: 769px) { | 14869 | @media (min-width: 769px) { |
| 14865 | .eg-preview .preview { | 14870 | .eg-preview .preview { |
| 14866 | display: inline-block; | 14871 | display: inline-block; |
| 14867 | margin-left: 0; | 14872 | margin-left: 0; |
| 14868 | margin-right: 0; | 14873 | margin-right: 0; |
| 14869 | } | 14874 | } |
| 14870 | .eg-preview .preview + .preview { | 14875 | .eg-preview .preview + .preview { |
| 14871 | margin-left: 15px; | 14876 | margin-left: 15px; |
| 14872 | } | 14877 | } |
| 14873 | } | 14878 | } |
| 14874 | .eg-preview .preview-lg { | 14879 | .eg-preview .preview-lg { |
| 14875 | width: 150px; | 14880 | width: 150px; |
| 14876 | height: 150px; | 14881 | height: 150px; |
| 14877 | } | 14882 | } |
| 14878 | .eg-preview .preview-md { | 14883 | .eg-preview .preview-md { |
| 14879 | width: 120px; | 14884 | width: 120px; |
| 14880 | height: 120px; | 14885 | height: 120px; |
| 14881 | } | 14886 | } |
| 14882 | .eg-preview .preview-sm { | 14887 | .eg-preview .preview-sm { |
| 14883 | width: 90px; | 14888 | width: 90px; |
| 14884 | height: 90px; | 14889 | height: 90px; |
| 14885 | } | 14890 | } |
| 14886 | .eg-preview .preview-xs { | 14891 | .eg-preview .preview-xs { |
| 14887 | width: 60px; | 14892 | width: 60px; |
| 14888 | height: 60px; | 14893 | height: 60px; |
| 14889 | } | 14894 | } |
| 14890 | .eg-preview .preview-xxs { | 14895 | .eg-preview .preview-xxs { |
| 14891 | width: 40px; | 14896 | width: 40px; |
| 14892 | height: 40px; | 14897 | height: 40px; |
| 14893 | } | 14898 | } |
| 14894 | @media (min-width: 769px) { | 14899 | @media (min-width: 769px) { |
| 14895 | .eg-preview { | 14900 | .eg-preview { |
| 14896 | white-space: nowrap; | 14901 | white-space: nowrap; |
| 14897 | max-width: 100%; | 14902 | max-width: 100%; |
| 14898 | overflow: auto; | 14903 | overflow: auto; |
| 14899 | } | 14904 | } |
| 14900 | } | 14905 | } |
| 14901 | .cropper-container { | 14906 | .cropper-container { |
| 14902 | font-size: 0; | 14907 | font-size: 0; |
| 14903 | line-height: 0; | 14908 | line-height: 0; |
| 14904 | position: relative; | 14909 | position: relative; |
| 14905 | direction: ltr !important; | 14910 | direction: ltr !important; |
| 14906 | -ms-touch-action: none; | 14911 | -ms-touch-action: none; |
| 14907 | touch-action: none; | 14912 | touch-action: none; |
| 14908 | -webkit-tap-highlight-color: transparent; | 14913 | -webkit-tap-highlight-color: transparent; |
| 14909 | -webkit-touch-callout: none; | 14914 | -webkit-touch-callout: none; |
| 14910 | -webkit-user-select: none; | 14915 | -webkit-user-select: none; |
| 14911 | -moz-user-select: none; | 14916 | -moz-user-select: none; |
| 14912 | -ms-user-select: none; | 14917 | -ms-user-select: none; |
| 14913 | user-select: none; | 14918 | user-select: none; |
| 14914 | } | 14919 | } |
| 14915 | .cropper-container img { | 14920 | .cropper-container img { |
| 14916 | display: block; | 14921 | display: block; |
| 14917 | width: 100%; | 14922 | width: 100%; |
| 14918 | min-width: 0 !important; | 14923 | min-width: 0 !important; |
| 14919 | max-width: none !important; | 14924 | max-width: none !important; |
| 14920 | height: 100%; | 14925 | height: 100%; |
| 14921 | min-height: 0 !important; | 14926 | min-height: 0 !important; |
| 14922 | max-height: none !important; | 14927 | max-height: none !important; |
| 14923 | image-orientation: 0deg !important; | 14928 | image-orientation: 0deg !important; |
| 14924 | } | 14929 | } |
| 14925 | .cropper-wrap-box, | 14930 | .cropper-wrap-box, |
| 14926 | .cropper-canvas, | 14931 | .cropper-canvas, |
| 14927 | .cropper-drag-box, | 14932 | .cropper-drag-box, |
| 14928 | .cropper-crop-box, | 14933 | .cropper-crop-box, |
| 14929 | .cropper-modal { | 14934 | .cropper-modal { |
| 14930 | position: absolute; | 14935 | position: absolute; |
| 14931 | top: 0; | 14936 | top: 0; |
| 14932 | right: 0; | 14937 | right: 0; |
| 14933 | bottom: 0; | 14938 | bottom: 0; |
| 14934 | left: 0; | 14939 | left: 0; |
| 14935 | } | 14940 | } |
| 14936 | .cropper-wrap-box { | 14941 | .cropper-wrap-box { |
| 14937 | overflow: hidden; | 14942 | overflow: hidden; |
| 14938 | } | 14943 | } |
| 14939 | .cropper-drag-box { | 14944 | .cropper-drag-box { |
| 14940 | background-color: #fff; | 14945 | background-color: #fff; |
| 14941 | opacity: 0; | 14946 | opacity: 0; |
| 14942 | filter: alpha(opacity=0); | 14947 | filter: alpha(opacity=0); |
| 14943 | } | 14948 | } |
| 14944 | .cropper-modal { | 14949 | .cropper-modal { |
| 14945 | background-color: #000; | 14950 | background-color: #000; |
| 14946 | opacity: 0.5; | 14951 | opacity: 0.5; |
| 14947 | filter: alpha(opacity=50); | 14952 | filter: alpha(opacity=50); |
| 14948 | } | 14953 | } |
| 14949 | .cropper-view-box { | 14954 | .cropper-view-box { |
| 14950 | display: block; | 14955 | display: block; |
| 14951 | overflow: hidden; | 14956 | overflow: hidden; |
| 14952 | width: 100%; | 14957 | width: 100%; |
| 14953 | height: 100%; | 14958 | height: 100%; |
| 14954 | } | 14959 | } |
| 14955 | .cropper-dashed { | 14960 | .cropper-dashed { |
| 14956 | position: absolute; | 14961 | position: absolute; |
| 14957 | display: block; | 14962 | display: block; |
| 14958 | border: 0 dashed #eee; | 14963 | border: 0 dashed #eee; |
| 14959 | opacity: 0.5; | 14964 | opacity: 0.5; |
| 14960 | filter: alpha(opacity=50); | 14965 | filter: alpha(opacity=50); |
| 14961 | } | 14966 | } |
| 14962 | .cropper-dashed.dashed-h { | 14967 | .cropper-dashed.dashed-h { |
| 14963 | top: 33.33333%; | 14968 | top: 33.33333%; |
| 14964 | left: 0; | 14969 | left: 0; |
| 14965 | width: 100%; | 14970 | width: 100%; |
| 14966 | height: 33.33333%; | 14971 | height: 33.33333%; |
| 14967 | border-top-width: 1px; | 14972 | border-top-width: 1px; |
| 14968 | border-bottom-width: 1px; | 14973 | border-bottom-width: 1px; |
| 14969 | } | 14974 | } |
| 14970 | .cropper-dashed.dashed-v { | 14975 | .cropper-dashed.dashed-v { |
| 14971 | top: 0; | 14976 | top: 0; |
| 14972 | left: 33.33333%; | 14977 | left: 33.33333%; |
| 14973 | width: 33.33333%; | 14978 | width: 33.33333%; |
| 14974 | height: 100%; | 14979 | height: 100%; |
| 14975 | border-right-width: 1px; | 14980 | border-right-width: 1px; |
| 14976 | border-left-width: 1px; | 14981 | border-left-width: 1px; |
| 14977 | } | 14982 | } |
| 14978 | .cropper-center { | 14983 | .cropper-center { |
| 14979 | position: absolute; | 14984 | position: absolute; |
| 14980 | top: 50%; | 14985 | top: 50%; |
| 14981 | left: 50%; | 14986 | left: 50%; |
| 14982 | display: block; | 14987 | display: block; |
| 14983 | width: 0; | 14988 | width: 0; |
| 14984 | height: 0; | 14989 | height: 0; |
| 14985 | opacity: 0.75; | 14990 | opacity: 0.75; |
| 14986 | filter: alpha(opacity=75); | 14991 | filter: alpha(opacity=75); |
| 14987 | } | 14992 | } |
| 14988 | .cropper-center:before, | 14993 | .cropper-center:before, |
| 14989 | .cropper-center:after { | 14994 | .cropper-center:after { |
| 14990 | content: ' '; | 14995 | content: ' '; |
| 14991 | position: absolute; | 14996 | position: absolute; |
| 14992 | display: block; | 14997 | display: block; |
| 14993 | background-color: #eee; | 14998 | background-color: #eee; |
| 14994 | } | 14999 | } |
| 14995 | .cropper-center:before { | 15000 | .cropper-center:before { |
| 14996 | top: 0; | 15001 | top: 0; |
| 14997 | left: -3px; | 15002 | left: -3px; |
| 14998 | width: 7px; | 15003 | width: 7px; |
| 14999 | height: 1px; | 15004 | height: 1px; |
| 15000 | } | 15005 | } |
| 15001 | .cropper-center:after { | 15006 | .cropper-center:after { |
| 15002 | top: -3px; | 15007 | top: -3px; |
| 15003 | left: 0; | 15008 | left: 0; |
| 15004 | width: 1px; | 15009 | width: 1px; |
| 15005 | height: 7px; | 15010 | height: 7px; |
| 15006 | } | 15011 | } |
| 15007 | .cropper-face, | 15012 | .cropper-face, |
| 15008 | .cropper-line, | 15013 | .cropper-line, |
| 15009 | .cropper-point { | 15014 | .cropper-point { |
| 15010 | position: absolute; | 15015 | position: absolute; |
| 15011 | display: block; | 15016 | display: block; |
| 15012 | width: 100%; | 15017 | width: 100%; |
| 15013 | height: 100%; | 15018 | height: 100%; |
| 15014 | opacity: 0.1; | 15019 | opacity: 0.1; |
| 15015 | filter: alpha(opacity=10); | 15020 | filter: alpha(opacity=10); |
| 15016 | } | 15021 | } |
| 15017 | .cropper-face { | 15022 | .cropper-face { |
| 15018 | top: 0; | 15023 | top: 0; |
| 15019 | left: 0; | 15024 | left: 0; |
| 15020 | background-color: #fff; | 15025 | background-color: #fff; |
| 15021 | } | 15026 | } |
| 15022 | .cropper-line { | 15027 | .cropper-line { |
| 15023 | background-color: #2196F3; | 15028 | background-color: #2196F3; |
| 15024 | } | 15029 | } |
| 15025 | .cropper-line.line-e { | 15030 | .cropper-line.line-e { |
| 15026 | top: 0; | 15031 | top: 0; |
| 15027 | right: -3px; | 15032 | right: -3px; |
| 15028 | width: 5px; | 15033 | width: 5px; |
| 15029 | cursor: e-resize; | 15034 | cursor: e-resize; |
| 15030 | } | 15035 | } |
| 15031 | .cropper-line.line-n { | 15036 | .cropper-line.line-n { |
| 15032 | top: -3px; | 15037 | top: -3px; |
| 15033 | left: 0; | 15038 | left: 0; |
| 15034 | height: 5px; | 15039 | height: 5px; |
| 15035 | cursor: n-resize; | 15040 | cursor: n-resize; |
| 15036 | } | 15041 | } |
| 15037 | .cropper-line.line-w { | 15042 | .cropper-line.line-w { |
| 15038 | top: 0; | 15043 | top: 0; |
| 15039 | left: -3px; | 15044 | left: -3px; |
| 15040 | width: 5px; | 15045 | width: 5px; |
| 15041 | cursor: w-resize; | 15046 | cursor: w-resize; |
| 15042 | } | 15047 | } |
| 15043 | .cropper-line.line-s { | 15048 | .cropper-line.line-s { |
| 15044 | bottom: -3px; | 15049 | bottom: -3px; |
| 15045 | left: 0; | 15050 | left: 0; |
| 15046 | height: 5px; | 15051 | height: 5px; |
| 15047 | cursor: s-resize; | 15052 | cursor: s-resize; |
| 15048 | } | 15053 | } |
| 15049 | .cropper-point { | 15054 | .cropper-point { |
| 15050 | width: 5px; | 15055 | width: 5px; |
| 15051 | height: 5px; | 15056 | height: 5px; |
| 15052 | background-color: #2196F3; | 15057 | background-color: #2196F3; |
| 15053 | opacity: 0.75; | 15058 | opacity: 0.75; |
| 15054 | filter: alpha(opacity=75); | 15059 | filter: alpha(opacity=75); |
| 15055 | } | 15060 | } |
| 15056 | .cropper-point.point-e { | 15061 | .cropper-point.point-e { |
| 15057 | top: 50%; | 15062 | top: 50%; |
| 15058 | right: -3px; | 15063 | right: -3px; |
| 15059 | margin-top: -3px; | 15064 | margin-top: -3px; |
| 15060 | cursor: e-resize; | 15065 | cursor: e-resize; |
| 15061 | } | 15066 | } |
| 15062 | .cropper-point.point-n { | 15067 | .cropper-point.point-n { |
| 15063 | top: -3px; | 15068 | top: -3px; |
| 15064 | left: 50%; | 15069 | left: 50%; |
| 15065 | margin-left: -3px; | 15070 | margin-left: -3px; |
| 15066 | cursor: n-resize; | 15071 | cursor: n-resize; |
| 15067 | } | 15072 | } |
| 15068 | .cropper-point.point-w { | 15073 | .cropper-point.point-w { |
| 15069 | top: 50%; | 15074 | top: 50%; |
| 15070 | left: -3px; | 15075 | left: -3px; |
| 15071 | margin-top: -3px; | 15076 | margin-top: -3px; |
| 15072 | cursor: w-resize; | 15077 | cursor: w-resize; |
| 15073 | } | 15078 | } |
| 15074 | .cropper-point.point-s { | 15079 | .cropper-point.point-s { |
| 15075 | bottom: -3px; | 15080 | bottom: -3px; |
| 15076 | left: 50%; | 15081 | left: 50%; |
| 15077 | margin-left: -3px; | 15082 | margin-left: -3px; |
| 15078 | cursor: s-resize; | 15083 | cursor: s-resize; |
| 15079 | } | 15084 | } |
| 15080 | .cropper-point.point-ne { | 15085 | .cropper-point.point-ne { |
| 15081 | top: -3px; | 15086 | top: -3px; |
| 15082 | right: -3px; | 15087 | right: -3px; |
| 15083 | cursor: ne-resize; | 15088 | cursor: ne-resize; |
| 15084 | } | 15089 | } |
| 15085 | .cropper-point.point-nw { | 15090 | .cropper-point.point-nw { |
| 15086 | top: -3px; | 15091 | top: -3px; |
| 15087 | left: -3px; | 15092 | left: -3px; |
| 15088 | cursor: nw-resize; | 15093 | cursor: nw-resize; |
| 15089 | } | 15094 | } |
| 15090 | .cropper-point.point-sw { | 15095 | .cropper-point.point-sw { |
| 15091 | bottom: -3px; | 15096 | bottom: -3px; |
| 15092 | left: -3px; | 15097 | left: -3px; |
| 15093 | cursor: sw-resize; | 15098 | cursor: sw-resize; |
| 15094 | } | 15099 | } |
| 15095 | .cropper-point.point-se { | 15100 | .cropper-point.point-se { |
| 15096 | right: -3px; | 15101 | right: -3px; |
| 15097 | bottom: -3px; | 15102 | bottom: -3px; |
| 15098 | width: 20px; | 15103 | width: 20px; |
| 15099 | height: 20px; | 15104 | height: 20px; |
| 15100 | cursor: se-resize; | 15105 | cursor: se-resize; |
| 15101 | opacity: 1; | 15106 | opacity: 1; |
| 15102 | filter: alpha(opacity=100); | 15107 | filter: alpha(opacity=100); |
| 15103 | } | 15108 | } |
| 15104 | .cropper-point.point-se:before { | 15109 | .cropper-point.point-se:before { |
| 15105 | content: ' '; | 15110 | content: ' '; |
| 15106 | position: absolute; | 15111 | position: absolute; |
| 15107 | right: -50%; | 15112 | right: -50%; |
| 15108 | bottom: -50%; | 15113 | bottom: -50%; |
| 15109 | display: block; | 15114 | display: block; |
| 15110 | width: 200%; | 15115 | width: 200%; |
| 15111 | height: 200%; | 15116 | height: 200%; |
| 15112 | background-color: #2196F3; | 15117 | background-color: #2196F3; |
| 15113 | opacity: 0; | 15118 | opacity: 0; |
| 15114 | filter: alpha(opacity=0); | 15119 | filter: alpha(opacity=0); |
| 15115 | } | 15120 | } |
| 15116 | @media (min-width: 769px) { | 15121 | @media (min-width: 769px) { |
| 15117 | .cropper-point.point-se { | 15122 | .cropper-point.point-se { |
| 15118 | width: 15px; | 15123 | width: 15px; |
| 15119 | height: 15px; | 15124 | height: 15px; |
| 15120 | } | 15125 | } |
| 15121 | } | 15126 | } |
| 15122 | @media (min-width: 1025px) { | 15127 | @media (min-width: 1025px) { |
| 15123 | .cropper-point.point-se { | 15128 | .cropper-point.point-se { |
| 15124 | width: 10px; | 15129 | width: 10px; |
| 15125 | height: 10px; | 15130 | height: 10px; |
| 15126 | } | 15131 | } |
| 15127 | } | 15132 | } |
| 15128 | @media (min-width: 1200px) { | 15133 | @media (min-width: 1200px) { |
| 15129 | .cropper-point.point-se { | 15134 | .cropper-point.point-se { |
| 15130 | width: 5px; | 15135 | width: 5px; |
| 15131 | height: 5px; | 15136 | height: 5px; |
| 15132 | opacity: 0.75; | 15137 | opacity: 0.75; |
| 15133 | filter: alpha(opacity=75); | 15138 | filter: alpha(opacity=75); |
| 15134 | } | 15139 | } |
| 15135 | } | 15140 | } |
| 15136 | .cropper-bg { | 15141 | .cropper-bg { |
| 15137 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); | 15142 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); |
| 15138 | } | 15143 | } |
| 15139 | .cropper-invisible { | 15144 | .cropper-invisible { |
| 15140 | opacity: 0; | 15145 | opacity: 0; |
| 15141 | filter: alpha(opacity=0); | 15146 | filter: alpha(opacity=0); |
| 15142 | } | 15147 | } |
| 15143 | .cropper-hide { | 15148 | .cropper-hide { |
| 15144 | position: absolute; | 15149 | position: absolute; |
| 15145 | display: block; | 15150 | display: block; |
| 15146 | width: 0; | 15151 | width: 0; |
| 15147 | height: 0; | 15152 | height: 0; |
| 15148 | } | 15153 | } |
| 15149 | .cropper-hidden { | 15154 | .cropper-hidden { |
| 15150 | display: none !important; | 15155 | display: none !important; |
| 15151 | } | 15156 | } |
| 15152 | .cropper-disabled .cropper-drag-box, | 15157 | .cropper-disabled .cropper-drag-box, |
| 15153 | .cropper-disabled .cropper-face, | 15158 | .cropper-disabled .cropper-face, |
| 15154 | .cropper-disabled .cropper-line, | 15159 | .cropper-disabled .cropper-line, |
| 15155 | .cropper-disabled .cropper-point { | 15160 | .cropper-disabled .cropper-point { |
| 15156 | cursor: not-allowed; | 15161 | cursor: not-allowed; |
| 15157 | } | 15162 | } |
| 15158 | .cropper-move { | 15163 | .cropper-move { |
| 15159 | cursor: move; | 15164 | cursor: move; |
| 15160 | } | 15165 | } |
| 15161 | .cropper-crop { | 15166 | .cropper-crop { |
| 15162 | cursor: crosshair; | 15167 | cursor: crosshair; |
| 15163 | } | 15168 | } |
| 15164 | /* ------------------------------------------------------------------------------ | 15169 | /* ------------------------------------------------------------------------------ |
| 15165 | * | 15170 | * |
| 15166 | * # Fancybox lightbox | 15171 | * # Fancybox lightbox |
| 15167 | * | 15172 | * |
| 15168 | * Mac-style "lightbox" plugin that floats overtop of web page. | 15173 | * Mac-style "lightbox" plugin that floats overtop of web page. |
| 15169 | * | 15174 | * |
| 15170 | * Version: 1.2 | 15175 | * Version: 1.2 |
| 15171 | * Latest update: Mar 10, 2016 | 15176 | * Latest update: Mar 10, 2016 |
| 15172 | * | 15177 | * |
| 15173 | * ---------------------------------------------------------------------------- */ | 15178 | * ---------------------------------------------------------------------------- */ |
| 15174 | .fancybox-wrap, | 15179 | .fancybox-wrap, |
| 15175 | .fancybox-skin, | 15180 | .fancybox-skin, |
| 15176 | .fancybox-outer, | 15181 | .fancybox-outer, |
| 15177 | .fancybox-inner, | 15182 | .fancybox-inner, |
| 15178 | .fancybox-image, | 15183 | .fancybox-image, |
| 15179 | .fancybox-wrap iframe, | 15184 | .fancybox-wrap iframe, |
| 15180 | .fancybox-wrap object, | 15185 | .fancybox-wrap object, |
| 15181 | .fancybox-nav, | 15186 | .fancybox-nav, |
| 15182 | .fancybox-nav span, | 15187 | .fancybox-nav span, |
| 15183 | .fancybox-tmp { | 15188 | .fancybox-tmp { |
| 15184 | padding: 0; | 15189 | padding: 0; |
| 15185 | margin: 0; | 15190 | margin: 0; |
| 15186 | border: 0; | 15191 | border: 0; |
| 15187 | outline: none; | 15192 | outline: none; |
| 15188 | vertical-align: top; | 15193 | vertical-align: top; |
| 15189 | } | 15194 | } |
| 15190 | .fancybox-wrap { | 15195 | .fancybox-wrap { |
| 15191 | position: absolute; | 15196 | position: absolute; |
| 15192 | top: 0; | 15197 | top: 0; |
| 15193 | left: 0; | 15198 | left: 0; |
| 15194 | z-index: 8020; | 15199 | z-index: 8020; |
| 15195 | } | 15200 | } |
| 15196 | .fancybox-skin { | 15201 | .fancybox-skin { |
| 15197 | position: relative; | 15202 | position: relative; |
| 15198 | background-color: #fff; | 15203 | background-color: #fff; |
| 15199 | color: #333333; | 15204 | color: #333333; |
| 15200 | border-radius: 3px; | 15205 | border-radius: 3px; |
| 15201 | } | 15206 | } |
| 15202 | .fancybox-opened { | 15207 | .fancybox-opened { |
| 15203 | z-index: 8030; | 15208 | z-index: 8030; |
| 15204 | } | 15209 | } |
| 15205 | .fancybox-opened .fancybox-skin { | 15210 | .fancybox-opened .fancybox-skin { |
| 15206 | -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); | 15211 | -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); |
| 15207 | box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); | 15212 | box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); |
| 15208 | } | 15213 | } |
| 15209 | .fancybox-outer, | 15214 | .fancybox-outer, |
| 15210 | .fancybox-inner { | 15215 | .fancybox-inner { |
| 15211 | position: relative; | 15216 | position: relative; |
| 15212 | } | 15217 | } |
| 15213 | .fancybox-inner { | 15218 | .fancybox-inner { |
| 15214 | overflow: hidden; | 15219 | overflow: hidden; |
| 15215 | } | 15220 | } |
| 15216 | .fancybox-type-iframe .fancybox-inner { | 15221 | .fancybox-type-iframe .fancybox-inner { |
| 15217 | -webkit-overflow-scrolling: touch; | 15222 | -webkit-overflow-scrolling: touch; |
| 15218 | } | 15223 | } |
| 15219 | .fancybox-image, | 15224 | .fancybox-image, |
| 15220 | .fancybox-iframe { | 15225 | .fancybox-iframe { |
| 15221 | display: block; | 15226 | display: block; |
| 15222 | width: 100%; | 15227 | width: 100%; |
| 15223 | height: 100%; | 15228 | height: 100%; |
| 15224 | } | 15229 | } |
| 15225 | .fancybox-image { | 15230 | .fancybox-image { |
| 15226 | max-width: 100%; | 15231 | max-width: 100%; |
| 15227 | max-height: 100%; | 15232 | max-height: 100%; |
| 15228 | } | 15233 | } |
| 15229 | #fancybox-loading { | 15234 | #fancybox-loading { |
| 15230 | position: fixed; | 15235 | position: fixed; |
| 15231 | top: 50%; | 15236 | top: 50%; |
| 15232 | left: 50%; | 15237 | left: 50%; |
| 15233 | cursor: pointer; | 15238 | cursor: pointer; |
| 15234 | z-index: 8060; | 15239 | z-index: 8060; |
| 15235 | color: #fff; | 15240 | color: #fff; |
| 15236 | opacity: 0.8; | 15241 | opacity: 0.8; |
| 15237 | filter: alpha(opacity=80); | 15242 | filter: alpha(opacity=80); |
| 15238 | } | 15243 | } |
| 15239 | #fancybox-loading div:after { | 15244 | #fancybox-loading div:after { |
| 15240 | content: '\eb55'; | 15245 | content: '\eb55'; |
| 15241 | font-family: 'icomoon'; | 15246 | font-family: 'icomoon'; |
| 15242 | font-size: 16px; | 15247 | font-size: 16px; |
| 15243 | margin-top: -8px; | 15248 | margin-top: -8px; |
| 15244 | margin-left: -8px; | 15249 | margin-left: -8px; |
| 15245 | display: block; | 15250 | display: block; |
| 15246 | line-height: 1; | 15251 | line-height: 1; |
| 15247 | width: 16px; | 15252 | width: 16px; |
| 15248 | height: 16px; | 15253 | height: 16px; |
| 15249 | -webkit-font-smoothing: antialiased; | 15254 | -webkit-font-smoothing: antialiased; |
| 15250 | -moz-osx-font-smoothing: grayscale; | 15255 | -moz-osx-font-smoothing: grayscale; |
| 15251 | -webkit-animation: rotation 1s ease infinite; | 15256 | -webkit-animation: rotation 1s ease infinite; |
| 15252 | -o-animation: rotation 1s ease infinite; | 15257 | -o-animation: rotation 1s ease infinite; |
| 15253 | animation: rotation 1s ease infinite; | 15258 | animation: rotation 1s ease infinite; |
| 15254 | } | 15259 | } |
| 15255 | .fancybox-close { | 15260 | .fancybox-close { |
| 15256 | position: fixed; | 15261 | position: fixed; |
| 15257 | right: 0; | 15262 | right: 0; |
| 15258 | top: 0; | 15263 | top: 0; |
| 15259 | padding: 15px; | 15264 | padding: 15px; |
| 15260 | z-index: 8061; | 15265 | z-index: 8061; |
| 15261 | cursor: pointer; | 15266 | cursor: pointer; |
| 15262 | line-height: 1; | 15267 | line-height: 1; |
| 15263 | color: #fff; | 15268 | color: #fff; |
| 15264 | border-radius: 3px; | 15269 | border-radius: 3px; |
| 15265 | } | 15270 | } |
| 15266 | .fancybox-close:hover, | 15271 | .fancybox-close:hover, |
| 15267 | .fancybox-close:focus { | 15272 | .fancybox-close:focus { |
| 15268 | background-color: rgba(0, 0, 0, 0.25); | 15273 | background-color: rgba(0, 0, 0, 0.25); |
| 15269 | color: #fff; | 15274 | color: #fff; |
| 15270 | } | 15275 | } |
| 15271 | .fancybox-close:after { | 15276 | .fancybox-close:after { |
| 15272 | content: '\ed6a'; | 15277 | content: '\ed6a'; |
| 15273 | font-family: 'icomoon'; | 15278 | font-family: 'icomoon'; |
| 15274 | font-size: 16px; | 15279 | font-size: 16px; |
| 15275 | display: block; | 15280 | display: block; |
| 15276 | -webkit-font-smoothing: antialiased; | 15281 | -webkit-font-smoothing: antialiased; |
| 15277 | -moz-osx-font-smoothing: grayscale; | 15282 | -moz-osx-font-smoothing: grayscale; |
| 15278 | } | 15283 | } |
| 15279 | .fancybox-error { | 15284 | .fancybox-error { |
| 15280 | color: #F44336; | 15285 | color: #F44336; |
| 15281 | font-weight: 500; | 15286 | font-weight: 500; |
| 15282 | margin: 0; | 15287 | margin: 0; |
| 15283 | padding: 20px; | 15288 | padding: 20px; |
| 15284 | white-space: nowrap; | 15289 | white-space: nowrap; |
| 15285 | } | 15290 | } |
| 15286 | .fancybox-title { | 15291 | .fancybox-title { |
| 15287 | visibility: hidden; | 15292 | visibility: hidden; |
| 15288 | font-weight: 500; | 15293 | font-weight: 500; |
| 15289 | position: relative; | 15294 | position: relative; |
| 15290 | text-shadow: none; | 15295 | text-shadow: none; |
| 15291 | z-index: 8050; | 15296 | z-index: 8050; |
| 15292 | } | 15297 | } |
| 15293 | .fancybox-opened .fancybox-title { | 15298 | .fancybox-opened .fancybox-title { |
| 15294 | visibility: visible; | 15299 | visibility: visible; |
| 15295 | } | 15300 | } |
| 15296 | .fancybox-title-float-wrap { | 15301 | .fancybox-title-float-wrap { |
| 15297 | position: absolute; | 15302 | position: absolute; |
| 15298 | bottom: 0; | 15303 | bottom: 0; |
| 15299 | right: 50%; | 15304 | right: 50%; |
| 15300 | margin-bottom: -45px; | 15305 | margin-bottom: -45px; |
| 15301 | z-index: 8050; | 15306 | z-index: 8050; |
| 15302 | text-align: center; | 15307 | text-align: center; |
| 15303 | } | 15308 | } |
| 15304 | .fancybox-title-float-wrap .child { | 15309 | .fancybox-title-float-wrap .child { |
| 15305 | display: inline-block; | 15310 | display: inline-block; |
| 15306 | margin-right: -100%; | 15311 | margin-right: -100%; |
| 15307 | padding: 8px 16px; | 15312 | padding: 8px 16px; |
| 15308 | background: rgba(0, 0, 0, 0.5); | 15313 | background: rgba(0, 0, 0, 0.5); |
| 15309 | color: #fff; | 15314 | color: #fff; |
| 15310 | white-space: nowrap; | 15315 | white-space: nowrap; |
| 15311 | } | 15316 | } |
| 15312 | .fancybox-title-outside-wrap { | 15317 | .fancybox-title-outside-wrap { |
| 15313 | position: relative; | 15318 | position: relative; |
| 15314 | margin-top: 10px; | 15319 | margin-top: 10px; |
| 15315 | color: #fff; | 15320 | color: #fff; |
| 15316 | } | 15321 | } |
| 15317 | .fancybox-title-inside-wrap { | 15322 | .fancybox-title-inside-wrap { |
| 15318 | padding-top: 10px; | 15323 | padding-top: 10px; |
| 15319 | } | 15324 | } |
| 15320 | .fancybox-title-over-wrap { | 15325 | .fancybox-title-over-wrap { |
| 15321 | position: absolute; | 15326 | position: absolute; |
| 15322 | bottom: 0; | 15327 | bottom: 0; |
| 15323 | left: 0; | 15328 | left: 0; |
| 15324 | color: #fff; | 15329 | color: #fff; |
| 15325 | padding: 10px; | 15330 | padding: 10px; |
| 15326 | background-color: transparent; | 15331 | background-color: transparent; |
| 15327 | } | 15332 | } |
| 15328 | .fancybox-nav { | 15333 | .fancybox-nav { |
| 15329 | position: absolute; | 15334 | position: absolute; |
| 15330 | top: 0; | 15335 | top: 0; |
| 15331 | width: 40%; | 15336 | width: 40%; |
| 15332 | height: 100%; | 15337 | height: 100%; |
| 15333 | cursor: pointer; | 15338 | cursor: pointer; |
| 15334 | background-color: transparent; | 15339 | background-color: transparent; |
| 15335 | -webkit-tap-highlight-color: transparent; | 15340 | -webkit-tap-highlight-color: transparent; |
| 15336 | z-index: 8040; | 15341 | z-index: 8040; |
| 15337 | } | 15342 | } |
| 15338 | .fancybox-nav span { | 15343 | .fancybox-nav span { |
| 15339 | position: absolute; | 15344 | position: absolute; |
| 15340 | top: 50%; | 15345 | top: 50%; |
| 15341 | width: 32px; | 15346 | width: 32px; |
| 15342 | height: 32px; | 15347 | height: 32px; |
| 15343 | margin-top: -16px; | 15348 | margin-top: -16px; |
| 15344 | cursor: pointer; | 15349 | cursor: pointer; |
| 15345 | padding: 8px; | 15350 | padding: 8px; |
| 15346 | color: #fff; | 15351 | color: #fff; |
| 15347 | background-color: rgba(0, 0, 0, 0.5); | 15352 | background-color: rgba(0, 0, 0, 0.5); |
| 15348 | display: block; | 15353 | display: block; |
| 15349 | text-align: center; | 15354 | text-align: center; |
| 15350 | z-index: 8040; | 15355 | z-index: 8040; |
| 15351 | visibility: hidden; | 15356 | visibility: hidden; |
| 15352 | border-radius: 3px; | 15357 | border-radius: 3px; |
| 15353 | opacity: 0; | 15358 | opacity: 0; |
| 15354 | filter: alpha(opacity=0); | 15359 | filter: alpha(opacity=0); |
| 15355 | } | 15360 | } |
| 15356 | .fancybox-nav span:after { | 15361 | .fancybox-nav span:after { |
| 15357 | font-family: 'icomoon'; | 15362 | font-family: 'icomoon'; |
| 15358 | display: inline-block; | 15363 | display: inline-block; |
| 15359 | font-size: 16px; | 15364 | font-size: 16px; |
| 15360 | line-height: 1; | 15365 | line-height: 1; |
| 15361 | -webkit-font-smoothing: antialiased; | 15366 | -webkit-font-smoothing: antialiased; |
| 15362 | -moz-osx-font-smoothing: grayscale; | 15367 | -moz-osx-font-smoothing: grayscale; |
| 15363 | } | 15368 | } |
| 15364 | .fancybox-nav:hover span { | 15369 | .fancybox-nav:hover span { |
| 15365 | visibility: visible; | 15370 | visibility: visible; |
| 15366 | opacity: 1; | 15371 | opacity: 1; |
| 15367 | filter: alpha(opacity=100); | 15372 | filter: alpha(opacity=100); |
| 15368 | } | 15373 | } |
| 15369 | .fancybox-prev { | 15374 | .fancybox-prev { |
| 15370 | left: 0; | 15375 | left: 0; |
| 15371 | } | 15376 | } |
| 15372 | .fancybox-prev span { | 15377 | .fancybox-prev span { |
| 15373 | left: 10px; | 15378 | left: 10px; |
| 15374 | } | 15379 | } |
| 15375 | .fancybox-prev span:after { | 15380 | .fancybox-prev span:after { |
| 15376 | content: '\e9c8'; | 15381 | content: '\e9c8'; |
| 15377 | } | 15382 | } |
| 15378 | .fancybox-next { | 15383 | .fancybox-next { |
| 15379 | right: 0; | 15384 | right: 0; |
| 15380 | } | 15385 | } |
| 15381 | .fancybox-next span { | 15386 | .fancybox-next span { |
| 15382 | right: 10px; | 15387 | right: 10px; |
| 15383 | } | 15388 | } |
| 15384 | .fancybox-next span:after { | 15389 | .fancybox-next span:after { |
| 15385 | content: '\e9cb'; | 15390 | content: '\e9cb'; |
| 15386 | } | 15391 | } |
| 15387 | .fancybox-lock { | 15392 | .fancybox-lock { |
| 15388 | overflow: visible !important; | 15393 | overflow: visible !important; |
| 15389 | width: auto; | 15394 | width: auto; |
| 15390 | } | 15395 | } |
| 15391 | .fancybox-lock .fancybox-overlay { | 15396 | .fancybox-lock .fancybox-overlay { |
| 15392 | overflow: auto; | 15397 | overflow: auto; |
| 15393 | overflow-y: scroll; | 15398 | overflow-y: scroll; |
| 15394 | } | 15399 | } |
| 15395 | .fancybox-lock body { | 15400 | .fancybox-lock body { |
| 15396 | overflow: hidden !important; | 15401 | overflow: hidden !important; |
| 15397 | } | 15402 | } |
| 15398 | .fancybox-lock-test { | 15403 | .fancybox-lock-test { |
| 15399 | overflow-y: hidden !important; | 15404 | overflow-y: hidden !important; |
| 15400 | } | 15405 | } |
| 15401 | .fancybox-overlay { | 15406 | .fancybox-overlay { |
| 15402 | position: absolute; | 15407 | position: absolute; |
| 15403 | top: 0; | 15408 | top: 0; |
| 15404 | left: 0; | 15409 | left: 0; |
| 15405 | overflow: hidden; | 15410 | overflow: hidden; |
| 15406 | display: none; | 15411 | display: none; |
| 15407 | z-index: 8010; | 15412 | z-index: 8010; |
| 15408 | background-color: rgba(0, 0, 0, 0.8); | 15413 | background-color: rgba(0, 0, 0, 0.8); |
| 15409 | } | 15414 | } |
| 15410 | .fancybox-overlay-fixed { | 15415 | .fancybox-overlay-fixed { |
| 15411 | position: fixed; | 15416 | position: fixed; |
| 15412 | bottom: 0; | 15417 | bottom: 0; |
| 15413 | right: 0; | 15418 | right: 0; |
| 15414 | } | 15419 | } |
| 15415 | /* ------------------------------------------------------------------------------ | 15420 | /* ------------------------------------------------------------------------------ |
| 15416 | * | 15421 | * |
| 15417 | * # Footable | 15422 | * # Footable |
| 15418 | * | 15423 | * |
| 15419 | * jQuery plugin that aims to make HTML tables on smaller devices look awesome. | 15424 | * jQuery plugin that aims to make HTML tables on smaller devices look awesome. |
| 15420 | * | 15425 | * |
| 15421 | * Version: 1.0 | 15426 | * Version: 1.0 |
| 15422 | * Latest update: May 25, 2015 | 15427 | * Latest update: May 25, 2015 |
| 15423 | * | 15428 | * |
| 15424 | * ---------------------------------------------------------------------------- */ | 15429 | * ---------------------------------------------------------------------------- */ |
| 15425 | .footable { | 15430 | .footable { |
| 15426 | width: 100%; | 15431 | width: 100%; |
| 15427 | } | 15432 | } |
| 15428 | .footable > thead > tr > th { | 15433 | .footable > thead > tr > th { |
| 15429 | -webkit-touch-callout: none; | 15434 | -webkit-touch-callout: none; |
| 15430 | -webkit-user-select: none; | 15435 | -webkit-user-select: none; |
| 15431 | -moz-user-select: none; | 15436 | -moz-user-select: none; |
| 15432 | -ms-user-select: none; | 15437 | -ms-user-select: none; |
| 15433 | user-select: none; | 15438 | user-select: none; |
| 15434 | } | 15439 | } |
| 15435 | .footable.breakpoint > tbody > tr.footable-detail-show > td { | 15440 | .footable.breakpoint > tbody > tr.footable-detail-show > td { |
| 15436 | border-bottom: 0; | 15441 | border-bottom: 0; |
| 15437 | } | 15442 | } |
| 15438 | .footable.breakpoint > tbody > tr.footable-row-detail:hover { | 15443 | .footable.breakpoint > tbody > tr.footable-row-detail:hover { |
| 15439 | background-color: transparent; | 15444 | background-color: transparent; |
| 15440 | } | 15445 | } |
| 15441 | .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { | 15446 | .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { |
| 15442 | cursor: pointer; | 15447 | cursor: pointer; |
| 15443 | } | 15448 | } |
| 15444 | .footable.breakpoint > tbody > tr > .footable-cell-detail { | 15449 | .footable.breakpoint > tbody > tr > .footable-cell-detail { |
| 15445 | background-color: #eeeeee; | 15450 | background-color: #eeeeee; |
| 15446 | border-top: 0; | 15451 | border-top: 0; |
| 15447 | } | 15452 | } |
| 15448 | .footable.breakpoint > tbody > tr .footable-toggle:before { | 15453 | .footable.breakpoint > tbody > tr .footable-toggle:before { |
| 15449 | content: "\e9e4"; | 15454 | content: "\e9e4"; |
| 15450 | display: inline-block; | 15455 | display: inline-block; |
| 15451 | font-family: 'icomoon'; | 15456 | font-family: 'icomoon'; |
| 15452 | font-size: 16px; | 15457 | font-size: 16px; |
| 15453 | vertical-align: middle; | 15458 | vertical-align: middle; |
| 15454 | position: relative; | 15459 | position: relative; |
| 15455 | top: -1px; | 15460 | top: -1px; |
| 15456 | line-height: 1; | 15461 | line-height: 1; |
| 15457 | -webkit-font-smoothing: antialiased; | 15462 | -webkit-font-smoothing: antialiased; |
| 15458 | -moz-osx-font-smoothing: grayscale; | 15463 | -moz-osx-font-smoothing: grayscale; |
| 15459 | padding-right: 10px; | 15464 | padding-right: 10px; |
| 15460 | } | 15465 | } |
| 15461 | .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before { | 15466 | .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before { |
| 15462 | content: "\e9e7"; | 15467 | content: "\e9e7"; |
| 15463 | } | 15468 | } |
| 15464 | .footable-row-detail-inner { | 15469 | .footable-row-detail-inner { |
| 15465 | display: table; | 15470 | display: table; |
| 15466 | table-layout: fixed; | 15471 | table-layout: fixed; |
| 15467 | width: 100%; | 15472 | width: 100%; |
| 15468 | } | 15473 | } |
| 15469 | .footable-row-detail-row { | 15474 | .footable-row-detail-row { |
| 15470 | display: table-row; | 15475 | display: table-row; |
| 15471 | } | 15476 | } |
| 15472 | .footable-row-detail-group { | 15477 | .footable-row-detail-group { |
| 15473 | display: block; | 15478 | display: block; |
| 15474 | font-weight: 700; | 15479 | font-weight: 700; |
| 15475 | margin-top: 20px; | 15480 | margin-top: 20px; |
| 15476 | margin-bottom: 8px; | 15481 | margin-bottom: 8px; |
| 15477 | } | 15482 | } |
| 15478 | .footable-row-detail-group:first-child { | 15483 | .footable-row-detail-group:first-child { |
| 15479 | margin-top: 8px; | 15484 | margin-top: 8px; |
| 15480 | } | 15485 | } |
| 15481 | .footable-row-detail-name { | 15486 | .footable-row-detail-name { |
| 15482 | display: table-cell; | 15487 | display: table-cell; |
| 15483 | padding-right: 40px; | 15488 | padding-right: 40px; |
| 15484 | font-weight: 500; | 15489 | font-weight: 500; |
| 15485 | } | 15490 | } |
| 15486 | .footable-row-detail-value { | 15491 | .footable-row-detail-value { |
| 15487 | display: table-cell; | 15492 | display: table-cell; |
| 15488 | padding: 8px 0; | 15493 | padding: 8px 0; |
| 15489 | } | 15494 | } |
| 15490 | @media (max-width: 480px) { | 15495 | @media (max-width: 480px) { |
| 15491 | .footable-row-detail-inner { | 15496 | .footable-row-detail-inner { |
| 15492 | position: relative; | 15497 | position: relative; |
| 15493 | } | 15498 | } |
| 15494 | .footable-row-detail .dropdown, | 15499 | .footable-row-detail .dropdown, |
| 15495 | .footable-row-detail .dropup, | 15500 | .footable-row-detail .dropup, |
| 15496 | .footable-row-detail .btn-group { | 15501 | .footable-row-detail .btn-group { |
| 15497 | position: static; | 15502 | position: static; |
| 15498 | } | 15503 | } |
| 15499 | .footable-row-detail .dropdown-menu { | 15504 | .footable-row-detail .dropdown-menu { |
| 15500 | left: 0; | 15505 | left: 0; |
| 15501 | right: 0; | 15506 | right: 0; |
| 15502 | } | 15507 | } |
| 15503 | } | 15508 | } |
| 15504 | /* ------------------------------------------------------------------------------ | 15509 | /* ------------------------------------------------------------------------------ |
| 15505 | * | 15510 | * |
| 15506 | * # Handsontable library | 15511 | * # Handsontable library |
| 15507 | * | 15512 | * |
| 15508 | * EXCEL-LIKE SPREADSHEET FOR APPS | 15513 | * EXCEL-LIKE SPREADSHEET FOR APPS |
| 15509 | * | 15514 | * |
| 15510 | * Version: 1.0 | 15515 | * Version: 1.0 |
| 15511 | * Latest update: Nov 25, 2015 | 15516 | * Latest update: Nov 25, 2015 |
| 15512 | * | 15517 | * |
| 15513 | * ---------------------------------------------------------------------------- */ | 15518 | * ---------------------------------------------------------------------------- */ |
| 15514 | .hot-container { | 15519 | .hot-container { |
| 15515 | position: relative; | 15520 | position: relative; |
| 15516 | -webkit-box-shadow: 0 0 0 1px #ddd; | 15521 | -webkit-box-shadow: 0 0 0 1px #ddd; |
| 15517 | box-shadow: 0 0 0 1px #ddd; | 15522 | box-shadow: 0 0 0 1px #ddd; |
| 15518 | } | 15523 | } |
| 15519 | .hot-container .ht_master .wtHolder { | 15524 | .hot-container .ht_master .wtHolder { |
| 15520 | min-width: 100%; | 15525 | min-width: 100%; |
| 15521 | } | 15526 | } |
| 15522 | .hot-container.has-scroll { | 15527 | .hot-container.has-scroll { |
| 15523 | height: 300px; | 15528 | height: 300px; |
| 15524 | overflow: hidden; | 15529 | overflow: hidden; |
| 15525 | } | 15530 | } |
| 15526 | @media (max-width: 1024px) { | 15531 | @media (max-width: 1024px) { |
| 15527 | .hot-container { | 15532 | .hot-container { |
| 15528 | overflow-x: hidden; | 15533 | overflow-x: hidden; |
| 15529 | overflow-y: auto; | 15534 | overflow-y: auto; |
| 15530 | } | 15535 | } |
| 15531 | .hot-container .ht_master .wtHolder { | 15536 | .hot-container .ht_master .wtHolder { |
| 15532 | max-width: 100%; | 15537 | max-width: 100%; |
| 15533 | min-width: auto; | 15538 | min-width: auto; |
| 15534 | } | 15539 | } |
| 15535 | .hot-container:not(.has-scroll) .wtHolder { | 15540 | .hot-container:not(.has-scroll) .wtHolder { |
| 15536 | height: 100%!important; | 15541 | height: 100%!important; |
| 15537 | } | 15542 | } |
| 15538 | } | 15543 | } |
| 15539 | .handsontable .table-striped > tbody > tr:nth-of-type(odd) > td:not([class*=bg-]) { | 15544 | .handsontable .table-striped > tbody > tr:nth-of-type(odd) > td:not([class*=bg-]) { |
| 15540 | background-color: inherit; | 15545 | background-color: inherit; |
| 15541 | } | 15546 | } |
| 15542 | .handsontable .table-hover > tbody > tr:hover > th { | 15547 | .handsontable .table-hover > tbody > tr:hover > th { |
| 15543 | background-color: #f5f5f5; | 15548 | background-color: #f5f5f5; |
| 15544 | } | 15549 | } |
| 15545 | .changeType { | 15550 | .changeType { |
| 15546 | border: 0; | 15551 | border: 0; |
| 15547 | background-color: transparent; | 15552 | background-color: transparent; |
| 15548 | border-radius: 2px; | 15553 | border-radius: 2px; |
| 15549 | padding: 0; | 15554 | padding: 0; |
| 15550 | float: right; | 15555 | float: right; |
| 15551 | margin-right: 2px; | 15556 | margin-right: 2px; |
| 15552 | line-height: 16px; | 15557 | line-height: 16px; |
| 15553 | margin-top: 2px; | 15558 | margin-top: 2px; |
| 15554 | } | 15559 | } |
| 15555 | .changeType:hover { | 15560 | .changeType:hover { |
| 15556 | color: #777; | 15561 | color: #777; |
| 15557 | } | 15562 | } |
| 15558 | .changeTypeMenu { | 15563 | .changeTypeMenu { |
| 15559 | position: absolute; | 15564 | position: absolute; |
| 15560 | border: 1px solid #ccc; | 15565 | border: 1px solid #ccc; |
| 15561 | margin-top: 20px; | 15566 | margin-top: 20px; |
| 15562 | background-color: #fff; | 15567 | background-color: #fff; |
| 15563 | padding: 8px 0; | 15568 | padding: 8px 0; |
| 15564 | display: none; | 15569 | display: none; |
| 15565 | width: 160px; | 15570 | width: 160px; |
| 15566 | z-index: 1000; | 15571 | z-index: 1000; |
| 15567 | } | 15572 | } |
| 15568 | .changeTypeMenu li { | 15573 | .changeTypeMenu li { |
| 15569 | list-style: none; | 15574 | list-style: none; |
| 15570 | padding: 8px 16px; | 15575 | padding: 8px 16px; |
| 15571 | padding-right: 40px; | 15576 | padding-right: 40px; |
| 15572 | cursor: pointer; | 15577 | cursor: pointer; |
| 15573 | position: relative; | 15578 | position: relative; |
| 15574 | } | 15579 | } |
| 15575 | .changeTypeMenu li:hover { | 15580 | .changeTypeMenu li:hover { |
| 15576 | background-color: #f5f5f5; | 15581 | background-color: #f5f5f5; |
| 15577 | } | 15582 | } |
| 15578 | .changeTypeMenu li.active:after { | 15583 | .changeTypeMenu li.active:after { |
| 15579 | content: '\e600'; | 15584 | content: '\e600'; |
| 15580 | font-family: 'Icomoon'; | 15585 | font-family: 'Icomoon'; |
| 15581 | position: absolute; | 15586 | position: absolute; |
| 15582 | right: 16px; | 15587 | right: 16px; |
| 15583 | top: 50%; | 15588 | top: 50%; |
| 15584 | margin-top: -8px; | 15589 | margin-top: -8px; |
| 15585 | display: inline-block; | 15590 | display: inline-block; |
| 15586 | font-size: 16px; | 15591 | font-size: 16px; |
| 15587 | line-height: 1; | 15592 | line-height: 1; |
| 15588 | -webkit-font-smoothing: antialiased; | 15593 | -webkit-font-smoothing: antialiased; |
| 15589 | -moz-osx-font-smoothing: grayscale; | 15594 | -moz-osx-font-smoothing: grayscale; |
| 15590 | } | 15595 | } |
| 15591 | .handsontable { | 15596 | .handsontable { |
| 15592 | position: relative; | 15597 | position: relative; |
| 15593 | direction: ltr; | 15598 | direction: ltr; |
| 15594 | } | 15599 | } |
| 15595 | .handsontable .hide { | 15600 | .handsontable .hide { |
| 15596 | display: none; | 15601 | display: none; |
| 15597 | } | 15602 | } |
| 15598 | .handsontable .relative { | 15603 | .handsontable .relative { |
| 15599 | position: relative; | 15604 | position: relative; |
| 15600 | } | 15605 | } |
| 15601 | .handsontable.htAutoSize { | 15606 | .handsontable.htAutoSize { |
| 15602 | visibility: hidden; | 15607 | visibility: hidden; |
| 15603 | left: -99000px; | 15608 | left: -99000px; |
| 15604 | position: absolute; | 15609 | position: absolute; |
| 15605 | top: -99000px; | 15610 | top: -99000px; |
| 15606 | } | 15611 | } |
| 15607 | .handsontable .htDimmed { | 15612 | .handsontable .htDimmed { |
| 15608 | color: #999999; | 15613 | color: #999999; |
| 15609 | } | 15614 | } |
| 15610 | .handsontable .wtHider { | 15615 | .handsontable .wtHider { |
| 15611 | width: 0; | 15616 | width: 0; |
| 15612 | } | 15617 | } |
| 15613 | .handsontable .wtSpreader { | 15618 | .handsontable .wtSpreader { |
| 15614 | position: relative; | 15619 | position: relative; |
| 15615 | width: 0; | 15620 | width: 0; |
| 15616 | /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ | 15621 | /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ |
| 15617 | height: auto; | 15622 | height: auto; |
| 15618 | } | 15623 | } |
| 15619 | .handsontable table, | 15624 | .handsontable table, |
| 15620 | .handsontable tbody, | 15625 | .handsontable tbody, |
| 15621 | .handsontable thead, | 15626 | .handsontable thead, |
| 15622 | .handsontable td, | 15627 | .handsontable td, |
| 15623 | .handsontable th, | 15628 | .handsontable th, |
| 15624 | .handsontable input, | 15629 | .handsontable input, |
| 15625 | .handsontable textarea, | 15630 | .handsontable textarea, |
| 15626 | .handsontable div { | 15631 | .handsontable div { |
| 15627 | -webkit-box-sizing: content-box; | 15632 | -webkit-box-sizing: content-box; |
| 15628 | -moz-box-sizing: content-box; | 15633 | -moz-box-sizing: content-box; |
| 15629 | box-sizing: content-box; | 15634 | box-sizing: content-box; |
| 15630 | } | 15635 | } |
| 15631 | .handsontable input, | 15636 | .handsontable input, |
| 15632 | .handsontable textarea { | 15637 | .handsontable textarea { |
| 15633 | min-height: initial; | 15638 | min-height: initial; |
| 15634 | } | 15639 | } |
| 15635 | .handsontable .htCore { | 15640 | .handsontable .htCore { |
| 15636 | border-collapse: separate; | 15641 | border-collapse: separate; |
| 15637 | border-spacing: 0; | 15642 | border-spacing: 0; |
| 15638 | margin: 0; | 15643 | margin: 0; |
| 15639 | border-width: 0; | 15644 | border-width: 0; |
| 15640 | table-layout: fixed; | 15645 | table-layout: fixed; |
| 15641 | width: 0; | 15646 | width: 0; |
| 15642 | outline-width: 0; | 15647 | outline-width: 0; |
| 15643 | max-width: none; | 15648 | max-width: none; |
| 15644 | max-height: none; | 15649 | max-height: none; |
| 15645 | } | 15650 | } |
| 15646 | .handsontable col, | 15651 | .handsontable col, |
| 15647 | .handsontable col.rowHeader { | 15652 | .handsontable col.rowHeader { |
| 15648 | width: 50px; | 15653 | width: 50px; |
| 15649 | } | 15654 | } |
| 15650 | .handsontable th, | 15655 | .handsontable th, |
| 15651 | .handsontable td { | 15656 | .handsontable td { |
| 15652 | border-right: 1px solid #ddd; | 15657 | border-right: 1px solid #ddd; |
| 15653 | border-bottom: 1px solid #ddd; | 15658 | border-bottom: 1px solid #ddd; |
| 15654 | height: 30px; | 15659 | height: 30px; |
| 15655 | empty-cells: show; | 15660 | empty-cells: show; |
| 15656 | position: relative; | 15661 | position: relative; |
| 15657 | padding: 0 4px; | 15662 | padding: 0 4px; |
| 15658 | overflow: hidden; | 15663 | overflow: hidden; |
| 15659 | outline-width: 0; | 15664 | outline-width: 0; |
| 15660 | white-space: pre-line; | 15665 | white-space: pre-line; |
| 15661 | } | 15666 | } |
| 15662 | .handsontable th.disabled, | 15667 | .handsontable th.disabled, |
| 15663 | .handsontable td.disabled { | 15668 | .handsontable td.disabled { |
| 15664 | background-color: #fafafa; | 15669 | background-color: #fafafa; |
| 15665 | color: #999999; | 15670 | color: #999999; |
| 15666 | } | 15671 | } |
| 15667 | .handsontable th { | 15672 | .handsontable th { |
| 15668 | text-align: center; | 15673 | text-align: center; |
| 15669 | font-weight: normal; | 15674 | font-weight: normal; |
| 15670 | white-space: nowrap; | 15675 | white-space: nowrap; |
| 15671 | } | 15676 | } |
| 15672 | .handsontable th:not([class*=bg-]) { | 15677 | .handsontable th:not([class*=bg-]) { |
| 15673 | background-color: #f5f5f5; | 15678 | background-color: #f5f5f5; |
| 15674 | } | 15679 | } |
| 15675 | .handsontable th.active { | 15680 | .handsontable th.active { |
| 15676 | background-color: #eeeeee; | 15681 | background-color: #eeeeee; |
| 15677 | } | 15682 | } |
| 15678 | .handsontable thead th { | 15683 | .handsontable thead th { |
| 15679 | padding: 0; | 15684 | padding: 0; |
| 15680 | } | 15685 | } |
| 15681 | .handsontable thead th .relative { | 15686 | .handsontable thead th .relative { |
| 15682 | padding: 2px 4px; | 15687 | padding: 2px 4px; |
| 15683 | overflow: hidden; | 15688 | overflow: hidden; |
| 15684 | text-overflow: ellipsis; | 15689 | text-overflow: ellipsis; |
| 15685 | } | 15690 | } |
| 15686 | .handsontable td:not([class*=bg-]) { | 15691 | .handsontable td:not([class*=bg-]) { |
| 15687 | background-color: #fff; | 15692 | background-color: #fff; |
| 15688 | } | 15693 | } |
| 15689 | .handsontable td.htInvalid { | 15694 | .handsontable td.htInvalid { |
| 15690 | background-color: #FFEBEE !important; | 15695 | background-color: #FFEBEE !important; |
| 15691 | } | 15696 | } |
| 15692 | .handsontable td.htNoWrap { | 15697 | .handsontable td.htNoWrap { |
| 15693 | white-space: nowrap; | 15698 | white-space: nowrap; |
| 15694 | } | 15699 | } |
| 15695 | .handsontable td.active { | 15700 | .handsontable td.active { |
| 15696 | background-color: #f8f8f8; | 15701 | background-color: #f8f8f8; |
| 15697 | } | 15702 | } |
| 15698 | .handsontable td.area { | 15703 | .handsontable td.area { |
| 15699 | background-color: #fff; | 15704 | background-color: #fff; |
| 15700 | background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15705 | background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15701 | /* FF3.6+ */ | 15706 | /* FF3.6+ */ |
| 15702 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 209, 255, 0.34)), color-stop(100%, rgba(181, 209, 255, 0.34))); | 15707 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 209, 255, 0.34)), color-stop(100%, rgba(181, 209, 255, 0.34))); |
| 15703 | /* Chrome,Safari4+ */ | 15708 | /* Chrome,Safari4+ */ |
| 15704 | background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15709 | background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15705 | /* Chrome10+,Safari5.1+ */ | 15710 | /* Chrome10+,Safari5.1+ */ |
| 15706 | background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15711 | background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15707 | /* Opera 11.10+ */ | 15712 | /* Opera 11.10+ */ |
| 15708 | background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15713 | background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15709 | /* IE10+ */ | 15714 | /* IE10+ */ |
| 15710 | background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15715 | background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15711 | /* W3C */ | 15716 | /* W3C */ |
| 15712 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0); | 15717 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0); |
| 15713 | /* IE6-9 */ | 15718 | /* IE6-9 */ |
| 15714 | } | 15719 | } |
| 15715 | .handsontable tr:first-child th.htNoFrame, | 15720 | .handsontable tr:first-child th.htNoFrame, |
| 15716 | .handsontable th:first-child.htNoFrame, | 15721 | .handsontable th:first-child.htNoFrame, |
| 15717 | .handsontable th.htNoFrame { | 15722 | .handsontable th.htNoFrame { |
| 15718 | border-left-width: 0; | 15723 | border-left-width: 0; |
| 15719 | background-color: #fff; | 15724 | background-color: #fff; |
| 15720 | border-color: #fff; | 15725 | border-color: #fff; |
| 15721 | } | 15726 | } |
| 15722 | .handsontable th:first-child, | 15727 | .handsontable th:first-child, |
| 15723 | .handsontable td:first-of-type, | 15728 | .handsontable td:first-of-type, |
| 15724 | .handsontable .htNoFrame + th, | 15729 | .handsontable .htNoFrame + th, |
| 15725 | .handsontable .htNoFrame + td { | 15730 | .handsontable .htNoFrame + td { |
| 15726 | border-left: 1px solid #ddd; | 15731 | border-left: 1px solid #ddd; |
| 15727 | } | 15732 | } |
| 15728 | .handsontable.htRowHeaders thead tr th:nth-child(2) { | 15733 | .handsontable.htRowHeaders thead tr th:nth-child(2) { |
| 15729 | border-left: 1px solid #ddd; | 15734 | border-left: 1px solid #ddd; |
| 15730 | } | 15735 | } |
| 15731 | .handsontable tr:first-child th, | 15736 | .handsontable tr:first-child th, |
| 15732 | .handsontable tr:first-child td { | 15737 | .handsontable tr:first-child td { |
| 15733 | border-top: 1px solid #ddd; | 15738 | border-top: 1px solid #ddd; |
| 15734 | } | 15739 | } |
| 15735 | .ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th, | 15740 | .ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th, |
| 15736 | .ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { | 15741 | .ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { |
| 15737 | border-right-width: 0; | 15742 | border-right-width: 0; |
| 15738 | } | 15743 | } |
| 15739 | .ht_master:not(.innerBorderTop) thead tr:last-child th, | 15744 | .ht_master:not(.innerBorderTop) thead tr:last-child th, |
| 15740 | .ht_master:not(.innerBorderTop) thead tr.lastChild th, | 15745 | .ht_master:not(.innerBorderTop) thead tr.lastChild th, |
| 15741 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, | 15746 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, |
| 15742 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { | 15747 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { |
| 15743 | border-bottom-width: 0; | 15748 | border-bottom-width: 0; |
| 15744 | } | 15749 | } |
| 15745 | .ht_master tbody tr:first-child td { | 15750 | .ht_master tbody tr:first-child td { |
| 15746 | border-top-color: transparent; | 15751 | border-top-color: transparent; |
| 15747 | } | 15752 | } |
| 15748 | .ht_clone_top tr:first-child th, | 15753 | .ht_clone_top tr:first-child th, |
| 15749 | .ht_clone_top tr:first-child td { | 15754 | .ht_clone_top tr:first-child td { |
| 15750 | border-top-color: transparent; | 15755 | border-top-color: transparent; |
| 15751 | } | 15756 | } |
| 15752 | .ht_clone_left thead tr:first-child th, | 15757 | .ht_clone_left thead tr:first-child th, |
| 15753 | .ht_clone_top_left_corner thead tr:first-child th, | 15758 | .ht_clone_top_left_corner thead tr:first-child th, |
| 15754 | .ht_clone_left tbody tr:first-child td, | 15759 | .ht_clone_left tbody tr:first-child td, |
| 15755 | .ht_clone_top_left_corner tbody tr:first-child td, | 15760 | .ht_clone_top_left_corner tbody tr:first-child td, |
| 15756 | .ht_clone_left tbody tr:first-child th, | 15761 | .ht_clone_left tbody tr:first-child th, |
| 15757 | .ht_clone_top_left_corner tbody tr:first-child th { | 15762 | .ht_clone_top_left_corner tbody tr:first-child th { |
| 15758 | border-top-color: transparent; | 15763 | border-top-color: transparent; |
| 15759 | } | 15764 | } |
| 15760 | .handsontable th:first-child, | 15765 | .handsontable th:first-child, |
| 15761 | .handsontable td:first-child { | 15766 | .handsontable td:first-child { |
| 15762 | border-left-color: transparent; | 15767 | border-left-color: transparent; |
| 15763 | } | 15768 | } |
| 15764 | .ht_master td:last-child, | 15769 | .ht_master td:last-child, |
| 15765 | .ht_clone_top th:last-child, | 15770 | .ht_clone_top th:last-child, |
| 15766 | .ht_clone_top td:last-child { | 15771 | .ht_clone_top td:last-child { |
| 15767 | border-right-color: transparent; | 15772 | border-right-color: transparent; |
| 15768 | } | 15773 | } |
| 15769 | .ht_master tbody tr:last-child th, | 15774 | .ht_master tbody tr:last-child th, |
| 15770 | .ht_clone_left tbody tr:last-child th, | 15775 | .ht_clone_left tbody tr:last-child th, |
| 15771 | .ht_master tbody tr:last-child td, | 15776 | .ht_master tbody tr:last-child td, |
| 15772 | .ht_clone_left tbody tr:last-child td { | 15777 | .ht_clone_left tbody tr:last-child td { |
| 15773 | border-bottom-color: transparent; | 15778 | border-bottom-color: transparent; |
| 15774 | } | 15779 | } |
| 15775 | .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th, | 15780 | .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th, |
| 15776 | .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th { | 15781 | .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th { |
| 15777 | border-top-color: #ddd; | 15782 | border-top-color: #ddd; |
| 15778 | } | 15783 | } |
| 15779 | .htColumnHeaders .handsontable tr:first-child td { | 15784 | .htColumnHeaders .handsontable tr:first-child td { |
| 15780 | border-top-color: #ddd; | 15785 | border-top-color: #ddd; |
| 15781 | } | 15786 | } |
| 15782 | .manualColumnMover, | 15787 | .manualColumnMover, |
| 15783 | .manualRowMover { | 15788 | .manualRowMover { |
| 15784 | position: fixed; | 15789 | position: fixed; |
| 15785 | top: 0; | 15790 | top: 0; |
| 15786 | background-color: transparent; | 15791 | background-color: transparent; |
| 15787 | z-index: 999; | 15792 | z-index: 999; |
| 15788 | cursor: move; | 15793 | cursor: move; |
| 15789 | } | 15794 | } |
| 15790 | .manualColumnMover { | 15795 | .manualColumnMover { |
| 15791 | left: 0; | 15796 | left: 0; |
| 15792 | width: 5px; | 15797 | width: 5px; |
| 15793 | height: 32px; | 15798 | height: 32px; |
| 15794 | } | 15799 | } |
| 15795 | .manualRowMover { | 15800 | .manualRowMover { |
| 15796 | left: -4px; | 15801 | left: -4px; |
| 15797 | height: 5px; | 15802 | height: 5px; |
| 15798 | width: 50px; | 15803 | width: 50px; |
| 15799 | } | 15804 | } |
| 15800 | .manualColumnMoverGuide, | 15805 | .manualColumnMoverGuide, |
| 15801 | .manualRowMoverGuide { | 15806 | .manualRowMoverGuide { |
| 15802 | position: fixed; | 15807 | position: fixed; |
| 15803 | left: 0; | 15808 | left: 0; |
| 15804 | top: 0; | 15809 | top: 0; |
| 15805 | background-color: #ddd; | 15810 | background-color: #ddd; |
| 15806 | display: none; | 15811 | display: none; |
| 15807 | opacity: 0.25; | 15812 | opacity: 0.25; |
| 15808 | filter: alpha(opacity=25); | 15813 | filter: alpha(opacity=25); |
| 15809 | } | 15814 | } |
| 15810 | .manualColumnMoverGuide.active, | 15815 | .manualColumnMoverGuide.active, |
| 15811 | .manualRowMoverGuide.active { | 15816 | .manualRowMoverGuide.active { |
| 15812 | display: block; | 15817 | display: block; |
| 15813 | } | 15818 | } |
| 15814 | .manualColumnMoverGuide:hover, | 15819 | .manualColumnMoverGuide:hover, |
| 15815 | .manualRowMoverGuide:hover, | 15820 | .manualRowMoverGuide:hover, |
| 15816 | .manualColumnMoverGuide.active, | 15821 | .manualColumnMoverGuide.active, |
| 15817 | .manualRowMoverGuide.active { | 15822 | .manualRowMoverGuide.active { |
| 15818 | background-color: #2196F3; | 15823 | background-color: #2196F3; |
| 15819 | } | 15824 | } |
| 15820 | .manualColumnMoverGuide { | 15825 | .manualColumnMoverGuide { |
| 15821 | max-height: 404px; | 15826 | max-height: 404px; |
| 15822 | } | 15827 | } |
| 15823 | .manualColumnResizer.active, | 15828 | .manualColumnResizer.active, |
| 15824 | .manualRowResizer.active { | 15829 | .manualRowResizer.active { |
| 15825 | display: block; | 15830 | display: block; |
| 15826 | } | 15831 | } |
| 15827 | .manualColumnResizer:hover, | 15832 | .manualColumnResizer:hover, |
| 15828 | .manualRowResizer:hover, | 15833 | .manualRowResizer:hover, |
| 15829 | .manualColumnResizer.active, | 15834 | .manualColumnResizer.active, |
| 15830 | .manualRowResizer.active { | 15835 | .manualRowResizer.active { |
| 15831 | background-color: #999999; | 15836 | background-color: #999999; |
| 15832 | } | 15837 | } |
| 15833 | .manualColumnResizer { | 15838 | .manualColumnResizer { |
| 15834 | position: fixed; | 15839 | position: fixed; |
| 15835 | top: 0; | 15840 | top: 0; |
| 15836 | cursor: col-resize; | 15841 | cursor: col-resize; |
| 15837 | z-index: 110; | 15842 | z-index: 110; |
| 15838 | width: 5px; | 15843 | width: 5px; |
| 15839 | height: 31px; | 15844 | height: 31px; |
| 15840 | } | 15845 | } |
| 15841 | .manualRowResizer { | 15846 | .manualRowResizer { |
| 15842 | position: fixed; | 15847 | position: fixed; |
| 15843 | left: 0; | 15848 | left: 0; |
| 15844 | cursor: row-resize; | 15849 | cursor: row-resize; |
| 15845 | z-index: 110; | 15850 | z-index: 110; |
| 15846 | height: 5px; | 15851 | height: 5px; |
| 15847 | width: 50px; | 15852 | width: 50px; |
| 15848 | } | 15853 | } |
| 15849 | .manualColumnResizerGuide { | 15854 | .manualColumnResizerGuide { |
| 15850 | position: fixed; | 15855 | position: fixed; |
| 15851 | right: 0; | 15856 | right: 0; |
| 15852 | top: 0; | 15857 | top: 0; |
| 15853 | background-color: #999999; | 15858 | background-color: #999999; |
| 15854 | display: none; | 15859 | display: none; |
| 15855 | width: 0; | 15860 | width: 0; |
| 15856 | border-right: 1px dashed #777; | 15861 | border-right: 1px dashed #777; |
| 15857 | margin-left: 5px; | 15862 | margin-left: 5px; |
| 15858 | } | 15863 | } |
| 15859 | .manualRowResizerGuide { | 15864 | .manualRowResizerGuide { |
| 15860 | position: fixed; | 15865 | position: fixed; |
| 15861 | left: 0; | 15866 | left: 0; |
| 15862 | bottom: 0; | 15867 | bottom: 0; |
| 15863 | background-color: #999999; | 15868 | background-color: #999999; |
| 15864 | display: none; | 15869 | display: none; |
| 15865 | height: 0; | 15870 | height: 0; |
| 15866 | border-bottom: 1px dashed #777; | 15871 | border-bottom: 1px dashed #777; |
| 15867 | margin-top: 5px; | 15872 | margin-top: 5px; |
| 15868 | } | 15873 | } |
| 15869 | .handsontable .columnSorting { | 15874 | .handsontable .columnSorting { |
| 15870 | position: relative; | 15875 | position: relative; |
| 15871 | } | 15876 | } |
| 15872 | .handsontable .columnSorting:hover { | 15877 | .handsontable .columnSorting:hover { |
| 15873 | cursor: pointer; | 15878 | cursor: pointer; |
| 15874 | } | 15879 | } |
| 15875 | .handsontable .columnSorting:before, | 15880 | .handsontable .columnSorting:before, |
| 15876 | .handsontable .columnSorting:after, | 15881 | .handsontable .columnSorting:after, |
| 15877 | .handsontable .columnSorting.ascending:after, | 15882 | .handsontable .columnSorting.ascending:after, |
| 15878 | .handsontable .columnSorting.descending:after { | 15883 | .handsontable .columnSorting.descending:after { |
| 15879 | font-family: 'Icomoon'; | 15884 | font-family: 'Icomoon'; |
| 15880 | font-size: 12px; | 15885 | font-size: 12px; |
| 15881 | color: #999999; | 15886 | color: #999999; |
| 15882 | position: absolute; | 15887 | position: absolute; |
| 15883 | display: inline-block; | 15888 | display: inline-block; |
| 15884 | top: 50%; | 15889 | top: 50%; |
| 15885 | margin-top: -6px; | 15890 | margin-top: -6px; |
| 15886 | right: -20px; | 15891 | right: -20px; |
| 15887 | line-height: 1; | 15892 | line-height: 1; |
| 15888 | -webkit-font-smoothing: antialiased; | 15893 | -webkit-font-smoothing: antialiased; |
| 15889 | -moz-osx-font-smoothing: grayscale; | 15894 | -moz-osx-font-smoothing: grayscale; |
| 15890 | } | 15895 | } |
| 15891 | .handsontable .columnSorting:before { | 15896 | .handsontable .columnSorting:before { |
| 15892 | content: '\e9c1'; | 15897 | content: '\e9c1'; |
| 15893 | margin-top: -2px; | 15898 | margin-top: -2px; |
| 15894 | } | 15899 | } |
| 15895 | .handsontable .columnSorting:after { | 15900 | .handsontable .columnSorting:after { |
| 15896 | content: '\e9c2'; | 15901 | content: '\e9c2'; |
| 15897 | margin-top: -10px; | 15902 | margin-top: -10px; |
| 15898 | } | 15903 | } |
| 15899 | .handsontable .columnSorting.ascending:before { | 15904 | .handsontable .columnSorting.ascending:before { |
| 15900 | content: none; | 15905 | content: none; |
| 15901 | } | 15906 | } |
| 15902 | .handsontable .columnSorting.ascending:after { | 15907 | .handsontable .columnSorting.ascending:after { |
| 15903 | content: '\e9c2'; | 15908 | content: '\e9c2'; |
| 15904 | } | 15909 | } |
| 15905 | .handsontable .columnSorting.descending:before { | 15910 | .handsontable .columnSorting.descending:before { |
| 15906 | content: none; | 15911 | content: none; |
| 15907 | } | 15912 | } |
| 15908 | .handsontable .columnSorting.descending:after { | 15913 | .handsontable .columnSorting.descending:after { |
| 15909 | content: '\e9c1'; | 15914 | content: '\e9c1'; |
| 15910 | } | 15915 | } |
| 15911 | .handsontable th.beforeHiddenColumn, | 15916 | .handsontable th.beforeHiddenColumn, |
| 15912 | .handsontable th.afterHiddenColumn { | 15917 | .handsontable th.afterHiddenColumn { |
| 15913 | position: relative; | 15918 | position: relative; |
| 15914 | } | 15919 | } |
| 15915 | .handsontable th.beforeHiddenColumn:after, | 15920 | .handsontable th.beforeHiddenColumn:after, |
| 15916 | .handsontable th.afterHiddenColumn:after, | 15921 | .handsontable th.afterHiddenColumn:after, |
| 15917 | .handsontable th.beforeHiddenColumn:before, | 15922 | .handsontable th.beforeHiddenColumn:before, |
| 15918 | .handsontable th.afterHiddenColumn:before { | 15923 | .handsontable th.afterHiddenColumn:before { |
| 15919 | content: '\25C0'; | 15924 | content: '\25C0'; |
| 15920 | color: #bbb; | 15925 | color: #bbb; |
| 15921 | position: absolute; | 15926 | position: absolute; |
| 15922 | right: 1px; | 15927 | right: 1px; |
| 15923 | top: 2px; | 15928 | top: 2px; |
| 15924 | font-size: 5pt; | 15929 | font-size: 5pt; |
| 15925 | } | 15930 | } |
| 15926 | .handsontable th.afterHiddenColumn:before { | 15931 | .handsontable th.afterHiddenColumn:before { |
| 15927 | left: 1px; | 15932 | left: 1px; |
| 15928 | top: 2px; | 15933 | top: 2px; |
| 15929 | right: auto; | 15934 | right: auto; |
| 15930 | content: '\25B6'; | 15935 | content: '\25B6'; |
| 15931 | } | 15936 | } |
| 15932 | .handsontable thead th.hiddenHeader { | 15937 | .handsontable thead th.hiddenHeader { |
| 15933 | display: none; | 15938 | display: none; |
| 15934 | } | 15939 | } |
| 15935 | .handsontable td.afterHiddenColumn.firstVisible { | 15940 | .handsontable td.afterHiddenColumn.firstVisible { |
| 15936 | border-left: 1px solid #ddd; | 15941 | border-left: 1px solid #ddd; |
| 15937 | } | 15942 | } |
| 15938 | .wtBorder { | 15943 | .wtBorder { |
| 15939 | position: absolute; | 15944 | position: absolute; |
| 15940 | font-size: 0; | 15945 | font-size: 0; |
| 15941 | z-index: 10; | 15946 | z-index: 10; |
| 15942 | } | 15947 | } |
| 15943 | .wtBorder.hidden { | 15948 | .wtBorder.hidden { |
| 15944 | display: none!important; | 15949 | display: none!important; |
| 15945 | } | 15950 | } |
| 15946 | .wtBorder.corner { | 15951 | .wtBorder.corner { |
| 15947 | font-size: 0; | 15952 | font-size: 0; |
| 15948 | cursor: crosshair; | 15953 | cursor: crosshair; |
| 15949 | } | 15954 | } |
| 15950 | .htBorder.htFillBorder { | 15955 | .htBorder.htFillBorder { |
| 15951 | background-color: #F44336; | 15956 | background-color: #F44336; |
| 15952 | width: 1px; | 15957 | width: 1px; |
| 15953 | height: 1px; | 15958 | height: 1px; |
| 15954 | } | 15959 | } |
| 15955 | .handsontableInput { | 15960 | .handsontableInput { |
| 15956 | border: none; | 15961 | border: none; |
| 15957 | outline-width: 0; | 15962 | outline-width: 0; |
| 15958 | margin: 0 ; | 15963 | margin: 0 ; |
| 15959 | padding: 1px 5px 0 5px; | 15964 | padding: 1px 5px 0 5px; |
| 15960 | font-family: inherit; | 15965 | font-family: inherit; |
| 15961 | line-height: 30px; | 15966 | line-height: 30px; |
| 15962 | font-size: inherit; | 15967 | font-size: inherit; |
| 15963 | resize: none; | 15968 | resize: none; |
| 15964 | display: inline-block; | 15969 | display: inline-block; |
| 15965 | background-color: #fff; | 15970 | background-color: #fff; |
| 15966 | -webkit-box-shadow: 0 0 0 2px #2196F3 inset; | 15971 | -webkit-box-shadow: 0 0 0 2px #2196F3 inset; |
| 15967 | box-shadow: 0 0 0 2px #2196F3 inset; | 15972 | box-shadow: 0 0 0 2px #2196F3 inset; |
| 15968 | } | 15973 | } |
| 15969 | .handsontableInputHolder { | 15974 | .handsontableInputHolder { |
| 15970 | position: absolute; | 15975 | position: absolute; |
| 15971 | top: 0; | 15976 | top: 0; |
| 15972 | left: 0; | 15977 | left: 0; |
| 15973 | z-index: 1000; | 15978 | z-index: 1000; |
| 15974 | } | 15979 | } |
| 15975 | .htSelectEditor { | 15980 | .htSelectEditor { |
| 15976 | -webkit-appearance: menulist-button !important; | 15981 | -webkit-appearance: menulist-button !important; |
| 15977 | position: absolute; | 15982 | position: absolute; |
| 15978 | width: auto; | 15983 | width: auto; |
| 15979 | outline: 0; | 15984 | outline: 0; |
| 15980 | border-color: #ddd; | 15985 | border-color: #ddd; |
| 15981 | background-color: transparent; | 15986 | background-color: transparent; |
| 15982 | } | 15987 | } |
| 15983 | .handsontable .htSubmenu { | 15988 | .handsontable .htSubmenu { |
| 15984 | position: relative; | 15989 | position: relative; |
| 15985 | } | 15990 | } |
| 15986 | .handsontable .htSubmenu > div:after { | 15991 | .handsontable .htSubmenu > div:after { |
| 15987 | content: '\e9c7'; | 15992 | content: '\e9c7'; |
| 15988 | font-family: 'icomoon'; | 15993 | font-family: 'icomoon'; |
| 15989 | position: absolute; | 15994 | position: absolute; |
| 15990 | top: 50%; | 15995 | top: 50%; |
| 15991 | margin-top: -8px; | 15996 | margin-top: -8px; |
| 15992 | right: 16px; | 15997 | right: 16px; |
| 15993 | font-size: 16px; | 15998 | font-size: 16px; |
| 15994 | line-height: 1; | 15999 | line-height: 1; |
| 15995 | -webkit-font-smoothing: antialiased; | 16000 | -webkit-font-smoothing: antialiased; |
| 15996 | -moz-osx-font-smoothing: grayscale; | 16001 | -moz-osx-font-smoothing: grayscale; |
| 15997 | opacity: 0.8; | 16002 | opacity: 0.8; |
| 15998 | filter: alpha(opacity=80); | 16003 | filter: alpha(opacity=80); |
| 15999 | } | 16004 | } |
| 16000 | .handsontable .htLeft { | 16005 | .handsontable .htLeft { |
| 16001 | text-align: left; | 16006 | text-align: left; |
| 16002 | } | 16007 | } |
| 16003 | .handsontable .htCenter { | 16008 | .handsontable .htCenter { |
| 16004 | text-align: center; | 16009 | text-align: center; |
| 16005 | } | 16010 | } |
| 16006 | .handsontable .htRight { | 16011 | .handsontable .htRight { |
| 16007 | text-align: right; | 16012 | text-align: right; |
| 16008 | } | 16013 | } |
| 16009 | .handsontable .htJustify { | 16014 | .handsontable .htJustify { |
| 16010 | text-align: justify; | 16015 | text-align: justify; |
| 16011 | } | 16016 | } |
| 16012 | .handsontable .htTop { | 16017 | .handsontable .htTop { |
| 16013 | vertical-align: top; | 16018 | vertical-align: top; |
| 16014 | } | 16019 | } |
| 16015 | .handsontable .htMiddle { | 16020 | .handsontable .htMiddle { |
| 16016 | vertical-align: middle; | 16021 | vertical-align: middle; |
| 16017 | } | 16022 | } |
| 16018 | .handsontable .htBottom { | 16023 | .handsontable .htBottom { |
| 16019 | vertical-align: bottom; | 16024 | vertical-align: bottom; |
| 16020 | } | 16025 | } |
| 16021 | .htAutocomplete { | 16026 | .htAutocomplete { |
| 16022 | padding-right: 20px; | 16027 | padding-right: 20px; |
| 16023 | } | 16028 | } |
| 16024 | .htPlaceholder { | 16029 | .htPlaceholder { |
| 16025 | color: #999999; | 16030 | color: #999999; |
| 16026 | } | 16031 | } |
| 16027 | .htAutocompleteArrow { | 16032 | .htAutocompleteArrow { |
| 16028 | color: #999999; | 16033 | color: #999999; |
| 16029 | cursor: default; | 16034 | cursor: default; |
| 16030 | font-size: 0; | 16035 | font-size: 0; |
| 16031 | line-height: 1; | 16036 | line-height: 1; |
| 16032 | position: absolute; | 16037 | position: absolute; |
| 16033 | top: 50%; | 16038 | top: 50%; |
| 16034 | right: 4px; | 16039 | right: 4px; |
| 16035 | margin-top: -2px; | 16040 | margin-top: -2px; |
| 16036 | display: inline-block; | 16041 | display: inline-block; |
| 16037 | margin-right: 4px; | 16042 | margin-right: 4px; |
| 16038 | border-top: 4px dashed; | 16043 | border-top: 4px dashed; |
| 16039 | border-right: 4px solid transparent; | 16044 | border-right: 4px solid transparent; |
| 16040 | border-left: 4px solid transparent; | 16045 | border-left: 4px solid transparent; |
| 16041 | } | 16046 | } |
| 16042 | .handsontable td:hover .htAutocompleteArrow, | 16047 | .handsontable td:hover .htAutocompleteArrow, |
| 16043 | .handsontable th:hover .htAutocompleteArrow { | 16048 | .handsontable th:hover .htAutocompleteArrow { |
| 16044 | color: #333333; | 16049 | color: #333333; |
| 16045 | } | 16050 | } |
| 16046 | .autocompleteEditor, | 16051 | .autocompleteEditor, |
| 16047 | .autocompleteEditor .wtHolder, | 16052 | .autocompleteEditor .wtHolder, |
| 16048 | .autocompleteEditor .htCore { | 16053 | .autocompleteEditor .htCore { |
| 16049 | min-width: 180px; | 16054 | min-width: 180px; |
| 16050 | } | 16055 | } |
| 16051 | .htCheckboxRendererInput.noValue { | 16056 | .htCheckboxRendererInput.noValue { |
| 16052 | opacity: 0.5; | 16057 | opacity: 0.5; |
| 16053 | filter: alpha(opacity=50); | 16058 | filter: alpha(opacity=50); |
| 16054 | } | 16059 | } |
| 16055 | .htCheckboxRendererLabel { | 16060 | .htCheckboxRendererLabel { |
| 16056 | cursor: pointer; | 16061 | cursor: pointer; |
| 16057 | display: inline-block; | 16062 | display: inline-block; |
| 16058 | width: 100%; | 16063 | width: 100%; |
| 16059 | margin-bottom: 0; | 16064 | margin-bottom: 0; |
| 16060 | } | 16065 | } |
| 16061 | .htCheckboxRendererLabel > .htCheckboxRendererInput { | 16066 | .htCheckboxRendererLabel > .htCheckboxRendererInput { |
| 16062 | margin-right: 10px; | 16067 | margin-right: 10px; |
| 16063 | } | 16068 | } |
| 16064 | .htCommentCell { | 16069 | .htCommentCell { |
| 16065 | position: relative; | 16070 | position: relative; |
| 16066 | } | 16071 | } |
| 16067 | .htCommentCell:after { | 16072 | .htCommentCell:after { |
| 16068 | content: ''; | 16073 | content: ''; |
| 16069 | position: absolute; | 16074 | position: absolute; |
| 16070 | top: 0; | 16075 | top: 0; |
| 16071 | right: 0; | 16076 | right: 0; |
| 16072 | border-left: 6px solid transparent; | 16077 | border-left: 6px solid transparent; |
| 16073 | border-top: 6px solid red; | 16078 | border-top: 6px solid red; |
| 16074 | } | 16079 | } |
| 16075 | .htCommentTextArea { | 16080 | .htCommentTextArea { |
| 16076 | background-color: #fff; | 16081 | background-color: #fff; |
| 16077 | border: 1px solid #ccc; | 16082 | border: 1px solid #ccc; |
| 16078 | padding: 9px; | 16083 | padding: 9px; |
| 16079 | margin-top: -1px; | 16084 | margin-top: -1px; |
| 16080 | border-radius: 0 0 3px 3px; | 16085 | border-radius: 0 0 3px 3px; |
| 16081 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); | 16086 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); |
| 16082 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); | 16087 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); |
| 16083 | } | 16088 | } |
| 16084 | .handsontable .handsontable.ht_clone_top .wtHider { | 16089 | .handsontable .handsontable.ht_clone_top .wtHider { |
| 16085 | padding: 0 0 5px 0; | 16090 | padding: 0 0 5px 0; |
| 16086 | } | 16091 | } |
| 16087 | .handsontable.listbox { | 16092 | .handsontable.listbox { |
| 16088 | margin: 0; | 16093 | margin: 0; |
| 16089 | background-color: #fff; | 16094 | background-color: #fff; |
| 16090 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16095 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16091 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16096 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16092 | } | 16097 | } |
| 16093 | .handsontable.listbox .ht_master table { | 16098 | .handsontable.listbox .ht_master table { |
| 16094 | border-collapse: separate; | 16099 | border-collapse: separate; |
| 16095 | border: 0; | 16100 | border: 0; |
| 16096 | } | 16101 | } |
| 16097 | .handsontable.listbox th, | 16102 | .handsontable.listbox th, |
| 16098 | .handsontable.listbox tr:first-child th, | 16103 | .handsontable.listbox tr:first-child th, |
| 16099 | .handsontable.listbox tr:last-child th, | 16104 | .handsontable.listbox tr:last-child th, |
| 16100 | .handsontable.listbox tr:first-child td, | 16105 | .handsontable.listbox tr:first-child td, |
| 16101 | .handsontable.listbox td { | 16106 | .handsontable.listbox td { |
| 16102 | border-color: transparent; | 16107 | border-color: transparent; |
| 16103 | } | 16108 | } |
| 16104 | .handsontable.listbox th, | 16109 | .handsontable.listbox th, |
| 16105 | .handsontable.listbox td { | 16110 | .handsontable.listbox td { |
| 16106 | white-space: nowrap; | 16111 | white-space: nowrap; |
| 16107 | text-overflow: ellipsis; | 16112 | text-overflow: ellipsis; |
| 16108 | } | 16113 | } |
| 16109 | .handsontable.listbox td.htDimmed { | 16114 | .handsontable.listbox td.htDimmed { |
| 16110 | cursor: pointer; | 16115 | cursor: pointer; |
| 16111 | color: inherit; | 16116 | color: inherit; |
| 16112 | font-style: inherit; | 16117 | font-style: inherit; |
| 16113 | } | 16118 | } |
| 16114 | .handsontable.listbox .wtBorder { | 16119 | .handsontable.listbox .wtBorder { |
| 16115 | visibility: hidden; | 16120 | visibility: hidden; |
| 16116 | } | 16121 | } |
| 16117 | .handsontable.listbox tr td.current, | 16122 | .handsontable.listbox tr td.current, |
| 16118 | .handsontable.listbox tr:hover td { | 16123 | .handsontable.listbox tr:hover td { |
| 16119 | background-color: #f5f5f5; | 16124 | background-color: #f5f5f5; |
| 16120 | } | 16125 | } |
| 16121 | .ht_clone_top { | 16126 | .ht_clone_top { |
| 16122 | z-index: 11; | 16127 | z-index: 11; |
| 16123 | } | 16128 | } |
| 16124 | .ht_clone_left { | 16129 | .ht_clone_left { |
| 16125 | z-index: 12; | 16130 | z-index: 12; |
| 16126 | } | 16131 | } |
| 16127 | .ht_clone_top_left_corner, | 16132 | .ht_clone_top_left_corner, |
| 16128 | .ht_clone_bottom_left_corner { | 16133 | .ht_clone_bottom_left_corner { |
| 16129 | z-index: 13; | 16134 | z-index: 13; |
| 16130 | } | 16135 | } |
| 16131 | .ht_clone_debug { | 16136 | .ht_clone_debug { |
| 16132 | z-index: 13; | 16137 | z-index: 13; |
| 16133 | } | 16138 | } |
| 16134 | .ht_master, | 16139 | .ht_master, |
| 16135 | .ht_clone_left, | 16140 | .ht_clone_left, |
| 16136 | .ht_clone_top, | 16141 | .ht_clone_top, |
| 16137 | .ht_clone_bottom { | 16142 | .ht_clone_bottom { |
| 16138 | overflow: hidden; | 16143 | overflow: hidden; |
| 16139 | } | 16144 | } |
| 16140 | .ht_master .wtHolder { | 16145 | .ht_master .wtHolder { |
| 16141 | overflow: auto; | 16146 | overflow: auto; |
| 16142 | } | 16147 | } |
| 16143 | .ht_clone_left .wtHolder { | 16148 | .ht_clone_left .wtHolder { |
| 16144 | overflow-x: hidden; | 16149 | overflow-x: hidden; |
| 16145 | overflow-y: auto; | 16150 | overflow-y: auto; |
| 16146 | } | 16151 | } |
| 16147 | .ht_clone_top .wtHolder, | 16152 | .ht_clone_top .wtHolder, |
| 16148 | .ht_clone_bottom .wtHolder { | 16153 | .ht_clone_bottom .wtHolder { |
| 16149 | overflow-x: hidden; | 16154 | overflow-x: hidden; |
| 16150 | overflow-y: hidden; | 16155 | overflow-y: hidden; |
| 16151 | } | 16156 | } |
| 16152 | .handsontable td.htSearchResult { | 16157 | .handsontable td.htSearchResult { |
| 16153 | background-color: #FFF3E0; | 16158 | background-color: #FFF3E0; |
| 16154 | } | 16159 | } |
| 16155 | .htBordered { | 16160 | .htBordered { |
| 16156 | border-width: 1px; | 16161 | border-width: 1px; |
| 16157 | } | 16162 | } |
| 16158 | .htBordered.htTopBorderSolid { | 16163 | .htBordered.htTopBorderSolid { |
| 16159 | border-top-style: solid; | 16164 | border-top-style: solid; |
| 16160 | border-top-color: #000; | 16165 | border-top-color: #000; |
| 16161 | } | 16166 | } |
| 16162 | .htBordered.htRightBorderSolid { | 16167 | .htBordered.htRightBorderSolid { |
| 16163 | border-right-style: solid; | 16168 | border-right-style: solid; |
| 16164 | border-right-color: #000; | 16169 | border-right-color: #000; |
| 16165 | } | 16170 | } |
| 16166 | .htBordered.htBottomBorderSolid { | 16171 | .htBordered.htBottomBorderSolid { |
| 16167 | border-bottom-style: solid; | 16172 | border-bottom-style: solid; |
| 16168 | border-bottom-color: #000; | 16173 | border-bottom-color: #000; |
| 16169 | } | 16174 | } |
| 16170 | .htBordered.htLeftBorderSolid { | 16175 | .htBordered.htLeftBorderSolid { |
| 16171 | border-left-style: solid; | 16176 | border-left-style: solid; |
| 16172 | border-left-color: #000; | 16177 | border-left-color: #000; |
| 16173 | } | 16178 | } |
| 16174 | .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { | 16179 | .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { |
| 16175 | padding-bottom: 5px; | 16180 | padding-bottom: 5px; |
| 16176 | } | 16181 | } |
| 16177 | .htCollapseButton { | 16182 | .htCollapseButton { |
| 16178 | width: 10px; | 16183 | width: 10px; |
| 16179 | height: 10px; | 16184 | height: 10px; |
| 16180 | line-height: 10px; | 16185 | line-height: 10px; |
| 16181 | text-align: center; | 16186 | text-align: center; |
| 16182 | border-radius: 3px; | 16187 | border-radius: 3px; |
| 16183 | border: 1px solid #f5f5f5; | 16188 | border: 1px solid #f5f5f5; |
| 16184 | cursor: pointer; | 16189 | cursor: pointer; |
| 16185 | margin-bottom: 3px; | 16190 | margin-bottom: 3px; |
| 16186 | position: relative; | 16191 | position: relative; |
| 16187 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16192 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16188 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16193 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16189 | } | 16194 | } |
| 16190 | .htCollapseButton:after { | 16195 | .htCollapseButton:after { |
| 16191 | content: ""; | 16196 | content: ""; |
| 16192 | height: 300%; | 16197 | height: 300%; |
| 16193 | width: 1px; | 16198 | width: 1px; |
| 16194 | display: block; | 16199 | display: block; |
| 16195 | background-color: #ccc; | 16200 | background-color: #ccc; |
| 16196 | margin-left: 4px; | 16201 | margin-left: 4px; |
| 16197 | position: absolute; | 16202 | position: absolute; |
| 16198 | bottom: 10px; | 16203 | bottom: 10px; |
| 16199 | } | 16204 | } |
| 16200 | thead .htCollapseButton { | 16205 | thead .htCollapseButton { |
| 16201 | position: absolute; | 16206 | position: absolute; |
| 16202 | top: 5px; | 16207 | top: 5px; |
| 16203 | right: 5px; | 16208 | right: 5px; |
| 16204 | background-color: #fff; | 16209 | background-color: #fff; |
| 16205 | } | 16210 | } |
| 16206 | thead .htCollapseButton:after { | 16211 | thead .htCollapseButton:after { |
| 16207 | height: 1px; | 16212 | height: 1px; |
| 16208 | width: 700%; | 16213 | width: 700%; |
| 16209 | right: 10px; | 16214 | right: 10px; |
| 16210 | top: 4px; | 16215 | top: 4px; |
| 16211 | } | 16216 | } |
| 16212 | .handsontable th .htExpandButton { | 16217 | .handsontable th .htExpandButton { |
| 16213 | position: absolute; | 16218 | position: absolute; |
| 16214 | top: 0; | 16219 | top: 0; |
| 16215 | display: none; | 16220 | display: none; |
| 16216 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16221 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16217 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16222 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16218 | } | 16223 | } |
| 16219 | .handsontable th .htExpandButton.clickable { | 16224 | .handsontable th .htExpandButton.clickable { |
| 16220 | display: block; | 16225 | display: block; |
| 16221 | } | 16226 | } |
| 16222 | .handsontable thead th .htExpandButton { | 16227 | .handsontable thead th .htExpandButton { |
| 16223 | top: 5px; | 16228 | top: 5px; |
| 16224 | } | 16229 | } |
| 16225 | .collapsibleIndicator { | 16230 | .collapsibleIndicator { |
| 16226 | position: absolute; | 16231 | position: absolute; |
| 16227 | top: 50%; | 16232 | top: 50%; |
| 16228 | transform: translate(0%, -50%); | 16233 | transform: translate(0%, -50%); |
| 16229 | right: 5px; | 16234 | right: 5px; |
| 16230 | border: 1px solid #999999; | 16235 | border: 1px solid #999999; |
| 16231 | line-height: 10px; | 16236 | line-height: 10px; |
| 16232 | color: #333333; | 16237 | color: #333333; |
| 16233 | border-radius: 100px; | 16238 | border-radius: 100px; |
| 16234 | font-size: 10px; | 16239 | font-size: 10px; |
| 16235 | width: 10px; | 16240 | width: 10px; |
| 16236 | height: 10px; | 16241 | height: 10px; |
| 16237 | cursor: pointer; | 16242 | cursor: pointer; |
| 16238 | background-color: #eee; | 16243 | background-color: #eee; |
| 16239 | -webkit-box-shadow: 0 0 0 6px #eeeeee; | 16244 | -webkit-box-shadow: 0 0 0 6px #eeeeee; |
| 16240 | box-shadow: 0 0 0 6px #eeeeee; | 16245 | box-shadow: 0 0 0 6px #eeeeee; |
| 16241 | } | 16246 | } |
| 16242 | .handsontable col.hidden { | 16247 | .handsontable col.hidden { |
| 16243 | width: 0!important; | 16248 | width: 0!important; |
| 16244 | } | 16249 | } |
| 16245 | .handsontable table tr th.lightRightBorder { | 16250 | .handsontable table tr th.lightRightBorder { |
| 16246 | border-right: 1px solid #E6E6E6; | 16251 | border-right: 1px solid #E6E6E6; |
| 16247 | } | 16252 | } |
| 16248 | .handsontable tr.hidden, | 16253 | .handsontable tr.hidden, |
| 16249 | .handsontable tr.hidden td, | 16254 | .handsontable tr.hidden td, |
| 16250 | .handsontable tr.hidden th { | 16255 | .handsontable tr.hidden th { |
| 16251 | display: none; | 16256 | display: none; |
| 16252 | } | 16257 | } |
| 16253 | .wtDebugHidden { | 16258 | .wtDebugHidden { |
| 16254 | display: none; | 16259 | display: none; |
| 16255 | } | 16260 | } |
| 16256 | .wtDebugVisible { | 16261 | .wtDebugVisible { |
| 16257 | display: block; | 16262 | display: block; |
| 16258 | -webkit-animation-duration: 0.5s; | 16263 | -webkit-animation-duration: 0.5s; |
| 16259 | animation-duration: 0.5s; | 16264 | animation-duration: 0.5s; |
| 16260 | -webkit-animation-name: wtFadeInFromNone; | 16265 | -webkit-animation-name: wtFadeInFromNone; |
| 16261 | animation-name: wtFadeInFromNone; | 16266 | animation-name: wtFadeInFromNone; |
| 16262 | } | 16267 | } |
| 16263 | @keyframes wtFadeInFromNone { | 16268 | @keyframes wtFadeInFromNone { |
| 16264 | 0% { | 16269 | 0% { |
| 16265 | display: none; | 16270 | display: none; |
| 16266 | opacity: 0; | 16271 | opacity: 0; |
| 16267 | } | 16272 | } |
| 16268 | 1% { | 16273 | 1% { |
| 16269 | display: block; | 16274 | display: block; |
| 16270 | opacity: 0; | 16275 | opacity: 0; |
| 16271 | } | 16276 | } |
| 16272 | 100% { | 16277 | 100% { |
| 16273 | display: block; | 16278 | display: block; |
| 16274 | opacity: 1; | 16279 | opacity: 1; |
| 16275 | } | 16280 | } |
| 16276 | } | 16281 | } |
| 16277 | @-webkit-keyframes wtFadeInFromNone { | 16282 | @-webkit-keyframes wtFadeInFromNone { |
| 16278 | 0% { | 16283 | 0% { |
| 16279 | display: none; | 16284 | display: none; |
| 16280 | opacity: 0; | 16285 | opacity: 0; |
| 16281 | } | 16286 | } |
| 16282 | 1% { | 16287 | 1% { |
| 16283 | display: block; | 16288 | display: block; |
| 16284 | opacity: 0; | 16289 | opacity: 0; |
| 16285 | } | 16290 | } |
| 16286 | 100% { | 16291 | 100% { |
| 16287 | display: block; | 16292 | display: block; |
| 16288 | opacity: 1; | 16293 | opacity: 1; |
| 16289 | } | 16294 | } |
| 16290 | } | 16295 | } |
| 16291 | .handsontable.mobile, | 16296 | .handsontable.mobile, |
| 16292 | .handsontable.mobile .wtHolder { | 16297 | .handsontable.mobile .wtHolder { |
| 16293 | -webkit-touch-callout: none; | 16298 | -webkit-touch-callout: none; |
| 16294 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | 16299 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 16295 | -webkit-overflow-scrolling: touch; | 16300 | -webkit-overflow-scrolling: touch; |
| 16296 | -webkit-user-select: none; | 16301 | -webkit-user-select: none; |
| 16297 | -moz-user-select: none; | 16302 | -moz-user-select: none; |
| 16298 | -ms-user-select: none; | 16303 | -ms-user-select: none; |
| 16299 | user-select: none; | 16304 | user-select: none; |
| 16300 | } | 16305 | } |
| 16301 | .htMobileEditorContainer { | 16306 | .htMobileEditorContainer { |
| 16302 | display: none; | 16307 | display: none; |
| 16303 | position: absolute; | 16308 | position: absolute; |
| 16304 | top: 0; | 16309 | top: 0; |
| 16305 | width: 70%; | 16310 | width: 70%; |
| 16306 | height: 54pt; | 16311 | height: 54pt; |
| 16307 | background: #f5f5f5; | 16312 | background: #f5f5f5; |
| 16308 | border-radius: 20px; | 16313 | border-radius: 20px; |
| 16309 | border: 1px solid #eee; | 16314 | border: 1px solid #eee; |
| 16310 | z-index: 999; | 16315 | z-index: 999; |
| 16311 | -webkit-text-size-adjust: none; | 16316 | -webkit-text-size-adjust: none; |
| 16312 | -webkit-box-sizing: border-box; | 16317 | -webkit-box-sizing: border-box; |
| 16313 | -moz-box-sizing: border-box; | 16318 | -moz-box-sizing: border-box; |
| 16314 | box-sizing: border-box; | 16319 | box-sizing: border-box; |
| 16315 | } | 16320 | } |
| 16316 | .htMobileEditorContainer.active { | 16321 | .htMobileEditorContainer.active { |
| 16317 | display: block; | 16322 | display: block; |
| 16318 | } | 16323 | } |
| 16319 | .htMobileEditorContainer .inputs { | 16324 | .htMobileEditorContainer .inputs { |
| 16320 | position: absolute; | 16325 | position: absolute; |
| 16321 | right: 210px; | 16326 | right: 210px; |
| 16322 | bottom: 10px; | 16327 | bottom: 10px; |
| 16323 | top: 10px; | 16328 | top: 10px; |
| 16324 | left: 14px; | 16329 | left: 14px; |
| 16325 | height: 38px; | 16330 | height: 38px; |
| 16326 | } | 16331 | } |
| 16327 | .htMobileEditorContainer .inputs textarea { | 16332 | .htMobileEditorContainer .inputs textarea { |
| 16328 | font-size: 13px; | 16333 | font-size: 13px; |
| 16329 | border: 1px solid #a1a1a1; | 16334 | border: 1px solid #a1a1a1; |
| 16330 | -webkit-appearance: none; | 16335 | -webkit-appearance: none; |
| 16331 | position: absolute; | 16336 | position: absolute; |
| 16332 | left: 14px; | 16337 | left: 14px; |
| 16333 | right: 14px; | 16338 | right: 14px; |
| 16334 | top: 0; | 16339 | top: 0; |
| 16335 | bottom: 0; | 16340 | bottom: 0; |
| 16336 | padding: 8px; | 16341 | padding: 8px; |
| 16337 | -webkit-box-shadow: none; | 16342 | -webkit-box-shadow: none; |
| 16338 | box-shadow: none; | 16343 | box-shadow: none; |
| 16339 | } | 16344 | } |
| 16340 | .htMobileEditorContainer .cellPointer { | 16345 | .htMobileEditorContainer .cellPointer { |
| 16341 | position: absolute; | 16346 | position: absolute; |
| 16342 | top: -13px; | 16347 | top: -13px; |
| 16343 | height: 0; | 16348 | height: 0; |
| 16344 | width: 0; | 16349 | width: 0; |
| 16345 | left: 30px; | 16350 | left: 30px; |
| 16346 | border-left: 13px solid transparent; | 16351 | border-left: 13px solid transparent; |
| 16347 | border-right: 13px solid transparent; | 16352 | border-right: 13px solid transparent; |
| 16348 | border-bottom: 13px solid #ebebeb; | 16353 | border-bottom: 13px solid #ebebeb; |
| 16349 | } | 16354 | } |
| 16350 | .htMobileEditorContainer .cellPointer.hidden { | 16355 | .htMobileEditorContainer .cellPointer.hidden { |
| 16351 | display: none; | 16356 | display: none; |
| 16352 | } | 16357 | } |
| 16353 | .htMobileEditorContainer .cellPointer:before { | 16358 | .htMobileEditorContainer .cellPointer:before { |
| 16354 | content: ''; | 16359 | content: ''; |
| 16355 | display: block; | 16360 | display: block; |
| 16356 | position: absolute; | 16361 | position: absolute; |
| 16357 | top: 2px; | 16362 | top: 2px; |
| 16358 | height: 0; | 16363 | height: 0; |
| 16359 | width: 0; | 16364 | width: 0; |
| 16360 | left: -13px; | 16365 | left: -13px; |
| 16361 | border-left: 13px solid transparent; | 16366 | border-left: 13px solid transparent; |
| 16362 | border-right: 13px solid transparent; | 16367 | border-right: 13px solid transparent; |
| 16363 | border-bottom: 13px solid #f5f5f5; | 16368 | border-bottom: 13px solid #f5f5f5; |
| 16364 | } | 16369 | } |
| 16365 | .htMobileEditorContainer .moveHandle { | 16370 | .htMobileEditorContainer .moveHandle { |
| 16366 | position: absolute; | 16371 | position: absolute; |
| 16367 | top: 10px; | 16372 | top: 10px; |
| 16368 | left: 5px; | 16373 | left: 5px; |
| 16369 | width: 30px; | 16374 | width: 30px; |
| 16370 | bottom: 0px; | 16375 | bottom: 0px; |
| 16371 | cursor: move; | 16376 | cursor: move; |
| 16372 | z-index: 9999; | 16377 | z-index: 9999; |
| 16373 | } | 16378 | } |
| 16374 | .htMobileEditorContainer .moveHandle:after { | 16379 | .htMobileEditorContainer .moveHandle:after { |
| 16375 | content: "..\a..\a..\a.."; | 16380 | content: "..\a..\a..\a.."; |
| 16376 | white-space: pre; | 16381 | white-space: pre; |
| 16377 | line-height: 10px; | 16382 | line-height: 10px; |
| 16378 | font-size: 20px; | 16383 | font-size: 20px; |
| 16379 | display: inline-block; | 16384 | display: inline-block; |
| 16380 | margin-top: -8px; | 16385 | margin-top: -8px; |
| 16381 | color: #ebebeb; | 16386 | color: #ebebeb; |
| 16382 | } | 16387 | } |
| 16383 | .htMobileEditorContainer .positionControls { | 16388 | .htMobileEditorContainer .positionControls { |
| 16384 | width: 205px; | 16389 | width: 205px; |
| 16385 | position: absolute; | 16390 | position: absolute; |
| 16386 | right: 5px; | 16391 | right: 5px; |
| 16387 | top: 0; | 16392 | top: 0; |
| 16388 | bottom: 0; | 16393 | bottom: 0; |
| 16389 | } | 16394 | } |
| 16390 | .htMobileEditorContainer .positionControls > div { | 16395 | .htMobileEditorContainer .positionControls > div { |
| 16391 | width: 50px; | 16396 | width: 50px; |
| 16392 | height: 100%; | 16397 | height: 100%; |
| 16393 | float: left; | 16398 | float: left; |
| 16394 | } | 16399 | } |
| 16395 | .htMobileEditorContainer .positionControls > div:after { | 16400 | .htMobileEditorContainer .positionControls > div:after { |
| 16396 | content: " "; | 16401 | content: " "; |
| 16397 | display: block; | 16402 | display: block; |
| 16398 | width: 15px; | 16403 | width: 15px; |
| 16399 | height: 15px; | 16404 | height: 15px; |
| 16400 | text-align: center; | 16405 | text-align: center; |
| 16401 | line-height: 50px; | 16406 | line-height: 50px; |
| 16402 | } | 16407 | } |
| 16403 | .htMobileEditorContainer .leftButton:after, | 16408 | .htMobileEditorContainer .leftButton:after, |
| 16404 | .htMobileEditorContainer .rightButton:after, | 16409 | .htMobileEditorContainer .rightButton:after, |
| 16405 | .htMobileEditorContainer .upButton:after, | 16410 | .htMobileEditorContainer .upButton:after, |
| 16406 | .htMobileEditorContainer .downButton:after { | 16411 | .htMobileEditorContainer .downButton:after { |
| 16407 | margin: 21px 0 0 21px; | 16412 | margin: 21px 0 0 21px; |
| 16408 | -webkit-transform-origin: 5px; | 16413 | -webkit-transform-origin: 5px; |
| 16409 | -moz-transform-origin: 5px; | 16414 | -moz-transform-origin: 5px; |
| 16410 | -ms-transform-origin: 5px; | 16415 | -ms-transform-origin: 5px; |
| 16411 | transform-origin: 5px; | 16416 | transform-origin: 5px; |
| 16412 | } | 16417 | } |
| 16413 | .htMobileEditorContainer .leftButton:after { | 16418 | .htMobileEditorContainer .leftButton:after { |
| 16414 | border-top: 2px solid #288ffe; | 16419 | border-top: 2px solid #288ffe; |
| 16415 | border-left: 2px solid #288ffe; | 16420 | border-left: 2px solid #288ffe; |
| 16416 | -webkit-transform: rotate(-45deg); | 16421 | -webkit-transform: rotate(-45deg); |
| 16417 | -ms-transform: rotate(-45deg); | 16422 | -ms-transform: rotate(-45deg); |
| 16418 | -o-transform: rotate(-45deg); | 16423 | -o-transform: rotate(-45deg); |
| 16419 | transform: rotate(-45deg); | 16424 | transform: rotate(-45deg); |
| 16420 | } | 16425 | } |
| 16421 | .htMobileEditorContainer .leftButton:active:after { | 16426 | .htMobileEditorContainer .leftButton:active:after { |
| 16422 | border-color: #cfcfcf; | 16427 | border-color: #cfcfcf; |
| 16423 | } | 16428 | } |
| 16424 | .htMobileEditorContainer .rightButton:after { | 16429 | .htMobileEditorContainer .rightButton:after { |
| 16425 | border-top: 2px solid #288ffe; | 16430 | border-top: 2px solid #288ffe; |
| 16426 | border-left: 2px solid #288ffe; | 16431 | border-left: 2px solid #288ffe; |
| 16427 | -webkit-transform: rotate(135deg); | 16432 | -webkit-transform: rotate(135deg); |
| 16428 | -ms-transform: rotate(135deg); | 16433 | -ms-transform: rotate(135deg); |
| 16429 | -o-transform: rotate(135deg); | 16434 | -o-transform: rotate(135deg); |
| 16430 | transform: rotate(135deg); | 16435 | transform: rotate(135deg); |
| 16431 | } | 16436 | } |
| 16432 | .htMobileEditorContainer .rightButton:active:after { | 16437 | .htMobileEditorContainer .rightButton:active:after { |
| 16433 | border-color: #cfcfcf; | 16438 | border-color: #cfcfcf; |
| 16434 | } | 16439 | } |
| 16435 | .htMobileEditorContainer .upButton:after { | 16440 | .htMobileEditorContainer .upButton:after { |
| 16436 | border-top: 2px solid #288ffe; | 16441 | border-top: 2px solid #288ffe; |
| 16437 | border-left: 2px solid #288ffe; | 16442 | border-left: 2px solid #288ffe; |
| 16438 | -webkit-transform: rotate(45deg); | 16443 | -webkit-transform: rotate(45deg); |
| 16439 | -ms-transform: rotate(45deg); | 16444 | -ms-transform: rotate(45deg); |
| 16440 | -o-transform: rotate(45deg); | 16445 | -o-transform: rotate(45deg); |
| 16441 | transform: rotate(45deg); | 16446 | transform: rotate(45deg); |
| 16442 | } | 16447 | } |
| 16443 | .htMobileEditorContainer .upButton:active:after { | 16448 | .htMobileEditorContainer .upButton:active:after { |
| 16444 | border-color: #cfcfcf; | 16449 | border-color: #cfcfcf; |
| 16445 | } | 16450 | } |
| 16446 | .htMobileEditorContainer .downButton:after { | 16451 | .htMobileEditorContainer .downButton:after { |
| 16447 | border-top: 2px solid #288ffe; | 16452 | border-top: 2px solid #288ffe; |
| 16448 | border-left: 2px solid #288ffe; | 16453 | border-left: 2px solid #288ffe; |
| 16449 | -webkit-transform: rotate(225deg); | 16454 | -webkit-transform: rotate(225deg); |
| 16450 | -ms-transform: rotate(225deg); | 16455 | -ms-transform: rotate(225deg); |
| 16451 | -o-transform: rotate(225deg); | 16456 | -o-transform: rotate(225deg); |
| 16452 | transform: rotate(225deg); | 16457 | transform: rotate(225deg); |
| 16453 | } | 16458 | } |
| 16454 | .htMobileEditorContainer .downButton:active:after { | 16459 | .htMobileEditorContainer .downButton:active:after { |
| 16455 | border-color: #cfcfcf; | 16460 | border-color: #cfcfcf; |
| 16456 | } | 16461 | } |
| 16457 | .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), | 16462 | .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), |
| 16458 | .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { | 16463 | .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { |
| 16459 | z-index: 9999; | 16464 | z-index: 9999; |
| 16460 | } | 16465 | } |
| 16461 | .topLeftSelectionHandle, | 16466 | .topLeftSelectionHandle, |
| 16462 | .topLeftSelectionHandle-HitArea, | 16467 | .topLeftSelectionHandle-HitArea, |
| 16463 | .bottomRightSelectionHandle, | 16468 | .bottomRightSelectionHandle, |
| 16464 | .bottomRightSelectionHandle-HitArea { | 16469 | .bottomRightSelectionHandle-HitArea { |
| 16465 | left: -10000px; | 16470 | left: -10000px; |
| 16466 | top: -10000px; | 16471 | top: -10000px; |
| 16467 | } | 16472 | } |
| 16468 | .handsontable.hide-tween { | 16473 | .handsontable.hide-tween { |
| 16469 | -webkit-animation: opacity-hide 0.3s; | 16474 | -webkit-animation: opacity-hide 0.3s; |
| 16470 | -o-animation: opacity-hide 0.3s; | 16475 | -o-animation: opacity-hide 0.3s; |
| 16471 | animation: opacity-hide 0.3s; | 16476 | animation: opacity-hide 0.3s; |
| 16472 | -webkit-animation-fill-mode: forwards; | 16477 | -webkit-animation-fill-mode: forwards; |
| 16473 | animation-fill-mode: forwards; | 16478 | animation-fill-mode: forwards; |
| 16474 | } | 16479 | } |
| 16475 | .handsontable.show-tween { | 16480 | .handsontable.show-tween { |
| 16476 | -webkit-animation: opacity-show 0.3s; | 16481 | -webkit-animation: opacity-show 0.3s; |
| 16477 | -o-animation: opacity-show 0.3s; | 16482 | -o-animation: opacity-show 0.3s; |
| 16478 | animation: opacity-show 0.3s; | 16483 | animation: opacity-show 0.3s; |
| 16479 | -webkit-animation-fill-mode: forwards; | 16484 | -webkit-animation-fill-mode: forwards; |
| 16480 | animation-fill-mode: forwards; | 16485 | animation-fill-mode: forwards; |
| 16481 | } | 16486 | } |
| 16482 | @-webkit-keyframes opacity-hide { | 16487 | @-webkit-keyframes opacity-hide { |
| 16483 | from { | 16488 | from { |
| 16484 | opacity: 1; | 16489 | opacity: 1; |
| 16485 | } | 16490 | } |
| 16486 | to { | 16491 | to { |
| 16487 | opacity: 0; | 16492 | opacity: 0; |
| 16488 | } | 16493 | } |
| 16489 | } | 16494 | } |
| 16490 | @keyframes opacity-hide { | 16495 | @keyframes opacity-hide { |
| 16491 | from { | 16496 | from { |
| 16492 | opacity: 1; | 16497 | opacity: 1; |
| 16493 | } | 16498 | } |
| 16494 | to { | 16499 | to { |
| 16495 | opacity: 0; | 16500 | opacity: 0; |
| 16496 | } | 16501 | } |
| 16497 | } | 16502 | } |
| 16498 | @-webkit-keyframes opacity-show { | 16503 | @-webkit-keyframes opacity-show { |
| 16499 | from { | 16504 | from { |
| 16500 | opacity: 0; | 16505 | opacity: 0; |
| 16501 | } | 16506 | } |
| 16502 | to { | 16507 | to { |
| 16503 | opacity: 1; | 16508 | opacity: 1; |
| 16504 | } | 16509 | } |
| 16505 | } | 16510 | } |
| 16506 | @keyframes opacity-show { | 16511 | @keyframes opacity-show { |
| 16507 | from { | 16512 | from { |
| 16508 | opacity: 0; | 16513 | opacity: 0; |
| 16509 | } | 16514 | } |
| 16510 | to { | 16515 | to { |
| 16511 | opacity: 1; | 16516 | opacity: 1; |
| 16512 | } | 16517 | } |
| 16513 | } | 16518 | } |
| 16514 | .htContextMenu { | 16519 | .htContextMenu { |
| 16515 | display: none; | 16520 | display: none; |
| 16516 | position: absolute; | 16521 | position: absolute; |
| 16517 | z-index: 1051; | 16522 | z-index: 1051; |
| 16518 | } | 16523 | } |
| 16519 | .htContextMenu .ht_clone_top, | 16524 | .htContextMenu .ht_clone_top, |
| 16520 | .htContextMenu .ht_clone_left, | 16525 | .htContextMenu .ht_clone_left, |
| 16521 | .htContextMenu .ht_clone_corner, | 16526 | .htContextMenu .ht_clone_corner, |
| 16522 | .htContextMenu .ht_clone_debug { | 16527 | .htContextMenu .ht_clone_debug { |
| 16523 | display: none; | 16528 | display: none; |
| 16524 | } | 16529 | } |
| 16525 | .htContextMenu .htCore { | 16530 | .htContextMenu .htCore { |
| 16526 | background-color: #fff; | 16531 | background-color: #fff; |
| 16527 | padding: 8px 0; | 16532 | padding: 8px 0; |
| 16528 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16533 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16529 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16534 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16530 | } | 16535 | } |
| 16531 | .htContextMenu .wtBorder { | 16536 | .htContextMenu .wtBorder { |
| 16532 | visibility: hidden; | 16537 | visibility: hidden; |
| 16533 | } | 16538 | } |
| 16534 | .htContextMenu table tbody tr td { | 16539 | .htContextMenu table tbody tr td { |
| 16535 | position: relative; | 16540 | position: relative; |
| 16536 | border-width: 0; | 16541 | border-width: 0; |
| 16537 | padding: 0 16px; | 16542 | padding: 0 16px; |
| 16538 | cursor: pointer; | 16543 | cursor: pointer; |
| 16539 | overflow: hidden; | 16544 | overflow: hidden; |
| 16540 | white-space: nowrap; | 16545 | white-space: nowrap; |
| 16541 | text-overflow: ellipsis; | 16546 | text-overflow: ellipsis; |
| 16542 | } | 16547 | } |
| 16543 | .htContextMenu table tbody tr td:first-child { | 16548 | .htContextMenu table tbody tr td:first-child { |
| 16544 | border: 0; | 16549 | border: 0; |
| 16545 | } | 16550 | } |
| 16546 | .htContextMenu table tbody tr td.htDimmed { | 16551 | .htContextMenu table tbody tr td.htDimmed { |
| 16547 | color: #333333; | 16552 | color: #333333; |
| 16548 | } | 16553 | } |
| 16549 | .htContextMenu table tbody tr td.current, | 16554 | .htContextMenu table tbody tr td.current, |
| 16550 | .htContextMenu table tbody tr td.zeroclipboard-is-hover { | 16555 | .htContextMenu table tbody tr td.zeroclipboard-is-hover { |
| 16551 | background: #f5f5f5; | 16556 | background: #f5f5f5; |
| 16552 | } | 16557 | } |
| 16553 | .htContextMenu table tbody tr td.htSeparator { | 16558 | .htContextMenu table tbody tr td.htSeparator { |
| 16554 | height: 0; | 16559 | height: 0; |
| 16555 | padding: 0; | 16560 | padding: 0; |
| 16556 | background-color: transparent; | 16561 | background-color: transparent; |
| 16557 | cursor: default; | 16562 | cursor: default; |
| 16558 | } | 16563 | } |
| 16559 | .htContextMenu table tbody tr td.htSeparator > div { | 16564 | .htContextMenu table tbody tr td.htSeparator > div { |
| 16560 | height: 1px; | 16565 | height: 1px; |
| 16561 | background-color: #e5e5e5; | 16566 | background-color: #e5e5e5; |
| 16562 | margin: 8px 0; | 16567 | margin: 8px 0; |
| 16563 | } | 16568 | } |
| 16564 | .htContextMenu table tbody tr td.htDisabled { | 16569 | .htContextMenu table tbody tr td.htDisabled { |
| 16565 | color: #999999; | 16570 | color: #999999; |
| 16566 | } | 16571 | } |
| 16567 | .htContextMenu table tbody tr td.htDisabled, | 16572 | .htContextMenu table tbody tr td.htDisabled, |
| 16568 | .htContextMenu table tbody tr td.htDisabled:hover { | 16573 | .htContextMenu table tbody tr td.htDisabled:hover { |
| 16569 | cursor: default; | 16574 | cursor: default; |
| 16570 | } | 16575 | } |
| 16571 | .htContextMenu table tbody tr td div span.selected { | 16576 | .htContextMenu table tbody tr td div span.selected { |
| 16572 | position: absolute; | 16577 | position: absolute; |
| 16573 | right: 16px; | 16578 | right: 16px; |
| 16574 | top: 50%; | 16579 | top: 50%; |
| 16575 | margin-top: -8px; | 16580 | margin-top: -8px; |
| 16576 | font-size: 0; | 16581 | font-size: 0; |
| 16577 | color: #777; | 16582 | color: #777; |
| 16578 | } | 16583 | } |
| 16579 | .htContextMenu table tbody tr td div span.selected:after { | 16584 | .htContextMenu table tbody tr td div span.selected:after { |
| 16580 | content: '\e600'; | 16585 | content: '\e600'; |
| 16581 | font-family: 'Icomoon'; | 16586 | font-family: 'Icomoon'; |
| 16582 | display: inline-block; | 16587 | display: inline-block; |
| 16583 | font-size: 16px; | 16588 | font-size: 16px; |
| 16584 | line-height: 1; | 16589 | line-height: 1; |
| 16585 | -webkit-font-smoothing: antialiased; | 16590 | -webkit-font-smoothing: antialiased; |
| 16586 | -moz-osx-font-smoothing: grayscale; | 16591 | -moz-osx-font-smoothing: grayscale; |
| 16587 | } | 16592 | } |
| 16588 | .htContextMenu table tbody tr.htHidden { | 16593 | .htContextMenu table tbody tr.htHidden { |
| 16589 | display: none; | 16594 | display: none; |
| 16590 | } | 16595 | } |
| 16591 | .htContextMenu .ht_master .wtHolder { | 16596 | .htContextMenu .ht_master .wtHolder { |
| 16592 | overflow: hidden; | 16597 | overflow: hidden; |
| 16593 | } | 16598 | } |
| 16594 | .htContextMenuSub_Alignment { | 16599 | .htContextMenuSub_Alignment { |
| 16595 | margin-top: -8px; | 16600 | margin-top: -8px; |
| 16596 | margin-left: -1px; | 16601 | margin-left: -1px; |
| 16597 | } | 16602 | } |
| 16598 | .global-zeroclipboard-container, | 16603 | .global-zeroclipboard-container, |
| 16599 | .global-zeroclipboard-flash-bridge { | 16604 | .global-zeroclipboard-flash-bridge { |
| 16600 | cursor: pointer; | 16605 | cursor: pointer; |
| 16601 | } | 16606 | } |
| 16602 | .pika-single { | 16607 | .pika-single { |
| 16603 | z-index: 1000; | 16608 | z-index: 1000; |
| 16604 | display: block; | 16609 | display: block; |
| 16605 | position: relative; | 16610 | position: relative; |
| 16606 | background-color: #fff; | 16611 | background-color: #fff; |
| 16607 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16612 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16608 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16613 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16609 | } | 16614 | } |
| 16610 | .pika-single:before, | 16615 | .pika-single:before, |
| 16611 | .pika-single:after { | 16616 | .pika-single:after { |
| 16612 | content: " "; | 16617 | content: " "; |
| 16613 | display: table; | 16618 | display: table; |
| 16614 | } | 16619 | } |
| 16615 | .pika-single:after { | 16620 | .pika-single:after { |
| 16616 | clear: both; | 16621 | clear: both; |
| 16617 | } | 16622 | } |
| 16618 | .pika-single.is-hidden { | 16623 | .pika-single.is-hidden { |
| 16619 | display: none; | 16624 | display: none; |
| 16620 | } | 16625 | } |
| 16621 | .pika-single.is-bound { | 16626 | .pika-single.is-bound { |
| 16622 | position: absolute; | 16627 | position: absolute; |
| 16623 | } | 16628 | } |
| 16624 | .pika-lendar { | 16629 | .pika-lendar { |
| 16625 | float: left; | 16630 | float: left; |
| 16626 | max-width: 250px; | 16631 | max-width: 250px; |
| 16627 | margin: 16px; | 16632 | margin: 16px; |
| 16628 | } | 16633 | } |
| 16629 | .pika-title { | 16634 | .pika-title { |
| 16630 | position: relative; | 16635 | position: relative; |
| 16631 | text-align: center; | 16636 | text-align: center; |
| 16632 | margin-bottom: 10px; | 16637 | margin-bottom: 10px; |
| 16633 | } | 16638 | } |
| 16634 | .pika-title select { | 16639 | .pika-title select { |
| 16635 | cursor: pointer; | 16640 | cursor: pointer; |
| 16636 | position: absolute; | 16641 | position: absolute; |
| 16637 | z-index: 999; | 16642 | z-index: 999; |
| 16638 | margin: 0; | 16643 | margin: 0; |
| 16639 | left: 0; | 16644 | left: 0; |
| 16640 | height: 38px; | 16645 | height: 38px; |
| 16641 | padding: 8px 16px; | 16646 | padding: 8px 16px; |
| 16642 | opacity: 0; | 16647 | opacity: 0; |
| 16643 | filter: alpha(opacity=0); | 16648 | filter: alpha(opacity=0); |
| 16644 | } | 16649 | } |
| 16645 | .pika-label { | 16650 | .pika-label { |
| 16646 | display: inline-block; | 16651 | display: inline-block; |
| 16647 | position: relative; | 16652 | position: relative; |
| 16648 | z-index: 1000; | 16653 | z-index: 1000; |
| 16649 | overflow: hidden; | 16654 | overflow: hidden; |
| 16650 | margin: 0; | 16655 | margin: 0; |
| 16651 | padding-top: 15px; | 16656 | padding-top: 15px; |
| 16652 | padding-bottom: 15px; | 16657 | padding-bottom: 15px; |
| 16653 | font-size: 17px; | 16658 | font-size: 17px; |
| 16654 | line-height: 1; | 16659 | line-height: 1; |
| 16655 | } | 16660 | } |
| 16656 | .pika-label + .pika-label { | 16661 | .pika-label + .pika-label { |
| 16657 | margin-left: 10px; | 16662 | margin-left: 10px; |
| 16658 | top: -1px; | 16663 | top: -1px; |
| 16659 | font-size: 13px; | 16664 | font-size: 13px; |
| 16660 | color: #999999; | 16665 | color: #999999; |
| 16661 | } | 16666 | } |
| 16662 | .pika-prev, | 16667 | .pika-prev, |
| 16663 | .pika-next { | 16668 | .pika-next { |
| 16664 | display: block; | 16669 | display: block; |
| 16665 | position: relative; | 16670 | position: relative; |
| 16666 | border: 0; | 16671 | border: 0; |
| 16667 | padding: 5px; | 16672 | padding: 5px; |
| 16668 | margin: 10px 0; | 16673 | margin: 10px 0; |
| 16669 | font-size: 0; | 16674 | font-size: 0; |
| 16670 | background-color: transparent; | 16675 | background-color: transparent; |
| 16671 | } | 16676 | } |
| 16672 | .pika-prev:after, | 16677 | .pika-prev:after, |
| 16673 | .pika-next:after { | 16678 | .pika-next:after { |
| 16674 | font-family: 'Icomoon'; | 16679 | font-family: 'Icomoon'; |
| 16675 | display: block; | 16680 | display: block; |
| 16676 | font-size: 16px; | 16681 | font-size: 16px; |
| 16677 | width: 16px; | 16682 | width: 16px; |
| 16678 | text-align: center; | 16683 | text-align: center; |
| 16679 | line-height: 1; | 16684 | line-height: 1; |
| 16680 | -webkit-font-smoothing: antialiased; | 16685 | -webkit-font-smoothing: antialiased; |
| 16681 | -moz-osx-font-smoothing: grayscale; | 16686 | -moz-osx-font-smoothing: grayscale; |
| 16682 | } | 16687 | } |
| 16683 | .pika-prev:hover, | 16688 | .pika-prev:hover, |
| 16684 | .pika-next:hover { | 16689 | .pika-next:hover { |
| 16685 | background-color: #f5f5f5; | 16690 | background-color: #f5f5f5; |
| 16686 | } | 16691 | } |
| 16687 | .pika-prev.is-disabled, | 16692 | .pika-prev.is-disabled, |
| 16688 | .pika-next.is-disabled { | 16693 | .pika-next.is-disabled { |
| 16689 | cursor: default; | 16694 | cursor: default; |
| 16690 | opacity: .2; | 16695 | opacity: .2; |
| 16691 | } | 16696 | } |
| 16692 | .pika-prev { | 16697 | .pika-prev { |
| 16693 | float: left; | 16698 | float: left; |
| 16694 | } | 16699 | } |
| 16695 | .pika-prev:after { | 16700 | .pika-prev:after { |
| 16696 | content: '\e9c8'; | 16701 | content: '\e9c8'; |
| 16697 | } | 16702 | } |
| 16698 | .pika-next { | 16703 | .pika-next { |
| 16699 | float: right; | 16704 | float: right; |
| 16700 | } | 16705 | } |
| 16701 | .pika-next:after { | 16706 | .pika-next:after { |
| 16702 | content: '\e9cb'; | 16707 | content: '\e9cb'; |
| 16703 | } | 16708 | } |
| 16704 | .pika-table { | 16709 | .pika-table { |
| 16705 | width: 100%; | 16710 | width: 100%; |
| 16706 | border-collapse: collapse; | 16711 | border-collapse: collapse; |
| 16707 | border-spacing: 0; | 16712 | border-spacing: 0; |
| 16708 | border: 0; | 16713 | border: 0; |
| 16709 | table-layout: fixed; | 16714 | table-layout: fixed; |
| 16710 | } | 16715 | } |
| 16711 | .pika-table th, | 16716 | .pika-table th, |
| 16712 | .pika-table td { | 16717 | .pika-table td { |
| 16713 | position: relative; | 16718 | position: relative; |
| 16714 | } | 16719 | } |
| 16715 | .pika-table th { | 16720 | .pika-table th { |
| 16716 | color: #999999; | 16721 | color: #999999; |
| 16717 | font-size: 12px; | 16722 | font-size: 12px; |
| 16718 | font-weight: 400; | 16723 | font-weight: 400; |
| 16719 | text-align: center; | 16724 | text-align: center; |
| 16720 | padding-bottom: 10px; | 16725 | padding-bottom: 10px; |
| 16721 | } | 16726 | } |
| 16722 | .pika-table abbr { | 16727 | .pika-table abbr { |
| 16723 | border-bottom: 0; | 16728 | border-bottom: 0; |
| 16724 | cursor: default; | 16729 | cursor: default; |
| 16725 | } | 16730 | } |
| 16726 | .pika-button { | 16731 | .pika-button { |
| 16727 | display: block; | 16732 | display: block; |
| 16728 | border: 0; | 16733 | border: 0; |
| 16729 | margin: 0; | 16734 | margin: 0; |
| 16730 | width: 100%; | 16735 | width: 100%; |
| 16731 | padding: 8px; | 16736 | padding: 8px; |
| 16732 | text-align: center; | 16737 | text-align: center; |
| 16733 | border-radius: 3px; | 16738 | border-radius: 3px; |
| 16734 | background-color: transparent; | 16739 | background-color: transparent; |
| 16735 | } | 16740 | } |
| 16736 | .pika-button:hover { | 16741 | .pika-button:hover { |
| 16737 | background-color: #f5f5f5; | 16742 | background-color: #f5f5f5; |
| 16738 | } | 16743 | } |
| 16739 | .is-today .pika-button { | 16744 | .is-today .pika-button { |
| 16740 | background-color: #f5f5f5; | 16745 | background-color: #f5f5f5; |
| 16741 | } | 16746 | } |
| 16742 | .is-selected .pika-button { | 16747 | .is-selected .pika-button { |
| 16743 | color: #fff; | 16748 | color: #fff; |
| 16744 | background-color: #26A69A; | 16749 | background-color: #26A69A; |
| 16745 | } | 16750 | } |
| 16746 | .is-today .pika-button:before, | 16751 | .is-today .pika-button:before, |
| 16747 | .is-selected .pika-button:before, | 16752 | .is-selected .pika-button:before, |
| 16748 | .is-today.is-selected .pika-button:before { | 16753 | .is-today.is-selected .pika-button:before { |
| 16749 | content: ""; | 16754 | content: ""; |
| 16750 | position: absolute; | 16755 | position: absolute; |
| 16751 | top: 2px; | 16756 | top: 2px; |
| 16752 | right: 2px; | 16757 | right: 2px; |
| 16753 | width: 0; | 16758 | width: 0; |
| 16754 | height: 0; | 16759 | height: 0; |
| 16755 | border-top: 6px solid #fff; | 16760 | border-top: 6px solid #fff; |
| 16756 | border-left: 6px solid transparent; | 16761 | border-left: 6px solid transparent; |
| 16757 | } | 16762 | } |
| 16758 | .is-today .pika-button:before { | 16763 | .is-today .pika-button:before { |
| 16759 | border-top-color: #EF5350; | 16764 | border-top-color: #EF5350; |
| 16760 | } | 16765 | } |
| 16761 | .is-startrange .pika-button, | 16766 | .is-startrange .pika-button, |
| 16762 | .is-endrange .pika-button { | 16767 | .is-endrange .pika-button { |
| 16763 | color: #fff; | 16768 | color: #fff; |
| 16764 | background: #26A69A; | 16769 | background: #26A69A; |
| 16765 | } | 16770 | } |
| 16766 | .is-inrange .pika-button { | 16771 | .is-inrange .pika-button { |
| 16767 | background: #f5f5f5; | 16772 | background: #f5f5f5; |
| 16768 | } | 16773 | } |
| 16769 | .is-disabled .pika-button { | 16774 | .is-disabled .pika-button { |
| 16770 | pointer-events: none; | 16775 | pointer-events: none; |
| 16771 | cursor: not-allowed; | 16776 | cursor: not-allowed; |
| 16772 | opacity: 0.5; | 16777 | opacity: 0.5; |
| 16773 | filter: alpha(opacity=50); | 16778 | filter: alpha(opacity=50); |
| 16774 | } | 16779 | } |
| 16775 | .pika-select { | 16780 | .pika-select { |
| 16776 | display: inline-block; | 16781 | display: inline-block; |
| 16777 | } | 16782 | } |
| 16778 | .pika-week { | 16783 | .pika-week { |
| 16779 | font-size: 11px; | 16784 | font-size: 11px; |
| 16780 | color: #999999; | 16785 | color: #999999; |
| 16781 | } | 16786 | } |
| 16782 | /* ------------------------------------------------------------------------------ | 16787 | /* ------------------------------------------------------------------------------ |
| 16783 | * | 16788 | * |
| 16784 | * # Datatables library | 16789 | * # Datatables library |
| 16785 | * | 16790 | * |
| 16786 | * Add advanced interaction controls to any HTML table | 16791 | * Add advanced interaction controls to any HTML table |
| 16787 | * | 16792 | * |
| 16788 | * Version: 1.2 | 16793 | * Version: 1.2 |
| 16789 | * Latest update: Mar 10, 2016 | 16794 | * Latest update: Mar 10, 2016 |
| 16790 | * | 16795 | * |
| 16791 | * ---------------------------------------------------------------------------- */ | 16796 | * ---------------------------------------------------------------------------- */ |
| 16792 | .dataTable { | 16797 | .dataTable { |
| 16793 | margin: 0; | 16798 | margin: 0; |
| 16794 | max-width: none; | 16799 | max-width: none; |
| 16795 | border-collapse: separate; | 16800 | border-collapse: separate; |
| 16796 | } | 16801 | } |
| 16797 | .dataTable thead th, | 16802 | .dataTable thead th, |
| 16798 | .dataTable thead td { | 16803 | .dataTable thead td { |
| 16799 | outline: 0; | 16804 | outline: 0; |
| 16800 | position: relative; | 16805 | position: relative; |
| 16801 | } | 16806 | } |
| 16802 | .dataTable thead .sorting_asc, | 16807 | .dataTable thead .sorting_asc, |
| 16803 | .dataTable thead .sorting_desc, | 16808 | .dataTable thead .sorting_desc, |
| 16804 | .dataTable thead .sorting { | 16809 | .dataTable thead .sorting { |
| 16805 | cursor: pointer; | 16810 | cursor: pointer; |
| 16806 | } | 16811 | } |
| 16807 | .dataTable thead .sorting, | 16812 | .dataTable thead .sorting, |
| 16808 | .dataTable thead .sorting_asc, | 16813 | .dataTable thead .sorting_asc, |
| 16809 | .dataTable thead .sorting_desc, | 16814 | .dataTable thead .sorting_desc, |
| 16810 | .dataTable thead .sorting_asc_disabled, | 16815 | .dataTable thead .sorting_asc_disabled, |
| 16811 | .dataTable thead .sorting_desc_disabled { | 16816 | .dataTable thead .sorting_desc_disabled { |
| 16812 | padding-right: 40px; | 16817 | padding-right: 40px; |
| 16813 | } | 16818 | } |
| 16814 | .dataTable thead .sorting:before, | 16819 | .dataTable thead .sorting:before, |
| 16815 | .dataTable thead .sorting:after, | 16820 | .dataTable thead .sorting:after, |
| 16816 | .dataTable thead .sorting_asc:after, | 16821 | .dataTable thead .sorting_asc:after, |
| 16817 | .dataTable thead .sorting_desc:after, | 16822 | .dataTable thead .sorting_desc:after, |
| 16818 | .dataTable thead .sorting_asc_disabled:after, | 16823 | .dataTable thead .sorting_asc_disabled:after, |
| 16819 | .dataTable thead .sorting_desc_disabled:after { | 16824 | .dataTable thead .sorting_desc_disabled:after { |
| 16820 | content: ''; | 16825 | content: ''; |
| 16821 | font-family: 'icomoon'; | 16826 | font-family: 'icomoon'; |
| 16822 | position: absolute; | 16827 | position: absolute; |
| 16823 | top: 50%; | 16828 | top: 50%; |
| 16824 | right: 20px; | 16829 | right: 20px; |
| 16825 | font-size: 12px; | 16830 | font-size: 12px; |
| 16826 | margin-top: -6px; | 16831 | margin-top: -6px; |
| 16827 | display: inline-block; | 16832 | display: inline-block; |
| 16828 | line-height: 1; | 16833 | line-height: 1; |
| 16829 | -webkit-font-smoothing: antialiased; | 16834 | -webkit-font-smoothing: antialiased; |
| 16830 | -moz-osx-font-smoothing: grayscale; | 16835 | -moz-osx-font-smoothing: grayscale; |
| 16831 | } | 16836 | } |
| 16832 | .dataTable thead .sorting:before { | 16837 | .dataTable thead .sorting:before { |
| 16833 | content: '\e9c1'; | 16838 | content: '\e9c1'; |
| 16834 | margin-top: -2px; | 16839 | margin-top: -2px; |
| 16835 | color: #999999; | 16840 | color: #999999; |
| 16836 | } | 16841 | } |
| 16837 | .dataTable thead .sorting:after { | 16842 | .dataTable thead .sorting:after { |
| 16838 | content: '\e9c2'; | 16843 | content: '\e9c2'; |
| 16839 | margin-top: -10px; | 16844 | margin-top: -10px; |
| 16840 | color: #999999; | 16845 | color: #999999; |
| 16841 | } | 16846 | } |
| 16842 | .dataTable thead .sorting_asc:after { | 16847 | .dataTable thead .sorting_asc:after { |
| 16843 | content: '\e9c2'; | 16848 | content: '\e9c2'; |
| 16844 | } | 16849 | } |
| 16845 | .dataTable thead .sorting_desc:after { | 16850 | .dataTable thead .sorting_desc:after { |
| 16846 | content: '\e9c1'; | 16851 | content: '\e9c1'; |
| 16847 | } | 16852 | } |
| 16848 | .dataTable thead .sorting_asc_disabled:after { | 16853 | .dataTable thead .sorting_asc_disabled:after { |
| 16849 | content: '\e9c2'; | 16854 | content: '\e9c2'; |
| 16850 | color: #ccc; | 16855 | color: #ccc; |
| 16851 | } | 16856 | } |
| 16852 | .dataTable thead .sorting_desc_disabled:after { | 16857 | .dataTable thead .sorting_desc_disabled:after { |
| 16853 | content: '\e9c1'; | 16858 | content: '\e9c1'; |
| 16854 | color: #ccc; | 16859 | color: #ccc; |
| 16855 | } | 16860 | } |
| 16856 | .dataTable tbody > tr:first-child > th, | 16861 | .dataTable tbody > tr:first-child > th, |
| 16857 | .dataTable tbody > tr:first-child > td { | 16862 | .dataTable tbody > tr:first-child > td { |
| 16858 | border-top: 0; | 16863 | border-top: 0; |
| 16859 | } | 16864 | } |
| 16860 | .dataTable tbody + thead > tr:first-child > th, | 16865 | .dataTable tbody + thead > tr:first-child > th, |
| 16861 | .dataTable tbody + tfoot + thead > tr:first-child > th, | 16866 | .dataTable tbody + tfoot + thead > tr:first-child > th, |
| 16862 | .dataTable tbody + thead > tr:first-child > td, | 16867 | .dataTable tbody + thead > tr:first-child > td, |
| 16863 | .dataTable tbody + tfoot + thead > tr:first-child > td { | 16868 | .dataTable tbody + tfoot + thead > tr:first-child > td { |
| 16864 | border-top: 0; | 16869 | border-top: 0; |
| 16865 | } | 16870 | } |
| 16866 | .dataTable .dataTables_empty { | 16871 | .dataTable .dataTables_empty { |
| 16867 | text-align: center; | 16872 | text-align: center; |
| 16868 | } | 16873 | } |
| 16869 | .dataTable.table-bordered { | 16874 | .dataTable.table-bordered { |
| 16870 | border-collapse: collapse; | 16875 | border-collapse: collapse; |
| 16871 | } | 16876 | } |
| 16872 | .dataTables_wrapper { | 16877 | .dataTables_wrapper { |
| 16873 | position: relative; | 16878 | position: relative; |
| 16874 | clear: both; | 16879 | clear: both; |
| 16875 | } | 16880 | } |
| 16876 | .dataTables_wrapper:after { | 16881 | .dataTables_wrapper:after { |
| 16877 | visibility: hidden; | 16882 | visibility: hidden; |
| 16878 | display: block; | 16883 | display: block; |
| 16879 | content: ""; | 16884 | content: ""; |
| 16880 | clear: both; | 16885 | clear: both; |
| 16881 | height: 0; | 16886 | height: 0; |
| 16882 | } | 16887 | } |
| 16883 | .dataTables_wrapper .table-bordered { | 16888 | .dataTables_wrapper .table-bordered { |
| 16884 | border-top: 0; | 16889 | border-top: 0; |
| 16885 | } | 16890 | } |
| 16886 | .dataTables_wrapper + .panel-body { | 16891 | .dataTables_wrapper + .panel-body { |
| 16887 | border-top: 1px solid #ddd; | 16892 | border-top: 1px solid #ddd; |
| 16888 | } | 16893 | } |
| 16889 | .dataTables_processing { | 16894 | .dataTables_processing { |
| 16890 | position: absolute; | 16895 | position: absolute; |
| 16891 | top: 50%; | 16896 | top: 50%; |
| 16892 | left: 50%; | 16897 | left: 50%; |
| 16893 | width: 100%; | 16898 | width: 100%; |
| 16894 | height: 40px; | 16899 | height: 40px; |
| 16895 | margin-left: -50%; | 16900 | margin-left: -50%; |
| 16896 | margin-top: -25px; | 16901 | margin-top: -25px; |
| 16897 | padding-top: 20px; | 16902 | padding-top: 20px; |
| 16898 | text-align: center; | 16903 | text-align: center; |
| 16899 | background-color: #fff; | 16904 | background-color: #fff; |
| 16900 | background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); | 16905 | background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); |
| 16901 | background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); | 16906 | background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
| 16902 | background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); | 16907 | background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
| 16903 | background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); | 16908 | background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
| 16904 | background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); | 16909 | background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
| 16905 | background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); | 16910 | background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); |
| 16906 | } | 16911 | } |
| 16907 | .datatable-header, | 16912 | .datatable-header, |
| 16908 | .datatable-footer { | 16913 | .datatable-footer { |
| 16909 | padding: 20px 20px 0 20px; | 16914 | padding: 20px 20px 0 20px; |
| 16910 | } | 16915 | } |
| 16911 | .datatable-header:after, | 16916 | .datatable-header:after, |
| 16912 | .datatable-footer:after { | 16917 | .datatable-footer:after { |
| 16913 | content: ""; | 16918 | content: ""; |
| 16914 | display: table; | 16919 | display: table; |
| 16915 | clear: both; | 16920 | clear: both; |
| 16916 | } | 16921 | } |
| 16917 | .datatable-header > div:first-child, | 16922 | .datatable-header > div:first-child, |
| 16918 | .datatable-footer > div:first-child { | 16923 | .datatable-footer > div:first-child { |
| 16919 | margin-left: 0; | 16924 | margin-left: 0; |
| 16920 | } | 16925 | } |
| 16921 | .panel-body .datatable-header, | 16926 | .panel-body .datatable-header, |
| 16922 | .panel-body .datatable-footer { | 16927 | .panel-body .datatable-footer { |
| 16923 | padding-left: 0; | 16928 | padding-left: 0; |
| 16924 | padding-right: 0; | 16929 | padding-right: 0; |
| 16925 | } | 16930 | } |
| 16926 | .datatable-header { | 16931 | .datatable-header { |
| 16927 | border-bottom: 1px solid #ddd; | 16932 | border-bottom: 1px solid #ddd; |
| 16928 | } | 16933 | } |
| 16929 | .datatable-footer { | 16934 | .datatable-footer { |
| 16930 | border-top: 1px solid #bbb; | 16935 | border-top: 1px solid #bbb; |
| 16931 | } | 16936 | } |
| 16932 | .dataTables_length { | 16937 | .dataTables_length { |
| 16933 | float: right; | 16938 | float: right; |
| 16934 | display: inline-block; | 16939 | display: inline-block; |
| 16935 | margin: 0 0 20px 20px; | 16940 | margin: 0 0 20px 20px; |
| 16936 | } | 16941 | } |
| 16937 | .dataTables_length > label { | 16942 | .dataTables_length > label { |
| 16938 | margin-bottom: 0; | 16943 | margin-bottom: 0; |
| 16939 | } | 16944 | } |
| 16940 | .dataTables_length > label > span:first-child { | 16945 | .dataTables_length > label > span:first-child { |
| 16941 | float: left; | 16946 | float: left; |
| 16942 | margin: 9px 20px; | 16947 | margin: 9px 20px; |
| 16943 | margin-left: 0; | 16948 | margin-left: 0; |
| 16944 | } | 16949 | } |
| 16945 | .length-left .dataTables_length { | 16950 | .length-left .dataTables_length { |
| 16946 | float: left; | 16951 | float: left; |
| 16947 | } | 16952 | } |
| 16948 | .dataTables_length .select2-container { | 16953 | .dataTables_length .select2-container { |
| 16949 | width: auto; | 16954 | width: auto; |
| 16950 | } | 16955 | } |
| 16951 | .dataTables_length .select2-selection { | 16956 | .dataTables_length .select2-selection { |
| 16952 | min-width: 60px; | 16957 | min-width: 60px; |
| 16953 | } | 16958 | } |
| 16954 | .dataTables_filter { | 16959 | .dataTables_filter { |
| 16955 | position: relative; | 16960 | position: relative; |
| 16956 | display: block; | 16961 | display: block; |
| 16957 | float: left; | 16962 | float: left; |
| 16958 | margin: 0 0 20px 20px; | 16963 | margin: 0 0 20px 20px; |
| 16959 | } | 16964 | } |
| 16960 | .dataTables_filter > label { | 16965 | .dataTables_filter > label { |
| 16961 | margin-bottom: 0; | 16966 | margin-bottom: 0; |
| 16962 | position: relative; | 16967 | position: relative; |
| 16963 | } | 16968 | } |
| 16964 | .dataTables_filter > label:after { | 16969 | .dataTables_filter > label:after { |
| 16965 | content: "\e98e"; | 16970 | content: "\e98e"; |
| 16966 | font-family: 'icomoon'; | 16971 | font-family: 'icomoon'; |
| 16967 | font-size: 12px; | 16972 | font-size: 12px; |
| 16968 | display: inline-block; | 16973 | display: inline-block; |
| 16969 | position: absolute; | 16974 | position: absolute; |
| 16970 | top: 50%; | 16975 | top: 50%; |
| 16971 | right: 0; | 16976 | right: 0; |
| 16972 | margin-top: -6px; | 16977 | margin-top: -6px; |
| 16973 | color: #999999; | 16978 | color: #999999; |
| 16974 | line-height: 1; | 16979 | line-height: 1; |
| 16975 | -webkit-font-smoothing: antialiased; | 16980 | -webkit-font-smoothing: antialiased; |
| 16976 | -moz-osx-font-smoothing: grayscale; | 16981 | -moz-osx-font-smoothing: grayscale; |
| 16977 | } | 16982 | } |
| 16978 | .dataTables_filter > label > span { | 16983 | .dataTables_filter > label > span { |
| 16979 | float: left; | 16984 | float: left; |
| 16980 | margin: 9px 20px; | 16985 | margin: 9px 20px; |
| 16981 | margin-left: 0; | 16986 | margin-left: 0; |
| 16982 | } | 16987 | } |
| 16983 | .dataTables_filter input { | 16988 | .dataTables_filter input { |
| 16984 | outline: 0; | 16989 | outline: 0; |
| 16985 | width: 200px; | 16990 | width: 200px; |
| 16986 | height: 38px; | 16991 | height: 38px; |
| 16987 | padding: 8px 0; | 16992 | padding: 8px 0; |
| 16988 | padding-right: 24px; | 16993 | padding-right: 24px; |
| 16989 | font-size: 13px; | 16994 | font-size: 13px; |
| 16990 | line-height: 1.5384616; | 16995 | line-height: 1.5384616; |
| 16991 | color: #333333; | 16996 | color: #333333; |
| 16992 | background-color: transparent; | 16997 | background-color: transparent; |
| 16993 | border: 1px solid transparent; | 16998 | border: 1px solid transparent; |
| 16994 | border-width: 1px 0; | 16999 | border-width: 1px 0; |
| 16995 | border-bottom-color: #ddd; | 17000 | border-bottom-color: #ddd; |
| 16996 | } | 17001 | } |
| 16997 | .dataTables_filter input:focus { | 17002 | .dataTables_filter input:focus { |
| 16998 | border-bottom-color: #009688; | 17003 | border-bottom-color: #009688; |
| 16999 | -webkit-box-shadow: 0 1px 0 #009688; | 17004 | -webkit-box-shadow: 0 1px 0 #009688; |
| 17000 | box-shadow: 0 1px 0 #009688; | 17005 | box-shadow: 0 1px 0 #009688; |
| 17001 | } | 17006 | } |
| 17002 | .filter-right .dataTables_filter { | 17007 | .filter-right .dataTables_filter { |
| 17003 | float: right; | 17008 | float: right; |
| 17004 | } | 17009 | } |
| 17005 | .dataTables_info { | 17010 | .dataTables_info { |
| 17006 | float: left; | 17011 | float: left; |
| 17007 | padding: 9px 0; | 17012 | padding: 9px 0; |
| 17008 | margin-bottom: 20px; | 17013 | margin-bottom: 20px; |
| 17009 | } | 17014 | } |
| 17010 | .info-right .dataTables_info { | 17015 | .info-right .dataTables_info { |
| 17011 | float: right; | 17016 | float: right; |
| 17012 | } | 17017 | } |
| 17013 | .dataTables_paginate { | 17018 | .dataTables_paginate { |
| 17014 | float: right; | 17019 | float: right; |
| 17015 | text-align: right; | 17020 | text-align: right; |
| 17016 | margin: 0 0 20px 20px; | 17021 | margin: 0 0 20px 20px; |
| 17017 | } | 17022 | } |
| 17018 | .dataTables_paginate .paginate_button { | 17023 | .dataTables_paginate .paginate_button { |
| 17019 | display: inline-block; | 17024 | display: inline-block; |
| 17020 | padding: 9px; | 17025 | padding: 9px; |
| 17021 | min-width: 38px; | 17026 | min-width: 38px; |
| 17022 | margin-left: 2px; | 17027 | margin-left: 2px; |
| 17023 | text-align: center; | 17028 | text-align: center; |
| 17024 | text-decoration: none; | 17029 | text-decoration: none; |
| 17025 | cursor: pointer; | 17030 | cursor: pointer; |
| 17026 | color: #333333; | 17031 | color: #333333; |
| 17027 | border-radius: 3px; | 17032 | border-radius: 3px; |
| 17028 | } | 17033 | } |
| 17029 | .dataTables_paginate .paginate_button:first-child { | 17034 | .dataTables_paginate .paginate_button:first-child { |
| 17030 | margin-left: 0; | 17035 | margin-left: 0; |
| 17031 | } | 17036 | } |
| 17032 | .dataTables_paginate .paginate_button:hover, | 17037 | .dataTables_paginate .paginate_button:hover, |
| 17033 | .dataTables_paginate .paginate_button:focus { | 17038 | .dataTables_paginate .paginate_button:focus { |
| 17034 | background-color: #f5f5f5; | 17039 | background-color: #f5f5f5; |
| 17035 | } | 17040 | } |
| 17036 | .dataTables_paginate .paginate_button.current, | 17041 | .dataTables_paginate .paginate_button.current, |
| 17037 | .dataTables_paginate .paginate_button.current:hover, | 17042 | .dataTables_paginate .paginate_button.current:hover, |
| 17038 | .dataTables_paginate .paginate_button.current:focus { | 17043 | .dataTables_paginate .paginate_button.current:focus { |
| 17039 | color: #fff; | 17044 | color: #fff; |
| 17040 | background-color: #455A64; | 17045 | background-color: #455A64; |
| 17041 | } | 17046 | } |
| 17042 | .dataTables_paginate .paginate_button.disabled, | 17047 | .dataTables_paginate .paginate_button.disabled, |
| 17043 | .dataTables_paginate .paginate_button.disabled:hover, | 17048 | .dataTables_paginate .paginate_button.disabled:hover, |
| 17044 | .dataTables_paginate .paginate_button.disabled:focus { | 17049 | .dataTables_paginate .paginate_button.disabled:focus { |
| 17045 | cursor: default; | 17050 | cursor: default; |
| 17046 | background-color: transparent; | 17051 | background-color: transparent; |
| 17047 | color: #bbb; | 17052 | color: #bbb; |
| 17048 | } | 17053 | } |
| 17049 | .dataTables_paginate.paging_simple .paginate_button { | 17054 | .dataTables_paginate.paging_simple .paginate_button { |
| 17050 | padding-left: 16px; | 17055 | padding-left: 16px; |
| 17051 | padding-right: 16px; | 17056 | padding-right: 16px; |
| 17052 | } | 17057 | } |
| 17053 | .paginate-left .dataTables_paginate { | 17058 | .paginate-left .dataTables_paginate { |
| 17054 | float: left; | 17059 | float: left; |
| 17055 | } | 17060 | } |
| 17056 | .paging_simple .paginate_button:hover, | 17061 | .paging_simple .paginate_button:hover, |
| 17057 | .paging_simple .paginate_button:focus { | 17062 | .paging_simple .paginate_button:focus { |
| 17058 | color: #fff; | 17063 | color: #fff; |
| 17059 | background-color: #455A64; | 17064 | background-color: #455A64; |
| 17060 | } | 17065 | } |
| 17061 | .dataTables_scroll { | 17066 | .dataTables_scroll { |
| 17062 | clear: both; | 17067 | clear: both; |
| 17063 | } | 17068 | } |
| 17064 | .dataTables_scroll .dataTables_scrollHead table { | 17069 | .dataTables_scroll .dataTables_scrollHead table { |
| 17065 | border-bottom: 0; | 17070 | border-bottom: 0; |
| 17066 | } | 17071 | } |
| 17067 | .dataTables_scroll .dataTables_scrollHead th, | 17072 | .dataTables_scroll .dataTables_scrollHead th, |
| 17068 | .dataTables_scroll .dataTables_scrollHead td { | 17073 | .dataTables_scroll .dataTables_scrollHead td { |
| 17069 | white-space: nowrap; | 17074 | white-space: nowrap; |
| 17070 | } | 17075 | } |
| 17071 | .dataTables_scroll .dataTables_scrollBody { | 17076 | .dataTables_scroll .dataTables_scrollBody { |
| 17072 | -webkit-overflow-scrolling: touch; | 17077 | -webkit-overflow-scrolling: touch; |
| 17073 | } | 17078 | } |
| 17074 | .dataTables_scroll .dataTables_scrollBody table { | 17079 | .dataTables_scroll .dataTables_scrollBody table { |
| 17075 | border-bottom: 0; | 17080 | border-bottom: 0; |
| 17076 | } | 17081 | } |
| 17077 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, | 17082 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, |
| 17078 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after { | 17083 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after { |
| 17079 | content: none; | 17084 | content: none; |
| 17080 | } | 17085 | } |
| 17081 | .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { | 17086 | .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { |
| 17082 | border-top: 0; | 17087 | border-top: 0; |
| 17083 | } | 17088 | } |
| 17084 | .dataTables_scroll .dataTables_scrollBody th, | 17089 | .dataTables_scroll .dataTables_scrollBody th, |
| 17085 | .dataTables_scroll .dataTables_scrollBody td { | 17090 | .dataTables_scroll .dataTables_scrollBody td { |
| 17086 | white-space: nowrap; | 17091 | white-space: nowrap; |
| 17087 | } | 17092 | } |
| 17088 | .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing, | 17093 | .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing, |
| 17089 | .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing { | 17094 | .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing { |
| 17090 | height: 0; | 17095 | height: 0; |
| 17091 | overflow: hidden; | 17096 | overflow: hidden; |
| 17092 | margin: 0; | 17097 | margin: 0; |
| 17093 | padding: 0; | 17098 | padding: 0; |
| 17094 | } | 17099 | } |
| 17095 | .panel-body + .dataTables_wrapper, | 17100 | .panel-body + .dataTables_wrapper, |
| 17096 | .panel-body + * > .dataTables_wrapper { | 17101 | .panel-body + * > .dataTables_wrapper { |
| 17097 | border-top: 1px solid #ddd; | 17102 | border-top: 1px solid #ddd; |
| 17098 | } | 17103 | } |
| 17099 | .panel-body .dataTables_wrapper .datatable-footer { | 17104 | .panel-body .dataTables_wrapper .datatable-footer { |
| 17100 | border-top: 0; | 17105 | border-top: 0; |
| 17101 | } | 17106 | } |
| 17102 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_length, | 17107 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_length, |
| 17103 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_filter, | 17108 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_filter, |
| 17104 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_info, | 17109 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_info, |
| 17105 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_paginate { | 17110 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_paginate { |
| 17106 | margin-bottom: 0; | 17111 | margin-bottom: 0; |
| 17107 | } | 17112 | } |
| 17108 | .panel-flat > .panel-heading + .dataTables_wrapper > .datatable-header { | 17113 | .panel-flat > .panel-heading + .dataTables_wrapper > .datatable-header { |
| 17109 | padding-top: 0; | 17114 | padding-top: 0; |
| 17110 | } | 17115 | } |
| 17111 | .panel > .dataTables_wrapper .table-bordered { | 17116 | .panel > .dataTables_wrapper .table-bordered { |
| 17112 | border: 0; | 17117 | border: 0; |
| 17113 | } | 17118 | } |
| 17114 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:first-child, | 17119 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:first-child, |
| 17115 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child, | 17120 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child, |
| 17116 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child, | 17121 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child, |
| 17117 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:first-child, | 17122 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:first-child, |
| 17118 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child, | 17123 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child, |
| 17119 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child { | 17124 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child { |
| 17120 | border-left: 0; | 17125 | border-left: 0; |
| 17121 | } | 17126 | } |
| 17122 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:last-child, | 17127 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:last-child, |
| 17123 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child, | 17128 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child, |
| 17124 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child, | 17129 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child, |
| 17125 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:last-child, | 17130 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:last-child, |
| 17126 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child, | 17131 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child, |
| 17127 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child { | 17132 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child { |
| 17128 | border-right: 0; | 17133 | border-right: 0; |
| 17129 | } | 17134 | } |
| 17130 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th, | 17135 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th, |
| 17131 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td { | 17136 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td { |
| 17132 | border-bottom: 0; | 17137 | border-bottom: 0; |
| 17133 | } | 17138 | } |
| 17134 | .datatable-scroll-lg, | 17139 | .datatable-scroll-lg, |
| 17135 | .datatable-scroll, | 17140 | .datatable-scroll, |
| 17136 | .datatable-scroll-sm { | 17141 | .datatable-scroll-sm { |
| 17137 | min-height: .01%; | 17142 | min-height: .01%; |
| 17138 | } | 17143 | } |
| 17139 | .datatable-scroll-wrap { | 17144 | .datatable-scroll-wrap { |
| 17140 | width: 100%; | 17145 | width: 100%; |
| 17141 | min-height: .01%; | 17146 | min-height: .01%; |
| 17142 | overflow-x: auto; | 17147 | overflow-x: auto; |
| 17143 | } | 17148 | } |
| 17144 | @media (max-width: 768px) { | 17149 | @media (max-width: 768px) { |
| 17145 | .datatable-scroll-sm { | 17150 | .datatable-scroll-sm { |
| 17146 | width: 100%; | 17151 | width: 100%; |
| 17147 | overflow-x: scroll; | 17152 | overflow-x: scroll; |
| 17148 | } | 17153 | } |
| 17149 | .datatable-scroll-sm th, | 17154 | .datatable-scroll-sm th, |
| 17150 | .datatable-scroll-sm td { | 17155 | .datatable-scroll-sm td { |
| 17151 | white-space: nowrap; | 17156 | white-space: nowrap; |
| 17152 | } | 17157 | } |
| 17153 | } | 17158 | } |
| 17154 | @media (max-width: 1024px) { | 17159 | @media (max-width: 1024px) { |
| 17155 | .datatable-scroll { | 17160 | .datatable-scroll { |
| 17156 | width: 100%; | 17161 | width: 100%; |
| 17157 | overflow-x: scroll; | 17162 | overflow-x: scroll; |
| 17158 | } | 17163 | } |
| 17159 | .datatable-scroll th, | 17164 | .datatable-scroll th, |
| 17160 | .datatable-scroll td { | 17165 | .datatable-scroll td { |
| 17161 | white-space: nowrap; | 17166 | white-space: nowrap; |
| 17162 | } | 17167 | } |
| 17163 | } | 17168 | } |
| 17164 | @media (max-width: 1199px) { | 17169 | @media (max-width: 1199px) { |
| 17165 | .datatable-scroll-lg { | 17170 | .datatable-scroll-lg { |
| 17166 | width: 100%; | 17171 | width: 100%; |
| 17167 | overflow-x: scroll; | 17172 | overflow-x: scroll; |
| 17168 | } | 17173 | } |
| 17169 | .datatable-scroll-lg th, | 17174 | .datatable-scroll-lg th, |
| 17170 | .datatable-scroll-lg td { | 17175 | .datatable-scroll-lg td { |
| 17171 | white-space: nowrap; | 17176 | white-space: nowrap; |
| 17172 | } | 17177 | } |
| 17173 | } | 17178 | } |
| 17174 | @media (max-width: 768px) { | 17179 | @media (max-width: 768px) { |
| 17175 | .dataTables_info, | 17180 | .dataTables_info, |
| 17176 | .dataTables_paginate, | 17181 | .dataTables_paginate, |
| 17177 | .dataTables_length, | 17182 | .dataTables_length, |
| 17178 | .dataTables_filter, | 17183 | .dataTables_filter, |
| 17179 | .DTTT_container, | 17184 | .DTTT_container, |
| 17180 | .ColVis { | 17185 | .ColVis { |
| 17181 | float: none!important; | 17186 | float: none!important; |
| 17182 | text-align: center; | 17187 | text-align: center; |
| 17183 | margin-left: 0; | 17188 | margin-left: 0; |
| 17184 | } | 17189 | } |
| 17185 | .dataTables_info, | 17190 | .dataTables_info, |
| 17186 | .dataTables_paginate { | 17191 | .dataTables_paginate { |
| 17187 | margin-top: 0; | 17192 | margin-top: 0; |
| 17188 | } | 17193 | } |
| 17189 | .datatable-header { | 17194 | .datatable-header { |
| 17190 | text-align: center; | 17195 | text-align: center; |
| 17191 | } | 17196 | } |
| 17192 | } | 17197 | } |
| 17193 | /* ------------------------------------------------------------------------------ | 17198 | /* ------------------------------------------------------------------------------ |
| 17194 | * | 17199 | * |
| 17195 | * # Columns reorder | 17200 | * # Columns reorder |
| 17196 | * | 17201 | * |
| 17197 | * Easily modify the column order of a table through drop-and-drag of column headers | 17202 | * Easily modify the column order of a table through drop-and-drag of column headers |
| 17198 | * | 17203 | * |
| 17199 | * Version: 1.0 | 17204 | * Version: 1.0 |
| 17200 | * Latest update: May 25, 2015 | 17205 | * Latest update: May 25, 2015 |
| 17201 | * | 17206 | * |
| 17202 | * ---------------------------------------------------------------------------- */ | 17207 | * ---------------------------------------------------------------------------- */ |
| 17203 | .DTCR_clonedTable { | 17208 | .DTCR_clonedTable { |
| 17204 | background-color: rgba(255, 255, 255, 0.8); | 17209 | background-color: rgba(255, 255, 255, 0.8); |
| 17205 | z-index: 202; | 17210 | z-index: 202; |
| 17206 | cursor: move; | 17211 | cursor: move; |
| 17207 | } | 17212 | } |
| 17208 | .DTCR_clonedTable th, | 17213 | .DTCR_clonedTable th, |
| 17209 | .DTCR_clonedTable td { | 17214 | .DTCR_clonedTable td { |
| 17210 | border: 1px solid #ddd !important; | 17215 | border: 1px solid #ddd !important; |
| 17211 | } | 17216 | } |
| 17212 | .DTCR_pointer { | 17217 | .DTCR_pointer { |
| 17213 | width: 1px; | 17218 | width: 1px; |
| 17214 | background-color: #2196F3; | 17219 | background-color: #2196F3; |
| 17215 | z-index: 201; | 17220 | z-index: 201; |
| 17216 | } | 17221 | } |
| 17217 | /* ------------------------------------------------------------------------------ | 17222 | /* ------------------------------------------------------------------------------ |
| 17218 | * | 17223 | * |
| 17219 | * # Row Reorder extension | 17224 | * # Row Reorder extension |
| 17220 | * | 17225 | * |
| 17221 | * RowReorder adds the ability for rows in a DataTable to be reordered through | 17226 | * RowReorder adds the ability for rows in a DataTable to be reordered through |
| 17222 | * user interaction with the table. | 17227 | * user interaction with the table. |
| 17223 | * | 17228 | * |
| 17224 | * Version: 1.0 | 17229 | * Version: 1.0 |
| 17225 | * Latest update: Nov 10, 2015 | 17230 | * Latest update: Nov 10, 2015 |
| 17226 | * | 17231 | * |
| 17227 | * ---------------------------------------------------------------------------- */ | 17232 | * ---------------------------------------------------------------------------- */ |
| 17228 | .dt-rowReorder-float { | 17233 | .dt-rowReorder-float { |
| 17229 | position: absolute!important; | 17234 | position: absolute!important; |
| 17230 | table-layout: static; | 17235 | table-layout: static; |
| 17231 | outline: 1px dashed #777; | 17236 | outline: 1px dashed #777; |
| 17232 | outline-offset: -1px; | 17237 | outline-offset: -1px; |
| 17233 | background-color: #fff; | 17238 | background-color: #fff; |
| 17234 | z-index: 1030; | 17239 | z-index: 1030; |
| 17235 | cursor: move; | 17240 | cursor: move; |
| 17236 | opacity: 0.9; | 17241 | opacity: 0.9; |
| 17237 | filter: alpha(opacity=90); | 17242 | filter: alpha(opacity=90); |
| 17238 | } | 17243 | } |
| 17239 | .dt-rowReorder-moving { | 17244 | .dt-rowReorder-moving { |
| 17240 | outline: 1px solid #777; | 17245 | outline: 1px solid #777; |
| 17241 | outline-offset: -1px; | 17246 | outline-offset: -1px; |
| 17242 | } | 17247 | } |
| 17243 | .dt-rowReorder-noOverflow { | 17248 | .dt-rowReorder-noOverflow { |
| 17244 | overflow-x: hidden; | 17249 | overflow-x: hidden; |
| 17245 | } | 17250 | } |
| 17246 | .dataTable td.reorder { | 17251 | .dataTable td.reorder { |
| 17247 | text-align: center; | 17252 | text-align: center; |
| 17248 | cursor: move; | 17253 | cursor: move; |
| 17249 | } | 17254 | } |
| 17250 | /* ------------------------------------------------------------------------------ | 17255 | /* ------------------------------------------------------------------------------ |
| 17251 | * | 17256 | * |
| 17252 | * # Fixed columns | 17257 | * # Fixed columns |
| 17253 | * | 17258 | * |
| 17254 | * Extension that "freezes" in place the left most columns in a scrolling DataTable | 17259 | * Extension that "freezes" in place the left most columns in a scrolling DataTable |
| 17255 | * | 17260 | * |
| 17256 | * Version: 1.1 | 17261 | * Version: 1.1 |
| 17257 | * Latest update: Feb 25, 2016 | 17262 | * Latest update: Feb 25, 2016 |
| 17258 | * | 17263 | * |
| 17259 | * ---------------------------------------------------------------------------- */ | 17264 | * ---------------------------------------------------------------------------- */ |
| 17260 | .DTFC_Cloned { | 17265 | .DTFC_Cloned { |
| 17261 | background-color: #fff; | 17266 | background-color: #fff; |
| 17262 | border-bottom: 0; | 17267 | border-bottom: 0; |
| 17263 | } | 17268 | } |
| 17264 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > th, | 17269 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > th, |
| 17265 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > td { | 17270 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > td { |
| 17266 | border-right: 1px solid #ddd; | 17271 | border-right: 1px solid #ddd; |
| 17267 | } | 17272 | } |
| 17268 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > th, | 17273 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > th, |
| 17269 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > td { | 17274 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > td { |
| 17270 | border-left: 1px solid #ddd; | 17275 | border-left: 1px solid #ddd; |
| 17271 | } | 17276 | } |
| 17272 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, | 17277 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, |
| 17273 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, | 17278 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, |
| 17274 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, | 17279 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, |
| 17275 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after { | 17280 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after { |
| 17276 | content: none; | 17281 | content: none; |
| 17277 | } | 17282 | } |
| 17278 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, | 17283 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, |
| 17279 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, | 17284 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, |
| 17280 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th, | 17285 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th, |
| 17281 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th { | 17286 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th { |
| 17282 | border-top: 0; | 17287 | border-top: 0; |
| 17283 | } | 17288 | } |
| 17284 | .DTFC_Blocker { | 17289 | .DTFC_Blocker { |
| 17285 | background-color: white; | 17290 | background-color: white; |
| 17286 | } | 17291 | } |
| 17287 | @media (max-width: 768px) { | 17292 | @media (max-width: 768px) { |
| 17288 | .DTFC_LeftWrapper, | 17293 | .DTFC_LeftWrapper, |
| 17289 | .DTFC_RightWrapper { | 17294 | .DTFC_RightWrapper { |
| 17290 | display: none; | 17295 | display: none; |
| 17291 | } | 17296 | } |
| 17292 | } | 17297 | } |
| 17293 | /* ------------------------------------------------------------------------------ | 17298 | /* ------------------------------------------------------------------------------ |
| 17294 | * | 17299 | * |
| 17295 | * # Fixed Header extension | 17300 | * # Fixed Header extension |
| 17296 | * | 17301 | * |
| 17297 | * This extension lets your users quickly determine what each column refers to | 17302 | * This extension lets your users quickly determine what each column refers to |
| 17298 | * rather than needing to scroll back to the top of the table. | 17303 | * rather than needing to scroll back to the top of the table. |
| 17299 | * | 17304 | * |
| 17300 | * Version: 1.0 | 17305 | * Version: 1.0 |
| 17301 | * Latest update: Nov 9, 2015 | 17306 | * Latest update: Nov 9, 2015 |
| 17302 | * | 17307 | * |
| 17303 | * ---------------------------------------------------------------------------- */ | 17308 | * ---------------------------------------------------------------------------- */ |
| 17304 | .fixedHeader-floating, | 17309 | .fixedHeader-floating, |
| 17305 | .fixedHeader-locked { | 17310 | .fixedHeader-locked { |
| 17306 | background-color: #fff; | 17311 | background-color: #fff; |
| 17307 | margin-top: 0; | 17312 | margin-top: 0; |
| 17308 | margin-bottom: 0; | 17313 | margin-bottom: 0; |
| 17309 | } | 17314 | } |
| 17310 | .fixedHeader-floating { | 17315 | .fixedHeader-floating { |
| 17311 | position: fixed; | 17316 | position: fixed; |
| 17312 | } | 17317 | } |
| 17313 | .fixedHeader-floating + .fixedHeader-floating, | 17318 | .fixedHeader-floating + .fixedHeader-floating, |
| 17314 | .fixedHeader-locked + .fixedHeader-floating { | 17319 | .fixedHeader-locked + .fixedHeader-floating { |
| 17315 | border-top: 0!important; | 17320 | border-top: 0!important; |
| 17316 | } | 17321 | } |
| 17317 | @media (max-width: 768px) { | 17322 | @media (max-width: 768px) { |
| 17318 | .fixedHeader-floating { | 17323 | .fixedHeader-floating { |
| 17319 | display: none; | 17324 | display: none; |
| 17320 | } | 17325 | } |
| 17321 | } | 17326 | } |
| 17322 | .fixedHeader-locked { | 17327 | .fixedHeader-locked { |
| 17323 | position: absolute; | 17328 | position: absolute; |
| 17324 | } | 17329 | } |
| 17325 | @media (max-width: 768px) { | 17330 | @media (max-width: 768px) { |
| 17326 | .fixedHeader-locked { | 17331 | .fixedHeader-locked { |
| 17327 | display: none; | 17332 | display: none; |
| 17328 | } | 17333 | } |
| 17329 | } | 17334 | } |
| 17330 | @media print { | 17335 | @media print { |
| 17331 | table.fixedHeader-floating { | 17336 | table.fixedHeader-floating { |
| 17332 | display: none; | 17337 | display: none; |
| 17333 | } | 17338 | } |
| 17334 | } | 17339 | } |
| 17335 | /* ------------------------------------------------------------------------------ | 17340 | /* ------------------------------------------------------------------------------ |
| 17336 | * | 17341 | * |
| 17337 | * # Autofill extension | 17342 | * # Autofill extension |
| 17338 | * | 17343 | * |
| 17339 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication | 17344 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication |
| 17340 | * option of an auto fill tool | 17345 | * option of an auto fill tool |
| 17341 | * | 17346 | * |
| 17342 | * Version: 1.1 | 17347 | * Version: 1.1 |
| 17343 | * Latest update: Mar 10, 2016 | 17348 | * Latest update: Mar 10, 2016 |
| 17344 | * | 17349 | * |
| 17345 | * ---------------------------------------------------------------------------- */ | 17350 | * ---------------------------------------------------------------------------- */ |
| 17346 | .dt-autofill-handle { | 17351 | .dt-autofill-handle { |
| 17347 | position: absolute; | 17352 | position: absolute; |
| 17348 | height: 8px; | 17353 | height: 8px; |
| 17349 | width: 8px; | 17354 | width: 8px; |
| 17350 | z-index: 102; | 17355 | z-index: 102; |
| 17351 | border: 1px solid #2196F3; | 17356 | border: 1px solid #2196F3; |
| 17352 | background: #2196F3; | 17357 | background: #2196F3; |
| 17353 | } | 17358 | } |
| 17354 | .dt-autofill-select { | 17359 | .dt-autofill-select { |
| 17355 | position: absolute; | 17360 | position: absolute; |
| 17356 | z-index: 1001; | 17361 | z-index: 1001; |
| 17357 | background-color: #2196F3; | 17362 | background-color: #2196F3; |
| 17358 | background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.75) 5px, rgba(255, 255, 255, 0.75) 10px); | 17363 | background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.75) 5px, rgba(255, 255, 255, 0.75) 10px); |
| 17359 | } | 17364 | } |
| 17360 | .dt-autofill-select.top, | 17365 | .dt-autofill-select.top, |
| 17361 | .dt-autofill-select.bottom { | 17366 | .dt-autofill-select.bottom { |
| 17362 | height: 1px; | 17367 | height: 1px; |
| 17363 | } | 17368 | } |
| 17364 | .dt-autofill-select.left, | 17369 | .dt-autofill-select.left, |
| 17365 | .dt-autofill-select.right { | 17370 | .dt-autofill-select.right { |
| 17366 | width: 1px; | 17371 | width: 1px; |
| 17367 | } | 17372 | } |
| 17368 | .dt-autofill-list { | 17373 | .dt-autofill-list { |
| 17369 | position: fixed; | 17374 | position: fixed; |
| 17370 | top: 50%; | 17375 | top: 50%; |
| 17371 | left: 50%; | 17376 | left: 50%; |
| 17372 | width: 500px; | 17377 | width: 500px; |
| 17373 | margin-left: -250px; | 17378 | margin-left: -250px; |
| 17374 | background-color: #fff; | 17379 | background-color: #fff; |
| 17375 | border-radius: 3px; | 17380 | border-radius: 3px; |
| 17376 | border: 1px solid transparent; | 17381 | border: 1px solid transparent; |
| 17377 | z-index: 1050; | 17382 | z-index: 1050; |
| 17378 | padding: 8px 0; | 17383 | padding: 8px 0; |
| 17379 | } | 17384 | } |
| 17380 | .dt-autofill-list ul { | 17385 | .dt-autofill-list ul { |
| 17381 | display: table; | 17386 | display: table; |
| 17382 | margin: 0; | 17387 | margin: 0; |
| 17383 | padding: 0; | 17388 | padding: 0; |
| 17384 | list-style: none; | 17389 | list-style: none; |
| 17385 | width: 100%; | 17390 | width: 100%; |
| 17386 | } | 17391 | } |
| 17387 | .dt-autofill-list ul li { | 17392 | .dt-autofill-list ul li { |
| 17388 | display: table-row; | 17393 | display: table-row; |
| 17389 | } | 17394 | } |
| 17390 | .dt-autofill-list ul li:hover { | 17395 | .dt-autofill-list ul li:hover { |
| 17391 | background-color: #f5f5f5; | 17396 | background-color: #f5f5f5; |
| 17392 | } | 17397 | } |
| 17393 | .dt-autofill-list .dt-autofill-question { | 17398 | .dt-autofill-list .dt-autofill-question { |
| 17394 | display: table-cell; | 17399 | display: table-cell; |
| 17395 | padding: 8px 15px; | 17400 | padding: 8px 15px; |
| 17396 | } | 17401 | } |
| 17397 | .dt-autofill-list .dt-autofill-question input[type=number] { | 17402 | .dt-autofill-list .dt-autofill-question input[type=number] { |
| 17398 | padding: 6px; | 17403 | padding: 6px; |
| 17399 | width: 30px; | 17404 | width: 30px; |
| 17400 | margin: -2px 0; | 17405 | margin: -2px 0; |
| 17401 | } | 17406 | } |
| 17402 | .dt-autofill-list .dt-autofill-button { | 17407 | .dt-autofill-list .dt-autofill-button { |
| 17403 | display: table-cell; | 17408 | display: table-cell; |
| 17404 | padding: 8px 16px; | 17409 | padding: 8px 16px; |
| 17405 | text-align: right; | 17410 | text-align: right; |
| 17406 | } | 17411 | } |
| 17407 | .dt-autofill-list .dt-autofill-button .btn { | 17412 | .dt-autofill-list .dt-autofill-button .btn { |
| 17408 | padding: 3px; | 17413 | padding: 3px; |
| 17409 | background-color: #2196F3; | 17414 | background-color: #2196F3; |
| 17410 | color: #fff; | 17415 | color: #fff; |
| 17411 | font-size: 0; | 17416 | font-size: 0; |
| 17412 | } | 17417 | } |
| 17413 | .dt-autofill-list .dt-autofill-button .btn:after { | 17418 | .dt-autofill-list .dt-autofill-button .btn:after { |
| 17414 | content: '\e9c3'; | 17419 | content: '\e9c3'; |
| 17415 | font-family: 'Icomoon'; | 17420 | font-family: 'Icomoon'; |
| 17416 | display: block; | 17421 | display: block; |
| 17417 | font-size: 16px; | 17422 | font-size: 16px; |
| 17418 | width: 16px; | 17423 | width: 16px; |
| 17419 | line-height: 1; | 17424 | line-height: 1; |
| 17420 | -webkit-font-smoothing: antialiased; | 17425 | -webkit-font-smoothing: antialiased; |
| 17421 | -moz-osx-font-smoothing: grayscale; | 17426 | -moz-osx-font-smoothing: grayscale; |
| 17422 | } | 17427 | } |
| 17423 | .dt-autofill-list .dt-autofill-button .btn:hover { | 17428 | .dt-autofill-list .dt-autofill-button .btn:hover { |
| 17424 | opacity: 0.85; | 17429 | opacity: 0.85; |
| 17425 | filter: alpha(opacity=85); | 17430 | filter: alpha(opacity=85); |
| 17426 | } | 17431 | } |
| 17427 | .dt-autofill-background { | 17432 | .dt-autofill-background { |
| 17428 | position: fixed; | 17433 | position: fixed; |
| 17429 | top: 0; | 17434 | top: 0; |
| 17430 | left: 0; | 17435 | left: 0; |
| 17431 | width: 100%; | 17436 | width: 100%; |
| 17432 | height: 100%; | 17437 | height: 100%; |
| 17433 | background-color: #000; | 17438 | background-color: #000; |
| 17434 | z-index: 1040; | 17439 | z-index: 1040; |
| 17435 | opacity: 0.5; | 17440 | opacity: 0.5; |
| 17436 | filter: alpha(opacity=50); | 17441 | filter: alpha(opacity=50); |
| 17437 | } | 17442 | } |
| 17438 | /* ------------------------------------------------------------------------------ | 17443 | /* ------------------------------------------------------------------------------ |
| 17439 | * | 17444 | * |
| 17440 | * # Select extension | 17445 | * # Select extension |
| 17441 | * | 17446 | * |
| 17442 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication | 17447 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication |
| 17443 | * option of an auto fill tool | 17448 | * option of an auto fill tool |
| 17444 | * | 17449 | * |
| 17445 | * Version: 1.1 | 17450 | * Version: 1.1 |
| 17446 | * Latest update: Dec 9, 2015 | 17451 | * Latest update: Dec 9, 2015 |
| 17447 | * | 17452 | * |
| 17448 | * ---------------------------------------------------------------------------- */ | 17453 | * ---------------------------------------------------------------------------- */ |
| 17449 | .dataTable tbody > tr.selected, | 17454 | .dataTable tbody > tr.selected, |
| 17450 | .dataTable tbody > tr > .selected { | 17455 | .dataTable tbody > tr > .selected { |
| 17451 | background-color: #E8F5E9; | 17456 | background-color: #E8F5E9; |
| 17452 | } | 17457 | } |
| 17453 | .dataTables_wrapper .select-info, | 17458 | .dataTables_wrapper .select-info, |
| 17454 | .dataTables_wrapper .select-item { | 17459 | .dataTables_wrapper .select-item { |
| 17455 | margin-left: 10px; | 17460 | margin-left: 10px; |
| 17456 | } | 17461 | } |
| 17457 | @media (max-width: 768px) { | 17462 | @media (max-width: 768px) { |
| 17458 | .dataTables_wrapper .select-info, | 17463 | .dataTables_wrapper .select-info, |
| 17459 | .dataTables_wrapper .select-item { | 17464 | .dataTables_wrapper .select-item { |
| 17460 | margin-left: 0; | 17465 | margin-left: 0; |
| 17461 | display: block; | 17466 | display: block; |
| 17462 | } | 17467 | } |
| 17463 | } | 17468 | } |
| 17464 | .dataTable tbody .select-checkbox { | 17469 | .dataTable tbody .select-checkbox { |
| 17465 | position: relative; | 17470 | position: relative; |
| 17466 | } | 17471 | } |
| 17467 | .dataTable tbody .select-checkbox:before, | 17472 | .dataTable tbody .select-checkbox:before, |
| 17468 | .dataTable tbody .select-checkbox:after { | 17473 | .dataTable tbody .select-checkbox:after { |
| 17469 | display: block; | 17474 | display: block; |
| 17470 | color: #455A64; | 17475 | color: #455A64; |
| 17471 | position: absolute; | 17476 | position: absolute; |
| 17472 | top: 50%; | 17477 | top: 50%; |
| 17473 | left: 50%; | 17478 | left: 50%; |
| 17474 | cursor: pointer; | 17479 | cursor: pointer; |
| 17475 | } | 17480 | } |
| 17476 | .dataTable tbody .select-checkbox:before { | 17481 | .dataTable tbody .select-checkbox:before { |
| 17477 | content: ''; | 17482 | content: ''; |
| 17478 | width: 18px; | 17483 | width: 18px; |
| 17479 | height: 18px; | 17484 | height: 18px; |
| 17480 | margin-top: -9px; | 17485 | margin-top: -9px; |
| 17481 | margin-left: -9px; | 17486 | margin-left: -9px; |
| 17482 | border: 2px solid #607D8B; | 17487 | border: 2px solid #607D8B; |
| 17483 | border-radius: 2px; | 17488 | border-radius: 2px; |
| 17484 | } | 17489 | } |
| 17485 | .dataTable tbody .select-checkbox:after { | 17490 | .dataTable tbody .select-checkbox:after { |
| 17486 | content: "\ed6e"; | 17491 | content: "\ed6e"; |
| 17487 | font-family: 'icomoon'; | 17492 | font-family: 'icomoon'; |
| 17488 | font-size: 16px; | 17493 | font-size: 16px; |
| 17489 | line-height: 1; | 17494 | line-height: 1; |
| 17490 | -webkit-font-smoothing: antialiased; | 17495 | -webkit-font-smoothing: antialiased; |
| 17491 | -moz-osx-font-smoothing: grayscale; | 17496 | -moz-osx-font-smoothing: grayscale; |
| 17492 | margin-top: -8px; | 17497 | margin-top: -8px; |
| 17493 | margin-left: -8px; | 17498 | margin-left: -8px; |
| 17494 | opacity: 0; | 17499 | opacity: 0; |
| 17495 | filter: alpha(opacity=0); | 17500 | filter: alpha(opacity=0); |
| 17496 | -webkit-transform: scale(0); | 17501 | -webkit-transform: scale(0); |
| 17497 | -ms-transform: scale(0); | 17502 | -ms-transform: scale(0); |
| 17498 | -o-transform: scale(0); | 17503 | -o-transform: scale(0); |
| 17499 | transform: scale(0); | 17504 | transform: scale(0); |
| 17500 | -webkit-transition-duration: 0.1s; | 17505 | -webkit-transition-duration: 0.1s; |
| 17501 | transition-duration: 0.1s; | 17506 | transition-duration: 0.1s; |
| 17502 | } | 17507 | } |
| 17503 | .dataTable tbody .selected .select-checkbox:before { | 17508 | .dataTable tbody .selected .select-checkbox:before { |
| 17504 | border-color: transparent; | 17509 | border-color: transparent; |
| 17505 | -webkit-transition-duration: 0.1s; | 17510 | -webkit-transition-duration: 0.1s; |
| 17506 | transition-duration: 0.1s; | 17511 | transition-duration: 0.1s; |
| 17507 | } | 17512 | } |
| 17508 | .dataTable tbody .selected .select-checkbox:after { | 17513 | .dataTable tbody .selected .select-checkbox:after { |
| 17509 | opacity: 1; | 17514 | opacity: 1; |
| 17510 | filter: alpha(opacity=100); | 17515 | filter: alpha(opacity=100); |
| 17511 | -webkit-transform: scale(1); | 17516 | -webkit-transform: scale(1); |
| 17512 | -ms-transform: scale(1); | 17517 | -ms-transform: scale(1); |
| 17513 | -o-transform: scale(1); | 17518 | -o-transform: scale(1); |
| 17514 | transform: scale(1); | 17519 | transform: scale(1); |
| 17515 | } | 17520 | } |
| 17516 | /* ------------------------------------------------------------------------------ | 17521 | /* ------------------------------------------------------------------------------ |
| 17517 | * | 17522 | * |
| 17518 | * # Buttons extension | 17523 | * # Buttons extension |
| 17519 | * | 17524 | * |
| 17520 | * The Buttons extension for DataTables provides a common set of options, API | 17525 | * The Buttons extension for DataTables provides a common set of options, API |
| 17521 | * methods and styling to display buttons that will interact with a DataTable | 17526 | * methods and styling to display buttons that will interact with a DataTable |
| 17522 | * | 17527 | * |
| 17523 | * Version: 1.2 | 17528 | * Version: 1.2 |
| 17524 | * Latest update: Jul 5, 2016 | 17529 | * Latest update: Jul 5, 2016 |
| 17525 | * | 17530 | * |
| 17526 | * ---------------------------------------------------------------------------- */ | 17531 | * ---------------------------------------------------------------------------- */ |
| 17527 | .dt-buttons-full .dt-buttons { | 17532 | .dt-buttons-full .dt-buttons { |
| 17528 | text-align: center; | 17533 | text-align: center; |
| 17529 | float: none; | 17534 | float: none; |
| 17530 | display: block; | 17535 | display: block; |
| 17531 | margin: 0; | 17536 | margin: 0; |
| 17532 | padding: 20px 20px 10px 20px; | 17537 | padding: 20px 20px 10px 20px; |
| 17533 | border-bottom: 1px solid #ddd; | 17538 | border-bottom: 1px solid #ddd; |
| 17534 | } | 17539 | } |
| 17535 | .dt-buttons-full .dt-buttons > .btn { | 17540 | .dt-buttons-full .dt-buttons > .btn { |
| 17536 | margin-bottom: 10px; | 17541 | margin-bottom: 10px; |
| 17537 | float: none; | 17542 | float: none; |
| 17538 | } | 17543 | } |
| 17539 | .dt-buttons { | 17544 | .dt-buttons { |
| 17540 | float: right; | 17545 | float: right; |
| 17541 | display: inline-block; | 17546 | display: inline-block; |
| 17542 | margin: 0 0 20px 20px; | 17547 | margin: 0 0 20px 20px; |
| 17543 | } | 17548 | } |
| 17544 | .dt-buttons-left .dt-buttons { | 17549 | .dt-buttons-left .dt-buttons { |
| 17545 | float: left; | 17550 | float: left; |
| 17546 | } | 17551 | } |
| 17547 | .dt-buttons > .dt-button { | 17552 | .dt-buttons > .dt-button { |
| 17548 | display: inline-block; | 17553 | display: inline-block; |
| 17549 | } | 17554 | } |
| 17550 | .dt-buttons > .btn { | 17555 | .dt-buttons > .btn { |
| 17551 | border-radius: 0; | 17556 | border-radius: 0; |
| 17552 | } | 17557 | } |
| 17553 | .dt-buttons > .btn:first-child { | 17558 | .dt-buttons > .btn:first-child { |
| 17554 | border-bottom-left-radius: 3px; | 17559 | border-bottom-left-radius: 3px; |
| 17555 | border-top-left-radius: 3px; | 17560 | border-top-left-radius: 3px; |
| 17556 | } | 17561 | } |
| 17557 | .dt-buttons > .btn:last-child { | 17562 | .dt-buttons > .btn:last-child { |
| 17558 | border-bottom-right-radius: 3px; | 17563 | border-bottom-right-radius: 3px; |
| 17559 | border-top-right-radius: 3px; | 17564 | border-top-right-radius: 3px; |
| 17560 | } | 17565 | } |
| 17561 | .dt-buttons > .btn + .btn { | 17566 | .dt-buttons > .btn + .btn { |
| 17562 | margin-left: 1px; | 17567 | margin-left: 1px; |
| 17563 | } | 17568 | } |
| 17564 | @media screen and (max-width: 767px) { | 17569 | @media screen and (max-width: 767px) { |
| 17565 | .dt-buttons { | 17570 | .dt-buttons { |
| 17566 | float: none; | 17571 | float: none; |
| 17567 | text-align: center; | 17572 | text-align: center; |
| 17568 | display: block; | 17573 | display: block; |
| 17569 | } | 17574 | } |
| 17570 | .dt-buttons .btn { | 17575 | .dt-buttons .btn { |
| 17571 | float: none; | 17576 | float: none; |
| 17572 | } | 17577 | } |
| 17573 | } | 17578 | } |
| 17574 | .dt-button-info { | 17579 | .dt-button-info { |
| 17575 | position: fixed; | 17580 | position: fixed; |
| 17576 | top: 50%; | 17581 | top: 50%; |
| 17577 | left: 50%; | 17582 | left: 50%; |
| 17578 | width: 400px; | 17583 | width: 400px; |
| 17579 | margin-top: -100px; | 17584 | margin-top: -100px; |
| 17580 | margin-left: -200px; | 17585 | margin-left: -200px; |
| 17581 | padding: 20px; | 17586 | padding: 20px; |
| 17582 | background-color: #fff; | 17587 | background-color: #fff; |
| 17583 | border-radius: 3px; | 17588 | border-radius: 3px; |
| 17584 | text-align: center; | 17589 | text-align: center; |
| 17585 | z-index: 1050; | 17590 | z-index: 1050; |
| 17586 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 17591 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 17587 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 17592 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 17588 | } | 17593 | } |
| 17589 | .dt-button-info h2 { | 17594 | .dt-button-info h2 { |
| 17590 | margin-top: 0; | 17595 | margin-top: 0; |
| 17591 | line-height: 1.5384616; | 17596 | line-height: 1.5384616; |
| 17592 | font-size: 17px; | 17597 | font-size: 17px; |
| 17593 | } | 17598 | } |
| 17594 | .dt-button-background { | 17599 | .dt-button-background { |
| 17595 | position: fixed; | 17600 | position: fixed; |
| 17596 | top: 0; | 17601 | top: 0; |
| 17597 | left: 0; | 17602 | left: 0; |
| 17598 | height: 100%; | 17603 | height: 100%; |
| 17599 | width: 100%; | 17604 | width: 100%; |
| 17600 | background-color: #333; | 17605 | background-color: #333; |
| 17601 | z-index: 999; | 17606 | z-index: 999; |
| 17602 | opacity: 0.25; | 17607 | opacity: 0.25; |
| 17603 | filter: alpha(opacity=25); | 17608 | filter: alpha(opacity=25); |
| 17604 | } | 17609 | } |
| 17605 | .dt-button-collection { | 17610 | .dt-button-collection { |
| 17606 | position: absolute; | 17611 | position: absolute; |
| 17607 | top: 0; | 17612 | top: 0; |
| 17608 | left: 0; | 17613 | left: 0; |
| 17609 | background-color: #fff; | 17614 | background-color: #fff; |
| 17610 | display: block; | 17615 | display: block; |
| 17611 | z-index: 1000; | 17616 | z-index: 1000; |
| 17612 | padding: 8px 0; | 17617 | padding: 8px 0; |
| 17613 | overflow: hidden; | 17618 | overflow: hidden; |
| 17614 | min-width: 180px; | 17619 | min-width: 180px; |
| 17615 | border-radius: 3px; | 17620 | border-radius: 3px; |
| 17616 | -webkit-column-gap: 2px; | 17621 | -webkit-column-gap: 2px; |
| 17617 | -moz-column-gap: 2px; | 17622 | -moz-column-gap: 2px; |
| 17618 | -ms-column-gap: 2px; | 17623 | -ms-column-gap: 2px; |
| 17619 | -o-column-gap: 2px; | 17624 | -o-column-gap: 2px; |
| 17620 | column-gap: 2px; | 17625 | column-gap: 2px; |
| 17621 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 17626 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 17622 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 17627 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 17623 | } | 17628 | } |
| 17624 | .dt-button-collection > .dt-button { | 17629 | .dt-button-collection > .dt-button { |
| 17625 | padding: 8px 15px; | 17630 | padding: 8px 15px; |
| 17626 | color: #333333; | 17631 | color: #333333; |
| 17627 | display: block; | 17632 | display: block; |
| 17628 | outline: 0; | 17633 | outline: 0; |
| 17629 | } | 17634 | } |
| 17630 | .dt-button-collection > .dt-button + .dt-button { | 17635 | .dt-button-collection > .dt-button + .dt-button { |
| 17631 | margin-top: 1px; | 17636 | margin-top: 1px; |
| 17632 | } | 17637 | } |
| 17633 | .dt-button-collection > .dt-button:hover, | 17638 | .dt-button-collection > .dt-button:hover, |
| 17634 | .dt-button-collection > .dt-button:focus { | 17639 | .dt-button-collection > .dt-button:focus { |
| 17635 | color: #333333; | 17640 | color: #333333; |
| 17636 | background-color: #f5f5f5; | 17641 | background-color: #f5f5f5; |
| 17637 | } | 17642 | } |
| 17638 | .dt-button-collection > .dt-button.active { | 17643 | .dt-button-collection > .dt-button.active { |
| 17639 | color: #fff; | 17644 | color: #fff; |
| 17640 | background-color: #26A69A; | 17645 | background-color: #26A69A; |
| 17641 | } | 17646 | } |
| 17642 | .dt-button-collection.fixed { | 17647 | .dt-button-collection.fixed { |
| 17643 | position: fixed; | 17648 | position: fixed; |
| 17644 | top: 50%; | 17649 | top: 50%; |
| 17645 | left: 50%; | 17650 | left: 50%; |
| 17646 | margin-left: -75px; | 17651 | margin-left: -75px; |
| 17647 | padding-left: 6px; | 17652 | padding-left: 6px; |
| 17648 | padding-right: 6px; | 17653 | padding-right: 6px; |
| 17649 | } | 17654 | } |
| 17650 | .dt-button-collection.fixed.two-column { | 17655 | .dt-button-collection.fixed.two-column { |
| 17651 | margin-left: -150px; | 17656 | margin-left: -150px; |
| 17652 | } | 17657 | } |
| 17653 | .dt-button-collection.fixed.three-column { | 17658 | .dt-button-collection.fixed.three-column { |
| 17654 | margin-left: -225px; | 17659 | margin-left: -225px; |
| 17655 | } | 17660 | } |
| 17656 | .dt-button-collection.fixed.four-column { | 17661 | .dt-button-collection.fixed.four-column { |
| 17657 | margin-left: -300px; | 17662 | margin-left: -300px; |
| 17658 | } | 17663 | } |
| 17659 | .dt-button-collection > * { | 17664 | .dt-button-collection > * { |
| 17660 | -webkit-column-break-inside: avoid; | 17665 | -webkit-column-break-inside: avoid; |
| 17661 | break-inside: avoid; | 17666 | break-inside: avoid; |
| 17662 | } | 17667 | } |
| 17663 | .dt-button-collection.two-column { | 17668 | .dt-button-collection.two-column { |
| 17664 | width: 300px; | 17669 | width: 300px; |
| 17665 | -webkit-column-count: 2; | 17670 | -webkit-column-count: 2; |
| 17666 | -moz-column-count: 2; | 17671 | -moz-column-count: 2; |
| 17667 | -ms-column-count: 2; | 17672 | -ms-column-count: 2; |
| 17668 | -o-column-count: 2; | 17673 | -o-column-count: 2; |
| 17669 | column-count: 2; | 17674 | column-count: 2; |
| 17670 | } | 17675 | } |
| 17671 | .dt-button-collection.three-column { | 17676 | .dt-button-collection.three-column { |
| 17672 | width: 450px; | 17677 | width: 450px; |
| 17673 | -webkit-column-count: 3; | 17678 | -webkit-column-count: 3; |
| 17674 | -moz-column-count: 3; | 17679 | -moz-column-count: 3; |
| 17675 | -ms-column-count: 3; | 17680 | -ms-column-count: 3; |
| 17676 | -o-column-count: 3; | 17681 | -o-column-count: 3; |
| 17677 | column-count: 3; | 17682 | column-count: 3; |
| 17678 | } | 17683 | } |
| 17679 | .dt-button-collection.four-column { | 17684 | .dt-button-collection.four-column { |
| 17680 | width: 600px; | 17685 | width: 600px; |
| 17681 | -webkit-column-count: 4; | 17686 | -webkit-column-count: 4; |
| 17682 | -moz-column-count: 4; | 17687 | -moz-column-count: 4; |
| 17683 | -ms-column-count: 4; | 17688 | -ms-column-count: 4; |
| 17684 | -o-column-count: 4; | 17689 | -o-column-count: 4; |
| 17685 | column-count: 4; | 17690 | column-count: 4; |
| 17686 | } | 17691 | } |
| 17687 | /* ------------------------------------------------------------------------------ | 17692 | /* ------------------------------------------------------------------------------ |
| 17688 | * | 17693 | * |
| 17689 | * # Key Table extension | 17694 | * # Key Table extension |
| 17690 | * | 17695 | * |
| 17691 | * KeyTable provides Excel like cell navigation on any table. Events (focus, blur, | 17696 | * KeyTable provides Excel like cell navigation on any table. Events (focus, blur, |
| 17692 | * action etc) can be assigned to individual cells, columns, rows or all cells. | 17697 | * action etc) can be assigned to individual cells, columns, rows or all cells. |
| 17693 | * | 17698 | * |
| 17694 | * Version: 1.0 | 17699 | * Version: 1.0 |
| 17695 | * Latest update: Nov 10, 2015 | 17700 | * Latest update: Nov 10, 2015 |
| 17696 | * | 17701 | * |
| 17697 | * ---------------------------------------------------------------------------- */ | 17702 | * ---------------------------------------------------------------------------- */ |
| 17698 | .dataTable th.focus, | 17703 | .dataTable th.focus, |
| 17699 | .dataTable td.focus { | 17704 | .dataTable td.focus { |
| 17700 | outline: 2px solid #2196F3; | 17705 | outline: 2px solid #2196F3; |
| 17701 | outline-offset: -1px; | 17706 | outline-offset: -1px; |
| 17702 | } | 17707 | } |
| 17703 | .dataTable th.focus-success, | 17708 | .dataTable th.focus-success, |
| 17704 | .dataTable td.focus-success { | 17709 | .dataTable td.focus-success { |
| 17705 | background-color: #E8F5E9; | 17710 | background-color: #E8F5E9; |
| 17706 | outline-color: #4CAF50; | 17711 | outline-color: #4CAF50; |
| 17707 | } | 17712 | } |
| 17708 | .dataTable th.focus-info, | 17713 | .dataTable th.focus-info, |
| 17709 | .dataTable td.focus-info { | 17714 | .dataTable td.focus-info { |
| 17710 | background-color: #E3F2FD; | 17715 | background-color: #E3F2FD; |
| 17711 | outline-color: #2196F3; | 17716 | outline-color: #2196F3; |
| 17712 | } | 17717 | } |
| 17713 | .dataTable th.focus-warning, | 17718 | .dataTable th.focus-warning, |
| 17714 | .dataTable td.focus-warning { | 17719 | .dataTable td.focus-warning { |
| 17715 | background-color: #FBE9E7; | 17720 | background-color: #FBE9E7; |
| 17716 | outline-color: #FF5722; | 17721 | outline-color: #FF5722; |
| 17717 | } | 17722 | } |
| 17718 | .dataTable th.focus-danger, | 17723 | .dataTable th.focus-danger, |
| 17719 | .dataTable td.focus-danger { | 17724 | .dataTable td.focus-danger { |
| 17720 | background-color: #FFEBEE; | 17725 | background-color: #FFEBEE; |
| 17721 | outline-color: #F44336; | 17726 | outline-color: #F44336; |
| 17722 | } | 17727 | } |
| 17723 | /* ------------------------------------------------------------------------------ | 17728 | /* ------------------------------------------------------------------------------ |
| 17724 | * | 17729 | * |
| 17725 | * # Datatables Scroller | 17730 | * # Datatables Scroller |
| 17726 | * | 17731 | * |
| 17727 | * Drawing the rows required for the current display only, for fast operation | 17732 | * Drawing the rows required for the current display only, for fast operation |
| 17728 | * | 17733 | * |
| 17729 | * Version: 1.0 | 17734 | * Version: 1.0 |
| 17730 | * Latest update: May 25, 2015 | 17735 | * Latest update: May 25, 2015 |
| 17731 | * | 17736 | * |
| 17732 | * ---------------------------------------------------------------------------- */ | 17737 | * ---------------------------------------------------------------------------- */ |
| 17733 | .DTS tbody th, | 17738 | .DTS tbody th, |
| 17734 | .DTS tbody td { | 17739 | .DTS tbody td { |
| 17735 | white-space: nowrap; | 17740 | white-space: nowrap; |
| 17736 | } | 17741 | } |
| 17737 | .DTS .DTS_Loading { | 17742 | .DTS .DTS_Loading { |
| 17738 | position: absolute; | 17743 | position: absolute; |
| 17739 | top: 50%; | 17744 | top: 50%; |
| 17740 | left: 50%; | 17745 | left: 50%; |
| 17741 | width: 200px; | 17746 | width: 200px; |
| 17742 | height: 20px; | 17747 | height: 20px; |
| 17743 | margin-top: -20px; | 17748 | margin-top: -20px; |
| 17744 | margin-left: -100px; | 17749 | margin-left: -100px; |
| 17745 | z-index: 1; | 17750 | z-index: 1; |
| 17746 | border: 1px solid #999; | 17751 | border: 1px solid #999; |
| 17747 | padding: 20px 0; | 17752 | padding: 20px 0; |
| 17748 | text-align: center; | 17753 | text-align: center; |
| 17749 | background-color: rgba(255, 255, 255, 0.5); | 17754 | background-color: rgba(255, 255, 255, 0.5); |
| 17750 | } | 17755 | } |
| 17751 | .DTS .dataTables_scrollHead, | 17756 | .DTS .dataTables_scrollHead, |
| 17752 | .DTS .dataTables_scrollFoot { | 17757 | .DTS .dataTables_scrollFoot { |
| 17753 | background-color: #fff; | 17758 | background-color: #fff; |
| 17754 | } | 17759 | } |
| 17755 | .DTS .dataTables_scrollBody { | 17760 | .DTS .dataTables_scrollBody { |
| 17756 | z-index: 2; | 17761 | z-index: 2; |
| 17757 | } | 17762 | } |
| 17758 | /* ------------------------------------------------------------------------------ | 17763 | /* ------------------------------------------------------------------------------ |
| 17759 | * | 17764 | * |
| 17760 | * # Responsive extension | 17765 | * # Responsive extension |
| 17761 | * | 17766 | * |
| 17762 | * Optimise the table's layout for different screen sizes through the dynamic | 17767 | * Optimise the table's layout for different screen sizes through the dynamic |
| 17763 | * insertion and removal of columns from the table | 17768 | * insertion and removal of columns from the table |
| 17764 | * | 17769 | * |
| 17765 | * Version: 1.0 | 17770 | * Version: 1.0 |
| 17766 | * Latest update: May 25, 2015 | 17771 | * Latest update: May 25, 2015 |
| 17767 | * | 17772 | * |
| 17768 | * ---------------------------------------------------------------------------- */ | 17773 | * ---------------------------------------------------------------------------- */ |
| 17769 | .dtr-inline.collapsed tbody tr td:before, | 17774 | .dtr-inline.collapsed tbody tr td:before, |
| 17770 | .dtr-inline.collapsed tbody tr th:before { | 17775 | .dtr-inline.collapsed tbody tr th:before { |
| 17771 | margin-right: 10px; | 17776 | margin-right: 10px; |
| 17772 | } | 17777 | } |
| 17773 | .dtr-inline.collapsed tbody tr td:first-child, | 17778 | .dtr-inline.collapsed tbody tr td:first-child, |
| 17774 | .dtr-inline.collapsed tbody tr th:first-child { | 17779 | .dtr-inline.collapsed tbody tr th:first-child { |
| 17775 | position: relative; | 17780 | position: relative; |
| 17776 | cursor: pointer; | 17781 | cursor: pointer; |
| 17777 | white-space: nowrap; | 17782 | white-space: nowrap; |
| 17778 | } | 17783 | } |
| 17779 | .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, | 17784 | .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, |
| 17780 | .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { | 17785 | .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { |
| 17781 | display: none; | 17786 | display: none; |
| 17782 | } | 17787 | } |
| 17783 | .dtr-column tbody td.control, | 17788 | .dtr-column tbody td.control, |
| 17784 | .dtr-column tbody th.control { | 17789 | .dtr-column tbody th.control { |
| 17785 | position: relative; | 17790 | position: relative; |
| 17786 | cursor: pointer; | 17791 | cursor: pointer; |
| 17787 | } | 17792 | } |
| 17788 | .dtr-inline.collapsed tbody tr td:first-child:before, | 17793 | .dtr-inline.collapsed tbody tr td:first-child:before, |
| 17789 | .dtr-inline.collapsed tbody tr th:first-child:before, | 17794 | .dtr-inline.collapsed tbody tr th:first-child:before, |
| 17790 | .dtr-column tbody tr td.control:before, | 17795 | .dtr-column tbody tr td.control:before, |
| 17791 | .dtr-column tbody tr th.control:before { | 17796 | .dtr-column tbody tr th.control:before { |
| 17792 | content: '\e9e4'; | 17797 | content: '\e9e4'; |
| 17793 | font-family: 'icomoon'; | 17798 | font-family: 'icomoon'; |
| 17794 | display: inline-block; | 17799 | display: inline-block; |
| 17795 | font-size: 16px; | 17800 | font-size: 16px; |
| 17796 | width: 16px; | 17801 | width: 16px; |
| 17797 | line-height: 1; | 17802 | line-height: 1; |
| 17798 | position: relative; | 17803 | position: relative; |
| 17799 | top: -1px; | 17804 | top: -1px; |
| 17800 | vertical-align: middle; | 17805 | vertical-align: middle; |
| 17801 | -webkit-font-smoothing: antialiased; | 17806 | -webkit-font-smoothing: antialiased; |
| 17802 | -moz-osx-font-smoothing: grayscale; | 17807 | -moz-osx-font-smoothing: grayscale; |
| 17803 | } | 17808 | } |
| 17804 | .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, | 17809 | .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, |
| 17805 | .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before, | 17810 | .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before, |
| 17806 | .dataTable.dtr-column tbody tr.parent td.control:before, | 17811 | .dataTable.dtr-column tbody tr.parent td.control:before, |
| 17807 | .dataTable.dtr-column tbody tr.parent th.control:before { | 17812 | .dataTable.dtr-column tbody tr.parent th.control:before { |
| 17808 | content: '\e9e7'; | 17813 | content: '\e9e7'; |
| 17809 | } | 17814 | } |
| 17810 | .dtr-inline.collapsed tbody tr.child td:before { | 17815 | .dtr-inline.collapsed tbody tr.child td:before { |
| 17811 | display: none; | 17816 | display: none; |
| 17812 | } | 17817 | } |
| 17813 | .dataTable tr.child:hover { | 17818 | .dataTable tr.child:hover { |
| 17814 | background-color: transparent; | 17819 | background-color: transparent; |
| 17815 | } | 17820 | } |
| 17816 | .dataTable tr.child .dtr-title { | 17821 | .dataTable tr.child .dtr-title { |
| 17817 | display: table-cell; | 17822 | display: table-cell; |
| 17818 | font-weight: 500; | 17823 | font-weight: 500; |
| 17819 | padding-right: 40px; | 17824 | padding-right: 40px; |
| 17820 | } | 17825 | } |
| 17821 | .dataTable tr.child .dtr-data { | 17826 | .dataTable tr.child .dtr-data { |
| 17822 | display: table-cell; | 17827 | display: table-cell; |
| 17823 | padding: 8px 0; | 17828 | padding: 8px 0; |
| 17824 | } | 17829 | } |
| 17825 | .dataTable tr td.child { | 17830 | .dataTable tr td.child { |
| 17826 | white-space: normal; | 17831 | white-space: normal; |
| 17827 | position: relative; | 17832 | position: relative; |
| 17828 | } | 17833 | } |
| 17829 | .dataTable tr td.child > ul { | 17834 | .dataTable tr td.child > ul { |
| 17830 | display: table; | 17835 | display: table; |
| 17831 | table-layout: fixed; | 17836 | table-layout: fixed; |
| 17832 | width: 100%; | 17837 | width: 100%; |
| 17833 | list-style: none; | 17838 | list-style: none; |
| 17834 | margin: 0; | 17839 | margin: 0; |
| 17835 | padding: 0; | 17840 | padding: 0; |
| 17836 | } | 17841 | } |
| 17837 | .dataTable tr td.child > ul > li { | 17842 | .dataTable tr td.child > ul > li { |
| 17838 | display: table-row; | 17843 | display: table-row; |
| 17839 | } | 17844 | } |
| 17840 | @media (max-width: 480px) { | 17845 | @media (max-width: 480px) { |
| 17841 | .dataTable tr td.child > ul > li .dropdown, | 17846 | .dataTable tr td.child > ul > li .dropdown, |
| 17842 | .dataTable tr td.child > ul > li .dropup, | 17847 | .dataTable tr td.child > ul > li .dropup, |
| 17843 | .dataTable tr td.child > ul > li .btn-group { | 17848 | .dataTable tr td.child > ul > li .btn-group { |
| 17844 | position: static; | 17849 | position: static; |
| 17845 | } | 17850 | } |
| 17846 | .dataTable tr td.child > ul > li .dropdown-menu { | 17851 | .dataTable tr td.child > ul > li .dropdown-menu { |
| 17847 | left: 0; | 17852 | left: 0; |
| 17848 | right: 0; | 17853 | right: 0; |
| 17849 | border-radius: 0; | 17854 | border-radius: 0; |
| 17850 | border-width: 1px 0; | 17855 | border-width: 1px 0; |
| 17851 | } | 17856 | } |
| 17852 | } | 17857 | } |
| 17853 | /* ------------------------------------------------------------------------------ | 17858 | /* ------------------------------------------------------------------------------ |
| 17854 | * | 17859 | * |
| 17855 | * # Google maps base | 17860 | * # Google maps base |
| 17856 | * | 17861 | * |
| 17857 | * Styles related to Google Maps: containers, sizing etc. | 17862 | * Styles related to Google Maps: containers, sizing etc. |
| 17858 | * | 17863 | * |
| 17859 | * Version: 1.0 | 17864 | * Version: 1.0 |
| 17860 | * Latest update: May 25, 2015 | 17865 | * Latest update: May 25, 2015 |
| 17861 | * | 17866 | * |
| 17862 | * ---------------------------------------------------------------------------- */ | 17867 | * ---------------------------------------------------------------------------- */ |
| 17863 | .map-wrapper { | 17868 | .map-wrapper { |
| 17864 | width: 100%; | 17869 | width: 100%; |
| 17865 | height: 400px; | 17870 | height: 400px; |
| 17866 | } | 17871 | } |
| 17867 | .sidebar .map-wrapper { | 17872 | .sidebar .map-wrapper { |
| 17868 | height: 200px; | 17873 | height: 200px; |
| 17869 | border: 1px solid #ddd; | 17874 | border: 1px solid #ddd; |
| 17870 | } | 17875 | } |
| 17871 | /* ------------------------------------------------------------------------------ | 17876 | /* ------------------------------------------------------------------------------ |
| 17872 | * | 17877 | * |
| 17873 | * # Google Maps overrides | 17878 | * # Google Maps overrides |
| 17874 | * | 17879 | * |
| 17875 | * Override Google Maps default styles | 17880 | * Override Google Maps default styles |
| 17876 | * | 17881 | * |
| 17877 | * Version: 1.0 | 17882 | * Version: 1.0 |
| 17878 | * Latest update: May 25, 2015 | 17883 | * Latest update: May 25, 2015 |
| 17879 | * | 17884 | * |
| 17880 | * ---------------------------------------------------------------------------- */ | 17885 | * ---------------------------------------------------------------------------- */ |
| 17881 | .map-container { | 17886 | .map-container { |
| 17882 | height: 500px; | 17887 | height: 500px; |
| 17883 | } | 17888 | } |
| 17884 | .gm-style { | 17889 | .gm-style { |
| 17885 | font-size: 13px; | 17890 | font-size: 13px; |
| 17886 | } | 17891 | } |
| 17887 | .gm-style .gm-style-iw { | 17892 | .gm-style .gm-style-iw { |
| 17888 | font-size: 13px; | 17893 | font-size: 13px; |
| 17889 | font-weight: 400; | 17894 | font-weight: 400; |
| 17890 | } | 17895 | } |
| 17891 | /* ------------------------------------------------------------------------------ | 17896 | /* ------------------------------------------------------------------------------ |
| 17892 | * | 17897 | * |
| 17893 | * # Vector maps | 17898 | * # Vector maps |
| 17894 | * | 17899 | * |
| 17895 | * Vector map container, tooltip and zooming | 17900 | * Vector map container, tooltip and zooming |
| 17896 | * | 17901 | * |
| 17897 | * Version: 1.0 | 17902 | * Version: 1.0 |
| 17898 | * Latest update: May 25, 2015 | 17903 | * Latest update: May 25, 2015 |
| 17899 | * | 17904 | * |
| 17900 | * ---------------------------------------------------------------------------- */ | 17905 | * ---------------------------------------------------------------------------- */ |
| 17901 | .vector-map-container { | 17906 | .vector-map-container { |
| 17902 | height: 500px; | 17907 | height: 500px; |
| 17903 | } | 17908 | } |
| 17904 | .jvectormap-label { | 17909 | .jvectormap-label { |
| 17905 | position: absolute; | 17910 | position: absolute; |
| 17906 | display: none; | 17911 | display: none; |
| 17907 | border-radius: 2px; | 17912 | border-radius: 2px; |
| 17908 | background-color: #333; | 17913 | background-color: #333; |
| 17909 | color: #fff; | 17914 | color: #fff; |
| 17910 | padding: 8px 16px; | 17915 | padding: 8px 16px; |
| 17911 | } | 17916 | } |
| 17912 | .jvectormap-zoomin, | 17917 | .jvectormap-zoomin, |
| 17913 | .jvectormap-zoomout { | 17918 | .jvectormap-zoomout { |
| 17914 | position: absolute; | 17919 | position: absolute; |
| 17915 | left: 10px; | 17920 | left: 10px; |
| 17916 | border-radius: 2px; | 17921 | border-radius: 2px; |
| 17917 | padding: 8px; | 17922 | padding: 8px; |
| 17918 | color: white; | 17923 | color: white; |
| 17919 | cursor: pointer; | 17924 | cursor: pointer; |
| 17920 | font-size: 16px; | 17925 | font-size: 16px; |
| 17921 | font-weight: 300; | 17926 | font-weight: 300; |
| 17922 | line-height: 10px; | 17927 | line-height: 10px; |
| 17923 | background-color: #37474F; | 17928 | background-color: #37474F; |
| 17924 | text-align: center; | 17929 | text-align: center; |
| 17925 | } | 17930 | } |
| 17926 | .jvectormap-zoomin:hover, | 17931 | .jvectormap-zoomin:hover, |
| 17927 | .jvectormap-zoomout:hover { | 17932 | .jvectormap-zoomout:hover { |
| 17928 | background-color: #455A64; | 17933 | background-color: #455A64; |
| 17929 | } | 17934 | } |
| 17930 | .jvectormap-zoomin { | 17935 | .jvectormap-zoomin { |
| 17931 | top: 10px; | 17936 | top: 10px; |
| 17932 | } | 17937 | } |
| 17933 | .jvectormap-zoomout { | 17938 | .jvectormap-zoomout { |
| 17934 | top: 40px; | 17939 | top: 40px; |
| 17935 | } | 17940 | } |
| 17936 | /* ------------------------------------------------------------------------------ | 17941 | /* ------------------------------------------------------------------------------ |
| 17937 | * | 17942 | * |
| 17938 | * # Chart styling | 17943 | * # Chart styling |
| 17939 | * | 17944 | * |
| 17940 | * Charts base - container and sizing setup | 17945 | * Charts base - container and sizing setup |
| 17941 | * | 17946 | * |
| 17942 | * Version: 1.0 | 17947 | * Version: 1.0 |
| 17943 | * Latest update: May 25, 2015 | 17948 | * Latest update: May 25, 2015 |
| 17944 | * | 17949 | * |
| 17945 | * ---------------------------------------------------------------------------- */ | 17950 | * ---------------------------------------------------------------------------- */ |
| 17946 | .chart-container { | 17951 | .chart-container { |
| 17947 | position: relative; | 17952 | position: relative; |
| 17948 | width: 100%; | 17953 | width: 100%; |
| 17949 | } | 17954 | } |
| 17950 | .chart-container.has-scroll { | 17955 | .chart-container.has-scroll { |
| 17951 | overflow-x: scroll; | 17956 | overflow-x: scroll; |
| 17952 | overflow-y: visible; | 17957 | overflow-y: visible; |
| 17953 | max-width: 100%; | 17958 | max-width: 100%; |
| 17954 | } | 17959 | } |
| 17955 | @media (max-width: 768px) { | 17960 | @media (max-width: 768px) { |
| 17956 | .chart-container { | 17961 | .chart-container { |
| 17957 | overflow-x: scroll; | 17962 | overflow-x: scroll; |
| 17958 | overflow-y: visible; | 17963 | overflow-y: visible; |
| 17959 | max-width: 100%; | 17964 | max-width: 100%; |
| 17960 | } | 17965 | } |
| 17961 | } | 17966 | } |
| 17962 | .chart { | 17967 | .chart { |
| 17963 | position: relative; | 17968 | position: relative; |
| 17964 | display: block; | 17969 | display: block; |
| 17965 | width: 100%; | 17970 | width: 100%; |
| 17966 | direction: ltr; | 17971 | direction: ltr; |
| 17967 | } | 17972 | } |
| 17968 | .chart.has-minimum-width { | 17973 | .chart.has-minimum-width { |
| 17969 | min-width: 600px; | 17974 | min-width: 600px; |
| 17970 | } | 17975 | } |
| 17971 | .has-fixed-height { | 17976 | .has-fixed-height { |
| 17972 | height: 400px; | 17977 | height: 400px; |
| 17973 | } | 17978 | } |
| 17974 | .chart-pie { | 17979 | .chart-pie { |
| 17975 | width: 100%; | 17980 | width: 100%; |
| 17976 | height: 400px; | 17981 | height: 400px; |
| 17977 | min-width: 500px; | 17982 | min-width: 500px; |
| 17978 | } | 17983 | } |
| 17979 | /* ------------------------------------------------------------------------------ | 17984 | /* ------------------------------------------------------------------------------ |
| 17980 | * | 17985 | * |
| 17981 | * # C3 charts | 17986 | * # C3 charts |
| 17982 | * | 17987 | * |
| 17983 | * Styles for C3.js visualization library | 17988 | * Styles for C3.js visualization library |
| 17984 | * | 17989 | * |
| 17985 | * Version: 1.0 | 17990 | * Version: 1.0 |
| 17986 | * Latest update: May 25, 2015 | 17991 | * Latest update: May 25, 2015 |
| 17987 | * | 17992 | * |
| 17988 | * ---------------------------------------------------------------------------- */ | 17993 | * ---------------------------------------------------------------------------- */ |
| 17989 | .c3 svg { | 17994 | .c3 svg { |
| 17990 | font-size: 12px; | 17995 | font-size: 12px; |
| 17991 | } | 17996 | } |
| 17992 | .c3 path, | 17997 | .c3 path, |
| 17993 | .c3 line { | 17998 | .c3 line { |
| 17994 | fill: none; | 17999 | fill: none; |
| 17995 | stroke: #999999; | 18000 | stroke: #999999; |
| 17996 | } | 18001 | } |
| 17997 | .c3 path.domain { | 18002 | .c3 path.domain { |
| 17998 | shape-rendering: crispEdges; | 18003 | shape-rendering: crispEdges; |
| 17999 | } | 18004 | } |
| 18000 | .c3 text { | 18005 | .c3 text { |
| 18001 | -webkit-user-select: none; | 18006 | -webkit-user-select: none; |
| 18002 | -moz-user-select: none; | 18007 | -moz-user-select: none; |
| 18003 | -ms-user-select: none; | 18008 | -ms-user-select: none; |
| 18004 | user-select: none; | 18009 | user-select: none; |
| 18005 | } | 18010 | } |
| 18006 | .c3-legend-item-tile, | 18011 | .c3-legend-item-tile, |
| 18007 | .c3-xgrid-focus, | 18012 | .c3-xgrid-focus, |
| 18008 | .c3-ygrid, | 18013 | .c3-ygrid, |
| 18009 | .c3-event-rect, | 18014 | .c3-event-rect, |
| 18010 | .c3-bars path { | 18015 | .c3-bars path { |
| 18011 | shape-rendering: crispEdges; | 18016 | shape-rendering: crispEdges; |
| 18012 | } | 18017 | } |
| 18013 | .c3-chart-arc path { | 18018 | .c3-chart-arc path { |
| 18014 | stroke: #fff; | 18019 | stroke: #fff; |
| 18015 | } | 18020 | } |
| 18016 | .c3-chart-arc text { | 18021 | .c3-chart-arc text { |
| 18017 | fill: #fff; | 18022 | fill: #fff; |
| 18018 | font-size: 13px; | 18023 | font-size: 13px; |
| 18019 | } | 18024 | } |
| 18020 | .c3-grid line { | 18025 | .c3-grid line { |
| 18021 | stroke: #aaa; | 18026 | stroke: #aaa; |
| 18022 | } | 18027 | } |
| 18023 | .c3-grid text { | 18028 | .c3-grid text { |
| 18024 | fill: #aaa; | 18029 | fill: #aaa; |
| 18025 | } | 18030 | } |
| 18026 | .c3-xgrid, | 18031 | .c3-xgrid, |
| 18027 | .c3-ygrid { | 18032 | .c3-ygrid { |
| 18028 | stroke-dasharray: 3 3; | 18033 | stroke-dasharray: 3 3; |
| 18029 | } | 18034 | } |
| 18030 | .c3-text { | 18035 | .c3-text { |
| 18031 | font-weight: 500; | 18036 | font-weight: 500; |
| 18032 | } | 18037 | } |
| 18033 | .c3-text.c3-empty { | 18038 | .c3-text.c3-empty { |
| 18034 | fill: #808080; | 18039 | fill: #808080; |
| 18035 | font-size: 2em; | 18040 | font-size: 2em; |
| 18036 | } | 18041 | } |
| 18037 | .c3-line { | 18042 | .c3-line { |
| 18038 | stroke-width: 2px; | 18043 | stroke-width: 2px; |
| 18039 | } | 18044 | } |
| 18040 | .c3-area { | 18045 | .c3-area { |
| 18041 | stroke-width: 0; | 18046 | stroke-width: 0; |
| 18042 | opacity: 0.4; | 18047 | opacity: 0.4; |
| 18043 | filter: alpha(opacity=40); | 18048 | filter: alpha(opacity=40); |
| 18044 | } | 18049 | } |
| 18045 | .c3-circle._expanded_ { | 18050 | .c3-circle._expanded_ { |
| 18046 | stroke-width: 1.5px; | 18051 | stroke-width: 1.5px; |
| 18047 | stroke: #fff; | 18052 | stroke: #fff; |
| 18048 | } | 18053 | } |
| 18049 | .c3-selected-circle { | 18054 | .c3-selected-circle { |
| 18050 | fill: #fff; | 18055 | fill: #fff; |
| 18051 | stroke-width: 2px; | 18056 | stroke-width: 2px; |
| 18052 | } | 18057 | } |
| 18053 | .c3-bar { | 18058 | .c3-bar { |
| 18054 | stroke-width: 0; | 18059 | stroke-width: 0; |
| 18055 | } | 18060 | } |
| 18056 | .c3-bar._expanded_ { | 18061 | .c3-bar._expanded_ { |
| 18057 | fill-opacity: 0.75; | 18062 | fill-opacity: 0.75; |
| 18058 | } | 18063 | } |
| 18059 | .c3-chart-arcs-title { | 18064 | .c3-chart-arcs-title { |
| 18060 | font-size: 1.3em; | 18065 | font-size: 1.3em; |
| 18061 | } | 18066 | } |
| 18062 | .c3-chart-arcs .c3-chart-arcs-background { | 18067 | .c3-chart-arcs .c3-chart-arcs-background { |
| 18063 | fill: #e0e0e0; | 18068 | fill: #e0e0e0; |
| 18064 | stroke: none; | 18069 | stroke: none; |
| 18065 | } | 18070 | } |
| 18066 | .c3-chart-arcs .c3-chart-arcs-gauge-unit { | 18071 | .c3-chart-arcs .c3-chart-arcs-gauge-unit { |
| 18067 | fill: #333333; | 18072 | fill: #333333; |
| 18068 | font-size: 15px; | 18073 | font-size: 15px; |
| 18069 | } | 18074 | } |
| 18070 | .c3-chart-arcs .c3-chart-arcs-gauge-max, | 18075 | .c3-chart-arcs .c3-chart-arcs-gauge-max, |
| 18071 | .c3-chart-arcs .c3-chart-arcs-gauge-min { | 18076 | .c3-chart-arcs .c3-chart-arcs-gauge-min { |
| 18072 | fill: #999999; | 18077 | fill: #999999; |
| 18073 | } | 18078 | } |
| 18074 | .c3-chart-arc .c3-gauge-value { | 18079 | .c3-chart-arc .c3-gauge-value { |
| 18075 | fill: #333333; | 18080 | fill: #333333; |
| 18076 | font-size: 28px; | 18081 | font-size: 28px; |
| 18077 | } | 18082 | } |
| 18078 | .c3-target.c3-focused { | 18083 | .c3-target.c3-focused { |
| 18079 | opacity: 1; | 18084 | opacity: 1; |
| 18080 | filter: alpha(opacity=100); | 18085 | filter: alpha(opacity=100); |
| 18081 | } | 18086 | } |
| 18082 | .c3-target.c3-focused path.c3-line, | 18087 | .c3-target.c3-focused path.c3-line, |
| 18083 | .c3-target.c3-focused path.c3-step { | 18088 | .c3-target.c3-focused path.c3-step { |
| 18084 | stroke-width: 2px; | 18089 | stroke-width: 2px; |
| 18085 | } | 18090 | } |
| 18086 | .c3-target.c3-defocused { | 18091 | .c3-target.c3-defocused { |
| 18087 | opacity: 0.3 !important; | 18092 | opacity: 0.3 !important; |
| 18088 | filter: alpha(opacity=30) !important; | 18093 | filter: alpha(opacity=30) !important; |
| 18089 | } | 18094 | } |
| 18090 | .c3-region { | 18095 | .c3-region { |
| 18091 | fill: #546E7A; | 18096 | fill: #546E7A; |
| 18092 | fill-opacity: .1; | 18097 | fill-opacity: .1; |
| 18093 | } | 18098 | } |
| 18094 | .c3-brush .extent { | 18099 | .c3-brush .extent { |
| 18095 | fill-opacity: .1; | 18100 | fill-opacity: .1; |
| 18096 | } | 18101 | } |
| 18097 | .c3-legend-item { | 18102 | .c3-legend-item { |
| 18098 | font-size: 12px; | 18103 | font-size: 12px; |
| 18099 | } | 18104 | } |
| 18100 | .c3-legend-background { | 18105 | .c3-legend-background { |
| 18101 | fill: #fff; | 18106 | fill: #fff; |
| 18102 | stroke: lightgray; | 18107 | stroke: lightgray; |
| 18103 | stroke-width: 1; | 18108 | stroke-width: 1; |
| 18104 | opacity: 0.75; | 18109 | opacity: 0.75; |
| 18105 | filter: alpha(opacity=75); | 18110 | filter: alpha(opacity=75); |
| 18106 | } | 18111 | } |
| 18107 | .c3-tooltip { | 18112 | .c3-tooltip { |
| 18108 | border-collapse: collapse; | 18113 | border-collapse: collapse; |
| 18109 | border-spacing: 0; | 18114 | border-spacing: 0; |
| 18110 | background-color: #fff; | 18115 | background-color: #fff; |
| 18111 | empty-cells: show; | 18116 | empty-cells: show; |
| 18112 | opacity: 0.95; | 18117 | opacity: 0.95; |
| 18113 | filter: alpha(opacity=95); | 18118 | filter: alpha(opacity=95); |
| 18114 | } | 18119 | } |
| 18115 | .c3-tooltip th { | 18120 | .c3-tooltip th { |
| 18116 | background-color: #333; | 18121 | background-color: #333; |
| 18117 | padding: 4px 10px; | 18122 | padding: 4px 10px; |
| 18118 | text-align: center; | 18123 | text-align: center; |
| 18119 | color: #fff; | 18124 | color: #fff; |
| 18120 | border: 1px solid #333; | 18125 | border: 1px solid #333; |
| 18121 | font-weight: 500; | 18126 | font-weight: 500; |
| 18122 | } | 18127 | } |
| 18123 | .c3-tooltip td { | 18128 | .c3-tooltip td { |
| 18124 | font-size: 12px; | 18129 | font-size: 12px; |
| 18125 | padding: 6px 10px; | 18130 | padding: 6px 10px; |
| 18126 | background-color: #fff; | 18131 | background-color: #fff; |
| 18127 | border: 1px solid #ddd; | 18132 | border: 1px solid #ddd; |
| 18128 | } | 18133 | } |
| 18129 | .c3-tooltip td > span { | 18134 | .c3-tooltip td > span { |
| 18130 | display: inline-block; | 18135 | display: inline-block; |
| 18131 | width: 10px; | 18136 | width: 10px; |
| 18132 | height: 10px; | 18137 | height: 10px; |
| 18133 | margin-right: 6px; | 18138 | margin-right: 6px; |
| 18134 | } | 18139 | } |
| 18135 | .c3-tooltip td.value { | 18140 | .c3-tooltip td.value { |
| 18136 | text-align: right; | 18141 | text-align: right; |
| 18137 | } | 18142 | } |
| 18138 | /* ------------------------------------------------------------------------------ | 18143 | /* ------------------------------------------------------------------------------ |
| 18139 | * | 18144 | * |
| 18140 | * # D3.js library | 18145 | * # D3.js library |
| 18141 | * | 18146 | * |
| 18142 | * Basic styles for D3.js visualization library | 18147 | * Basic styles for D3.js visualization library |
| 18143 | * | 18148 | * |
| 18144 | * Version: 1.0 | 18149 | * Version: 1.0 |
| 18145 | * Latest update: May 25, 2015 | 18150 | * Latest update: May 25, 2015 |
| 18146 | * | 18151 | * |
| 18147 | * ---------------------------------------------------------------------------- */ | 18152 | * ---------------------------------------------------------------------------- */ |
| 18148 | .d3-axis path { | 18153 | .d3-axis path { |
| 18149 | fill: none; | 18154 | fill: none; |
| 18150 | stroke: #999999; | 18155 | stroke: #999999; |
| 18151 | shape-rendering: crispEdges; | 18156 | shape-rendering: crispEdges; |
| 18152 | } | 18157 | } |
| 18153 | .d3-axis line { | 18158 | .d3-axis line { |
| 18154 | stroke: #eeeeee; | 18159 | stroke: #eeeeee; |
| 18155 | shape-rendering: crispEdges; | 18160 | shape-rendering: crispEdges; |
| 18156 | } | 18161 | } |
| 18157 | .d3-axis .tick, | 18162 | .d3-axis .tick, |
| 18158 | .d3-axis .tick text { | 18163 | .d3-axis .tick text { |
| 18159 | font-size: 12px; | 18164 | font-size: 12px; |
| 18160 | fill: #333333; | 18165 | fill: #333333; |
| 18161 | } | 18166 | } |
| 18162 | .d3-axis-solid path, | 18167 | .d3-axis-solid path, |
| 18163 | .d3-axis-solid line { | 18168 | .d3-axis-solid line { |
| 18164 | stroke: #ccc; | 18169 | stroke: #ccc; |
| 18165 | } | 18170 | } |
| 18166 | .d3-axis-solid .tick { | 18171 | .d3-axis-solid .tick { |
| 18167 | fill: #999999; | 18172 | fill: #999999; |
| 18168 | } | 18173 | } |
| 18169 | .d3-axis-solid .tick text { | 18174 | .d3-axis-solid .tick text { |
| 18170 | fill: #999999; | 18175 | fill: #999999; |
| 18171 | } | 18176 | } |
| 18172 | .d3-axis-strong path, | 18177 | .d3-axis-strong path, |
| 18173 | .d3-axis-strong line { | 18178 | .d3-axis-strong line { |
| 18174 | stroke: #ccc; | 18179 | stroke: #ccc; |
| 18175 | } | 18180 | } |
| 18176 | .d3-axis-strong .tick { | 18181 | .d3-axis-strong .tick { |
| 18177 | fill: #333333; | 18182 | fill: #333333; |
| 18178 | } | 18183 | } |
| 18179 | .d3-axis-strong .tick text { | 18184 | .d3-axis-strong .tick text { |
| 18180 | fill: #333333; | 18185 | fill: #333333; |
| 18181 | } | 18186 | } |
| 18182 | .d3-axis-transparent path { | 18187 | .d3-axis-transparent path { |
| 18183 | stroke: none; | 18188 | stroke: none; |
| 18184 | } | 18189 | } |
| 18185 | .d3-axis-transparent line { | 18190 | .d3-axis-transparent line { |
| 18186 | stroke: #e5e5e5; | 18191 | stroke: #e5e5e5; |
| 18187 | } | 18192 | } |
| 18188 | .d3-axis-transparent .tick { | 18193 | .d3-axis-transparent .tick { |
| 18189 | fill: #999999; | 18194 | fill: #999999; |
| 18190 | } | 18195 | } |
| 18191 | .d3-axis-transparent .tick text { | 18196 | .d3-axis-transparent .tick text { |
| 18192 | fill: #999999; | 18197 | fill: #999999; |
| 18193 | } | 18198 | } |
| 18194 | .d3-tip { | 18199 | .d3-tip { |
| 18195 | position: absolute; | 18200 | position: absolute; |
| 18196 | padding: 9px 18px; | 18201 | padding: 9px 18px; |
| 18197 | border-radius: 3px; | 18202 | border-radius: 3px; |
| 18198 | background-color: #333; | 18203 | background-color: #333; |
| 18199 | color: #fff; | 18204 | color: #fff; |
| 18200 | margin-bottom: -3px; | 18205 | margin-bottom: -3px; |
| 18201 | font-size: 12px; | 18206 | font-size: 12px; |
| 18202 | z-index: 1070; | 18207 | z-index: 1070; |
| 18203 | } | 18208 | } |
| 18204 | .venntooltip { | 18209 | .venntooltip { |
| 18205 | position: absolute; | 18210 | position: absolute; |
| 18206 | text-align: center; | 18211 | text-align: center; |
| 18207 | min-width: 60px; | 18212 | min-width: 60px; |
| 18208 | white-space: nowrap; | 18213 | white-space: nowrap; |
| 18209 | background-color: #333; | 18214 | background-color: #333; |
| 18210 | color: #fff; | 18215 | color: #fff; |
| 18211 | padding: 8px 16px; | 18216 | padding: 8px 16px; |
| 18212 | border-radius: 3px; | 18217 | border-radius: 3px; |
| 18213 | display: none; | 18218 | display: none; |
| 18214 | } | 18219 | } |
| 18215 | .d3-line { | 18220 | .d3-line { |
| 18216 | fill: none; | 18221 | fill: none; |
| 18217 | } | 18222 | } |
| 18218 | .d3-line-thin { | 18223 | .d3-line-thin { |
| 18219 | stroke-width: 1px; | 18224 | stroke-width: 1px; |
| 18220 | } | 18225 | } |
| 18221 | .d3-line-medium { | 18226 | .d3-line-medium { |
| 18222 | stroke-width: 1.5px; | 18227 | stroke-width: 1.5px; |
| 18223 | } | 18228 | } |
| 18224 | .d3-line-strong { | 18229 | .d3-line-strong { |
| 18225 | stroke-width: 2px; | 18230 | stroke-width: 2px; |
| 18226 | } | 18231 | } |
| 18227 | .d3-line-circle { | 18232 | .d3-line-circle { |
| 18228 | fill: none; | 18233 | fill: none; |
| 18229 | cursor: pointer; | 18234 | cursor: pointer; |
| 18230 | } | 18235 | } |
| 18231 | .d3-line-circle-thin { | 18236 | .d3-line-circle-thin { |
| 18232 | stroke-width: 1px; | 18237 | stroke-width: 1px; |
| 18233 | } | 18238 | } |
| 18234 | .d3-line-circle-medium { | 18239 | .d3-line-circle-medium { |
| 18235 | stroke-width: 1.5px; | 18240 | stroke-width: 1.5px; |
| 18236 | } | 18241 | } |
| 18237 | .d3-line-circle-strong { | 18242 | .d3-line-circle-strong { |
| 18238 | stroke-width: 2px; | 18243 | stroke-width: 2px; |
| 18239 | } | 18244 | } |
| 18240 | .d3-grid .tick line { | 18245 | .d3-grid .tick line { |
| 18241 | stroke-width: 1px; | 18246 | stroke-width: 1px; |
| 18242 | stroke: #e5e5e5; | 18247 | stroke: #e5e5e5; |
| 18243 | shape-rendering: crispEdges; | 18248 | shape-rendering: crispEdges; |
| 18244 | } | 18249 | } |
| 18245 | .d3-grid .tick text { | 18250 | .d3-grid .tick text { |
| 18246 | fill: #333333; | 18251 | fill: #333333; |
| 18247 | stroke: none; | 18252 | stroke: none; |
| 18248 | } | 18253 | } |
| 18249 | .d3-grid-dashed .tick { | 18254 | .d3-grid-dashed .tick { |
| 18250 | stroke-dasharray: 4,2; | 18255 | stroke-dasharray: 4,2; |
| 18251 | stroke-width: 1px; | 18256 | stroke-width: 1px; |
| 18252 | stroke: #e5e5e5; | 18257 | stroke: #e5e5e5; |
| 18253 | shape-rendering: crispEdges; | 18258 | shape-rendering: crispEdges; |
| 18254 | } | 18259 | } |
| 18255 | .d3-grid-dashed path { | 18260 | .d3-grid-dashed path { |
| 18256 | stroke-width: 0; | 18261 | stroke-width: 0; |
| 18257 | } | 18262 | } |
| 18258 | .d3-crosshair-overlay { | 18263 | .d3-crosshair-overlay { |
| 18259 | fill: none; | 18264 | fill: none; |
| 18260 | pointer-events: all; | 18265 | pointer-events: all; |
| 18261 | } | 18266 | } |
| 18262 | .bullet-tick line { | 18267 | .bullet-tick line { |
| 18263 | stroke: #999999; | 18268 | stroke: #999999; |
| 18264 | stroke-width: 1px; | 18269 | stroke-width: 1px; |
| 18265 | shape-rendering: crispEdges; | 18270 | shape-rendering: crispEdges; |
| 18266 | } | 18271 | } |
| 18267 | .bullet-tick text { | 18272 | .bullet-tick text { |
| 18268 | fill: #999999; | 18273 | fill: #999999; |
| 18269 | font-size: 12px; | 18274 | font-size: 12px; |
| 18270 | } | 18275 | } |
| 18271 | .bullet-marker { | 18276 | .bullet-marker { |
| 18272 | stroke-width: 2px; | 18277 | stroke-width: 2px; |
| 18273 | shape-rendering: crispEdges; | 18278 | shape-rendering: crispEdges; |
| 18274 | } | 18279 | } |
| 18275 | .bullet-title { | 18280 | .bullet-title { |
| 18276 | font-size: 13px; | 18281 | font-size: 13px; |
| 18277 | font-weight: 500; | 18282 | font-weight: 500; |
| 18278 | } | 18283 | } |
| 18279 | .bullet-subtitle { | 18284 | .bullet-subtitle { |
| 18280 | fill: #999999; | 18285 | fill: #999999; |
| 18281 | } | 18286 | } |
| 18282 | .bullet-1 .bullet-range-1 { | 18287 | .bullet-1 .bullet-range-1 { |
| 18283 | fill: rgba(96, 125, 139, 0.8); | 18288 | fill: rgba(96, 125, 139, 0.8); |
| 18284 | } | 18289 | } |
| 18285 | .bullet-1 .bullet-range-2 { | 18290 | .bullet-1 .bullet-range-2 { |
| 18286 | fill: rgba(96, 125, 139, 0.4); | 18291 | fill: rgba(96, 125, 139, 0.4); |
| 18287 | } | 18292 | } |
| 18288 | .bullet-1 .bullet-range-3 { | 18293 | .bullet-1 .bullet-range-3 { |
| 18289 | fill: #607D8B; | 18294 | fill: #607D8B; |
| 18290 | } | 18295 | } |
| 18291 | .bullet-1 .bullet-measure-1 { | 18296 | .bullet-1 .bullet-measure-1 { |
| 18292 | fill: rgba(84, 110, 122, 0.9); | 18297 | fill: rgba(84, 110, 122, 0.9); |
| 18293 | } | 18298 | } |
| 18294 | .bullet-1 .bullet-measure-2 { | 18299 | .bullet-1 .bullet-measure-2 { |
| 18295 | fill: #fff; | 18300 | fill: #fff; |
| 18296 | } | 18301 | } |
| 18297 | .bullet-1 .bullet-marker { | 18302 | .bullet-1 .bullet-marker { |
| 18298 | stroke: #37474F; | 18303 | stroke: #37474F; |
| 18299 | } | 18304 | } |
| 18300 | .bullet-2 .bullet-range-1 { | 18305 | .bullet-2 .bullet-range-1 { |
| 18301 | fill: rgba(255, 112, 67, 0.6); | 18306 | fill: rgba(255, 112, 67, 0.6); |
| 18302 | } | 18307 | } |
| 18303 | .bullet-2 .bullet-range-2 { | 18308 | .bullet-2 .bullet-range-2 { |
| 18304 | fill: rgba(255, 112, 67, 0.3); | 18309 | fill: rgba(255, 112, 67, 0.3); |
| 18305 | } | 18310 | } |
| 18306 | .bullet-2 .bullet-range-3 { | 18311 | .bullet-2 .bullet-range-3 { |
| 18307 | fill: #FF7043; | 18312 | fill: #FF7043; |
| 18308 | } | 18313 | } |
| 18309 | .bullet-2 .bullet-measure-1 { | 18314 | .bullet-2 .bullet-measure-1 { |
| 18310 | fill: rgba(244, 81, 30, 0.9); | 18315 | fill: rgba(244, 81, 30, 0.9); |
| 18311 | } | 18316 | } |
| 18312 | .bullet-2 .bullet-measure-2 { | 18317 | .bullet-2 .bullet-measure-2 { |
| 18313 | fill: #fff; | 18318 | fill: #fff; |
| 18314 | } | 18319 | } |
| 18315 | .bullet-2 .bullet-marker { | 18320 | .bullet-2 .bullet-marker { |
| 18316 | stroke: #D84315; | 18321 | stroke: #D84315; |
| 18317 | } | 18322 | } |
| 18318 | .bullet-3 .bullet-range-1 { | 18323 | .bullet-3 .bullet-range-1 { |
| 18319 | fill: rgba(102, 187, 106, 0.7); | 18324 | fill: rgba(102, 187, 106, 0.7); |
| 18320 | } | 18325 | } |
| 18321 | .bullet-3 .bullet-range-2 { | 18326 | .bullet-3 .bullet-range-2 { |
| 18322 | fill: rgba(102, 187, 106, 0.35); | 18327 | fill: rgba(102, 187, 106, 0.35); |
| 18323 | } | 18328 | } |
| 18324 | .bullet-3 .bullet-range-3 { | 18329 | .bullet-3 .bullet-range-3 { |
| 18325 | fill: #66BB6A; | 18330 | fill: #66BB6A; |
| 18326 | } | 18331 | } |
| 18327 | .bullet-3 .bullet-measure-1 { | 18332 | .bullet-3 .bullet-measure-1 { |
| 18328 | fill: rgba(67, 160, 71, 0.9); | 18333 | fill: rgba(67, 160, 71, 0.9); |
| 18329 | } | 18334 | } |
| 18330 | .bullet-3 .bullet-measure-2 { | 18335 | .bullet-3 .bullet-measure-2 { |
| 18331 | fill: #fff; | 18336 | fill: #fff; |
| 18332 | } | 18337 | } |
| 18333 | .bullet-3 .bullet-marker { | 18338 | .bullet-3 .bullet-marker { |
| 18334 | stroke: #2E7D32; | 18339 | stroke: #2E7D32; |
| 18335 | } | 18340 | } |
| 18336 | .counter-icon { | 18341 | .counter-icon { |
| 18337 | font-size: 32px; | 18342 | font-size: 32px; |
| 18338 | position: absolute; | 18343 | position: absolute; |
| 18339 | left: 50%; | 18344 | left: 50%; |
| 18340 | margin-left: -16px; | 18345 | margin-left: -16px; |
| 18341 | } | 18346 | } |
| 18342 | /* ------------------------------------------------------------------------------ | 18347 | /* ------------------------------------------------------------------------------ |
| 18343 | * | 18348 | * |
| 18344 | * # Sparklines library | 18349 | * # Sparklines library |
| 18345 | * | 18350 | * |
| 18346 | * Generate sparklines (small inline charts) directly in the browser | 18351 | * Generate sparklines (small inline charts) directly in the browser |
| 18347 | * | 18352 | * |
| 18348 | * Version: 1.0 | 18353 | * Version: 1.0 |
| 18349 | * Latest update: May 25, 2015 | 18354 | * Latest update: May 25, 2015 |
| 18350 | * | 18355 | * |
| 18351 | * ---------------------------------------------------------------------------- */ | 18356 | * ---------------------------------------------------------------------------- */ |
| 18352 | .jqsfield { | 18357 | .jqsfield { |
| 18353 | font-size: 12px !important; | 18358 | font-size: 12px !important; |
| 18354 | font-family: 'Roboto', sans-serif !important; | 18359 | font-family: 'Roboto', sans-serif !important; |
| 18355 | } | 18360 | } |
| 18356 | .jqstooltip { | 18361 | .jqstooltip { |
| 18357 | font-size: 12px !important; | 18362 | font-size: 12px !important; |
| 18358 | font-family: 'Roboto', sans-serif !important; | 18363 | font-family: 'Roboto', sans-serif !important; |
| 18359 | padding: 8px !important; | 18364 | padding: 8px !important; |
| 18360 | line-height: 1.6666667 !important; | 18365 | line-height: 1.6666667 !important; |
| 18361 | border: 0 !important; | 18366 | border: 0 !important; |
| 18362 | border-radius: 3px !important; | 18367 | border-radius: 3px !important; |
| 18363 | -webkit-box-sizing: content-box; | 18368 | -webkit-box-sizing: content-box; |
| 18364 | -moz-box-sizing: content-box; | 18369 | -moz-box-sizing: content-box; |
| 18365 | box-sizing: content-box; | 18370 | box-sizing: content-box; |
| 18366 | } | 18371 | } |
| 18367 | /* ------------------------------------------------------------------------------ | 18372 | /* ------------------------------------------------------------------------------ |
| 18368 | * | 18373 | * |
| 18369 | * # Task manager | 18374 | * # Task manager |
| 18370 | * | 18375 | * |
| 18371 | * Styles related to task manager - detailed task, list and grid | 18376 | * Styles related to task manager - detailed task, list and grid |
| 18372 | * | 18377 | * |
| 18373 | * Version: 1.0 | 18378 | * Version: 1.0 |
| 18374 | * Latest update: May 25, 2015 | 18379 | * Latest update: May 25, 2015 |
| 18375 | * | 18380 | * |
| 18376 | * ---------------------------------------------------------------------------- */ | 18381 | * ---------------------------------------------------------------------------- */ |
| 18377 | .timer-weekdays { | 18382 | .timer-weekdays { |
| 18378 | list-style: none; | 18383 | list-style: none; |
| 18379 | margin: 0; | 18384 | margin: 0; |
| 18380 | padding: 0; | 18385 | padding: 0; |
| 18381 | text-align: center; | 18386 | text-align: center; |
| 18382 | } | 18387 | } |
| 18383 | .timer-weekdays > li { | 18388 | .timer-weekdays > li { |
| 18384 | display: inline-block; | 18389 | display: inline-block; |
| 18385 | margin: 2px 0; | 18390 | margin: 2px 0; |
| 18386 | } | 18391 | } |
| 18387 | .timer-weekdays > li > a { | 18392 | .timer-weekdays > li > a { |
| 18388 | display: block; | 18393 | display: block; |
| 18389 | margin: 0 1px; | 18394 | margin: 0 1px; |
| 18390 | } | 18395 | } |
| 18391 | .timer-weekdays .label-default { | 18396 | .timer-weekdays .label-default { |
| 18392 | background-color: #ccc; | 18397 | background-color: #ccc; |
| 18393 | border-color: #ccc; | 18398 | border-color: #ccc; |
| 18394 | } | 18399 | } |
| 18395 | .timer-weekdays .label-default:hover, | 18400 | .timer-weekdays .label-default:hover, |
| 18396 | .timer-weekdays .label-default:focus { | 18401 | .timer-weekdays .label-default:focus { |
| 18397 | border-color: #999999; | 18402 | border-color: #999999; |
| 18398 | } | 18403 | } |
| 18399 | .timer { | 18404 | .timer { |
| 18400 | list-style: none; | 18405 | list-style: none; |
| 18401 | padding: 0; | 18406 | padding: 0; |
| 18402 | margin: 0; | 18407 | margin: 0; |
| 18403 | text-align: center; | 18408 | text-align: center; |
| 18404 | } | 18409 | } |
| 18405 | .timer > li { | 18410 | .timer > li { |
| 18406 | font-size: 46px; | 18411 | font-size: 46px; |
| 18407 | text-align: center; | 18412 | text-align: center; |
| 18408 | display: inline-block; | 18413 | display: inline-block; |
| 18409 | color: #555; | 18414 | color: #555; |
| 18410 | font-weight: 300; | 18415 | font-weight: 300; |
| 18411 | } | 18416 | } |
| 18412 | .timer > li.dots { | 18417 | .timer > li.dots { |
| 18413 | font-size: 25px; | 18418 | font-size: 25px; |
| 18414 | vertical-align: top; | 18419 | vertical-align: top; |
| 18415 | padding: 16.66666667px 0; | 18420 | padding: 16.66666667px 0; |
| 18416 | } | 18421 | } |
| 18417 | .timer > li > span { | 18422 | .timer > li > span { |
| 18418 | display: block; | 18423 | display: block; |
| 18419 | font-size: 13px; | 18424 | font-size: 13px; |
| 18420 | } | 18425 | } |
| 18421 | .task-details { | 18426 | .task-details { |
| 18422 | float: right; | 18427 | float: right; |
| 18423 | margin: 0; | 18428 | margin: 0; |
| 18424 | } | 18429 | } |
| 18425 | @media (max-width: 1024px) { | 18430 | @media (max-width: 1024px) { |
| 18426 | .task-details { | 18431 | .task-details { |
| 18427 | float: none; | 18432 | float: none; |
| 18428 | margin-top: 15px; | 18433 | margin-top: 15px; |
| 18429 | list-style: none; | 18434 | list-style: none; |
| 18430 | padding: 0; | 18435 | padding: 0; |
| 18431 | } | 18436 | } |
| 18432 | .task-details > li { | 18437 | .task-details > li { |
| 18433 | float: left; | 18438 | float: left; |
| 18434 | position: relative; | 18439 | position: relative; |
| 18435 | padding-right: 20px; | 18440 | padding-right: 20px; |
| 18436 | margin-top: 0; | 18441 | margin-top: 0; |
| 18437 | } | 18442 | } |
| 18438 | .task-details > li:before { | 18443 | .task-details > li:before { |
| 18439 | content: '•'; | 18444 | content: '•'; |
| 18440 | position: absolute; | 18445 | position: absolute; |
| 18441 | right: 8px; | 18446 | right: 8px; |
| 18442 | color: #999; | 18447 | color: #999; |
| 18443 | } | 18448 | } |
| 18444 | .task-details > li:last-child:before { | 18449 | .task-details > li:last-child:before { |
| 18445 | content: none; | 18450 | content: none; |
| 18446 | } | 18451 | } |
| 18447 | } | 18452 | } |
| 18448 | @media (max-width: 768px) { | 18453 | @media (max-width: 768px) { |
| 18449 | .task-details > li { | 18454 | .task-details > li { |
| 18450 | float: none; | 18455 | float: none; |
| 18451 | } | 18456 | } |
| 18452 | .task-details > li:before { | 18457 | .task-details > li:before { |
| 18453 | content: none; | 18458 | content: none; |
| 18454 | } | 18459 | } |
| 18455 | .task-details > li + li { | 18460 | .task-details > li + li { |
| 18456 | margin-top: 10px; | 18461 | margin-top: 10px; |
| 18457 | } | 18462 | } |
| 18458 | } | 18463 | } |
| 18459 | /* ------------------------------------------------------------------------------ | 18464 | /* ------------------------------------------------------------------------------ |
| 18460 | * | 18465 | * |
| 18461 | * # Invoice template | 18466 | * # Invoice template |
| 18462 | * | 18467 | * |
| 18463 | * General styles for invoice, mainly responsive setup | 18468 | * General styles for invoice, mainly responsive setup |
| 18464 | * | 18469 | * |
| 18465 | * Version: 1.0 | 18470 | * Version: 1.0 |
| 18466 | * Latest update: May 25, 2015 | 18471 | * Latest update: May 25, 2015 |
| 18467 | * | 18472 | * |
| 18468 | * ---------------------------------------------------------------------------- */ | 18473 | * ---------------------------------------------------------------------------- */ |
| 18469 | @media (min-width: 769px) { | 18474 | @media (min-width: 769px) { |
| 18470 | .invoice-details, | 18475 | .invoice-details, |
| 18471 | .invoice-payment-details > li span { | 18476 | .invoice-payment-details > li span { |
| 18472 | float: right; | 18477 | float: right; |
| 18473 | text-align: right; | 18478 | text-align: right; |
| 18474 | } | 18479 | } |
| 18475 | } | 18480 | } |
| 18476 | .invoice-grid ul, | 18481 | .invoice-grid ul, |
| 18477 | .invoice-grid ol { | 18482 | .invoice-grid ol { |
| 18478 | margin-bottom: 0; | 18483 | margin-bottom: 0; |
| 18479 | } | 18484 | } |
| 18480 | @media (max-width: 768px) { | 18485 | @media (max-width: 768px) { |
| 18481 | .invoice-grid .text-right { | 18486 | .invoice-grid .text-right { |
| 18482 | text-align: inherit; | 18487 | text-align: inherit; |
| 18483 | } | 18488 | } |
| 18484 | .invoice-grid [class*=col-] + [class*=col-] { | 18489 | .invoice-grid [class*=col-] + [class*=col-] { |
| 18485 | margin-top: 20px; | 18490 | margin-top: 20px; |
| 18486 | } | 18491 | } |
| 18487 | } | 18492 | } |
| 18488 | /* ------------------------------------------------------------------------------ | 18493 | /* ------------------------------------------------------------------------------ |
| 18489 | * | 18494 | * |
| 18490 | * # User list | 18495 | * # User list |
| 18491 | * | 18496 | * |
| 18492 | * Styles for user lists - layouts, contact details etc. | 18497 | * Styles for user lists - layouts, contact details etc. |
| 18493 | * | 18498 | * |
| 18494 | * Version: 1.0 | 18499 | * Version: 1.0 |
| 18495 | * Latest update: May 25, 2015 | 18500 | * Latest update: May 25, 2015 |
| 18496 | * | 18501 | * |
| 18497 | * ---------------------------------------------------------------------------- */ | 18502 | * ---------------------------------------------------------------------------- */ |
| 18498 | .contact-details { | 18503 | .contact-details { |
| 18499 | padding: 15px; | 18504 | padding: 15px; |
| 18500 | padding-left: 30px; | 18505 | padding-left: 30px; |
| 18501 | background-color: #fcfcfc; | 18506 | background-color: #fcfcfc; |
| 18502 | border-top: 1px solid #eeeeee; | 18507 | border-top: 1px solid #eeeeee; |
| 18503 | border-bottom: 1px solid #eeeeee; | 18508 | border-bottom: 1px solid #eeeeee; |
| 18504 | } | 18509 | } |
| 18505 | .media-list-bordered .contact-details { | 18510 | .media-list-bordered .contact-details { |
| 18506 | border-bottom: 0; | 18511 | border-bottom: 0; |
| 18507 | } | 18512 | } |
| 18508 | .panel-body > .media-list .contact-details { | 18513 | .panel-body > .media-list .contact-details { |
| 18509 | padding-left: 15px; | 18514 | padding-left: 15px; |
| 18510 | background-color: transparent; | 18515 | background-color: transparent; |
| 18511 | margin-top: 15px; | 18516 | margin-top: 15px; |
| 18512 | } | 18517 | } |
| 18513 | .panel-body > .media-list-bordered .contact-details { | 18518 | .panel-body > .media-list-bordered .contact-details { |
| 18514 | padding-bottom: 0; | 18519 | padding-bottom: 0; |
| 18515 | } | 18520 | } |
| 18516 | .contact-details > ul, | 18521 | .contact-details > ul, |
| 18517 | .contact-details > ul > li:first-child { | 18522 | .contact-details > ul > li:first-child { |
| 18518 | margin: 0; | 18523 | margin: 0; |
| 18519 | } | 18524 | } |
| 18520 | /* ------------------------------------------------------------------------------ | 18525 | /* ------------------------------------------------------------------------------ |
| 18521 | * | 18526 | * |
| 18522 | * # User profile | 18527 | * # User profile |
| 18523 | * | 18528 | * |
| 18524 | * Styles for all user profile layouts | 18529 | * Styles for all user profile layouts |
| 18525 | * | 18530 | * |
| 18526 | * Version: 1.1 | 18531 | * Version: 1.1 |
| 18527 | * Latest update: Mar 6, 2016 | 18532 | * Latest update: Mar 6, 2016 |
| 18528 | * | 18533 | * |
| 18529 | * ---------------------------------------------------------------------------- */ | 18534 | * ---------------------------------------------------------------------------- */ |
| 18530 | .profile-cover { | 18535 | .profile-cover { |
| 18531 | position: relative; | 18536 | position: relative; |
| 18532 | } | 18537 | } |
| 18533 | .profile-cover + .navbar { | 18538 | .profile-cover + .navbar { |
| 18534 | margin-bottom: 40px; | 18539 | margin-bottom: 40px; |
| 18535 | } | 18540 | } |
| 18536 | .profile-cover .media { | 18541 | .profile-cover .media { |
| 18537 | position: absolute; | 18542 | position: absolute; |
| 18538 | bottom: 20px; | 18543 | bottom: 20px; |
| 18539 | left: 20px; | 18544 | left: 20px; |
| 18540 | right: 20px; | 18545 | right: 20px; |
| 18541 | } | 18546 | } |
| 18542 | .profile-cover .media .btn-default { | 18547 | .profile-cover .media .btn-default { |
| 18543 | border-color: #f5f5f5; | 18548 | border-color: #f5f5f5; |
| 18544 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18549 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18545 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18550 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18546 | } | 18551 | } |
| 18547 | .profile-cover .media-body, | 18552 | .profile-cover .media-body, |
| 18548 | .profile-cover small { | 18553 | .profile-cover small { |
| 18549 | color: #fff; | 18554 | color: #fff; |
| 18550 | text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); | 18555 | text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); |
| 18551 | } | 18556 | } |
| 18552 | @media (max-width: 768px) { | 18557 | @media (max-width: 768px) { |
| 18553 | .profile-cover .media { | 18558 | .profile-cover .media { |
| 18554 | text-align: center; | 18559 | text-align: center; |
| 18555 | margin-top: 0; | 18560 | margin-top: 0; |
| 18556 | bottom: auto; | 18561 | bottom: auto; |
| 18557 | top: 40px; | 18562 | top: 40px; |
| 18558 | } | 18563 | } |
| 18559 | .profile-cover .media-left, | 18564 | .profile-cover .media-left, |
| 18560 | .profile-cover .media-right { | 18565 | .profile-cover .media-right { |
| 18561 | padding: 0; | 18566 | padding: 0; |
| 18562 | display: block; | 18567 | display: block; |
| 18563 | overflow-x: auto; | 18568 | overflow-x: auto; |
| 18564 | } | 18569 | } |
| 18565 | .profile-cover .media-body { | 18570 | .profile-cover .media-body { |
| 18566 | display: block; | 18571 | display: block; |
| 18567 | margin-bottom: 20px; | 18572 | margin-bottom: 20px; |
| 18568 | width: 100%; | 18573 | width: 100%; |
| 18569 | } | 18574 | } |
| 18570 | .profile-cover .media-body > h1 { | 18575 | .profile-cover .media-body > h1 { |
| 18571 | white-space: nowrap; | 18576 | white-space: nowrap; |
| 18572 | overflow: hidden; | 18577 | overflow: hidden; |
| 18573 | text-overflow: ellipsis; | 18578 | text-overflow: ellipsis; |
| 18574 | max-width: 100%; | 18579 | max-width: 100%; |
| 18575 | } | 18580 | } |
| 18576 | } | 18581 | } |
| 18577 | .profile-cover-img { | 18582 | .profile-cover-img { |
| 18578 | background-position: 50% 50%; | 18583 | background-position: 50% 50%; |
| 18579 | background-repeat: no-repeat; | 18584 | background-repeat: no-repeat; |
| 18580 | background-size: cover; | 18585 | background-size: cover; |
| 18581 | height: 350px; | 18586 | height: 350px; |
| 18582 | border-top-right-radius: 3px; | 18587 | border-top-right-radius: 3px; |
| 18583 | border-top-left-radius: 3px; | 18588 | border-top-left-radius: 3px; |
| 18584 | } | 18589 | } |
| 18585 | @media (max-width: 768px) { | 18590 | @media (max-width: 768px) { |
| 18586 | .profile-cover-img { | 18591 | .profile-cover-img { |
| 18587 | height: 320px; | 18592 | height: 320px; |
| 18588 | } | 18593 | } |
| 18589 | } | 18594 | } |
| 18590 | .media .profile-thumb img { | 18595 | .media .profile-thumb img { |
| 18591 | width: 100px; | 18596 | width: 100px; |
| 18592 | height: 100px; | 18597 | height: 100px; |
| 18593 | border: 3px solid #fff; | 18598 | border: 3px solid #fff; |
| 18594 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18599 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18595 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18600 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18596 | } | 18601 | } |
| 18597 | /* ------------------------------------------------------------------------------ | 18602 | /* ------------------------------------------------------------------------------ |
| 18598 | * | 18603 | * |
| 18599 | * # Login and related forms | 18604 | * # Login and related forms |
| 18600 | * | 18605 | * |
| 18601 | * Styles related to user login - logins, registration, password revovery, unlock etc. | 18606 | * Styles related to user login - logins, registration, password revovery, unlock etc. |
| 18602 | * | 18607 | * |
| 18603 | * Version: 1.2 | 18608 | * Version: 1.2 |
| 18604 | * Latest update: Mar 10, 2016 | 18609 | * Latest update: Mar 10, 2016 |
| 18605 | * | 18610 | * |
| 18606 | * ---------------------------------------------------------------------------- */ | 18611 | * ---------------------------------------------------------------------------- */ |
| 18607 | .login-cover { | 18612 | .login-cover { |
| 18608 | background: url('../images/login_cover.jpg') no-repeat; | 18613 | background: url('../images/login_cover.jpg') no-repeat; |
| 18609 | background-size: cover; | 18614 | background-size: cover; |
| 18610 | } | 18615 | } |
| 18611 | .login-container .page-container { | 18616 | .login-container .page-container { |
| 18612 | padding-top: 40px; | 18617 | padding-top: 40px; |
| 18613 | position: static; | 18618 | position: static; |
| 18614 | } | 18619 | } |
| 18615 | .login-container .page-container .login-form { | 18620 | .login-container .page-container .login-form { |
| 18616 | width: 320px; | 18621 | width: 320px; |
| 18617 | } | 18622 | } |
| 18618 | .login-container .page-container .login-form .thumb { | 18623 | .login-container .page-container .login-form .thumb { |
| 18619 | margin: 0 auto 20px auto; | 18624 | margin: 0 auto 20px auto; |
| 18620 | } | 18625 | } |
| 18621 | .login-container .page-container .login-form, | 18626 | .login-container .page-container .login-form, |
| 18622 | .login-container .page-container .registration-form { | 18627 | .login-container .page-container .registration-form { |
| 18623 | margin: 0 auto 20px auto; | 18628 | margin: 0 auto 20px auto; |
| 18624 | } | 18629 | } |
| 18625 | @media (max-width: 480px) { | 18630 | @media (max-width: 480px) { |
| 18626 | .login-container .page-container .login-form, | 18631 | .login-container .page-container .login-form, |
| 18627 | .login-container .page-container .registration-form { | 18632 | .login-container .page-container .registration-form { |
| 18628 | width: 100%; | 18633 | width: 100%; |
| 18629 | } | 18634 | } |
| 18630 | } | 18635 | } |
| 18631 | .login-container .page-container .nav-tabs.nav-justified { | 18636 | .login-container .page-container .nav-tabs.nav-justified { |
| 18632 | margin-bottom: 0; | 18637 | margin-bottom: 0; |
| 18633 | } | 18638 | } |
| 18634 | .login-container .page-container .nav-tabs.nav-justified > li > a { | 18639 | .login-container .page-container .nav-tabs.nav-justified > li > a { |
| 18635 | border-top: 0!important; | 18640 | border-top: 0!important; |
| 18636 | padding-left: 15px; | 18641 | padding-left: 15px; |
| 18637 | padding-right: 15px; | 18642 | padding-right: 15px; |
| 18638 | background-color: #f5f5f5; | 18643 | background-color: #f5f5f5; |
| 18639 | } | 18644 | } |
| 18640 | .login-container .page-container .nav-tabs.nav-justified > li:first-child > a { | 18645 | .login-container .page-container .nav-tabs.nav-justified > li:first-child > a { |
| 18641 | border-left: 0; | 18646 | border-left: 0; |
| 18642 | border-radius: 3px 0 0 0; | 18647 | border-radius: 3px 0 0 0; |
| 18643 | } | 18648 | } |
| 18644 | .login-container .page-container .nav-tabs.nav-justified > li:last-child > a { | 18649 | .login-container .page-container .nav-tabs.nav-justified > li:last-child > a { |
| 18645 | border-right: 0; | 18650 | border-right: 0; |
| 18646 | border-radius: 0 3px 0 0; | 18651 | border-radius: 0 3px 0 0; |
| 18647 | } | 18652 | } |
| 18648 | .login-container .page-container .nav-tabs.nav-justified > li.active > a { | 18653 | .login-container .page-container .nav-tabs.nav-justified > li.active > a { |
| 18649 | background-color: transparent; | 18654 | background-color: transparent; |
| 18650 | } | 18655 | } |
| 18651 | @media (max-width: 768px) { | 18656 | @media (max-width: 768px) { |
| 18652 | .login-container .page-container .nav-tabs.nav-justified { | 18657 | .login-container .page-container .nav-tabs.nav-justified { |
| 18653 | padding: 0; | 18658 | padding: 0; |
| 18654 | border-width: 0 0 1px 0; | 18659 | border-width: 0 0 1px 0; |
| 18655 | border-radius: 0; | 18660 | border-radius: 0; |
| 18656 | } | 18661 | } |
| 18657 | .login-container .page-container .nav-tabs.nav-justified:before { | 18662 | .login-container .page-container .nav-tabs.nav-justified:before { |
| 18658 | content: none; | 18663 | content: none; |
| 18659 | } | 18664 | } |
| 18660 | .login-container .page-container .nav-tabs.nav-justified > li > a { | 18665 | .login-container .page-container .nav-tabs.nav-justified > li > a { |
| 18661 | border-width: 0!important; | 18666 | border-width: 0!important; |
| 18662 | } | 18667 | } |
| 18663 | } | 18668 | } |
| 18664 | .login-container .footer { | 18669 | .login-container .footer { |
| 18665 | left: 0; | 18670 | left: 0; |
| 18666 | right: 0; | 18671 | right: 0; |
| 18667 | } | 18672 | } |
| 18668 | @media (max-width: 768px) { | 18673 | @media (max-width: 768px) { |
| 18669 | .login-options, | 18674 | .login-options, |
| 18670 | .login-options .text-right { | 18675 | .login-options .text-right { |
| 18671 | text-align: center; | 18676 | text-align: center; |
| 18672 | } | 18677 | } |
| 18673 | } | 18678 | } |
| 18674 | /* ------------------------------------------------------------------------------ | 18679 | /* ------------------------------------------------------------------------------ |
| 18675 | * | 18680 | * |
| 18676 | * # Timeline | 18681 | * # Timeline |
| 18677 | * | 18682 | * |
| 18678 | * Styles for timeline in 3 layouts: left, right and centered | 18683 | * Styles for timeline in 3 layouts: left, right and centered |
| 18679 | * | 18684 | * |
| 18680 | * Version: 1.1 | 18685 | * Version: 1.1 |
| 18681 | * Latest update: Dec 11, 2015 | 18686 | * Latest update: Dec 11, 2015 |
| 18682 | * | 18687 | * |
| 18683 | * ---------------------------------------------------------------------------- */ | 18688 | * ---------------------------------------------------------------------------- */ |
| 18684 | .timeline { | 18689 | .timeline { |
| 18685 | position: relative; | 18690 | position: relative; |
| 18686 | height: 100%; | 18691 | height: 100%; |
| 18687 | } | 18692 | } |
| 18688 | .timeline:before, | 18693 | .timeline:before, |
| 18689 | .timeline:after { | 18694 | .timeline:after { |
| 18690 | content: ""; | 18695 | content: ""; |
| 18691 | position: absolute; | 18696 | position: absolute; |
| 18692 | top: 0; | 18697 | top: 0; |
| 18693 | left: 50%; | 18698 | left: 50%; |
| 18694 | margin-left: -2px; | 18699 | margin-left: -2px; |
| 18695 | background-color: #ccc; | 18700 | background-color: #ccc; |
| 18696 | height: 4px; | 18701 | height: 4px; |
| 18697 | width: 4px; | 18702 | width: 4px; |
| 18698 | border-radius: 50%; | 18703 | border-radius: 50%; |
| 18699 | z-index: 1; | 18704 | z-index: 1; |
| 18700 | } | 18705 | } |
| 18701 | .timeline:after { | 18706 | .timeline:after { |
| 18702 | top: auto; | 18707 | top: auto; |
| 18703 | bottom: 0; | 18708 | bottom: 0; |
| 18704 | } | 18709 | } |
| 18705 | .timeline-container { | 18710 | .timeline-container { |
| 18706 | position: relative; | 18711 | position: relative; |
| 18707 | padding-top: 10px; | 18712 | padding-top: 10px; |
| 18708 | margin-top: -10px; | 18713 | margin-top: -10px; |
| 18709 | padding-bottom: 1px; | 18714 | padding-bottom: 1px; |
| 18710 | } | 18715 | } |
| 18711 | .timeline-container:after { | 18716 | .timeline-container:after { |
| 18712 | content: ""; | 18717 | content: ""; |
| 18713 | position: absolute; | 18718 | position: absolute; |
| 18714 | top: 0; | 18719 | top: 0; |
| 18715 | left: 50%; | 18720 | left: 50%; |
| 18716 | margin-left: -1px; | 18721 | margin-left: -1px; |
| 18717 | background-color: #ccc; | 18722 | background-color: #ccc; |
| 18718 | height: 100%; | 18723 | height: 100%; |
| 18719 | width: 2px; | 18724 | width: 2px; |
| 18720 | z-index: -1; | 18725 | z-index: -1; |
| 18721 | } | 18726 | } |
| 18722 | .timeline-row { | 18727 | .timeline-row { |
| 18723 | position: relative; | 18728 | position: relative; |
| 18724 | } | 18729 | } |
| 18725 | .timeline-content { | 18730 | .timeline-content { |
| 18726 | margin-bottom: 20px; | 18731 | margin-bottom: 20px; |
| 18727 | } | 18732 | } |
| 18728 | .timeline-date { | 18733 | .timeline-date { |
| 18729 | text-align: center; | 18734 | text-align: center; |
| 18730 | background-color: #eeeded; | 18735 | background-color: #eeeded; |
| 18731 | position: relative; | 18736 | position: relative; |
| 18732 | z-index: 1; | 18737 | z-index: 1; |
| 18733 | padding-top: 20px; | 18738 | padding-top: 20px; |
| 18734 | padding-bottom: 20px; | 18739 | padding-bottom: 20px; |
| 18735 | margin-bottom: 20px; | 18740 | margin-bottom: 20px; |
| 18736 | } | 18741 | } |
| 18737 | .timeline-date:before, | 18742 | .timeline-date:before, |
| 18738 | .timeline-date:after { | 18743 | .timeline-date:after { |
| 18739 | content: ""; | 18744 | content: ""; |
| 18740 | position: absolute; | 18745 | position: absolute; |
| 18741 | top: 0; | 18746 | top: 0; |
| 18742 | left: 50%; | 18747 | left: 50%; |
| 18743 | margin-left: -2px; | 18748 | margin-left: -2px; |
| 18744 | background-color: #ccc; | 18749 | background-color: #ccc; |
| 18745 | height: 4px; | 18750 | height: 4px; |
| 18746 | width: 4px; | 18751 | width: 4px; |
| 18747 | border-radius: 50%; | 18752 | border-radius: 50%; |
| 18748 | z-index: 1; | 18753 | z-index: 1; |
| 18749 | } | 18754 | } |
| 18750 | .timeline-date:after { | 18755 | .timeline-date:after { |
| 18751 | top: auto; | 18756 | top: auto; |
| 18752 | bottom: 0; | 18757 | bottom: 0; |
| 18753 | } | 18758 | } |
| 18754 | .panel .timeline-date { | 18759 | .panel .timeline-date { |
| 18755 | background-color: #fff; | 18760 | background-color: #fff; |
| 18756 | } | 18761 | } |
| 18757 | .timeline-time { | 18762 | .timeline-time { |
| 18758 | text-align: center; | 18763 | text-align: center; |
| 18759 | padding-top: 20px; | 18764 | padding-top: 20px; |
| 18760 | padding-bottom: 20px; | 18765 | padding-bottom: 20px; |
| 18761 | background-color: #eeeded; | 18766 | background-color: #eeeded; |
| 18762 | position: relative; | 18767 | position: relative; |
| 18763 | margin-bottom: 20px; | 18768 | margin-bottom: 20px; |
| 18764 | } | 18769 | } |
| 18765 | .timeline-time:before, | 18770 | .timeline-time:before, |
| 18766 | .timeline-time:after { | 18771 | .timeline-time:after { |
| 18767 | content: ""; | 18772 | content: ""; |
| 18768 | position: absolute; | 18773 | position: absolute; |
| 18769 | top: 0; | 18774 | top: 0; |
| 18770 | left: 50%; | 18775 | left: 50%; |
| 18771 | margin-left: -2px; | 18776 | margin-left: -2px; |
| 18772 | background-color: #ccc; | 18777 | background-color: #ccc; |
| 18773 | height: 4px; | 18778 | height: 4px; |
| 18774 | width: 4px; | 18779 | width: 4px; |
| 18775 | border-radius: 50%; | 18780 | border-radius: 50%; |
| 18776 | } | 18781 | } |
| 18777 | .timeline-time:after { | 18782 | .timeline-time:after { |
| 18778 | top: auto; | 18783 | top: auto; |
| 18779 | bottom: 0; | 18784 | bottom: 0; |
| 18780 | } | 18785 | } |
| 18781 | .panel .timeline-time { | 18786 | .panel .timeline-time { |
| 18782 | background-color: #fff; | 18787 | background-color: #fff; |
| 18783 | } | 18788 | } |
| 18784 | .timeline-time span { | 18789 | .timeline-time span { |
| 18785 | display: block; | 18790 | display: block; |
| 18786 | color: #999999; | 18791 | color: #999999; |
| 18787 | font-size: 12px; | 18792 | font-size: 12px; |
| 18788 | } | 18793 | } |
| 18789 | .timeline-time span:before { | 18794 | .timeline-time span:before { |
| 18790 | content: '•'; | 18795 | content: '•'; |
| 18791 | display: inline-block; | 18796 | display: inline-block; |
| 18792 | margin-right: 5px; | 18797 | margin-right: 5px; |
| 18793 | position: relative; | 18798 | position: relative; |
| 18794 | top: 1px; | 18799 | top: 1px; |
| 18795 | } | 18800 | } |
| 18796 | @media (min-width: 1025px) { | 18801 | @media (min-width: 1025px) { |
| 18797 | .timeline-time:before, | 18802 | .timeline-time:before, |
| 18798 | .timeline-time:after { | 18803 | .timeline-time:after { |
| 18799 | content: none; | 18804 | content: none; |
| 18800 | } | 18805 | } |
| 18801 | } | 18806 | } |
| 18802 | .timeline-icon { | 18807 | .timeline-icon { |
| 18803 | width: 48px; | 18808 | width: 48px; |
| 18804 | height: 48px; | 18809 | height: 48px; |
| 18805 | border-radius: 50%; | 18810 | border-radius: 50%; |
| 18806 | margin: 0 auto 20px auto; | 18811 | margin: 0 auto 20px auto; |
| 18807 | background-color: #fff; | 18812 | background-color: #fff; |
| 18808 | border: 4px solid #eeeded; | 18813 | border: 4px solid #eeeded; |
| 18809 | } | 18814 | } |
| 18810 | .panel .timeline-icon { | 18815 | .panel .timeline-icon { |
| 18811 | border-color: #fff; | 18816 | border-color: #fff; |
| 18812 | } | 18817 | } |
| 18813 | .timeline-icon div { | 18818 | .timeline-icon div { |
| 18814 | border-radius: 50%; | 18819 | border-radius: 50%; |
| 18815 | height: 100%; | 18820 | height: 100%; |
| 18816 | -webkit-box-shadow: 0 0 0 2px #ccc inset; | 18821 | -webkit-box-shadow: 0 0 0 2px #ccc inset; |
| 18817 | box-shadow: 0 0 0 2px #ccc inset; | 18822 | box-shadow: 0 0 0 2px #ccc inset; |
| 18818 | } | 18823 | } |
| 18819 | .timeline-icon div[class*=bg-] { | 18824 | .timeline-icon div[class*=bg-] { |
| 18820 | -webkit-box-shadow: none; | 18825 | -webkit-box-shadow: none; |
| 18821 | box-shadow: none; | 18826 | box-shadow: none; |
| 18822 | } | 18827 | } |
| 18823 | .timeline-icon div > i { | 18828 | .timeline-icon div > i { |
| 18824 | display: block; | 18829 | display: block; |
| 18825 | line-height: 40px; | 18830 | line-height: 40px; |
| 18826 | top: 0; | 18831 | top: 0; |
| 18827 | } | 18832 | } |
| 18828 | .timeline-icon img { | 18833 | .timeline-icon img { |
| 18829 | width: 40px; | 18834 | width: 40px; |
| 18830 | height: 40px; | 18835 | height: 40px; |
| 18831 | border-radius: 50%; | 18836 | border-radius: 50%; |
| 18832 | } | 18837 | } |
| 18833 | @media (min-width: 1025px) { | 18838 | @media (min-width: 1025px) { |
| 18834 | .timeline-center .timeline-row { | 18839 | .timeline-center .timeline-row { |
| 18835 | margin-right: 50%; | 18840 | margin-right: 50%; |
| 18836 | padding-right: 44px; | 18841 | padding-right: 44px; |
| 18837 | } | 18842 | } |
| 18838 | .timeline-center .post-even { | 18843 | .timeline-center .post-even { |
| 18839 | margin-right: 0; | 18844 | margin-right: 0; |
| 18840 | padding-right: 0; | 18845 | padding-right: 0; |
| 18841 | margin-left: 50%; | 18846 | margin-left: 50%; |
| 18842 | padding-left: 44px; | 18847 | padding-left: 44px; |
| 18843 | } | 18848 | } |
| 18844 | .timeline-center .post-full { | 18849 | .timeline-center .post-full { |
| 18845 | margin: 0; | 18850 | margin: 0; |
| 18846 | padding: 0; | 18851 | padding: 0; |
| 18847 | } | 18852 | } |
| 18848 | .timeline-center .post-full .timeline-content { | 18853 | .timeline-center .post-full .timeline-content { |
| 18849 | position: relative; | 18854 | position: relative; |
| 18850 | } | 18855 | } |
| 18851 | .timeline-center .post-full .timeline-content:before, | 18856 | .timeline-center .post-full .timeline-content:before, |
| 18852 | .timeline-center .post-full .timeline-content:after { | 18857 | .timeline-center .post-full .timeline-content:after { |
| 18853 | content: ''; | 18858 | content: ''; |
| 18854 | border-style: solid; | 18859 | border-style: solid; |
| 18855 | border-color: #eeeded; | 18860 | border-color: #eeeded; |
| 18856 | display: block; | 18861 | display: block; |
| 18857 | position: absolute; | 18862 | position: absolute; |
| 18858 | left: 0; | 18863 | left: 0; |
| 18859 | right: 0; | 18864 | right: 0; |
| 18860 | } | 18865 | } |
| 18861 | .timeline-center .post-full .timeline-content:before { | 18866 | .timeline-center .post-full .timeline-content:before { |
| 18862 | border-width: 4px 0 0 0; | 18867 | border-width: 4px 0 0 0; |
| 18863 | top: -5px; | 18868 | top: -5px; |
| 18864 | } | 18869 | } |
| 18865 | .timeline-center .post-full .timeline-content:after { | 18870 | .timeline-center .post-full .timeline-content:after { |
| 18866 | border-width: 0 0 4px 0; | 18871 | border-width: 0 0 4px 0; |
| 18867 | bottom: -5px; | 18872 | bottom: -5px; |
| 18868 | } | 18873 | } |
| 18869 | .timeline-left .timeline-container:after, | 18874 | .timeline-left .timeline-container:after, |
| 18870 | .timeline-left:before, | 18875 | .timeline-left:before, |
| 18871 | .timeline-left:after, | 18876 | .timeline-left:after, |
| 18872 | .timeline-left .timeline-date:before, | 18877 | .timeline-left .timeline-date:before, |
| 18873 | .timeline-left .timeline-date:after { | 18878 | .timeline-left .timeline-date:after { |
| 18874 | left: 24px; | 18879 | left: 24px; |
| 18875 | } | 18880 | } |
| 18876 | .timeline-left .timeline-row, | 18881 | .timeline-left .timeline-row, |
| 18877 | .timeline-left .timeline-date { | 18882 | .timeline-left .timeline-date { |
| 18878 | padding-left: 68px; | 18883 | padding-left: 68px; |
| 18879 | } | 18884 | } |
| 18880 | .timeline-right .timeline-container:after, | 18885 | .timeline-right .timeline-container:after, |
| 18881 | .timeline-right:before, | 18886 | .timeline-right:before, |
| 18882 | .timeline-right:after, | 18887 | .timeline-right:after, |
| 18883 | .timeline-right .timeline-date:before, | 18888 | .timeline-right .timeline-date:before, |
| 18884 | .timeline-right .timeline-date:after { | 18889 | .timeline-right .timeline-date:after { |
| 18885 | left: auto; | 18890 | left: auto; |
| 18886 | right: 24px; | 18891 | right: 24px; |
| 18887 | margin-left: 0; | 18892 | margin-left: 0; |
| 18888 | margin-right: -2px; | 18893 | margin-right: -2px; |
| 18889 | } | 18894 | } |
| 18890 | .timeline-right .timeline-container:after { | 18895 | .timeline-right .timeline-container:after { |
| 18891 | margin-right: -1px; | 18896 | margin-right: -1px; |
| 18892 | } | 18897 | } |
| 18893 | .timeline-right .timeline-row, | 18898 | .timeline-right .timeline-row, |
| 18894 | .timeline-right .timeline-date { | 18899 | .timeline-right .timeline-date { |
| 18895 | padding-right: 68px; | 18900 | padding-right: 68px; |
| 18896 | } | 18901 | } |
| 18897 | .timeline-left .timeline-date, | 18902 | .timeline-left .timeline-date, |
| 18898 | .timeline-right .timeline-date { | 18903 | .timeline-right .timeline-date { |
| 18899 | padding-top: 10px; | 18904 | padding-top: 10px; |
| 18900 | padding-bottom: 10px; | 18905 | padding-bottom: 10px; |
| 18901 | } | 18906 | } |
| 18902 | .timeline-icon { | 18907 | .timeline-icon { |
| 18903 | position: absolute; | 18908 | position: absolute; |
| 18904 | top: 10px; | 18909 | top: 10px; |
| 18905 | } | 18910 | } |
| 18906 | .timeline-icon:after { | 18911 | .timeline-icon:after { |
| 18907 | content: ""; | 18912 | content: ""; |
| 18908 | position: absolute; | 18913 | position: absolute; |
| 18909 | top: 50%; | 18914 | top: 50%; |
| 18910 | margin-top: -1px; | 18915 | margin-top: -1px; |
| 18911 | height: 2px; | 18916 | height: 2px; |
| 18912 | width: 16px; | 18917 | width: 16px; |
| 18913 | background-color: #ccc; | 18918 | background-color: #ccc; |
| 18914 | z-index: 1; | 18919 | z-index: 1; |
| 18915 | } | 18920 | } |
| 18916 | .timeline-left .timeline-icon { | 18921 | .timeline-left .timeline-icon { |
| 18917 | left: 0; | 18922 | left: 0; |
| 18918 | } | 18923 | } |
| 18919 | .timeline-left .timeline-icon:after { | 18924 | .timeline-left .timeline-icon:after { |
| 18920 | left: 100%; | 18925 | left: 100%; |
| 18921 | margin-left: 4px; | 18926 | margin-left: 4px; |
| 18922 | } | 18927 | } |
| 18923 | .timeline-right .timeline-icon { | 18928 | .timeline-right .timeline-icon { |
| 18924 | right: 0; | 18929 | right: 0; |
| 18925 | } | 18930 | } |
| 18926 | .timeline-right .timeline-icon:after { | 18931 | .timeline-right .timeline-icon:after { |
| 18927 | right: 100%; | 18932 | right: 100%; |
| 18928 | margin-right: 4px; | 18933 | margin-right: 4px; |
| 18929 | } | 18934 | } |
| 18930 | .timeline-center .timeline-row:not(.post-full) .timeline-icon { | 18935 | .timeline-center .timeline-row:not(.post-full) .timeline-icon { |
| 18931 | left: 100%; | 18936 | left: 100%; |
| 18932 | margin-left: -24px; | 18937 | margin-left: -24px; |
| 18933 | } | 18938 | } |
| 18934 | .timeline-center .timeline-row.post-even .timeline-icon { | 18939 | .timeline-center .timeline-row.post-even .timeline-icon { |
| 18935 | left: auto; | 18940 | left: auto; |
| 18936 | right: 100%; | 18941 | right: 100%; |
| 18937 | margin-left: 0; | 18942 | margin-left: 0; |
| 18938 | margin-right: -24px; | 18943 | margin-right: -24px; |
| 18939 | } | 18944 | } |
| 18940 | .timeline-center .timeline-icon:after { | 18945 | .timeline-center .timeline-icon:after { |
| 18941 | right: 100%; | 18946 | right: 100%; |
| 18942 | margin-right: 4px; | 18947 | margin-right: 4px; |
| 18943 | } | 18948 | } |
| 18944 | .timeline-center .post-even .timeline-icon:after { | 18949 | .timeline-center .post-even .timeline-icon:after { |
| 18945 | left: 100%; | 18950 | left: 100%; |
| 18946 | margin-left: 4px; | 18951 | margin-left: 4px; |
| 18947 | } | 18952 | } |
| 18948 | .timeline-center .post-full .timeline-icon { | 18953 | .timeline-center .post-full .timeline-icon { |
| 18949 | position: static; | 18954 | position: static; |
| 18950 | } | 18955 | } |
| 18951 | .timeline-center .post-full .timeline-icon:after { | 18956 | .timeline-center .post-full .timeline-icon:after { |
| 18952 | content: none; | 18957 | content: none; |
| 18953 | } | 18958 | } |
| 18954 | .timeline-time { | 18959 | .timeline-time { |
| 18955 | padding: 0; | 18960 | padding: 0; |
| 18956 | text-align: inherit; | 18961 | text-align: inherit; |
| 18957 | background-color: transparent; | 18962 | background-color: transparent; |
| 18958 | } | 18963 | } |
| 18959 | .timeline-time:before { | 18964 | .timeline-time:before { |
| 18960 | content: none; | 18965 | content: none; |
| 18961 | } | 18966 | } |
| 18962 | .timeline-left .timeline-time, | 18967 | .timeline-left .timeline-time, |
| 18963 | .timeline-right .timeline-time { | 18968 | .timeline-right .timeline-time { |
| 18964 | padding-top: 10px; | 18969 | padding-top: 10px; |
| 18965 | margin-bottom: 20px; | 18970 | margin-bottom: 20px; |
| 18966 | padding-left: 10px; | 18971 | padding-left: 10px; |
| 18967 | } | 18972 | } |
| 18968 | .timeline-right .timeline-time { | 18973 | .timeline-right .timeline-time { |
| 18969 | text-align: right; | 18974 | text-align: right; |
| 18970 | padding-left: 0; | 18975 | padding-left: 0; |
| 18971 | padding-right: 10px; | 18976 | padding-right: 10px; |
| 18972 | } | 18977 | } |
| 18973 | .timeline-center .timeline-time, | 18978 | .timeline-center .timeline-time, |
| 18974 | .timeline-center .post-full .timeline-time { | 18979 | .timeline-center .post-full .timeline-time { |
| 18975 | position: absolute; | 18980 | position: absolute; |
| 18976 | left: 100%; | 18981 | left: 100%; |
| 18977 | top: 15px; | 18982 | top: 15px; |
| 18978 | width: 100%; | 18983 | width: 100%; |
| 18979 | padding-left: 44px; | 18984 | padding-left: 44px; |
| 18980 | } | 18985 | } |
| 18981 | .timeline-center .post-even .timeline-time, | 18986 | .timeline-center .post-even .timeline-time, |
| 18982 | .timeline-center .post-full .timeline-time { | 18987 | .timeline-center .post-full .timeline-time { |
| 18983 | left: auto; | 18988 | left: auto; |
| 18984 | right: 100%; | 18989 | right: 100%; |
| 18985 | padding-left: 0; | 18990 | padding-left: 0; |
| 18986 | padding-right: 44px; | 18991 | padding-right: 44px; |
| 18987 | text-align: right; | 18992 | text-align: right; |
| 18988 | } | 18993 | } |
| 18989 | .timeline-center .post-full .timeline-time { | 18994 | .timeline-center .post-full .timeline-time { |
| 18990 | right: 50%; | 18995 | right: 50%; |
| 18991 | top: 5px; | 18996 | top: 5px; |
| 18992 | } | 18997 | } |
| 18993 | } | 18998 | } |
| 18994 | /* ------------------------------------------------------------------------------ | 18999 | /* ------------------------------------------------------------------------------ |
| 18995 | * | 19000 | * |
| 18996 | * # Chat layouts | 19001 | * # Chat layouts |
| 18997 | * | 19002 | * |
| 18998 | * Conversation chat styles - layouts, chat elements, colors, options | 19003 | * Conversation chat styles - layouts, chat elements, colors, options |
| 18999 | * | 19004 | * |
| 19000 | * Version: 1.1 | 19005 | * Version: 1.1 |
| 19001 | * Latest update: Oct 20, 2015 | 19006 | * Latest update: Oct 20, 2015 |
| 19002 | * | 19007 | * |
| 19003 | * ---------------------------------------------------------------------------- */ | 19008 | * ---------------------------------------------------------------------------- */ |
| 19004 | .chat-list, | 19009 | .chat-list, |
| 19005 | .chat-stacked { | 19010 | .chat-stacked { |
| 19006 | max-height: 520px; | 19011 | max-height: 520px; |
| 19007 | overflow: auto; | 19012 | overflow: auto; |
| 19008 | } | 19013 | } |
| 19009 | .chat-list .media-left { | 19014 | .chat-list .media-left { |
| 19010 | padding-right: 20px; | 19015 | padding-right: 20px; |
| 19011 | } | 19016 | } |
| 19012 | .chat-list .media-right { | 19017 | .chat-list .media-right { |
| 19013 | padding-left: 20px; | 19018 | padding-left: 20px; |
| 19014 | } | 19019 | } |
| 19015 | .chat-list .media-content { | 19020 | .chat-list .media-content { |
| 19016 | position: relative; | 19021 | position: relative; |
| 19017 | padding: 10px 12px; | 19022 | padding: 10px 12px; |
| 19018 | width: auto; | 19023 | width: auto; |
| 19019 | border-radius: 3px; | 19024 | border-radius: 3px; |
| 19020 | display: inline-block; | 19025 | display: inline-block; |
| 19021 | } | 19026 | } |
| 19022 | .chat-list .media-content:not([class*=bg-]) { | 19027 | .chat-list .media-content:not([class*=bg-]) { |
| 19023 | background-color: #f5f5f5; | 19028 | background-color: #f5f5f5; |
| 19024 | border-color: #f5f5f5; | 19029 | border-color: #f5f5f5; |
| 19025 | } | 19030 | } |
| 19026 | .chat-list .media-content > i { | 19031 | .chat-list .media-content > i { |
| 19027 | top: 0; | 19032 | top: 0; |
| 19028 | margin: 2px; | 19033 | margin: 2px; |
| 19029 | } | 19034 | } |
| 19030 | .chat-list .reversed .media-content { | 19035 | .chat-list .reversed .media-content { |
| 19031 | text-align: left; | 19036 | text-align: left; |
| 19032 | color: #fff; | 19037 | color: #fff; |
| 19033 | } | 19038 | } |
| 19034 | .chat-list .reversed .media-content:not([class*=bg-]) { | 19039 | .chat-list .reversed .media-content:not([class*=bg-]) { |
| 19035 | background-color: #42A5F5; | 19040 | background-color: #42A5F5; |
| 19036 | border-color: #42A5F5; | 19041 | border-color: #42A5F5; |
| 19037 | } | 19042 | } |
| 19038 | .chat-list .reversed .media-content > a { | 19043 | .chat-list .reversed .media-content > a { |
| 19039 | color: #fff; | 19044 | color: #fff; |
| 19040 | } | 19045 | } |
| 19041 | .chat-list .reversed .media-body { | 19046 | .chat-list .reversed .media-body { |
| 19042 | text-align: right; | 19047 | text-align: right; |
| 19043 | } | 19048 | } |
| 19044 | .chat-list .date-step.media { | 19049 | .chat-list .date-step.media { |
| 19045 | text-align: center; | 19050 | text-align: center; |
| 19046 | margin-left: 0; | 19051 | margin-left: 0; |
| 19047 | margin-right: 0; | 19052 | margin-right: 0; |
| 19048 | color: #999; | 19053 | color: #999; |
| 19049 | } | 19054 | } |
| 19050 | .chat-list .chat-thumbs img { | 19055 | .chat-list .chat-thumbs img { |
| 19051 | margin-top: 5px; | 19056 | margin-top: 5px; |
| 19052 | margin-bottom: 5px; | 19057 | margin-bottom: 5px; |
| 19053 | max-height: 100px; | 19058 | max-height: 100px; |
| 19054 | height: auto; | 19059 | height: auto; |
| 19055 | max-width: 100%; | 19060 | max-width: 100%; |
| 19056 | display: inline-block; | 19061 | display: inline-block; |
| 19057 | border-radius: 3px; | 19062 | border-radius: 3px; |
| 19058 | } | 19063 | } |
| 19059 | .chat-list .media-content:before, | 19064 | .chat-list .media-content:before, |
| 19060 | .chat-list .reversed .media-content:before { | 19065 | .chat-list .reversed .media-content:before { |
| 19061 | content: ''; | 19066 | content: ''; |
| 19062 | left: -5px; | 19067 | left: -5px; |
| 19063 | top: 15px; | 19068 | top: 15px; |
| 19064 | position: absolute; | 19069 | position: absolute; |
| 19065 | margin-left: 0; | 19070 | margin-left: 0; |
| 19066 | } | 19071 | } |
| 19067 | .chat-list .media-content:before { | 19072 | .chat-list .media-content:before { |
| 19068 | border-top: 5px solid transparent; | 19073 | border-top: 5px solid transparent; |
| 19069 | border-right: 5px solid; | 19074 | border-right: 5px solid; |
| 19070 | border-right-color: inherit; | 19075 | border-right-color: inherit; |
| 19071 | border-bottom: 5px solid transparent; | 19076 | border-bottom: 5px solid transparent; |
| 19072 | } | 19077 | } |
| 19073 | .chat-list .reversed .media-content:before { | 19078 | .chat-list .reversed .media-content:before { |
| 19074 | left: auto; | 19079 | left: auto; |
| 19075 | right: -5px; | 19080 | right: -5px; |
| 19076 | border-right: 0; | 19081 | border-right: 0; |
| 19077 | border-top: 5px solid transparent; | 19082 | border-top: 5px solid transparent; |
| 19078 | border-left: 5px solid; | 19083 | border-left: 5px solid; |
| 19079 | border-left-color: inherit; | 19084 | border-left-color: inherit; |
| 19080 | border-bottom: 5px solid transparent; | 19085 | border-bottom: 5px solid transparent; |
| 19081 | } | 19086 | } |
| 19082 | @media (min-width: 769px) { | 19087 | @media (min-width: 769px) { |
| 19083 | .chat-list .media { | 19088 | .chat-list .media { |
| 19084 | margin-right: 20%; | 19089 | margin-right: 20%; |
| 19085 | } | 19090 | } |
| 19086 | .chat-list .media.reversed { | 19091 | .chat-list .media.reversed { |
| 19087 | margin-right: 0; | 19092 | margin-right: 0; |
| 19088 | margin-left: 20%; | 19093 | margin-left: 20%; |
| 19089 | } | 19094 | } |
| 19090 | } | 19095 | } |
| 19091 | .chat-list-inverse .media-content:not([class*=bg-]) { | 19096 | .chat-list-inverse .media-content:not([class*=bg-]) { |
| 19092 | color: #fff; | 19097 | color: #fff; |
| 19093 | background-color: #42A5F5; | 19098 | background-color: #42A5F5; |
| 19094 | border-color: #42A5F5; | 19099 | border-color: #42A5F5; |
| 19095 | } | 19100 | } |
| 19096 | .chat-list-inverse .media-content:before { | 19101 | .chat-list-inverse .media-content:before { |
| 19097 | border-right: 0; | 19102 | border-right: 0; |
| 19098 | border-top: 5px solid transparent; | 19103 | border-top: 5px solid transparent; |
| 19099 | border-right: 5px solid #42A5F5; | 19104 | border-right: 5px solid #42A5F5; |
| 19100 | border-bottom: 5px solid transparent; | 19105 | border-bottom: 5px solid transparent; |
| 19101 | } | 19106 | } |
| 19102 | .chat-list-inverse .media-content > a { | 19107 | .chat-list-inverse .media-content > a { |
| 19103 | color: #fff; | 19108 | color: #fff; |
| 19104 | } | 19109 | } |
| 19105 | .chat-list-inverse .reversed .media-content:not([class*=bg-]) { | 19110 | .chat-list-inverse .reversed .media-content:not([class*=bg-]) { |
| 19106 | background-color: #f5f5f5; | 19111 | background-color: #f5f5f5; |
| 19107 | color: inherit; | 19112 | color: inherit; |
| 19108 | } | 19113 | } |
| 19109 | .chat-list-inverse .reversed .media-content:before { | 19114 | .chat-list-inverse .reversed .media-content:before { |
| 19110 | border-top: 5px solid transparent; | 19115 | border-top: 5px solid transparent; |
| 19111 | border-left: 5px solid #f5f5f5; | 19116 | border-left: 5px solid #f5f5f5; |
| 19112 | border-bottom: 5px solid transparent; | 19117 | border-bottom: 5px solid transparent; |
| 19113 | } | 19118 | } |
| 19114 | /* ------------------------------------------------------------------------------ | 19119 | /* ------------------------------------------------------------------------------ |
| 19115 | * | 19120 | * |
| 19116 | * # Search | 19121 | * # Search |
| 19117 | * | 19122 | * |
| 19118 | * Styles for search results and input | 19123 | * Styles for search results and input |
| 19119 | * | 19124 | * |
| 19120 | * Version: 1.1 | 19125 | * Version: 1.1 |
| 19121 | * Latest update: Aug 10, 2016 | 19126 | * Latest update: Aug 10, 2016 |
| 19122 | * | 19127 | * |
| 19123 | * ---------------------------------------------------------------------------- */ | 19128 | * ---------------------------------------------------------------------------- */ |
| 19124 | .search-results-list .list-inline { | 19129 | .search-results-list .list-inline { |
| 19125 | margin-bottom: 5px; | 19130 | margin-bottom: 5px; |
| 19126 | } | 19131 | } |
| 19127 | .related-searches { | 19132 | .related-searches { |
| 19128 | margin-top: 20px; | 19133 | margin-top: 20px; |
| 19129 | margin-bottom: 20px; | 19134 | margin-bottom: 20px; |
| 19130 | padding: 20px; | 19135 | padding: 20px; |
| 19131 | border-top: 1px solid #eeeeee; | 19136 | border-top: 1px solid #eeeeee; |
| 19132 | border-bottom: 1px solid #eeeeee; | 19137 | border-bottom: 1px solid #eeeeee; |
| 19133 | } | 19138 | } |
| 19134 | .website-search-results { | 19139 | .website-search-results { |
| 19135 | padding: 20px; | 19140 | padding: 20px; |
| 19136 | padding-bottom: 0; | 19141 | padding-bottom: 0; |
| 19137 | border-bottom: 1px solid #eeeeee; | 19142 | border-bottom: 1px solid #eeeeee; |
| 19138 | } | 19143 | } |
| 19139 | .media-preview { | 19144 | .media-preview { |
| 19140 | width: auto; | 19145 | width: auto; |
| 19141 | height: auto; | 19146 | height: auto; |
| 19142 | max-width: none; | 19147 | max-width: none; |
| 19143 | max-height: 90px; | 19148 | max-height: 90px; |
| 19144 | } | 19149 | } |
| 19145 | @media (max-width: 768px) { | 19150 | @media (max-width: 768px) { |
| 19146 | .search-option-buttons { | 19151 | .search-option-buttons { |
| 19147 | text-align: center; | 19152 | text-align: center; |
| 19148 | } | 19153 | } |
| 19149 | .search-option-buttons > .text-right { | 19154 | .search-option-buttons > .text-right { |
| 19150 | text-align: inherit; | 19155 | text-align: inherit; |
| 19151 | } | 19156 | } |
| 19152 | } | 19157 | } |
| 19153 | /* ------------------------------------------------------------------------------ | 19158 | /* ------------------------------------------------------------------------------ |
| 19154 | * | 19159 | * |
| 19155 | * # Error pages | 19160 | * # Error pages |
| 19156 | * | 19161 | * |
| 19157 | * Styles for error and offline pages | 19162 | * Styles for error and offline pages |
| 19158 | * | 19163 | * |
| 19159 | * Version: 1.0 | 19164 | * Version: 1.0 |
| 19160 | * Latest update: May 25, 2015 | 19165 | * Latest update: May 25, 2015 |
| 19161 | * | 19166 | * |
| 19162 | * ---------------------------------------------------------------------------- */ | 19167 | * ---------------------------------------------------------------------------- */ |
| 19163 | .error-title { | 19168 | .error-title { |
| 19164 | color: #fff; | 19169 | color: #fff; |
| 19165 | font-size: 200px; | 19170 | font-size: 200px; |
| 19166 | line-height: 1; | 19171 | line-height: 1; |
| 19167 | margin-top: 20px; | 19172 | margin-top: 20px; |
| 19168 | margin-bottom: 40px; | 19173 | margin-bottom: 40px; |
| 19169 | font-weight: 300; | 19174 | font-weight: 300; |
| 19170 | text-stroke: 1px transparent; | 19175 | text-stroke: 1px transparent; |
| 19171 | display: block; | 19176 | display: block; |
| 19172 | text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); | 19177 | text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); |
| 19173 | } | 19178 | } |
| 19174 | @media (max-width: 768px) { | 19179 | @media (max-width: 768px) { |
| 19175 | .error-title { | 19180 | .error-title { |
| 19176 | font-size: 130px; | 19181 | font-size: 130px; |
| 19177 | } | 19182 | } |
| 19178 | } | 19183 | } |
| 19179 | .offline-title { | 19184 | .offline-title { |
| 19180 | font-size: 160px; | 19185 | font-size: 160px; |
| 19181 | } | 19186 | } |
| 19182 | @media (max-width: 768px) { | 19187 | @media (max-width: 768px) { |
| 19183 | .offline-title { | 19188 | .offline-title { |
| 19184 | font-size: 90px; | 19189 | font-size: 90px; |
| 19185 | } | 19190 | } |
| 19186 | } | 19191 | } |
| 19187 | /* ------------------------------------------------------------------------------ | 19192 | /* ------------------------------------------------------------------------------ |
| 19188 | * | 19193 | * |
| 19189 | * # Heading elmeents | 19194 | * # Heading elmeents |
| 19190 | * | 19195 | * |
| 19191 | * Display default and custom components in page header and panel heading | 19196 | * Display default and custom components in page header and panel heading |
| 19192 | * | 19197 | * |
| 19193 | * Version: 1.3 | 19198 | * Version: 1.3 |
| 19194 | * Latest update: Aug 10, 2016 | 19199 | * Latest update: Aug 10, 2016 |
| 19195 | * | 19200 | * |
| 19196 | * ---------------------------------------------------------------------------- */ | 19201 | * ---------------------------------------------------------------------------- */ |
| 19197 | .heading-elements-toggle { | 19202 | .heading-elements-toggle { |
| 19198 | cursor: pointer; | 19203 | cursor: pointer; |
| 19199 | display: block; | 19204 | display: block; |
| 19200 | line-height: 1; | 19205 | line-height: 1; |
| 19201 | position: absolute; | 19206 | position: absolute; |
| 19202 | top: 50%; | 19207 | top: 50%; |
| 19203 | right: 0; | 19208 | right: 0; |
| 19204 | margin-top: -8px; | 19209 | margin-top: -8px; |
| 19205 | } | 19210 | } |
| 19206 | .breadcrumb-elements-toggle { | 19211 | .breadcrumb-elements-toggle { |
| 19207 | float: right; | 19212 | float: right; |
| 19208 | cursor: pointer; | 19213 | cursor: pointer; |
| 19209 | line-height: 1; | 19214 | line-height: 1; |
| 19210 | margin-top: 12px; | 19215 | margin-top: 12px; |
| 19211 | } | 19216 | } |
| 19212 | .breadcrumb-line-component .breadcrumb-elements-toggle { | 19217 | .breadcrumb-line-component .breadcrumb-elements-toggle { |
| 19213 | margin-right: 20px; | 19218 | margin-right: 20px; |
| 19214 | } | 19219 | } |
| 19215 | .heading-elements-toggle, | 19220 | .heading-elements-toggle, |
| 19216 | .breadcrumb-elements-toggle, | 19221 | .breadcrumb-elements-toggle, |
| 19217 | .heading-elements-toggle:hover, | 19222 | .heading-elements-toggle:hover, |
| 19218 | .breadcrumb-elements-toggle:hover, | 19223 | .breadcrumb-elements-toggle:hover, |
| 19219 | .heading-elements-toggle:focus, | 19224 | .heading-elements-toggle:focus, |
| 19220 | .breadcrumb-elements-toggle:focus { | 19225 | .breadcrumb-elements-toggle:focus { |
| 19221 | color: inherit; | 19226 | color: inherit; |
| 19222 | } | 19227 | } |
| 19223 | .heading-elements-toggle > i, | 19228 | .heading-elements-toggle > i, |
| 19224 | .breadcrumb-elements-toggle > i { | 19229 | .breadcrumb-elements-toggle > i { |
| 19225 | top: 0; | 19230 | top: 0; |
| 19226 | } | 19231 | } |
| 19227 | @media (min-width: 769px) { | 19232 | @media (min-width: 769px) { |
| 19228 | .heading-elements-toggle, | 19233 | .heading-elements-toggle, |
| 19229 | .breadcrumb-elements-toggle { | 19234 | .breadcrumb-elements-toggle { |
| 19230 | display: none; | 19235 | display: none; |
| 19231 | } | 19236 | } |
| 19232 | } | 19237 | } |
| 19233 | .heading-elements { | 19238 | .heading-elements { |
| 19234 | background-color: inherit; | 19239 | background-color: inherit; |
| 19235 | position: absolute; | 19240 | position: absolute; |
| 19236 | top: 50%; | 19241 | top: 50%; |
| 19237 | right: 20px; | 19242 | right: 20px; |
| 19238 | height: 38px; | 19243 | height: 38px; |
| 19239 | margin-top: -19px; | 19244 | margin-top: -19px; |
| 19240 | } | 19245 | } |
| 19241 | @media (max-width: 768px) { | 19246 | @media (max-width: 768px) { |
| 19242 | .heading-elements:not(.not-collapsible) { | 19247 | .heading-elements:not(.not-collapsible) { |
| 19243 | position: static; | 19248 | position: static; |
| 19244 | margin-top: 0; | 19249 | margin-top: 0; |
| 19245 | height: auto; | 19250 | height: auto; |
| 19246 | } | 19251 | } |
| 19247 | } | 19252 | } |
| 19248 | .panel-body > .heading-elements { | 19253 | .panel-body > .heading-elements { |
| 19249 | top: 0; | 19254 | top: 0; |
| 19250 | margin-top: 16px; | 19255 | margin-top: 16px; |
| 19251 | z-index: 10; | 19256 | z-index: 10; |
| 19252 | } | 19257 | } |
| 19253 | @media (max-width: 768px) { | 19258 | @media (max-width: 768px) { |
| 19254 | .panel-body > .heading-elements-toggle { | 19259 | .panel-body > .heading-elements-toggle { |
| 19255 | top: 20px; | 19260 | top: 20px; |
| 19256 | margin-top: 0; | 19261 | margin-top: 0; |
| 19257 | } | 19262 | } |
| 19258 | .panel-body > .heading-elements.visible-elements { | 19263 | .panel-body > .heading-elements.visible-elements { |
| 19259 | top: 56px; | 19264 | top: 56px; |
| 19260 | background-color: #fff; | 19265 | background-color: #fff; |
| 19261 | } | 19266 | } |
| 19262 | } | 19267 | } |
| 19263 | .panel-footer > .heading-elements { | 19268 | .panel-footer > .heading-elements { |
| 19264 | position: static; | 19269 | position: static; |
| 19265 | margin-top: 0; | 19270 | margin-top: 0; |
| 19266 | padding-right: 20px; | 19271 | padding-right: 20px; |
| 19267 | } | 19272 | } |
| 19268 | .panel-footer > .heading-elements:after { | 19273 | .panel-footer > .heading-elements:after { |
| 19269 | content: ''; | 19274 | content: ''; |
| 19270 | display: table; | 19275 | display: table; |
| 19271 | clear: both; | 19276 | clear: both; |
| 19272 | } | 19277 | } |
| 19273 | .panel-footer-bordered > .heading-elements:not(.visible-elements) { | 19278 | .panel-footer-bordered > .heading-elements:not(.visible-elements) { |
| 19274 | margin-left: -20px; | 19279 | margin-left: -20px; |
| 19275 | padding-right: 0; | 19280 | padding-right: 0; |
| 19276 | } | 19281 | } |
| 19277 | @media (max-width: 768px) { | 19282 | @media (max-width: 768px) { |
| 19278 | .panel-footer > .heading-elements:not(.not-collapsible) > .pull-right { | 19283 | .panel-footer > .heading-elements:not(.not-collapsible) > .pull-right { |
| 19279 | float: none!important; | 19284 | float: none!important; |
| 19280 | } | 19285 | } |
| 19281 | .panel-footer .heading-elements-toggle { | 19286 | .panel-footer .heading-elements-toggle { |
| 19282 | position: static; | 19287 | position: static; |
| 19283 | padding-top: 10px; | 19288 | padding-top: 10px; |
| 19284 | padding-bottom: 10px; | 19289 | padding-bottom: 10px; |
| 19285 | margin-top: 0; | 19290 | margin-top: 0; |
| 19286 | display: block; | 19291 | display: block; |
| 19287 | text-align: center; | 19292 | text-align: center; |
| 19288 | } | 19293 | } |
| 19289 | } | 19294 | } |
| 19290 | .heading-thumbnails { | 19295 | .heading-thumbnails { |
| 19291 | list-style: none; | 19296 | list-style: none; |
| 19292 | margin: 0; | 19297 | margin: 0; |
| 19293 | padding: 0; | 19298 | padding: 0; |
| 19294 | font-size: 0; | 19299 | font-size: 0; |
| 19295 | } | 19300 | } |
| 19296 | .heading-thumbnails > li { | 19301 | .heading-thumbnails > li { |
| 19297 | position: relative; | 19302 | position: relative; |
| 19298 | display: inline-block; | 19303 | display: inline-block; |
| 19299 | font-size: 13px; | 19304 | font-size: 13px; |
| 19300 | } | 19305 | } |
| 19301 | .heading-thumbnails > li + li { | 19306 | .heading-thumbnails > li + li { |
| 19302 | margin-left: 10px; | 19307 | margin-left: 10px; |
| 19303 | } | 19308 | } |
| 19304 | .heading-thumbnails > li img { | 19309 | .heading-thumbnails > li img { |
| 19305 | height: auto; | 19310 | height: auto; |
| 19306 | max-height: 38px; | 19311 | max-height: 38px; |
| 19307 | max-width: 100%; | 19312 | max-width: 100%; |
| 19308 | border-radius: 100px; | 19313 | border-radius: 100px; |
| 19309 | } | 19314 | } |
| 19310 | .heading-thumbnails > li .label, | 19315 | .heading-thumbnails > li .label, |
| 19311 | .heading-thumbnails > li .badge { | 19316 | .heading-thumbnails > li .badge { |
| 19312 | position: absolute; | 19317 | position: absolute; |
| 19313 | top: -8px; | 19318 | top: -8px; |
| 19314 | right: -8px; | 19319 | right: -8px; |
| 19315 | border: 2px solid #fcfcfc; | 19320 | border: 2px solid #fcfcfc; |
| 19316 | } | 19321 | } |
| 19317 | .panel-default > .panel-heading .heading-thumbnails > li .label, | 19322 | .panel-default > .panel-heading .heading-thumbnails > li .label, |
| 19318 | .panel-default > .panel-heading .heading-thumbnails > li .badge, | 19323 | .panel-default > .panel-heading .heading-thumbnails > li .badge, |
| 19319 | .panel-footer-transparent .heading-thumbnails > li .label, | 19324 | .panel-footer-transparent .heading-thumbnails > li .label, |
| 19320 | .panel-footer-transparent .heading-thumbnails > li .badge { | 19325 | .panel-footer-transparent .heading-thumbnails > li .badge { |
| 19321 | border-color: #fff; | 19326 | border-color: #fff; |
| 19322 | } | 19327 | } |
| 19323 | .heading-thumbnails > li .status-mark { | 19328 | .heading-thumbnails > li .status-mark { |
| 19324 | position: absolute; | 19329 | position: absolute; |
| 19325 | top: 0; | 19330 | top: 0; |
| 19326 | right: 0; | 19331 | right: 0; |
| 19327 | box-shadow: 0 0 0 2px #fcfcfc; | 19332 | box-shadow: 0 0 0 2px #fcfcfc; |
| 19328 | } | 19333 | } |
| 19329 | .heading-thumbnails > li .status-mark[class*=border-] { | 19334 | .heading-thumbnails > li .status-mark[class*=border-] { |
| 19330 | background-color: #fcfcfc; | 19335 | background-color: #fcfcfc; |
| 19331 | } | 19336 | } |
| 19332 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark[class*=border-], | 19337 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark[class*=border-], |
| 19333 | .panel-footer-transparent .heading-thumbnails > li .status-mark[class*=border-] { | 19338 | .panel-footer-transparent .heading-thumbnails > li .status-mark[class*=border-] { |
| 19334 | background-color: #fff; | 19339 | background-color: #fff; |
| 19335 | } | 19340 | } |
| 19336 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark, | 19341 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark, |
| 19337 | .panel-footer-transparent .heading-thumbnails > li .status-mark { | 19342 | .panel-footer-transparent .heading-thumbnails > li .status-mark { |
| 19338 | background-color: #fff; | 19343 | background-color: #fff; |
| 19339 | } | 19344 | } |
| 19340 | .heading-elements .heading-btn + .heading-btn, | 19345 | .heading-elements .heading-btn + .heading-btn, |
| 19341 | .page-header .heading-elements .icons-list > li + li, | 19346 | .page-header .heading-elements .icons-list > li + li, |
| 19342 | .thumbnail-heading .heading-elements .icons-list > li + li { | 19347 | .thumbnail-heading .heading-elements .icons-list > li + li { |
| 19343 | margin-left: 10px; | 19348 | margin-left: 10px; |
| 19344 | } | 19349 | } |
| 19345 | .page-header-inverse .heading-elements .btn-link { | 19350 | .page-header-inverse .heading-elements .btn-link { |
| 19346 | color: #fff; | 19351 | color: #fff; |
| 19347 | } | 19352 | } |
| 19348 | .heading-elements .list-inline { | 19353 | .heading-elements .list-inline { |
| 19349 | margin-bottom: 0; | 19354 | margin-bottom: 0; |
| 19350 | } | 19355 | } |
| 19351 | .heading-elements .breadcrumb { | 19356 | .heading-elements .breadcrumb { |
| 19352 | padding-top: 0; | 19357 | padding-top: 0; |
| 19353 | padding-bottom: 0; | 19358 | padding-bottom: 0; |
| 19354 | } | 19359 | } |
| 19355 | .heading-elements.panel-nav .nav > li > a { | 19360 | .heading-elements.panel-nav .nav > li > a { |
| 19356 | text-align: left; | 19361 | text-align: left; |
| 19357 | } | 19362 | } |
| 19358 | .heading-elements .daterange-custom { | 19363 | .heading-elements .daterange-custom { |
| 19359 | margin-top: 5px; | 19364 | margin-top: 5px; |
| 19360 | } | 19365 | } |
| 19361 | .heading-elements .heading-btn-group { | 19366 | .heading-elements .heading-btn-group { |
| 19362 | font-size: 0; | 19367 | font-size: 0; |
| 19363 | } | 19368 | } |
| 19364 | .heading-elements .heading-btn-group > .btn + .btn:not(.btn-link) { | 19369 | .heading-elements .heading-btn-group > .btn + .btn:not(.btn-link) { |
| 19365 | margin-left: 10px; | 19370 | margin-left: 10px; |
| 19366 | } | 19371 | } |
| 19367 | .heading-elements.visible-elements { | 19372 | .heading-elements.visible-elements { |
| 19368 | text-align: center; | 19373 | text-align: center; |
| 19369 | } | 19374 | } |
| 19370 | .heading-elements.visible-elements .heading-text, | 19375 | .heading-elements.visible-elements .heading-text, |
| 19371 | .heading-elements.visible-elements .heading-btn, | 19376 | .heading-elements.visible-elements .heading-btn, |
| 19372 | .heading-elements.visible-elements .heading-btn-group > .btn, | 19377 | .heading-elements.visible-elements .heading-btn-group > .btn, |
| 19373 | .heading-elements.visible-elements .ui-slider, | 19378 | .heading-elements.visible-elements .ui-slider, |
| 19374 | .heading-elements.visible-elements .noui-slider, | 19379 | .heading-elements.visible-elements .noui-slider, |
| 19375 | .heading-elements.visible-elements .nav-tabs, | 19380 | .heading-elements.visible-elements .nav-tabs, |
| 19376 | .heading-elements.visible-elements .nav-pills, | 19381 | .heading-elements.visible-elements .nav-pills, |
| 19377 | .heading-elements.visible-elements .pagination, | 19382 | .heading-elements.visible-elements .pagination, |
| 19378 | .heading-elements.visible-elements .progress, | 19383 | .heading-elements.visible-elements .progress, |
| 19379 | .heading-elements.visible-elements .icons-list, | 19384 | .heading-elements.visible-elements .icons-list, |
| 19380 | .heading-elements.visible-elements .pager, | 19385 | .heading-elements.visible-elements .pager, |
| 19381 | .heading-elements.visible-elements .breadcrumb, | 19386 | .heading-elements.visible-elements .breadcrumb, |
| 19382 | .heading-elements.visible-elements .daterange-custom, | 19387 | .heading-elements.visible-elements .daterange-custom, |
| 19383 | .heading-elements.visible-elements .heading-thumbnails, | 19388 | .heading-elements.visible-elements .heading-thumbnails, |
| 19384 | .heading-elements.visible-elements .heading-form .form-group, | 19389 | .heading-elements.visible-elements .heading-form .form-group, |
| 19385 | .heading-elements.visible-elements > .btn-group { | 19390 | .heading-elements.visible-elements > .btn-group { |
| 19386 | margin-top: 20px; | 19391 | margin-top: 20px; |
| 19387 | } | 19392 | } |
| 19388 | .heading-elements.visible-elements .nav-tabs, | 19393 | .heading-elements.visible-elements .nav-tabs, |
| 19389 | .heading-elements.visible-elements .nav-pills { | 19394 | .heading-elements.visible-elements .nav-pills { |
| 19390 | margin-bottom: 0; | 19395 | margin-bottom: 0; |
| 19391 | } | 19396 | } |
| 19392 | .heading-elements.visible-elements .heading-text:not(.label):not(.badge) { | 19397 | .heading-elements.visible-elements .heading-text:not(.label):not(.badge) { |
| 19393 | display: block; | 19398 | display: block; |
| 19394 | } | 19399 | } |
| 19395 | .heading-elements.visible-elements .select2-container, | 19400 | .heading-elements.visible-elements .select2-container, |
| 19396 | .heading-elements.visible-elements .selectboxit-container, | 19401 | .heading-elements.visible-elements .selectboxit-container, |
| 19397 | .heading-elements.visible-elements .selectboxit-options, | 19402 | .heading-elements.visible-elements .selectboxit-options, |
| 19398 | .heading-elements.visible-elements .multiselect + .btn-group, | 19403 | .heading-elements.visible-elements .multiselect + .btn-group, |
| 19399 | .heading-elements.visible-elements div.bootstrap-select { | 19404 | .heading-elements.visible-elements div.bootstrap-select { |
| 19400 | width: 100%!important; | 19405 | width: 100%!important; |
| 19401 | } | 19406 | } |
| 19402 | .heading-elements.visible-elements .input-group, | 19407 | .heading-elements.visible-elements .input-group, |
| 19403 | .heading-elements.visible-elements .input-group-btn, | 19408 | .heading-elements.visible-elements .input-group-btn, |
| 19404 | .heading-elements.visible-elements .btn-group, | 19409 | .heading-elements.visible-elements .btn-group, |
| 19405 | .heading-elements.visible-elements .dropdown, | 19410 | .heading-elements.visible-elements .dropdown, |
| 19406 | .heading-elements.visible-elements .dropup { | 19411 | .heading-elements.visible-elements .dropup { |
| 19407 | position: static; | 19412 | position: static; |
| 19408 | } | 19413 | } |
| 19409 | .heading-elements.visible-elements .dropdown-menu:not(.multiselect-container) { | 19414 | .heading-elements.visible-elements .dropdown-menu:not(.multiselect-container) { |
| 19410 | left: -1px; | 19415 | left: -1px; |
| 19411 | right: -1px; | 19416 | right: -1px; |
| 19412 | margin-top: 0; | 19417 | margin-top: 0; |
| 19413 | border-top-right-radius: 0; | 19418 | border-top-right-radius: 0; |
| 19414 | border-top-left-radius: 0; | 19419 | border-top-left-radius: 0; |
| 19415 | } | 19420 | } |
| 19416 | .heading-elements.visible-elements .multiselect-container { | 19421 | .heading-elements.visible-elements .multiselect-container { |
| 19417 | left: 0; | 19422 | left: 0; |
| 19418 | right: 0; | 19423 | right: 0; |
| 19419 | } | 19424 | } |
| 19420 | .heading-elements:not(.visible-elements) .heading-text, | 19425 | .heading-elements:not(.visible-elements) .heading-text, |
| 19421 | .heading-elements:not(.visible-elements) .heading-btn, | 19426 | .heading-elements:not(.visible-elements) .heading-btn, |
| 19422 | .heading-elements:not(.visible-elements) .ui-slider, | 19427 | .heading-elements:not(.visible-elements) .ui-slider, |
| 19423 | .heading-elements:not(.visible-elements) .noui-slider, | 19428 | .heading-elements:not(.visible-elements) .noui-slider, |
| 19424 | .heading-elements:not(.visible-elements) .nav-tabs, | 19429 | .heading-elements:not(.visible-elements) .nav-tabs, |
| 19425 | .heading-elements:not(.visible-elements) .nav-pills, | 19430 | .heading-elements:not(.visible-elements) .nav-pills, |
| 19426 | .heading-elements:not(.visible-elements) .pagination, | 19431 | .heading-elements:not(.visible-elements) .pagination, |
| 19427 | .heading-elements:not(.visible-elements) .progress, | 19432 | .heading-elements:not(.visible-elements) .progress, |
| 19428 | .heading-elements:not(.visible-elements) .icons-list, | 19433 | .heading-elements:not(.visible-elements) .icons-list, |
| 19429 | .heading-elements:not(.visible-elements) .breadcrumb, | 19434 | .heading-elements:not(.visible-elements) .breadcrumb, |
| 19430 | .heading-elements:not(.visible-elements) .pager, | 19435 | .heading-elements:not(.visible-elements) .pager, |
| 19431 | .heading-elements:not(.visible-elements) .heading-form, | 19436 | .heading-elements:not(.visible-elements) .heading-form, |
| 19432 | .heading-elements:not(.visible-elements) .daterange-custom, | 19437 | .heading-elements:not(.visible-elements) .daterange-custom, |
| 19433 | .heading-elements:not(.visible-elements) .heading-thumbnails, | 19438 | .heading-elements:not(.visible-elements) .heading-thumbnails, |
| 19434 | .heading-elements:not(.visible-elements) > .btn-group { | 19439 | .heading-elements:not(.visible-elements) > .btn-group { |
| 19435 | float: left; | 19440 | float: left; |
| 19436 | margin-left: 20px; | 19441 | margin-left: 20px; |
| 19437 | } | 19442 | } |
| 19438 | .heading-elements:not(.visible-elements) .heading-text { | 19443 | .heading-elements:not(.visible-elements) .heading-text { |
| 19439 | display: inline-block; | 19444 | display: inline-block; |
| 19440 | } | 19445 | } |
| 19441 | .heading-elements:not(.visible-elements) .heading-text + .heading-text { | 19446 | .heading-elements:not(.visible-elements) .heading-text + .heading-text { |
| 19442 | margin-left: 20px; | 19447 | margin-left: 20px; |
| 19443 | } | 19448 | } |
| 19444 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-container, | 19449 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-container, |
| 19445 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-options, | 19450 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-options, |
| 19446 | .heading-elements:not(.visible-elements) .progress, | 19451 | .heading-elements:not(.visible-elements) .progress, |
| 19447 | .heading-elements:not(.visible-elements) .ui-slider, | 19452 | .heading-elements:not(.visible-elements) .ui-slider, |
| 19448 | .heading-elements:not(.visible-elements) .noui-slider, | 19453 | .heading-elements:not(.visible-elements) .noui-slider, |
| 19449 | .heading-elements:not(.visible-elements) .input-group, | 19454 | .heading-elements:not(.visible-elements) .input-group, |
| 19450 | .heading-elements:not(.visible-elements) .selectboxit-container .selectboxit-options, | 19455 | .heading-elements:not(.visible-elements) .selectboxit-container .selectboxit-options, |
| 19451 | .heading-elements:not(.visible-elements) .heading-form .form-control { | 19456 | .heading-elements:not(.visible-elements) .heading-form .form-control { |
| 19452 | width: 220px; | 19457 | width: 220px; |
| 19453 | } | 19458 | } |
| 19454 | .heading-elements:not(.visible-elements) .select-sm, | 19459 | .heading-elements:not(.visible-elements) .select-sm, |
| 19455 | .heading-elements:not(.visible-elements) .input-sm, | 19460 | .heading-elements:not(.visible-elements) .input-sm, |
| 19456 | .heading-elements:not(.visible-elements) .input-group-sm, | 19461 | .heading-elements:not(.visible-elements) .input-group-sm, |
| 19457 | .heading-elements:not(.visible-elements) .uploader-sm, | 19462 | .heading-elements:not(.visible-elements) .uploader-sm, |
| 19458 | .heading-elements:not(.visible-elements) .pagination-sm, | 19463 | .heading-elements:not(.visible-elements) .pagination-sm, |
| 19459 | .heading-elements:not(.visible-elements) .pager-sm, | 19464 | .heading-elements:not(.visible-elements) .pager-sm, |
| 19460 | .heading-elements:not(.visible-elements) .selectbox-sm + .selectboxit-container, | 19465 | .heading-elements:not(.visible-elements) .selectbox-sm + .selectboxit-container, |
| 19461 | .heading-elements:not(.visible-elements) .btn-sm, | 19466 | .heading-elements:not(.visible-elements) .btn-sm, |
| 19462 | .heading-elements:not(.visible-elements) .btn-group-sm > .btn { | 19467 | .heading-elements:not(.visible-elements) .btn-group-sm > .btn { |
| 19463 | margin-top: 1px; | 19468 | margin-top: 1px; |
| 19464 | } | 19469 | } |
| 19465 | .heading-elements:not(.visible-elements) .select-xs, | 19470 | .heading-elements:not(.visible-elements) .select-xs, |
| 19466 | .heading-elements:not(.visible-elements) .input-xs, | 19471 | .heading-elements:not(.visible-elements) .input-xs, |
| 19467 | .heading-elements:not(.visible-elements) .input-group-xs, | 19472 | .heading-elements:not(.visible-elements) .input-group-xs, |
| 19468 | .heading-elements:not(.visible-elements) .uploader-xs, | 19473 | .heading-elements:not(.visible-elements) .uploader-xs, |
| 19469 | .heading-elements:not(.visible-elements) .pagination-xs, | 19474 | .heading-elements:not(.visible-elements) .pagination-xs, |
| 19470 | .heading-elements:not(.visible-elements) .pager-xs, | 19475 | .heading-elements:not(.visible-elements) .pager-xs, |
| 19471 | .heading-elements:not(.visible-elements) .selectbox-xs + .selectboxit-container, | 19476 | .heading-elements:not(.visible-elements) .selectbox-xs + .selectboxit-container, |
| 19472 | .heading-elements:not(.visible-elements) .btn-xs, | 19477 | .heading-elements:not(.visible-elements) .btn-xs, |
| 19473 | .heading-elements:not(.visible-elements) .btn-group-xs > .btn { | 19478 | .heading-elements:not(.visible-elements) .btn-group-xs > .btn { |
| 19474 | margin-top: 2px; | 19479 | margin-top: 2px; |
| 19475 | } | 19480 | } |
| 19476 | .heading-elements:not(.visible-elements) .btn-float { | 19481 | .heading-elements:not(.visible-elements) .btn-float { |
| 19477 | margin-top: -7px; | 19482 | margin-top: -7px; |
| 19478 | } | 19483 | } |
| 19479 | .heading-elements:not(.visible-elements) .btn-float.has-text { | 19484 | .heading-elements:not(.visible-elements) .btn-float.has-text { |
| 19480 | margin-top: -19.5px; | 19485 | margin-top: -19.5px; |
| 19481 | } | 19486 | } |
| 19482 | .heading-elements:not(.visible-elements) .btn-float.btn-link { | 19487 | .heading-elements:not(.visible-elements) .btn-float.btn-link { |
| 19483 | margin-top: -14px; | 19488 | margin-top: -14px; |
| 19484 | } | 19489 | } |
| 19485 | .heading-elements:not(.visible-elements) .ui-slider, | 19490 | .heading-elements:not(.visible-elements) .ui-slider, |
| 19486 | .heading-elements:not(.visible-elements) .noui-slider { | 19491 | .heading-elements:not(.visible-elements) .noui-slider { |
| 19487 | margin-top: 17px; | 19492 | margin-top: 17px; |
| 19488 | } | 19493 | } |
| 19489 | .heading-elements:not(.visible-elements) .ui-slider-lg, | 19494 | .heading-elements:not(.visible-elements) .ui-slider-lg, |
| 19490 | .heading-elements:not(.visible-elements) .noui-slider-lg { | 19495 | .heading-elements:not(.visible-elements) .noui-slider-lg { |
| 19491 | margin-top: 16.5px; | 19496 | margin-top: 16.5px; |
| 19492 | } | 19497 | } |
| 19493 | .heading-elements:not(.visible-elements) .ui-slider-sm, | 19498 | .heading-elements:not(.visible-elements) .ui-slider-sm, |
| 19494 | .heading-elements:not(.visible-elements) .noui-slider-sm { | 19499 | .heading-elements:not(.visible-elements) .noui-slider-sm { |
| 19495 | margin-top: 17.5px; | 19500 | margin-top: 17.5px; |
| 19496 | } | 19501 | } |
| 19497 | .heading-elements:not(.visible-elements) .ui-slider-xs, | 19502 | .heading-elements:not(.visible-elements) .ui-slider-xs, |
| 19498 | .heading-elements:not(.visible-elements) .noui-slider-xs { | 19503 | .heading-elements:not(.visible-elements) .noui-slider-xs { |
| 19499 | margin-top: 18px; | 19504 | margin-top: 18px; |
| 19500 | } | 19505 | } |
| 19501 | .heading-elements:not(.visible-elements) .progress { | 19506 | .heading-elements:not(.visible-elements) .progress { |
| 19502 | margin-top: 10px; | 19507 | margin-top: 10px; |
| 19503 | } | 19508 | } |
| 19504 | .heading-elements:not(.visible-elements) .progress-lg { | 19509 | .heading-elements:not(.visible-elements) .progress-lg { |
| 19505 | margin-top: 8px; | 19510 | margin-top: 8px; |
| 19506 | } | 19511 | } |
| 19507 | .heading-elements:not(.visible-elements) .progress-sm { | 19512 | .heading-elements:not(.visible-elements) .progress-sm { |
| 19508 | margin-top: 12px; | 19513 | margin-top: 12px; |
| 19509 | } | 19514 | } |
| 19510 | .heading-elements:not(.visible-elements) .progress-xs { | 19515 | .heading-elements:not(.visible-elements) .progress-xs { |
| 19511 | margin-top: 14px; | 19516 | margin-top: 14px; |
| 19512 | } | 19517 | } |
| 19513 | .heading-elements:not(.visible-elements) .progress-xxs { | 19518 | .heading-elements:not(.visible-elements) .progress-xxs { |
| 19514 | margin-top: 16px; | 19519 | margin-top: 16px; |
| 19515 | } | 19520 | } |
| 19516 | .heading-elements:not(.visible-elements) .progress-micro { | 19521 | .heading-elements:not(.visible-elements) .progress-micro { |
| 19517 | margin-top: 18px; | 19522 | margin-top: 18px; |
| 19518 | } | 19523 | } |
| 19519 | .heading-elements:not(.visible-elements) .icons-list { | 19524 | .heading-elements:not(.visible-elements) .icons-list { |
| 19520 | margin-top: 11px; | 19525 | margin-top: 11px; |
| 19521 | } | 19526 | } |
| 19522 | .heading-elements:not(.visible-elements) .heading-text { | 19527 | .heading-elements:not(.visible-elements) .heading-text { |
| 19523 | margin-top: 9px; | 19528 | margin-top: 9px; |
| 19524 | } | 19529 | } |
| 19525 | .heading-elements:not(.visible-elements).panel-nav > .nav { | 19530 | .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19526 | margin-bottom: 0; | 19531 | margin-bottom: 0; |
| 19527 | } | 19532 | } |
| 19528 | @media (min-width: 769px) { | 19533 | @media (min-width: 769px) { |
| 19529 | .heading-elements:not(.visible-elements).panel-nav > .nav { | 19534 | .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19530 | margin-top: -1px; | 19535 | margin-top: -1px; |
| 19531 | } | 19536 | } |
| 19532 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs { | 19537 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs { |
| 19533 | border-bottom-width: 0; | 19538 | border-bottom-width: 0; |
| 19534 | } | 19539 | } |
| 19535 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs.nav-tabs-bottom > li.active > a:after { | 19540 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs.nav-tabs-bottom > li.active > a:after { |
| 19536 | background-color: transparent; | 19541 | background-color: transparent; |
| 19537 | } | 19542 | } |
| 19538 | .heading-elements:not(.visible-elements).panel-nav > .nav-sm { | 19543 | .heading-elements:not(.visible-elements).panel-nav > .nav-sm { |
| 19539 | margin-top: 2px; | 19544 | margin-top: 2px; |
| 19540 | } | 19545 | } |
| 19541 | .heading-elements:not(.visible-elements).panel-nav > .nav-xs { | 19546 | .heading-elements:not(.visible-elements).panel-nav > .nav-xs { |
| 19542 | margin-top: 5px; | 19547 | margin-top: 5px; |
| 19543 | } | 19548 | } |
| 19544 | } | 19549 | } |
| 19545 | @media (max-width: 768px) { | 19550 | @media (max-width: 768px) { |
| 19546 | .heading-elements:not(.visible-elements).panel-nav { | 19551 | .heading-elements:not(.visible-elements).panel-nav { |
| 19547 | position: static; | 19552 | position: static; |
| 19548 | height: auto; | 19553 | height: auto; |
| 19549 | } | 19554 | } |
| 19550 | .heading-elements:not(.visible-elements).panel-nav > .nav { | 19555 | .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19551 | float: none; | 19556 | float: none; |
| 19552 | } | 19557 | } |
| 19553 | .panel-heading .heading-elements:not(.visible-elements).panel-nav { | 19558 | .panel-heading .heading-elements:not(.visible-elements).panel-nav { |
| 19554 | margin-top: 15px; | 19559 | margin-top: 15px; |
| 19555 | } | 19560 | } |
| 19556 | .panel-flat .panel-heading .heading-elements:not(.visible-elements).panel-nav { | 19561 | .panel-flat .panel-heading .heading-elements:not(.visible-elements).panel-nav { |
| 19557 | margin-top: 20px; | 19562 | margin-top: 20px; |
| 19558 | } | 19563 | } |
| 19559 | .panel-heading .heading-elements:not(.visible-elements).panel-nav > .nav { | 19564 | .panel-heading .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19560 | margin-left: 0; | 19565 | margin-left: 0; |
| 19561 | } | 19566 | } |
| 19562 | .panel-footer .heading-elements:not(.visible-elements).panel-nav.not-collapsible > .nav { | 19567 | .panel-footer .heading-elements:not(.visible-elements).panel-nav.not-collapsible > .nav { |
| 19563 | margin-top: 12px; | 19568 | margin-top: 12px; |
| 19564 | margin-bottom: 12px; | 19569 | margin-bottom: 12px; |
| 19565 | } | 19570 | } |
| 19566 | } | 19571 | } |
| 19567 | .heading-form .form-group { | 19572 | .heading-form .form-group { |
| 19568 | margin-bottom: 0; | 19573 | margin-bottom: 0; |
| 19569 | } | 19574 | } |
| 19570 | .heading-form .checkbox-switchery, | 19575 | .heading-form .checkbox-switchery, |
| 19571 | .heading-form .checkbox-switchery[class*="switchery-"] { | 19576 | .heading-form .checkbox-switchery[class*="switchery-"] { |
| 19572 | margin-bottom: 0; | 19577 | margin-bottom: 0; |
| 19573 | } | 19578 | } |
| 19574 | .heading-elements:not(.visible-elements) .heading-form .checkbox-inline, | 19579 | .heading-elements:not(.visible-elements) .heading-form .checkbox-inline, |
| 19575 | .heading-elements:not(.visible-elements) .heading-form .radio-inline { | 19580 | .heading-elements:not(.visible-elements) .heading-form .radio-inline { |
| 19576 | margin-top: 9px; | 19581 | margin-top: 9px; |
| 19577 | } | 19582 | } |
| 19578 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch { | 19583 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch { |
| 19579 | margin-top: 2px; | 19584 | margin-top: 2px; |
| 19580 | } | 19585 | } |
| 19581 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-sm { | 19586 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-sm { |
| 19582 | margin-top: 3px; | 19587 | margin-top: 3px; |
| 19583 | } | 19588 | } |
| 19584 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-xs { | 19589 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-xs { |
| 19585 | margin-top: 4px; | 19590 | margin-top: 4px; |
| 19586 | } | 19591 | } |
| 19587 | .heading-elements:not(.visible-elements) .heading-form .input-group { | 19592 | .heading-elements:not(.visible-elements) .heading-form .input-group { |
| 19588 | max-width: 220px; | 19593 | max-width: 220px; |
| 19589 | } | 19594 | } |
| 19590 | .heading-elements:not(.visible-elements) .heading-form .input-group .form-control { | 19595 | .heading-elements:not(.visible-elements) .heading-form .input-group .form-control { |
| 19591 | width: 100%; | 19596 | width: 100%; |
| 19592 | margin-top: 0; | 19597 | margin-top: 0; |
| 19593 | } | 19598 | } |
| 19594 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-sm .btn, | 19599 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-sm .btn, |
| 19595 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-xs .btn { | 19600 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-xs .btn { |
| 19596 | margin-top: 0; | 19601 | margin-top: 0; |
| 19597 | } | 19602 | } |
| 19598 | @media (min-width: 769px) { | 19603 | @media (min-width: 769px) { |
| 19599 | .heading-form .form-group { | 19604 | .heading-form .form-group { |
| 19600 | float: left; | 19605 | float: left; |
| 19601 | } | 19606 | } |
| 19602 | .heading-form .form-group + .form-group { | 19607 | .heading-form .form-group + .form-group { |
| 19603 | margin-left: 15px; | 19608 | margin-left: 15px; |
| 19604 | } | 19609 | } |
| 19605 | } | 19610 | } |
| 19606 | @media (max-width: 768px) { | 19611 | @media (max-width: 768px) { |
| 19607 | .heading-elements:not(.not-collapsible), | 19612 | .heading-elements:not(.not-collapsible), |
| 19608 | .breadcrumb-elements:not(.not-collapsible) { | 19613 | .breadcrumb-elements:not(.not-collapsible) { |
| 19609 | display: none; | 19614 | display: none; |
| 19610 | } | 19615 | } |
| 19611 | .heading-elements.visible-elements, | 19616 | .heading-elements.visible-elements, |
| 19612 | .breadcrumb-elements.visible-elements { | 19617 | .breadcrumb-elements.visible-elements { |
| 19613 | display: block; | 19618 | display: block; |
| 19614 | } | 19619 | } |
| 19615 | .panel .has-visible-elements { | 19620 | .panel .has-visible-elements { |
| 19616 | padding-bottom: 0; | 19621 | padding-bottom: 0; |
| 19617 | } | 19622 | } |
| 19618 | .panel-flat .panel-heading.has-visible-elements { | 19623 | .panel-flat .panel-heading.has-visible-elements { |
| 19619 | padding-bottom: 20px; | 19624 | padding-bottom: 20px; |
| 19620 | } | 19625 | } |
| 19621 | .panel .visible-elements { | 19626 | .panel .visible-elements { |
| 19622 | border-top: 1px solid #ddd; | 19627 | border-top: 1px solid #ddd; |
| 19623 | padding: 20px; | 19628 | padding: 20px; |
| 19624 | padding-top: 0; | 19629 | padding-top: 0; |
| 19625 | } | 19630 | } |
| 19626 | .panel-heading .visible-elements { | 19631 | .panel-heading .visible-elements { |
| 19627 | margin: 15px -20px 0 -20px; | 19632 | margin: 15px -20px 0 -20px; |
| 19628 | background-color: #fcfcfc; | 19633 | background-color: #fcfcfc; |
| 19629 | } | 19634 | } |
| 19630 | .panel-flat .panel-heading .visible-elements { | 19635 | .panel-flat .panel-heading .visible-elements { |
| 19631 | margin-top: 20px; | 19636 | margin-top: 20px; |
| 19632 | border-bottom: 1px solid #ddd; | 19637 | border-bottom: 1px solid #ddd; |
| 19633 | } | 19638 | } |
| 19634 | .panel-footer .visible-elements { | 19639 | .panel-footer .visible-elements { |
| 19635 | margin-top: 8px; | 19640 | margin-top: 8px; |
| 19636 | border-bottom-right-radius: 3px; | 19641 | border-bottom-right-radius: 3px; |
| 19637 | border-bottom-left-radius: 3px; | 19642 | border-bottom-left-radius: 3px; |
| 19638 | } | 19643 | } |
| 19639 | .panel-footer-condensed .visible-elements { | 19644 | .panel-footer-condensed .visible-elements { |
| 19640 | margin-top: 2px; | 19645 | margin-top: 2px; |
| 19641 | } | 19646 | } |
| 19642 | .panel-footer-transparent .visible-elements { | 19647 | .panel-footer-transparent .visible-elements { |
| 19643 | margin-top: 11px; | 19648 | margin-top: 11px; |
| 19644 | background-color: #fff; | 19649 | background-color: #fff; |
| 19645 | } | 19650 | } |
| 19646 | .panel[class*=bg-] .visible-elements, | 19651 | .panel[class*=bg-] .visible-elements, |
| 19647 | .panel-heading[class*=bg-] .visible-elements, | 19652 | .panel-heading[class*=bg-] .visible-elements, |
| 19648 | .panel-primary .visible-elements, | 19653 | .panel-primary .visible-elements, |
| 19649 | .panel-danger .visible-elements, | 19654 | .panel-danger .visible-elements, |
| 19650 | .panel-success .visible-elements, | 19655 | .panel-success .visible-elements, |
| 19651 | .panel-warning .visible-elements, | 19656 | .panel-warning .visible-elements, |
| 19652 | .panel-info .visible-elements { | 19657 | .panel-info .visible-elements { |
| 19653 | border-color: rgba(255, 255, 255, 0.2); | 19658 | border-color: rgba(255, 255, 255, 0.2); |
| 19654 | left: 0; | 19659 | left: 0; |
| 19655 | right: 0; | 19660 | right: 0; |
| 19656 | background-color: rgba(0, 0, 0, 0.1); | 19661 | background-color: rgba(0, 0, 0, 0.1); |
| 19657 | } | 19662 | } |
| 19658 | .visible-elements.breadcrumb-elements.not-collapsible { | 19663 | .visible-elements.breadcrumb-elements.not-collapsible { |
| 19659 | display: none; | 19664 | display: none; |
| 19660 | } | 19665 | } |
| 19661 | .page-header-content > .visible-elements { | 19666 | .page-header-content > .visible-elements { |
| 19662 | background-color: #eeeded; | 19667 | background-color: #eeeded; |
| 19663 | left: 0; | 19668 | left: 0; |
| 19664 | right: 0; | 19669 | right: 0; |
| 19665 | border-top: 1px solid #e2e0e0; | 19670 | border-top: 1px solid #e2e0e0; |
| 19666 | z-index: 1002; | 19671 | z-index: 1002; |
| 19667 | padding-bottom: 20px; | 19672 | padding-bottom: 20px; |
| 19668 | margin-left: -20px; | 19673 | margin-left: -20px; |
| 19669 | margin-right: -20px; | 19674 | margin-right: -20px; |
| 19670 | padding-left: 20px; | 19675 | padding-left: 20px; |
| 19671 | padding-right: 20px; | 19676 | padding-right: 20px; |
| 19672 | } | 19677 | } |
| 19673 | .page-header-default .page-header-content > .visible-elements { | 19678 | .page-header-default .page-header-content > .visible-elements { |
| 19674 | background-color: #fcfcfc; | 19679 | background-color: #fcfcfc; |
| 19675 | border-color: #ddd; | 19680 | border-color: #ddd; |
| 19676 | } | 19681 | } |
| 19677 | .page-header-inverse .page-header-content > .visible-elements { | 19682 | .page-header-inverse .page-header-content > .visible-elements { |
| 19678 | background-color: rgba(0, 0, 0, 0.1); | 19683 | background-color: rgba(0, 0, 0, 0.1); |
| 19679 | border-color: rgba(255, 255, 255, 0.1); | 19684 | border-color: rgba(255, 255, 255, 0.1); |
| 19680 | } | 19685 | } |
| 19681 | } | 19686 | } |
| 19682 | /* ------------------------------------------------------------------------------ | 19687 | /* ------------------------------------------------------------------------------ |
| 19683 | * | 19688 | * |
| 19684 | * # Helper classes | 19689 | * # Helper classes |
| 19685 | * | 19690 | * |
| 19686 | * Custom helper classes | 19691 | * Custom helper classes |
| 19687 | * | 19692 | * |
| 19688 | * Version: 1.1 | 19693 | * Version: 1.1 |
| 19689 | * Latest update: Mar 10, 2016 | 19694 | * Latest update: Mar 10, 2016 |
| 19690 | * | 19695 | * |
| 19691 | * ---------------------------------------------------------------------------- */ | 19696 | * ---------------------------------------------------------------------------- */ |
| 19692 | .no-edge-top { | 19697 | .no-edge-top { |
| 19693 | top: 0; | 19698 | top: 0; |
| 19694 | } | 19699 | } |
| 19695 | .no-edge-bottom { | 19700 | .no-edge-bottom { |
| 19696 | bottom: 0; | 19701 | bottom: 0; |
| 19697 | } | 19702 | } |
| 19698 | .no-edge-left { | 19703 | .no-edge-left { |
| 19699 | left: 0; | 19704 | left: 0; |
| 19700 | } | 19705 | } |
| 19701 | .no-edge-right { | 19706 | .no-edge-right { |
| 19702 | right: 0; | 19707 | right: 0; |
| 19703 | } | 19708 | } |
| 19704 | @media (min-width: 1200px) { | 19709 | @media (min-width: 1200px) { |
| 19705 | .pull-right-lg { | 19710 | .pull-right-lg { |
| 19706 | float: right; | 19711 | float: right; |
| 19707 | } | 19712 | } |
| 19708 | } | 19713 | } |
| 19709 | @media (min-width: 1025px) { | 19714 | @media (min-width: 1025px) { |
| 19710 | .pull-right-md { | 19715 | .pull-right-md { |
| 19711 | float: right; | 19716 | float: right; |
| 19712 | } | 19717 | } |
| 19713 | } | 19718 | } |
| 19714 | @media (min-width: 769px) { | 19719 | @media (min-width: 769px) { |
| 19715 | .pull-right-sm { | 19720 | .pull-right-sm { |
| 19716 | float: right; | 19721 | float: right; |
| 19717 | } | 19722 | } |
| 19718 | } | 19723 | } |
| 19719 | @media (min-width: 480px) { | 19724 | @media (min-width: 480px) { |
| 19720 | .pull-right-xs { | 19725 | .pull-right-xs { |
| 19721 | float: right; | 19726 | float: right; |
| 19722 | } | 19727 | } |
| 19723 | } | 19728 | } |
| 19724 | .valign-top { | 19729 | .valign-top { |
| 19725 | vertical-align: top; | 19730 | vertical-align: top; |
| 19726 | } | 19731 | } |
| 19727 | .valign-middle { | 19732 | .valign-middle { |
| 19728 | vertical-align: middle; | 19733 | vertical-align: middle; |
| 19729 | } | 19734 | } |
| 19730 | .valign-bottom { | 19735 | .valign-bottom { |
| 19731 | vertical-align: bottom; | 19736 | vertical-align: bottom; |
| 19732 | } | 19737 | } |
| 19733 | .valign-baseline { | 19738 | .valign-baseline { |
| 19734 | vertical-align: baseline; | 19739 | vertical-align: baseline; |
| 19735 | } | 19740 | } |
| 19736 | .valign-text-top { | 19741 | .valign-text-top { |
| 19737 | vertical-align: top; | 19742 | vertical-align: top; |
| 19738 | } | 19743 | } |
| 19739 | .valign-text-bottom { | 19744 | .valign-text-bottom { |
| 19740 | vertical-align: text-bottom; | 19745 | vertical-align: text-bottom; |
| 19741 | } | 19746 | } |
| 19742 | .position-relative { | 19747 | .position-relative { |
| 19743 | position: relative; | 19748 | position: relative; |
| 19744 | } | 19749 | } |
| 19745 | .position-static { | 19750 | .position-static { |
| 19746 | position: static; | 19751 | position: static; |
| 19747 | } | 19752 | } |
| 19748 | .display-block, | 19753 | .display-block, |
| 19749 | label.display-block { | 19754 | label.display-block { |
| 19750 | display: block; | 19755 | display: block; |
| 19751 | } | 19756 | } |
| 19752 | .display-inline-block { | 19757 | .display-inline-block { |
| 19753 | display: inline-block; | 19758 | display: inline-block; |
| 19754 | } | 19759 | } |
| 19755 | .cursor-pointer { | 19760 | .cursor-pointer { |
| 19756 | cursor: pointer; | 19761 | cursor: pointer; |
| 19757 | } | 19762 | } |
| 19758 | .cursor-move { | 19763 | .cursor-move { |
| 19759 | cursor: move; | 19764 | cursor: move; |
| 19760 | } | 19765 | } |
| 19761 | .cursor-default { | 19766 | .cursor-default { |
| 19762 | cursor: default; | 19767 | cursor: default; |
| 19763 | } | 19768 | } |
| 19764 | .overflow-hidden { | 19769 | .overflow-hidden { |
| 19765 | overflow: hidden; | 19770 | overflow: hidden; |
| 19766 | } | 19771 | } |
| 19767 | .overflow-visible { | 19772 | .overflow-visible { |
| 19768 | overflow: visible; | 19773 | overflow: visible; |
| 19769 | } | 19774 | } |
| 19770 | .overflow-auto { | 19775 | .overflow-auto { |
| 19771 | overflow: auto; | 19776 | overflow: auto; |
| 19772 | } | 19777 | } |
| 19773 | .content-group-xs { | 19778 | .content-group-xs { |
| 19774 | margin-bottom: 10px !important; | 19779 | margin-bottom: 10px !important; |
| 19775 | } | 19780 | } |
| 19776 | .content-group-sm { | 19781 | .content-group-sm { |
| 19777 | margin-bottom: 15px !important; | 19782 | margin-bottom: 15px !important; |
| 19778 | } | 19783 | } |
| 19779 | .content-group { | 19784 | .content-group { |
| 19780 | margin-bottom: 20px !important; | 19785 | margin-bottom: 20px !important; |
| 19781 | } | 19786 | } |
| 19782 | .content-group-lg { | 19787 | .content-group-lg { |
| 19783 | margin-bottom: 30px !important; | 19788 | margin-bottom: 30px !important; |
| 19784 | } | 19789 | } |
| 19785 | .no-margin { | 19790 | .no-margin { |
| 19786 | margin: 0!important; | 19791 | margin: 0!important; |
| 19787 | } | 19792 | } |
| 19788 | .no-margin-top { | 19793 | .no-margin-top { |
| 19789 | margin-top: 0!important; | 19794 | margin-top: 0!important; |
| 19790 | } | 19795 | } |
| 19791 | .no-margin-bottom { | 19796 | .no-margin-bottom { |
| 19792 | margin-bottom: 0!important; | 19797 | margin-bottom: 0!important; |
| 19793 | } | 19798 | } |
| 19794 | .no-margin-left { | 19799 | .no-margin-left { |
| 19795 | margin-left: 0!important; | 19800 | margin-left: 0!important; |
| 19796 | } | 19801 | } |
| 19797 | .no-margin-right { | 19802 | .no-margin-right { |
| 19798 | margin-right: 0!important; | 19803 | margin-right: 0!important; |
| 19799 | } | 19804 | } |
| 19800 | .m-5 { | 19805 | .m-5 { |
| 19801 | margin: 5px!important; | 19806 | margin: 5px!important; |
| 19802 | } | 19807 | } |
| 19803 | .m-10 { | 19808 | .m-10 { |
| 19804 | margin: 10px!important; | 19809 | margin: 10px!important; |
| 19805 | } | 19810 | } |
| 19806 | .m-15 { | 19811 | .m-15 { |
| 19807 | margin: 15px!important; | 19812 | margin: 15px!important; |
| 19808 | } | 19813 | } |
| 19809 | .m-20 { | 19814 | .m-20 { |
| 19810 | margin: 20px!important; | 19815 | margin: 20px!important; |
| 19811 | } | 19816 | } |
| 19812 | .mt-5 { | 19817 | .mt-5 { |
| 19813 | margin-top: 5px!important; | 19818 | margin-top: 5px!important; |
| 19814 | } | 19819 | } |
| 19815 | .mt-10 { | 19820 | .mt-10 { |
| 19816 | margin-top: 10px!important; | 19821 | margin-top: 10px!important; |
| 19817 | } | 19822 | } |
| 19818 | .mt-15 { | 19823 | .mt-15 { |
| 19819 | margin-top: 15px!important; | 19824 | margin-top: 15px!important; |
| 19820 | } | 19825 | } |
| 19821 | .mt-20 { | 19826 | .mt-20 { |
| 19822 | margin-top: 20px!important; | 19827 | margin-top: 20px!important; |
| 19823 | } | 19828 | } |
| 19824 | .mb-5 { | 19829 | .mb-5 { |
| 19825 | margin-bottom: 5px!important; | 19830 | margin-bottom: 5px!important; |
| 19826 | } | 19831 | } |
| 19827 | .mb-10 { | 19832 | .mb-10 { |
| 19828 | margin-bottom: 10px!important; | 19833 | margin-bottom: 10px!important; |
| 19829 | } | 19834 | } |
| 19830 | .mb-15 { | 19835 | .mb-15 { |
| 19831 | margin-bottom: 15px!important; | 19836 | margin-bottom: 15px!important; |
| 19832 | } | 19837 | } |
| 19833 | .mb-20 { | 19838 | .mb-20 { |
| 19834 | margin-bottom: 20px!important; | 19839 | margin-bottom: 20px!important; |
| 19835 | } | 19840 | } |
| 19836 | .ml-5 { | 19841 | .ml-5 { |
| 19837 | margin-left: 5px!important; | 19842 | margin-left: 5px!important; |
| 19838 | } | 19843 | } |
| 19839 | .ml-10 { | 19844 | .ml-10 { |
| 19840 | margin-left: 10px!important; | 19845 | margin-left: 10px!important; |
| 19841 | } | 19846 | } |
| 19842 | .ml-15 { | 19847 | .ml-15 { |
| 19843 | margin-left: 15px!important; | 19848 | margin-left: 15px!important; |
| 19844 | } | 19849 | } |
| 19845 | .ml-20 { | 19850 | .ml-20 { |
| 19846 | margin-left: 20px!important; | 19851 | margin-left: 20px!important; |
| 19847 | } | 19852 | } |
| 19848 | .mr-5 { | 19853 | .mr-5 { |
| 19849 | margin-right: 5px!important; | 19854 | margin-right: 5px!important; |
| 19850 | } | 19855 | } |
| 19851 | .mr-10 { | 19856 | .mr-10 { |
| 19852 | margin-right: 10px!important; | 19857 | margin-right: 10px!important; |
| 19853 | } | 19858 | } |
| 19854 | .mr-15 { | 19859 | .mr-15 { |
| 19855 | margin-right: 15px!important; | 19860 | margin-right: 15px!important; |
| 19856 | } | 19861 | } |
| 19857 | .mr-20 { | 19862 | .mr-20 { |
| 19858 | margin-right: 20px!important; | 19863 | margin-right: 20px!important; |
| 19859 | } | 19864 | } |
| 19860 | .no-padding { | 19865 | .no-padding { |
| 19861 | padding: 0!important; | 19866 | padding: 0!important; |
| 19862 | } | 19867 | } |
| 19863 | .no-padding-top { | 19868 | .no-padding-top { |
| 19864 | padding-top: 0!important; | 19869 | padding-top: 0!important; |
| 19865 | } | 19870 | } |
| 19866 | .no-padding-bottom { | 19871 | .no-padding-bottom { |
| 19867 | padding-bottom: 0!important; | 19872 | padding-bottom: 0!important; |
| 19868 | } | 19873 | } |
| 19869 | .no-padding-left { | 19874 | .no-padding-left { |
| 19870 | padding-left: 0!important; | 19875 | padding-left: 0!important; |
| 19871 | } | 19876 | } |
| 19872 | .no-padding-right { | 19877 | .no-padding-right { |
| 19873 | padding-right: 0!important; | 19878 | padding-right: 0!important; |
| 19874 | } | 19879 | } |
| 19875 | .p-5 { | 19880 | .p-5 { |
| 19876 | padding: 5px!important; | 19881 | padding: 5px!important; |
| 19877 | } | 19882 | } |
| 19878 | .p-10 { | 19883 | .p-10 { |
| 19879 | padding: 10px!important; | 19884 | padding: 10px!important; |
| 19880 | } | 19885 | } |
| 19881 | .p-15 { | 19886 | .p-15 { |
| 19882 | padding: 15px!important; | 19887 | padding: 15px!important; |
| 19883 | } | 19888 | } |
| 19884 | .p-20 { | 19889 | .p-20 { |
| 19885 | padding: 20px!important; | 19890 | padding: 20px!important; |
| 19886 | } | 19891 | } |
| 19887 | .pt-5 { | 19892 | .pt-5 { |
| 19888 | padding-top: 5px!important; | 19893 | padding-top: 5px!important; |
| 19889 | } | 19894 | } |
| 19890 | .pt-10 { | 19895 | .pt-10 { |
| 19891 | padding-top: 10px!important; | 19896 | padding-top: 10px!important; |
| 19892 | } | 19897 | } |
| 19893 | .pt-15 { | 19898 | .pt-15 { |
| 19894 | padding-top: 15px!important; | 19899 | padding-top: 15px!important; |
| 19895 | } | 19900 | } |
| 19896 | .pt-20 { | 19901 | .pt-20 { |
| 19897 | padding-top: 20px!important; | 19902 | padding-top: 20px!important; |
| 19898 | } | 19903 | } |
| 19899 | .pb-5 { | 19904 | .pb-5 { |
| 19900 | padding-bottom: 5px!important; | 19905 | padding-bottom: 5px!important; |
| 19901 | } | 19906 | } |
| 19902 | .pb-10 { | 19907 | .pb-10 { |
| 19903 | padding-bottom: 10px!important; | 19908 | padding-bottom: 10px!important; |
| 19904 | } | 19909 | } |
| 19905 | .pb-15 { | 19910 | .pb-15 { |
| 19906 | padding-bottom: 15px!important; | 19911 | padding-bottom: 15px!important; |
| 19907 | } | 19912 | } |
| 19908 | .pb-20 { | 19913 | .pb-20 { |
| 19909 | padding-bottom: 20px!important; | 19914 | padding-bottom: 20px!important; |
| 19910 | } | 19915 | } |
| 19911 | .pl-5 { | 19916 | .pl-5 { |
| 19912 | padding-left: 5px!important; | 19917 | padding-left: 5px!important; |
| 19913 | } | 19918 | } |
| 19914 | .pl-10 { | 19919 | .pl-10 { |
| 19915 | padding-left: 10px!important; | 19920 | padding-left: 10px!important; |
| 19916 | } | 19921 | } |
| 19917 | .pl-15 { | 19922 | .pl-15 { |
| 19918 | padding-left: 15px!important; | 19923 | padding-left: 15px!important; |
| 19919 | } | 19924 | } |
| 19920 | .pl-20 { | 19925 | .pl-20 { |
| 19921 | padding-left: 20px!important; | 19926 | padding-left: 20px!important; |
| 19922 | } | 19927 | } |
| 19923 | .pr-5 { | 19928 | .pr-5 { |
| 19924 | padding-right: 5px!important; | 19929 | padding-right: 5px!important; |
| 19925 | } | 19930 | } |
| 19926 | .pr-10 { | 19931 | .pr-10 { |
| 19927 | padding-right: 10px!important; | 19932 | padding-right: 10px!important; |
| 19928 | } | 19933 | } |
| 19929 | .pr-15 { | 19934 | .pr-15 { |
| 19930 | padding-right: 15px!important; | 19935 | padding-right: 15px!important; |
| 19931 | } | 19936 | } |
| 19932 | .pr-20 { | 19937 | .pr-20 { |
| 19933 | padding-right: 20px!important; | 19938 | padding-right: 20px!important; |
| 19934 | } | 19939 | } |
| 19935 | .no-border { | 19940 | .no-border { |
| 19936 | border: 0!important; | 19941 | border: 0!important; |
| 19937 | } | 19942 | } |
| 19938 | .no-border-top { | 19943 | .no-border-top { |
| 19939 | border-top: 0!important; | 19944 | border-top: 0!important; |
| 19940 | } | 19945 | } |
| 19941 | .no-border-bottom { | 19946 | .no-border-bottom { |
| 19942 | border-bottom: 0!important; | 19947 | border-bottom: 0!important; |
| 19943 | } | 19948 | } |
| 19944 | .no-border-left { | 19949 | .no-border-left { |
| 19945 | border-left: 0!important; | 19950 | border-left: 0!important; |
| 19946 | } | 19951 | } |
| 19947 | .no-border-right { | 19952 | .no-border-right { |
| 19948 | border-right: 0!important; | 19953 | border-right: 0!important; |
| 19949 | } | 19954 | } |
| 19950 | .no-border-radius { | 19955 | .no-border-radius { |
| 19951 | border-radius: 0; | 19956 | border-radius: 0; |
| 19952 | } | 19957 | } |
| 19953 | .no-border-radius-top { | 19958 | .no-border-radius-top { |
| 19954 | border-top-right-radius: 0; | 19959 | border-top-right-radius: 0; |
| 19955 | border-top-left-radius: 0; | 19960 | border-top-left-radius: 0; |
| 19956 | } | 19961 | } |
| 19957 | .no-border-radius-bottom { | 19962 | .no-border-radius-bottom { |
| 19958 | border-bottom-right-radius: 0; | 19963 | border-bottom-right-radius: 0; |
| 19959 | border-bottom-left-radius: 0; | 19964 | border-bottom-left-radius: 0; |
| 19960 | } | 19965 | } |
| 19961 | .no-border-radius-left { | 19966 | .no-border-radius-left { |
| 19962 | border-bottom-left-radius: 0; | 19967 | border-bottom-left-radius: 0; |
| 19963 | border-top-left-radius: 0; | 19968 | border-top-left-radius: 0; |
| 19964 | } | 19969 | } |
| 19965 | .no-border-radius-right { | 19970 | .no-border-radius-right { |
| 19966 | border-bottom-right-radius: 0; | 19971 | border-bottom-right-radius: 0; |
| 19967 | border-top-right-radius: 0; | 19972 | border-top-right-radius: 0; |
| 19968 | } | 19973 | } |
| 19969 | .border-top { | 19974 | .border-top { |
| 19970 | border-top: 1px solid; | 19975 | border-top: 1px solid; |
| 19971 | } | 19976 | } |
| 19972 | .border-bottom { | 19977 | .border-bottom { |
| 19973 | border-bottom: 1px solid; | 19978 | border-bottom: 1px solid; |
| 19974 | } | 19979 | } |
| 19975 | .border-left { | 19980 | .border-left { |
| 19976 | border-left: 1px solid; | 19981 | border-left: 1px solid; |
| 19977 | } | 19982 | } |
| 19978 | .border-right { | 19983 | .border-right { |
| 19979 | border-right: 1px solid; | 19984 | border-right: 1px solid; |
| 19980 | } | 19985 | } |
| 19981 | .border-lg { | 19986 | .border-lg { |
| 19982 | border-width: 2px; | 19987 | border-width: 2px; |
| 19983 | } | 19988 | } |
| 19984 | .border-top-lg { | 19989 | .border-top-lg { |
| 19985 | border-top: 2px solid; | 19990 | border-top: 2px solid; |
| 19986 | } | 19991 | } |
| 19987 | .border-bottom-lg { | 19992 | .border-bottom-lg { |
| 19988 | border-bottom: 2px solid; | 19993 | border-bottom: 2px solid; |
| 19989 | } | 19994 | } |
| 19990 | .border-left-lg { | 19995 | .border-left-lg { |
| 19991 | border-left: 2px solid; | 19996 | border-left: 2px solid; |
| 19992 | } | 19997 | } |
| 19993 | .border-right-lg { | 19998 | .border-right-lg { |
| 19994 | border-right: 2px solid; | 19999 | border-right: 2px solid; |
| 19995 | } | 20000 | } |
| 19996 | .border-xlg { | 20001 | .border-xlg { |
| 19997 | border-width: 3px; | 20002 | border-width: 3px; |
| 19998 | } | 20003 | } |
| 19999 | .border-top-xlg { | 20004 | .border-top-xlg { |
| 20000 | border-top: 3px solid; | 20005 | border-top: 3px solid; |
| 20001 | } | 20006 | } |
| 20002 | .border-bottom-xlg { | 20007 | .border-bottom-xlg { |
| 20003 | border-bottom: 3px solid; | 20008 | border-bottom: 3px solid; |
| 20004 | } | 20009 | } |
| 20005 | .border-left-xlg { | 20010 | .border-left-xlg { |
| 20006 | border-left: 3px solid; | 20011 | border-left: 3px solid; |
| 20007 | } | 20012 | } |
| 20008 | .border-right-xlg { | 20013 | .border-right-xlg { |
| 20009 | border-right: 3px solid; | 20014 | border-right: 3px solid; |
| 20010 | } | 20015 | } |
| 20011 | .no-shadow { | 20016 | .no-shadow { |
| 20012 | -webkit-box-shadow: none; | 20017 | -webkit-box-shadow: none; |
| 20013 | box-shadow: none; | 20018 | box-shadow: none; |
| 20014 | } | 20019 | } |
| 20015 | .shadow-depth1 { | 20020 | .shadow-depth1 { |
| 20016 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 20021 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 20017 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 20022 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 20018 | } | 20023 | } |
| 20019 | .shadow-depth2 { | 20024 | .shadow-depth2 { |
| 20020 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 20025 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 20021 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 20026 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 20022 | } | 20027 | } |
| 20023 | .shadow-depth3 { | 20028 | .shadow-depth3 { |
| 20024 | -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); | 20029 | -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); |
| 20025 | box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); | 20030 | box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); |
| 20026 | } | 20031 | } |
| 20027 | .shadow-depth4 { | 20032 | .shadow-depth4 { |
| 20028 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 20033 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 20029 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 20034 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 20030 | } | 20035 | } |
| 20031 | .shadow-depth5 { | 20036 | .shadow-depth5 { |
| 20032 | -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); | 20037 | -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); |
| 20033 | box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); | 20038 | box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); |
| 20034 | } | 20039 | } |
| 20035 | .full-width { | 20040 | .full-width { |
| 20036 | width: 100%; | 20041 | width: 100%; |
| 20037 | } | 20042 | } |
| 20038 | @media (min-width: 769px) { | 20043 | @media (min-width: 769px) { |
| 20039 | .width-200 { | 20044 | .width-200 { |
| 20040 | min-width: 200px; | 20045 | min-width: 200px; |
| 20041 | } | 20046 | } |
| 20042 | .width-250 { | 20047 | .width-250 { |
| 20043 | min-width: 250px; | 20048 | min-width: 250px; |
| 20044 | } | 20049 | } |
| 20045 | .width-300 { | 20050 | .width-300 { |
| 20046 | min-width: 300px; | 20051 | min-width: 300px; |
| 20047 | } | 20052 | } |
| 20048 | .width-350 { | 20053 | .width-350 { |
| 20049 | min-width: 350px; | 20054 | min-width: 350px; |
| 20050 | } | 20055 | } |
| 20051 | .width-400 { | 20056 | .width-400 { |
| 20052 | min-width: 400px; | 20057 | min-width: 400px; |
| 20053 | } | 20058 | } |
| 20054 | .width-450 { | 20059 | .width-450 { |
| 20055 | min-width: 450px; | 20060 | min-width: 450px; |
| 20056 | } | 20061 | } |
| 20057 | .width-500 { | 20062 | .width-500 { |
| 20058 | min-width: 500px; | 20063 | min-width: 500px; |
| 20059 | } | 20064 | } |
| 20060 | .width-550 { | 20065 | .width-550 { |
| 20061 | min-width: 550px; | 20066 | min-width: 550px; |
| 20062 | } | 20067 | } |
| 20063 | .width-600 { | 20068 | .width-600 { |
| 20064 | min-width: 600px; | 20069 | min-width: 600px; |
| 20065 | } | 20070 | } |
| 20066 | .width-650 { | 20071 | .width-650 { |
| 20067 | min-width: 650px; | 20072 | min-width: 650px; |
| 20068 | } | 20073 | } |
| 20069 | } | 20074 | } |
| 20070 | .img-lg { | 20075 | .img-lg { |
| 20071 | width: 44px!important; | 20076 | width: 44px!important; |
| 20072 | height: 44px!important; | 20077 | height: 44px!important; |
| 20073 | } | 20078 | } |
| 20074 | .img-sm { | 20079 | .img-sm { |
| 20075 | width: 36px!important; | 20080 | width: 36px!important; |
| 20076 | height: 36px!important; | 20081 | height: 36px!important; |
| 20077 | } | 20082 | } |
| 20078 | .img-xs { | 20083 | .img-xs { |
| 20079 | width: 32px!important; | 20084 | width: 32px!important; |
| 20080 | height: 32px!important; | 20085 | height: 32px!important; |
| 20081 | } | 20086 | } |
| 20082 | /* ------------------------------------------------------------------------------ | 20087 | /* ------------------------------------------------------------------------------ |
| 20083 | * | 20088 | * |
| 20084 | * # Snippets | 20089 | * # Snippets |
| 20085 | * | 20090 | * |
| 20086 | * Custom snippets set | 20091 | * Custom snippets set |
| 20087 | * | 20092 | * |
| 20088 | * Version: 1.0 | 20093 | * Version: 1.0 |
| 20089 | * Latest update: May 25, 2015 | 20094 | * Latest update: May 25, 2015 |
| 20090 | * | 20095 | * |
| 20091 | * ---------------------------------------------------------------------------- */ | 20096 | * ---------------------------------------------------------------------------- */ |
| 20092 | .progress-list { | 20097 | .progress-list { |
| 20093 | margin: 0; | 20098 | margin: 0; |
| 20094 | padding: 0; | 20099 | padding: 0; |
| 20095 | list-style: none; | 20100 | list-style: none; |
| 20096 | } | 20101 | } |
| 20097 | .progress-list > li + li { | 20102 | .progress-list > li + li { |
| 20098 | margin-top: 20px; | 20103 | margin-top: 20px; |
| 20099 | } | 20104 | } |
| 20100 | .progress-list > li > label { | 20105 | .progress-list > li > label { |
| 20101 | display: block; | 20106 | display: block; |
| 20102 | } | 20107 | } |
| 20103 | .progress-list > li span { | 20108 | .progress-list > li span { |
| 20104 | float: right; | 20109 | float: right; |
| 20105 | display: block; | 20110 | display: block; |
| 20106 | } | 20111 | } |
| 20107 | 20112 | ||
| 20108 | /*new css*/ | 20113 | /*new css*/ |
| 20109 | .sidebar-content ul.dropdown-menu { | 20114 | .sidebar-content ul.dropdown-menu { |
| 20110 | position: static; | 20115 | position: static; |
| 20111 | opacity: 1; | 20116 | opacity: 1; |
| 20112 | width: 100%; | 20117 | width: 100%; |
| 20113 | clear: both; | 20118 | clear: both; |
| 20114 | display: block; | 20119 | display: block; |
| 20115 | max-height: 0; | 20120 | max-height: 0; |
| 20116 | overflow: hidden; | 20121 | overflow: hidden; |
| 20117 | transition: all .3s; | 20122 | transition: all .3s; |
| 20118 | } | 20123 | } |
| 20119 | 20124 | ||
| 20120 | .sidebar-content li.dropdown.open > ul.dropdown-menu { | 20125 | .sidebar-content li.dropdown.open > ul.dropdown-menu { |
| 20121 | max-height: 1000px; | 20126 | max-height: 1000px; |
| 20122 | } | 20127 | } |
| 20123 | .sidebar-default .navigation li > a:before{ | 20128 | .sidebar-default .navigation li > a:before{ |
| 20124 | float: left; | 20129 | float: left; |
| 20125 | top: 0; | 20130 | top: 0; |
| 20126 | margin-top: 2px; | 20131 | margin-top: 2px; |
| 20127 | margin-right: 15px; | 20132 | margin-right: 15px; |
| 20128 | -webkit-transition: opacity 0.2s ease-in-out; | 20133 | -webkit-transition: opacity 0.2s ease-in-out; |
| 20129 | -o-transition: opacity 0.2s ease-in-out; | 20134 | -o-transition: opacity 0.2s ease-in-out; |
| 20130 | transition: opacity 0.2s ease-in-out; | 20135 | transition: opacity 0.2s ease-in-out; |
| 20131 | font-size: 16px; | 20136 | font-size: 16px; |
| 20132 | vertical-align: middle; | 20137 | vertical-align: middle; |
| 20133 | display: inline-block; | 20138 | display: inline-block; |
| 20134 | font-family: 'Glyphicons Halflings'; | 20139 | font-family: 'Glyphicons Halflings'; |
| 20135 | } | 20140 | } |
| 20136 | .sidebar-default .navigation li > a#setting:before { | 20141 | .sidebar-default .navigation li > a#setting:before { |
| 20137 | content: "\e019"; | 20142 | content: "\e019"; |
| 20138 | } | 20143 | } |
| 20139 | 20144 | ||
| 20140 | .sidebar-default .navigation li > a#academic:before { | 20145 | .sidebar-default .navigation li > a#academic:before { |
| 20141 | content: "\ea24"; | 20146 | content: "\ea24"; |
| 20142 | font-family: 'icomoon'; | 20147 | font-family: 'icomoon'; |
| 20143 | } | 20148 | } |
| 20144 | 20149 | ||
| 20145 | .sidebar-default .navigation li > a#communication:before { | 20150 | .sidebar-default .navigation li > a#communication:before { |
| 20146 | content: "\e171"; | 20151 | content: "\e171"; |
| 20147 | } | 20152 | } |
| 20148 | 20153 | ||
| 20149 | .sidebar-default .navigation li > a#finance:before { | 20154 | .sidebar-default .navigation li > a#finance:before { |
| 20150 | content: "\e185"; | 20155 | content: "\e185"; |
| 20151 | } | 20156 | } |
| 20152 | .appLayout-box .page-container { | 20157 | .appLayout-box .page-container { |
| 20153 | min-height: calc(100vh - 51px); | 20158 | min-height: calc(100vh - 51px); |
| 20154 | padding: 0; | 20159 | padding: 0; |
| 20155 | background: #eee; | 20160 | background: #eee; |
| 20156 | } | 20161 | } |
| 20157 | .appLayout-box .sidebar.sidebar-main { | 20162 | .appLayout-box .sidebar.sidebar-main { |
| 20158 | padding: 0; | 20163 | padding: 0; |
| 20159 | } | 20164 | } |
| 20160 | 20165 | ||
| 20161 | .appLayout-box .sidebar-content { | 20166 | .appLayout-box .sidebar-content { |
| 20162 | box-shadow: none !important; | 20167 | box-shadow: none !important; |
| 20163 | } | 20168 | } |
| 20164 | .sidebar-default .navigation li > a span.caret { | 20169 | .sidebar-default .navigation li > a span.caret { |
| 20165 | position: absolute; | 20170 | position: absolute; |
| 20166 | top: 50%; | 20171 | top: 50%; |
| 20167 | margin-top: -8px; | 20172 | margin-top: -8px; |
| 20168 | right: 20px; | 20173 | right: 20px; |
| 20169 | -webkit-transform: rotate(-90deg); | 20174 | -webkit-transform: rotate(-90deg); |
| 20170 | -ms-transform: rotate(-90deg); | 20175 | -ms-transform: rotate(-90deg); |
| 20171 | -o-transform: rotate(-90deg); | 20176 | -o-transform: rotate(-90deg); |
| 20172 | transform: rotate(-90deg); | 20177 | transform: rotate(-90deg); |
| 20173 | } | 20178 | } |
| 20174 | 20179 | ||
| 20175 | .sidebar-default .navigation li.open > a span.caret { | 20180 | .sidebar-default .navigation li.open > a span.caret { |
| 20176 | -webkit-transform: rotate(0deg); | 20181 | -webkit-transform: rotate(0deg); |
| 20177 | -ms-transform: rotate(0deg); | 20182 | -ms-transform: rotate(0deg); |
| 20178 | -o-transform: rotate(0deg); | 20183 | -o-transform: rotate(0deg); |
| 20179 | transform: rotate(0deg); | 20184 | transform: rotate(0deg); |
| 20180 | } | 20185 | } |
| 20181 | .breadcrumb-elements > li.dropdown > a#setting:before { | 20186 | .breadcrumb-elements > li.dropdown > a#setting:before { |
| 20182 | margin-right: 8px; | 20187 | margin-right: 8px; |
| 20183 | content: "\e9eb"; | 20188 | content: "\e9eb"; |
| 20184 | font-family: 'icomoon'; | 20189 | font-family: 'icomoon'; |
| 20185 | } | 20190 | } |
| 20186 | .sidebar-xs .sidebar-main .navigation > li > a { | 20191 | .sidebar-xs .sidebar-main .navigation > li > a { |
| 20187 | font-size: 0; | 20192 | font-size: 0; |
| 20188 | text-align: center; | 20193 | text-align: center; |
| 20189 | } | 20194 | } |
| 20190 | .sidebar-xs .sidebar-main .navigation > li > a:before { | 20195 | .sidebar-xs .sidebar-main .navigation > li > a:before { |
| 20191 | display: block; | 20196 | display: block; |
| 20192 | text-align: center; | 20197 | text-align: center; |
| 20193 | float: none; | 20198 | float: none; |
| 20194 | margin: 0; | 20199 | margin: 0; |
| 20195 | } | 20200 | } |
| 20196 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { | 20201 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { |
| 20197 | font-size: 14px; | 20202 | font-size: 14px; |
| 20198 | } | 20203 | } |
| 20199 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { | 20204 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { |
| 20200 | max-height: 100%; | 20205 | max-height: 100%; |
| 20201 | left: auto; | 20206 | left: auto; |
| 20202 | } | 20207 | } |
| 20203 | .sidebar-xs .sidebar-main .navigation > li:hover > a.dropdown-toggle:after { | 20208 | .sidebar-xs .sidebar-main .navigation > li:hover > a.dropdown-toggle:after { |
| 20204 | content: attr(name); | 20209 | content: attr(name); |
| 20205 | font-size: 14px; | 20210 | font-size: 14px; |
| 20206 | background-color: #f5f5f5; | 20211 | background-color: #f5f5f5; |
| 20207 | color: #333333; | 20212 | color: #333333; |
| 20208 | display: none; | 20213 | display: none; |
| 20209 | position: absolute; | 20214 | position: absolute; |
| 20210 | top: 0; | 20215 | top: 0; |
| 20211 | right: -260px; | 20216 | right: -260px; |
| 20212 | padding: 12px 20px; | 20217 | padding: 12px 20px; |
| 20213 | width: 260px; | 20218 | width: 260px; |
| 20214 | text-align: left; | 20219 | text-align: left; |
| 20215 | cursor: pointer; | 20220 | cursor: pointer; |
| 20216 | border-bottom-right-radius: 3px; | 20221 | border-bottom-right-radius: 3px; |
| 20217 | border-top-right-radius: 3px; | 20222 | border-top-right-radius: 3px; |
| 20218 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 20223 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 20219 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 20224 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 20220 | } | 20225 | } |
| 20221 | 20226 | ||
| 20222 | .sidebar-xs .sidebar-main .navigation > li:hover > a:after { | 20227 | .sidebar-xs .sidebar-main .navigation > li:hover > a:after { |
| 20223 | display: block !important; | 20228 | display: block !important; |
| 20224 | } | ||
| 20229 | } | ||
| 20230 | /*multistep*/ | ||
| 20231 | .stepy-validation div[style*="text-align: left"] { | ||
| 20232 | text-align: right !important; | ||
| 20233 | } | ||
| 20234 | .stepy-validation div[style*="display: inline-block"] .btn i { | ||
| 20235 | display: none; | ||
| 20236 | } |
public/css/assets/css/core.css
| 1 | /* ------------------------------------------------------------------------------ | 1 | /* ------------------------------------------------------------------------------ |
| 2 | * | 2 | * |
| 3 | * # Global less file | 3 | * # Global less file |
| 4 | * | 4 | * |
| 5 | * Common less file with imports of plugins and pages | 5 | * Common less file with imports of plugins and pages |
| 6 | * | 6 | * |
| 7 | * Version: 1.0 | 7 | * Version: 1.0 |
| 8 | * Latest update: Feb 5, 2016 | 8 | * Latest update: Feb 5, 2016 |
| 9 | * | 9 | * |
| 10 | * ---------------------------------------------------------------------------- */ | 10 | * ---------------------------------------------------------------------------- */ |
| 11 | /* ------------------------------------------------------------------------------ | 11 | /* ------------------------------------------------------------------------------ |
| 12 | * | 12 | * |
| 13 | * # Glyphicons for Bootstrap | 13 | * # Glyphicons for Bootstrap |
| 14 | * | 14 | * |
| 15 | * Glyphicons icon font path and style overrides | 15 | * Glyphicons icon font path and style overrides |
| 16 | * | 16 | * |
| 17 | * Version: 1.0 | 17 | * Version: 1.0 |
| 18 | * Latest update: May 25, 2015 | 18 | * Latest update: May 25, 2015 |
| 19 | * | 19 | * |
| 20 | * ---------------------------------------------------------------------------- */ | 20 | * ---------------------------------------------------------------------------- */ |
| 21 | @font-face { | 21 | @font-face { |
| 22 | font-family: 'Glyphicons Halflings'; | 22 | font-family: 'Glyphicons Halflings'; |
| 23 | src: url('../css/icons/glyphicons/glyphicons-halflings-regular.eot'); | 23 | src: url('../css/icons/glyphicons/glyphicons-halflings-regular.eot'); |
| 24 | src: url('../css/icons/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../css/icons/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../css/icons/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../css/icons/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../css/icons/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); | 24 | src: url('../css/icons/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../css/icons/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'), url('../css/icons/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('../css/icons/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('../css/icons/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); |
| 25 | } | 25 | } |
| 26 | .glyphicon { | 26 | .glyphicon { |
| 27 | font-size: 16px; | 27 | font-size: 16px; |
| 28 | vertical-align: middle; | 28 | vertical-align: middle; |
| 29 | top: -1px; | 29 | top: -1px; |
| 30 | } | 30 | } |
| 31 | /* ------------------------------------------------------------------------------ | 31 | /* ------------------------------------------------------------------------------ |
| 32 | * | 32 | * |
| 33 | * # Scaffolding | 33 | * # Scaffolding |
| 34 | * | 34 | * |
| 35 | * Overrides for bootstrap scaffolding | 35 | * Overrides for bootstrap scaffolding |
| 36 | * | 36 | * |
| 37 | * Version: 1.3 | 37 | * Version: 1.3 |
| 38 | * Latest update: Mar 10, 2016 | 38 | * Latest update: Mar 10, 2016 |
| 39 | * | 39 | * |
| 40 | * ---------------------------------------------------------------------------- */ | 40 | * ---------------------------------------------------------------------------- */ |
| 41 | html { | 41 | html { |
| 42 | height: 100%; | 42 | height: 100%; |
| 43 | } | 43 | } |
| 44 | body { | 44 | body { |
| 45 | position: relative; | 45 | position: relative; |
| 46 | min-height: 100%; | 46 | min-height: 100%; |
| 47 | } | 47 | } |
| 48 | a { | 48 | a { |
| 49 | cursor: pointer; | 49 | cursor: pointer; |
| 50 | } | 50 | } |
| 51 | a:focus { | 51 | a:focus { |
| 52 | outline: 0; | 52 | outline: 0; |
| 53 | } | 53 | } |
| 54 | figure { | 54 | figure { |
| 55 | position: relative; | 55 | position: relative; |
| 56 | } | 56 | } |
| 57 | figcaption { | 57 | figcaption { |
| 58 | position: absolute; | 58 | position: absolute; |
| 59 | bottom: 0; | 59 | bottom: 0; |
| 60 | opacity: 0; | 60 | opacity: 0; |
| 61 | visibility: hidden; | 61 | visibility: hidden; |
| 62 | width: 100%; | 62 | width: 100%; |
| 63 | color: #fff; | 63 | color: #fff; |
| 64 | padding: 10px 15px; | 64 | padding: 10px 15px; |
| 65 | z-index: 2; | 65 | z-index: 2; |
| 66 | background-color: rgba(0, 0, 0, 0.7); | 66 | background-color: rgba(0, 0, 0, 0.7); |
| 67 | -webkit-transition: all ease-in-out 0.2s; | 67 | -webkit-transition: all ease-in-out 0.2s; |
| 68 | -o-transition: all ease-in-out 0.2s; | 68 | -o-transition: all ease-in-out 0.2s; |
| 69 | transition: all ease-in-out 0.2s; | 69 | transition: all ease-in-out 0.2s; |
| 70 | } | 70 | } |
| 71 | figure:hover figcaption { | 71 | figure:hover figcaption { |
| 72 | opacity: 1; | 72 | opacity: 1; |
| 73 | visibility: visible; | 73 | visibility: visible; |
| 74 | } | 74 | } |
| 75 | .img-rounded { | 75 | .img-rounded { |
| 76 | border-radius: 3px; | 76 | border-radius: 3px; |
| 77 | } | 77 | } |
| 78 | .hr-condensed { | 78 | .hr-condensed { |
| 79 | margin-top: 10px; | 79 | margin-top: 10px; |
| 80 | margin-bottom: 10px; | 80 | margin-bottom: 10px; |
| 81 | } | 81 | } |
| 82 | /* ------------------------------------------------------------------------------ | 82 | /* ------------------------------------------------------------------------------ |
| 83 | * | 83 | * |
| 84 | * # Main typography | 84 | * # Main typography |
| 85 | * | 85 | * |
| 86 | * Main typography overrides, including custom content | 86 | * Main typography overrides, including custom content |
| 87 | * | 87 | * |
| 88 | * Version: 1.2 | 88 | * Version: 1.2 |
| 89 | * Latest update: Nov 25, 2015 | 89 | * Latest update: Nov 25, 2015 |
| 90 | * | 90 | * |
| 91 | * ---------------------------------------------------------------------------- */ | 91 | * ---------------------------------------------------------------------------- */ |
| 92 | h1, | 92 | h1, |
| 93 | h2, | 93 | h2, |
| 94 | h3, | 94 | h3, |
| 95 | h4, | 95 | h4, |
| 96 | h5, | 96 | h5, |
| 97 | h6, | 97 | h6, |
| 98 | .h1, | 98 | .h1, |
| 99 | .h2, | 99 | .h2, |
| 100 | .h3, | 100 | .h3, |
| 101 | .h4, | 101 | .h4, |
| 102 | .h5, | 102 | .h5, |
| 103 | .h6 { | 103 | .h6 { |
| 104 | letter-spacing: -0.015em; | 104 | letter-spacing: -0.015em; |
| 105 | } | 105 | } |
| 106 | h1 > .label, | 106 | h1 > .label, |
| 107 | h2 > .label, | 107 | h2 > .label, |
| 108 | h3 > .label, | 108 | h3 > .label, |
| 109 | h4 > .label, | 109 | h4 > .label, |
| 110 | h5 > .label, | 110 | h5 > .label, |
| 111 | h6 > .label, | 111 | h6 > .label, |
| 112 | .h1 > .label, | 112 | .h1 > .label, |
| 113 | .h2 > .label, | 113 | .h2 > .label, |
| 114 | .h3 > .label, | 114 | .h3 > .label, |
| 115 | .h4 > .label, | 115 | .h4 > .label, |
| 116 | .h5 > .label, | 116 | .h5 > .label, |
| 117 | .h6 > .label, | 117 | .h6 > .label, |
| 118 | h1 > .badge, | 118 | h1 > .badge, |
| 119 | h2 > .badge, | 119 | h2 > .badge, |
| 120 | h3 > .badge, | 120 | h3 > .badge, |
| 121 | h4 > .badge, | 121 | h4 > .badge, |
| 122 | h5 > .badge, | 122 | h5 > .badge, |
| 123 | h6 > .badge, | 123 | h6 > .badge, |
| 124 | .h1 > .badge, | 124 | .h1 > .badge, |
| 125 | .h2 > .badge, | 125 | .h2 > .badge, |
| 126 | .h3 > .badge, | 126 | .h3 > .badge, |
| 127 | .h4 > .badge, | 127 | .h4 > .badge, |
| 128 | .h5 > .badge, | 128 | .h5 > .badge, |
| 129 | .h6 > .badge { | 129 | .h6 > .badge { |
| 130 | vertical-align: middle; | 130 | vertical-align: middle; |
| 131 | margin-top: -2px; | 131 | margin-top: -2px; |
| 132 | } | 132 | } |
| 133 | h1 > .label.pull-right, | 133 | h1 > .label.pull-right, |
| 134 | h2 > .label.pull-right, | 134 | h2 > .label.pull-right, |
| 135 | h3 > .label.pull-right, | 135 | h3 > .label.pull-right, |
| 136 | h4 > .label.pull-right, | 136 | h4 > .label.pull-right, |
| 137 | h5 > .label.pull-right, | 137 | h5 > .label.pull-right, |
| 138 | h6 > .label.pull-right, | 138 | h6 > .label.pull-right, |
| 139 | .h1 > .label.pull-right, | 139 | .h1 > .label.pull-right, |
| 140 | .h2 > .label.pull-right, | 140 | .h2 > .label.pull-right, |
| 141 | .h3 > .label.pull-right, | 141 | .h3 > .label.pull-right, |
| 142 | .h4 > .label.pull-right, | 142 | .h4 > .label.pull-right, |
| 143 | .h5 > .label.pull-right, | 143 | .h5 > .label.pull-right, |
| 144 | .h6 > .label.pull-right, | 144 | .h6 > .label.pull-right, |
| 145 | h1 > .badge.pull-right, | 145 | h1 > .badge.pull-right, |
| 146 | h2 > .badge.pull-right, | 146 | h2 > .badge.pull-right, |
| 147 | h3 > .badge.pull-right, | 147 | h3 > .badge.pull-right, |
| 148 | h4 > .badge.pull-right, | 148 | h4 > .badge.pull-right, |
| 149 | h5 > .badge.pull-right, | 149 | h5 > .badge.pull-right, |
| 150 | h6 > .badge.pull-right, | 150 | h6 > .badge.pull-right, |
| 151 | .h1 > .badge.pull-right, | 151 | .h1 > .badge.pull-right, |
| 152 | .h2 > .badge.pull-right, | 152 | .h2 > .badge.pull-right, |
| 153 | .h3 > .badge.pull-right, | 153 | .h3 > .badge.pull-right, |
| 154 | .h4 > .badge.pull-right, | 154 | .h4 > .badge.pull-right, |
| 155 | .h5 > .badge.pull-right, | 155 | .h5 > .badge.pull-right, |
| 156 | .h6 > .badge.pull-right { | 156 | .h6 > .badge.pull-right { |
| 157 | margin-top: 3px; | 157 | margin-top: 3px; |
| 158 | } | 158 | } |
| 159 | h1 small, | 159 | h1 small, |
| 160 | h2 small, | 160 | h2 small, |
| 161 | h3 small, | 161 | h3 small, |
| 162 | h4 small, | 162 | h4 small, |
| 163 | h5 small, | 163 | h5 small, |
| 164 | h6 small, | 164 | h6 small, |
| 165 | .h1 small, | 165 | .h1 small, |
| 166 | .h2 small, | 166 | .h2 small, |
| 167 | .h3 small, | 167 | .h3 small, |
| 168 | .h4 small, | 168 | .h4 small, |
| 169 | .h5 small, | 169 | .h5 small, |
| 170 | .h6 small { | 170 | .h6 small { |
| 171 | font-size: 13px; | 171 | font-size: 13px; |
| 172 | } | 172 | } |
| 173 | h1 small.display-block, | 173 | h1 small.display-block, |
| 174 | h2 small.display-block, | 174 | h2 small.display-block, |
| 175 | h3 small.display-block, | 175 | h3 small.display-block, |
| 176 | h4 small.display-block, | 176 | h4 small.display-block, |
| 177 | h5 small.display-block, | 177 | h5 small.display-block, |
| 178 | h6 small.display-block, | 178 | h6 small.display-block, |
| 179 | .h1 small.display-block, | 179 | .h1 small.display-block, |
| 180 | .h2 small.display-block, | 180 | .h2 small.display-block, |
| 181 | .h3 small.display-block, | 181 | .h3 small.display-block, |
| 182 | .h4 small.display-block, | 182 | .h4 small.display-block, |
| 183 | .h5 small.display-block, | 183 | .h5 small.display-block, |
| 184 | .h6 small.display-block { | 184 | .h6 small.display-block { |
| 185 | margin-top: 3px; | 185 | margin-top: 3px; |
| 186 | } | 186 | } |
| 187 | h1 > [class*=icon-], | 187 | h1 > [class*=icon-], |
| 188 | h2 > [class*=icon-], | 188 | h2 > [class*=icon-], |
| 189 | h3 > [class*=icon-], | 189 | h3 > [class*=icon-], |
| 190 | .h1 > [class*=icon-], | 190 | .h1 > [class*=icon-], |
| 191 | .h2 > [class*=icon-], | 191 | .h2 > [class*=icon-], |
| 192 | .h3 > [class*=icon-] { | 192 | .h3 > [class*=icon-] { |
| 193 | top: -2px; | 193 | top: -2px; |
| 194 | } | 194 | } |
| 195 | h1 small, | 195 | h1 small, |
| 196 | h2 small, | 196 | h2 small, |
| 197 | h3 small, | 197 | h3 small, |
| 198 | .h1 small, | 198 | .h1 small, |
| 199 | .h2 small, | 199 | .h2 small, |
| 200 | .h3 small { | 200 | .h3 small { |
| 201 | font-size: 13px; | 201 | font-size: 13px; |
| 202 | } | 202 | } |
| 203 | .heading-divided { | 203 | .heading-divided { |
| 204 | margin-bottom: 15px; | 204 | margin-bottom: 15px; |
| 205 | padding-bottom: 10px; | 205 | padding-bottom: 10px; |
| 206 | border-bottom: 1px solid #ddd; | 206 | border-bottom: 1px solid #ddd; |
| 207 | } | 207 | } |
| 208 | a, | 208 | a, |
| 209 | button, | 209 | button, |
| 210 | input, | 210 | input, |
| 211 | textarea { | 211 | textarea { |
| 212 | outline: 0; | 212 | outline: 0; |
| 213 | } | 213 | } |
| 214 | mark, | 214 | mark, |
| 215 | .mark { | 215 | .mark { |
| 216 | background-color: #333333; | 216 | background-color: #333333; |
| 217 | padding: 2px 6px; | 217 | padding: 2px 6px; |
| 218 | color: #fff; | 218 | color: #fff; |
| 219 | border-radius: 2px; | 219 | border-radius: 2px; |
| 220 | } | 220 | } |
| 221 | svg { | 221 | svg { |
| 222 | display: block; | 222 | display: block; |
| 223 | } | 223 | } |
| 224 | .svg-inline svg { | 224 | .svg-inline svg { |
| 225 | display: inline-block; | 225 | display: inline-block; |
| 226 | } | 226 | } |
| 227 | .svg-center svg { | 227 | .svg-center svg { |
| 228 | margin: auto; | 228 | margin: auto; |
| 229 | } | 229 | } |
| 230 | .letter-icon { | 230 | .letter-icon { |
| 231 | width: 16px; | 231 | width: 16px; |
| 232 | display: block; | 232 | display: block; |
| 233 | } | 233 | } |
| 234 | .content-divider { | 234 | .content-divider { |
| 235 | text-align: center; | 235 | text-align: center; |
| 236 | position: relative; | 236 | position: relative; |
| 237 | z-index: 1; | 237 | z-index: 1; |
| 238 | } | 238 | } |
| 239 | .content-divider > span { | 239 | .content-divider > span { |
| 240 | background-color: #eeeded; | 240 | background-color: #eeeded; |
| 241 | display: inline-block; | 241 | display: inline-block; |
| 242 | padding-left: 16px; | 242 | padding-left: 16px; |
| 243 | padding-right: 16px; | 243 | padding-right: 16px; |
| 244 | } | 244 | } |
| 245 | .panel .content-divider > span, | 245 | .panel .content-divider > span, |
| 246 | .tab-content-bordered .content-divider > span, | 246 | .tab-content-bordered .content-divider > span, |
| 247 | .modal .content-divider > span { | 247 | .modal .content-divider > span { |
| 248 | background-color: #fff; | 248 | background-color: #fff; |
| 249 | } | 249 | } |
| 250 | .content-divider > span:before { | 250 | .content-divider > span:before { |
| 251 | content: ""; | 251 | content: ""; |
| 252 | position: absolute; | 252 | position: absolute; |
| 253 | top: 50%; | 253 | top: 50%; |
| 254 | left: 0; | 254 | left: 0; |
| 255 | height: 1px; | 255 | height: 1px; |
| 256 | background-color: #ddd; | 256 | background-color: #ddd; |
| 257 | width: 100%; | 257 | width: 100%; |
| 258 | z-index: -1; | 258 | z-index: -1; |
| 259 | } | 259 | } |
| 260 | .icon-object { | 260 | .icon-object { |
| 261 | border-radius: 50%; | 261 | border-radius: 50%; |
| 262 | text-align: center; | 262 | text-align: center; |
| 263 | margin: 10px; | 263 | margin: 10px; |
| 264 | border-width: 3px; | 264 | border-width: 3px; |
| 265 | border-style: solid; | 265 | border-style: solid; |
| 266 | padding: 20px; | 266 | padding: 20px; |
| 267 | display: inline-block; | 267 | display: inline-block; |
| 268 | } | 268 | } |
| 269 | .icon-object > i { | 269 | .icon-object > i { |
| 270 | font-size: 32px; | 270 | font-size: 32px; |
| 271 | top: 0; | 271 | top: 0; |
| 272 | } | 272 | } |
| 273 | .img-preview { | 273 | .img-preview { |
| 274 | max-height: 70px; | 274 | max-height: 70px; |
| 275 | } | 275 | } |
| 276 | .video-container { | 276 | .video-container { |
| 277 | position: relative; | 277 | position: relative; |
| 278 | padding-bottom: 56.25%; | 278 | padding-bottom: 56.25%; |
| 279 | height: 0; | 279 | height: 0; |
| 280 | overflow: hidden; | 280 | overflow: hidden; |
| 281 | } | 281 | } |
| 282 | .video-container iframe, | 282 | .video-container iframe, |
| 283 | .video-container object, | 283 | .video-container object, |
| 284 | .video-container embed { | 284 | .video-container embed { |
| 285 | position: absolute; | 285 | position: absolute; |
| 286 | top: 0; | 286 | top: 0; |
| 287 | left: 0; | 287 | left: 0; |
| 288 | width: 100%; | 288 | width: 100%; |
| 289 | height: 100%; | 289 | height: 100%; |
| 290 | } | 290 | } |
| 291 | .status-mark { | 291 | .status-mark { |
| 292 | width: 8px; | 292 | width: 8px; |
| 293 | height: 8px; | 293 | height: 8px; |
| 294 | display: inline-block; | 294 | display: inline-block; |
| 295 | border-radius: 50%; | 295 | border-radius: 50%; |
| 296 | border: 2px solid; | 296 | border: 2px solid; |
| 297 | } | 297 | } |
| 298 | .dropdown-menu > .active .status-mark { | 298 | .dropdown-menu > .active .status-mark { |
| 299 | background-color: #fff; | 299 | background-color: #fff; |
| 300 | border-color: #fff; | 300 | border-color: #fff; |
| 301 | } | 301 | } |
| 302 | .position-left { | 302 | .position-left { |
| 303 | margin-right: 8px; | 303 | margin-right: 8px; |
| 304 | } | 304 | } |
| 305 | .position-right { | 305 | .position-right { |
| 306 | margin-left: 8px; | 306 | margin-left: 8px; |
| 307 | } | 307 | } |
| 308 | a.bg-primary:hover, | 308 | a.bg-primary:hover, |
| 309 | a.bg-primary:focus { | 309 | a.bg-primary:focus { |
| 310 | background-color: #2196F3; | 310 | background-color: #2196F3; |
| 311 | } | 311 | } |
| 312 | .bg-success { | 312 | .bg-success { |
| 313 | color: #fff; | 313 | color: #fff; |
| 314 | background-color: #4CAF50; | 314 | background-color: #4CAF50; |
| 315 | } | 315 | } |
| 316 | a.bg-success:hover, | 316 | a.bg-success:hover, |
| 317 | a.bg-success:focus { | 317 | a.bg-success:focus { |
| 318 | background-color: #3d8b40; | 318 | background-color: #3d8b40; |
| 319 | } | 319 | } |
| 320 | a.bg-success:hover, | 320 | a.bg-success:hover, |
| 321 | a.bg-success:focus { | 321 | a.bg-success:focus { |
| 322 | background-color: #4CAF50; | 322 | background-color: #4CAF50; |
| 323 | } | 323 | } |
| 324 | .bg-info { | 324 | .bg-info { |
| 325 | color: #fff; | 325 | color: #fff; |
| 326 | background-color: #00BCD4; | 326 | background-color: #00BCD4; |
| 327 | } | 327 | } |
| 328 | a.bg-info:hover, | 328 | a.bg-info:hover, |
| 329 | a.bg-info:focus { | 329 | a.bg-info:focus { |
| 330 | background-color: #008fa1; | 330 | background-color: #008fa1; |
| 331 | } | 331 | } |
| 332 | a.bg-info:hover, | 332 | a.bg-info:hover, |
| 333 | a.bg-info:focus { | 333 | a.bg-info:focus { |
| 334 | background-color: #00BCD4; | 334 | background-color: #00BCD4; |
| 335 | } | 335 | } |
| 336 | .bg-warning { | 336 | .bg-warning { |
| 337 | color: #fff; | 337 | color: #fff; |
| 338 | background-color: #FF5722; | 338 | background-color: #FF5722; |
| 339 | } | 339 | } |
| 340 | a.bg-warning:hover, | 340 | a.bg-warning:hover, |
| 341 | a.bg-warning:focus { | 341 | a.bg-warning:focus { |
| 342 | background-color: #ee3900; | 342 | background-color: #ee3900; |
| 343 | } | 343 | } |
| 344 | a.bg-warning:hover, | 344 | a.bg-warning:hover, |
| 345 | a.bg-warning:focus { | 345 | a.bg-warning:focus { |
| 346 | background-color: #FF5722; | 346 | background-color: #FF5722; |
| 347 | } | 347 | } |
| 348 | .bg-danger { | 348 | .bg-danger { |
| 349 | color: #fff; | 349 | color: #fff; |
| 350 | background-color: #F44336; | 350 | background-color: #F44336; |
| 351 | } | 351 | } |
| 352 | a.bg-danger:hover, | 352 | a.bg-danger:hover, |
| 353 | a.bg-danger:focus { | 353 | a.bg-danger:focus { |
| 354 | background-color: #ea1c0d; | 354 | background-color: #ea1c0d; |
| 355 | } | 355 | } |
| 356 | a.bg-danger:hover, | 356 | a.bg-danger:hover, |
| 357 | a.bg-danger:focus { | 357 | a.bg-danger:focus { |
| 358 | background-color: #F44336; | 358 | background-color: #F44336; |
| 359 | } | 359 | } |
| 360 | .page-header { | 360 | .page-header { |
| 361 | margin: 0; | 361 | margin: 0; |
| 362 | padding: 0; | 362 | padding: 0; |
| 363 | border-bottom-width: 0; | 363 | border-bottom-width: 0; |
| 364 | } | 364 | } |
| 365 | @media (min-width: 769px) { | 365 | @media (min-width: 769px) { |
| 366 | .page-header .heading-elements.collapse { | 366 | .page-header .heading-elements.collapse { |
| 367 | display: block; | 367 | display: block; |
| 368 | visibility: visible; | 368 | visibility: visible; |
| 369 | } | 369 | } |
| 370 | } | 370 | } |
| 371 | nav.bg-crimson.navbar .container { | 371 | nav.bg-crimson.navbar .container { |
| 372 | width: 100%; | 372 | width: 100%; |
| 373 | } | 373 | } |
| 374 | .nav a#messages { | 374 | .nav a#messages { |
| 375 | font-size: 0; | 375 | font-size: 0; |
| 376 | } | 376 | } |
| 377 | .nav a#messages .caret:after { | 377 | .nav a#messages .caret:after { |
| 378 | content: "\eb14"; | 378 | content: "\eb14"; |
| 379 | } | 379 | } |
| 380 | .nav a#activity .caret:after { | 380 | .nav a#activity .caret:after { |
| 381 | content: "\eaac"; | 381 | content: "\eaac"; |
| 382 | } | 382 | } |
| 383 | .nav a#activity { | 383 | .nav a#activity { |
| 384 | font-size: 0; | 384 | font-size: 0; |
| 385 | } | 385 | } |
| 386 | .nav a#update { | 386 | .nav a#update { |
| 387 | font-size: 0; | 387 | font-size: 0; |
| 388 | } | 388 | } |
| 389 | .nav a#update .caret:after { | 389 | .nav a#update .caret:after { |
| 390 | content: "\ec1e"; | 390 | content: "\ec1e"; |
| 391 | } | 391 | } |
| 392 | .page-header-inverse { | 392 | .page-header-inverse { |
| 393 | background-color: #273246; | 393 | background-color: #273246; |
| 394 | color: #fff; | 394 | color: #fff; |
| 395 | margin-bottom: 20px; | 395 | margin-bottom: 20px; |
| 396 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 396 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 397 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 397 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 398 | } | 398 | } |
| 399 | .page-header-inverse .page-title small { | 399 | .page-header-inverse .page-title small { |
| 400 | color: rgba(255, 255, 255, 0.5); | 400 | color: rgba(255, 255, 255, 0.5); |
| 401 | } | 401 | } |
| 402 | .page-header-inverse > .breadcrumb > li > a, | 402 | .page-header-inverse > .breadcrumb > li > a, |
| 403 | .page-header-inverse .page-header-content .breadcrumb > li > a, | 403 | .page-header-inverse .page-header-content .breadcrumb > li > a, |
| 404 | .page-header-inverse > .breadcrumb > li + li:before, | 404 | .page-header-inverse > .breadcrumb > li + li:before, |
| 405 | .page-header-inverse .page-header-content .breadcrumb > li + li:before { | 405 | .page-header-inverse .page-header-content .breadcrumb > li + li:before { |
| 406 | color: rgba(255, 255, 255, 0.9); | 406 | color: rgba(255, 255, 255, 0.9); |
| 407 | } | 407 | } |
| 408 | .page-header-inverse > .breadcrumb > li > a:hover, | 408 | .page-header-inverse > .breadcrumb > li > a:hover, |
| 409 | .page-header-inverse .page-header-content .breadcrumb > li > a:hover, | 409 | .page-header-inverse .page-header-content .breadcrumb > li > a:hover, |
| 410 | .page-header-inverse > .breadcrumb > li > a:focus, | 410 | .page-header-inverse > .breadcrumb > li > a:focus, |
| 411 | .page-header-inverse .page-header-content .breadcrumb > li > a:focus { | 411 | .page-header-inverse .page-header-content .breadcrumb > li > a:focus { |
| 412 | color: #fff; | 412 | color: #fff; |
| 413 | opacity: 1; | 413 | opacity: 1; |
| 414 | filter: alpha(opacity=100); | 414 | filter: alpha(opacity=100); |
| 415 | } | 415 | } |
| 416 | .page-header-inverse > .breadcrumb > .active, | 416 | .page-header-inverse > .breadcrumb > .active, |
| 417 | .page-header-inverse .page-header-content .breadcrumb > .active { | 417 | .page-header-inverse .page-header-content .breadcrumb > .active { |
| 418 | color: rgba(255, 255, 255, 0.5); | 418 | color: rgba(255, 255, 255, 0.5); |
| 419 | } | 419 | } |
| 420 | .page-header-inverse .form-control-feedback, | 420 | .page-header-inverse .form-control-feedback, |
| 421 | .page-header-inverse .input-group-addon { | 421 | .page-header-inverse .input-group-addon { |
| 422 | color: rgba(255, 255, 255, 0.75); | 422 | color: rgba(255, 255, 255, 0.75); |
| 423 | } | 423 | } |
| 424 | .page-header-inverse .heading-text > a { | 424 | .page-header-inverse .heading-text > a { |
| 425 | color: #fff; | 425 | color: #fff; |
| 426 | } | 426 | } |
| 427 | .page-header-inverse .form-control { | 427 | .page-header-inverse .form-control { |
| 428 | border-bottom-color: rgba(255, 255, 255, 0.3); | 428 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 429 | color: #fff; | 429 | color: #fff; |
| 430 | } | 430 | } |
| 431 | .page-header-inverse .form-control::-moz-placeholder { | 431 | .page-header-inverse .form-control::-moz-placeholder { |
| 432 | color: rgba(255, 255, 255, 0.75); | 432 | color: rgba(255, 255, 255, 0.75); |
| 433 | opacity: 1; | 433 | opacity: 1; |
| 434 | } | 434 | } |
| 435 | .page-header-inverse .form-control:-ms-input-placeholder { | 435 | .page-header-inverse .form-control:-ms-input-placeholder { |
| 436 | color: rgba(255, 255, 255, 0.75); | 436 | color: rgba(255, 255, 255, 0.75); |
| 437 | } | 437 | } |
| 438 | .page-header-inverse .form-control::-webkit-input-placeholder { | 438 | .page-header-inverse .form-control::-webkit-input-placeholder { |
| 439 | color: rgba(255, 255, 255, 0.75); | 439 | color: rgba(255, 255, 255, 0.75); |
| 440 | } | 440 | } |
| 441 | .page-header-inverse .form-control:focus { | 441 | .page-header-inverse .form-control:focus { |
| 442 | border-bottom-color: #fff; | 442 | border-bottom-color: #fff; |
| 443 | -webkit-box-shadow: 0 1px 0 #fff; | 443 | -webkit-box-shadow: 0 1px 0 #fff; |
| 444 | box-shadow: 0 1px 0 #fff; | 444 | box-shadow: 0 1px 0 #fff; |
| 445 | } | 445 | } |
| 446 | .page-header-inverse.has-cover { | 446 | .page-header-inverse.has-cover { |
| 447 | background: url(../images/login_cover.jpg); | 447 | background: url(../images/login_cover.jpg); |
| 448 | background-size: cover; | 448 | background-size: cover; |
| 449 | } | 449 | } |
| 450 | .page-header-default { | 450 | .page-header-default { |
| 451 | background-color: #fff; | 451 | background-color: #fff; |
| 452 | margin-bottom: 20px; | 452 | margin-bottom: 20px; |
| 453 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 453 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 454 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 454 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 455 | } | 455 | } |
| 456 | .page-header-default.has-cover { | 456 | .page-header-default.has-cover { |
| 457 | background: url(../images/backgrounds/seamless.png); | 457 | background: url(../images/backgrounds/seamless.png); |
| 458 | } | 458 | } |
| 459 | .page-title { | 459 | .page-title { |
| 460 | padding: 32px 36px 32px 0; | 460 | padding: 32px 36px 32px 0; |
| 461 | display: block; | 461 | display: block; |
| 462 | position: relative; | 462 | position: relative; |
| 463 | } | 463 | } |
| 464 | .page-title small { | 464 | .page-title small { |
| 465 | margin-left: 10px; | 465 | margin-left: 10px; |
| 466 | display: inline-block; | 466 | display: inline-block; |
| 467 | } | 467 | } |
| 468 | .page-title small:before { | 468 | .page-title small:before { |
| 469 | content: '/'; | 469 | content: '/'; |
| 470 | margin-right: 15px; | 470 | margin-right: 15px; |
| 471 | } | 471 | } |
| 472 | .page-title small.display-block { | 472 | .page-title small.display-block { |
| 473 | margin-left: 0; | 473 | margin-left: 0; |
| 474 | display: block; | 474 | display: block; |
| 475 | } | 475 | } |
| 476 | .page-title small.display-block:before { | 476 | .page-title small.display-block:before { |
| 477 | content: none; | 477 | content: none; |
| 478 | } | 478 | } |
| 479 | .page-title i ~ small.display-block { | 479 | .page-title i ~ small.display-block { |
| 480 | margin-left: 31px; | 480 | margin-left: 31px; |
| 481 | } | 481 | } |
| 482 | .page-header-lg .page-title { | 482 | .page-header-lg .page-title { |
| 483 | padding-top: 37px; | 483 | padding-top: 37px; |
| 484 | padding-bottom: 37px; | 484 | padding-bottom: 37px; |
| 485 | } | 485 | } |
| 486 | .page-header-sm .page-title { | 486 | .page-header-sm .page-title { |
| 487 | padding-top: 27px; | 487 | padding-top: 27px; |
| 488 | padding-bottom: 27px; | 488 | padding-bottom: 27px; |
| 489 | } | 489 | } |
| 490 | .page-header-xs .page-title { | 490 | .page-header-xs .page-title { |
| 491 | padding-top: 22px; | 491 | padding-top: 22px; |
| 492 | padding-bottom: 22px; | 492 | padding-bottom: 22px; |
| 493 | } | 493 | } |
| 494 | .page-title h1, | 494 | .page-title h1, |
| 495 | .page-title h2, | 495 | .page-title h2, |
| 496 | .page-title h3, | 496 | .page-title h3, |
| 497 | .page-title h4, | 497 | .page-title h4, |
| 498 | .page-title h5, | 498 | .page-title h5, |
| 499 | .page-title h6 { | 499 | .page-title h6 { |
| 500 | margin: 0; | 500 | margin: 0; |
| 501 | } | 501 | } |
| 502 | @media (min-width: 769px) { | 502 | @media (min-width: 769px) { |
| 503 | .page-title { | 503 | .page-title { |
| 504 | padding-right: 0; | 504 | padding-right: 0; |
| 505 | } | 505 | } |
| 506 | } | 506 | } |
| 507 | .page-header-content { | 507 | .page-header-content { |
| 508 | position: relative; | 508 | position: relative; |
| 509 | background-color: inherit; | 509 | background-color: inherit; |
| 510 | padding: 0 20px; | 510 | padding: 0 20px; |
| 511 | } | 511 | } |
| 512 | .page-header-content[class*=border-bottom-] + .breadcrumb-line { | 512 | .page-header-content[class*=border-bottom-] + .breadcrumb-line { |
| 513 | border-top: 0; | 513 | border-top: 0; |
| 514 | } | 514 | } |
| 515 | .text-black { | 515 | .text-black { |
| 516 | font-weight: 900; | 516 | font-weight: 900; |
| 517 | } | 517 | } |
| 518 | .text-bold { | 518 | .text-bold { |
| 519 | font-weight: 700; | 519 | font-weight: 700; |
| 520 | } | 520 | } |
| 521 | .text-semibold { | 521 | .text-semibold { |
| 522 | font-weight: 500; | 522 | font-weight: 500; |
| 523 | } | 523 | } |
| 524 | .text-regular { | 524 | .text-regular { |
| 525 | font-weight: 400; | 525 | font-weight: 400; |
| 526 | } | 526 | } |
| 527 | .text-light { | 527 | .text-light { |
| 528 | font-weight: 300; | 528 | font-weight: 300; |
| 529 | } | 529 | } |
| 530 | .text-thin { | 530 | .text-thin { |
| 531 | font-weight: 100; | 531 | font-weight: 100; |
| 532 | } | 532 | } |
| 533 | .text-italic { | 533 | .text-italic { |
| 534 | font-style: italic; | 534 | font-style: italic; |
| 535 | } | 535 | } |
| 536 | .text-highlight { | 536 | .text-highlight { |
| 537 | padding: 4px 6px; | 537 | padding: 4px 6px; |
| 538 | } | 538 | } |
| 539 | .text-size-large { | 539 | .text-size-large { |
| 540 | font-size: 14px; | 540 | font-size: 14px; |
| 541 | } | 541 | } |
| 542 | .text-size-base { | 542 | .text-size-base { |
| 543 | font-size: 13px; | 543 | font-size: 13px; |
| 544 | } | 544 | } |
| 545 | .text-size-small { | 545 | .text-size-small { |
| 546 | font-size: 12px; | 546 | font-size: 12px; |
| 547 | } | 547 | } |
| 548 | .text-size-mini { | 548 | .text-size-mini { |
| 549 | font-size: 11px; | 549 | font-size: 11px; |
| 550 | } | 550 | } |
| 551 | ul, | 551 | ul, |
| 552 | ol { | 552 | ol { |
| 553 | padding-left: 25px; | 553 | padding-left: 25px; |
| 554 | } | 554 | } |
| 555 | .list > li, | 555 | .list > li, |
| 556 | .list > li .list > li { | 556 | .list > li .list > li { |
| 557 | margin-top: 8px; | 557 | margin-top: 8px; |
| 558 | } | 558 | } |
| 559 | .list > li:first-child { | 559 | .list > li:first-child { |
| 560 | margin-top: 0; | 560 | margin-top: 0; |
| 561 | } | 561 | } |
| 562 | .list-condensed > li, | 562 | .list-condensed > li, |
| 563 | .list-condensed > li .list > li { | 563 | .list-condensed > li .list > li { |
| 564 | margin-top: 4px; | 564 | margin-top: 4px; |
| 565 | } | 565 | } |
| 566 | .list-extended > li, | 566 | .list-extended > li, |
| 567 | .list-extended > li .list > li { | 567 | .list-extended > li .list > li { |
| 568 | margin-top: 12px; | 568 | margin-top: 12px; |
| 569 | } | 569 | } |
| 570 | ul.list-square { | 570 | ul.list-square { |
| 571 | list-style-type: square; | 571 | list-style-type: square; |
| 572 | } | 572 | } |
| 573 | ul.list-circle { | 573 | ul.list-circle { |
| 574 | list-style-type: circle; | 574 | list-style-type: circle; |
| 575 | } | 575 | } |
| 576 | .list-inline { | 576 | .list-inline { |
| 577 | margin-left: 0; | 577 | margin-left: 0; |
| 578 | font-size: 0; | 578 | font-size: 0; |
| 579 | } | 579 | } |
| 580 | .list-inline > li { | 580 | .list-inline > li { |
| 581 | padding-left: 0; | 581 | padding-left: 0; |
| 582 | padding-right: 20px; | 582 | padding-right: 20px; |
| 583 | font-size: 13px; | 583 | font-size: 13px; |
| 584 | } | 584 | } |
| 585 | .list-inline > li:last-child { | 585 | .list-inline > li:last-child { |
| 586 | padding-right: 0; | 586 | padding-right: 0; |
| 587 | } | 587 | } |
| 588 | .list-inline-condensed > li { | 588 | .list-inline-condensed > li { |
| 589 | padding-right: 10px; | 589 | padding-right: 10px; |
| 590 | } | 590 | } |
| 591 | .list-inline-separate > li { | 591 | .list-inline-separate > li { |
| 592 | padding-right: 20px; | 592 | padding-right: 20px; |
| 593 | position: relative; | 593 | position: relative; |
| 594 | } | 594 | } |
| 595 | .list-inline-separate > li:before { | 595 | .list-inline-separate > li:before { |
| 596 | content: '\2022'; | 596 | content: '\2022'; |
| 597 | position: absolute; | 597 | position: absolute; |
| 598 | right: 8px; | 598 | right: 8px; |
| 599 | color: #ccc; | 599 | color: #ccc; |
| 600 | top: 1px; | 600 | top: 1px; |
| 601 | } | 601 | } |
| 602 | .list-inline-separate > li:last-child:before { | 602 | .list-inline-separate > li:last-child:before { |
| 603 | content: none; | 603 | content: none; |
| 604 | } | 604 | } |
| 605 | .list-icons { | 605 | .list-icons { |
| 606 | padding-left: 0; | 606 | padding-left: 0; |
| 607 | } | 607 | } |
| 608 | .list-icons li { | 608 | .list-icons li { |
| 609 | list-style: none; | 609 | list-style: none; |
| 610 | } | 610 | } |
| 611 | .list-icons li i { | 611 | .list-icons li i { |
| 612 | margin-right: 8px; | 612 | margin-right: 8px; |
| 613 | } | 613 | } |
| 614 | .icons-list { | 614 | .icons-list { |
| 615 | margin: 0; | 615 | margin: 0; |
| 616 | padding: 0; | 616 | padding: 0; |
| 617 | list-style: none; | 617 | list-style: none; |
| 618 | line-height: 1; | 618 | line-height: 1; |
| 619 | font-size: 0; | 619 | font-size: 0; |
| 620 | } | 620 | } |
| 621 | .icons-list > li { | 621 | .icons-list > li { |
| 622 | position: relative; | 622 | position: relative; |
| 623 | display: inline-block; | 623 | display: inline-block; |
| 624 | margin-left: 5px; | 624 | margin-left: 5px; |
| 625 | font-size: 13px; | 625 | font-size: 13px; |
| 626 | } | 626 | } |
| 627 | .icons-list > li:first-child { | 627 | .icons-list > li:first-child { |
| 628 | margin-left: 0; | 628 | margin-left: 0; |
| 629 | } | 629 | } |
| 630 | .icons-list > li > a { | 630 | .icons-list > li > a { |
| 631 | color: inherit; | 631 | color: inherit; |
| 632 | display: block; | 632 | display: block; |
| 633 | opacity: 1; | 633 | opacity: 1; |
| 634 | filter: alpha(opacity=100); | 634 | filter: alpha(opacity=100); |
| 635 | } | 635 | } |
| 636 | .icons-list > li > a:hover, | 636 | .icons-list > li > a:hover, |
| 637 | .icons-list > li > a:focus { | 637 | .icons-list > li > a:focus { |
| 638 | opacity: 0.75; | 638 | opacity: 0.75; |
| 639 | filter: alpha(opacity=75); | 639 | filter: alpha(opacity=75); |
| 640 | } | 640 | } |
| 641 | .icons-list > li > a > i { | 641 | .icons-list > li > a > i { |
| 642 | top: 0; | 642 | top: 0; |
| 643 | } | 643 | } |
| 644 | .icons-list > li > a > .caret { | 644 | .icons-list > li > a > .caret { |
| 645 | margin-top: 0; | 645 | margin-top: 0; |
| 646 | margin-bottom: 0; | 646 | margin-bottom: 0; |
| 647 | } | 647 | } |
| 648 | .icons-list-extended > li { | 648 | .icons-list-extended > li { |
| 649 | margin-left: 10px; | 649 | margin-left: 10px; |
| 650 | } | 650 | } |
| 651 | dl { | 651 | dl { |
| 652 | margin-bottom: 0; | 652 | margin-bottom: 0; |
| 653 | } | 653 | } |
| 654 | dt { | 654 | dt { |
| 655 | margin-bottom: 5px; | 655 | margin-bottom: 5px; |
| 656 | font-weight: 500; | 656 | font-weight: 500; |
| 657 | } | 657 | } |
| 658 | dd + dt { | 658 | dd + dt { |
| 659 | margin-top: 20px; | 659 | margin-top: 20px; |
| 660 | } | 660 | } |
| 661 | @media (min-width: 769px) { | 661 | @media (min-width: 769px) { |
| 662 | .dl-horizontal dt + dd { | 662 | .dl-horizontal dt + dd { |
| 663 | margin-top: 20px; | 663 | margin-top: 20px; |
| 664 | } | 664 | } |
| 665 | .dl-horizontal dt:first-child + dd { | 665 | .dl-horizontal dt:first-child + dd { |
| 666 | margin-top: 0; | 666 | margin-top: 0; |
| 667 | } | 667 | } |
| 668 | } | 668 | } |
| 669 | blockquote { | 669 | blockquote { |
| 670 | margin: 0; | 670 | margin: 0; |
| 671 | } | 671 | } |
| 672 | blockquote img { | 672 | blockquote img { |
| 673 | height: 42px; | 673 | height: 42px; |
| 674 | float: left; | 674 | float: left; |
| 675 | margin-right: 20px; | 675 | margin-right: 20px; |
| 676 | } | 676 | } |
| 677 | blockquote img.pull-right { | 677 | blockquote img.pull-right { |
| 678 | margin-right: 0; | 678 | margin-right: 0; |
| 679 | margin-left: 20px; | 679 | margin-left: 20px; |
| 680 | } | 680 | } |
| 681 | blockquote footer, | 681 | blockquote footer, |
| 682 | blockquote small, | 682 | blockquote small, |
| 683 | blockquote .small { | 683 | blockquote .small { |
| 684 | font-size: 13px; | 684 | font-size: 13px; |
| 685 | margin-top: 8px; | 685 | margin-top: 8px; |
| 686 | display: block; | 686 | display: block; |
| 687 | } | 687 | } |
| 688 | .blockquote-reverse, | 688 | .blockquote-reverse, |
| 689 | blockquote.pull-right { | 689 | blockquote.pull-right { |
| 690 | padding-right: 20px; | 690 | padding-right: 20px; |
| 691 | } | 691 | } |
| 692 | /* ------------------------------------------------------------------------------ | 692 | /* ------------------------------------------------------------------------------ |
| 693 | * | 693 | * |
| 694 | * # Code related components | 694 | * # Code related components |
| 695 | * | 695 | * |
| 696 | * Overrides for code related bootstrap components | 696 | * Overrides for code related bootstrap components |
| 697 | * | 697 | * |
| 698 | * Version: 1.1 | 698 | * Version: 1.1 |
| 699 | * Latest update: Nov 25, 2015 | 699 | * Latest update: Nov 25, 2015 |
| 700 | * | 700 | * |
| 701 | * ---------------------------------------------------------------------------- */ | 701 | * ---------------------------------------------------------------------------- */ |
| 702 | code { | 702 | code { |
| 703 | border-radius: 2px; | 703 | border-radius: 2px; |
| 704 | word-wrap: break-word; | 704 | word-wrap: break-word; |
| 705 | } | 705 | } |
| 706 | kbd { | 706 | kbd { |
| 707 | font-size: 11px; | 707 | font-size: 11px; |
| 708 | vertical-align: text-top; | 708 | vertical-align: text-top; |
| 709 | -webkit-box-shadow: none; | 709 | -webkit-box-shadow: none; |
| 710 | box-shadow: none; | 710 | box-shadow: none; |
| 711 | } | 711 | } |
| 712 | pre { | 712 | pre { |
| 713 | padding: 20px; | 713 | padding: 20px; |
| 714 | margin: 0; | 714 | margin: 0; |
| 715 | -moz-tab-size: 4; | 715 | -moz-tab-size: 4; |
| 716 | -o-tab-size: 4; | 716 | -o-tab-size: 4; |
| 717 | tab-size: 4; | 717 | tab-size: 4; |
| 718 | -webkit-hyphens: none; | 718 | -webkit-hyphens: none; |
| 719 | -moz-hyphens: none; | 719 | -moz-hyphens: none; |
| 720 | -ms-hyphens: none; | 720 | -ms-hyphens: none; |
| 721 | hyphens: none; | 721 | hyphens: none; |
| 722 | } | 722 | } |
| 723 | /* ------------------------------------------------------------------------------ | 723 | /* ------------------------------------------------------------------------------ |
| 724 | * | 724 | * |
| 725 | * # Tables component | 725 | * # Tables component |
| 726 | * | 726 | * |
| 727 | * Overrides for tables bootstrap component | 727 | * Overrides for tables bootstrap component |
| 728 | * | 728 | * |
| 729 | * Version: 1.1 | 729 | * Version: 1.1 |
| 730 | * Latest update: Oct 20, 2015 | 730 | * Latest update: Oct 20, 2015 |
| 731 | * | 731 | * |
| 732 | * ---------------------------------------------------------------------------- */ | 732 | * ---------------------------------------------------------------------------- */ |
| 733 | th { | 733 | th { |
| 734 | font-weight: 500; | 734 | font-weight: 500; |
| 735 | } | 735 | } |
| 736 | .table { | 736 | .table { |
| 737 | margin-bottom: 0; | 737 | margin-bottom: 0; |
| 738 | } | 738 | } |
| 739 | .table > thead > tr > th, | 739 | .table > thead > tr > th, |
| 740 | .table > tbody > tr > th, | 740 | .table > tbody > tr > th, |
| 741 | .table > tfoot > tr > th, | 741 | .table > tfoot > tr > th, |
| 742 | .table > thead > tr > td, | 742 | .table > thead > tr > td, |
| 743 | .table > tbody > tr > td, | 743 | .table > tbody > tr > td, |
| 744 | .table > tfoot > tr > td { | 744 | .table > tfoot > tr > td { |
| 745 | vertical-align: middle; | 745 | vertical-align: middle; |
| 746 | } | 746 | } |
| 747 | .table > thead > tr + tr > th, | 747 | .table > thead > tr + tr > th, |
| 748 | .table > thead > tr + tr > td { | 748 | .table > thead > tr + tr > td { |
| 749 | border-top-width: 0; | 749 | border-top-width: 0; |
| 750 | } | 750 | } |
| 751 | .panel[class*=bg-] .table > thead > tr > th, | 751 | .panel[class*=bg-] .table > thead > tr > th, |
| 752 | .table[class*=bg-] > thead > tr > th, | 752 | .table[class*=bg-] > thead > tr > th, |
| 753 | .panel[class*=bg-] .table > tbody > tr > th, | 753 | .panel[class*=bg-] .table > tbody > tr > th, |
| 754 | .table[class*=bg-] > tbody > tr > th, | 754 | .table[class*=bg-] > tbody > tr > th, |
| 755 | .panel[class*=bg-] .table > tfoot > tr > th, | 755 | .panel[class*=bg-] .table > tfoot > tr > th, |
| 756 | .table[class*=bg-] > tfoot > tr > th, | 756 | .table[class*=bg-] > tfoot > tr > th, |
| 757 | .panel[class*=bg-] .table > thead > tr > td, | 757 | .panel[class*=bg-] .table > thead > tr > td, |
| 758 | .table[class*=bg-] > thead > tr > td, | 758 | .table[class*=bg-] > thead > tr > td, |
| 759 | .panel[class*=bg-] .table > tbody > tr > td, | 759 | .panel[class*=bg-] .table > tbody > tr > td, |
| 760 | .table[class*=bg-] > tbody > tr > td, | 760 | .table[class*=bg-] > tbody > tr > td, |
| 761 | .panel[class*=bg-] .table > tfoot > tr > td, | 761 | .panel[class*=bg-] .table > tfoot > tr > td, |
| 762 | .table[class*=bg-] > tfoot > tr > td { | 762 | .table[class*=bg-] > tfoot > tr > td { |
| 763 | border-color: rgba(255, 255, 255, 0.2); | 763 | border-color: rgba(255, 255, 255, 0.2); |
| 764 | } | 764 | } |
| 765 | .table tr[class*=bg-] > td, | 765 | .table tr[class*=bg-] > td, |
| 766 | .table tr[class*=bg-] > th { | 766 | .table tr[class*=bg-] > th { |
| 767 | border-color: #fff; | 767 | border-color: #fff; |
| 768 | } | 768 | } |
| 769 | .table tr > td[class*=bg-], | 769 | .table tr > td[class*=bg-], |
| 770 | .table tr > th[class*=bg-] { | 770 | .table tr > th[class*=bg-] { |
| 771 | border-color: #fff; | 771 | border-color: #fff; |
| 772 | } | 772 | } |
| 773 | .table > thead > tr[class*=border-bottom-] > th, | 773 | .table > thead > tr[class*=border-bottom-] > th, |
| 774 | .table > thead > tr[class*=border-bottom-] > td { | 774 | .table > thead > tr[class*=border-bottom-] > td { |
| 775 | border-bottom-color: inherit; | 775 | border-bottom-color: inherit; |
| 776 | } | 776 | } |
| 777 | .table > tbody > tr[class*=border-top-] > th, | 777 | .table > tbody > tr[class*=border-top-] > th, |
| 778 | .table > tfoot > tr[class*=border-top-] > th, | 778 | .table > tfoot > tr[class*=border-top-] > th, |
| 779 | .table > tbody > tr[class*=border-top-] > td, | 779 | .table > tbody > tr[class*=border-top-] > td, |
| 780 | .table > tfoot > tr[class*=border-top-] > td { | 780 | .table > tfoot > tr[class*=border-top-] > td { |
| 781 | border-top-color: inherit; | 781 | border-top-color: inherit; |
| 782 | } | 782 | } |
| 783 | .table > thead > tr > th { | 783 | .table > thead > tr > th { |
| 784 | border-bottom: 1px solid #bbb; | 784 | border-bottom: 1px solid #bbb; |
| 785 | } | 785 | } |
| 786 | .table > tfoot > tr > th { | 786 | .table > tfoot > tr > th { |
| 787 | border-top: 1px solid #bbb; | 787 | border-top: 1px solid #bbb; |
| 788 | } | 788 | } |
| 789 | .table .table { | 789 | .table .table { |
| 790 | background-color: #fff; | 790 | background-color: #fff; |
| 791 | } | 791 | } |
| 792 | .table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed), | 792 | .table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed), |
| 793 | .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed) { | 793 | .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed) { |
| 794 | border-top: 1px solid #ddd; | 794 | border-top: 1px solid #ddd; |
| 795 | } | 795 | } |
| 796 | .modal-body + .table-responsive > .table, | 796 | .modal-body + .table-responsive > .table, |
| 797 | .modal-body + .table { | 797 | .modal-body + .table { |
| 798 | border-bottom: 1px solid #ddd; | 798 | border-bottom: 1px solid #ddd; |
| 799 | } | 799 | } |
| 800 | .modal-body + .table-responsive { | 800 | .modal-body + .table-responsive { |
| 801 | border-width: 0; | 801 | border-width: 0; |
| 802 | } | 802 | } |
| 803 | .panel[class*=bg-] > .panel-body + .table, | 803 | .panel[class*=bg-] > .panel-body + .table, |
| 804 | .panel[class*=bg-] > .panel-body + .table-responsive { | 804 | .panel[class*=bg-] > .panel-body + .table-responsive { |
| 805 | border-color: #fff; | 805 | border-color: #fff; |
| 806 | } | 806 | } |
| 807 | .table > thead > tr.border-solid > th, | 807 | .table > thead > tr.border-solid > th, |
| 808 | .table > thead > tr.border-solid > td { | 808 | .table > thead > tr.border-solid > td { |
| 809 | border-bottom-width: 2px; | 809 | border-bottom-width: 2px; |
| 810 | } | 810 | } |
| 811 | .table > tbody > tr.border-solid > td, | 811 | .table > tbody > tr.border-solid > td, |
| 812 | .table > tfoot > tr.border-solid > td, | 812 | .table > tfoot > tr.border-solid > td, |
| 813 | .table > tbody > tr.border-solid > th, | 813 | .table > tbody > tr.border-solid > th, |
| 814 | .table > tfoot > tr.border-solid > th { | 814 | .table > tfoot > tr.border-solid > th { |
| 815 | border-top-width: 2px; | 815 | border-top-width: 2px; |
| 816 | } | 816 | } |
| 817 | .table-bordered > thead > tr.border-solid:first-child > th, | 817 | .table-bordered > thead > tr.border-solid:first-child > th, |
| 818 | .table-bordered > thead > tr.border-solid:first-child > td { | 818 | .table-bordered > thead > tr.border-solid:first-child > td { |
| 819 | border-bottom-width: 2px; | 819 | border-bottom-width: 2px; |
| 820 | } | 820 | } |
| 821 | .table > thead > tr.border-double > th, | 821 | .table > thead > tr.border-double > th, |
| 822 | .table > thead > tr.border-double > td { | 822 | .table > thead > tr.border-double > td { |
| 823 | border-bottom-width: 3px; | 823 | border-bottom-width: 3px; |
| 824 | border-bottom-style: double; | 824 | border-bottom-style: double; |
| 825 | } | 825 | } |
| 826 | .table > tbody > tr.border-double > td, | 826 | .table > tbody > tr.border-double > td, |
| 827 | .table > tfoot > tr.border-double > td, | 827 | .table > tfoot > tr.border-double > td, |
| 828 | .table > tbody > tr.border-double > th, | 828 | .table > tbody > tr.border-double > th, |
| 829 | .table > tfoot > tr.border-double > th { | 829 | .table > tfoot > tr.border-double > th { |
| 830 | border-top-width: 3px; | 830 | border-top-width: 3px; |
| 831 | border-top-style: double; | 831 | border-top-style: double; |
| 832 | } | 832 | } |
| 833 | .table-bordered > thead > tr.border-double:first-child > th, | 833 | .table-bordered > thead > tr.border-double:first-child > th, |
| 834 | .table-bordered > thead > tr.border-double:first-child > td { | 834 | .table-bordered > thead > tr.border-double:first-child > td { |
| 835 | border-bottom-width: 3px; | 835 | border-bottom-width: 3px; |
| 836 | border-bottom-style: double; | 836 | border-bottom-style: double; |
| 837 | } | 837 | } |
| 838 | .table > tbody > tr.border-dashed > td, | 838 | .table > tbody > tr.border-dashed > td, |
| 839 | .table > tbody > tr.border-dashed > th { | 839 | .table > tbody > tr.border-dashed > th { |
| 840 | border-top-style: dashed; | 840 | border-top-style: dashed; |
| 841 | } | 841 | } |
| 842 | .table-framed, | 842 | .table-framed, |
| 843 | .panel > .table-framed, | 843 | .panel > .table-framed, |
| 844 | .panel > .table-responsive > .table-framed { | 844 | .panel > .table-responsive > .table-framed { |
| 845 | border: 1px solid #ddd; | 845 | border: 1px solid #ddd; |
| 846 | } | 846 | } |
| 847 | .table-framed > thead > tr > th:first-child, | 847 | .table-framed > thead > tr > th:first-child, |
| 848 | .table-framed > thead > tr > td:first-child { | 848 | .table-framed > thead > tr > td:first-child { |
| 849 | border-left-color: #ddd; | 849 | border-left-color: #ddd; |
| 850 | } | 850 | } |
| 851 | .table-framed > thead > tr > th:last-child, | 851 | .table-framed > thead > tr > th:last-child, |
| 852 | .table-framed > thead > tr > td:last-child { | 852 | .table-framed > thead > tr > td:last-child { |
| 853 | border-right-color: #ddd; | 853 | border-right-color: #ddd; |
| 854 | } | 854 | } |
| 855 | @media screen and (max-width: 768px) { | 855 | @media screen and (max-width: 768px) { |
| 856 | .table-responsive > .table-framed { | 856 | .table-responsive > .table-framed { |
| 857 | border: 0; | 857 | border: 0; |
| 858 | } | 858 | } |
| 859 | } | 859 | } |
| 860 | .table-borderless > tbody > tr > td, | 860 | .table-borderless > tbody > tr > td, |
| 861 | .table-borderless > tbody > tr > th { | 861 | .table-borderless > tbody > tr > th { |
| 862 | border: 0; | 862 | border: 0; |
| 863 | } | 863 | } |
| 864 | .table-columned > tbody > tr > td, | 864 | .table-columned > tbody > tr > td, |
| 865 | .table-columned > tfoot > tr > td, | 865 | .table-columned > tfoot > tr > td, |
| 866 | .table-columned > tbody > tr > th, | 866 | .table-columned > tbody > tr > th, |
| 867 | .table-columned > tfoot > tr > th { | 867 | .table-columned > tfoot > tr > th { |
| 868 | border: 0; | 868 | border: 0; |
| 869 | border-left: 1px solid #ddd; | 869 | border-left: 1px solid #ddd; |
| 870 | } | 870 | } |
| 871 | .table-columned > tbody > tr > td:first-child, | 871 | .table-columned > tbody > tr > td:first-child, |
| 872 | .table-columned > tfoot > tr > td:first-child, | 872 | .table-columned > tfoot > tr > td:first-child, |
| 873 | .table-columned > tbody > tr > th:first-child, | 873 | .table-columned > tbody > tr > th:first-child, |
| 874 | .table-columned > tfoot > tr > th:first-child { | 874 | .table-columned > tfoot > tr > th:first-child { |
| 875 | border-left: 0; | 875 | border-left: 0; |
| 876 | } | 876 | } |
| 877 | .table-xlg > thead > tr > th, | 877 | .table-xlg > thead > tr > th, |
| 878 | .table-xlg > tbody > tr > th, | 878 | .table-xlg > tbody > tr > th, |
| 879 | .table-xlg > tfoot > tr > th, | 879 | .table-xlg > tfoot > tr > th, |
| 880 | .table-xlg > thead > tr > td, | 880 | .table-xlg > thead > tr > td, |
| 881 | .table-xlg > tbody > tr > td, | 881 | .table-xlg > tbody > tr > td, |
| 882 | .table-xlg > tfoot > tr > td { | 882 | .table-xlg > tfoot > tr > td { |
| 883 | padding: 20px; | 883 | padding: 20px; |
| 884 | } | 884 | } |
| 885 | .table-lg > thead > tr > th, | 885 | .table-lg > thead > tr > th, |
| 886 | .table-lg > tbody > tr > th, | 886 | .table-lg > tbody > tr > th, |
| 887 | .table-lg > tfoot > tr > th, | 887 | .table-lg > tfoot > tr > th, |
| 888 | .table-lg > thead > tr > td, | 888 | .table-lg > thead > tr > td, |
| 889 | .table-lg > tbody > tr > td, | 889 | .table-lg > tbody > tr > td, |
| 890 | .table-lg > tfoot > tr > td { | 890 | .table-lg > tfoot > tr > td { |
| 891 | padding: 15px 20px; | 891 | padding: 15px 20px; |
| 892 | } | 892 | } |
| 893 | .table-sm > thead > tr > th, | 893 | .table-sm > thead > tr > th, |
| 894 | .table-sm > tbody > tr > th, | 894 | .table-sm > tbody > tr > th, |
| 895 | .table-sm > tfoot > tr > th, | 895 | .table-sm > tfoot > tr > th, |
| 896 | .table-sm > thead > tr > td, | 896 | .table-sm > thead > tr > td, |
| 897 | .table-sm > tbody > tr > td, | 897 | .table-sm > tbody > tr > td, |
| 898 | .table-sm > tfoot > tr > td { | 898 | .table-sm > tfoot > tr > td { |
| 899 | padding: 10px 20px; | 899 | padding: 10px 20px; |
| 900 | } | 900 | } |
| 901 | .table-xs > thead > tr > th, | 901 | .table-xs > thead > tr > th, |
| 902 | .table-xs > tbody > tr > th, | 902 | .table-xs > tbody > tr > th, |
| 903 | .table-xs > tfoot > tr > th, | 903 | .table-xs > tfoot > tr > th, |
| 904 | .table-xs > thead > tr > td, | 904 | .table-xs > thead > tr > td, |
| 905 | .table-xs > tbody > tr > td, | 905 | .table-xs > tbody > tr > td, |
| 906 | .table-xs > tfoot > tr > td { | 906 | .table-xs > tfoot > tr > td { |
| 907 | padding: 8px 20px; | 907 | padding: 8px 20px; |
| 908 | } | 908 | } |
| 909 | .table-xxs > thead > tr > th, | 909 | .table-xxs > thead > tr > th, |
| 910 | .table-xxs > tbody > tr > th, | 910 | .table-xxs > tbody > tr > th, |
| 911 | .table-xxs > tfoot > tr > th, | 911 | .table-xxs > tfoot > tr > th, |
| 912 | .table-xxs > thead > tr > td, | 912 | .table-xxs > thead > tr > td, |
| 913 | .table-xxs > tbody > tr > td, | 913 | .table-xxs > tbody > tr > td, |
| 914 | .table-xxs > tfoot > tr > td { | 914 | .table-xxs > tfoot > tr > td { |
| 915 | padding: 6px 15px; | 915 | padding: 6px 15px; |
| 916 | } | 916 | } |
| 917 | .panel > .table-responsive > .table-bordered > thead > tr > th, | 917 | .panel > .table-responsive > .table-bordered > thead > tr > th, |
| 918 | .panel > .table-bordered > thead > tr > th, | 918 | .panel > .table-bordered > thead > tr > th, |
| 919 | .panel > .table-responsive > .table-bordered > thead > tr > td, | 919 | .panel > .table-responsive > .table-bordered > thead > tr > td, |
| 920 | .panel > .table-bordered > thead > tr > td { | 920 | .panel > .table-bordered > thead > tr > td { |
| 921 | border-left-color: transparent; | 921 | border-left-color: transparent; |
| 922 | border-right-color: transparent; | 922 | border-right-color: transparent; |
| 923 | } | 923 | } |
| 924 | .table-bordered tr:first-child > td, | 924 | .table-bordered tr:first-child > td, |
| 925 | .table-bordered tr:first-child > th { | 925 | .table-bordered tr:first-child > th { |
| 926 | border-top-color: #bbb; | 926 | border-top-color: #bbb; |
| 927 | } | 927 | } |
| 928 | .table-bordered tr[class*=bg-] > th, | 928 | .table-bordered tr[class*=bg-] > th, |
| 929 | .table-bordered tr[class*=bg-] > td, | 929 | .table-bordered tr[class*=bg-] > td, |
| 930 | .table-bordered tr > th[class*=bg-], | 930 | .table-bordered tr > th[class*=bg-], |
| 931 | .table-bordered tr > td[class*=bg-] { | 931 | .table-bordered tr > td[class*=bg-] { |
| 932 | border-color: #fff; | 932 | border-color: #fff; |
| 933 | } | 933 | } |
| 934 | .panel[class*=bg-] .table-striped > tbody > tr:nth-child(odd), | 934 | .panel[class*=bg-] .table-striped > tbody > tr:nth-child(odd), |
| 935 | .table-striped[class*=bg-] > tbody > tr:nth-child(odd) { | 935 | .table-striped[class*=bg-] > tbody > tr:nth-child(odd) { |
| 936 | background-color: rgba(0, 0, 0, 0.05); | 936 | background-color: rgba(0, 0, 0, 0.05); |
| 937 | } | 937 | } |
| 938 | .table-hover > tbody > tr:hover > th, | 938 | .table-hover > tbody > tr:hover > th, |
| 939 | .table-hover > tbody > tr:hover > td { | 939 | .table-hover > tbody > tr:hover > td { |
| 940 | background-color: inherit; | 940 | background-color: inherit; |
| 941 | } | 941 | } |
| 942 | .panel[class*=bg-] .table-hover > tbody > tr:hover, | 942 | .panel[class*=bg-] .table-hover > tbody > tr:hover, |
| 943 | .table-hover[class*=bg-] > tbody > tr:hover { | 943 | .table-hover[class*=bg-] > tbody > tr:hover { |
| 944 | background-color: rgba(0, 0, 0, 0.1); | 944 | background-color: rgba(0, 0, 0, 0.1); |
| 945 | } | 945 | } |
| 946 | .panel[class*=bg-] .panel-body > .table .active > th, | 946 | .panel[class*=bg-] .panel-body > .table .active > th, |
| 947 | .panel[class*=bg-] .panel-body > .table-responsive > .table .active > th, | 947 | .panel[class*=bg-] .panel-body > .table-responsive > .table .active > th, |
| 948 | .table[class*=bg-] .active > th, | 948 | .table[class*=bg-] .active > th, |
| 949 | .panel[class*=bg-] .panel-body > .table .active > td, | 949 | .panel[class*=bg-] .panel-body > .table .active > td, |
| 950 | .panel[class*=bg-] .panel-body > .table-responsive > .table .active > td, | 950 | .panel[class*=bg-] .panel-body > .table-responsive > .table .active > td, |
| 951 | .table[class*=bg-] .active > td, | 951 | .table[class*=bg-] .active > td, |
| 952 | .panel[class*=bg-] .panel-body > .table th.active, | 952 | .panel[class*=bg-] .panel-body > .table th.active, |
| 953 | .panel[class*=bg-] .panel-body > .table-responsive > .table th.active, | 953 | .panel[class*=bg-] .panel-body > .table-responsive > .table th.active, |
| 954 | .table[class*=bg-] th.active, | 954 | .table[class*=bg-] th.active, |
| 955 | .panel[class*=bg-] .panel-body > .table td.active, | 955 | .panel[class*=bg-] .panel-body > .table td.active, |
| 956 | .panel[class*=bg-] .panel-body > .table-responsive > .table td.active, | 956 | .panel[class*=bg-] .panel-body > .table-responsive > .table td.active, |
| 957 | .table[class*=bg-] td.active { | 957 | .table[class*=bg-] td.active { |
| 958 | background-color: rgba(0, 0, 0, 0.15); | 958 | background-color: rgba(0, 0, 0, 0.15); |
| 959 | } | 959 | } |
| 960 | /* ------------------------------------------------------------------------------ | 960 | /* ------------------------------------------------------------------------------ |
| 961 | * | 961 | * |
| 962 | * # Form related components | 962 | * # Form related components |
| 963 | * | 963 | * |
| 964 | * Overrides for bootstrap form related components | 964 | * Overrides for bootstrap form related components |
| 965 | * | 965 | * |
| 966 | * Version: 1.1 | 966 | * Version: 1.1 |
| 967 | * Latest update: Mar 10, 2016 | 967 | * Latest update: Mar 10, 2016 |
| 968 | * | 968 | * |
| 969 | * ---------------------------------------------------------------------------- */ | 969 | * ---------------------------------------------------------------------------- */ |
| 970 | /* Form controls | 970 | /* Form controls |
| 971 | ----------------------------------*/ | 971 | ----------------------------------*/ |
| 972 | legend { | 972 | legend { |
| 973 | font-size: 12px; | 973 | font-size: 12px; |
| 974 | padding-top: 10px; | 974 | padding-top: 10px; |
| 975 | padding-bottom: 10px; | 975 | padding-bottom: 10px; |
| 976 | text-transform: uppercase; | 976 | text-transform: uppercase; |
| 977 | } | 977 | } |
| 978 | fieldset:first-child legend:first-child { | 978 | fieldset:first-child legend:first-child { |
| 979 | padding-top: 0; | 979 | padding-top: 0; |
| 980 | } | 980 | } |
| 981 | legend .control-arrow { | 981 | legend .control-arrow { |
| 982 | float: right; | 982 | float: right; |
| 983 | color: #999999; | 983 | color: #999999; |
| 984 | } | 984 | } |
| 985 | legend .control-arrow:hover { | 985 | legend .control-arrow:hover { |
| 986 | color: #333333; | 986 | color: #333333; |
| 987 | } | 987 | } |
| 988 | label { | 988 | label { |
| 989 | margin-bottom: 8px; | 989 | margin-bottom: 8px; |
| 990 | font-weight: 400; | 990 | font-weight: 400; |
| 991 | } | 991 | } |
| 992 | select[multiple], | 992 | select[multiple], |
| 993 | select[size] { | 993 | select[size] { |
| 994 | height: 200px; | 994 | height: 200px; |
| 995 | } | 995 | } |
| 996 | select[multiple] option, | 996 | select[multiple] option, |
| 997 | select[size] option { | 997 | select[size] option { |
| 998 | padding: 8px 16px; | 998 | padding: 8px 16px; |
| 999 | border-radius: 3px; | 999 | border-radius: 3px; |
| 1000 | } | 1000 | } |
| 1001 | select[multiple] option + option, | 1001 | select[multiple] option + option, |
| 1002 | select[size] option + option { | 1002 | select[size] option + option { |
| 1003 | margin-top: 1px; | 1003 | margin-top: 1px; |
| 1004 | } | 1004 | } |
| 1005 | input[type="file"]:focus, | 1005 | input[type="file"]:focus, |
| 1006 | input[type="radio"]:focus, | 1006 | input[type="radio"]:focus, |
| 1007 | input[type="checkbox"]:focus { | 1007 | input[type="checkbox"]:focus { |
| 1008 | outline: 0; | 1008 | outline: 0; |
| 1009 | } | 1009 | } |
| 1010 | input[type="file"], | 1010 | input[type="file"], |
| 1011 | input[type="file"]:focus { | 1011 | input[type="file"]:focus { |
| 1012 | border-color: transparent; | 1012 | border-color: transparent; |
| 1013 | -webkit-box-shadow: none; | 1013 | -webkit-box-shadow: none; |
| 1014 | box-shadow: none; | 1014 | box-shadow: none; |
| 1015 | } | 1015 | } |
| 1016 | .form-control { | 1016 | .form-control { |
| 1017 | padding-left: 0; | 1017 | padding-left: 0; |
| 1018 | padding-right: 0; | 1018 | padding-right: 0; |
| 1019 | border-width: 1px 0; | 1019 | border-width: 1px 0; |
| 1020 | border-color: transparent; | 1020 | border-color: transparent; |
| 1021 | border-bottom-color: #ddd; | 1021 | border-bottom-color: #ddd; |
| 1022 | border-radius: 0; | 1022 | border-radius: 0; |
| 1023 | -webkit-box-shadow: none; | 1023 | -webkit-box-shadow: none; |
| 1024 | box-shadow: none; | 1024 | box-shadow: none; |
| 1025 | } | 1025 | } |
| 1026 | .form-control:focus { | 1026 | .form-control:focus { |
| 1027 | outline: 0; | 1027 | outline: 0; |
| 1028 | border-color: transparent; | 1028 | border-color: transparent; |
| 1029 | border-bottom-color: #009688; | 1029 | border-bottom-color: #009688; |
| 1030 | -webkit-box-shadow: 0 1px 0 #009688; | 1030 | -webkit-box-shadow: 0 1px 0 #009688; |
| 1031 | box-shadow: 0 1px 0 #009688; | 1031 | box-shadow: 0 1px 0 #009688; |
| 1032 | } | 1032 | } |
| 1033 | .form-control[disabled], | 1033 | .form-control[disabled], |
| 1034 | fieldset[disabled] .form-control { | 1034 | fieldset[disabled] .form-control { |
| 1035 | border-bottom-style: dashed; | 1035 | border-bottom-style: dashed; |
| 1036 | color: #999999; | 1036 | color: #999999; |
| 1037 | } | 1037 | } |
| 1038 | .form-control[readonly] { | 1038 | .form-control[readonly] { |
| 1039 | border-bottom-style: dashed; | 1039 | border-bottom-style: dashed; |
| 1040 | border-bottom-color: #ddd; | 1040 | border-bottom-color: #ddd; |
| 1041 | color: #333333; | 1041 | color: #333333; |
| 1042 | -webkit-box-shadow: none; | 1042 | -webkit-box-shadow: none; |
| 1043 | box-shadow: none; | 1043 | box-shadow: none; |
| 1044 | } | 1044 | } |
| 1045 | .form-control-unstyled { | 1045 | .form-control-unstyled { |
| 1046 | padding: 0; | 1046 | padding: 0; |
| 1047 | border: 0; | 1047 | border: 0; |
| 1048 | background-color: transparent; | 1048 | background-color: transparent; |
| 1049 | } | 1049 | } |
| 1050 | input[type="text"], | 1050 | input[type="text"], |
| 1051 | input[type="password"], | 1051 | input[type="password"], |
| 1052 | input[type="search"], | 1052 | input[type="search"], |
| 1053 | input[type="email"], | 1053 | input[type="email"], |
| 1054 | input[type="number"], | 1054 | input[type="number"], |
| 1055 | input[type="datetime"], | 1055 | input[type="datetime"], |
| 1056 | input[type="datetime-local"], | 1056 | input[type="datetime-local"], |
| 1057 | input[type="date"], | 1057 | input[type="date"], |
| 1058 | input[type="month"], | 1058 | input[type="month"], |
| 1059 | input[type="time"], | 1059 | input[type="time"], |
| 1060 | input[type="week"], | 1060 | input[type="week"], |
| 1061 | input[type="url"], | 1061 | input[type="url"], |
| 1062 | input[type="tel"], | 1062 | input[type="tel"], |
| 1063 | textarea { | 1063 | textarea { |
| 1064 | -webkit-appearance: none; | 1064 | -webkit-appearance: none; |
| 1065 | } | 1065 | } |
| 1066 | /* Form components | 1066 | /* Form components |
| 1067 | ----------------------------------*/ | 1067 | ----------------------------------*/ |
| 1068 | .enterPane__box .form-group{ | 1068 | .enterPane__box .form-group{ |
| 1069 | clear: both;} | 1069 | clear: both;} |
| 1070 | 1070 | ||
| 1071 | .form-group { | 1071 | .form-group { |
| 1072 | margin-bottom: 20px; | 1072 | margin-bottom: 20px; |
| 1073 | position: relative; | 1073 | position: relative; |
| 1074 | } | 1074 | } |
| 1075 | .enterPane__formGroupLogin--center { | 1075 | .enterPane__formGroupLogin--center { |
| 1076 | clear: both; | 1076 | clear: both; |
| 1077 | } | 1077 | } |
| 1078 | .form-group .form-group:last-child { | 1078 | .form-group .form-group:last-child { |
| 1079 | margin-bottom: 0; | 1079 | margin-bottom: 0; |
| 1080 | } | 1080 | } |
| 1081 | @media (max-width: 1024px) { | 1081 | @media (max-width: 1024px) { |
| 1082 | .form-group div[class*="col-md-"]:not(.control-label) + div[class*="col-md-"] { | 1082 | .form-group div[class*="col-md-"]:not(.control-label) + div[class*="col-md-"] { |
| 1083 | margin-top: 20px; | 1083 | margin-top: 20px; |
| 1084 | } | 1084 | } |
| 1085 | } | 1085 | } |
| 1086 | @media (max-width: 1199px) { | 1086 | @media (max-width: 1199px) { |
| 1087 | .form-group div[class*="col-lg-"]:not(.control-label) + div[class*="col-lg-"] { | 1087 | .form-group div[class*="col-lg-"]:not(.control-label) + div[class*="col-lg-"] { |
| 1088 | margin-top: 20px; | 1088 | margin-top: 20px; |
| 1089 | } | 1089 | } |
| 1090 | } | 1090 | } |
| 1091 | @media (max-width: 768px) { | 1091 | @media (max-width: 768px) { |
| 1092 | .form-group div[class*="col-sm-"]:not(.control-label) + div[class*="col-sm-"] { | 1092 | .form-group div[class*="col-sm-"]:not(.control-label) + div[class*="col-sm-"] { |
| 1093 | margin-top: 20px; | 1093 | margin-top: 20px; |
| 1094 | } | 1094 | } |
| 1095 | } | 1095 | } |
| 1096 | .form-group-material > .control-label { | 1096 | .form-group-material > .control-label { |
| 1097 | position: relative; | 1097 | position: relative; |
| 1098 | top: 8px; | 1098 | top: 8px; |
| 1099 | margin-bottom: 0; | 1099 | margin-bottom: 0; |
| 1100 | opacity: 0; | 1100 | opacity: 0; |
| 1101 | filter: alpha(opacity=0); | 1101 | filter: alpha(opacity=0); |
| 1102 | } | 1102 | } |
| 1103 | .form-group-material > .control-label ~ .form-control-feedback { | 1103 | .form-group-material > .control-label ~ .form-control-feedback { |
| 1104 | top: 20px; | 1104 | top: 20px; |
| 1105 | } | 1105 | } |
| 1106 | .form-group-material > .control-label.has-margin { | 1106 | .form-group-material > .control-label.has-margin { |
| 1107 | margin-bottom: 8px; | 1107 | margin-bottom: 8px; |
| 1108 | } | 1108 | } |
| 1109 | .form-group-material > .control-label.has-margin ~ .form-control-feedback { | 1109 | .form-group-material > .control-label.has-margin ~ .form-control-feedback { |
| 1110 | top: 28px; | 1110 | top: 28px; |
| 1111 | } | 1111 | } |
| 1112 | .form-group-material > .control-label.is-visible { | 1112 | .form-group-material > .control-label.is-visible { |
| 1113 | top: 0; | 1113 | top: 0; |
| 1114 | opacity: 1; | 1114 | opacity: 1; |
| 1115 | filter: alpha(opacity=100); | 1115 | filter: alpha(opacity=100); |
| 1116 | } | 1116 | } |
| 1117 | .form-group-material > .control-label.animate { | 1117 | .form-group-material > .control-label.animate { |
| 1118 | -webkit-transition: all linear 0.1s; | 1118 | -webkit-transition: all linear 0.1s; |
| 1119 | -o-transition: all linear 0.1s; | 1119 | -o-transition: all linear 0.1s; |
| 1120 | transition: all linear 0.1s; | 1120 | transition: all linear 0.1s; |
| 1121 | } | 1121 | } |
| 1122 | .radio, | 1122 | .radio, |
| 1123 | .checkbox { | 1123 | .checkbox { |
| 1124 | margin-top: 9px; | 1124 | margin-top: 9px; |
| 1125 | margin-bottom: 9px; | 1125 | margin-bottom: 9px; |
| 1126 | } | 1126 | } |
| 1127 | .radio label, | 1127 | .radio label, |
| 1128 | .checkbox label { | 1128 | .checkbox label { |
| 1129 | padding-left: 28px; | 1129 | padding-left: 28px; |
| 1130 | } | 1130 | } |
| 1131 | .radio input[type="radio"], | 1131 | .radio input[type="radio"], |
| 1132 | .radio-inline input[type="radio"], | 1132 | .radio-inline input[type="radio"], |
| 1133 | .checkbox input[type="checkbox"], | 1133 | .checkbox input[type="checkbox"], |
| 1134 | .checkbox-inline input[type="checkbox"] { | 1134 | .checkbox-inline input[type="checkbox"] { |
| 1135 | margin-left: 0; | 1135 | margin-left: 0; |
| 1136 | left: 0; | 1136 | left: 0; |
| 1137 | } | 1137 | } |
| 1138 | .radio + .radio, | 1138 | .radio + .radio, |
| 1139 | .checkbox + .checkbox { | 1139 | .checkbox + .checkbox { |
| 1140 | margin-top: 0; | 1140 | margin-top: 0; |
| 1141 | } | 1141 | } |
| 1142 | .radio-inline, | 1142 | .radio-inline, |
| 1143 | .checkbox-inline { | 1143 | .checkbox-inline { |
| 1144 | position: relative; | 1144 | position: relative; |
| 1145 | padding-left: 28px; | 1145 | padding-left: 28px; |
| 1146 | } | 1146 | } |
| 1147 | .radio-right.radio-inline, | 1147 | .radio-right.radio-inline, |
| 1148 | .radio-right label, | 1148 | .radio-right label, |
| 1149 | .checkbox-right.radio-inline, | 1149 | .checkbox-right.radio-inline, |
| 1150 | .checkbox-right label, | 1150 | .checkbox-right label, |
| 1151 | .checkbox-right.checkbox-inline, | 1151 | .checkbox-right.checkbox-inline, |
| 1152 | .checkbox-right label { | 1152 | .checkbox-right label { |
| 1153 | padding-left: 0; | 1153 | padding-left: 0; |
| 1154 | padding-right: 28px; | 1154 | padding-right: 28px; |
| 1155 | } | 1155 | } |
| 1156 | .radio-right input[type="radio"], | 1156 | .radio-right input[type="radio"], |
| 1157 | .checkbox-right input[type="radio"], | 1157 | .checkbox-right input[type="radio"], |
| 1158 | .checkbox-right input[type="checkbox"] { | 1158 | .checkbox-right input[type="checkbox"] { |
| 1159 | left: auto; | 1159 | left: auto; |
| 1160 | right: 0; | 1160 | right: 0; |
| 1161 | } | 1161 | } |
| 1162 | .radio-inline + .radio-inline, | 1162 | .radio-inline + .radio-inline, |
| 1163 | .checkbox-inline + .checkbox-inline { | 1163 | .checkbox-inline + .checkbox-inline { |
| 1164 | margin-left: 15px; | 1164 | margin-left: 15px; |
| 1165 | } | 1165 | } |
| 1166 | .radio.disabled, | 1166 | .radio.disabled, |
| 1167 | .checkbox.disabled, | 1167 | .checkbox.disabled, |
| 1168 | .radio-inline.disabled, | 1168 | .radio-inline.disabled, |
| 1169 | .checkbox-inline.disabled, | 1169 | .checkbox-inline.disabled, |
| 1170 | fieldset[disabled] .radio, | 1170 | fieldset[disabled] .radio, |
| 1171 | fieldset[disabled] .checkbox, | 1171 | fieldset[disabled] .checkbox, |
| 1172 | fieldset[disabled] .radio-inline, | 1172 | fieldset[disabled] .radio-inline, |
| 1173 | fieldset[disabled] .checkbox-inline { | 1173 | fieldset[disabled] .checkbox-inline { |
| 1174 | color: #999999; | 1174 | color: #999999; |
| 1175 | } | 1175 | } |
| 1176 | /* Form control sizing | 1176 | /* Form control sizing |
| 1177 | ----------------------------------*/ | 1177 | ----------------------------------*/ |
| 1178 | .input-xlg { | 1178 | .input-xlg { |
| 1179 | height: 42px; | 1179 | height: 42px; |
| 1180 | padding: 10px 0; | 1180 | padding: 10px 0; |
| 1181 | font-size: 15px; | 1181 | font-size: 15px; |
| 1182 | line-height: 1.333334; | 1182 | line-height: 1.333334; |
| 1183 | border-radius: 0; | 1183 | border-radius: 0; |
| 1184 | } | 1184 | } |
| 1185 | select.input-xlg { | 1185 | select.input-xlg { |
| 1186 | height: 42px; | 1186 | height: 42px; |
| 1187 | line-height: 42px; | 1187 | line-height: 42px; |
| 1188 | } | 1188 | } |
| 1189 | textarea.input-xlg, | 1189 | textarea.input-xlg, |
| 1190 | select[multiple].input-xlg { | 1190 | select[multiple].input-xlg { |
| 1191 | height: auto; | 1191 | height: auto; |
| 1192 | } | 1192 | } |
| 1193 | .form-group-xlg .form-control { | 1193 | .form-group-xlg .form-control { |
| 1194 | height: 42px; | 1194 | height: 42px; |
| 1195 | padding: 10px 0; | 1195 | padding: 10px 0; |
| 1196 | font-size: 15px; | 1196 | font-size: 15px; |
| 1197 | line-height: 1.333334; | 1197 | line-height: 1.333334; |
| 1198 | } | 1198 | } |
| 1199 | .form-group-xlg .form-control-static { | 1199 | .form-group-xlg .form-control-static { |
| 1200 | height: 42px; | 1200 | height: 42px; |
| 1201 | min-height: 35px; | 1201 | min-height: 35px; |
| 1202 | padding: 10px 0; | 1202 | padding: 10px 0; |
| 1203 | font-size: 15px; | 1203 | font-size: 15px; |
| 1204 | line-height: 1.333334; | 1204 | line-height: 1.333334; |
| 1205 | } | 1205 | } |
| 1206 | .input-lg { | 1206 | .input-lg { |
| 1207 | padding-left: 0; | 1207 | padding-left: 0; |
| 1208 | padding-right: 0; | 1208 | padding-right: 0; |
| 1209 | border-radius: 0; | 1209 | border-radius: 0; |
| 1210 | } | 1210 | } |
| 1211 | .form-group-lg .form-control { | 1211 | .form-group-lg .form-control { |
| 1212 | padding-left: 0; | 1212 | padding-left: 0; |
| 1213 | padding-right: 0; | 1213 | padding-right: 0; |
| 1214 | border-radius: 0; | 1214 | border-radius: 0; |
| 1215 | } | 1215 | } |
| 1216 | .form-group-lg .form-control-static { | 1216 | .form-group-lg .form-control-static { |
| 1217 | padding-left: 0; | 1217 | padding-left: 0; |
| 1218 | padding-right: 0; | 1218 | padding-right: 0; |
| 1219 | } | 1219 | } |
| 1220 | .input-sm { | 1220 | .input-sm { |
| 1221 | padding-left: 0; | 1221 | padding-left: 0; |
| 1222 | padding-right: 0; | 1222 | padding-right: 0; |
| 1223 | border-radius: 0; | 1223 | border-radius: 0; |
| 1224 | } | 1224 | } |
| 1225 | .form-group-sm .form-control { | 1225 | .form-group-sm .form-control { |
| 1226 | padding-left: 0; | 1226 | padding-left: 0; |
| 1227 | padding-right: 0; | 1227 | padding-right: 0; |
| 1228 | border-radius: 0; | 1228 | border-radius: 0; |
| 1229 | } | 1229 | } |
| 1230 | .form-group-sm .form-control-static { | 1230 | .form-group-sm .form-control-static { |
| 1231 | padding-left: 0; | 1231 | padding-left: 0; |
| 1232 | padding-right: 0; | 1232 | padding-right: 0; |
| 1233 | } | 1233 | } |
| 1234 | .input-xs { | 1234 | .input-xs { |
| 1235 | height: 34px; | 1235 | height: 34px; |
| 1236 | padding: 6px 0; | 1236 | padding: 6px 0; |
| 1237 | font-size: 12px; | 1237 | font-size: 12px; |
| 1238 | line-height: 1.6666667; | 1238 | line-height: 1.6666667; |
| 1239 | border-radius: 0; | 1239 | border-radius: 0; |
| 1240 | } | 1240 | } |
| 1241 | select.input-xs { | 1241 | select.input-xs { |
| 1242 | height: 34px; | 1242 | height: 34px; |
| 1243 | line-height: 34px; | 1243 | line-height: 34px; |
| 1244 | } | 1244 | } |
| 1245 | textarea.input-xs, | 1245 | textarea.input-xs, |
| 1246 | select[multiple].input-xs { | 1246 | select[multiple].input-xs { |
| 1247 | height: auto; | 1247 | height: auto; |
| 1248 | } | 1248 | } |
| 1249 | .form-group-xs .form-control { | 1249 | .form-group-xs .form-control { |
| 1250 | height: 34px; | 1250 | height: 34px; |
| 1251 | padding: 6px 0; | 1251 | padding: 6px 0; |
| 1252 | font-size: 12px; | 1252 | font-size: 12px; |
| 1253 | line-height: 1.6666667; | 1253 | line-height: 1.6666667; |
| 1254 | } | 1254 | } |
| 1255 | .form-group-xs .form-control-static { | 1255 | .form-group-xs .form-control-static { |
| 1256 | height: 34px; | 1256 | height: 34px; |
| 1257 | min-height: 32px; | 1257 | min-height: 32px; |
| 1258 | padding: 6px 0; | 1258 | padding: 6px 0; |
| 1259 | font-size: 12px; | 1259 | font-size: 12px; |
| 1260 | line-height: 1.6666667; | 1260 | line-height: 1.6666667; |
| 1261 | } | 1261 | } |
| 1262 | /* Form helpers | 1262 | /* Form helpers |
| 1263 | ----------------------------------*/ | 1263 | ----------------------------------*/ |
| 1264 | .has-feedback .form-control, | 1264 | .has-feedback .form-control, |
| 1265 | .has-feedback.input-group .form-control { | 1265 | .has-feedback.input-group .form-control { |
| 1266 | padding-right: 32px; | 1266 | padding-right: 32px; |
| 1267 | } | 1267 | } |
| 1268 | .has-feedback .form-control.input-xlg, | 1268 | .has-feedback .form-control.input-xlg, |
| 1269 | .has-feedback.input-group-xlg .form-control { | 1269 | .has-feedback.input-group-xlg .form-control { |
| 1270 | padding-right: 36px; | 1270 | padding-right: 36px; |
| 1271 | } | 1271 | } |
| 1272 | .has-feedback .form-control.input-lg, | 1272 | .has-feedback .form-control.input-lg, |
| 1273 | .has-feedback.input-group-lg .form-control { | 1273 | .has-feedback.input-group-lg .form-control { |
| 1274 | padding-right: 34px; | 1274 | padding-right: 34px; |
| 1275 | } | 1275 | } |
| 1276 | .has-feedback .form-control.input-sm, | 1276 | .has-feedback .form-control.input-sm, |
| 1277 | .has-feedback.input-group-sm .form-control { | 1277 | .has-feedback.input-group-sm .form-control { |
| 1278 | padding-right: 30px; | 1278 | padding-right: 30px; |
| 1279 | } | 1279 | } |
| 1280 | .has-feedback .form-control.input-xs, | 1280 | .has-feedback .form-control.input-xs, |
| 1281 | .has-feedback.input-group-xs .form-control { | 1281 | .has-feedback.input-group-xs .form-control { |
| 1282 | padding-right: 28px; | 1282 | padding-right: 28px; |
| 1283 | } | 1283 | } |
| 1284 | .form-control-feedback { | 1284 | .form-control-feedback { |
| 1285 | width: 16px; | 1285 | width: 16px; |
| 1286 | color: #333333; | 1286 | color: #333333; |
| 1287 | z-index: 3; | 1287 | z-index: 3; |
| 1288 | } | 1288 | } |
| 1289 | .input-group > .form-control-feedback { | 1289 | .input-group > .form-control-feedback { |
| 1290 | height: 38px; | 1290 | height: 38px; |
| 1291 | line-height: 38px; | 1291 | line-height: 38px; |
| 1292 | } | 1292 | } |
| 1293 | .has-feedback-left .form-control, | 1293 | .has-feedback-left .form-control, |
| 1294 | .has-feedback-left.input-group .form-control { | 1294 | .has-feedback-left.input-group .form-control { |
| 1295 | padding-right: 0!important; | 1295 | padding-right: 0!important; |
| 1296 | padding-left: 32px; | 1296 | padding-left: 32px; |
| 1297 | } | 1297 | } |
| 1298 | .has-feedback-left .form-control.input-xlg, | 1298 | .has-feedback-left .form-control.input-xlg, |
| 1299 | .has-feedback-left.input-group-xlg .form-control { | 1299 | .has-feedback-left.input-group-xlg .form-control { |
| 1300 | padding-left: 36px; | 1300 | padding-left: 36px; |
| 1301 | } | 1301 | } |
| 1302 | .has-feedback-left .form-control.input-lg, | 1302 | .has-feedback-left .form-control.input-lg, |
| 1303 | .has-feedback-left.input-group-lg .form-control { | 1303 | .has-feedback-left.input-group-lg .form-control { |
| 1304 | padding-left: 34px; | 1304 | padding-left: 34px; |
| 1305 | } | 1305 | } |
| 1306 | .has-feedback-left .form-control.input-sm, | 1306 | .has-feedback-left .form-control.input-sm, |
| 1307 | .has-feedback-left.input-group-sm .form-control { | 1307 | .has-feedback-left.input-group-sm .form-control { |
| 1308 | padding-left: 30px; | 1308 | padding-left: 30px; |
| 1309 | } | 1309 | } |
| 1310 | .has-feedback-left .form-control.input-xs, | 1310 | .has-feedback-left .form-control.input-xs, |
| 1311 | .has-feedback-left.input-group-xs .form-control { | 1311 | .has-feedback-left.input-group-xs .form-control { |
| 1312 | padding-left: 28px; | 1312 | padding-left: 28px; |
| 1313 | } | 1313 | } |
| 1314 | .has-feedback-left .form-control-feedback { | 1314 | .has-feedback-left .form-control-feedback { |
| 1315 | right: auto; | 1315 | right: auto; |
| 1316 | left: 0; | 1316 | left: 0; |
| 1317 | } | 1317 | } |
| 1318 | .input-xlg + .form-control-feedback, | 1318 | .input-xlg + .form-control-feedback, |
| 1319 | .form-group-xlg > .form-control-feedback, | 1319 | .form-group-xlg > .form-control-feedback, |
| 1320 | .input-group-xlg > .form-control-feedback { | 1320 | .input-group-xlg > .form-control-feedback { |
| 1321 | height: 42px; | 1321 | height: 42px; |
| 1322 | line-height: 42px; | 1322 | line-height: 42px; |
| 1323 | } | 1323 | } |
| 1324 | .input-lg + .form-control-feedback, | 1324 | .input-lg + .form-control-feedback, |
| 1325 | .form-group-lg > .form-control-feedback { | 1325 | .form-group-lg > .form-control-feedback { |
| 1326 | width: 16px; | 1326 | width: 16px; |
| 1327 | } | 1327 | } |
| 1328 | .input-group-lg > .form-control-feedback { | 1328 | .input-group-lg > .form-control-feedback { |
| 1329 | height: 40px; | 1329 | height: 40px; |
| 1330 | line-height: 40px; | 1330 | line-height: 40px; |
| 1331 | } | 1331 | } |
| 1332 | .input-sm + .form-control-feedback, | 1332 | .input-sm + .form-control-feedback, |
| 1333 | .form-group-sm > .form-control-feedback { | 1333 | .form-group-sm > .form-control-feedback { |
| 1334 | width: 16px; | 1334 | width: 16px; |
| 1335 | } | 1335 | } |
| 1336 | .input-group-sm > .form-control-feedback { | 1336 | .input-group-sm > .form-control-feedback { |
| 1337 | height: 36px; | 1337 | height: 36px; |
| 1338 | line-height: 36px; | 1338 | line-height: 36px; |
| 1339 | } | 1339 | } |
| 1340 | .input-xs + .form-control-feedback, | 1340 | .input-xs + .form-control-feedback, |
| 1341 | .form-group-xs > .form-control-feedback, | 1341 | .form-group-xs > .form-control-feedback, |
| 1342 | .input-group-xs > .form-control-feedback { | 1342 | .input-group-xs > .form-control-feedback { |
| 1343 | height: 34px; | 1343 | height: 34px; |
| 1344 | line-height: 34px; | 1344 | line-height: 34px; |
| 1345 | } | 1345 | } |
| 1346 | .has-success .form-control { | 1346 | .has-success .form-control { |
| 1347 | border-color: transparent transparent #43A047; | 1347 | border-color: transparent transparent #43A047; |
| 1348 | -webkit-box-shadow: none; | 1348 | -webkit-box-shadow: none; |
| 1349 | box-shadow: none; | 1349 | box-shadow: none; |
| 1350 | } | 1350 | } |
| 1351 | .has-success .form-control:focus { | 1351 | .has-success .form-control:focus { |
| 1352 | border-color: transparent transparent #43A047; | 1352 | border-color: transparent transparent #43A047; |
| 1353 | -webkit-box-shadow: 0 1px 0 #43A047; | 1353 | -webkit-box-shadow: 0 1px 0 #43A047; |
| 1354 | box-shadow: 0 1px 0 #43A047; | 1354 | box-shadow: 0 1px 0 #43A047; |
| 1355 | } | 1355 | } |
| 1356 | .has-warning .form-control { | 1356 | .has-warning .form-control { |
| 1357 | border-color: transparent transparent #EF6C00; | 1357 | border-color: transparent transparent #EF6C00; |
| 1358 | -webkit-box-shadow: none; | 1358 | -webkit-box-shadow: none; |
| 1359 | box-shadow: none; | 1359 | box-shadow: none; |
| 1360 | } | 1360 | } |
| 1361 | .has-warning .form-control:focus { | 1361 | .has-warning .form-control:focus { |
| 1362 | border-color: transparent transparent #EF6C00; | 1362 | border-color: transparent transparent #EF6C00; |
| 1363 | -webkit-box-shadow: 0 1px 0 #EF6C00; | 1363 | -webkit-box-shadow: 0 1px 0 #EF6C00; |
| 1364 | box-shadow: 0 1px 0 #EF6C00; | 1364 | box-shadow: 0 1px 0 #EF6C00; |
| 1365 | } | 1365 | } |
| 1366 | .has-error .form-control { | 1366 | .has-error .form-control { |
| 1367 | border-color: transparent transparent #D84315; | 1367 | border-color: transparent transparent #D84315; |
| 1368 | -webkit-box-shadow: none; | 1368 | -webkit-box-shadow: none; |
| 1369 | box-shadow: none; | 1369 | box-shadow: none; |
| 1370 | } | 1370 | } |
| 1371 | .has-error .form-control:focus { | 1371 | .has-error .form-control:focus { |
| 1372 | border-color: transparent transparent #D84315; | 1372 | border-color: transparent transparent #D84315; |
| 1373 | -webkit-box-shadow: 0 1px 0 #D84315; | 1373 | -webkit-box-shadow: 0 1px 0 #D84315; |
| 1374 | box-shadow: 0 1px 0 #D84315; | 1374 | box-shadow: 0 1px 0 #D84315; |
| 1375 | } | 1375 | } |
| 1376 | .help-block { | 1376 | .help-block { |
| 1377 | color: #999999; | 1377 | color: #999999; |
| 1378 | font-size: 12px; | 1378 | font-size: 12px; |
| 1379 | margin-top: 8px; | 1379 | margin-top: 8px; |
| 1380 | margin-bottom: 8px; | 1380 | margin-bottom: 8px; |
| 1381 | } | 1381 | } |
| 1382 | .help-inline { | 1382 | .help-inline { |
| 1383 | display: inline-block; | 1383 | display: inline-block; |
| 1384 | color: #999999; | 1384 | color: #999999; |
| 1385 | font-size: 12px; | 1385 | font-size: 12px; |
| 1386 | margin-top: 9px; | 1386 | margin-top: 9px; |
| 1387 | margin-bottom: 9px; | 1387 | margin-bottom: 9px; |
| 1388 | } | 1388 | } |
| 1389 | .form-horizontal .form-group > div[class*="col-"] + .help-inline { | 1389 | .form-horizontal .form-group > div[class*="col-"] + .help-inline { |
| 1390 | margin-left: 10px; | 1390 | margin-left: 10px; |
| 1391 | margin-right: 10px; | 1391 | margin-right: 10px; |
| 1392 | } | 1392 | } |
| 1393 | @media (min-width: 1025px) { | 1393 | @media (min-width: 1025px) { |
| 1394 | .help-inline { | 1394 | .help-inline { |
| 1395 | display: inline-block; | 1395 | display: inline-block; |
| 1396 | margin-top: 9px; | 1396 | margin-top: 9px; |
| 1397 | margin-bottom: 9px; | 1397 | margin-bottom: 9px; |
| 1398 | vertical-align: top; | 1398 | vertical-align: top; |
| 1399 | } | 1399 | } |
| 1400 | .help-inline:not(.label) { | 1400 | .help-inline:not(.label) { |
| 1401 | color: #999999; | 1401 | color: #999999; |
| 1402 | } | 1402 | } |
| 1403 | .form-group-lg .help-inline { | 1403 | .form-group-lg .help-inline { |
| 1404 | margin-top: 10px; | 1404 | margin-top: 10px; |
| 1405 | } | 1405 | } |
| 1406 | .form-group-sm .help-inline { | 1406 | .form-group-sm .help-inline { |
| 1407 | margin-top: 8px; | 1407 | margin-top: 8px; |
| 1408 | } | 1408 | } |
| 1409 | .form-group-xs .help-inline { | 1409 | .form-group-xs .help-inline { |
| 1410 | margin-top: 7px; | 1410 | margin-top: 7px; |
| 1411 | } | 1411 | } |
| 1412 | } | 1412 | } |
| 1413 | /* Form layouts | 1413 | /* Form layouts |
| 1414 | ----------------------------------*/ | 1414 | ----------------------------------*/ |
| 1415 | @media (min-width: 769px) { | 1415 | @media (min-width: 769px) { |
| 1416 | .form-inline .form-group + .form-group { | 1416 | .form-inline .form-group + .form-group { |
| 1417 | margin-left: 15px; | 1417 | margin-left: 15px; |
| 1418 | } | 1418 | } |
| 1419 | .form-inline .form-group > label { | 1419 | .form-inline .form-group > label { |
| 1420 | margin-right: 8px; | 1420 | margin-right: 8px; |
| 1421 | position: relative; | 1421 | position: relative; |
| 1422 | top: 1px; | 1422 | top: 1px; |
| 1423 | } | 1423 | } |
| 1424 | } | 1424 | } |
| 1425 | .form-horizontal .form-group .form-group { | 1425 | .form-horizontal .form-group .form-group { |
| 1426 | margin-left: 0; | 1426 | margin-left: 0; |
| 1427 | margin-right: 0; | 1427 | margin-right: 0; |
| 1428 | } | 1428 | } |
| 1429 | @media (min-width: 769px) { | 1429 | @media (min-width: 769px) { |
| 1430 | .form-horizontal .control-label { | 1430 | .form-horizontal .control-label { |
| 1431 | padding-bottom: 8px; | 1431 | padding-bottom: 8px; |
| 1432 | padding-top: 0; | 1432 | padding-top: 0; |
| 1433 | } | 1433 | } |
| 1434 | .form-horizontal .control-label:not(.text-right) { | 1434 | .form-horizontal .control-label:not(.text-right) { |
| 1435 | text-align: left; | 1435 | text-align: left; |
| 1436 | } | 1436 | } |
| 1437 | } | 1437 | } |
| 1438 | @media (min-width: 480px) { | 1438 | @media (min-width: 480px) { |
| 1439 | .form-horizontal .control-label[class*=col-xs-] { | 1439 | .form-horizontal .control-label[class*=col-xs-] { |
| 1440 | padding-top: 9px; | 1440 | padding-top: 9px; |
| 1441 | } | 1441 | } |
| 1442 | } | 1442 | } |
| 1443 | @media (min-width: 1025px) { | 1443 | @media (min-width: 1025px) { |
| 1444 | .form-horizontal .control-label[class*=col-md-] { | 1444 | .form-horizontal .control-label[class*=col-md-] { |
| 1445 | padding-top: 9px; | 1445 | padding-top: 9px; |
| 1446 | } | 1446 | } |
| 1447 | } | 1447 | } |
| 1448 | @media (min-width: 769px) { | 1448 | @media (min-width: 769px) { |
| 1449 | .form-horizontal .control-label[class*=col-sm-] { | 1449 | .form-horizontal .control-label[class*=col-sm-] { |
| 1450 | padding-top: 9px; | 1450 | padding-top: 9px; |
| 1451 | } | 1451 | } |
| 1452 | } | 1452 | } |
| 1453 | @media (min-width: 1200px) { | 1453 | @media (min-width: 1200px) { |
| 1454 | .form-horizontal .control-label[class*=col-lg-] { | 1454 | .form-horizontal .control-label[class*=col-lg-] { |
| 1455 | padding-top: 9px; | 1455 | padding-top: 9px; |
| 1456 | } | 1456 | } |
| 1457 | } | 1457 | } |
| 1458 | .form-horizontal .has-feedback > .form-control-feedback { | 1458 | .form-horizontal .has-feedback > .form-control-feedback { |
| 1459 | right: 0; | 1459 | right: 0; |
| 1460 | } | 1460 | } |
| 1461 | .form-horizontal .has-feedback-left .form-control-feedback { | 1461 | .form-horizontal .has-feedback-left .form-control-feedback { |
| 1462 | right: auto; | 1462 | right: auto; |
| 1463 | left: 10px; | 1463 | left: 10px; |
| 1464 | } | 1464 | } |
| 1465 | .form-horizontal .has-feedback-left > .form-control-feedback { | 1465 | .form-horizontal .has-feedback-left > .form-control-feedback { |
| 1466 | left: 0; | 1466 | left: 0; |
| 1467 | } | 1467 | } |
| 1468 | @media (min-width: 769px) { | 1468 | @media (min-width: 769px) { |
| 1469 | .form-horizontal .form-group-xlg .control-label { | 1469 | .form-horizontal .form-group-xlg .control-label { |
| 1470 | font-size: 15px; | 1470 | font-size: 15px; |
| 1471 | padding-top: 11px; | 1471 | padding-top: 11px; |
| 1472 | } | 1472 | } |
| 1473 | } | 1473 | } |
| 1474 | @media (min-width: 769px) { | 1474 | @media (min-width: 769px) { |
| 1475 | .form-horizontal .form-group-lg .control-label { | 1475 | .form-horizontal .form-group-lg .control-label { |
| 1476 | padding-top: 10px; | 1476 | padding-top: 10px; |
| 1477 | } | 1477 | } |
| 1478 | } | 1478 | } |
| 1479 | @media (min-width: 769px) { | 1479 | @media (min-width: 769px) { |
| 1480 | .form-horizontal .form-group-sm .control-label { | 1480 | .form-horizontal .form-group-sm .control-label { |
| 1481 | padding-top: 8px; | 1481 | padding-top: 8px; |
| 1482 | } | 1482 | } |
| 1483 | } | 1483 | } |
| 1484 | @media (min-width: 769px) { | 1484 | @media (min-width: 769px) { |
| 1485 | .form-horizontal .form-group-xs .control-label { | 1485 | .form-horizontal .form-group-xs .control-label { |
| 1486 | font-size: 12px; | 1486 | font-size: 12px; |
| 1487 | padding-top: 7px; | 1487 | padding-top: 7px; |
| 1488 | } | 1488 | } |
| 1489 | } | 1489 | } |
| 1490 | /* ------------------------------------------------------------------------------ | 1490 | /* ------------------------------------------------------------------------------ |
| 1491 | * | 1491 | * |
| 1492 | * # Buttons component | 1492 | * # Buttons component |
| 1493 | * | 1493 | * |
| 1494 | * Overrides for buttons bootstrap component | 1494 | * Overrides for buttons bootstrap component |
| 1495 | * | 1495 | * |
| 1496 | * Version: 1.1 | 1496 | * Version: 1.1 |
| 1497 | * Latest update: Mar 10, 2016 | 1497 | * Latest update: Mar 10, 2016 |
| 1498 | * | 1498 | * |
| 1499 | * ---------------------------------------------------------------------------- */ | 1499 | * ---------------------------------------------------------------------------- */ |
| 1500 | .btn { | 1500 | .btn { |
| 1501 | position: relative; | 1501 | position: relative; |
| 1502 | font-weight: 500; | 1502 | font-weight: 500; |
| 1503 | text-transform: uppercase; | 1503 | text-transform: uppercase; |
| 1504 | border-width: 0; | 1504 | border-width: 0; |
| 1505 | padding: 9px 17px; | 1505 | padding: 9px 17px; |
| 1506 | } | 1506 | } |
| 1507 | .btn:focus, | 1507 | .btn:focus, |
| 1508 | .btn:active:focus, | 1508 | .btn:active:focus, |
| 1509 | .btn.active:focus, | 1509 | .btn.active:focus, |
| 1510 | .btn.focus, | 1510 | .btn.focus, |
| 1511 | .btn:active.focus, | 1511 | .btn:active.focus, |
| 1512 | .btn.active.focus { | 1512 | .btn.active.focus { |
| 1513 | outline: 0; | 1513 | outline: 0; |
| 1514 | } | 1514 | } |
| 1515 | .btn::-moz-focus-inner { | 1515 | .btn::-moz-focus-inner { |
| 1516 | border: 0; | 1516 | border: 0; |
| 1517 | } | 1517 | } |
| 1518 | .btn:hover, | 1518 | .btn:hover, |
| 1519 | .btn:focus, | 1519 | .btn:focus, |
| 1520 | .btn.focus { | 1520 | .btn.focus { |
| 1521 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 1521 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 1522 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 1522 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 1523 | } | 1523 | } |
| 1524 | .btn:active, | 1524 | .btn:active, |
| 1525 | .btn.active { | 1525 | .btn.active { |
| 1526 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 1526 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 1527 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 1527 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 1528 | } | 1528 | } |
| 1529 | .btn[class*=bg-]:hover, | 1529 | .btn[class*=bg-]:hover, |
| 1530 | .btn[class*=bg-]:focus, | 1530 | .btn[class*=bg-]:focus, |
| 1531 | .btn[class*=bg-].focus { | 1531 | .btn[class*=bg-].focus { |
| 1532 | color: #fff; | 1532 | color: #fff; |
| 1533 | } | 1533 | } |
| 1534 | .btn.text-size-small { | 1534 | .btn.text-size-small { |
| 1535 | line-height: 1.6666667; | 1535 | line-height: 1.6666667; |
| 1536 | } | 1536 | } |
| 1537 | .btn.text-size-mini { | 1537 | .btn.text-size-mini { |
| 1538 | line-height: 1.82; | 1538 | line-height: 1.82; |
| 1539 | } | 1539 | } |
| 1540 | .btn-raised:not(.btn-flat):not(.btn-link) { | 1540 | .btn-raised:not(.btn-flat):not(.btn-link) { |
| 1541 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 1541 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 1542 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 1542 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 1543 | } | 1543 | } |
| 1544 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default { | 1544 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default { |
| 1545 | background-color: #fcfcfc; | 1545 | background-color: #fcfcfc; |
| 1546 | } | 1546 | } |
| 1547 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default:hover, | 1547 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default:hover, |
| 1548 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default:focus, | 1548 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default:focus, |
| 1549 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.focus { | 1549 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.focus { |
| 1550 | background-color: #f8f8f8; | 1550 | background-color: #f8f8f8; |
| 1551 | } | 1551 | } |
| 1552 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default:active, | 1552 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default:active, |
| 1553 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.active, | 1553 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.active, |
| 1554 | .open > .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link).btn-default { | 1554 | .open > .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link).btn-default { |
| 1555 | background-color: #f8f8f8; | 1555 | background-color: #f8f8f8; |
| 1556 | } | 1556 | } |
| 1557 | .btn-group.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link).btn-default, | 1557 | .btn-group.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link).btn-default, |
| 1558 | .input-group-btn.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link).btn-default { | 1558 | .input-group-btn.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link).btn-default { |
| 1559 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1559 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1560 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1560 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1561 | } | 1561 | } |
| 1562 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.disabled:hover, | 1562 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.disabled:hover, |
| 1563 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default[disabled]:hover, | 1563 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default[disabled]:hover, |
| 1564 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link).btn-default:hover, | 1564 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link).btn-default:hover, |
| 1565 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.disabled:focus, | 1565 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.disabled:focus, |
| 1566 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default[disabled]:focus, | 1566 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default[disabled]:focus, |
| 1567 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link).btn-default:focus, | 1567 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link).btn-default:focus, |
| 1568 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.disabled.focus, | 1568 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default.disabled.focus, |
| 1569 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default[disabled].focus, | 1569 | .btn-raised:not(.btn-flat):not(.btn-link).btn-default[disabled].focus, |
| 1570 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link).btn-default.focus { | 1570 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link).btn-default.focus { |
| 1571 | background-color: #fcfcfc; | 1571 | background-color: #fcfcfc; |
| 1572 | } | 1572 | } |
| 1573 | .btn-raised:not(.btn-flat):not(.btn-link):hover, | 1573 | .btn-raised:not(.btn-flat):not(.btn-link):hover, |
| 1574 | .btn-raised:not(.btn-flat):not(.btn-link):focus, | 1574 | .btn-raised:not(.btn-flat):not(.btn-link):focus, |
| 1575 | .btn-raised:not(.btn-flat):not(.btn-link).focus { | 1575 | .btn-raised:not(.btn-flat):not(.btn-link).focus { |
| 1576 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1576 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1577 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1577 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1578 | } | 1578 | } |
| 1579 | .btn-raised:not(.btn-flat):not(.btn-link):active, | 1579 | .btn-raised:not(.btn-flat):not(.btn-link):active, |
| 1580 | .btn-raised:not(.btn-flat):not(.btn-link).active { | 1580 | .btn-raised:not(.btn-flat):not(.btn-link).active { |
| 1581 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1581 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1582 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1582 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1583 | } | 1583 | } |
| 1584 | .btn-group.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link), | 1584 | .btn-group.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link), |
| 1585 | .input-group-btn.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link) { | 1585 | .input-group-btn.open .dropdown-toggle.btn-raised:not(.btn-flat):not(.btn-link) { |
| 1586 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1586 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1587 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1587 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1588 | } | 1588 | } |
| 1589 | .btn-raised:not(.btn-flat):not(.btn-link).disabled, | 1589 | .btn-raised:not(.btn-flat):not(.btn-link).disabled, |
| 1590 | .btn-raised:not(.btn-flat):not(.btn-link)[disabled], | 1590 | .btn-raised:not(.btn-flat):not(.btn-link)[disabled], |
| 1591 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link) { | 1591 | fieldset[disabled] .btn-raised:not(.btn-flat):not(.btn-link) { |
| 1592 | -webkit-box-shadow: none; | 1592 | -webkit-box-shadow: none; |
| 1593 | box-shadow: none; | 1593 | box-shadow: none; |
| 1594 | } | 1594 | } |
| 1595 | .btn-labeled { | 1595 | .btn-labeled { |
| 1596 | padding-left: 54px; | 1596 | padding-left: 54px; |
| 1597 | } | 1597 | } |
| 1598 | .btn-labeled.btn-default > b { | 1598 | .btn-labeled.btn-default > b { |
| 1599 | background-color: #2196F3; | 1599 | background-color: #2196F3; |
| 1600 | color: #fff; | 1600 | color: #fff; |
| 1601 | } | 1601 | } |
| 1602 | .btn-labeled > b { | 1602 | .btn-labeled > b { |
| 1603 | position: absolute; | 1603 | position: absolute; |
| 1604 | top: 0; | 1604 | top: 0; |
| 1605 | left: 0; | 1605 | left: 0; |
| 1606 | background-color: rgba(0, 0, 0, 0.15); | 1606 | background-color: rgba(0, 0, 0, 0.15); |
| 1607 | display: block; | 1607 | display: block; |
| 1608 | line-height: 1; | 1608 | line-height: 1; |
| 1609 | padding: 11px; | 1609 | padding: 11px; |
| 1610 | border-bottom-left-radius: 3px; | 1610 | border-bottom-left-radius: 3px; |
| 1611 | border-top-left-radius: 3px; | 1611 | border-top-left-radius: 3px; |
| 1612 | } | 1612 | } |
| 1613 | .btn-labeled > b > i { | 1613 | .btn-labeled > b > i { |
| 1614 | top: 0; | 1614 | top: 0; |
| 1615 | } | 1615 | } |
| 1616 | .btn-labeled.btn-labeled-right { | 1616 | .btn-labeled.btn-labeled-right { |
| 1617 | padding-left: 16px; | 1617 | padding-left: 16px; |
| 1618 | padding-right: 54px; | 1618 | padding-right: 54px; |
| 1619 | } | 1619 | } |
| 1620 | .btn-labeled.btn-labeled-right > b { | 1620 | .btn-labeled.btn-labeled-right > b { |
| 1621 | left: auto; | 1621 | left: auto; |
| 1622 | right: 0; | 1622 | right: 0; |
| 1623 | border-bottom-left-radius: 0; | 1623 | border-bottom-left-radius: 0; |
| 1624 | border-top-left-radius: 0; | 1624 | border-top-left-radius: 0; |
| 1625 | border-bottom-right-radius: 3px; | 1625 | border-bottom-right-radius: 3px; |
| 1626 | border-top-right-radius: 3px; | 1626 | border-top-right-radius: 3px; |
| 1627 | } | 1627 | } |
| 1628 | .btn-labeled.btn-xlg { | 1628 | .btn-labeled.btn-xlg { |
| 1629 | padding-left: 62px; | 1629 | padding-left: 62px; |
| 1630 | } | 1630 | } |
| 1631 | .btn-labeled.btn-xlg > b { | 1631 | .btn-labeled.btn-xlg > b { |
| 1632 | padding: 13px; | 1632 | padding: 13px; |
| 1633 | } | 1633 | } |
| 1634 | .btn-labeled.btn-xlg.btn-labeled-right { | 1634 | .btn-labeled.btn-xlg.btn-labeled-right { |
| 1635 | padding-left: 20px; | 1635 | padding-left: 20px; |
| 1636 | padding-right: 62px; | 1636 | padding-right: 62px; |
| 1637 | } | 1637 | } |
| 1638 | .btn-labeled.btn-lg { | 1638 | .btn-labeled.btn-lg { |
| 1639 | padding-left: 58px; | 1639 | padding-left: 58px; |
| 1640 | } | 1640 | } |
| 1641 | .btn-labeled.btn-lg > b { | 1641 | .btn-labeled.btn-lg > b { |
| 1642 | padding: 12px; | 1642 | padding: 12px; |
| 1643 | } | 1643 | } |
| 1644 | .btn-labeled.btn-lg.btn-labeled-right { | 1644 | .btn-labeled.btn-lg.btn-labeled-right { |
| 1645 | padding-left: 18px; | 1645 | padding-left: 18px; |
| 1646 | padding-right: 58px; | 1646 | padding-right: 58px; |
| 1647 | } | 1647 | } |
| 1648 | .btn-labeled.btn-sm { | 1648 | .btn-labeled.btn-sm { |
| 1649 | padding-left: 50px; | 1649 | padding-left: 50px; |
| 1650 | } | 1650 | } |
| 1651 | .btn-labeled.btn-sm > b { | 1651 | .btn-labeled.btn-sm > b { |
| 1652 | padding: 10px; | 1652 | padding: 10px; |
| 1653 | } | 1653 | } |
| 1654 | .btn-labeled.btn-sm.btn-labeled-right { | 1654 | .btn-labeled.btn-sm.btn-labeled-right { |
| 1655 | padding-left: 14px; | 1655 | padding-left: 14px; |
| 1656 | padding-right: 50px; | 1656 | padding-right: 50px; |
| 1657 | } | 1657 | } |
| 1658 | .btn-labeled.btn-xs { | 1658 | .btn-labeled.btn-xs { |
| 1659 | padding-left: 46px; | 1659 | padding-left: 46px; |
| 1660 | } | 1660 | } |
| 1661 | .btn-labeled.btn-xs > b { | 1661 | .btn-labeled.btn-xs > b { |
| 1662 | padding: 9px; | 1662 | padding: 9px; |
| 1663 | } | 1663 | } |
| 1664 | .btn-labeled.btn-xs.btn-labeled-right { | 1664 | .btn-labeled.btn-xs.btn-labeled-right { |
| 1665 | padding-left: 12px; | 1665 | padding-left: 12px; |
| 1666 | padding-left: 46px; | 1666 | padding-left: 46px; |
| 1667 | } | 1667 | } |
| 1668 | .btn-flat { | 1668 | .btn-flat { |
| 1669 | border-width: 2px; | 1669 | border-width: 2px; |
| 1670 | background-color: transparent; | 1670 | background-color: transparent; |
| 1671 | -webkit-box-shadow: none; | 1671 | -webkit-box-shadow: none; |
| 1672 | box-shadow: none; | 1672 | box-shadow: none; |
| 1673 | } | 1673 | } |
| 1674 | .btn-flat:hover, | 1674 | .btn-flat:hover, |
| 1675 | .btn-flat:focus { | 1675 | .btn-flat:focus { |
| 1676 | opacity: 0.8; | 1676 | opacity: 0.8; |
| 1677 | filter: alpha(opacity=80); | 1677 | filter: alpha(opacity=80); |
| 1678 | -webkit-box-shadow: none; | 1678 | -webkit-box-shadow: none; |
| 1679 | box-shadow: none; | 1679 | box-shadow: none; |
| 1680 | } | 1680 | } |
| 1681 | .btn-flat:active { | 1681 | .btn-flat:active { |
| 1682 | opacity: 0.95; | 1682 | opacity: 0.95; |
| 1683 | filter: alpha(opacity=95); | 1683 | filter: alpha(opacity=95); |
| 1684 | } | 1684 | } |
| 1685 | .btn-group.open .dropdown-toggle.btn-flat { | 1685 | .btn-group.open .dropdown-toggle.btn-flat { |
| 1686 | -webkit-box-shadow: none; | 1686 | -webkit-box-shadow: none; |
| 1687 | box-shadow: none; | 1687 | box-shadow: none; |
| 1688 | } | 1688 | } |
| 1689 | .btn-icon { | 1689 | .btn-icon { |
| 1690 | padding-left: 11px; | 1690 | padding-left: 11px; |
| 1691 | padding-right: 11px; | 1691 | padding-right: 11px; |
| 1692 | } | 1692 | } |
| 1693 | .btn-icon.icon-2x { | 1693 | .btn-icon.icon-2x { |
| 1694 | padding-left: 9px; | 1694 | padding-left: 9px; |
| 1695 | padding-right: 9px; | 1695 | padding-right: 9px; |
| 1696 | } | 1696 | } |
| 1697 | .btn-icon.icon-2x > i { | 1697 | .btn-icon.icon-2x > i { |
| 1698 | font-size: 32px; | 1698 | font-size: 32px; |
| 1699 | top: 0; | 1699 | top: 0; |
| 1700 | } | 1700 | } |
| 1701 | .btn-icon.icon-2x.btn-xlg { | 1701 | .btn-icon.icon-2x.btn-xlg { |
| 1702 | padding-left: 11px; | 1702 | padding-left: 11px; |
| 1703 | padding-right: 11px; | 1703 | padding-right: 11px; |
| 1704 | } | 1704 | } |
| 1705 | .btn-icon.icon-2x.btn-lg { | 1705 | .btn-icon.icon-2x.btn-lg { |
| 1706 | padding-left: 10px; | 1706 | padding-left: 10px; |
| 1707 | padding-right: 10px; | 1707 | padding-right: 10px; |
| 1708 | } | 1708 | } |
| 1709 | .btn-icon.icon-2x.btn-sm { | 1709 | .btn-icon.icon-2x.btn-sm { |
| 1710 | padding-left: 8px; | 1710 | padding-left: 8px; |
| 1711 | padding-right: 8px; | 1711 | padding-right: 8px; |
| 1712 | } | 1712 | } |
| 1713 | .btn-icon.icon-2x.btn-xs { | 1713 | .btn-icon.icon-2x.btn-xs { |
| 1714 | padding-left: 7px; | 1714 | padding-left: 7px; |
| 1715 | padding-right: 7px; | 1715 | padding-right: 7px; |
| 1716 | } | 1716 | } |
| 1717 | .btn-icon.btn-xlg, | 1717 | .btn-icon.btn-xlg, |
| 1718 | .input-group-xlg > .input-group-btn > .btn-icon { | 1718 | .input-group-xlg > .input-group-btn > .btn-icon { |
| 1719 | padding-left: 13px; | 1719 | padding-left: 13px; |
| 1720 | padding-right: 13px; | 1720 | padding-right: 13px; |
| 1721 | } | 1721 | } |
| 1722 | .btn-icon.btn-lg, | 1722 | .btn-icon.btn-lg, |
| 1723 | .input-group-lg > .input-group-btn > .btn-icon { | 1723 | .input-group-lg > .input-group-btn > .btn-icon { |
| 1724 | padding-left: 12px; | 1724 | padding-left: 12px; |
| 1725 | padding-right: 12px; | 1725 | padding-right: 12px; |
| 1726 | } | 1726 | } |
| 1727 | .btn-icon.btn-sm, | 1727 | .btn-icon.btn-sm, |
| 1728 | .input-group-sm > .input-group-btn > .btn-icon { | 1728 | .input-group-sm > .input-group-btn > .btn-icon { |
| 1729 | padding-left: 10px; | 1729 | padding-left: 10px; |
| 1730 | padding-right: 10px; | 1730 | padding-right: 10px; |
| 1731 | } | 1731 | } |
| 1732 | .btn-icon.btn-xs, | 1732 | .btn-icon.btn-xs, |
| 1733 | .input-group-xs > .input-group-btn > .btn.btn-icon { | 1733 | .input-group-xs > .input-group-btn > .btn.btn-icon { |
| 1734 | padding-left: 9px; | 1734 | padding-left: 9px; |
| 1735 | padding-right: 9px; | 1735 | padding-right: 9px; |
| 1736 | } | 1736 | } |
| 1737 | .btn-float { | 1737 | .btn-float { |
| 1738 | padding: 18px; | 1738 | padding: 18px; |
| 1739 | white-space: normal; | 1739 | white-space: normal; |
| 1740 | border-radius: 3px; | 1740 | border-radius: 3px; |
| 1741 | } | 1741 | } |
| 1742 | .btn-float.btn-link { | 1742 | .btn-float.btn-link { |
| 1743 | padding: 13px; | 1743 | padding: 13px; |
| 1744 | } | 1744 | } |
| 1745 | .btn-float i { | 1745 | .btn-float i { |
| 1746 | display: block; | 1746 | display: block; |
| 1747 | margin: 0; | 1747 | margin: 0; |
| 1748 | top: 0; | 1748 | top: 0; |
| 1749 | } | 1749 | } |
| 1750 | .btn-float img { | 1750 | .btn-float img { |
| 1751 | border-radius: 3px; | 1751 | border-radius: 3px; |
| 1752 | } | 1752 | } |
| 1753 | .btn-float > span { | 1753 | .btn-float > span { |
| 1754 | display: block; | 1754 | display: block; |
| 1755 | padding-top: 10px; | 1755 | padding-top: 10px; |
| 1756 | margin-bottom: -6px; | 1756 | margin-bottom: -6px; |
| 1757 | } | 1757 | } |
| 1758 | .btn-float.btn-float-lg i { | 1758 | .btn-float.btn-float-lg i { |
| 1759 | font-size: 32px; | 1759 | font-size: 32px; |
| 1760 | } | 1760 | } |
| 1761 | .btn-link { | 1761 | .btn-link { |
| 1762 | color: #333333; | 1762 | color: #333333; |
| 1763 | border-radius: 3px; | 1763 | border-radius: 3px; |
| 1764 | } | 1764 | } |
| 1765 | .btn-link, | 1765 | .btn-link, |
| 1766 | .btn-link:hover, | 1766 | .btn-link:hover, |
| 1767 | .btn-link:focus, | 1767 | .btn-link:focus, |
| 1768 | .btn-link:active { | 1768 | .btn-link:active { |
| 1769 | -webkit-box-shadow: none; | 1769 | -webkit-box-shadow: none; |
| 1770 | box-shadow: none; | 1770 | box-shadow: none; |
| 1771 | } | 1771 | } |
| 1772 | .btn-rounded, | 1772 | .btn-rounded, |
| 1773 | .btn-rounded.btn-labeled > b, | 1773 | .btn-rounded.btn-labeled > b, |
| 1774 | .btn-rounded img { | 1774 | .btn-rounded img { |
| 1775 | border-radius: 100px; | 1775 | border-radius: 100px; |
| 1776 | } | 1776 | } |
| 1777 | .btn-block + .btn-block { | 1777 | .btn-block + .btn-block { |
| 1778 | margin-top: 10px; | 1778 | margin-top: 10px; |
| 1779 | } | 1779 | } |
| 1780 | .btn-default:focus, | 1780 | .btn-default:focus, |
| 1781 | .btn-default.focus, | 1781 | .btn-default.focus, |
| 1782 | .btn-default:hover { | 1782 | .btn-default:hover { |
| 1783 | background-color: #f5f5f5; | 1783 | background-color: #f5f5f5; |
| 1784 | } | 1784 | } |
| 1785 | .btn-default:active, | 1785 | .btn-default:active, |
| 1786 | .btn-default.active, | 1786 | .btn-default.active, |
| 1787 | .open > .dropdown-toggle.btn-default { | 1787 | .open > .dropdown-toggle.btn-default { |
| 1788 | background-color: #f5f5f5; | 1788 | background-color: #f5f5f5; |
| 1789 | } | 1789 | } |
| 1790 | .btn-default:active:hover, | 1790 | .btn-default:active:hover, |
| 1791 | .btn-default.active:hover, | 1791 | .btn-default.active:hover, |
| 1792 | .open > .dropdown-toggle.btn-default:hover, | 1792 | .open > .dropdown-toggle.btn-default:hover, |
| 1793 | .btn-default:active:focus, | 1793 | .btn-default:active:focus, |
| 1794 | .btn-default.active:focus, | 1794 | .btn-default.active:focus, |
| 1795 | .open > .dropdown-toggle.btn-default:focus, | 1795 | .open > .dropdown-toggle.btn-default:focus, |
| 1796 | .btn-default:active.focus, | 1796 | .btn-default:active.focus, |
| 1797 | .btn-default.active.focus, | 1797 | .btn-default.active.focus, |
| 1798 | .open > .dropdown-toggle.btn-default.focus { | 1798 | .open > .dropdown-toggle.btn-default.focus { |
| 1799 | background-color: #f5f5f5; | 1799 | background-color: #f5f5f5; |
| 1800 | } | 1800 | } |
| 1801 | .btn-default.disabled { | 1801 | .btn-default.disabled { |
| 1802 | -webkit-box-shadow: none; | 1802 | -webkit-box-shadow: none; |
| 1803 | box-shadow: none; | 1803 | box-shadow: none; |
| 1804 | } | 1804 | } |
| 1805 | .btn-primary:focus, | 1805 | .btn-primary:focus, |
| 1806 | .btn-primary.focus, | 1806 | .btn-primary.focus, |
| 1807 | .btn-primary:hover { | 1807 | .btn-primary:hover { |
| 1808 | background-color: #2196F3; | 1808 | background-color: #2196F3; |
| 1809 | } | 1809 | } |
| 1810 | .btn-primary:active, | 1810 | .btn-primary:active, |
| 1811 | .btn-primary.active, | 1811 | .btn-primary.active, |
| 1812 | .open > .dropdown-toggle.btn-primary { | 1812 | .open > .dropdown-toggle.btn-primary { |
| 1813 | background-color: #2196F3; | 1813 | background-color: #2196F3; |
| 1814 | } | 1814 | } |
| 1815 | .btn-primary:active:hover, | 1815 | .btn-primary:active:hover, |
| 1816 | .btn-primary.active:hover, | 1816 | .btn-primary.active:hover, |
| 1817 | .open > .dropdown-toggle.btn-primary:hover, | 1817 | .open > .dropdown-toggle.btn-primary:hover, |
| 1818 | .btn-primary:active:focus, | 1818 | .btn-primary:active:focus, |
| 1819 | .btn-primary.active:focus, | 1819 | .btn-primary.active:focus, |
| 1820 | .open > .dropdown-toggle.btn-primary:focus, | 1820 | .open > .dropdown-toggle.btn-primary:focus, |
| 1821 | .btn-primary:active.focus, | 1821 | .btn-primary:active.focus, |
| 1822 | .btn-primary.active.focus, | 1822 | .btn-primary.active.focus, |
| 1823 | .open > .dropdown-toggle.btn-primary.focus { | 1823 | .open > .dropdown-toggle.btn-primary.focus { |
| 1824 | background-color: #2196F3; | 1824 | background-color: #2196F3; |
| 1825 | } | 1825 | } |
| 1826 | .btn-primary.disabled { | 1826 | .btn-primary.disabled { |
| 1827 | -webkit-box-shadow: none; | 1827 | -webkit-box-shadow: none; |
| 1828 | box-shadow: none; | 1828 | box-shadow: none; |
| 1829 | } | 1829 | } |
| 1830 | .btn-success:focus, | 1830 | .btn-success:focus, |
| 1831 | .btn-success.focus, | 1831 | .btn-success.focus, |
| 1832 | .btn-success:hover { | 1832 | .btn-success:hover { |
| 1833 | background-color: #4CAF50; | 1833 | background-color: #4CAF50; |
| 1834 | } | 1834 | } |
| 1835 | .btn-success:active, | 1835 | .btn-success:active, |
| 1836 | .btn-success.active, | 1836 | .btn-success.active, |
| 1837 | .open > .dropdown-toggle.btn-success { | 1837 | .open > .dropdown-toggle.btn-success { |
| 1838 | background-color: #4CAF50; | 1838 | background-color: #4CAF50; |
| 1839 | } | 1839 | } |
| 1840 | .btn-success:active:hover, | 1840 | .btn-success:active:hover, |
| 1841 | .btn-success.active:hover, | 1841 | .btn-success.active:hover, |
| 1842 | .open > .dropdown-toggle.btn-success:hover, | 1842 | .open > .dropdown-toggle.btn-success:hover, |
| 1843 | .btn-success:active:focus, | 1843 | .btn-success:active:focus, |
| 1844 | .btn-success.active:focus, | 1844 | .btn-success.active:focus, |
| 1845 | .open > .dropdown-toggle.btn-success:focus, | 1845 | .open > .dropdown-toggle.btn-success:focus, |
| 1846 | .btn-success:active.focus, | 1846 | .btn-success:active.focus, |
| 1847 | .btn-success.active.focus, | 1847 | .btn-success.active.focus, |
| 1848 | .open > .dropdown-toggle.btn-success.focus { | 1848 | .open > .dropdown-toggle.btn-success.focus { |
| 1849 | background-color: #4CAF50; | 1849 | background-color: #4CAF50; |
| 1850 | } | 1850 | } |
| 1851 | .btn-success.disabled { | 1851 | .btn-success.disabled { |
| 1852 | -webkit-box-shadow: none; | 1852 | -webkit-box-shadow: none; |
| 1853 | box-shadow: none; | 1853 | box-shadow: none; |
| 1854 | } | 1854 | } |
| 1855 | .btn-info:focus, | 1855 | .btn-info:focus, |
| 1856 | .btn-info.focus, | 1856 | .btn-info.focus, |
| 1857 | .btn-info:hover { | 1857 | .btn-info:hover { |
| 1858 | background-color: #00BCD4; | 1858 | background-color: #00BCD4; |
| 1859 | } | 1859 | } |
| 1860 | .btn-info:active, | 1860 | .btn-info:active, |
| 1861 | .btn-info.active, | 1861 | .btn-info.active, |
| 1862 | .open > .dropdown-toggle.btn-info { | 1862 | .open > .dropdown-toggle.btn-info { |
| 1863 | background-color: #00BCD4; | 1863 | background-color: #00BCD4; |
| 1864 | } | 1864 | } |
| 1865 | .btn-info:active:hover, | 1865 | .btn-info:active:hover, |
| 1866 | .btn-info.active:hover, | 1866 | .btn-info.active:hover, |
| 1867 | .open > .dropdown-toggle.btn-info:hover, | 1867 | .open > .dropdown-toggle.btn-info:hover, |
| 1868 | .btn-info:active:focus, | 1868 | .btn-info:active:focus, |
| 1869 | .btn-info.active:focus, | 1869 | .btn-info.active:focus, |
| 1870 | .open > .dropdown-toggle.btn-info:focus, | 1870 | .open > .dropdown-toggle.btn-info:focus, |
| 1871 | .btn-info:active.focus, | 1871 | .btn-info:active.focus, |
| 1872 | .btn-info.active.focus, | 1872 | .btn-info.active.focus, |
| 1873 | .open > .dropdown-toggle.btn-info.focus { | 1873 | .open > .dropdown-toggle.btn-info.focus { |
| 1874 | background-color: #00BCD4; | 1874 | background-color: #00BCD4; |
| 1875 | } | 1875 | } |
| 1876 | .btn-info.disabled { | 1876 | .btn-info.disabled { |
| 1877 | -webkit-box-shadow: none; | 1877 | -webkit-box-shadow: none; |
| 1878 | box-shadow: none; | 1878 | box-shadow: none; |
| 1879 | } | 1879 | } |
| 1880 | .btn-warning:focus, | 1880 | .btn-warning:focus, |
| 1881 | .btn-warning.focus, | 1881 | .btn-warning.focus, |
| 1882 | .btn-warning:hover { | 1882 | .btn-warning:hover { |
| 1883 | background-color: #FF5722; | 1883 | background-color: #FF5722; |
| 1884 | } | 1884 | } |
| 1885 | .btn-warning:active, | 1885 | .btn-warning:active, |
| 1886 | .btn-warning.active, | 1886 | .btn-warning.active, |
| 1887 | .open > .dropdown-toggle.btn-warning { | 1887 | .open > .dropdown-toggle.btn-warning { |
| 1888 | background-color: #FF5722; | 1888 | background-color: #FF5722; |
| 1889 | } | 1889 | } |
| 1890 | .btn-warning:active:hover, | 1890 | .btn-warning:active:hover, |
| 1891 | .btn-warning.active:hover, | 1891 | .btn-warning.active:hover, |
| 1892 | .open > .dropdown-toggle.btn-warning:hover, | 1892 | .open > .dropdown-toggle.btn-warning:hover, |
| 1893 | .btn-warning:active:focus, | 1893 | .btn-warning:active:focus, |
| 1894 | .btn-warning.active:focus, | 1894 | .btn-warning.active:focus, |
| 1895 | .open > .dropdown-toggle.btn-warning:focus, | 1895 | .open > .dropdown-toggle.btn-warning:focus, |
| 1896 | .btn-warning:active.focus, | 1896 | .btn-warning:active.focus, |
| 1897 | .btn-warning.active.focus, | 1897 | .btn-warning.active.focus, |
| 1898 | .open > .dropdown-toggle.btn-warning.focus { | 1898 | .open > .dropdown-toggle.btn-warning.focus { |
| 1899 | background-color: #FF5722; | 1899 | background-color: #FF5722; |
| 1900 | } | 1900 | } |
| 1901 | .btn-warning.disabled { | 1901 | .btn-warning.disabled { |
| 1902 | -webkit-box-shadow: none; | 1902 | -webkit-box-shadow: none; |
| 1903 | box-shadow: none; | 1903 | box-shadow: none; |
| 1904 | } | 1904 | } |
| 1905 | .btn-danger:focus, | 1905 | .btn-danger:focus, |
| 1906 | .btn-danger.focus, | 1906 | .btn-danger.focus, |
| 1907 | .btn-danger:hover { | 1907 | .btn-danger:hover { |
| 1908 | background-color: #F44336; | 1908 | background-color: #F44336; |
| 1909 | } | 1909 | } |
| 1910 | .btn-danger:active, | 1910 | .btn-danger:active, |
| 1911 | .btn-danger.active, | 1911 | .btn-danger.active, |
| 1912 | .open > .dropdown-toggle.btn-danger { | 1912 | .open > .dropdown-toggle.btn-danger { |
| 1913 | background-color: #F44336; | 1913 | background-color: #F44336; |
| 1914 | } | 1914 | } |
| 1915 | .btn-danger:active:hover, | 1915 | .btn-danger:active:hover, |
| 1916 | .btn-danger.active:hover, | 1916 | .btn-danger.active:hover, |
| 1917 | .open > .dropdown-toggle.btn-danger:hover, | 1917 | .open > .dropdown-toggle.btn-danger:hover, |
| 1918 | .btn-danger:active:focus, | 1918 | .btn-danger:active:focus, |
| 1919 | .btn-danger.active:focus, | 1919 | .btn-danger.active:focus, |
| 1920 | .open > .dropdown-toggle.btn-danger:focus, | 1920 | .open > .dropdown-toggle.btn-danger:focus, |
| 1921 | .btn-danger:active.focus, | 1921 | .btn-danger:active.focus, |
| 1922 | .btn-danger.active.focus, | 1922 | .btn-danger.active.focus, |
| 1923 | .open > .dropdown-toggle.btn-danger.focus { | 1923 | .open > .dropdown-toggle.btn-danger.focus { |
| 1924 | background-color: #F44336; | 1924 | background-color: #F44336; |
| 1925 | } | 1925 | } |
| 1926 | .btn-danger.disabled { | 1926 | .btn-danger.disabled { |
| 1927 | -webkit-box-shadow: none; | 1927 | -webkit-box-shadow: none; |
| 1928 | box-shadow: none; | 1928 | box-shadow: none; |
| 1929 | } | 1929 | } |
| 1930 | .btn-xlg, | 1930 | .btn-xlg, |
| 1931 | .btn-group-xlg > .btn { | 1931 | .btn-group-xlg > .btn { |
| 1932 | padding: 11px 21px; | 1932 | padding: 11px 21px; |
| 1933 | font-size: 15px; | 1933 | font-size: 15px; |
| 1934 | line-height: 1.333334; | 1934 | line-height: 1.333334; |
| 1935 | border-radius: 3px; | 1935 | border-radius: 3px; |
| 1936 | } | 1936 | } |
| 1937 | .btn-xlg.btn-rounded { | 1937 | .btn-xlg.btn-rounded { |
| 1938 | border-radius: 100px; | 1938 | border-radius: 100px; |
| 1939 | } | 1939 | } |
| 1940 | .btn-lg, | 1940 | .btn-lg, |
| 1941 | .btn-group-lg > .btn { | 1941 | .btn-group-lg > .btn { |
| 1942 | padding: 10px 19px; | 1942 | padding: 10px 19px; |
| 1943 | border-radius: 3px; | 1943 | border-radius: 3px; |
| 1944 | } | 1944 | } |
| 1945 | .btn-lg.btn-rounded { | 1945 | .btn-lg.btn-rounded { |
| 1946 | border-radius: 100px; | 1946 | border-radius: 100px; |
| 1947 | } | 1947 | } |
| 1948 | .btn-sm, | 1948 | .btn-sm, |
| 1949 | .btn-group-sm > .btn { | 1949 | .btn-group-sm > .btn { |
| 1950 | padding: 8px 15px; | 1950 | padding: 8px 15px; |
| 1951 | } | 1951 | } |
| 1952 | .btn-xs, | 1952 | .btn-xs, |
| 1953 | .btn-group-xs > .btn { | 1953 | .btn-group-xs > .btn { |
| 1954 | padding: 7px 13px; | 1954 | padding: 7px 13px; |
| 1955 | } | 1955 | } |
| 1956 | .btn-sm:not(.btn-rounded), | 1956 | .btn-sm:not(.btn-rounded), |
| 1957 | .btn-group-sm > .btn:not(.btn-rounded), | 1957 | .btn-group-sm > .btn:not(.btn-rounded), |
| 1958 | .btn-xs:not(.btn-rounded), | 1958 | .btn-xs:not(.btn-rounded), |
| 1959 | .btn-group-xs > .btn:not(.btn-rounded) { | 1959 | .btn-group-xs > .btn:not(.btn-rounded) { |
| 1960 | border-radius: 3px; | 1960 | border-radius: 3px; |
| 1961 | } | 1961 | } |
| 1962 | /* ------------------------------------------------------------------------------ | 1962 | /* ------------------------------------------------------------------------------ |
| 1963 | * | 1963 | * |
| 1964 | * # Dropdown menu component | 1964 | * # Dropdown menu component |
| 1965 | * | 1965 | * |
| 1966 | * Overrides for dropdown menu bootstrap component | 1966 | * Overrides for dropdown menu bootstrap component |
| 1967 | * | 1967 | * |
| 1968 | * Version: 1.2 | 1968 | * Version: 1.2 |
| 1969 | * Latest update: Aug 10, 2016 | 1969 | * Latest update: Aug 10, 2016 |
| 1970 | * | 1970 | * |
| 1971 | * ---------------------------------------------------------------------------- */ | 1971 | * ---------------------------------------------------------------------------- */ |
| 1972 | .caret { | 1972 | .caret { |
| 1973 | font-style: normal; | 1973 | font-style: normal; |
| 1974 | font-weight: normal; | 1974 | font-weight: normal; |
| 1975 | border: 0; | 1975 | border: 0; |
| 1976 | margin: 0; | 1976 | margin: 0; |
| 1977 | width: auto; | 1977 | width: auto; |
| 1978 | height: auto; | 1978 | height: auto; |
| 1979 | text-align: center; | 1979 | text-align: center; |
| 1980 | margin-top: -1px; | 1980 | margin-top: -1px; |
| 1981 | } | 1981 | } |
| 1982 | .caret:after { | 1982 | .caret:after { |
| 1983 | content: '\e9c5'; | 1983 | content: '\e9c5'; |
| 1984 | font-family: 'icomoon'; | 1984 | font-family: 'icomoon'; |
| 1985 | display: block; | 1985 | display: block; |
| 1986 | font-size: 16px; | 1986 | font-size: 16px; |
| 1987 | width: 16px; | 1987 | width: 16px; |
| 1988 | line-height: 1; | 1988 | line-height: 1; |
| 1989 | -webkit-font-smoothing: antialiased; | 1989 | -webkit-font-smoothing: antialiased; |
| 1990 | -moz-osx-font-smoothing: grayscale; | 1990 | -moz-osx-font-smoothing: grayscale; |
| 1991 | } | 1991 | } |
| 1992 | .dropdown-menu { | 1992 | .dropdown-menu { |
| 1993 | min-width: 180px; | 1993 | min-width: 180px; |
| 1994 | padding: 8px 0; | 1994 | padding: 8px 0; |
| 1995 | color: #333333; | 1995 | color: #333333; |
| 1996 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1996 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1997 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 1997 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 1998 | } | 1998 | } |
| 1999 | .dropdown-menu:not([class*=border-]) { | 1999 | .dropdown-menu:not([class*=border-]) { |
| 2000 | border-width: 0; | 2000 | border-width: 0; |
| 2001 | } | 2001 | } |
| 2002 | .dropdown-menu .divider { | 2002 | .dropdown-menu .divider { |
| 2003 | margin: 8px 0; | 2003 | margin: 8px 0; |
| 2004 | } | 2004 | } |
| 2005 | .dropdown-menu > li { | 2005 | .dropdown-menu > li { |
| 2006 | position: relative; | 2006 | position: relative; |
| 2007 | margin-bottom: 1px; | 2007 | margin-bottom: 1px; |
| 2008 | } | 2008 | } |
| 2009 | .dropdown-menu > li:last-child { | 2009 | .dropdown-menu > li:last-child { |
| 2010 | margin-bottom: 0; | 2010 | margin-bottom: 0; |
| 2011 | } | 2011 | } |
| 2012 | .dropdown-menu > li > a { | 2012 | .dropdown-menu > li > a { |
| 2013 | padding: 8px 16px; | 2013 | padding: 8px 16px; |
| 2014 | outline: 0; | 2014 | outline: 0; |
| 2015 | overflow: hidden; | 2015 | overflow: hidden; |
| 2016 | text-overflow: ellipsis; | 2016 | text-overflow: ellipsis; |
| 2017 | } | 2017 | } |
| 2018 | .dropdown-menu > li > a > i, | 2018 | .dropdown-menu > li > a > i, |
| 2019 | .dropdown-menu > .dropdown-header > i, | 2019 | .dropdown-menu > .dropdown-header > i, |
| 2020 | .dropdown-menu > li > a > img, | 2020 | .dropdown-menu > li > a > img, |
| 2021 | .dropdown-menu > .dropdown-header > img { | 2021 | .dropdown-menu > .dropdown-header > img { |
| 2022 | margin-right: 16px; | 2022 | margin-right: 16px; |
| 2023 | float: left; | 2023 | float: left; |
| 2024 | margin-top: 2px; | 2024 | margin-top: 2px; |
| 2025 | top: 0; | 2025 | top: 0; |
| 2026 | } | 2026 | } |
| 2027 | .dropdown-menu > li > a > i.pull-right, | 2027 | .dropdown-menu > li > a > i.pull-right, |
| 2028 | .dropdown-menu > .dropdown-header > i.pull-right, | 2028 | .dropdown-menu > .dropdown-header > i.pull-right, |
| 2029 | .dropdown-menu > li > a > img.pull-right, | 2029 | .dropdown-menu > li > a > img.pull-right, |
| 2030 | .dropdown-menu > .dropdown-header > img.pull-right { | 2030 | .dropdown-menu > .dropdown-header > img.pull-right { |
| 2031 | margin-right: 0; | 2031 | margin-right: 0; |
| 2032 | margin-left: 16px; | 2032 | margin-left: 16px; |
| 2033 | } | 2033 | } |
| 2034 | .dropdown-menu > li > a > .label, | 2034 | .dropdown-menu > li > a > .label, |
| 2035 | .dropdown-menu > .dropdown-header > .label, | 2035 | .dropdown-menu > .dropdown-header > .label, |
| 2036 | .dropdown-menu > li > a > .badge, | 2036 | .dropdown-menu > li > a > .badge, |
| 2037 | .dropdown-menu > .dropdown-header > .badge { | 2037 | .dropdown-menu > .dropdown-header > .badge { |
| 2038 | float: left; | 2038 | float: left; |
| 2039 | margin-right: 16px; | 2039 | margin-right: 16px; |
| 2040 | } | 2040 | } |
| 2041 | .dropdown-menu > li > a > .label.pull-right, | 2041 | .dropdown-menu > li > a > .label.pull-right, |
| 2042 | .dropdown-menu > .dropdown-header > .label.pull-right, | 2042 | .dropdown-menu > .dropdown-header > .label.pull-right, |
| 2043 | .dropdown-menu > li > a > .badge.pull-right, | 2043 | .dropdown-menu > li > a > .badge.pull-right, |
| 2044 | .dropdown-menu > .dropdown-header > .badge.pull-right { | 2044 | .dropdown-menu > .dropdown-header > .badge.pull-right { |
| 2045 | margin-right: 0; | 2045 | margin-right: 0; |
| 2046 | margin-left: 16px; | 2046 | margin-left: 16px; |
| 2047 | } | 2047 | } |
| 2048 | .dropdown-menu > li > a > img, | 2048 | .dropdown-menu > li > a > img, |
| 2049 | .dropdown-menu > .dropdown-header > img { | 2049 | .dropdown-menu > .dropdown-header > img { |
| 2050 | max-height: 16px; | 2050 | max-height: 16px; |
| 2051 | } | 2051 | } |
| 2052 | .dropdown-menu > li > label:hover, | 2052 | .dropdown-menu > li > label:hover, |
| 2053 | .dropdown-menu > li > label:focus { | 2053 | .dropdown-menu > li > label:focus { |
| 2054 | text-decoration: none; | 2054 | text-decoration: none; |
| 2055 | color: #333333; | 2055 | color: #333333; |
| 2056 | background-color: #f5f5f5; | 2056 | background-color: #f5f5f5; |
| 2057 | } | 2057 | } |
| 2058 | .dropdown-menu > .active > label, | 2058 | .dropdown-menu > .active > label, |
| 2059 | .dropdown-menu > .active > label:hover, | 2059 | .dropdown-menu > .active > label:hover, |
| 2060 | .dropdown-menu > .active > label:focus { | 2060 | .dropdown-menu > .active > label:focus { |
| 2061 | color: #fff; | 2061 | color: #fff; |
| 2062 | outline: 0; | 2062 | outline: 0; |
| 2063 | background-color: #26A69A; | 2063 | background-color: #26A69A; |
| 2064 | } | 2064 | } |
| 2065 | .dropdown-menu > .disabled > label, | 2065 | .dropdown-menu > .disabled > label, |
| 2066 | .dropdown-menu > .disabled > label:hover, | 2066 | .dropdown-menu > .disabled > label:hover, |
| 2067 | .dropdown-menu > .disabled > label:focus { | 2067 | .dropdown-menu > .disabled > label:focus { |
| 2068 | background-color: transparent; | 2068 | background-color: transparent; |
| 2069 | color: #999999; | 2069 | color: #999999; |
| 2070 | } | 2070 | } |
| 2071 | .dropdown-menu > li > label { | 2071 | .dropdown-menu > li > label { |
| 2072 | padding: 8px 16px; | 2072 | padding: 8px 16px; |
| 2073 | padding-left: 44px; | 2073 | padding-left: 44px; |
| 2074 | display: block; | 2074 | display: block; |
| 2075 | cursor: pointer; | 2075 | cursor: pointer; |
| 2076 | } | 2076 | } |
| 2077 | .dropdown-menu > li > label .checker, | 2077 | .dropdown-menu > li > label .checker, |
| 2078 | .dropdown-menu > li > label .choice, | 2078 | .dropdown-menu > li > label .choice, |
| 2079 | .dropdown-menu > li > label > input[type=checkbox], | 2079 | .dropdown-menu > li > label > input[type=checkbox], |
| 2080 | .dropdown-menu > li > label > input[type=radio] { | 2080 | .dropdown-menu > li > label > input[type=radio] { |
| 2081 | left: 16px; | 2081 | left: 16px; |
| 2082 | top: auto; | 2082 | top: auto; |
| 2083 | margin-top: 1px; | 2083 | margin-top: 1px; |
| 2084 | } | 2084 | } |
| 2085 | .dropdown-menu > li.checkbox, | 2085 | .dropdown-menu > li.checkbox, |
| 2086 | .dropdown-menu > li.radio { | 2086 | .dropdown-menu > li.radio { |
| 2087 | margin-top: 0; | 2087 | margin-top: 0; |
| 2088 | } | 2088 | } |
| 2089 | .dropdown-menu > li.checkbox-right > label, | 2089 | .dropdown-menu > li.checkbox-right > label, |
| 2090 | .dropdown-menu > li.radio-right > label, | 2090 | .dropdown-menu > li.radio-right > label, |
| 2091 | .dropdown-menu > li.checkbox-right > label { | 2091 | .dropdown-menu > li.checkbox-right > label { |
| 2092 | padding-left: 16px; | 2092 | padding-left: 16px; |
| 2093 | padding-right: 44px; | 2093 | padding-right: 44px; |
| 2094 | } | 2094 | } |
| 2095 | .dropdown-menu > li.checkbox-right > label .checker, | 2095 | .dropdown-menu > li.checkbox-right > label .checker, |
| 2096 | .dropdown-menu > li.checkbox-right > label > input[type=checkbox] { | 2096 | .dropdown-menu > li.checkbox-right > label > input[type=checkbox] { |
| 2097 | left: auto; | 2097 | left: auto; |
| 2098 | right: 16px; | 2098 | right: 16px; |
| 2099 | } | 2099 | } |
| 2100 | .dropdown-menu > li.radio-right > label .choice, | 2100 | .dropdown-menu > li.radio-right > label .choice, |
| 2101 | .dropdown-menu > li.radio-right > label > input[type=radio], | 2101 | .dropdown-menu > li.radio-right > label > input[type=radio], |
| 2102 | .dropdown-menu > li.checkbox-right > label .choice, | 2102 | .dropdown-menu > li.checkbox-right > label .choice, |
| 2103 | .dropdown-menu > li.checkbox-right > label > input[type=radio] { | 2103 | .dropdown-menu > li.checkbox-right > label > input[type=radio] { |
| 2104 | left: auto; | 2104 | left: auto; |
| 2105 | right: 16px; | 2105 | right: 16px; |
| 2106 | } | 2106 | } |
| 2107 | .dropdown-menu > .checkbox-switchery > label > .switchery { | 2107 | .dropdown-menu > .checkbox-switchery > label > .switchery { |
| 2108 | left: 16px; | 2108 | left: 16px; |
| 2109 | } | 2109 | } |
| 2110 | .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label { | 2110 | .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label { |
| 2111 | padding-left: 16px; | 2111 | padding-left: 16px; |
| 2112 | } | 2112 | } |
| 2113 | .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label > .switchery { | 2113 | .dropdown-menu > .checkbox-switchery.checkbox-right[class*=switchery-] > label > .switchery { |
| 2114 | left: auto; | 2114 | left: auto; |
| 2115 | right: 16px; | 2115 | right: 16px; |
| 2116 | } | 2116 | } |
| 2117 | .dropdown-menu > .checkbox-switchery.switchery-sm { | 2117 | .dropdown-menu > .checkbox-switchery.switchery-sm { |
| 2118 | margin-bottom: 0; | 2118 | margin-bottom: 0; |
| 2119 | } | 2119 | } |
| 2120 | .dropdown-menu > .checkbox-switchery.switchery-sm > label { | 2120 | .dropdown-menu > .checkbox-switchery.switchery-sm > label { |
| 2121 | padding-left: 70px; | 2121 | padding-left: 70px; |
| 2122 | } | 2122 | } |
| 2123 | .dropdown-menu > .checkbox-switchery.switchery-xs { | 2123 | .dropdown-menu > .checkbox-switchery.switchery-xs { |
| 2124 | margin-bottom: 0; | 2124 | margin-bottom: 0; |
| 2125 | } | 2125 | } |
| 2126 | .dropdown-menu > .checkbox-switchery.switchery-xs > label { | 2126 | .dropdown-menu > .checkbox-switchery.switchery-xs > label { |
| 2127 | padding-left: 62px; | 2127 | padding-left: 62px; |
| 2128 | } | 2128 | } |
| 2129 | .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-sm > label { | 2129 | .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-sm > label { |
| 2130 | padding-right: 70px; | 2130 | padding-right: 70px; |
| 2131 | } | 2131 | } |
| 2132 | .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-xs > label { | 2132 | .dropdown-menu > .checkbox-switchery.checkbox-right.switchery-xs > label { |
| 2133 | padding-right: 62px; | 2133 | padding-right: 62px; |
| 2134 | } | 2134 | } |
| 2135 | .dropdown-menu > .disabled .badge, | 2135 | .dropdown-menu > .disabled .badge, |
| 2136 | .dropdown-menu > .disabled .label, | 2136 | .dropdown-menu > .disabled .label, |
| 2137 | .dropdown-menu > .disabled img { | 2137 | .dropdown-menu > .disabled img { |
| 2138 | opacity: 0.8; | 2138 | opacity: 0.8; |
| 2139 | filter: alpha(opacity=80); | 2139 | filter: alpha(opacity=80); |
| 2140 | } | 2140 | } |
| 2141 | .dropdown-menu[class*=bg-] > li > a, | 2141 | .dropdown-menu[class*=bg-] > li > a, |
| 2142 | .dropdown-menu[class*=bg-] > li > label { | 2142 | .dropdown-menu[class*=bg-] > li > label { |
| 2143 | color: #fff; | 2143 | color: #fff; |
| 2144 | } | 2144 | } |
| 2145 | .dropdown-menu[class*=bg-] > li > a:hover, | 2145 | .dropdown-menu[class*=bg-] > li > a:hover, |
| 2146 | .dropdown-menu[class*=bg-] > li > label:hover, | 2146 | .dropdown-menu[class*=bg-] > li > label:hover, |
| 2147 | .dropdown-menu[class*=bg-] > li > a:focus, | 2147 | .dropdown-menu[class*=bg-] > li > a:focus, |
| 2148 | .dropdown-menu[class*=bg-] > li > label:focus { | 2148 | .dropdown-menu[class*=bg-] > li > label:focus { |
| 2149 | background-color: rgba(0, 0, 0, 0.1); | 2149 | background-color: rgba(0, 0, 0, 0.1); |
| 2150 | } | 2150 | } |
| 2151 | .dropdown-menu[class*=bg-] > li > a > .label, | 2151 | .dropdown-menu[class*=bg-] > li > a > .label, |
| 2152 | .dropdown-menu[class*=bg-] > li > label > .label, | 2152 | .dropdown-menu[class*=bg-] > li > label > .label, |
| 2153 | .dropdown-menu[class*=bg-] > li > a > .badge, | 2153 | .dropdown-menu[class*=bg-] > li > a > .badge, |
| 2154 | .dropdown-menu[class*=bg-] > li > label > .badge { | 2154 | .dropdown-menu[class*=bg-] > li > label > .badge { |
| 2155 | color: #333333; | 2155 | color: #333333; |
| 2156 | background-color: #fff; | 2156 | background-color: #fff; |
| 2157 | border-color: #fff; | 2157 | border-color: #fff; |
| 2158 | } | 2158 | } |
| 2159 | .dropdown-menu[class*=bg-] > .active > a, | 2159 | .dropdown-menu[class*=bg-] > .active > a, |
| 2160 | .dropdown-menu[class*=bg-] > .active > label, | 2160 | .dropdown-menu[class*=bg-] > .active > label, |
| 2161 | .dropdown-menu[class*=bg-] > .active > a:hover, | 2161 | .dropdown-menu[class*=bg-] > .active > a:hover, |
| 2162 | .dropdown-menu[class*=bg-] > .active > label:hover, | 2162 | .dropdown-menu[class*=bg-] > .active > label:hover, |
| 2163 | .dropdown-menu[class*=bg-] > .active > a:focus, | 2163 | .dropdown-menu[class*=bg-] > .active > a:focus, |
| 2164 | .dropdown-menu[class*=bg-] > .active > label:focus { | 2164 | .dropdown-menu[class*=bg-] > .active > label:focus { |
| 2165 | background-color: rgba(0, 0, 0, 0.2); | 2165 | background-color: rgba(0, 0, 0, 0.2); |
| 2166 | } | 2166 | } |
| 2167 | .dropdown-menu[class*=bg-] > .disabled > a, | 2167 | .dropdown-menu[class*=bg-] > .disabled > a, |
| 2168 | .dropdown-menu[class*=bg-] > .disabled > label, | 2168 | .dropdown-menu[class*=bg-] > .disabled > label, |
| 2169 | .dropdown-menu[class*=bg-] > .disabled > a:hover, | 2169 | .dropdown-menu[class*=bg-] > .disabled > a:hover, |
| 2170 | .dropdown-menu[class*=bg-] > .disabled > label:hover, | 2170 | .dropdown-menu[class*=bg-] > .disabled > label:hover, |
| 2171 | .dropdown-menu[class*=bg-] > .disabled > a:focus, | 2171 | .dropdown-menu[class*=bg-] > .disabled > a:focus, |
| 2172 | .dropdown-menu[class*=bg-] > .disabled > label:focus { | 2172 | .dropdown-menu[class*=bg-] > .disabled > label:focus { |
| 2173 | background-color: transparent; | 2173 | background-color: transparent; |
| 2174 | color: rgba(255, 255, 255, 0.6); | 2174 | color: rgba(255, 255, 255, 0.6); |
| 2175 | } | 2175 | } |
| 2176 | .dropdown-menu[class*=bg-] > .dropdown-header { | 2176 | .dropdown-menu[class*=bg-] > .dropdown-header { |
| 2177 | color: rgba(255, 255, 255, 0.6); | 2177 | color: rgba(255, 255, 255, 0.6); |
| 2178 | } | 2178 | } |
| 2179 | .dropdown-menu[class*=bg-] > .dropdown-header.highlight { | 2179 | .dropdown-menu[class*=bg-] > .dropdown-header.highlight { |
| 2180 | background-color: rgba(0, 0, 0, 0.1); | 2180 | background-color: rgba(0, 0, 0, 0.1); |
| 2181 | } | 2181 | } |
| 2182 | .dropdown-menu[class*=bg-] .divider { | 2182 | .dropdown-menu[class*=bg-] .divider { |
| 2183 | background-color: rgba(255, 255, 255, 0.4); | 2183 | background-color: rgba(255, 255, 255, 0.4); |
| 2184 | } | 2184 | } |
| 2185 | .dropdown-menu-lg > li > a { | 2185 | .dropdown-menu-lg > li > a { |
| 2186 | padding-top: 9px; | 2186 | padding-top: 9px; |
| 2187 | padding-bottom: 9px; | 2187 | padding-bottom: 9px; |
| 2188 | font-size: 14px; | 2188 | font-size: 14px; |
| 2189 | line-height: 1.4285715; | 2189 | line-height: 1.4285715; |
| 2190 | } | 2190 | } |
| 2191 | .dropdown-menu-sm > li > a { | 2191 | .dropdown-menu-sm > li > a { |
| 2192 | padding-top: 7px; | 2192 | padding-top: 7px; |
| 2193 | padding-bottom: 7px; | 2193 | padding-bottom: 7px; |
| 2194 | font-size: 12px; | 2194 | font-size: 12px; |
| 2195 | line-height: 1.6666667; | 2195 | line-height: 1.6666667; |
| 2196 | } | 2196 | } |
| 2197 | .dropdown-menu-xs > li > a { | 2197 | .dropdown-menu-xs > li > a { |
| 2198 | padding-top: 6px; | 2198 | padding-top: 6px; |
| 2199 | padding-bottom: 6px; | 2199 | padding-bottom: 6px; |
| 2200 | font-size: 12px; | 2200 | font-size: 12px; |
| 2201 | line-height: 1.6666667; | 2201 | line-height: 1.6666667; |
| 2202 | } | 2202 | } |
| 2203 | .dropdown-menu > .dropdown-submenu > a { | 2203 | .dropdown-menu > .dropdown-submenu > a { |
| 2204 | padding-right: 40px; | 2204 | padding-right: 40px; |
| 2205 | position: relative; | 2205 | position: relative; |
| 2206 | } | 2206 | } |
| 2207 | .dropdown-menu > .dropdown-submenu > a:after { | 2207 | .dropdown-menu > .dropdown-submenu > a:after { |
| 2208 | content: '\e9c7'; | 2208 | content: '\e9c7'; |
| 2209 | font-family: 'icomoon'; | 2209 | font-family: 'icomoon'; |
| 2210 | position: absolute; | 2210 | position: absolute; |
| 2211 | top: 50%; | 2211 | top: 50%; |
| 2212 | margin-top: -8px; | 2212 | margin-top: -8px; |
| 2213 | right: 16px; | 2213 | right: 16px; |
| 2214 | font-size: 16px; | 2214 | font-size: 16px; |
| 2215 | font-weight: 400; | 2215 | font-weight: 400; |
| 2216 | line-height: 1; | 2216 | line-height: 1; |
| 2217 | -webkit-font-smoothing: antialiased; | 2217 | -webkit-font-smoothing: antialiased; |
| 2218 | -moz-osx-font-smoothing: grayscale; | 2218 | -moz-osx-font-smoothing: grayscale; |
| 2219 | opacity: 0.8; | 2219 | opacity: 0.8; |
| 2220 | filter: alpha(opacity=80); | 2220 | filter: alpha(opacity=80); |
| 2221 | } | 2221 | } |
| 2222 | .dropdown-menu > .dropdown-submenu:hover > a, | 2222 | .dropdown-menu > .dropdown-submenu:hover > a, |
| 2223 | .dropdown-menu > .dropdown-submenu:focus > a { | 2223 | .dropdown-menu > .dropdown-submenu:focus > a { |
| 2224 | background-color: #f5f5f5; | 2224 | background-color: #f5f5f5; |
| 2225 | } | 2225 | } |
| 2226 | .dropdown-menu > .dropdown-submenu:hover > a:after, | 2226 | .dropdown-menu > .dropdown-submenu:hover > a:after, |
| 2227 | .dropdown-menu > .dropdown-submenu:focus > a:after { | 2227 | .dropdown-menu > .dropdown-submenu:focus > a:after { |
| 2228 | opacity: 1; | 2228 | opacity: 1; |
| 2229 | filter: alpha(opacity=100); | 2229 | filter: alpha(opacity=100); |
| 2230 | } | 2230 | } |
| 2231 | .dropdown-menu > .dropdown-submenu.active > a { | 2231 | .dropdown-menu > .dropdown-submenu.active > a { |
| 2232 | background-color: #26A69A; | 2232 | background-color: #26A69A; |
| 2233 | color: #fff; | 2233 | color: #fff; |
| 2234 | } | 2234 | } |
| 2235 | @media (min-width: 769px) { | 2235 | @media (min-width: 769px) { |
| 2236 | .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu { | 2236 | .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu { |
| 2237 | display: block; | 2237 | display: block; |
| 2238 | } | 2238 | } |
| 2239 | } | 2239 | } |
| 2240 | .dropdown-menu > .dropdown-submenu.disabled > .dropdown-menu { | 2240 | .dropdown-menu > .dropdown-submenu.disabled > .dropdown-menu { |
| 2241 | display: none; | 2241 | display: none; |
| 2242 | } | 2242 | } |
| 2243 | .dropdown-menu > .dropdown-submenu.disabled > a { | 2243 | .dropdown-menu > .dropdown-submenu.disabled > a { |
| 2244 | background-color: transparent; | 2244 | background-color: transparent; |
| 2245 | } | 2245 | } |
| 2246 | .dropdown-menu > .dropdown-submenu > .dropdown-menu { | 2246 | .dropdown-menu > .dropdown-submenu > .dropdown-menu { |
| 2247 | top: 0; | 2247 | top: 0; |
| 2248 | left: 100%; | 2248 | left: 100%; |
| 2249 | margin-top: -8px; | 2249 | margin-top: -8px; |
| 2250 | } | 2250 | } |
| 2251 | .dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, | 2251 | .dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, |
| 2252 | .navbar-fixed-bottom .dropdown .dropdown-menu > .dropdown-submenu > .dropdown-menu { | 2252 | .navbar-fixed-bottom .dropdown .dropdown-menu > .dropdown-submenu > .dropdown-menu { |
| 2253 | top: auto; | 2253 | top: auto; |
| 2254 | bottom: 0; | 2254 | bottom: 0; |
| 2255 | margin-top: 0; | 2255 | margin-top: 0; |
| 2256 | margin-bottom: -8px; | 2256 | margin-bottom: -8px; |
| 2257 | } | 2257 | } |
| 2258 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left > .dropdown-menu { | 2258 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left > .dropdown-menu { |
| 2259 | left: auto; | 2259 | left: auto; |
| 2260 | right: 100%; | 2260 | right: 100%; |
| 2261 | } | 2261 | } |
| 2262 | .dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, | 2262 | .dropup .dropdown-menu > .dropdown-submenu > .dropdown-menu, |
| 2263 | .dropup.dropdown-menu > .dropdown-submenu > .dropdown-menu { | 2263 | .dropup.dropdown-menu > .dropdown-submenu > .dropdown-menu { |
| 2264 | top: auto; | 2264 | top: auto; |
| 2265 | bottom: 0; | 2265 | bottom: 0; |
| 2266 | margin-top: 0; | 2266 | margin-top: 0; |
| 2267 | margin-bottom: -8px; | 2267 | margin-bottom: -8px; |
| 2268 | } | 2268 | } |
| 2269 | @media (max-width: 768px) { | 2269 | @media (max-width: 768px) { |
| 2270 | .dropdown-menu > .dropdown-submenu { | 2270 | .dropdown-menu > .dropdown-submenu { |
| 2271 | position: static; | 2271 | position: static; |
| 2272 | } | 2272 | } |
| 2273 | .dropdown-menu > .dropdown-submenu > a:after { | 2273 | .dropdown-menu > .dropdown-submenu > a:after { |
| 2274 | content: '\e9c5'; | 2274 | content: '\e9c5'; |
| 2275 | } | 2275 | } |
| 2276 | .dropdown-menu > .dropdown-submenu .dropdown-menu, | 2276 | .dropdown-menu > .dropdown-submenu .dropdown-menu, |
| 2277 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu { | 2277 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu { |
| 2278 | position: relative; | 2278 | position: relative; |
| 2279 | left: 0; | 2279 | left: 0; |
| 2280 | right: 0; | 2280 | right: 0; |
| 2281 | float: none; | 2281 | float: none; |
| 2282 | border-width: 0; | 2282 | border-width: 0; |
| 2283 | border-color: rgba(0, 0, 0, 0.1); | 2283 | border-color: rgba(0, 0, 0, 0.1); |
| 2284 | box-shadow: none; | 2284 | box-shadow: none; |
| 2285 | min-width: 100%; | 2285 | min-width: 100%; |
| 2286 | margin: 0; | 2286 | margin: 0; |
| 2287 | } | 2287 | } |
| 2288 | .dropdown-menu > .dropdown-submenu .dropdown-menu > li > a, | 2288 | .dropdown-menu > .dropdown-submenu .dropdown-menu > li > a, |
| 2289 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > a { | 2289 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > a { |
| 2290 | padding-left: 32px; | 2290 | padding-left: 32px; |
| 2291 | } | 2291 | } |
| 2292 | .dropdown-menu > .dropdown-submenu .dropdown-menu > li > ul > li > a, | 2292 | .dropdown-menu > .dropdown-submenu .dropdown-menu > li > ul > li > a, |
| 2293 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > ul > li > a { | 2293 | .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu > li > ul > li > a { |
| 2294 | padding-left: 48px; | 2294 | padding-left: 48px; |
| 2295 | } | 2295 | } |
| 2296 | } | 2296 | } |
| 2297 | .dropdown-menu[class*=bg-] > .dropdown-submenu:hover > a, | 2297 | .dropdown-menu[class*=bg-] > .dropdown-submenu:hover > a, |
| 2298 | .dropdown-menu[class*=bg-] > .dropdown-submenu:focus > a { | 2298 | .dropdown-menu[class*=bg-] > .dropdown-submenu:focus > a { |
| 2299 | background-color: rgba(0, 0, 0, 0.1); | 2299 | background-color: rgba(0, 0, 0, 0.1); |
| 2300 | } | 2300 | } |
| 2301 | .dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:hover > a, | 2301 | .dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:hover > a, |
| 2302 | .dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:focus > a { | 2302 | .dropdown-menu[class*=bg-] > .dropdown-submenu.disabled:focus > a { |
| 2303 | background-color: transparent; | 2303 | background-color: transparent; |
| 2304 | } | 2304 | } |
| 2305 | .dropdown-header { | 2305 | .dropdown-header { |
| 2306 | padding: 8px 16px; | 2306 | padding: 8px 16px; |
| 2307 | font-size: 11px; | 2307 | font-size: 11px; |
| 2308 | line-height: 1.82; | 2308 | line-height: 1.82; |
| 2309 | color: #999999; | 2309 | color: #999999; |
| 2310 | text-transform: uppercase; | 2310 | text-transform: uppercase; |
| 2311 | margin-top: 8px; | 2311 | margin-top: 8px; |
| 2312 | } | 2312 | } |
| 2313 | .dropdown-header.highlight { | 2313 | .dropdown-header.highlight { |
| 2314 | margin-top: 0; | 2314 | margin-top: 0; |
| 2315 | background-color: #f8f8f8; | 2315 | background-color: #f8f8f8; |
| 2316 | color: #999999; | 2316 | color: #999999; |
| 2317 | } | 2317 | } |
| 2318 | li + .dropdown-header.highlight, | 2318 | li + .dropdown-header.highlight, |
| 2319 | .dropdown-header.highlight + li { | 2319 | .dropdown-header.highlight + li { |
| 2320 | margin-top: 8px; | 2320 | margin-top: 8px; |
| 2321 | } | 2321 | } |
| 2322 | .dropdown-header.highlight:first-child { | 2322 | .dropdown-header.highlight:first-child { |
| 2323 | margin-top: 0; | 2323 | margin-top: 0; |
| 2324 | } | 2324 | } |
| 2325 | .dropup .caret, | 2325 | .dropup .caret, |
| 2326 | .navbar-fixed-bottom .dropdown .caret { | 2326 | .navbar-fixed-bottom .dropdown .caret { |
| 2327 | border: 0; | 2327 | border: 0; |
| 2328 | } | 2328 | } |
| 2329 | .dropup .caret:after, | 2329 | .dropup .caret:after, |
| 2330 | .navbar-fixed-bottom .dropdown .caret:after { | 2330 | .navbar-fixed-bottom .dropdown .caret:after { |
| 2331 | content: '\e9c6'; | 2331 | content: '\e9c6'; |
| 2332 | } | 2332 | } |
| 2333 | /* ------------------------------------------------------------------------------ | 2333 | /* ------------------------------------------------------------------------------ |
| 2334 | * | 2334 | * |
| 2335 | * # Button group component | 2335 | * # Button group component |
| 2336 | * | 2336 | * |
| 2337 | * Overrides for button group bootstrap component | 2337 | * Overrides for button group bootstrap component |
| 2338 | * | 2338 | * |
| 2339 | * Version: 1.1 | 2339 | * Version: 1.1 |
| 2340 | * Latest update: Oct 20, 2015 | 2340 | * Latest update: Oct 20, 2015 |
| 2341 | * | 2341 | * |
| 2342 | * ---------------------------------------------------------------------------- */ | 2342 | * ---------------------------------------------------------------------------- */ |
| 2343 | .btn-group .btn + .btn, | 2343 | .btn-group .btn + .btn, |
| 2344 | .input-group-btn .btn + .btn, | 2344 | .input-group-btn .btn + .btn, |
| 2345 | .btn-group .btn + .btn-group, | 2345 | .btn-group .btn + .btn-group, |
| 2346 | .input-group-btn .btn + .btn-group, | 2346 | .input-group-btn .btn + .btn-group, |
| 2347 | .btn-group .btn-group + .btn, | 2347 | .btn-group .btn-group + .btn, |
| 2348 | .input-group-btn .btn-group + .btn, | 2348 | .input-group-btn .btn-group + .btn, |
| 2349 | .btn-group .btn-group + .btn-group, | 2349 | .btn-group .btn-group + .btn-group, |
| 2350 | .input-group-btn .btn-group + .btn-group { | 2350 | .input-group-btn .btn-group + .btn-group { |
| 2351 | margin-left: 1px; | 2351 | margin-left: 1px; |
| 2352 | } | 2352 | } |
| 2353 | .btn-toolbar { | 2353 | .btn-toolbar { |
| 2354 | font-size: 0; | 2354 | font-size: 0; |
| 2355 | } | 2355 | } |
| 2356 | .btn-toolbar .btn-group, | 2356 | .btn-toolbar .btn-group, |
| 2357 | .btn-toolbar .input-group { | 2357 | .btn-toolbar .input-group { |
| 2358 | float: none; | 2358 | float: none; |
| 2359 | } | 2359 | } |
| 2360 | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { | 2360 | .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { |
| 2361 | border-bottom-left-radius: 0; | 2361 | border-bottom-left-radius: 0; |
| 2362 | border-top-left-radius: 0; | 2362 | border-top-left-radius: 0; |
| 2363 | } | 2363 | } |
| 2364 | .btn-group > .btn + .dropdown-toggle { | 2364 | .btn-group > .btn + .dropdown-toggle { |
| 2365 | padding-left: 8px; | 2365 | padding-left: 8px; |
| 2366 | padding-right: 8px; | 2366 | padding-right: 8px; |
| 2367 | } | 2367 | } |
| 2368 | .btn-group > .btn-xlg + .dropdown-toggle, | 2368 | .btn-group > .btn-xlg + .dropdown-toggle, |
| 2369 | .btn-group-xlg > .btn + .dropdown-toggle { | 2369 | .btn-group-xlg > .btn + .dropdown-toggle { |
| 2370 | padding-left: 10px; | 2370 | padding-left: 10px; |
| 2371 | padding-right: 10px; | 2371 | padding-right: 10px; |
| 2372 | } | 2372 | } |
| 2373 | .btn-group > .btn-lg + .dropdown-toggle, | 2373 | .btn-group > .btn-lg + .dropdown-toggle, |
| 2374 | .btn-group-lg > .btn + .dropdown-toggle { | 2374 | .btn-group-lg > .btn + .dropdown-toggle { |
| 2375 | padding-left: 9px; | 2375 | padding-left: 9px; |
| 2376 | padding-right: 9px; | 2376 | padding-right: 9px; |
| 2377 | } | 2377 | } |
| 2378 | .btn-group > .btn-sm + .dropdown-toggle, | 2378 | .btn-group > .btn-sm + .dropdown-toggle, |
| 2379 | .btn-group-sm > .btn + .dropdown-toggle { | 2379 | .btn-group-sm > .btn + .dropdown-toggle { |
| 2380 | padding-left: 7px; | 2380 | padding-left: 7px; |
| 2381 | padding-right: 7px; | 2381 | padding-right: 7px; |
| 2382 | } | 2382 | } |
| 2383 | .btn-group > .btn-xs + .dropdown-toggle, | 2383 | .btn-group > .btn-xs + .dropdown-toggle, |
| 2384 | .btn-group-xs > .btn + .dropdown-toggle { | 2384 | .btn-group-xs > .btn + .dropdown-toggle { |
| 2385 | padding-left: 6px; | 2385 | padding-left: 6px; |
| 2386 | padding-right: 6px; | 2386 | padding-right: 6px; |
| 2387 | } | 2387 | } |
| 2388 | .btn-group.open .dropdown-toggle:not(.btn-flat):not(.btn-link), | 2388 | .btn-group.open .dropdown-toggle:not(.btn-flat):not(.btn-link), |
| 2389 | .input-group-btn.open .dropdown-toggle:not(.btn-flat):not(.btn-link) { | 2389 | .input-group-btn.open .dropdown-toggle:not(.btn-flat):not(.btn-link) { |
| 2390 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 2390 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 2391 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 2391 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 2392 | } | 2392 | } |
| 2393 | /* ------------------------------------------------------------------------------ | 2393 | /* ------------------------------------------------------------------------------ |
| 2394 | * | 2394 | * |
| 2395 | * # Input groups component | 2395 | * # Input groups component |
| 2396 | * | 2396 | * |
| 2397 | * Overrides for input groups bootstrap component | 2397 | * Overrides for input groups bootstrap component |
| 2398 | * | 2398 | * |
| 2399 | * Version: 1.1 | 2399 | * Version: 1.1 |
| 2400 | * Latest update: Mar 10, 2016 | 2400 | * Latest update: Mar 10, 2016 |
| 2401 | * | 2401 | * |
| 2402 | * ---------------------------------------------------------------------------- */ | 2402 | * ---------------------------------------------------------------------------- */ |
| 2403 | .input-group .form-control-feedback { | 2403 | .input-group .form-control-feedback { |
| 2404 | z-index: 3; | 2404 | z-index: 3; |
| 2405 | } | 2405 | } |
| 2406 | .input-group-xlg > .form-control, | 2406 | .input-group-xlg > .form-control, |
| 2407 | .input-group-xlg > .input-group-addon, | 2407 | .input-group-xlg > .input-group-addon, |
| 2408 | .input-group-xlg > .input-group-btn > .btn { | 2408 | .input-group-xlg > .input-group-btn > .btn { |
| 2409 | height: 42px; | 2409 | height: 42px; |
| 2410 | padding: 10px 0; | 2410 | padding: 10px 0; |
| 2411 | font-size: 15px; | 2411 | font-size: 15px; |
| 2412 | line-height: 1.333334; | 2412 | line-height: 1.333334; |
| 2413 | border-radius: 0; | 2413 | border-radius: 0; |
| 2414 | } | 2414 | } |
| 2415 | select.input-group-xlg > .form-control, | 2415 | select.input-group-xlg > .form-control, |
| 2416 | select.input-group-xlg > .input-group-addon, | 2416 | select.input-group-xlg > .input-group-addon, |
| 2417 | select.input-group-xlg > .input-group-btn > .btn { | 2417 | select.input-group-xlg > .input-group-btn > .btn { |
| 2418 | height: 42px; | 2418 | height: 42px; |
| 2419 | line-height: 42px; | 2419 | line-height: 42px; |
| 2420 | } | 2420 | } |
| 2421 | textarea.input-group-xlg > .form-control, | 2421 | textarea.input-group-xlg > .form-control, |
| 2422 | textarea.input-group-xlg > .input-group-addon, | 2422 | textarea.input-group-xlg > .input-group-addon, |
| 2423 | textarea.input-group-xlg > .input-group-btn > .btn, | 2423 | textarea.input-group-xlg > .input-group-btn > .btn, |
| 2424 | select[multiple].input-group-xlg > .form-control, | 2424 | select[multiple].input-group-xlg > .form-control, |
| 2425 | select[multiple].input-group-xlg > .input-group-addon, | 2425 | select[multiple].input-group-xlg > .input-group-addon, |
| 2426 | select[multiple].input-group-xlg > .input-group-btn > .btn { | 2426 | select[multiple].input-group-xlg > .input-group-btn > .btn { |
| 2427 | height: auto; | 2427 | height: auto; |
| 2428 | } | 2428 | } |
| 2429 | .input-group-xlg > .input-group-addon { | 2429 | .input-group-xlg > .input-group-addon { |
| 2430 | padding-right: 20px; | 2430 | padding-right: 20px; |
| 2431 | } | 2431 | } |
| 2432 | .input-group-xlg > .input-group-btn > .btn { | 2432 | .input-group-xlg > .input-group-btn > .btn { |
| 2433 | padding-left: 20px; | 2433 | padding-left: 20px; |
| 2434 | padding-right: 20px; | 2434 | padding-right: 20px; |
| 2435 | } | 2435 | } |
| 2436 | .input-group-lg > .form-control, | 2436 | .input-group-lg > .form-control, |
| 2437 | .input-group-lg > .input-group-addon, | 2437 | .input-group-lg > .input-group-addon, |
| 2438 | .input-group-lg > .input-group-btn > .btn { | 2438 | .input-group-lg > .input-group-btn > .btn { |
| 2439 | padding-left: 0; | 2439 | padding-left: 0; |
| 2440 | padding-right: 0; | 2440 | padding-right: 0; |
| 2441 | border-radius: 0; | 2441 | border-radius: 0; |
| 2442 | } | 2442 | } |
| 2443 | .input-group-lg > .input-group-addon { | 2443 | .input-group-lg > .input-group-addon { |
| 2444 | padding-right: 18px; | 2444 | padding-right: 18px; |
| 2445 | } | 2445 | } |
| 2446 | .input-group-lg > .input-group-btn > .btn { | 2446 | .input-group-lg > .input-group-btn > .btn { |
| 2447 | padding: 10px 19px; | 2447 | padding: 10px 19px; |
| 2448 | } | 2448 | } |
| 2449 | .input-group-sm > .form-control, | 2449 | .input-group-sm > .form-control, |
| 2450 | .input-group-sm > .input-group-addon, | 2450 | .input-group-sm > .input-group-addon, |
| 2451 | .input-group-sm > .input-group-btn > .btn { | 2451 | .input-group-sm > .input-group-btn > .btn { |
| 2452 | padding-left: 0; | 2452 | padding-left: 0; |
| 2453 | padding-right: 0; | 2453 | padding-right: 0; |
| 2454 | border-radius: 0; | 2454 | border-radius: 0; |
| 2455 | } | 2455 | } |
| 2456 | .input-group-sm > .input-group-addon { | 2456 | .input-group-sm > .input-group-addon { |
| 2457 | padding-right: 14px; | 2457 | padding-right: 14px; |
| 2458 | } | 2458 | } |
| 2459 | .input-group-sm > .input-group-btn > .btn { | 2459 | .input-group-sm > .input-group-btn > .btn { |
| 2460 | padding: 8px 15px; | 2460 | padding: 8px 15px; |
| 2461 | } | 2461 | } |
| 2462 | .input-group-xs > .form-control, | 2462 | .input-group-xs > .form-control, |
| 2463 | .input-group-xs > .input-group-addon, | 2463 | .input-group-xs > .input-group-addon, |
| 2464 | .input-group-xs > .input-group-btn > .btn { | 2464 | .input-group-xs > .input-group-btn > .btn { |
| 2465 | height: 34px; | 2465 | height: 34px; |
| 2466 | padding: 6px 0; | 2466 | padding: 6px 0; |
| 2467 | font-size: 12px; | 2467 | font-size: 12px; |
| 2468 | line-height: 1.6666667; | 2468 | line-height: 1.6666667; |
| 2469 | border-radius: 0; | 2469 | border-radius: 0; |
| 2470 | } | 2470 | } |
| 2471 | select.input-group-xs > .form-control, | 2471 | select.input-group-xs > .form-control, |
| 2472 | select.input-group-xs > .input-group-addon, | 2472 | select.input-group-xs > .input-group-addon, |
| 2473 | select.input-group-xs > .input-group-btn > .btn { | 2473 | select.input-group-xs > .input-group-btn > .btn { |
| 2474 | height: 34px; | 2474 | height: 34px; |
| 2475 | line-height: 34px; | 2475 | line-height: 34px; |
| 2476 | } | 2476 | } |
| 2477 | textarea.input-group-xs > .form-control, | 2477 | textarea.input-group-xs > .form-control, |
| 2478 | textarea.input-group-xs > .input-group-addon, | 2478 | textarea.input-group-xs > .input-group-addon, |
| 2479 | textarea.input-group-xs > .input-group-btn > .btn, | 2479 | textarea.input-group-xs > .input-group-btn > .btn, |
| 2480 | select[multiple].input-group-xs > .form-control, | 2480 | select[multiple].input-group-xs > .form-control, |
| 2481 | select[multiple].input-group-xs > .input-group-addon, | 2481 | select[multiple].input-group-xs > .input-group-addon, |
| 2482 | select[multiple].input-group-xs > .input-group-btn > .btn { | 2482 | select[multiple].input-group-xs > .input-group-btn > .btn { |
| 2483 | height: auto; | 2483 | height: auto; |
| 2484 | } | 2484 | } |
| 2485 | .input-group-xs > .input-group-addon { | 2485 | .input-group-xs > .input-group-addon { |
| 2486 | padding-right: 12px; | 2486 | padding-right: 12px; |
| 2487 | } | 2487 | } |
| 2488 | .input-group-xs > .input-group-btn > .btn { | 2488 | .input-group-xs > .input-group-btn > .btn { |
| 2489 | padding: 7px 13px; | 2489 | padding: 7px 13px; |
| 2490 | } | 2490 | } |
| 2491 | .input-group-transparent .input-group-addon { | 2491 | .input-group-transparent .input-group-addon { |
| 2492 | background-color: transparent; | 2492 | background-color: transparent; |
| 2493 | border-color: transparent; | 2493 | border-color: transparent; |
| 2494 | padding: 0; | 2494 | padding: 0; |
| 2495 | } | 2495 | } |
| 2496 | .input-group-transparent .form-control { | 2496 | .input-group-transparent .form-control { |
| 2497 | background-color: transparent; | 2497 | background-color: transparent; |
| 2498 | border-color: transparent; | 2498 | border-color: transparent; |
| 2499 | cursor: pointer; | 2499 | cursor: pointer; |
| 2500 | width: auto; | 2500 | width: auto; |
| 2501 | padding: 0; | 2501 | padding: 0; |
| 2502 | } | 2502 | } |
| 2503 | .input-group-transparent .form-control:hover, | 2503 | .input-group-transparent .form-control:hover, |
| 2504 | .input-group-transparent .form-control:focus { | 2504 | .input-group-transparent .form-control:focus { |
| 2505 | border-color: transparent; | 2505 | border-color: transparent; |
| 2506 | -webkit-box-shadow: none; | 2506 | -webkit-box-shadow: none; |
| 2507 | box-shadow: none; | 2507 | box-shadow: none; |
| 2508 | } | 2508 | } |
| 2509 | .input-group-addon { | 2509 | .input-group-addon { |
| 2510 | padding-left: 0; | 2510 | padding-left: 0; |
| 2511 | } | 2511 | } |
| 2512 | .input-group-addon:last-child { | 2512 | .input-group-addon:last-child { |
| 2513 | padding-right: 0; | 2513 | padding-right: 0; |
| 2514 | } | 2514 | } |
| 2515 | .input-group-addon > i { | 2515 | .input-group-addon > i { |
| 2516 | display: block; | 2516 | display: block; |
| 2517 | top: 0; | 2517 | top: 0; |
| 2518 | } | 2518 | } |
| 2519 | .input-group-addon .checker, | 2519 | .input-group-addon .checker, |
| 2520 | .input-group-addon .choice { | 2520 | .input-group-addon .choice { |
| 2521 | display: block; | 2521 | display: block; |
| 2522 | margin-top: 1px; | 2522 | margin-top: 1px; |
| 2523 | } | 2523 | } |
| 2524 | .input-group input + .input-group-addon, | 2524 | .input-group input + .input-group-addon, |
| 2525 | .input-group-btn + .input-group-addon, | 2525 | .input-group-btn + .input-group-addon, |
| 2526 | .input-group > .fas-feedback + .input-group-addon { | 2526 | .input-group > .fas-feedback + .input-group-addon { |
| 2527 | padding-left: 16px; | 2527 | padding-left: 16px; |
| 2528 | } | 2528 | } |
| 2529 | .has-warning .input-group-addon, | 2529 | .has-warning .input-group-addon, |
| 2530 | .has-success .input-group-addon, | 2530 | .has-success .input-group-addon, |
| 2531 | .has-error .input-group-addon { | 2531 | .has-error .input-group-addon { |
| 2532 | border-color: transparent; | 2532 | border-color: transparent; |
| 2533 | background-color: transparent; | 2533 | background-color: transparent; |
| 2534 | } | 2534 | } |
| 2535 | .input-group-xlg > .form-control + .input-group-addon { | 2535 | .input-group-xlg > .form-control + .input-group-addon { |
| 2536 | padding-left: 20px; | 2536 | padding-left: 20px; |
| 2537 | } | 2537 | } |
| 2538 | .input-group-lg > .form-control + .input-group-addon { | 2538 | .input-group-lg > .form-control + .input-group-addon { |
| 2539 | padding-left: 18px; | 2539 | padding-left: 18px; |
| 2540 | } | 2540 | } |
| 2541 | .input-group-sm > .form-control + .input-group-addon { | 2541 | .input-group-sm > .form-control + .input-group-addon { |
| 2542 | padding-left: 14px; | 2542 | padding-left: 14px; |
| 2543 | } | 2543 | } |
| 2544 | .input-group-xs > .form-control + .input-group-addon { | 2544 | .input-group-xs > .form-control + .input-group-addon { |
| 2545 | padding-left: 12px; | 2545 | padding-left: 12px; |
| 2546 | } | 2546 | } |
| 2547 | .input-group-btn { | 2547 | .input-group-btn { |
| 2548 | padding-right: 16px; | 2548 | padding-right: 16px; |
| 2549 | } | 2549 | } |
| 2550 | .input-group-btn:first-child > .btn, | 2550 | .input-group-btn:first-child > .btn, |
| 2551 | .input-group-btn:first-child > .btn-group { | 2551 | .input-group-btn:first-child > .btn-group { |
| 2552 | margin-right: 0; | 2552 | margin-right: 0; |
| 2553 | } | 2553 | } |
| 2554 | .input-group-btn:last-child { | 2554 | .input-group-btn:last-child { |
| 2555 | padding-right: 0; | 2555 | padding-right: 0; |
| 2556 | } | 2556 | } |
| 2557 | .input-group > .form-control + .input-group-btn, | 2557 | .input-group > .form-control + .input-group-btn, |
| 2558 | .input-group > .has-feedback + .input-group-btn { | 2558 | .input-group > .has-feedback + .input-group-btn { |
| 2559 | padding-left: 16px; | 2559 | padding-left: 16px; |
| 2560 | } | 2560 | } |
| 2561 | .input-group-btn + .input-group-addon { | 2561 | .input-group-btn + .input-group-addon { |
| 2562 | padding-left: 0; | 2562 | padding-left: 0; |
| 2563 | } | 2563 | } |
| 2564 | .input-group-xlg .input-group-btn:not(:last-child) { | 2564 | .input-group-xlg .input-group-btn:not(:last-child) { |
| 2565 | padding-right: 20px; | 2565 | padding-right: 20px; |
| 2566 | } | 2566 | } |
| 2567 | .input-group-xlg > .form-control + .input-group-btn { | 2567 | .input-group-xlg > .form-control + .input-group-btn { |
| 2568 | padding-left: 20px; | 2568 | padding-left: 20px; |
| 2569 | } | 2569 | } |
| 2570 | .input-group-lg .input-group-btn:not(:last-child) { | 2570 | .input-group-lg .input-group-btn:not(:last-child) { |
| 2571 | padding-right: 18px; | 2571 | padding-right: 18px; |
| 2572 | } | 2572 | } |
| 2573 | .input-group-lg > .form-control + .input-group-btn { | 2573 | .input-group-lg > .form-control + .input-group-btn { |
| 2574 | padding-left: 18px; | 2574 | padding-left: 18px; |
| 2575 | } | 2575 | } |
| 2576 | .input-group-sm .input-group-btn:not(:last-child) { | 2576 | .input-group-sm .input-group-btn:not(:last-child) { |
| 2577 | padding-right: 14px; | 2577 | padding-right: 14px; |
| 2578 | } | 2578 | } |
| 2579 | .input-group-sm > .form-control + .input-group-btn { | 2579 | .input-group-sm > .form-control + .input-group-btn { |
| 2580 | padding-left: 14px; | 2580 | padding-left: 14px; |
| 2581 | } | 2581 | } |
| 2582 | .input-group-xs .input-group-btn:not(:last-child) { | 2582 | .input-group-xs .input-group-btn:not(:last-child) { |
| 2583 | padding-right: 12px; | 2583 | padding-right: 12px; |
| 2584 | } | 2584 | } |
| 2585 | .input-group-xs > .form-control + .input-group-btn { | 2585 | .input-group-xs > .form-control + .input-group-btn { |
| 2586 | padding-left: 12px; | 2586 | padding-left: 12px; |
| 2587 | } | 2587 | } |
| 2588 | .input-group-btn > .btn, | 2588 | .input-group-btn > .btn, |
| 2589 | .input-group-btn > .btn-group > .btn { | 2589 | .input-group-btn > .btn-group > .btn { |
| 2590 | border-radius: 0; | 2590 | border-radius: 0; |
| 2591 | } | 2591 | } |
| 2592 | .input-group-btn > .btn-rounded { | 2592 | .input-group-btn > .btn-rounded { |
| 2593 | border-radius: 100px!important; | 2593 | border-radius: 100px!important; |
| 2594 | } | 2594 | } |
| 2595 | .input-group-btn:first-child > .btn:first-child, | 2595 | .input-group-btn:first-child > .btn:first-child, |
| 2596 | .input-group-btn:first-child > .btn-group > .btn, | 2596 | .input-group-btn:first-child > .btn-group > .btn, |
| 2597 | .input-group-btn > .btn-group:first-child > .btn, | 2597 | .input-group-btn > .btn-group:first-child > .btn, |
| 2598 | .input-group-btn > .btn:first-child { | 2598 | .input-group-btn > .btn:first-child { |
| 2599 | border-bottom-left-radius: 3px; | 2599 | border-bottom-left-radius: 3px; |
| 2600 | border-top-left-radius: 3px; | 2600 | border-top-left-radius: 3px; |
| 2601 | } | 2601 | } |
| 2602 | .input-group-btn > .btn:last-child, | 2602 | .input-group-btn > .btn:last-child, |
| 2603 | .input-group-btn:last-child > .btn-group > .btn, | 2603 | .input-group-btn:last-child > .btn-group > .btn, |
| 2604 | .input-group-btn > .btn-group:last-child > .btn, | 2604 | .input-group-btn > .btn-group:last-child > .btn, |
| 2605 | .input-group-btn > .btn:last-of-type { | 2605 | .input-group-btn > .btn:last-of-type { |
| 2606 | border-bottom-right-radius: 3px; | 2606 | border-bottom-right-radius: 3px; |
| 2607 | border-top-right-radius: 3px; | 2607 | border-top-right-radius: 3px; |
| 2608 | } | 2608 | } |
| 2609 | /* ------------------------------------------------------------------------------ | 2609 | /* ------------------------------------------------------------------------------ |
| 2610 | * | 2610 | * |
| 2611 | * # Navs related component | 2611 | * # Navs related component |
| 2612 | * | 2612 | * |
| 2613 | * Overrides for navs related bootstrap component | 2613 | * Overrides for navs related bootstrap component |
| 2614 | * | 2614 | * |
| 2615 | * Version: 1.3 | 2615 | * Version: 1.3 |
| 2616 | * Latest update: Aug 10, 2016 | 2616 | * Latest update: Aug 10, 2016 |
| 2617 | * | 2617 | * |
| 2618 | * ---------------------------------------------------------------------------- */ | 2618 | * ---------------------------------------------------------------------------- */ |
| 2619 | .nav > li > a:focus { | 2619 | .nav > li > a:focus { |
| 2620 | outline: 0; | 2620 | outline: 0; |
| 2621 | } | 2621 | } |
| 2622 | .nav > li.disabled > a > .badge, | 2622 | .nav > li.disabled > a > .badge, |
| 2623 | .nav > li.disabled > a > .label, | 2623 | .nav > li.disabled > a > .label, |
| 2624 | .nav > li.disabled > a > .status-mark, | 2624 | .nav > li.disabled > a > .status-mark, |
| 2625 | .nav > li.disabled > a > img { | 2625 | .nav > li.disabled > a > img { |
| 2626 | opacity: 0.75; | 2626 | opacity: 0.75; |
| 2627 | filter: alpha(opacity=75); | 2627 | filter: alpha(opacity=75); |
| 2628 | } | 2628 | } |
| 2629 | .nav .open > a, | 2629 | .nav .open > a, |
| 2630 | .nav .open > a:hover, | 2630 | .nav .open > a:hover, |
| 2631 | .nav .open > a:focus { | 2631 | .nav .open > a:focus { |
| 2632 | background-color: transparent; | 2632 | background-color: transparent; |
| 2633 | border-color: transparent; | 2633 | border-color: transparent; |
| 2634 | color: #333333; | 2634 | color: #333333; |
| 2635 | } | 2635 | } |
| 2636 | .nav.nav-lg > li > a { | 2636 | .nav.nav-lg > li > a { |
| 2637 | padding: 13.5px 18px; | 2637 | padding: 13.5px 18px; |
| 2638 | } | 2638 | } |
| 2639 | .nav.nav-sm > li > a { | 2639 | .nav.nav-sm > li > a { |
| 2640 | padding: 10.5px 14px; | 2640 | padding: 10.5px 14px; |
| 2641 | } | 2641 | } |
| 2642 | .nav.nav-xs > li > a { | 2642 | .nav.nav-xs > li > a { |
| 2643 | padding: 9px 12px; | 2643 | padding: 9px 12px; |
| 2644 | } | 2644 | } |
| 2645 | .nav .tab-img { | 2645 | .nav .tab-img { |
| 2646 | max-height: 20px; | 2646 | max-height: 20px; |
| 2647 | display: inline-block; | 2647 | display: inline-block; |
| 2648 | vertical-align: top; | 2648 | vertical-align: top; |
| 2649 | } | 2649 | } |
| 2650 | .nav-tabs { | 2650 | .nav-tabs { |
| 2651 | margin-bottom: 20px; | 2651 | margin-bottom: 20px; |
| 2652 | } | 2652 | } |
| 2653 | .nav-tabs > li { | 2653 | .nav-tabs > li { |
| 2654 | float: none; | 2654 | float: none; |
| 2655 | } | 2655 | } |
| 2656 | .nav-tabs > li > a { | 2656 | .nav-tabs > li > a { |
| 2657 | margin-right: 0; | 2657 | margin-right: 0; |
| 2658 | color: #999; | 2658 | color: #999; |
| 2659 | border-radius: 0; | 2659 | border-radius: 0; |
| 2660 | text-transform: uppercase; | 2660 | text-transform: uppercase; |
| 2661 | } | 2661 | } |
| 2662 | .nav-tabs > li > a:hover, | 2662 | .nav-tabs > li > a:hover, |
| 2663 | .nav-tabs > li > a:focus { | 2663 | .nav-tabs > li > a:focus { |
| 2664 | background-color: transparent; | 2664 | background-color: transparent; |
| 2665 | border-color: transparent; | 2665 | border-color: transparent; |
| 2666 | color: #333333; | 2666 | color: #333333; |
| 2667 | } | 2667 | } |
| 2668 | .nav-tabs > li > a.legitRipple { | 2668 | .nav-tabs > li > a.legitRipple { |
| 2669 | margin-bottom: -1px; | 2669 | margin-bottom: -1px; |
| 2670 | } | 2670 | } |
| 2671 | .nav-tabs > li > a > [class*=icon-].pull-right { | 2671 | .nav-tabs > li > a > [class*=icon-].pull-right { |
| 2672 | float: right; | 2672 | float: right; |
| 2673 | margin-top: 2px; | 2673 | margin-top: 2px; |
| 2674 | } | 2674 | } |
| 2675 | .nav-tabs.nav-justified > li > a { | 2675 | .nav-tabs.nav-justified > li > a { |
| 2676 | border-radius: 0; | 2676 | border-radius: 0; |
| 2677 | margin-bottom: 0; | 2677 | margin-bottom: 0; |
| 2678 | } | 2678 | } |
| 2679 | .nav-tabs.nav-justified > li > a:hover, | 2679 | .nav-tabs.nav-justified > li > a:hover, |
| 2680 | .nav-tabs.nav-justified > li > a:focus { | 2680 | .nav-tabs.nav-justified > li > a:focus { |
| 2681 | border-bottom-color: #ddd; | 2681 | border-bottom-color: #ddd; |
| 2682 | } | 2682 | } |
| 2683 | @media (min-width: 769px) { | 2683 | @media (min-width: 769px) { |
| 2684 | .nav-tabs.nav-justified.nav-tabs-top { | 2684 | .nav-tabs.nav-justified.nav-tabs-top { |
| 2685 | border-bottom: 1px solid #ddd; | 2685 | border-bottom: 1px solid #ddd; |
| 2686 | } | 2686 | } |
| 2687 | .nav-tabs.nav-justified.nav-tabs-top > li > a, | 2687 | .nav-tabs.nav-justified.nav-tabs-top > li > a, |
| 2688 | .nav-tabs.nav-justified.nav-tabs-top > li > a:hover, | 2688 | .nav-tabs.nav-justified.nav-tabs-top > li > a:hover, |
| 2689 | .nav-tabs.nav-justified.nav-tabs-top > li > a:focus { | 2689 | .nav-tabs.nav-justified.nav-tabs-top > li > a:focus { |
| 2690 | border: 0; | 2690 | border: 0; |
| 2691 | } | 2691 | } |
| 2692 | .nav-tabs.nav-justified.nav-tabs-bottom { | 2692 | .nav-tabs.nav-justified.nav-tabs-bottom { |
| 2693 | border-bottom: 1px solid #ddd; | 2693 | border-bottom: 1px solid #ddd; |
| 2694 | } | 2694 | } |
| 2695 | .nav-tabs.nav-justified.nav-tabs-highlight > li > a, | 2695 | .nav-tabs.nav-justified.nav-tabs-highlight > li > a, |
| 2696 | .nav-tabs.nav-justified.nav-tabs-highlight > li > a:hover, | 2696 | .nav-tabs.nav-justified.nav-tabs-highlight > li > a:hover, |
| 2697 | .nav-tabs.nav-justified.nav-tabs-highlight > li > a:focus { | 2697 | .nav-tabs.nav-justified.nav-tabs-highlight > li > a:focus { |
| 2698 | border-top-width: 2px; | 2698 | border-top-width: 2px; |
| 2699 | } | 2699 | } |
| 2700 | } | 2700 | } |
| 2701 | @media (max-width: 768px) { | 2701 | @media (max-width: 768px) { |
| 2702 | .nav-tabs.nav-justified > li.active > a, | 2702 | .nav-tabs.nav-justified > li.active > a, |
| 2703 | .nav-tabs.nav-justified > li.active > a:hover, | 2703 | .nav-tabs.nav-justified > li.active > a:hover, |
| 2704 | .nav-tabs.nav-justified > li.active > a:focus { | 2704 | .nav-tabs.nav-justified > li.active > a:focus { |
| 2705 | border-width: 0 0 0 2px; | 2705 | border-width: 0 0 0 2px; |
| 2706 | border-left-color: #EC407A; | 2706 | border-left-color: #EC407A; |
| 2707 | } | 2707 | } |
| 2708 | } | 2708 | } |
| 2709 | @media (min-width: 769px) { | 2709 | @media (min-width: 769px) { |
| 2710 | .nav-tabs.nav-tabs-highlight > li > a, | 2710 | .nav-tabs.nav-tabs-highlight > li > a, |
| 2711 | .nav-tabs.nav-tabs-highlight > li > a:hover, | 2711 | .nav-tabs.nav-tabs-highlight > li > a:hover, |
| 2712 | .nav-tabs.nav-tabs-highlight > li > a:focus { | 2712 | .nav-tabs.nav-tabs-highlight > li > a:focus { |
| 2713 | border-top-width: 2px; | 2713 | border-top-width: 2px; |
| 2714 | } | 2714 | } |
| 2715 | .nav-tabs.nav-tabs-highlight > li.active > a, | 2715 | .nav-tabs.nav-tabs-highlight > li.active > a, |
| 2716 | .nav-tabs.nav-tabs-highlight > li.active > a:hover, | 2716 | .nav-tabs.nav-tabs-highlight > li.active > a:hover, |
| 2717 | .nav-tabs.nav-tabs-highlight > li.active > a:focus { | 2717 | .nav-tabs.nav-tabs-highlight > li.active > a:focus { |
| 2718 | border-top-color: #EC407A; | 2718 | border-top-color: #EC407A; |
| 2719 | } | 2719 | } |
| 2720 | } | 2720 | } |
| 2721 | @media (min-width: 769px) { | 2721 | @media (min-width: 769px) { |
| 2722 | .nav-tabs.nav-tabs-top > li { | 2722 | .nav-tabs.nav-tabs-top > li { |
| 2723 | margin-bottom: 0; | 2723 | margin-bottom: 0; |
| 2724 | } | 2724 | } |
| 2725 | .nav-tabs.nav-tabs-top > li > a, | 2725 | .nav-tabs.nav-tabs-top > li > a, |
| 2726 | .nav-tabs.nav-tabs-top > li > a:hover, | 2726 | .nav-tabs.nav-tabs-top > li > a:hover, |
| 2727 | .nav-tabs.nav-tabs-top > li > a:focus { | 2727 | .nav-tabs.nav-tabs-top > li > a:focus { |
| 2728 | border: 0; | 2728 | border: 0; |
| 2729 | } | 2729 | } |
| 2730 | .nav-tabs.nav-tabs-top > li > a:after { | 2730 | .nav-tabs.nav-tabs-top > li > a:after { |
| 2731 | content: ''; | 2731 | content: ''; |
| 2732 | position: absolute; | 2732 | position: absolute; |
| 2733 | top: 0; | 2733 | top: 0; |
| 2734 | left: 0; | 2734 | left: 0; |
| 2735 | right: 0; | 2735 | right: 0; |
| 2736 | height: 2px; | 2736 | height: 2px; |
| 2737 | } | 2737 | } |
| 2738 | .nav-tabs.nav-tabs-top > li.open > a:after, | 2738 | .nav-tabs.nav-tabs-top > li.open > a:after, |
| 2739 | .nav-tabs.nav-tabs-top > li > a:hover:after, | 2739 | .nav-tabs.nav-tabs-top > li > a:hover:after, |
| 2740 | .nav-tabs.nav-tabs-top > li > a:focus:after { | 2740 | .nav-tabs.nav-tabs-top > li > a:focus:after { |
| 2741 | background-color: #ddd; | 2741 | background-color: #ddd; |
| 2742 | } | 2742 | } |
| 2743 | .nav-tabs.nav-tabs-top > li.active > a:after { | 2743 | .nav-tabs.nav-tabs-top > li.active > a:after { |
| 2744 | background-color: #F06292; | 2744 | background-color: #F06292; |
| 2745 | } | 2745 | } |
| 2746 | .nav-tabs.nav-tabs-top > li.active > a, | 2746 | .nav-tabs.nav-tabs-top > li.active > a, |
| 2747 | .nav-tabs.nav-tabs-top > li.active > a:hover, | 2747 | .nav-tabs.nav-tabs-top > li.active > a:hover, |
| 2748 | .nav-tabs.nav-tabs-top > li.active > a:focus { | 2748 | .nav-tabs.nav-tabs-top > li.active > a:focus { |
| 2749 | background-color: transparent; | 2749 | background-color: transparent; |
| 2750 | } | 2750 | } |
| 2751 | .nav-tabs.nav-tabs-top.top-divided { | 2751 | .nav-tabs.nav-tabs-top.top-divided { |
| 2752 | border-bottom-color: transparent; | 2752 | border-bottom-color: transparent; |
| 2753 | } | 2753 | } |
| 2754 | } | 2754 | } |
| 2755 | @media (min-width: 769px) { | 2755 | @media (min-width: 769px) { |
| 2756 | .nav-tabs.nav-tabs-bottom > li { | 2756 | .nav-tabs.nav-tabs-bottom > li { |
| 2757 | margin-bottom: 0; | 2757 | margin-bottom: 0; |
| 2758 | } | 2758 | } |
| 2759 | .nav-tabs.nav-tabs-bottom > li > a { | 2759 | .nav-tabs.nav-tabs-bottom > li > a { |
| 2760 | border-width: 0; | 2760 | border-width: 0; |
| 2761 | margin-bottom: -1px; | 2761 | margin-bottom: -1px; |
| 2762 | } | 2762 | } |
| 2763 | .nav-tabs.nav-tabs-bottom > li > a:after { | 2763 | .nav-tabs.nav-tabs-bottom > li > a:after { |
| 2764 | content: ''; | 2764 | content: ''; |
| 2765 | position: absolute; | 2765 | position: absolute; |
| 2766 | bottom: 0; | 2766 | bottom: 0; |
| 2767 | left: 0; | 2767 | left: 0; |
| 2768 | right: 0; | 2768 | right: 0; |
| 2769 | height: 2px; | 2769 | height: 2px; |
| 2770 | } | 2770 | } |
| 2771 | .nav-tabs.nav-tabs-bottom > li.active > a:after { | 2771 | .nav-tabs.nav-tabs-bottom > li.active > a:after { |
| 2772 | background-color: #F06292; | 2772 | background-color: #F06292; |
| 2773 | } | 2773 | } |
| 2774 | .nav-tabs.nav-tabs-bottom > li.active > a, | 2774 | .nav-tabs.nav-tabs-bottom > li.active > a, |
| 2775 | .nav-tabs.nav-tabs-bottom > li.active > a:hover, | 2775 | .nav-tabs.nav-tabs-bottom > li.active > a:hover, |
| 2776 | .nav-tabs.nav-tabs-bottom > li.active > a:focus { | 2776 | .nav-tabs.nav-tabs-bottom > li.active > a:focus { |
| 2777 | background-color: transparent; | 2777 | background-color: transparent; |
| 2778 | border-width: 0; | 2778 | border-width: 0; |
| 2779 | } | 2779 | } |
| 2780 | .nav-tabs.nav-tabs-bottom.bottom-divided { | 2780 | .nav-tabs.nav-tabs-bottom.bottom-divided { |
| 2781 | border-bottom-color: transparent; | 2781 | border-bottom-color: transparent; |
| 2782 | } | 2782 | } |
| 2783 | } | 2783 | } |
| 2784 | .nav-tabs[class*=bg-] { | 2784 | .nav-tabs[class*=bg-] { |
| 2785 | border-bottom: 0; | 2785 | border-bottom: 0; |
| 2786 | } | 2786 | } |
| 2787 | .nav-tabs[class*=bg-] > li { | 2787 | .nav-tabs[class*=bg-] > li { |
| 2788 | margin-bottom: 0; | 2788 | margin-bottom: 0; |
| 2789 | } | 2789 | } |
| 2790 | .nav-tabs[class*=bg-] > li > a { | 2790 | .nav-tabs[class*=bg-] > li > a { |
| 2791 | color: #fff; | 2791 | color: #fff; |
| 2792 | border-width: 0; | 2792 | border-width: 0; |
| 2793 | } | 2793 | } |
| 2794 | .nav-tabs[class*=bg-] > li > a:hover, | 2794 | .nav-tabs[class*=bg-] > li > a:hover, |
| 2795 | .nav-tabs[class*=bg-] > li > a:focus { | 2795 | .nav-tabs[class*=bg-] > li > a:focus { |
| 2796 | background-color: rgba(0, 0, 0, 0.05); | 2796 | background-color: rgba(0, 0, 0, 0.05); |
| 2797 | } | 2797 | } |
| 2798 | .nav-tabs[class*=bg-] > li.open:not(.active) > a { | 2798 | .nav-tabs[class*=bg-] > li.open:not(.active) > a { |
| 2799 | color: #fff; | 2799 | color: #fff; |
| 2800 | background-color: rgba(0, 0, 0, 0.05); | 2800 | background-color: rgba(0, 0, 0, 0.05); |
| 2801 | } | 2801 | } |
| 2802 | .nav-tabs[class*=bg-] > .active > a, | 2802 | .nav-tabs[class*=bg-] > .active > a, |
| 2803 | .nav-tabs[class*=bg-] > .active > a:hover, | 2803 | .nav-tabs[class*=bg-] > .active > a:hover, |
| 2804 | .nav-tabs[class*=bg-] > .active > a:focus { | 2804 | .nav-tabs[class*=bg-] > .active > a:focus { |
| 2805 | background-color: rgba(0, 0, 0, 0.1); | 2805 | background-color: rgba(0, 0, 0, 0.1); |
| 2806 | border-width: 0; | 2806 | border-width: 0; |
| 2807 | color: #fff; | 2807 | color: #fff; |
| 2808 | } | 2808 | } |
| 2809 | .nav-tabs[class*=bg-] > .disabled > a, | 2809 | .nav-tabs[class*=bg-] > .disabled > a, |
| 2810 | .nav-tabs[class*=bg-] > .disabled > a:hover, | 2810 | .nav-tabs[class*=bg-] > .disabled > a:hover, |
| 2811 | .nav-tabs[class*=bg-] > .disabled > a:focus { | 2811 | .nav-tabs[class*=bg-] > .disabled > a:focus { |
| 2812 | color: rgba(255, 255, 255, 0.5); | 2812 | color: rgba(255, 255, 255, 0.5); |
| 2813 | } | 2813 | } |
| 2814 | @media (min-width: 769px) { | 2814 | @media (min-width: 769px) { |
| 2815 | .nav-tabs[class*=bg-] { | 2815 | .nav-tabs[class*=bg-] { |
| 2816 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 2816 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 2817 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 2817 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 2818 | } | 2818 | } |
| 2819 | .tab-content-bordered .nav-tabs[class*=bg-] { | 2819 | .tab-content-bordered .nav-tabs[class*=bg-] { |
| 2820 | border-bottom-right-radius: 0; | 2820 | border-bottom-right-radius: 0; |
| 2821 | border-bottom-left-radius: 0; | 2821 | border-bottom-left-radius: 0; |
| 2822 | } | 2822 | } |
| 2823 | } | 2823 | } |
| 2824 | @media (min-width: 769px) { | 2824 | @media (min-width: 769px) { |
| 2825 | .nav-tabs.nav-tabs-solid { | 2825 | .nav-tabs.nav-tabs-solid { |
| 2826 | background-color: #d5d3d3; | 2826 | background-color: #d5d3d3; |
| 2827 | border: 0; | 2827 | border: 0; |
| 2828 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 2828 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 2829 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 2829 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 2830 | } | 2830 | } |
| 2831 | .panel .nav-tabs.nav-tabs-solid { | 2831 | .panel .nav-tabs.nav-tabs-solid { |
| 2832 | background-color: #f8f8f8; | 2832 | background-color: #f8f8f8; |
| 2833 | } | 2833 | } |
| 2834 | .nav-tabs.nav-tabs-solid > li { | 2834 | .nav-tabs.nav-tabs-solid > li { |
| 2835 | margin-bottom: 0; | 2835 | margin-bottom: 0; |
| 2836 | } | 2836 | } |
| 2837 | .nav-tabs.nav-tabs-solid > li > a { | 2837 | .nav-tabs.nav-tabs-solid > li > a { |
| 2838 | border-width: 0; | 2838 | border-width: 0; |
| 2839 | } | 2839 | } |
| 2840 | .nav-tabs.nav-tabs-solid > li > a:after { | 2840 | .nav-tabs.nav-tabs-solid > li > a:after { |
| 2841 | content: ''; | 2841 | content: ''; |
| 2842 | position: absolute; | 2842 | position: absolute; |
| 2843 | bottom: 0; | 2843 | bottom: 0; |
| 2844 | left: 0; | 2844 | left: 0; |
| 2845 | right: 0; | 2845 | right: 0; |
| 2846 | height: 2px; | 2846 | height: 2px; |
| 2847 | } | 2847 | } |
| 2848 | .nav-tabs.nav-tabs-solid > li > a:hover, | 2848 | .nav-tabs.nav-tabs-solid > li > a:hover, |
| 2849 | .nav-tabs.nav-tabs-solid > li > a:focus { | 2849 | .nav-tabs.nav-tabs-solid > li > a:focus { |
| 2850 | background-color: transparent; | 2850 | background-color: transparent; |
| 2851 | } | 2851 | } |
| 2852 | .nav-tabs.nav-tabs-solid > .active > a, | 2852 | .nav-tabs.nav-tabs-solid > .active > a, |
| 2853 | .nav-tabs.nav-tabs-solid > .active > a:hover, | 2853 | .nav-tabs.nav-tabs-solid > .active > a:hover, |
| 2854 | .nav-tabs.nav-tabs-solid > .active > a:focus { | 2854 | .nav-tabs.nav-tabs-solid > .active > a:focus { |
| 2855 | background-color: transparent; | 2855 | background-color: transparent; |
| 2856 | border-width: 0; | 2856 | border-width: 0; |
| 2857 | } | 2857 | } |
| 2858 | .nav-tabs.nav-tabs-solid > .active > a:after, | 2858 | .nav-tabs.nav-tabs-solid > .active > a:after, |
| 2859 | .nav-tabs.nav-tabs-solid > .active > a:hover:after, | 2859 | .nav-tabs.nav-tabs-solid > .active > a:hover:after, |
| 2860 | .nav-tabs.nav-tabs-solid > .active > a:focus:after { | 2860 | .nav-tabs.nav-tabs-solid > .active > a:focus:after { |
| 2861 | background-color: #F06292; | 2861 | background-color: #F06292; |
| 2862 | } | 2862 | } |
| 2863 | .nav-tabs.nav-tabs-solid > .open:not(.active) > a { | 2863 | .nav-tabs.nav-tabs-solid > .open:not(.active) > a { |
| 2864 | background-color: transparent; | 2864 | background-color: transparent; |
| 2865 | } | 2865 | } |
| 2866 | .nav-tabs.nav-tabs-solid.nav-tabs-component > li:first-child > a:after { | 2866 | .nav-tabs.nav-tabs-solid.nav-tabs-component > li:first-child > a:after { |
| 2867 | border-radius: 0 0 0 3px; | 2867 | border-radius: 0 0 0 3px; |
| 2868 | } | 2868 | } |
| 2869 | .nav-tabs.nav-tabs-solid.nav-tabs-component.nav-justified > li:last-child > a:after { | 2869 | .nav-tabs.nav-tabs-solid.nav-tabs-component.nav-justified > li:last-child > a:after { |
| 2870 | border-radius: 0 0 3px 0; | 2870 | border-radius: 0 0 3px 0; |
| 2871 | } | 2871 | } |
| 2872 | } | 2872 | } |
| 2873 | .nav-tabs.nav-tabs-icon > li > a > i { | 2873 | .nav-tabs.nav-tabs-icon > li > a > i { |
| 2874 | margin-right: 8px; | 2874 | margin-right: 8px; |
| 2875 | } | 2875 | } |
| 2876 | @media (min-width: 769px) { | 2876 | @media (min-width: 769px) { |
| 2877 | .nav-tabs.nav-tabs-icon > li > a { | 2877 | .nav-tabs.nav-tabs-icon > li > a { |
| 2878 | padding-bottom: 8px; | 2878 | padding-bottom: 8px; |
| 2879 | } | 2879 | } |
| 2880 | .nav-tabs.nav-tabs-icon > li > a > i { | 2880 | .nav-tabs.nav-tabs-icon > li > a > i { |
| 2881 | display: block; | 2881 | display: block; |
| 2882 | margin: 0 0 8px; | 2882 | margin: 0 0 8px; |
| 2883 | } | 2883 | } |
| 2884 | .nav-tabs.nav-tabs-icon.nav-lg > li > a { | 2884 | .nav-tabs.nav-tabs-icon.nav-lg > li > a { |
| 2885 | padding-bottom: 9px; | 2885 | padding-bottom: 9px; |
| 2886 | } | 2886 | } |
| 2887 | .nav-tabs.nav-tabs-icon.nav-lg > li > a > i { | 2887 | .nav-tabs.nav-tabs-icon.nav-lg > li > a > i { |
| 2888 | margin-bottom: 9px; | 2888 | margin-bottom: 9px; |
| 2889 | } | 2889 | } |
| 2890 | .nav-tabs.nav-tabs-icon.nav-sm > li > a { | 2890 | .nav-tabs.nav-tabs-icon.nav-sm > li > a { |
| 2891 | padding-bottom: 6px; | 2891 | padding-bottom: 6px; |
| 2892 | } | 2892 | } |
| 2893 | .nav-tabs.nav-tabs-icon.nav-sm > li > a > i { | 2893 | .nav-tabs.nav-tabs-icon.nav-sm > li > a > i { |
| 2894 | margin-bottom: 7px; | 2894 | margin-bottom: 7px; |
| 2895 | } | 2895 | } |
| 2896 | .nav-tabs.nav-tabs-icon.nav-xs > li > a { | 2896 | .nav-tabs.nav-tabs-icon.nav-xs > li > a { |
| 2897 | padding-bottom: 4px; | 2897 | padding-bottom: 4px; |
| 2898 | } | 2898 | } |
| 2899 | .nav-tabs.nav-tabs-icon.nav-xs > li > a > i { | 2899 | .nav-tabs.nav-tabs-icon.nav-xs > li > a > i { |
| 2900 | margin-bottom: 6px; | 2900 | margin-bottom: 6px; |
| 2901 | } | 2901 | } |
| 2902 | } | 2902 | } |
| 2903 | @media (min-width: 769px) { | 2903 | @media (min-width: 769px) { |
| 2904 | .nav-tabs { | 2904 | .nav-tabs { |
| 2905 | font-size: 0; | 2905 | font-size: 0; |
| 2906 | } | 2906 | } |
| 2907 | .nav-tabs > li { | 2907 | .nav-tabs > li { |
| 2908 | display: inline-block; | 2908 | display: inline-block; |
| 2909 | font-size: 13px; | 2909 | font-size: 13px; |
| 2910 | } | 2910 | } |
| 2911 | } | 2911 | } |
| 2912 | @media (max-width: 768px) { | 2912 | @media (max-width: 768px) { |
| 2913 | .nav-tabs { | 2913 | .nav-tabs { |
| 2914 | border-bottom: 0; | 2914 | border-bottom: 0; |
| 2915 | position: relative; | 2915 | position: relative; |
| 2916 | background-color: #fff; | 2916 | background-color: #fff; |
| 2917 | padding: 8px 0; | 2917 | padding: 8px 0; |
| 2918 | border-radius: 3px; | 2918 | border-radius: 3px; |
| 2919 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 2919 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 2920 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 2920 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 2921 | } | 2921 | } |
| 2922 | .nav-tabs > li { | 2922 | .nav-tabs > li { |
| 2923 | margin-bottom: 0; | 2923 | margin-bottom: 0; |
| 2924 | } | 2924 | } |
| 2925 | .nav-tabs > li > a { | 2925 | .nav-tabs > li > a { |
| 2926 | border-width: 0 0 0 2px; | 2926 | border-width: 0 0 0 2px; |
| 2927 | border-left-color: transparent; | 2927 | border-left-color: transparent; |
| 2928 | } | 2928 | } |
| 2929 | .nav-tabs > li > a:hover, | 2929 | .nav-tabs > li > a:hover, |
| 2930 | .nav-tabs > li > a:focus { | 2930 | .nav-tabs > li > a:focus { |
| 2931 | background-color: #fafafa; | 2931 | background-color: #fafafa; |
| 2932 | } | 2932 | } |
| 2933 | .nav-tabs > li > a .position-right[class*=icon-] { | 2933 | .nav-tabs > li > a .position-right[class*=icon-] { |
| 2934 | float: right; | 2934 | float: right; |
| 2935 | margin-top: 2px; | 2935 | margin-top: 2px; |
| 2936 | } | 2936 | } |
| 2937 | .nav-tabs > li > a .position-right.label, | 2937 | .nav-tabs > li > a .position-right.label, |
| 2938 | .nav-tabs > li > a .position-right.badge { | 2938 | .nav-tabs > li > a .position-right.badge { |
| 2939 | float: right; | 2939 | float: right; |
| 2940 | } | 2940 | } |
| 2941 | .nav-tabs > li.active > a, | 2941 | .nav-tabs > li.active > a, |
| 2942 | .nav-tabs > li.active > a:hover, | 2942 | .nav-tabs > li.active > a:hover, |
| 2943 | .nav-tabs > li.active > a:focus { | 2943 | .nav-tabs > li.active > a:focus { |
| 2944 | border-width: 0 0 0 2px; | 2944 | border-width: 0 0 0 2px; |
| 2945 | border-left-color: #EC407A; | 2945 | border-left-color: #EC407A; |
| 2946 | background-color: #f5f5f5; | 2946 | background-color: #f5f5f5; |
| 2947 | } | 2947 | } |
| 2948 | .nav-tabs > li.open:not(.active) > a, | 2948 | .nav-tabs > li.open:not(.active) > a, |
| 2949 | .nav-tabs > li.open:not(.active) > a:hover, | 2949 | .nav-tabs > li.open:not(.active) > a:hover, |
| 2950 | .nav-tabs > li.open:not(.active) > a:focus { | 2950 | .nav-tabs > li.open:not(.active) > a:focus { |
| 2951 | background-color: #fafafa; | 2951 | background-color: #fafafa; |
| 2952 | } | 2952 | } |
| 2953 | .nav-tabs > li.pull-right { | 2953 | .nav-tabs > li.pull-right { |
| 2954 | float: none!important; | 2954 | float: none!important; |
| 2955 | } | 2955 | } |
| 2956 | .nav-tabs:before { | 2956 | .nav-tabs:before { |
| 2957 | content: 'Contents'; | 2957 | content: 'Contents'; |
| 2958 | color: inherit; | 2958 | color: inherit; |
| 2959 | margin-top: 7px; | 2959 | margin-top: 7px; |
| 2960 | margin-left: 16px; | 2960 | margin-left: 16px; |
| 2961 | margin-bottom: 15px; | 2961 | margin-bottom: 15px; |
| 2962 | opacity: 0.5; | 2962 | opacity: 0.5; |
| 2963 | filter: alpha(opacity=50); | 2963 | filter: alpha(opacity=50); |
| 2964 | } | 2964 | } |
| 2965 | .nav-tabs[class*=bg-] > li > a { | 2965 | .nav-tabs[class*=bg-] > li > a { |
| 2966 | border-left-width: 0!important; | 2966 | border-left-width: 0!important; |
| 2967 | } | 2967 | } |
| 2968 | .nav-tabs[class*=bg-] > li > a:hover, | 2968 | .nav-tabs[class*=bg-] > li > a:hover, |
| 2969 | .nav-tabs[class*=bg-] > li > a:focus, | 2969 | .nav-tabs[class*=bg-] > li > a:focus, |
| 2970 | .nav-tabs[class*=bg-] > li.open:not(.active) > a { | 2970 | .nav-tabs[class*=bg-] > li.open:not(.active) > a { |
| 2971 | background-color: rgba(0, 0, 0, 0.05); | 2971 | background-color: rgba(0, 0, 0, 0.05); |
| 2972 | } | 2972 | } |
| 2973 | .nav-tabs-right .nav-tabs { | 2973 | .nav-tabs-right .nav-tabs { |
| 2974 | margin-bottom: 0; | 2974 | margin-bottom: 0; |
| 2975 | margin-top: 20px; | 2975 | margin-top: 20px; |
| 2976 | } | 2976 | } |
| 2977 | } | 2977 | } |
| 2978 | @media (min-width: 769px) { | 2978 | @media (min-width: 769px) { |
| 2979 | .nav-tabs-vertical { | 2979 | .nav-tabs-vertical { |
| 2980 | display: table; | 2980 | display: table; |
| 2981 | width: 100%; | 2981 | width: 100%; |
| 2982 | } | 2982 | } |
| 2983 | .nav-tabs-vertical > .nav-tabs { | 2983 | .nav-tabs-vertical > .nav-tabs { |
| 2984 | display: table-cell; | 2984 | display: table-cell; |
| 2985 | border-bottom: 0; | 2985 | border-bottom: 0; |
| 2986 | width: 300px; | 2986 | width: 300px; |
| 2987 | } | 2987 | } |
| 2988 | .nav-tabs-vertical > .nav-tabs > li { | 2988 | .nav-tabs-vertical > .nav-tabs > li { |
| 2989 | display: block; | 2989 | display: block; |
| 2990 | margin-bottom: 0; | 2990 | margin-bottom: 0; |
| 2991 | } | 2991 | } |
| 2992 | .nav-tabs-vertical > .nav-tabs-solid > li:last-child > a:after { | 2992 | .nav-tabs-vertical > .nav-tabs-solid > li:last-child > a:after { |
| 2993 | border-bottom-right-radius: 3px; | 2993 | border-bottom-right-radius: 3px; |
| 2994 | border-bottom-left-radius: 3px; | 2994 | border-bottom-left-radius: 3px; |
| 2995 | } | 2995 | } |
| 2996 | .nav-tabs-vertical > .nav-tabs[class*=bg-] > li:first-child > a { | 2996 | .nav-tabs-vertical > .nav-tabs[class*=bg-] > li:first-child > a { |
| 2997 | border-top-right-radius: 3px; | 2997 | border-top-right-radius: 3px; |
| 2998 | border-top-left-radius: 3px; | 2998 | border-top-left-radius: 3px; |
| 2999 | } | 2999 | } |
| 3000 | .nav-tabs-vertical > .nav-tabs[class*=bg-] > li:last-child > a { | 3000 | .nav-tabs-vertical > .nav-tabs[class*=bg-] > li:last-child > a { |
| 3001 | border-bottom-right-radius: 3px; | 3001 | border-bottom-right-radius: 3px; |
| 3002 | border-bottom-left-radius: 3px; | 3002 | border-bottom-left-radius: 3px; |
| 3003 | } | 3003 | } |
| 3004 | .nav-tabs-vertical > .tab-content { | 3004 | .nav-tabs-vertical > .tab-content { |
| 3005 | display: table-cell; | 3005 | display: table-cell; |
| 3006 | } | 3006 | } |
| 3007 | .nav-tabs-vertical > .tab-content > .has-padding { | 3007 | .nav-tabs-vertical > .tab-content > .has-padding { |
| 3008 | padding: 0; | 3008 | padding: 0; |
| 3009 | padding-top: 12px; | 3009 | padding-top: 12px; |
| 3010 | } | 3010 | } |
| 3011 | .nav-tabs-vertical.tab-content-bordered > .tab-content { | 3011 | .nav-tabs-vertical.tab-content-bordered > .tab-content { |
| 3012 | border-top-width: 1px; | 3012 | border-top-width: 1px; |
| 3013 | } | 3013 | } |
| 3014 | .nav-tabs-left > .nav-tabs { | 3014 | .nav-tabs-left > .nav-tabs { |
| 3015 | border-right: 1px solid #ddd; | 3015 | border-right: 1px solid #ddd; |
| 3016 | } | 3016 | } |
| 3017 | .nav-tabs-left > .nav-tabs > li { | 3017 | .nav-tabs-left > .nav-tabs > li { |
| 3018 | margin-right: -1px; | 3018 | margin-right: -1px; |
| 3019 | } | 3019 | } |
| 3020 | .nav-tabs-left > .nav-tabs > li.active > a, | 3020 | .nav-tabs-left > .nav-tabs > li.active > a, |
| 3021 | .nav-tabs-left > .nav-tabs > li.active > a:hover, | 3021 | .nav-tabs-left > .nav-tabs > li.active > a:hover, |
| 3022 | .nav-tabs-left > .nav-tabs > li.active > a:focus { | 3022 | .nav-tabs-left > .nav-tabs > li.active > a:focus { |
| 3023 | border-bottom-color: #ddd; | 3023 | border-bottom-color: #ddd; |
| 3024 | border-right-color: transparent; | 3024 | border-right-color: transparent; |
| 3025 | } | 3025 | } |
| 3026 | .nav-tabs-left > .nav-tabs.nav-tabs-component > li > a { | 3026 | .nav-tabs-left > .nav-tabs.nav-tabs-component > li > a { |
| 3027 | border-radius: 3px 0 0 3px; | 3027 | border-radius: 3px 0 0 3px; |
| 3028 | } | 3028 | } |
| 3029 | .nav-tabs-left > .nav-tabs-highlight > li > a, | 3029 | .nav-tabs-left > .nav-tabs-highlight > li > a, |
| 3030 | .nav-tabs-left > .nav-tabs-highlight > li > a:hover, | 3030 | .nav-tabs-left > .nav-tabs-highlight > li > a:hover, |
| 3031 | .nav-tabs-left > .nav-tabs-highlight > li > a:focus { | 3031 | .nav-tabs-left > .nav-tabs-highlight > li > a:focus { |
| 3032 | border-top-width: 1px; | 3032 | border-top-width: 1px; |
| 3033 | border-left-width: 2px; | 3033 | border-left-width: 2px; |
| 3034 | } | 3034 | } |
| 3035 | .nav-tabs-left > .nav-tabs-highlight > li.active > a, | 3035 | .nav-tabs-left > .nav-tabs-highlight > li.active > a, |
| 3036 | .nav-tabs-left > .nav-tabs-highlight > li.active > a:hover, | 3036 | .nav-tabs-left > .nav-tabs-highlight > li.active > a:hover, |
| 3037 | .nav-tabs-left > .nav-tabs-highlight > li.active > a:focus { | 3037 | .nav-tabs-left > .nav-tabs-highlight > li.active > a:focus { |
| 3038 | border-top-color: #ddd; | 3038 | border-top-color: #ddd; |
| 3039 | border-left-color: #EC407A; | 3039 | border-left-color: #EC407A; |
| 3040 | } | 3040 | } |
| 3041 | .nav-tabs-left > .nav-tabs-top, | 3041 | .nav-tabs-left > .nav-tabs-top, |
| 3042 | .nav-tabs-left > .nav-tabs-bottom { | 3042 | .nav-tabs-left > .nav-tabs-bottom { |
| 3043 | padding-right: 20px; | 3043 | padding-right: 20px; |
| 3044 | } | 3044 | } |
| 3045 | .nav-tabs-left > .top-divided, | 3045 | .nav-tabs-left > .top-divided, |
| 3046 | .nav-tabs-left > .bottom-divided { | 3046 | .nav-tabs-left > .bottom-divided { |
| 3047 | padding-right: 0; | 3047 | padding-right: 0; |
| 3048 | border-right-width: 0; | 3048 | border-right-width: 0; |
| 3049 | } | 3049 | } |
| 3050 | .nav-tabs-left > .nav-tabs-solid, | 3050 | .nav-tabs-left > .nav-tabs-solid, |
| 3051 | .nav-tabs-left > .nav-tabs[class*=bg-] { | 3051 | .nav-tabs-left > .nav-tabs[class*=bg-] { |
| 3052 | border-right: 0; | 3052 | border-right: 0; |
| 3053 | border-radius: 3px; | 3053 | border-radius: 3px; |
| 3054 | } | 3054 | } |
| 3055 | .nav-tabs-left > .nav-tabs-solid > li, | 3055 | .nav-tabs-left > .nav-tabs-solid > li, |
| 3056 | .nav-tabs-left > .nav-tabs[class*=bg-] > li { | 3056 | .nav-tabs-left > .nav-tabs[class*=bg-] > li { |
| 3057 | margin-right: 0; | 3057 | margin-right: 0; |
| 3058 | } | 3058 | } |
| 3059 | .nav-tabs-left > .tab-content { | 3059 | .nav-tabs-left > .tab-content { |
| 3060 | padding-left: 20px; | 3060 | padding-left: 20px; |
| 3061 | } | 3061 | } |
| 3062 | .nav-tabs-left.tab-content-bordered > .tab-content { | 3062 | .nav-tabs-left.tab-content-bordered > .tab-content { |
| 3063 | border-left-width: 0; | 3063 | border-left-width: 0; |
| 3064 | } | 3064 | } |
| 3065 | .nav-tabs-right > .nav-tabs { | 3065 | .nav-tabs-right > .nav-tabs { |
| 3066 | border-left: 1px solid #ddd; | 3066 | border-left: 1px solid #ddd; |
| 3067 | } | 3067 | } |
| 3068 | .nav-tabs-right > .nav-tabs > li { | 3068 | .nav-tabs-right > .nav-tabs > li { |
| 3069 | margin-left: -1px; | 3069 | margin-left: -1px; |
| 3070 | } | 3070 | } |
| 3071 | .nav-tabs-right > .nav-tabs > li.active > a, | 3071 | .nav-tabs-right > .nav-tabs > li.active > a, |
| 3072 | .nav-tabs-right > .nav-tabs > li.active > a:hover, | 3072 | .nav-tabs-right > .nav-tabs > li.active > a:hover, |
| 3073 | .nav-tabs-right > .nav-tabs > li.active > a:focus { | 3073 | .nav-tabs-right > .nav-tabs > li.active > a:focus { |
| 3074 | border-bottom-color: #ddd; | 3074 | border-bottom-color: #ddd; |
| 3075 | border-left-color: transparent; | 3075 | border-left-color: transparent; |
| 3076 | } | 3076 | } |
| 3077 | .nav-tabs-right > .nav-tabs.nav-tabs-component > li > a { | 3077 | .nav-tabs-right > .nav-tabs.nav-tabs-component > li > a { |
| 3078 | border-radius: 0 3px 3px 0; | 3078 | border-radius: 0 3px 3px 0; |
| 3079 | } | 3079 | } |
| 3080 | .nav-tabs-right > .nav-tabs-highlight > li > a, | 3080 | .nav-tabs-right > .nav-tabs-highlight > li > a, |
| 3081 | .nav-tabs-right > .nav-tabs-highlight > li > a:hover, | 3081 | .nav-tabs-right > .nav-tabs-highlight > li > a:hover, |
| 3082 | .nav-tabs-right > .nav-tabs-highlight > li > a:focus { | 3082 | .nav-tabs-right > .nav-tabs-highlight > li > a:focus { |
| 3083 | border-top-width: 1px; | 3083 | border-top-width: 1px; |
| 3084 | border-right-width: 2px; | 3084 | border-right-width: 2px; |
| 3085 | } | 3085 | } |
| 3086 | .nav-tabs-right > .nav-tabs-highlight > li.active > a, | 3086 | .nav-tabs-right > .nav-tabs-highlight > li.active > a, |
| 3087 | .nav-tabs-right > .nav-tabs-highlight > li.active > a:hover, | 3087 | .nav-tabs-right > .nav-tabs-highlight > li.active > a:hover, |
| 3088 | .nav-tabs-right > .nav-tabs-highlight > li.active > a:focus { | 3088 | .nav-tabs-right > .nav-tabs-highlight > li.active > a:focus { |
| 3089 | border-top-color: #ddd; | 3089 | border-top-color: #ddd; |
| 3090 | border-right-color: #EC407A; | 3090 | border-right-color: #EC407A; |
| 3091 | } | 3091 | } |
| 3092 | .nav-tabs-right > .nav-tabs-top, | 3092 | .nav-tabs-right > .nav-tabs-top, |
| 3093 | .nav-tabs-right > .nav-tabs-bottom { | 3093 | .nav-tabs-right > .nav-tabs-bottom { |
| 3094 | padding-left: 20px; | 3094 | padding-left: 20px; |
| 3095 | } | 3095 | } |
| 3096 | .nav-tabs-right > .top-divided, | 3096 | .nav-tabs-right > .top-divided, |
| 3097 | .nav-tabs-right > .bottom-divided { | 3097 | .nav-tabs-right > .bottom-divided { |
| 3098 | padding-left: 0; | 3098 | padding-left: 0; |
| 3099 | border-left-width: 0; | 3099 | border-left-width: 0; |
| 3100 | } | 3100 | } |
| 3101 | .nav-tabs-right > .nav-tabs-solid, | 3101 | .nav-tabs-right > .nav-tabs-solid, |
| 3102 | .nav-tabs-right > .nav-tabs[class*=bg-] { | 3102 | .nav-tabs-right > .nav-tabs[class*=bg-] { |
| 3103 | border-left: 0; | 3103 | border-left: 0; |
| 3104 | border-radius: 3px; | 3104 | border-radius: 3px; |
| 3105 | } | 3105 | } |
| 3106 | .nav-tabs-right > .nav-tabs-solid > li, | 3106 | .nav-tabs-right > .nav-tabs-solid > li, |
| 3107 | .nav-tabs-right > .nav-tabs[class*=bg-] > li { | 3107 | .nav-tabs-right > .nav-tabs[class*=bg-] > li { |
| 3108 | margin-left: 0; | 3108 | margin-left: 0; |
| 3109 | } | 3109 | } |
| 3110 | .nav-tabs-right > .tab-content { | 3110 | .nav-tabs-right > .tab-content { |
| 3111 | padding-right: 20px; | 3111 | padding-right: 20px; |
| 3112 | } | 3112 | } |
| 3113 | .nav-tabs-right.tab-content-bordered > .tab-content { | 3113 | .nav-tabs-right.tab-content-bordered > .tab-content { |
| 3114 | border-right-width: 0; | 3114 | border-right-width: 0; |
| 3115 | } | 3115 | } |
| 3116 | } | 3116 | } |
| 3117 | .nav-pills { | 3117 | .nav-pills { |
| 3118 | margin-bottom: 20px; | 3118 | margin-bottom: 20px; |
| 3119 | } | 3119 | } |
| 3120 | .nav-pills > li { | 3120 | .nav-pills > li { |
| 3121 | float: none; | 3121 | float: none; |
| 3122 | } | 3122 | } |
| 3123 | .nav-pills > li > a { | 3123 | .nav-pills > li > a { |
| 3124 | color: #333333; | 3124 | color: #333333; |
| 3125 | text-transform: uppercase; | 3125 | text-transform: uppercase; |
| 3126 | } | 3126 | } |
| 3127 | .nav-pills > li + li { | 3127 | .nav-pills > li + li { |
| 3128 | margin-left: 0; | 3128 | margin-left: 0; |
| 3129 | } | 3129 | } |
| 3130 | .nav-pills > li + li > a { | 3130 | .nav-pills > li + li > a { |
| 3131 | margin-top: 2px; | 3131 | margin-top: 2px; |
| 3132 | } | 3132 | } |
| 3133 | .nav-pills .open > a, | 3133 | .nav-pills .open > a, |
| 3134 | .nav-pills .open > a:hover, | 3134 | .nav-pills .open > a:hover, |
| 3135 | .nav-pills .open > a:focus { | 3135 | .nav-pills .open > a:focus { |
| 3136 | background-color: #f5f5f5; | 3136 | background-color: #f5f5f5; |
| 3137 | } | 3137 | } |
| 3138 | .nav-pills.nav-pills-bordered > li > a, | 3138 | .nav-pills.nav-pills-bordered > li > a, |
| 3139 | .nav-pills.nav-pills-toolbar > li > a, | 3139 | .nav-pills.nav-pills-toolbar > li > a, |
| 3140 | .nav-pills.nav-pills-bordered > .open > a, | 3140 | .nav-pills.nav-pills-bordered > .open > a, |
| 3141 | .nav-pills.nav-pills-toolbar > .open > a { | 3141 | .nav-pills.nav-pills-toolbar > .open > a { |
| 3142 | border: 1px solid #ddd; | 3142 | border: 1px solid #ddd; |
| 3143 | } | 3143 | } |
| 3144 | .nav-pills.nav-pills-bordered > .active > a, | 3144 | .nav-pills.nav-pills-bordered > .active > a, |
| 3145 | .nav-pills.nav-pills-toolbar > .active > a, | 3145 | .nav-pills.nav-pills-toolbar > .active > a, |
| 3146 | .nav-pills.nav-pills-bordered > .active > a:hover, | 3146 | .nav-pills.nav-pills-bordered > .active > a:hover, |
| 3147 | .nav-pills.nav-pills-toolbar > .active > a:hover, | 3147 | .nav-pills.nav-pills-toolbar > .active > a:hover, |
| 3148 | .nav-pills.nav-pills-bordered > .active > a:focus, | 3148 | .nav-pills.nav-pills-bordered > .active > a:focus, |
| 3149 | .nav-pills.nav-pills-toolbar > .active > a:focus { | 3149 | .nav-pills.nav-pills-toolbar > .active > a:focus { |
| 3150 | border-color: #26A69A; | 3150 | border-color: #26A69A; |
| 3151 | } | 3151 | } |
| 3152 | @media (min-width: 769px) { | 3152 | @media (min-width: 769px) { |
| 3153 | .nav-pills.nav-pills-toolbar > li > a { | 3153 | .nav-pills.nav-pills-toolbar > li > a { |
| 3154 | border: 1px solid #ddd; | 3154 | border: 1px solid #ddd; |
| 3155 | border-radius: 0; | 3155 | border-radius: 0; |
| 3156 | } | 3156 | } |
| 3157 | .nav-pills.nav-pills-toolbar > li:first-child > a { | 3157 | .nav-pills.nav-pills-toolbar > li:first-child > a { |
| 3158 | border-radius: 3px 0 0 3px; | 3158 | border-radius: 3px 0 0 3px; |
| 3159 | } | 3159 | } |
| 3160 | .nav-pills.nav-pills-toolbar > li:last-child > a { | 3160 | .nav-pills.nav-pills-toolbar > li:last-child > a { |
| 3161 | border-radius: 0 3px 3px 0; | 3161 | border-radius: 0 3px 3px 0; |
| 3162 | } | 3162 | } |
| 3163 | .nav-pills.nav-pills-toolbar > li + li > a { | 3163 | .nav-pills.nav-pills-toolbar > li + li > a { |
| 3164 | margin-top: 0; | 3164 | margin-top: 0; |
| 3165 | margin-left: 0; | 3165 | margin-left: 0; |
| 3166 | border-left: 0; | 3166 | border-left: 0; |
| 3167 | } | 3167 | } |
| 3168 | } | 3168 | } |
| 3169 | @media (min-width: 769px) { | 3169 | @media (min-width: 769px) { |
| 3170 | .nav-pills { | 3170 | .nav-pills { |
| 3171 | font-size: 0; | 3171 | font-size: 0; |
| 3172 | } | 3172 | } |
| 3173 | .nav-pills > li { | 3173 | .nav-pills > li { |
| 3174 | display: inline-block; | 3174 | display: inline-block; |
| 3175 | font-size: 13px; | 3175 | font-size: 13px; |
| 3176 | } | 3176 | } |
| 3177 | .nav-pills > li + li > a { | 3177 | .nav-pills > li + li > a { |
| 3178 | margin-top: 0; | 3178 | margin-top: 0; |
| 3179 | margin-left: 6px; | 3179 | margin-left: 6px; |
| 3180 | } | 3180 | } |
| 3181 | .nav-pills.nav-justified > li { | 3181 | .nav-pills.nav-justified > li { |
| 3182 | display: table-cell; | 3182 | display: table-cell; |
| 3183 | } | 3183 | } |
| 3184 | } | 3184 | } |
| 3185 | @media (max-width: 768px) { | 3185 | @media (max-width: 768px) { |
| 3186 | .nav-pills > li > a .position-right[class*=icon-] { | 3186 | .nav-pills > li > a .position-right[class*=icon-] { |
| 3187 | float: right; | 3187 | float: right; |
| 3188 | margin-top: 2px; | 3188 | margin-top: 2px; |
| 3189 | } | 3189 | } |
| 3190 | .nav-pills > li > a .position-right.label, | 3190 | .nav-pills > li > a .position-right.label, |
| 3191 | .nav-pills > li > a .position-right.badge { | 3191 | .nav-pills > li > a .position-right.badge { |
| 3192 | float: right; | 3192 | float: right; |
| 3193 | } | 3193 | } |
| 3194 | } | 3194 | } |
| 3195 | .nav-stacked > li { | 3195 | .nav-stacked > li { |
| 3196 | display: block; | 3196 | display: block; |
| 3197 | } | 3197 | } |
| 3198 | .nav-stacked > li > a .pull-right[class*=icon-] { | 3198 | .nav-stacked > li > a .pull-right[class*=icon-] { |
| 3199 | float: right; | 3199 | float: right; |
| 3200 | margin-top: 2px; | 3200 | margin-top: 2px; |
| 3201 | } | 3201 | } |
| 3202 | .nav-stacked > li > a .pull-right.label, | 3202 | .nav-stacked > li > a .pull-right.label, |
| 3203 | .nav-stacked > li > a .pull-right.badge { | 3203 | .nav-stacked > li > a .pull-right.badge { |
| 3204 | float: right; | 3204 | float: right; |
| 3205 | } | 3205 | } |
| 3206 | .nav-stacked > li + li > a { | 3206 | .nav-stacked > li + li > a { |
| 3207 | margin-left: 0; | 3207 | margin-left: 0; |
| 3208 | } | 3208 | } |
| 3209 | .nav-justified > li > a { | 3209 | .nav-justified > li > a { |
| 3210 | margin-bottom: 0; | 3210 | margin-bottom: 0; |
| 3211 | } | 3211 | } |
| 3212 | .nav-tabs-justified > li > a { | 3212 | .nav-tabs-justified > li > a { |
| 3213 | border-radius: 0; | 3213 | border-radius: 0; |
| 3214 | margin-bottom: 0; | 3214 | margin-bottom: 0; |
| 3215 | } | 3215 | } |
| 3216 | .nav-tabs-justified > li > a:hover, | 3216 | .nav-tabs-justified > li > a:hover, |
| 3217 | .nav-tabs-justified > li > a:focus { | 3217 | .nav-tabs-justified > li > a:focus { |
| 3218 | border-bottom-color: #ddd; | 3218 | border-bottom-color: #ddd; |
| 3219 | } | 3219 | } |
| 3220 | @media (min-width: 769px) { | 3220 | @media (min-width: 769px) { |
| 3221 | .nav-tabs-justified.nav-tabs-top { | 3221 | .nav-tabs-justified.nav-tabs-top { |
| 3222 | border-bottom: 1px solid #ddd; | 3222 | border-bottom: 1px solid #ddd; |
| 3223 | } | 3223 | } |
| 3224 | .nav-tabs-justified.nav-tabs-top > li > a, | 3224 | .nav-tabs-justified.nav-tabs-top > li > a, |
| 3225 | .nav-tabs-justified.nav-tabs-top > li > a:hover, | 3225 | .nav-tabs-justified.nav-tabs-top > li > a:hover, |
| 3226 | .nav-tabs-justified.nav-tabs-top > li > a:focus { | 3226 | .nav-tabs-justified.nav-tabs-top > li > a:focus { |
| 3227 | border: 0; | 3227 | border: 0; |
| 3228 | } | 3228 | } |
| 3229 | .nav-tabs-justified.nav-tabs-bottom { | 3229 | .nav-tabs-justified.nav-tabs-bottom { |
| 3230 | border-bottom: 1px solid #ddd; | 3230 | border-bottom: 1px solid #ddd; |
| 3231 | } | 3231 | } |
| 3232 | .nav-tabs-justified.nav-tabs-highlight > li > a, | 3232 | .nav-tabs-justified.nav-tabs-highlight > li > a, |
| 3233 | .nav-tabs-justified.nav-tabs-highlight > li > a:hover, | 3233 | .nav-tabs-justified.nav-tabs-highlight > li > a:hover, |
| 3234 | .nav-tabs-justified.nav-tabs-highlight > li > a:focus { | 3234 | .nav-tabs-justified.nav-tabs-highlight > li > a:focus { |
| 3235 | border-top-width: 2px; | 3235 | border-top-width: 2px; |
| 3236 | } | 3236 | } |
| 3237 | } | 3237 | } |
| 3238 | @media (max-width: 768px) { | 3238 | @media (max-width: 768px) { |
| 3239 | .nav-tabs-justified > li.active > a, | 3239 | .nav-tabs-justified > li.active > a, |
| 3240 | .nav-tabs-justified > li.active > a:hover, | 3240 | .nav-tabs-justified > li.active > a:hover, |
| 3241 | .nav-tabs-justified > li.active > a:focus { | 3241 | .nav-tabs-justified > li.active > a:focus { |
| 3242 | border-width: 0 0 0 2px; | 3242 | border-width: 0 0 0 2px; |
| 3243 | border-left-color: #EC407A; | 3243 | border-left-color: #EC407A; |
| 3244 | } | 3244 | } |
| 3245 | } | 3245 | } |
| 3246 | @media (min-width: 769px) { | 3246 | @media (min-width: 769px) { |
| 3247 | .nav-tabs.nav-tabs-component > li > a { | 3247 | .nav-tabs.nav-tabs-component > li > a { |
| 3248 | border-radius: 3px 3px 0 0; | 3248 | border-radius: 3px 3px 0 0; |
| 3249 | } | 3249 | } |
| 3250 | .nav-tabs.nav-tabs-component.nav-tabs-solid, | 3250 | .nav-tabs.nav-tabs-component.nav-tabs-solid, |
| 3251 | .nav-tabs.nav-tabs-component[class*=bg-] { | 3251 | .nav-tabs.nav-tabs-component[class*=bg-] { |
| 3252 | border-radius: 3px; | 3252 | border-radius: 3px; |
| 3253 | } | 3253 | } |
| 3254 | .nav-tabs.nav-tabs-component.nav-tabs-solid > li > a, | 3254 | .nav-tabs.nav-tabs-component.nav-tabs-solid > li > a, |
| 3255 | .nav-tabs.nav-tabs-component[class*=bg-] > li > a { | 3255 | .nav-tabs.nav-tabs-component[class*=bg-] > li > a { |
| 3256 | border-radius: 0; | 3256 | border-radius: 0; |
| 3257 | } | 3257 | } |
| 3258 | .nav-tabs.nav-tabs-component.nav-tabs-solid > li:first-child > a, | 3258 | .nav-tabs.nav-tabs-component.nav-tabs-solid > li:first-child > a, |
| 3259 | .nav-tabs.nav-tabs-component[class*=bg-] > li:first-child > a { | 3259 | .nav-tabs.nav-tabs-component[class*=bg-] > li:first-child > a { |
| 3260 | border-radius: 3px 0 0 3px; | 3260 | border-radius: 3px 0 0 3px; |
| 3261 | } | 3261 | } |
| 3262 | .nav-tabs-component.nav-justified.nav-tabs-solid > li:last-child > a, | 3262 | .nav-tabs-component.nav-justified.nav-tabs-solid > li:last-child > a, |
| 3263 | .nav-tabs-component.nav-justified[class*=bg-] > li:last-child > a { | 3263 | .nav-tabs-component.nav-justified[class*=bg-] > li:last-child > a { |
| 3264 | border-radius: 0 3px 3px 0; | 3264 | border-radius: 0 3px 3px 0; |
| 3265 | } | 3265 | } |
| 3266 | } | 3266 | } |
| 3267 | .tab-content-bordered .tab-content > .has-padding { | 3267 | .tab-content-bordered .tab-content > .has-padding { |
| 3268 | padding: 20px; | 3268 | padding: 20px; |
| 3269 | } | 3269 | } |
| 3270 | .panel-flat > .panel-heading + .tab-content > .has-padding { | 3270 | .panel-flat > .panel-heading + .tab-content > .has-padding { |
| 3271 | padding-top: 0; | 3271 | padding-top: 0; |
| 3272 | } | 3272 | } |
| 3273 | @media (min-width: 769px) { | 3273 | @media (min-width: 769px) { |
| 3274 | .tab-content > .has-padding { | 3274 | .tab-content > .has-padding { |
| 3275 | padding: 20px; | 3275 | padding: 20px; |
| 3276 | } | 3276 | } |
| 3277 | } | 3277 | } |
| 3278 | .panel-tab-content > .has-padding { | 3278 | .panel-tab-content > .has-padding { |
| 3279 | padding: 20px; | 3279 | padding: 20px; |
| 3280 | } | 3280 | } |
| 3281 | .tab-content-bordered .tab-content { | 3281 | .tab-content-bordered .tab-content { |
| 3282 | border-radius: 3px; | 3282 | border-radius: 3px; |
| 3283 | border: 1px solid transparent; | 3283 | border: 1px solid transparent; |
| 3284 | } | 3284 | } |
| 3285 | .tab-content-bordered .tab-content:not([class*=bg-]) { | 3285 | .tab-content-bordered .tab-content:not([class*=bg-]) { |
| 3286 | border-color: #ddd; | 3286 | border-color: #ddd; |
| 3287 | background-color: #fff; | 3287 | background-color: #fff; |
| 3288 | } | 3288 | } |
| 3289 | @media (min-width: 769px) { | 3289 | @media (min-width: 769px) { |
| 3290 | .tab-content-bordered .tab-content { | 3290 | .tab-content-bordered .tab-content { |
| 3291 | border-top-width: 0; | 3291 | border-top-width: 0; |
| 3292 | border-radius: 0 0 3px 3px; | 3292 | border-radius: 0 0 3px 3px; |
| 3293 | } | 3293 | } |
| 3294 | } | 3294 | } |
| 3295 | @media (min-width: 769px) { | 3295 | @media (min-width: 769px) { |
| 3296 | .tab-content-bordered .nav-tabs { | 3296 | .tab-content-bordered .nav-tabs { |
| 3297 | margin-bottom: 0; | 3297 | margin-bottom: 0; |
| 3298 | } | 3298 | } |
| 3299 | .tab-content-bordered .nav-tabs.nav-tabs-solid { | 3299 | .tab-content-bordered .nav-tabs.nav-tabs-solid { |
| 3300 | border-radius: 3px 3px 0 0; | 3300 | border-radius: 3px 3px 0 0; |
| 3301 | -webkit-box-shadow: 0 0 0 1px #ddd inset; | 3301 | -webkit-box-shadow: 0 0 0 1px #ddd inset; |
| 3302 | box-shadow: 0 0 0 1px #ddd inset; | 3302 | box-shadow: 0 0 0 1px #ddd inset; |
| 3303 | } | 3303 | } |
| 3304 | .tab-content-bordered .nav-tabs.nav-tabs-solid > li:first-child > a { | 3304 | .tab-content-bordered .nav-tabs.nav-tabs-solid > li:first-child > a { |
| 3305 | border-radius: 3px 0 0 0; | 3305 | border-radius: 3px 0 0 0; |
| 3306 | } | 3306 | } |
| 3307 | .tab-content-bordered .nav-tabs.nav-tabs-solid.nav-justified > li:last-child > a { | 3307 | .tab-content-bordered .nav-tabs.nav-tabs-solid.nav-justified > li:last-child > a { |
| 3308 | border-radius: 0 3px 0 0; | 3308 | border-radius: 0 3px 0 0; |
| 3309 | } | 3309 | } |
| 3310 | .tab-content-bordered > .nav-tabs[class*=bg-] { | 3310 | .tab-content-bordered > .nav-tabs[class*=bg-] { |
| 3311 | border-top-right-radius: 3px; | 3311 | border-top-right-radius: 3px; |
| 3312 | border-top-left-radius: 3px; | 3312 | border-top-left-radius: 3px; |
| 3313 | } | 3313 | } |
| 3314 | .tab-content-bordered > .nav-tabs[class*=bg-] + .tab-content[class*=bg-] { | 3314 | .tab-content-bordered > .nav-tabs[class*=bg-] + .tab-content[class*=bg-] { |
| 3315 | border-top-width: 1px; | 3315 | border-top-width: 1px; |
| 3316 | border-top-color: rgba(255, 255, 255, 0.5); | 3316 | border-top-color: rgba(255, 255, 255, 0.5); |
| 3317 | } | 3317 | } |
| 3318 | } | 3318 | } |
| 3319 | @media (min-width: 769px) { | 3319 | @media (min-width: 769px) { |
| 3320 | .nav-tabs[class*=bg-] .dropdown-menu, | 3320 | .nav-tabs[class*=bg-] .dropdown-menu, |
| 3321 | .nav-tabs-top .dropdown-menu { | 3321 | .nav-tabs-top .dropdown-menu { |
| 3322 | margin-top: 0; | 3322 | margin-top: 0; |
| 3323 | } | 3323 | } |
| 3324 | .nav-justified.bottom-divided .dropdown-menu { | 3324 | .nav-justified.bottom-divided .dropdown-menu { |
| 3325 | margin-top: 1px; | 3325 | margin-top: 1px; |
| 3326 | } | 3326 | } |
| 3327 | } | 3327 | } |
| 3328 | @media (max-width: 768px) { | 3328 | @media (max-width: 768px) { |
| 3329 | .nav-tabs .dropdown-menu, | 3329 | .nav-tabs .dropdown-menu, |
| 3330 | .nav-pills .dropdown-menu, | 3330 | .nav-pills .dropdown-menu, |
| 3331 | .nav-tabs.nav-justified > .dropdown .dropdown-menu, | 3331 | .nav-tabs.nav-justified > .dropdown .dropdown-menu, |
| 3332 | .nav-pills.nav-justified > .dropdown .dropdown-menu { | 3332 | .nav-pills.nav-justified > .dropdown .dropdown-menu { |
| 3333 | left: -1px; | 3333 | left: -1px; |
| 3334 | right: -1px; | 3334 | right: -1px; |
| 3335 | margin-top: 2px; | 3335 | margin-top: 2px; |
| 3336 | } | 3336 | } |
| 3337 | .nav-tabs.nav-justified > li > a, | 3337 | .nav-tabs.nav-justified > li > a, |
| 3338 | .nav-pills.nav-justified > li > a, | 3338 | .nav-pills.nav-justified > li > a, |
| 3339 | .nav-tabs.text-center > li > a, | 3339 | .nav-tabs.text-center > li > a, |
| 3340 | .nav-pills.text-center > li > a, | 3340 | .nav-pills.text-center > li > a, |
| 3341 | .nav-tabs.text-right > li > a, | 3341 | .nav-tabs.text-right > li > a, |
| 3342 | .nav-pills.text-right > li > a { | 3342 | .nav-pills.text-right > li > a { |
| 3343 | text-align: left; | 3343 | text-align: left; |
| 3344 | } | 3344 | } |
| 3345 | } | 3345 | } |
| 3346 | /* ------------------------------------------------------------------------------ | 3346 | /* ------------------------------------------------------------------------------ |
| 3347 | * | 3347 | * |
| 3348 | * # Navbar component | 3348 | * # Navbar component |
| 3349 | * | 3349 | * |
| 3350 | * Overrides for navbar bootstrap component | 3350 | * Overrides for navbar bootstrap component |
| 3351 | * | 3351 | * |
| 3352 | * Version: 1.3 | 3352 | * Version: 1.3 |
| 3353 | * Latest update: Aug 10, 2016 | 3353 | * Latest update: Aug 10, 2016 |
| 3354 | * | 3354 | * |
| 3355 | * ---------------------------------------------------------------------------- */ | 3355 | * ---------------------------------------------------------------------------- */ |
| 3356 | .navbar { | 3356 | .navbar { |
| 3357 | margin-bottom: 0; | 3357 | margin-bottom: 0; |
| 3358 | border-width: 0; | 3358 | border-width: 0; |
| 3359 | padding-left: 0; | 3359 | padding-left: 0; |
| 3360 | padding-right: 0; | 3360 | padding-right: 0; |
| 3361 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 3361 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 3362 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 3362 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 3363 | } | 3363 | } |
| 3364 | @media (min-width: 769px) { | 3364 | @media (min-width: 769px) { |
| 3365 | .navbar { | 3365 | .navbar { |
| 3366 | padding-left: 20px; | 3366 | padding-left: 20px; |
| 3367 | padding-right: 20px; | 3367 | padding-right: 20px; |
| 3368 | } | 3368 | } |
| 3369 | } | 3369 | } |
| 3370 | .navbar-component { | 3370 | .navbar-component { |
| 3371 | border-radius: 3px; | 3371 | border-radius: 3px; |
| 3372 | margin-bottom: 20px; | 3372 | margin-bottom: 20px; |
| 3373 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 3373 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 3374 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 3374 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 3375 | } | 3375 | } |
| 3376 | @media (min-width: 769px) { | 3376 | @media (min-width: 769px) { |
| 3377 | .navbar.navbar-component, | 3377 | .navbar.navbar-component, |
| 3378 | .navbar-component > .navbar { | 3378 | .navbar-component > .navbar { |
| 3379 | padding-left: 20px; | 3379 | padding-left: 20px; |
| 3380 | padding-right: 20px; | 3380 | padding-right: 20px; |
| 3381 | } | 3381 | } |
| 3382 | } | 3382 | } |
| 3383 | .navbar-component > .navbar { | 3383 | .navbar-component > .navbar { |
| 3384 | -webkit-box-shadow: none; | 3384 | -webkit-box-shadow: none; |
| 3385 | box-shadow: none; | 3385 | box-shadow: none; |
| 3386 | } | 3386 | } |
| 3387 | .page-header .navbar-component { | 3387 | .page-header .navbar-component { |
| 3388 | margin-left: 20px; | 3388 | margin-left: 20px; |
| 3389 | margin-right: 20px; | 3389 | margin-right: 20px; |
| 3390 | } | 3390 | } |
| 3391 | .panel .navbar-component.navbar-default { | 3391 | .panel .navbar-component.navbar-default { |
| 3392 | border-width: 1px; | 3392 | border-width: 1px; |
| 3393 | -webkit-box-shadow: none; | 3393 | -webkit-box-shadow: none; |
| 3394 | box-shadow: none; | 3394 | box-shadow: none; |
| 3395 | } | 3395 | } |
| 3396 | .panel .navbar-component.navbar-inverse { | 3396 | .panel .navbar-component.navbar-inverse { |
| 3397 | -webkit-box-shadow: none; | 3397 | -webkit-box-shadow: none; |
| 3398 | box-shadow: none; | 3398 | box-shadow: none; |
| 3399 | } | 3399 | } |
| 3400 | .navbar-component > .navbar:first-child, | 3400 | .navbar-component > .navbar:first-child, |
| 3401 | .navbar-component > .navbar-collapse:first-child > .navbar:first-child { | 3401 | .navbar-component > .navbar-collapse:first-child > .navbar:first-child { |
| 3402 | border-top-right-radius: 3px; | 3402 | border-top-right-radius: 3px; |
| 3403 | border-top-left-radius: 3px; | 3403 | border-top-left-radius: 3px; |
| 3404 | } | 3404 | } |
| 3405 | .navbar-component > .navbar:last-child, | 3405 | .navbar-component > .navbar:last-child, |
| 3406 | .navbar-component > .navbar-collapse:last-child > .navbar:last-child { | 3406 | .navbar-component > .navbar-collapse:last-child > .navbar:last-child { |
| 3407 | border-bottom-right-radius: 3px; | 3407 | border-bottom-right-radius: 3px; |
| 3408 | border-bottom-left-radius: 3px; | 3408 | border-bottom-left-radius: 3px; |
| 3409 | } | 3409 | } |
| 3410 | .affix.navbar, | 3410 | .affix.navbar, |
| 3411 | .affix.navbar-collapse { | 3411 | .affix.navbar-collapse { |
| 3412 | z-index: 1030; | 3412 | z-index: 1030; |
| 3413 | top: 0; | 3413 | top: 0; |
| 3414 | width: 100%; | 3414 | width: 100%; |
| 3415 | } | 3415 | } |
| 3416 | @media (max-width: 768px) { | 3416 | @media (max-width: 768px) { |
| 3417 | .affix.navbar, | 3417 | .affix.navbar, |
| 3418 | .affix.navbar-collapse { | 3418 | .affix.navbar-collapse { |
| 3419 | position: static; | 3419 | position: static; |
| 3420 | } | 3420 | } |
| 3421 | } | 3421 | } |
| 3422 | .navbar-header { | 3422 | .navbar-header { |
| 3423 | min-width: 265px; | 3423 | min-width: 265px; |
| 3424 | } | 3424 | } |
| 3425 | .navbar-collapse > .navbar-header { | 3425 | .navbar-collapse > .navbar-header { |
| 3426 | margin-left: 0; | 3426 | margin-left: 0; |
| 3427 | } | 3427 | } |
| 3428 | .navbar-header .navbar-nav { | 3428 | .navbar-header .navbar-nav { |
| 3429 | float: right; | 3429 | float: right; |
| 3430 | margin-right: 5px; | 3430 | margin-right: 5px; |
| 3431 | } | 3431 | } |
| 3432 | .navbar-header .navbar-nav > li { | 3432 | .navbar-header .navbar-nav > li { |
| 3433 | float: left; | 3433 | float: left; |
| 3434 | } | 3434 | } |
| 3435 | .navbar-header .navbar-nav > li > a { | 3435 | .navbar-header .navbar-nav > li > a { |
| 3436 | padding-left: 15px; | 3436 | padding-left: 15px; |
| 3437 | padding-right: 15px; | 3437 | padding-right: 15px; |
| 3438 | } | 3438 | } |
| 3439 | @media (max-width: 768px) { | 3439 | @media (max-width: 768px) { |
| 3440 | .navbar-header .navbar-nav > li + li { | 3440 | .navbar-header .navbar-nav > li + li { |
| 3441 | margin-top: 0; | 3441 | margin-top: 0; |
| 3442 | } | 3442 | } |
| 3443 | .navbar-collapse > .navbar-header { | 3443 | .navbar-collapse > .navbar-header { |
| 3444 | margin-left: 0; | 3444 | margin-left: 0; |
| 3445 | } | 3445 | } |
| 3446 | } | 3446 | } |
| 3447 | @media (min-width: 769px) { | 3447 | @media (min-width: 769px) { |
| 3448 | .navbar-header { | 3448 | .navbar-header { |
| 3449 | margin-left: -20px; | 3449 | margin-left: -20px; |
| 3450 | } | 3450 | } |
| 3451 | } | 3451 | } |
| 3452 | .navbar-collapse { | 3452 | .navbar-collapse { |
| 3453 | text-align: center; | 3453 | text-align: center; |
| 3454 | padding-left: 0; | 3454 | padding-left: 0; |
| 3455 | padding-right: 0; | 3455 | padding-right: 0; |
| 3456 | } | 3456 | } |
| 3457 | .navbar-collapse.collapsing { | 3457 | .navbar-collapse.collapsing { |
| 3458 | -webkit-transition-duration: 0.00000001s; | 3458 | -webkit-transition-duration: 0.00000001s; |
| 3459 | transition-duration: 0.00000001s; | 3459 | transition-duration: 0.00000001s; |
| 3460 | } | 3460 | } |
| 3461 | .navbar + .navbar-collapse { | 3461 | .navbar + .navbar-collapse { |
| 3462 | border-top: 0; | 3462 | border-top: 0; |
| 3463 | } | 3463 | } |
| 3464 | @media (min-width: 769px) { | 3464 | @media (min-width: 769px) { |
| 3465 | .navbar-collapse { | 3465 | .navbar-collapse { |
| 3466 | text-align: left; | 3466 | text-align: left; |
| 3467 | margin-left: -20px; | 3467 | margin-left: -20px; |
| 3468 | } | 3468 | } |
| 3469 | } | 3469 | } |
| 3470 | .navbar-fixed-bottom, | 3470 | .navbar-fixed-bottom, |
| 3471 | .navbar-fixed-bottom > .navbar { | 3471 | .navbar-fixed-bottom > .navbar { |
| 3472 | -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.24); | 3472 | -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.24); |
| 3473 | box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.24); | 3473 | box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.24); |
| 3474 | } | 3474 | } |
| 3475 | @media (max-width: 768px) { | 3475 | @media (max-width: 768px) { |
| 3476 | .navbar-fixed-top { | 3476 | .navbar-fixed-top { |
| 3477 | position: static; | 3477 | position: static; |
| 3478 | } | 3478 | } |
| 3479 | } | 3479 | } |
| 3480 | @media (min-width: 769px) { | 3480 | @media (min-width: 769px) { |
| 3481 | .navbar-top-lg { | 3481 | .navbar-top-lg { |
| 3482 | padding-top: 54px; | 3482 | padding-top: 54px; |
| 3483 | } | 3483 | } |
| 3484 | .navbar-top-lg .sidebar-fixed.affix { | 3484 | .navbar-top-lg .sidebar-fixed.affix { |
| 3485 | top: 74px; | 3485 | top: 74px; |
| 3486 | } | 3486 | } |
| 3487 | .navbar-top { | 3487 | .navbar-top { |
| 3488 | padding-top: 50px; | 3488 | padding-top: 50px; |
| 3489 | } | 3489 | } |
| 3490 | .navbar-top .sidebar-fixed.affix { | 3490 | .navbar-top .sidebar-fixed.affix { |
| 3491 | top: 70px; | 3491 | top: 70px; |
| 3492 | } | 3492 | } |
| 3493 | .navbar-top-sm { | 3493 | .navbar-top-sm { |
| 3494 | padding-top: 48px; | 3494 | padding-top: 48px; |
| 3495 | } | 3495 | } |
| 3496 | .navbar-top-sm .sidebar-fixed.affix { | 3496 | .navbar-top-sm .sidebar-fixed.affix { |
| 3497 | top: 68px; | 3497 | top: 68px; |
| 3498 | } | 3498 | } |
| 3499 | .navbar-top-xs { | 3499 | .navbar-top-xs { |
| 3500 | padding-top: 46px; | 3500 | padding-top: 46px; |
| 3501 | } | 3501 | } |
| 3502 | .navbar-top-xs .sidebar-fixed.affix { | 3502 | .navbar-top-xs .sidebar-fixed.affix { |
| 3503 | top: 66px; | 3503 | top: 66px; |
| 3504 | } | 3504 | } |
| 3505 | .navbar-top-lg-lg { | 3505 | .navbar-top-lg-lg { |
| 3506 | padding-top: 108px; | 3506 | padding-top: 108px; |
| 3507 | } | 3507 | } |
| 3508 | .navbar-top-lg-md, | 3508 | .navbar-top-lg-md, |
| 3509 | .navbar-top-md-lg { | 3509 | .navbar-top-md-lg { |
| 3510 | padding-top: 104px; | 3510 | padding-top: 104px; |
| 3511 | } | 3511 | } |
| 3512 | .navbar-top-lg-sm, | 3512 | .navbar-top-lg-sm, |
| 3513 | .navbar-top-md-md, | 3513 | .navbar-top-md-md, |
| 3514 | .navbar-top-sm-lg { | 3514 | .navbar-top-sm-lg { |
| 3515 | padding-top: 100px; | 3515 | padding-top: 100px; |
| 3516 | } | 3516 | } |
| 3517 | .navbar-top-lg-xs, | 3517 | .navbar-top-lg-xs, |
| 3518 | .navbar-top-md-sm, | 3518 | .navbar-top-md-sm, |
| 3519 | .navbar-top-sm-md, | 3519 | .navbar-top-sm-md, |
| 3520 | .navbar-top-xs-lg { | 3520 | .navbar-top-xs-lg { |
| 3521 | padding-top: 98px; | 3521 | padding-top: 98px; |
| 3522 | } | 3522 | } |
| 3523 | .navbar-top-md-xs, | 3523 | .navbar-top-md-xs, |
| 3524 | .navbar-top-sm-sm, | 3524 | .navbar-top-sm-sm, |
| 3525 | .navbar-top-xs-md { | 3525 | .navbar-top-xs-md { |
| 3526 | padding-top: 96px; | 3526 | padding-top: 96px; |
| 3527 | } | 3527 | } |
| 3528 | .navbar-top-sm-xs, | 3528 | .navbar-top-sm-xs, |
| 3529 | .navbar-top-xs-sm { | 3529 | .navbar-top-xs-sm { |
| 3530 | padding-top: 94px; | 3530 | padding-top: 94px; |
| 3531 | } | 3531 | } |
| 3532 | .navbar-top-xs-xs { | 3532 | .navbar-top-xs-xs { |
| 3533 | padding-top: 92px; | 3533 | padding-top: 92px; |
| 3534 | } | 3534 | } |
| 3535 | } | 3535 | } |
| 3536 | .navbar-bottom-lg { | 3536 | .navbar-bottom-lg { |
| 3537 | padding-bottom: 54px; | 3537 | padding-bottom: 54px; |
| 3538 | } | 3538 | } |
| 3539 | .navbar-bottom { | 3539 | .navbar-bottom { |
| 3540 | padding-bottom: 50px; | 3540 | padding-bottom: 50px; |
| 3541 | } | 3541 | } |
| 3542 | .navbar-bottom-sm { | 3542 | .navbar-bottom-sm { |
| 3543 | padding-bottom: 48px; | 3543 | padding-bottom: 48px; |
| 3544 | } | 3544 | } |
| 3545 | .navbar-bottom-xs { | 3545 | .navbar-bottom-xs { |
| 3546 | padding-bottom: 46px; | 3546 | padding-bottom: 46px; |
| 3547 | } | 3547 | } |
| 3548 | .navbar-bottom-lg-lg { | 3548 | .navbar-bottom-lg-lg { |
| 3549 | padding-bottom: 108px; | 3549 | padding-bottom: 108px; |
| 3550 | } | 3550 | } |
| 3551 | .navbar-bottom-lg-md, | 3551 | .navbar-bottom-lg-md, |
| 3552 | .navbar-bottom-md-lg { | 3552 | .navbar-bottom-md-lg { |
| 3553 | padding-bottom: 104px; | 3553 | padding-bottom: 104px; |
| 3554 | } | 3554 | } |
| 3555 | .navbar-bottom-lg-sm, | 3555 | .navbar-bottom-lg-sm, |
| 3556 | .navbar-bottom-md-md, | 3556 | .navbar-bottom-md-md, |
| 3557 | .navbar-bottom-sm-lg { | 3557 | .navbar-bottom-sm-lg { |
| 3558 | padding-bottom: 100px; | 3558 | padding-bottom: 100px; |
| 3559 | } | 3559 | } |
| 3560 | .navbar-bottom-lg-xs, | 3560 | .navbar-bottom-lg-xs, |
| 3561 | .navbar-bottom-md-sm, | 3561 | .navbar-bottom-md-sm, |
| 3562 | .navbar-bottom-sm-md, | 3562 | .navbar-bottom-sm-md, |
| 3563 | .navbar-bottom-xs-lg { | 3563 | .navbar-bottom-xs-lg { |
| 3564 | padding-bottom: 98px; | 3564 | padding-bottom: 98px; |
| 3565 | } | 3565 | } |
| 3566 | .navbar-bottom-md-xs, | 3566 | .navbar-bottom-md-xs, |
| 3567 | .navbar-bottom-sm-sm, | 3567 | .navbar-bottom-sm-sm, |
| 3568 | .navbar-bottom-xs-md { | 3568 | .navbar-bottom-xs-md { |
| 3569 | padding-bottom: 96px; | 3569 | padding-bottom: 96px; |
| 3570 | } | 3570 | } |
| 3571 | .navbar-bottom-sm-xs, | 3571 | .navbar-bottom-sm-xs, |
| 3572 | .navbar-bottom-xs-sm { | 3572 | .navbar-bottom-xs-sm { |
| 3573 | padding-bottom: 94px; | 3573 | padding-bottom: 94px; |
| 3574 | } | 3574 | } |
| 3575 | .navbar-bottom-xs-xs { | 3575 | .navbar-bottom-xs-xs { |
| 3576 | padding-bottom: 92px; | 3576 | padding-bottom: 92px; |
| 3577 | } | 3577 | } |
| 3578 | .navbar-brand > img { | 3578 | .navbar-brand > img { |
| 3579 | margin-top: 2px; | 3579 | margin-top: 2px; |
| 3580 | height: 16px; | 3580 | height: 16px; |
| 3581 | } | 3581 | } |
| 3582 | .navbar-nav { | 3582 | .navbar-nav { |
| 3583 | margin: 0; | 3583 | margin: 0; |
| 3584 | text-align: left; | 3584 | text-align: left; |
| 3585 | } | 3585 | } |
| 3586 | .navbar-nav > li > a { | 3586 | .navbar-nav > li > a { |
| 3587 | padding-top: 15px; | 3587 | padding-top: 15px; |
| 3588 | padding-bottom: 15px; | 3588 | padding-bottom: 15px; |
| 3589 | } | 3589 | } |
| 3590 | .navbar-nav > li > a:after { | 3590 | .navbar-nav > li > a:after { |
| 3591 | content: ''; | 3591 | content: ''; |
| 3592 | position: absolute; | 3592 | position: absolute; |
| 3593 | top: 0; | 3593 | top: 0; |
| 3594 | bottom: 0; | 3594 | bottom: 0; |
| 3595 | left: 0; | 3595 | left: 0; |
| 3596 | background-color: transparent; | 3596 | background-color: transparent; |
| 3597 | width: 2px; | 3597 | width: 2px; |
| 3598 | } | 3598 | } |
| 3599 | @media (min-width: 769px) { | 3599 | @media (min-width: 769px) { |
| 3600 | .navbar-nav > li > a:after { | 3600 | .navbar-nav > li > a:after { |
| 3601 | top: auto; | 3601 | top: auto; |
| 3602 | right: 0; | 3602 | right: 0; |
| 3603 | width: auto; | 3603 | width: auto; |
| 3604 | height: 2px; | 3604 | height: 2px; |
| 3605 | } | 3605 | } |
| 3606 | } | 3606 | } |
| 3607 | .navbar-nav > li > a > .label, | 3607 | .navbar-nav > li > a > .label, |
| 3608 | .navbar-nav > li > a > .badge { | 3608 | .navbar-nav > li > a > .badge { |
| 3609 | position: absolute; | 3609 | position: absolute; |
| 3610 | top: 0; | 3610 | top: 0; |
| 3611 | right: 0; | 3611 | right: 0; |
| 3612 | } | 3612 | } |
| 3613 | .navbar-nav > li > a > .status-mark { | 3613 | .navbar-nav > li > a > .status-mark { |
| 3614 | position: absolute; | 3614 | position: absolute; |
| 3615 | top: 8px; | 3615 | top: 8px; |
| 3616 | right: 8px; | 3616 | right: 8px; |
| 3617 | } | 3617 | } |
| 3618 | .navbar-nav > li > a > .status-mark-left { | 3618 | .navbar-nav > li > a > .status-mark-left { |
| 3619 | right: auto; | 3619 | right: auto; |
| 3620 | left: 8px; | 3620 | left: 8px; |
| 3621 | } | 3621 | } |
| 3622 | .navbar-nav > li > a > .label-left, | 3622 | .navbar-nav > li > a > .label-left, |
| 3623 | .navbar-nav > li > a > .badge-left { | 3623 | .navbar-nav > li > a > .badge-left { |
| 3624 | right: auto; | 3624 | right: auto; |
| 3625 | left: 0; | 3625 | left: 0; |
| 3626 | } | 3626 | } |
| 3627 | .navbar-nav > li > a > .label-inline, | 3627 | .navbar-nav > li > a > .label-inline, |
| 3628 | .navbar-nav > li > a > .badge-inline, | 3628 | .navbar-nav > li > a > .badge-inline, |
| 3629 | .navbar-nav > li > a > .status-mark-inline { | 3629 | .navbar-nav > li > a > .status-mark-inline { |
| 3630 | position: static; | 3630 | position: static; |
| 3631 | } | 3631 | } |
| 3632 | .navbar-nav .language-switch > a > img { | 3632 | .navbar-nav .language-switch > a > img { |
| 3633 | position: relative; | 3633 | position: relative; |
| 3634 | top: -1px; | 3634 | top: -1px; |
| 3635 | } | 3635 | } |
| 3636 | .navbar-nav .language-switch .dropdown-menu > li > a > img { | 3636 | .navbar-nav .language-switch .dropdown-menu > li > a > img { |
| 3637 | margin-top: 4.5px; | 3637 | margin-top: 4.5px; |
| 3638 | } | 3638 | } |
| 3639 | .navbar-nav > .dropdown-user > a, | 3639 | .navbar-nav > .dropdown-user > a, |
| 3640 | .navbar-nav > .dropdown-user > a > span { | 3640 | .navbar-nav > .dropdown-user > a > span { |
| 3641 | padding-top: 7.5px; | 3641 | padding-top: 7.5px; |
| 3642 | padding-bottom: 7.5px; | 3642 | padding-bottom: 7.5px; |
| 3643 | } | 3643 | } |
| 3644 | .navbar-nav > .dropdown-user > a > span { | 3644 | .navbar-nav > .dropdown-user > a > span { |
| 3645 | display: inline-block; | 3645 | display: inline-block; |
| 3646 | } | 3646 | } |
| 3647 | .navbar-nav > .dropdown-user > a > img + span { | 3647 | .navbar-nav > .dropdown-user > a > img + span { |
| 3648 | padding-left: 8px; | 3648 | padding-left: 8px; |
| 3649 | } | 3649 | } |
| 3650 | .navbar-nav > .dropdown-user img { | 3650 | .navbar-nav > .dropdown-user img { |
| 3651 | max-height: 34px; | 3651 | max-height: 34px; |
| 3652 | margin-top: -3.5px; | 3652 | margin-top: -3.5px; |
| 3653 | border-radius: 50%; | 3653 | border-radius: 50%; |
| 3654 | } | 3654 | } |
| 3655 | .navbar-lg .navbar-nav > .dropdown-user img { | 3655 | .navbar-lg .navbar-nav > .dropdown-user img { |
| 3656 | max-height: 38px; | 3656 | max-height: 38px; |
| 3657 | margin-top: -4.5px; | 3657 | margin-top: -4.5px; |
| 3658 | } | 3658 | } |
| 3659 | .navbar-sm .navbar-nav > .dropdown-user img { | 3659 | .navbar-sm .navbar-nav > .dropdown-user img { |
| 3660 | max-height: 32px; | 3660 | max-height: 32px; |
| 3661 | margin-top: -3px; | 3661 | margin-top: -3px; |
| 3662 | } | 3662 | } |
| 3663 | .navbar-xs .navbar-nav > .dropdown-user img { | 3663 | .navbar-xs .navbar-nav > .dropdown-user img { |
| 3664 | max-height: 30px; | 3664 | max-height: 30px; |
| 3665 | margin-top: -2.5px; | 3665 | margin-top: -2.5px; |
| 3666 | } | 3666 | } |
| 3667 | @media (max-width: 768px) { | 3667 | @media (max-width: 768px) { |
| 3668 | .navbar-collapse .navbar-nav { | 3668 | .navbar-collapse .navbar-nav { |
| 3669 | padding-top: 8px; | 3669 | padding-top: 8px; |
| 3670 | padding-bottom: 8px; | 3670 | padding-bottom: 8px; |
| 3671 | } | 3671 | } |
| 3672 | .navbar-nav .open .dropdown-menu > li > a, | 3672 | .navbar-nav .open .dropdown-menu > li > a, |
| 3673 | .navbar-nav .open .dropdown-menu .dropdown-header { | 3673 | .navbar-nav .open .dropdown-menu .dropdown-header { |
| 3674 | padding: 9px 20px; | 3674 | padding: 9px 20px; |
| 3675 | } | 3675 | } |
| 3676 | .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > a { | 3676 | .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > a { |
| 3677 | padding-left: 40px; | 3677 | padding-left: 40px; |
| 3678 | } | 3678 | } |
| 3679 | .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > ul > li > a { | 3679 | .navbar-nav .open .dropdown-menu > .dropdown-submenu > ul > li > ul > li > a { |
| 3680 | padding-left: 60px; | 3680 | padding-left: 60px; |
| 3681 | } | 3681 | } |
| 3682 | .navbar-nav > li + li { | 3682 | .navbar-nav > li + li { |
| 3683 | margin-top: 1px; | 3683 | margin-top: 1px; |
| 3684 | } | 3684 | } |
| 3685 | .navbar-nav > li > a { | 3685 | .navbar-nav > li > a { |
| 3686 | padding-left: 20px; | 3686 | padding-left: 20px; |
| 3687 | padding-right: 20px; | 3687 | padding-right: 20px; |
| 3688 | } | 3688 | } |
| 3689 | .navbar-nav > li > a .caret { | 3689 | .navbar-nav > li > a .caret { |
| 3690 | float: right; | 3690 | float: right; |
| 3691 | margin-top: 2px; | 3691 | margin-top: 2px; |
| 3692 | margin-left: 5px; | 3692 | margin-left: 5px; |
| 3693 | } | 3693 | } |
| 3694 | .navbar-nav > li > a .label, | 3694 | .navbar-nav > li > a .label, |
| 3695 | .navbar-nav > li > a .badge { | 3695 | .navbar-nav > li > a .badge { |
| 3696 | position: static; | 3696 | position: static; |
| 3697 | float: right; | 3697 | float: right; |
| 3698 | } | 3698 | } |
| 3699 | .navbar-nav > li > a .status-mark { | 3699 | .navbar-nav > li > a .status-mark { |
| 3700 | position: static; | 3700 | position: static; |
| 3701 | float: right; | 3701 | float: right; |
| 3702 | margin-top: 6px; | 3702 | margin-top: 6px; |
| 3703 | } | 3703 | } |
| 3704 | .navbar-nav > .dropdown-user .caret { | 3704 | .navbar-nav > .dropdown-user .caret { |
| 3705 | margin-top: 8px; | 3705 | margin-top: 8px; |
| 3706 | } | 3706 | } |
| 3707 | .navbar-nav:last-child { | 3707 | .navbar-nav:last-child { |
| 3708 | border-bottom: 0; | 3708 | border-bottom: 0; |
| 3709 | } | 3709 | } |
| 3710 | } | 3710 | } |
| 3711 | @media (min-width: 769px) { | 3711 | @media (min-width: 769px) { |
| 3712 | .navbar-nav { | 3712 | .navbar-nav { |
| 3713 | margin-left: 20px; | 3713 | margin-left: 20px; |
| 3714 | } | 3714 | } |
| 3715 | } | 3715 | } |
| 3716 | .navbar-form { | 3716 | .navbar-form { |
| 3717 | padding: 15px 20px; | 3717 | padding: 15px 20px; |
| 3718 | margin-left: 0; | 3718 | margin-left: 0; |
| 3719 | margin-right: 0; | 3719 | margin-right: 0; |
| 3720 | border-top: 0; | 3720 | border-top: 0; |
| 3721 | -webkit-box-shadow: none; | 3721 | -webkit-box-shadow: none; |
| 3722 | box-shadow: none; | 3722 | box-shadow: none; |
| 3723 | } | 3723 | } |
| 3724 | .navbar-form:last-child { | 3724 | .navbar-form:last-child { |
| 3725 | border-bottom: 0; | 3725 | border-bottom: 0; |
| 3726 | } | 3726 | } |
| 3727 | @media (max-width: 768px) { | 3727 | @media (max-width: 768px) { |
| 3728 | .navbar-form .form-group { | 3728 | .navbar-form .form-group { |
| 3729 | margin-bottom: 10px; | 3729 | margin-bottom: 10px; |
| 3730 | } | 3730 | } |
| 3731 | } | 3731 | } |
| 3732 | .navbar-form .input-sm, | 3732 | .navbar-form .input-sm, |
| 3733 | .navbar-form .input-group-sm, | 3733 | .navbar-form .input-group-sm, |
| 3734 | .navbar-form .btn-sm, | 3734 | .navbar-form .btn-sm, |
| 3735 | .navbar-form .select-sm, | 3735 | .navbar-form .select-sm, |
| 3736 | .navbar-form .uploader-sm { | 3736 | .navbar-form .uploader-sm { |
| 3737 | margin-top: 1px; | 3737 | margin-top: 1px; |
| 3738 | margin-bottom: 1px; | 3738 | margin-bottom: 1px; |
| 3739 | } | 3739 | } |
| 3740 | .navbar-form .input-sm + .form-control-feedback { | 3740 | .navbar-form .input-sm + .form-control-feedback { |
| 3741 | top: 1px; | 3741 | top: 1px; |
| 3742 | } | 3742 | } |
| 3743 | .navbar-form .input-xs, | 3743 | .navbar-form .input-xs, |
| 3744 | .navbar-form .input-group-xs, | 3744 | .navbar-form .input-group-xs, |
| 3745 | .navbar-form .btn-xs, | 3745 | .navbar-form .btn-xs, |
| 3746 | .navbar-form .select-xs, | 3746 | .navbar-form .select-xs, |
| 3747 | .navbar-form .uploader-xs { | 3747 | .navbar-form .uploader-xs { |
| 3748 | margin-top: 2px; | 3748 | margin-top: 2px; |
| 3749 | margin-bottom: 2px; | 3749 | margin-bottom: 2px; |
| 3750 | } | 3750 | } |
| 3751 | .navbar-form .input-xs + .form-control-feedback { | 3751 | .navbar-form .input-xs + .form-control-feedback { |
| 3752 | top: 2px; | 3752 | top: 2px; |
| 3753 | } | 3753 | } |
| 3754 | .navbar-lg .navbar-form { | 3754 | .navbar-lg .navbar-form { |
| 3755 | margin-top: 8px; | 3755 | margin-top: 8px; |
| 3756 | margin-bottom: 8px; | 3756 | margin-bottom: 8px; |
| 3757 | } | 3757 | } |
| 3758 | .navbar-sm .navbar-form { | 3758 | .navbar-sm .navbar-form { |
| 3759 | margin-top: 5px; | 3759 | margin-top: 5px; |
| 3760 | margin-bottom: 5px; | 3760 | margin-bottom: 5px; |
| 3761 | } | 3761 | } |
| 3762 | .navbar-xs .navbar-form { | 3762 | .navbar-xs .navbar-form { |
| 3763 | margin-top: 4px; | 3763 | margin-top: 4px; |
| 3764 | margin-bottom: 4px; | 3764 | margin-bottom: 4px; |
| 3765 | } | 3765 | } |
| 3766 | .navbar-form .checkbox-switchery[class*=switchery-] { | 3766 | .navbar-form .checkbox-switchery[class*=switchery-] { |
| 3767 | margin-bottom: 0; | 3767 | margin-bottom: 0; |
| 3768 | } | 3768 | } |
| 3769 | .navbar-form .checkbox-inline.switchery-double { | 3769 | .navbar-form .checkbox-inline.switchery-double { |
| 3770 | padding-left: 0; | 3770 | padding-left: 0; |
| 3771 | } | 3771 | } |
| 3772 | @media (min-width: 769px) { | 3772 | @media (min-width: 769px) { |
| 3773 | .navbar-form { | 3773 | .navbar-form { |
| 3774 | padding: 0; | 3774 | padding: 0; |
| 3775 | } | 3775 | } |
| 3776 | .navbar-form .form-control { | 3776 | .navbar-form .form-control { |
| 3777 | min-width: 200px; | 3777 | min-width: 200px; |
| 3778 | } | 3778 | } |
| 3779 | .navbar-form .form-group { | 3779 | .navbar-form .form-group { |
| 3780 | margin-left: 20px; | 3780 | margin-left: 20px; |
| 3781 | } | 3781 | } |
| 3782 | .navbar-form .checkbox-inline, | 3782 | .navbar-form .checkbox-inline, |
| 3783 | .navbar-form .radio-inline { | 3783 | .navbar-form .radio-inline { |
| 3784 | margin-top: 9px; | 3784 | margin-top: 9px; |
| 3785 | margin-bottom: 9px; | 3785 | margin-bottom: 9px; |
| 3786 | } | 3786 | } |
| 3787 | } | 3787 | } |
| 3788 | @media (max-width: 768px) { | 3788 | @media (max-width: 768px) { |
| 3789 | .navbar-form { | 3789 | .navbar-form { |
| 3790 | margin: 0; | 3790 | margin: 0; |
| 3791 | } | 3791 | } |
| 3792 | } | 3792 | } |
| 3793 | .navbar-nav > li > .dropdown-menu { | 3793 | .navbar-nav > li > .dropdown-menu { |
| 3794 | border-top-width: 0; | 3794 | border-top-width: 0; |
| 3795 | } | 3795 | } |
| 3796 | .navbar-nav > li > .dropdown-menu .media-list { | 3796 | .navbar-nav > li > .dropdown-menu .media-list { |
| 3797 | max-height: 340px; | 3797 | max-height: 340px; |
| 3798 | overflow-y: auto; | 3798 | overflow-y: auto; |
| 3799 | } | 3799 | } |
| 3800 | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | 3800 | .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { |
| 3801 | border-top-width: 1px; | 3801 | border-top-width: 1px; |
| 3802 | border-bottom-width: 0; | 3802 | border-bottom-width: 0; |
| 3803 | border-top-right-radius: 3px; | 3803 | border-top-right-radius: 3px; |
| 3804 | border-top-left-radius: 3px; | 3804 | border-top-left-radius: 3px; |
| 3805 | } | 3805 | } |
| 3806 | .navbar-btn { | 3806 | .navbar-btn { |
| 3807 | margin-left: 20px; | 3807 | margin-left: 20px; |
| 3808 | } | 3808 | } |
| 3809 | .navbar-btn + .navbar-btn { | 3809 | .navbar-btn + .navbar-btn { |
| 3810 | margin-left: 0; | 3810 | margin-left: 0; |
| 3811 | } | 3811 | } |
| 3812 | .navbar-btn, | 3812 | .navbar-btn, |
| 3813 | .navbar-sm .navbar-btn.btn-sm, | 3813 | .navbar-sm .navbar-btn.btn-sm, |
| 3814 | .navbar-xs .navbar-btn.btn-xs { | 3814 | .navbar-xs .navbar-btn.btn-xs { |
| 3815 | margin-top: 6px; | 3815 | margin-top: 6px; |
| 3816 | margin-bottom: 6px; | 3816 | margin-bottom: 6px; |
| 3817 | } | 3817 | } |
| 3818 | .navbar-lg .navbar-btn { | 3818 | .navbar-lg .navbar-btn { |
| 3819 | margin-top: 8px; | 3819 | margin-top: 8px; |
| 3820 | margin-bottom: 8px; | 3820 | margin-bottom: 8px; |
| 3821 | } | 3821 | } |
| 3822 | .navbar-sm .navbar-btn, | 3822 | .navbar-sm .navbar-btn, |
| 3823 | .navbar-xs .navbar-btn.btn-sm { | 3823 | .navbar-xs .navbar-btn.btn-sm { |
| 3824 | margin-top: 5px; | 3824 | margin-top: 5px; |
| 3825 | margin-bottom: 5px; | 3825 | margin-bottom: 5px; |
| 3826 | } | 3826 | } |
| 3827 | .navbar-xs .navbar-btn { | 3827 | .navbar-xs .navbar-btn { |
| 3828 | margin-top: 4px; | 3828 | margin-top: 4px; |
| 3829 | margin-bottom: 4px; | 3829 | margin-bottom: 4px; |
| 3830 | } | 3830 | } |
| 3831 | .navbar-btn.btn-sm, | 3831 | .navbar-btn.btn-sm, |
| 3832 | .navbar-sm .navbar-btn.btn-xs { | 3832 | .navbar-sm .navbar-btn.btn-xs { |
| 3833 | margin-top: 7px; | 3833 | margin-top: 7px; |
| 3834 | margin-bottom: 7px; | 3834 | margin-bottom: 7px; |
| 3835 | } | 3835 | } |
| 3836 | .navbar-btn.btn-xs, | 3836 | .navbar-btn.btn-xs, |
| 3837 | .navbar-lg .navbar-btn.btn-sm { | 3837 | .navbar-lg .navbar-btn.btn-sm { |
| 3838 | margin-top: 8px; | 3838 | margin-top: 8px; |
| 3839 | margin-bottom: 8px; | 3839 | margin-bottom: 8px; |
| 3840 | } | 3840 | } |
| 3841 | .navbar-lg .navbar-btn.btn-xs { | 3841 | .navbar-lg .navbar-btn.btn-xs { |
| 3842 | margin-top: 10px; | 3842 | margin-top: 10px; |
| 3843 | margin-bottom: 10px; | 3843 | margin-bottom: 10px; |
| 3844 | } | 3844 | } |
| 3845 | @media (max-width: 768px) { | 3845 | @media (max-width: 768px) { |
| 3846 | .navbar-btn, | 3846 | .navbar-btn, |
| 3847 | .navbar-btn.btn-sm, | 3847 | .navbar-btn.btn-sm, |
| 3848 | .navbar-btn.btn-xs { | 3848 | .navbar-btn.btn-xs { |
| 3849 | margin: 15px 20px; | 3849 | margin: 15px 20px; |
| 3850 | } | 3850 | } |
| 3851 | .navbar-btn + .navbar-btn { | 3851 | .navbar-btn + .navbar-btn { |
| 3852 | margin-left: 0; | 3852 | margin-left: 0; |
| 3853 | } | 3853 | } |
| 3854 | } | 3854 | } |
| 3855 | .navbar-text { | 3855 | .navbar-text { |
| 3856 | margin: 0; | 3856 | margin: 0; |
| 3857 | padding: 15px 20px; | 3857 | padding: 15px 20px; |
| 3858 | } | 3858 | } |
| 3859 | .navbar-text:last-child { | 3859 | .navbar-text:last-child { |
| 3860 | border-bottom: 0; | 3860 | border-bottom: 0; |
| 3861 | } | 3861 | } |
| 3862 | .navbar-lg .navbar-text { | 3862 | .navbar-lg .navbar-text { |
| 3863 | padding-top: 17px; | 3863 | padding-top: 17px; |
| 3864 | padding-bottom: 17px; | 3864 | padding-bottom: 17px; |
| 3865 | } | 3865 | } |
| 3866 | .navbar-sm .navbar-text { | 3866 | .navbar-sm .navbar-text { |
| 3867 | padding-top: 14px; | 3867 | padding-top: 14px; |
| 3868 | padding-bottom: 14px; | 3868 | padding-bottom: 14px; |
| 3869 | } | 3869 | } |
| 3870 | .navbar-xs .navbar-text { | 3870 | .navbar-xs .navbar-text { |
| 3871 | padding-top: 13px; | 3871 | padding-top: 13px; |
| 3872 | padding-bottom: 13px; | 3872 | padding-bottom: 13px; |
| 3873 | } | 3873 | } |
| 3874 | @media (min-width: 769px) { | 3874 | @media (min-width: 769px) { |
| 3875 | .navbar-text { | 3875 | .navbar-text { |
| 3876 | padding-right: 0; | 3876 | padding-right: 0; |
| 3877 | } | 3877 | } |
| 3878 | .navbar-text + .navbar-nav { | 3878 | .navbar-text + .navbar-nav { |
| 3879 | margin-left: 15px; | 3879 | margin-left: 15px; |
| 3880 | } | 3880 | } |
| 3881 | .navbar-header + .navbar-text:first-child { | 3881 | .navbar-header + .navbar-text:first-child { |
| 3882 | padding-left: 0; | 3882 | padding-left: 0; |
| 3883 | } | 3883 | } |
| 3884 | } | 3884 | } |
| 3885 | @media (min-width: 769px) { | 3885 | @media (min-width: 769px) { |
| 3886 | .navbar-right { | 3886 | .navbar-right { |
| 3887 | margin-right: 0; | 3887 | margin-right: 0; |
| 3888 | } | 3888 | } |
| 3889 | } | 3889 | } |
| 3890 | .navbar-default .navbar-nav > .active > a:after { | 3890 | .navbar-default .navbar-nav > .active > a:after { |
| 3891 | background-color: #7986CB; | 3891 | background-color: #7986CB; |
| 3892 | } | 3892 | } |
| 3893 | .navbar-default .navbar-nav > li > .dropdown-menu { | 3893 | .navbar-default .navbar-nav > li > .dropdown-menu { |
| 3894 | border-top-width: 1px; | 3894 | border-top-width: 1px; |
| 3895 | border-top-color: #ddd; | 3895 | border-top-color: #ddd; |
| 3896 | } | 3896 | } |
| 3897 | @media (max-width: 768px) { | 3897 | @media (max-width: 768px) { |
| 3898 | .navbar-default .navbar-nav .open .dropdown-menu { | 3898 | .navbar-default .navbar-nav .open .dropdown-menu { |
| 3899 | color: #333333; | 3899 | color: #333333; |
| 3900 | background-color: transparent; | 3900 | background-color: transparent; |
| 3901 | border-bottom: 1px solid #ddd; | 3901 | border-bottom: 1px solid #ddd; |
| 3902 | } | 3902 | } |
| 3903 | .navbar-default .navbar-nav .open > .dropdown-menu { | 3903 | .navbar-default .navbar-nav .open > .dropdown-menu { |
| 3904 | border-top: 1px solid #ddd; | 3904 | border-top: 1px solid #ddd; |
| 3905 | } | 3905 | } |
| 3906 | .navbar-default .navbar-nav .open:last-child .dropdown-menu { | 3906 | .navbar-default .navbar-nav .open:last-child .dropdown-menu { |
| 3907 | border-bottom: 0; | 3907 | border-bottom: 0; |
| 3908 | } | 3908 | } |
| 3909 | } | 3909 | } |
| 3910 | .navbar-default .navbar-link { | 3910 | .navbar-default .navbar-link { |
| 3911 | color: #1E88E5; | 3911 | color: #1E88E5; |
| 3912 | } | 3912 | } |
| 3913 | .navbar-default .navbar-link:hover { | 3913 | .navbar-default .navbar-link:hover { |
| 3914 | color: #166dba; | 3914 | color: #166dba; |
| 3915 | } | 3915 | } |
| 3916 | @media (max-width: 768px) { | 3916 | @media (max-width: 768px) { |
| 3917 | .navbar-default .navbar-collapse .navbar-nav { | 3917 | .navbar-default .navbar-collapse .navbar-nav { |
| 3918 | border-bottom: 1px solid #ddd; | 3918 | border-bottom: 1px solid #ddd; |
| 3919 | } | 3919 | } |
| 3920 | .navbar-default .dropdown-menu[class*=bg-] .label, | 3920 | .navbar-default .dropdown-menu[class*=bg-] .label, |
| 3921 | .navbar-default .dropdown-menu[class*=bg-] .badge { | 3921 | .navbar-default .dropdown-menu[class*=bg-] .badge { |
| 3922 | color: #fff; | 3922 | color: #fff; |
| 3923 | background-color: #2196F3; | 3923 | background-color: #2196F3; |
| 3924 | border-color: transparent; | 3924 | border-color: transparent; |
| 3925 | } | 3925 | } |
| 3926 | .navbar-default .dropdown-menu[class*=bg-] > .divider { | 3926 | .navbar-default .dropdown-menu[class*=bg-] > .divider { |
| 3927 | background-color: #e5e5e5; | 3927 | background-color: #e5e5e5; |
| 3928 | } | 3928 | } |
| 3929 | .navbar-default .dropdown-menu[class*=bg-] .dropdown-submenu:hover > a, | 3929 | .navbar-default .dropdown-menu[class*=bg-] .dropdown-submenu:hover > a, |
| 3930 | .navbar-default .dropdown-menu[class*=bg-] .dropdown-submenu:focus > a { | 3930 | .navbar-default .dropdown-menu[class*=bg-] .dropdown-submenu:focus > a { |
| 3931 | background-color: #f5f5f5; | 3931 | background-color: #f5f5f5; |
| 3932 | } | 3932 | } |
| 3933 | .navbar-default .dropdown-menu .table-responsive { | 3933 | .navbar-default .dropdown-menu .table-responsive { |
| 3934 | border-width: 0; | 3934 | border-width: 0; |
| 3935 | } | 3935 | } |
| 3936 | .navbar-default .dropdown-menu .dropdown-content-heading + .table-responsive { | 3936 | .navbar-default .dropdown-menu .dropdown-content-heading + .table-responsive { |
| 3937 | border-top-width: 1px; | 3937 | border-top-width: 1px; |
| 3938 | } | 3938 | } |
| 3939 | .navbar-default .navbar-text:not([data-toggle="collapse"]) { | 3939 | .navbar-default .navbar-text:not([data-toggle="collapse"]) { |
| 3940 | border-bottom: 1px solid #ddd; | 3940 | border-bottom: 1px solid #ddd; |
| 3941 | } | 3941 | } |
| 3942 | .navbar-default > .navbar-nav > li > a:not(.collapsed), | 3942 | .navbar-default > .navbar-nav > li > a:not(.collapsed), |
| 3943 | .navbar-default > .navbar-nav > li > a:hover, | 3943 | .navbar-default > .navbar-nav > li > a:hover, |
| 3944 | .navbar-default > .navbar-nav > li > a:focus { | 3944 | .navbar-default > .navbar-nav > li > a:focus { |
| 3945 | background-color: #fcfcfc; | 3945 | background-color: #fcfcfc; |
| 3946 | } | 3946 | } |
| 3947 | } | 3947 | } |
| 3948 | .navbar-inverse { | 3948 | .navbar-inverse { |
| 3949 | color: rgba(255, 255, 255, 0.9); | 3949 | color: rgba(255, 255, 255, 0.9); |
| 3950 | } | 3950 | } |
| 3951 | .navbar-inverse .navbar-form .form-control, | 3951 | .navbar-inverse .navbar-form .form-control, |
| 3952 | .navbar-inverse .navbar-form .form-control-feedback, | 3952 | .navbar-inverse .navbar-form .form-control-feedback, |
| 3953 | .navbar-inverse .navbar-form .input-group-addon { | 3953 | .navbar-inverse .navbar-form .input-group-addon { |
| 3954 | color: #fff; | 3954 | color: #fff; |
| 3955 | } | 3955 | } |
| 3956 | .navbar-inverse .navbar-form .form-control { | 3956 | .navbar-inverse .navbar-form .form-control { |
| 3957 | border-bottom-color: rgba(255, 255, 255, 0.3); | 3957 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 3958 | } | 3958 | } |
| 3959 | .navbar-inverse .navbar-form .form-control::-moz-placeholder { | 3959 | .navbar-inverse .navbar-form .form-control::-moz-placeholder { |
| 3960 | color: #fff; | 3960 | color: #fff; |
| 3961 | opacity: 1; | 3961 | opacity: 1; |
| 3962 | } | 3962 | } |
| 3963 | .navbar-inverse .navbar-form .form-control:-ms-input-placeholder { | 3963 | .navbar-inverse .navbar-form .form-control:-ms-input-placeholder { |
| 3964 | color: #fff; | 3964 | color: #fff; |
| 3965 | } | 3965 | } |
| 3966 | .navbar-inverse .navbar-form .form-control::-webkit-input-placeholder { | 3966 | .navbar-inverse .navbar-form .form-control::-webkit-input-placeholder { |
| 3967 | color: #fff; | 3967 | color: #fff; |
| 3968 | } | 3968 | } |
| 3969 | .navbar-inverse .navbar-form .form-control:focus { | 3969 | .navbar-inverse .navbar-form .form-control:focus { |
| 3970 | border-bottom-color: #fff; | 3970 | border-bottom-color: #fff; |
| 3971 | -webkit-box-shadow: 0 1px 0 #fff; | 3971 | -webkit-box-shadow: 0 1px 0 #fff; |
| 3972 | box-shadow: 0 1px 0 #fff; | 3972 | box-shadow: 0 1px 0 #fff; |
| 3973 | } | 3973 | } |
| 3974 | .navbar-inverse .navbar-nav > li > a { | 3974 | .navbar-inverse .navbar-nav > li > a { |
| 3975 | color: rgba(255, 255, 255, 0.9); | 3975 | color: rgba(255, 255, 255, 0.9); |
| 3976 | } | 3976 | } |
| 3977 | .navbar-inverse .navbar-nav > .active > a:after { | 3977 | .navbar-inverse .navbar-nav > .active > a:after { |
| 3978 | background-color: #fff; | 3978 | background-color: #fff; |
| 3979 | } | 3979 | } |
| 3980 | @media (max-width: 768px) { | 3980 | @media (max-width: 768px) { |
| 3981 | .navbar-inverse .navbar-nav .open .dropdown-menu { | 3981 | .navbar-inverse .navbar-nav .open .dropdown-menu { |
| 3982 | color: rgba(255, 255, 255, 0.9); | 3982 | color: rgba(255, 255, 255, 0.9); |
| 3983 | background-color: rgba(0, 0, 0, 0.1); | 3983 | background-color: rgba(0, 0, 0, 0.1); |
| 3984 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 3984 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 3985 | } | 3985 | } |
| 3986 | .navbar-inverse .navbar-nav .open .dropdown-menu .text-muted, | 3986 | .navbar-inverse .navbar-nav .open .dropdown-menu .text-muted, |
| 3987 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-annotation { | 3987 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-annotation { |
| 3988 | color: rgba(255, 255, 255, 0.8); | 3988 | color: rgba(255, 255, 255, 0.8); |
| 3989 | } | 3989 | } |
| 3990 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked > li { | 3990 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked > li { |
| 3991 | border-top-color: rgba(255, 255, 255, 0.1); | 3991 | border-top-color: rgba(255, 255, 255, 0.1); |
| 3992 | } | 3992 | } |
| 3993 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link { | 3993 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link { |
| 3994 | color: rgba(255, 255, 255, 0.9); | 3994 | color: rgba(255, 255, 255, 0.9); |
| 3995 | } | 3995 | } |
| 3996 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:hover, | 3996 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:hover, |
| 3997 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:focus { | 3997 | .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:focus { |
| 3998 | background-color: rgba(0, 0, 0, 0.1); | 3998 | background-color: rgba(0, 0, 0, 0.1); |
| 3999 | color: rgba(255, 255, 255, 0.9); | 3999 | color: rgba(255, 255, 255, 0.9); |
| 4000 | } | 4000 | } |
| 4001 | .navbar-inverse .navbar-nav .open .dropdown-menu .checker span { | 4001 | .navbar-inverse .navbar-nav .open .dropdown-menu .checker span { |
| 4002 | border-color: #fff; | 4002 | border-color: #fff; |
| 4003 | color: #fff; | 4003 | color: #fff; |
| 4004 | } | 4004 | } |
| 4005 | .navbar-inverse .navbar-nav .open .dropdown-menu .checker span.checked { | 4005 | .navbar-inverse .navbar-nav .open .dropdown-menu .checker span.checked { |
| 4006 | border-color: transparent; | 4006 | border-color: transparent; |
| 4007 | } | 4007 | } |
| 4008 | .navbar-inverse .navbar-nav .open .dropdown-menu .choice span { | 4008 | .navbar-inverse .navbar-nav .open .dropdown-menu .choice span { |
| 4009 | border-color: #fff; | 4009 | border-color: #fff; |
| 4010 | } | 4010 | } |
| 4011 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control, | 4011 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control, |
| 4012 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control-feedback, | 4012 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control-feedback, |
| 4013 | .navbar-inverse .navbar-nav .open .dropdown-menu .input-group-addon, | 4013 | .navbar-inverse .navbar-nav .open .dropdown-menu .input-group-addon, |
| 4014 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-selection__placeholder { | 4014 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-selection__placeholder { |
| 4015 | color: #fff; | 4015 | color: #fff; |
| 4016 | } | 4016 | } |
| 4017 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control { | 4017 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control { |
| 4018 | border-bottom-color: rgba(255, 255, 255, 0.3); | 4018 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 4019 | } | 4019 | } |
| 4020 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control::-moz-placeholder { | 4020 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control::-moz-placeholder { |
| 4021 | color: #fff; | 4021 | color: #fff; |
| 4022 | opacity: 1; | 4022 | opacity: 1; |
| 4023 | } | 4023 | } |
| 4024 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control:-ms-input-placeholder { | 4024 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control:-ms-input-placeholder { |
| 4025 | color: #fff; | 4025 | color: #fff; |
| 4026 | } | 4026 | } |
| 4027 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control::-webkit-input-placeholder { | 4027 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control::-webkit-input-placeholder { |
| 4028 | color: #fff; | 4028 | color: #fff; |
| 4029 | } | 4029 | } |
| 4030 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control:focus { | 4030 | .navbar-inverse .navbar-nav .open .dropdown-menu .form-control:focus { |
| 4031 | border-bottom-color: #fff; | 4031 | border-bottom-color: #fff; |
| 4032 | -webkit-box-shadow: 0 1px 0 #fff; | 4032 | -webkit-box-shadow: 0 1px 0 #fff; |
| 4033 | box-shadow: 0 1px 0 #fff; | 4033 | box-shadow: 0 1px 0 #fff; |
| 4034 | } | 4034 | } |
| 4035 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 4035 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 4036 | border-bottom-color: rgba(255, 255, 255, 0.3); | 4036 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 4037 | } | 4037 | } |
| 4038 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 4038 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 4039 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 4039 | .navbar-inverse .navbar-nav .open .dropdown-menu .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 4040 | border-bottom-color: #fff; | 4040 | border-bottom-color: #fff; |
| 4041 | -webkit-box-shadow: 0 1px 0 #fff; | 4041 | -webkit-box-shadow: 0 1px 0 #fff; |
| 4042 | box-shadow: 0 1px 0 #fff; | 4042 | box-shadow: 0 1px 0 #fff; |
| 4043 | } | 4043 | } |
| 4044 | .navbar-inverse .navbar-nav .open .dropdown-menu a:not(.label-flat):not(.badge-flat):not(.disabled > a) { | 4044 | .navbar-inverse .navbar-nav .open .dropdown-menu a:not(.label-flat):not(.badge-flat):not(.disabled) > a { |
| 4045 | color: rgba(255, 255, 255, 0.9); | 4045 | color: rgba(255, 255, 255, 0.9); |
| 4046 | } | 4046 | } |
| 4047 | .navbar-inverse .navbar-nav .open .dropdown-menu .divider { | 4047 | .navbar-inverse .navbar-nav .open .dropdown-menu .divider { |
| 4048 | background-color: rgba(255, 255, 255, 0.1); | 4048 | background-color: rgba(255, 255, 255, 0.1); |
| 4049 | } | 4049 | } |
| 4050 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | 4050 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { |
| 4051 | color: rgba(255, 255, 255, 0.6); | 4051 | color: rgba(255, 255, 255, 0.6); |
| 4052 | } | 4052 | } |
| 4053 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:hover > a, | 4053 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:hover > a, |
| 4054 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:focus > a { | 4054 | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu:focus > a { |
| 4055 | color: #fff; | 4055 | color: #fff; |
| 4056 | background-color: transparent; | 4056 | background-color: transparent; |
| 4057 | } | 4057 | } |
| 4058 | .navbar-inverse .navbar-nav .open > .dropdown-menu { | 4058 | .navbar-inverse .navbar-nav .open > .dropdown-menu { |
| 4059 | border-top: 1px solid rgba(255, 255, 255, 0.1); | 4059 | border-top: 1px solid rgba(255, 255, 255, 0.1); |
| 4060 | } | 4060 | } |
| 4061 | .navbar-inverse .navbar-nav .open:last-child .dropdown-menu { | 4061 | .navbar-inverse .navbar-nav .open:last-child .dropdown-menu { |
| 4062 | border-bottom: 0; | 4062 | border-bottom: 0; |
| 4063 | } | 4063 | } |
| 4064 | .navbar-inverse .navbar-nav .label, | 4064 | .navbar-inverse .navbar-nav .label, |
| 4065 | .navbar-inverse .navbar-nav .badge, | 4065 | .navbar-inverse .navbar-nav .badge, |
| 4066 | .navbar-inverse .navbar-nav .label:hover, | 4066 | .navbar-inverse .navbar-nav .label:hover, |
| 4067 | .navbar-inverse .navbar-nav .badge:hover, | 4067 | .navbar-inverse .navbar-nav .badge:hover, |
| 4068 | .navbar-inverse .navbar-nav .label:focus, | 4068 | .navbar-inverse .navbar-nav .label:focus, |
| 4069 | .navbar-inverse .navbar-nav .badge:focus { | 4069 | .navbar-inverse .navbar-nav .badge:focus { |
| 4070 | background-color: #fff; | 4070 | background-color: #fff; |
| 4071 | border-color: #fff; | 4071 | border-color: #fff; |
| 4072 | color: #333333; | 4072 | color: #333333; |
| 4073 | } | 4073 | } |
| 4074 | .navbar-inverse .navbar-nav .nav-tabs { | 4074 | .navbar-inverse .navbar-nav .nav-tabs { |
| 4075 | background-color: transparent; | 4075 | background-color: transparent; |
| 4076 | border: 0; | 4076 | border: 0; |
| 4077 | } | 4077 | } |
| 4078 | .navbar-inverse .navbar-nav .nav-tabs > li > a { | 4078 | .navbar-inverse .navbar-nav .nav-tabs > li > a { |
| 4079 | background-color: transparent; | 4079 | background-color: transparent; |
| 4080 | } | 4080 | } |
| 4081 | } | 4081 | } |
| 4082 | @media (max-width: 768px) { | 4082 | @media (max-width: 768px) { |
| 4083 | .navbar-inverse .navbar-collapse { | 4083 | .navbar-inverse .navbar-collapse { |
| 4084 | background-color: rgba(0, 0, 0, 0.05); | 4084 | background-color: rgba(0, 0, 0, 0.05); |
| 4085 | } | 4085 | } |
| 4086 | .navbar-inverse .navbar-collapse, | 4086 | .navbar-inverse .navbar-collapse, |
| 4087 | .navbar-inverse .navbar-collapse .navbar-nav { | 4087 | .navbar-inverse .navbar-collapse .navbar-nav { |
| 4088 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 4088 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 4089 | } | 4089 | } |
| 4090 | .navbar-inverse .navbar-text { | 4090 | .navbar-inverse .navbar-text { |
| 4091 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 4091 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 4092 | } | 4092 | } |
| 4093 | .navbar-inverse > .navbar-nav > li > a:not(.collapsed) { | 4093 | .navbar-inverse > .navbar-nav > li > a:not(.collapsed) { |
| 4094 | background-color: rgba(0, 0, 0, 0.1); | 4094 | background-color: rgba(0, 0, 0, 0.1); |
| 4095 | } | 4095 | } |
| 4096 | .navbar-inverse .dropdown-menu .media-body a, | 4096 | .navbar-inverse .dropdown-menu .media-body a, |
| 4097 | .navbar-inverse .dropdown-menu .table a { | 4097 | .navbar-inverse .dropdown-menu .table a { |
| 4098 | color: #fff; | 4098 | color: #fff; |
| 4099 | } | 4099 | } |
| 4100 | .navbar-inverse .dropdown-menu .table-responsive { | 4100 | .navbar-inverse .dropdown-menu .table-responsive { |
| 4101 | border-width: 0 0 1px 0; | 4101 | border-width: 0 0 1px 0; |
| 4102 | border-color: rgba(255, 255, 255, 0.1); | 4102 | border-color: rgba(255, 255, 255, 0.1); |
| 4103 | } | 4103 | } |
| 4104 | .navbar-inverse .dropdown-menu .dropdown-content-heading + .table-responsive { | 4104 | .navbar-inverse .dropdown-menu .dropdown-content-heading + .table-responsive { |
| 4105 | border-top-width: 1px; | 4105 | border-top-width: 1px; |
| 4106 | } | 4106 | } |
| 4107 | .navbar-inverse .dropdown-menu .table th, | 4107 | .navbar-inverse .dropdown-menu .table th, |
| 4108 | .navbar-inverse .dropdown-menu .table td { | 4108 | .navbar-inverse .dropdown-menu .table td { |
| 4109 | border-color: rgba(255, 255, 255, 0.1); | 4109 | border-color: rgba(255, 255, 255, 0.1); |
| 4110 | } | 4110 | } |
| 4111 | .navbar-inverse .label-flat, | 4111 | .navbar-inverse .label-flat, |
| 4112 | .navbar-inverse .badge-flat { | 4112 | .navbar-inverse .badge-flat { |
| 4113 | border-color: #fff; | 4113 | border-color: #fff; |
| 4114 | color: #fff; | 4114 | color: #fff; |
| 4115 | } | 4115 | } |
| 4116 | .navbar-inverse .btn-flat, | 4116 | .navbar-inverse .btn-flat, |
| 4117 | .navbar-inverse .btn-flat:hover, | 4117 | .navbar-inverse .btn-flat:hover, |
| 4118 | .navbar-inverse .btn-flat:focus { | 4118 | .navbar-inverse .btn-flat:focus { |
| 4119 | border-color: #fff; | 4119 | border-color: #fff; |
| 4120 | color: #fff!important; | 4120 | color: #fff!important; |
| 4121 | } | 4121 | } |
| 4122 | } | 4122 | } |
| 4123 | .navbar-nav-material > li > a { | 4123 | .navbar-nav-material > li > a { |
| 4124 | text-transform: uppercase; | 4124 | text-transform: uppercase; |
| 4125 | font-size: 12px; | 4125 | font-size: 12px; |
| 4126 | position: relative; | 4126 | position: relative; |
| 4127 | font-weight: 500; | 4127 | font-weight: 500; |
| 4128 | } | 4128 | } |
| 4129 | .navbar-lg { | 4129 | .navbar-lg { |
| 4130 | min-height: 54px; | 4130 | min-height: 54px; |
| 4131 | } | 4131 | } |
| 4132 | .navbar-lg .navbar-brand { | 4132 | .navbar-lg .navbar-brand { |
| 4133 | height: 54px; | 4133 | height: 54px; |
| 4134 | padding-top: 17px; | 4134 | padding-top: 17px; |
| 4135 | padding-bottom: 17px; | 4135 | padding-bottom: 17px; |
| 4136 | } | 4136 | } |
| 4137 | .navbar-lg .navbar-nav > li > a { | 4137 | .navbar-lg .navbar-nav > li > a { |
| 4138 | padding-top: 17px; | 4138 | padding-top: 17px; |
| 4139 | padding-bottom: 17px; | 4139 | padding-bottom: 17px; |
| 4140 | } | 4140 | } |
| 4141 | .navbar-lg .navbar-nav > .dropdown-user > a, | 4141 | .navbar-lg .navbar-nav > .dropdown-user > a, |
| 4142 | .navbar-lg .navbar-nav > .dropdown-user > a > span { | 4142 | .navbar-lg .navbar-nav > .dropdown-user > a > span { |
| 4143 | padding-top: 8.5px; | 4143 | padding-top: 8.5px; |
| 4144 | padding-bottom: 8.5px; | 4144 | padding-bottom: 8.5px; |
| 4145 | } | 4145 | } |
| 4146 | .navbar-sm { | 4146 | .navbar-sm { |
| 4147 | min-height: 48px; | 4147 | min-height: 48px; |
| 4148 | } | 4148 | } |
| 4149 | .navbar-sm .navbar-brand { | 4149 | .navbar-sm .navbar-brand { |
| 4150 | height: 48px; | 4150 | height: 48px; |
| 4151 | padding-top: 14px; | 4151 | padding-top: 14px; |
| 4152 | padding-bottom: 14px; | 4152 | padding-bottom: 14px; |
| 4153 | } | 4153 | } |
| 4154 | .navbar-sm .navbar-nav > li > a { | 4154 | .navbar-sm .navbar-nav > li > a { |
| 4155 | padding-top: 14px; | 4155 | padding-top: 14px; |
| 4156 | padding-bottom: 14px; | 4156 | padding-bottom: 14px; |
| 4157 | } | 4157 | } |
| 4158 | .navbar-sm .navbar-nav > .dropdown-user > a, | 4158 | .navbar-sm .navbar-nav > .dropdown-user > a, |
| 4159 | .navbar-sm .navbar-nav > .dropdown-user > a > span { | 4159 | .navbar-sm .navbar-nav > .dropdown-user > a > span { |
| 4160 | padding-top: 7px; | 4160 | padding-top: 7px; |
| 4161 | padding-bottom: 7px; | 4161 | padding-bottom: 7px; |
| 4162 | } | 4162 | } |
| 4163 | .navbar-xs { | 4163 | .navbar-xs { |
| 4164 | min-height: 46px; | 4164 | min-height: 46px; |
| 4165 | } | 4165 | } |
| 4166 | .navbar-xs .navbar-brand { | 4166 | .navbar-xs .navbar-brand { |
| 4167 | height: 46px; | 4167 | height: 46px; |
| 4168 | padding-top: 13px; | 4168 | padding-top: 13px; |
| 4169 | padding-bottom: 13px; | 4169 | padding-bottom: 13px; |
| 4170 | } | 4170 | } |
| 4171 | .navbar-xs .navbar-nav > li > a { | 4171 | .navbar-xs .navbar-nav > li > a { |
| 4172 | padding-top: 13px; | 4172 | padding-top: 13px; |
| 4173 | padding-bottom: 13px; | 4173 | padding-bottom: 13px; |
| 4174 | } | 4174 | } |
| 4175 | .navbar-xs .navbar-nav > .dropdown-user > a, | 4175 | .navbar-xs .navbar-nav > .dropdown-user > a, |
| 4176 | .navbar-xs .navbar-nav > .dropdown-user > a > span { | 4176 | .navbar-xs .navbar-nav > .dropdown-user > a > span { |
| 4177 | padding-top: 6.5px; | 4177 | padding-top: 6.5px; |
| 4178 | padding-bottom: 6.5px; | 4178 | padding-bottom: 6.5px; |
| 4179 | } | 4179 | } |
| 4180 | .nav .mega-menu { | 4180 | .nav .mega-menu { |
| 4181 | position: static; | 4181 | position: static; |
| 4182 | } | 4182 | } |
| 4183 | .mega-menu .dropdown-menu { | 4183 | .mega-menu .dropdown-menu { |
| 4184 | left: auto; | 4184 | left: auto; |
| 4185 | } | 4185 | } |
| 4186 | @media (min-width: 769px) { | 4186 | @media (min-width: 769px) { |
| 4187 | .mega-menu.mega-menu-wide > .dropdown-menu { | 4187 | .mega-menu.mega-menu-wide > .dropdown-menu { |
| 4188 | left: 20px; | 4188 | left: 20px; |
| 4189 | right: 20px; | 4189 | right: 20px; |
| 4190 | } | 4190 | } |
| 4191 | .navbar-component .mega-menu.mega-menu-wide > .dropdown-menu, | 4191 | .navbar-component .mega-menu.mega-menu-wide > .dropdown-menu, |
| 4192 | .layout-boxed .mega-menu.mega-menu-wide > .dropdown-menu { | 4192 | .layout-boxed .mega-menu.mega-menu-wide > .dropdown-menu { |
| 4193 | left: 0; | 4193 | left: 0; |
| 4194 | right: 0; | 4194 | right: 0; |
| 4195 | } | 4195 | } |
| 4196 | } | 4196 | } |
| 4197 | .dropdown-content-heading { | 4197 | .dropdown-content-heading { |
| 4198 | padding: 20px; | 4198 | padding: 20px; |
| 4199 | font-size: 12px; | 4199 | font-size: 12px; |
| 4200 | text-transform: uppercase; | 4200 | text-transform: uppercase; |
| 4201 | font-weight: 500; | 4201 | font-weight: 500; |
| 4202 | } | 4202 | } |
| 4203 | .dropdown-content-heading + .dropdown-menu-body { | 4203 | .dropdown-content-heading + .dropdown-menu-body { |
| 4204 | padding-top: 0; | 4204 | padding-top: 0; |
| 4205 | } | 4205 | } |
| 4206 | .dropdown-content-heading + .dropdown-header { | 4206 | .dropdown-content-heading + .dropdown-header { |
| 4207 | padding-top: 0!important; | 4207 | padding-top: 0!important; |
| 4208 | } | 4208 | } |
| 4209 | ul.dropdown-menu .dropdown-content-heading { | 4209 | ul.dropdown-menu .dropdown-content-heading { |
| 4210 | padding-left: 15px; | 4210 | padding-left: 15px; |
| 4211 | padding-right: 15px; | 4211 | padding-right: 15px; |
| 4212 | } | 4212 | } |
| 4213 | ul.dropdown-menu .dropdown-content-heading:first-child { | 4213 | ul.dropdown-menu .dropdown-content-heading:first-child { |
| 4214 | padding-top: 12px; | 4214 | padding-top: 12px; |
| 4215 | padding-bottom: 12px; | 4215 | padding-bottom: 12px; |
| 4216 | } | 4216 | } |
| 4217 | .dropdown-content-heading .icons-list { | 4217 | .dropdown-content-heading .icons-list { |
| 4218 | float: right; | 4218 | float: right; |
| 4219 | } | 4219 | } |
| 4220 | @media (min-width: 769px) { | 4220 | @media (min-width: 769px) { |
| 4221 | .dropdown-content-heading + .table-responsive { | 4221 | .dropdown-content-heading + .table-responsive { |
| 4222 | border-top: 1px solid transparent; | 4222 | border-top: 1px solid transparent; |
| 4223 | } | 4223 | } |
| 4224 | } | 4224 | } |
| 4225 | .dropdown-content-footer { | 4225 | .dropdown-content-footer { |
| 4226 | color: #333333; | 4226 | color: #333333; |
| 4227 | border-top: 1px solid transparent; | 4227 | border-top: 1px solid transparent; |
| 4228 | border-bottom-right-radius: 3px; | 4228 | border-bottom-right-radius: 3px; |
| 4229 | border-bottom-left-radius: 3px; | 4229 | border-bottom-left-radius: 3px; |
| 4230 | } | 4230 | } |
| 4231 | .dropdown-content-footer a { | 4231 | .dropdown-content-footer a { |
| 4232 | display: block; | 4232 | display: block; |
| 4233 | padding: 10px 20px; | 4233 | padding: 10px 20px; |
| 4234 | text-align: center; | 4234 | text-align: center; |
| 4235 | color: #333333; | 4235 | color: #333333; |
| 4236 | } | 4236 | } |
| 4237 | .dropdown-content-footer a:hover, | 4237 | .dropdown-content-footer a:hover, |
| 4238 | .dropdown-content-footer a:focus { | 4238 | .dropdown-content-footer a:focus { |
| 4239 | background-color: #f5f5f5; | 4239 | background-color: #f5f5f5; |
| 4240 | } | 4240 | } |
| 4241 | .dropdown-content-footer a > i.display-block { | 4241 | .dropdown-content-footer a > i.display-block { |
| 4242 | top: 0; | 4242 | top: 0; |
| 4243 | } | 4243 | } |
| 4244 | @media (max-width: 768px) { | 4244 | @media (max-width: 768px) { |
| 4245 | .navbar-inverse .dropdown-content-footer { | 4245 | .navbar-inverse .dropdown-content-footer { |
| 4246 | background-color: rgba(0, 0, 0, 0.1); | 4246 | background-color: rgba(0, 0, 0, 0.1); |
| 4247 | color: #fff; | 4247 | color: #fff; |
| 4248 | border-color: transparent; | 4248 | border-color: transparent; |
| 4249 | border-radius: 0; | 4249 | border-radius: 0; |
| 4250 | } | 4250 | } |
| 4251 | .navbar-inverse .dropdown-content-footer a { | 4251 | .navbar-inverse .dropdown-content-footer a { |
| 4252 | color: #fff; | 4252 | color: #fff; |
| 4253 | } | 4253 | } |
| 4254 | .navbar-inverse .dropdown-content-footer a:hover, | 4254 | .navbar-inverse .dropdown-content-footer a:hover, |
| 4255 | .navbar-inverse .dropdown-content-footer a:focus { | 4255 | .navbar-inverse .dropdown-content-footer a:focus { |
| 4256 | background-color: rgba(0, 0, 0, 0.1); | 4256 | background-color: rgba(0, 0, 0, 0.1); |
| 4257 | } | 4257 | } |
| 4258 | } | 4258 | } |
| 4259 | .dropdown-content-body { | 4259 | .dropdown-content-body { |
| 4260 | padding: 20px; | 4260 | padding: 20px; |
| 4261 | } | 4261 | } |
| 4262 | .dropdown-content-heading + .dropdown-content-body { | 4262 | .dropdown-content-heading + .dropdown-content-body { |
| 4263 | padding-top: 0; | 4263 | padding-top: 0; |
| 4264 | } | 4264 | } |
| 4265 | .dropdown-content:not(ul) { | 4265 | .dropdown-content:not(ul) { |
| 4266 | padding-top: 0; | 4266 | padding-top: 0; |
| 4267 | padding-bottom: 0; | 4267 | padding-bottom: 0; |
| 4268 | } | 4268 | } |
| 4269 | .dropdown-content .form-inline { | 4269 | .dropdown-content .form-inline { |
| 4270 | white-space: nowrap; | 4270 | white-space: nowrap; |
| 4271 | } | 4271 | } |
| 4272 | .menu-list { | 4272 | .menu-list { |
| 4273 | margin: 0 0 20px 0; | 4273 | margin: 0 0 20px 0; |
| 4274 | list-style: none; | 4274 | list-style: none; |
| 4275 | padding: 0; | 4275 | padding: 0; |
| 4276 | overflow: hidden; | 4276 | overflow: hidden; |
| 4277 | } | 4277 | } |
| 4278 | @media (min-width: 1200px) { | 4278 | @media (min-width: 1200px) { |
| 4279 | [class*=col-lg-] .menu-list { | 4279 | [class*=col-lg-] .menu-list { |
| 4280 | margin-bottom: 9px; | 4280 | margin-bottom: 9px; |
| 4281 | } | 4281 | } |
| 4282 | } | 4282 | } |
| 4283 | @media (min-width: 1025px) { | 4283 | @media (min-width: 1025px) { |
| 4284 | [class*=col-md-] .menu-list { | 4284 | [class*=col-md-] .menu-list { |
| 4285 | margin-bottom: 9px; | 4285 | margin-bottom: 9px; |
| 4286 | } | 4286 | } |
| 4287 | } | 4287 | } |
| 4288 | @media (min-width: 769px) { | 4288 | @media (min-width: 769px) { |
| 4289 | [class*=col-sm-] .menu-list { | 4289 | [class*=col-sm-] .menu-list { |
| 4290 | margin-bottom: 9px; | 4290 | margin-bottom: 9px; |
| 4291 | } | 4291 | } |
| 4292 | } | 4292 | } |
| 4293 | @media (min-width: 480px) { | 4293 | @media (min-width: 480px) { |
| 4294 | [class*=col-xs-] .menu-list { | 4294 | [class*=col-xs-] .menu-list { |
| 4295 | margin-bottom: 9px; | 4295 | margin-bottom: 9px; |
| 4296 | } | 4296 | } |
| 4297 | } | 4297 | } |
| 4298 | .menu-list ul { | 4298 | .menu-list ul { |
| 4299 | margin: 0; | 4299 | margin: 0; |
| 4300 | padding: 0; | 4300 | padding: 0; |
| 4301 | list-style: none; | 4301 | list-style: none; |
| 4302 | position: absolute; | 4302 | position: absolute; |
| 4303 | display: none; | 4303 | display: none; |
| 4304 | left: 110%; | 4304 | left: 110%; |
| 4305 | width: 100%; | 4305 | width: 100%; |
| 4306 | } | 4306 | } |
| 4307 | .menu-list li { | 4307 | .menu-list li { |
| 4308 | position: relative; | 4308 | position: relative; |
| 4309 | margin-top: 1px; | 4309 | margin-top: 1px; |
| 4310 | } | 4310 | } |
| 4311 | .menu-list li:first-child { | 4311 | .menu-list li:first-child { |
| 4312 | margin-top: 0; | 4312 | margin-top: 0; |
| 4313 | } | 4313 | } |
| 4314 | .menu-list li > a { | 4314 | .menu-list li > a { |
| 4315 | display: block; | 4315 | display: block; |
| 4316 | color: #333333; | 4316 | color: #333333; |
| 4317 | padding: 8px 16px; | 4317 | padding: 8px 16px; |
| 4318 | border-radius: 3px; | 4318 | border-radius: 3px; |
| 4319 | } | 4319 | } |
| 4320 | .menu-list li > a:hover, | 4320 | .menu-list li > a:hover, |
| 4321 | .menu-list li > a:focus { | 4321 | .menu-list li > a:focus { |
| 4322 | background-color: #f5f5f5; | 4322 | background-color: #f5f5f5; |
| 4323 | } | 4323 | } |
| 4324 | .menu-list li > a > i { | 4324 | .menu-list li > a > i { |
| 4325 | margin-right: 10px; | 4325 | margin-right: 10px; |
| 4326 | } | 4326 | } |
| 4327 | .menu-list li > a > .label, | 4327 | .menu-list li > a > .label, |
| 4328 | .menu-list li > a > .badge { | 4328 | .menu-list li > a > .badge { |
| 4329 | float: right; | 4329 | float: right; |
| 4330 | margin-left: 8px; | 4330 | margin-left: 8px; |
| 4331 | } | 4331 | } |
| 4332 | .menu-list li.active > a, | 4332 | .menu-list li.active > a, |
| 4333 | .menu-list li.active > a:hover, | 4333 | .menu-list li.active > a:hover, |
| 4334 | .menu-list li.active > a:focus { | 4334 | .menu-list li.active > a:focus { |
| 4335 | color: #fff; | 4335 | color: #fff; |
| 4336 | background-color: #26A69A; | 4336 | background-color: #26A69A; |
| 4337 | } | 4337 | } |
| 4338 | .menu-list li.disabled > a, | 4338 | .menu-list li.disabled > a, |
| 4339 | .menu-list li.disabled > a:hover, | 4339 | .menu-list li.disabled > a:hover, |
| 4340 | .menu-list li.disabled > a:focus { | 4340 | .menu-list li.disabled > a:focus { |
| 4341 | background-color: transparent; | 4341 | background-color: transparent; |
| 4342 | color: #999999; | 4342 | color: #999999; |
| 4343 | cursor: not-allowed; | 4343 | cursor: not-allowed; |
| 4344 | } | 4344 | } |
| 4345 | .menu-list li.disabled > a > .label, | 4345 | .menu-list li.disabled > a > .label, |
| 4346 | .menu-list li.disabled > a > .badge, | 4346 | .menu-list li.disabled > a > .badge, |
| 4347 | .menu-list li.disabled > a > img { | 4347 | .menu-list li.disabled > a > img { |
| 4348 | opacity: 0.8; | 4348 | opacity: 0.8; |
| 4349 | filter: alpha(opacity=80); | 4349 | filter: alpha(opacity=80); |
| 4350 | } | 4350 | } |
| 4351 | @media (max-width: 768px) { | 4351 | @media (max-width: 768px) { |
| 4352 | .menu-list li > a { | 4352 | .menu-list li > a { |
| 4353 | color: #fff; | 4353 | color: #fff; |
| 4354 | } | 4354 | } |
| 4355 | .menu-list li > a:hover, | 4355 | .menu-list li > a:hover, |
| 4356 | .menu-list li > a:focus { | 4356 | .menu-list li > a:focus { |
| 4357 | background-color: rgba(0, 0, 0, 0.1); | 4357 | background-color: rgba(0, 0, 0, 0.1); |
| 4358 | } | 4358 | } |
| 4359 | .menu-list li.active > a, | 4359 | .menu-list li.active > a, |
| 4360 | .menu-list li.active > a:hover, | 4360 | .menu-list li.active > a:hover, |
| 4361 | .menu-list li.active > a:focus { | 4361 | .menu-list li.active > a:focus { |
| 4362 | background-color: rgba(0, 0, 0, 0.1); | 4362 | background-color: rgba(0, 0, 0, 0.1); |
| 4363 | } | 4363 | } |
| 4364 | .menu-list li.disabled > a, | 4364 | .menu-list li.disabled > a, |
| 4365 | .menu-list li.disabled > a:hover, | 4365 | .menu-list li.disabled > a:hover, |
| 4366 | .menu-list li.disabled > a:focus { | 4366 | .menu-list li.disabled > a:focus { |
| 4367 | background-color: transparent; | 4367 | background-color: transparent; |
| 4368 | color: rgba(255, 255, 255, 0.6); | 4368 | color: rgba(255, 255, 255, 0.6); |
| 4369 | cursor: not-allowed; | 4369 | cursor: not-allowed; |
| 4370 | } | 4370 | } |
| 4371 | .navbar-default .menu-list li > a { | 4371 | .navbar-default .menu-list li > a { |
| 4372 | color: #333333; | 4372 | color: #333333; |
| 4373 | } | 4373 | } |
| 4374 | .navbar-default .menu-list li > a:hover, | 4374 | .navbar-default .menu-list li > a:hover, |
| 4375 | .navbar-default .menu-list li > a:focus { | 4375 | .navbar-default .menu-list li > a:focus { |
| 4376 | background-color: #f5f5f5; | 4376 | background-color: #f5f5f5; |
| 4377 | } | 4377 | } |
| 4378 | .navbar-default .menu-list li.active > a, | 4378 | .navbar-default .menu-list li.active > a, |
| 4379 | .navbar-default .menu-list li.active > a:hover, | 4379 | .navbar-default .menu-list li.active > a:hover, |
| 4380 | .navbar-default .menu-list li.active > a:focus { | 4380 | .navbar-default .menu-list li.active > a:focus { |
| 4381 | color: #fff; | 4381 | color: #fff; |
| 4382 | background-color: #26A69A; | 4382 | background-color: #26A69A; |
| 4383 | } | 4383 | } |
| 4384 | .navbar-default .menu-list li.disabled > a, | 4384 | .navbar-default .menu-list li.disabled > a, |
| 4385 | .navbar-default .menu-list li.disabled > a:hover, | 4385 | .navbar-default .menu-list li.disabled > a:hover, |
| 4386 | .navbar-default .menu-list li.disabled > a:focus { | 4386 | .navbar-default .menu-list li.disabled > a:focus { |
| 4387 | background-color: transparent; | 4387 | background-color: transparent; |
| 4388 | color: #999999; | 4388 | color: #999999; |
| 4389 | } | 4389 | } |
| 4390 | } | 4390 | } |
| 4391 | @media (min-width: 769px) { | 4391 | @media (min-width: 769px) { |
| 4392 | .menu-list { | 4392 | .menu-list { |
| 4393 | overflow-y: auto; | 4393 | overflow-y: auto; |
| 4394 | max-height: 340px; | 4394 | max-height: 340px; |
| 4395 | } | 4395 | } |
| 4396 | } | 4396 | } |
| 4397 | .dd-wrapper .dd-menu { | 4397 | .dd-wrapper .dd-menu { |
| 4398 | overflow: hidden; | 4398 | overflow: hidden; |
| 4399 | position: relative; | 4399 | position: relative; |
| 4400 | } | 4400 | } |
| 4401 | .dd-wrapper .dd-header h6 .label, | 4401 | .dd-wrapper .dd-header h6 .label, |
| 4402 | .dd-wrapper .dd-header h6 .badge { | 4402 | .dd-wrapper .dd-header h6 .badge { |
| 4403 | margin-left: 8px; | 4403 | margin-left: 8px; |
| 4404 | } | 4404 | } |
| 4405 | .dd-wrapper .dd-header h6 > i { | 4405 | .dd-wrapper .dd-header h6 > i { |
| 4406 | margin-right: 8px; | 4406 | margin-right: 8px; |
| 4407 | } | 4407 | } |
| 4408 | .dd-wrapper .dd-header h6:first-child { | 4408 | .dd-wrapper .dd-header h6:first-child { |
| 4409 | display: none; | 4409 | display: none; |
| 4410 | } | 4410 | } |
| 4411 | .dd-wrapper .dd-parent .active-ul + ul { | 4411 | .dd-wrapper .dd-parent .active-ul + ul { |
| 4412 | position: relative; | 4412 | position: relative; |
| 4413 | display: block; | 4413 | display: block; |
| 4414 | left: 0; | 4414 | left: 0; |
| 4415 | } | 4415 | } |
| 4416 | .dd-wrapper .link-back { | 4416 | .dd-wrapper .link-back { |
| 4417 | display: block; | 4417 | display: block; |
| 4418 | padding: 9px 0; | 4418 | padding: 9px 0; |
| 4419 | border-radius: 3px; | 4419 | border-radius: 3px; |
| 4420 | margin-bottom: 10px; | 4420 | margin-bottom: 10px; |
| 4421 | font-size: 12px; | 4421 | font-size: 12px; |
| 4422 | text-transform: uppercase; | 4422 | text-transform: uppercase; |
| 4423 | line-height: 1.6666667; | 4423 | line-height: 1.6666667; |
| 4424 | } | 4424 | } |
| 4425 | .dd-wrapper .link-back:before { | 4425 | .dd-wrapper .link-back:before { |
| 4426 | content: '\ede7'; | 4426 | content: '\ede7'; |
| 4427 | font-family: 'icomoon'; | 4427 | font-family: 'icomoon'; |
| 4428 | font-size: 16px; | 4428 | font-size: 16px; |
| 4429 | line-height: 1; | 4429 | line-height: 1; |
| 4430 | position: relative; | 4430 | position: relative; |
| 4431 | top: -1px; | 4431 | top: -1px; |
| 4432 | vertical-align: middle; | 4432 | vertical-align: middle; |
| 4433 | margin-right: 8px; | 4433 | margin-right: 8px; |
| 4434 | -webkit-font-smoothing: antialiased; | 4434 | -webkit-font-smoothing: antialiased; |
| 4435 | -moz-osx-font-smoothing: grayscale; | 4435 | -moz-osx-font-smoothing: grayscale; |
| 4436 | } | 4436 | } |
| 4437 | .dd-wrapper .link-back .dd-icon, | 4437 | .dd-wrapper .link-back .dd-icon, |
| 4438 | .dd-wrapper .link-back i { | 4438 | .dd-wrapper .link-back i { |
| 4439 | display: none; | 4439 | display: none; |
| 4440 | } | 4440 | } |
| 4441 | @media (max-width: 768px) { | 4441 | @media (max-width: 768px) { |
| 4442 | .navbar .dd-wrapper .link-back { | 4442 | .navbar .dd-wrapper .link-back { |
| 4443 | padding: 20px 0; | 4443 | padding: 20px 0; |
| 4444 | text-align: center; | 4444 | text-align: center; |
| 4445 | margin-top: -10px; | 4445 | margin-top: -10px; |
| 4446 | margin-bottom: 20px; | 4446 | margin-bottom: 20px; |
| 4447 | border-bottom: 1px solid #eeeeee; | 4447 | border-bottom: 1px solid #eeeeee; |
| 4448 | } | 4448 | } |
| 4449 | .navbar-inverse .dd-wrapper .link-back { | 4449 | .navbar-inverse .dd-wrapper .link-back { |
| 4450 | color: #fff; | 4450 | color: #fff; |
| 4451 | border-bottom-color: rgba(255, 255, 255, 0.1); | 4451 | border-bottom-color: rgba(255, 255, 255, 0.1); |
| 4452 | } | 4452 | } |
| 4453 | } | 4453 | } |
| 4454 | .dd-wrapper .dd-icon { | 4454 | .dd-wrapper .dd-icon { |
| 4455 | float: right; | 4455 | float: right; |
| 4456 | margin-top: 2px; | 4456 | margin-top: 2px; |
| 4457 | } | 4457 | } |
| 4458 | .dd-wrapper .dd-icon:after { | 4458 | .dd-wrapper .dd-icon:after { |
| 4459 | content: '\e9c7'; | 4459 | content: '\e9c7'; |
| 4460 | font-family: 'icomoon'; | 4460 | font-family: 'icomoon'; |
| 4461 | font-size: 16px; | 4461 | font-size: 16px; |
| 4462 | line-height: 1; | 4462 | line-height: 1; |
| 4463 | -webkit-font-smoothing: antialiased; | 4463 | -webkit-font-smoothing: antialiased; |
| 4464 | -moz-osx-font-smoothing: grayscale; | 4464 | -moz-osx-font-smoothing: grayscale; |
| 4465 | } | 4465 | } |
| 4466 | .dd-wrapper .dd-header .dd-icon:after { | 4466 | .dd-wrapper .dd-header .dd-icon:after { |
| 4467 | content: '\e9c5'; | 4467 | content: '\e9c5'; |
| 4468 | } | 4468 | } |
| 4469 | .menu-heading { | 4469 | .menu-heading { |
| 4470 | display: block; | 4470 | display: block; |
| 4471 | font-size: 12px; | 4471 | font-size: 12px; |
| 4472 | text-transform: uppercase; | 4472 | text-transform: uppercase; |
| 4473 | font-weight: 500; | 4473 | font-weight: 500; |
| 4474 | margin-bottom: 10px; | 4474 | margin-bottom: 10px; |
| 4475 | padding-top: 4px; | 4475 | padding-top: 4px; |
| 4476 | } | 4476 | } |
| 4477 | .menu-heading > i { | 4477 | .menu-heading > i { |
| 4478 | float: left; | 4478 | float: left; |
| 4479 | margin-right: 8px; | 4479 | margin-right: 8px; |
| 4480 | } | 4480 | } |
| 4481 | .menu-heading.underlined { | 4481 | .menu-heading.underlined { |
| 4482 | padding-bottom: 10px; | 4482 | padding-bottom: 10px; |
| 4483 | border-bottom: 1px solid #eeeeee; | 4483 | border-bottom: 1px solid #eeeeee; |
| 4484 | } | 4484 | } |
| 4485 | @media (max-width: 768px) { | 4485 | @media (max-width: 768px) { |
| 4486 | .menu-heading { | 4486 | .menu-heading { |
| 4487 | color: #fff; | 4487 | color: #fff; |
| 4488 | } | 4488 | } |
| 4489 | div:first-child > .menu-heading { | 4489 | div:first-child > .menu-heading { |
| 4490 | margin-top: 0; | 4490 | margin-top: 0; |
| 4491 | } | 4491 | } |
| 4492 | .navbar-default .menu-heading { | 4492 | .navbar-default .menu-heading { |
| 4493 | color: #333333; | 4493 | color: #333333; |
| 4494 | } | 4494 | } |
| 4495 | .menu-heading.underlined { | 4495 | .menu-heading.underlined { |
| 4496 | border-bottom-color: rgba(255, 255, 255, 0.1); | 4496 | border-bottom-color: rgba(255, 255, 255, 0.1); |
| 4497 | } | 4497 | } |
| 4498 | .navbar-default .menu-heading.underlined { | 4498 | .navbar-default .menu-heading.underlined { |
| 4499 | border-bottom-color: #eeeeee; | 4499 | border-bottom-color: #eeeeee; |
| 4500 | } | 4500 | } |
| 4501 | } | 4501 | } |
| 4502 | .dropdown-menu .nav-tabs, | 4502 | .dropdown-menu .nav-tabs, |
| 4503 | .dropdown-menu .nav-tabs > li > a { | 4503 | .dropdown-menu .nav-tabs > li > a { |
| 4504 | border-radius: 0; | 4504 | border-radius: 0; |
| 4505 | } | 4505 | } |
| 4506 | .dropdown-menu .nav-tabs > li:first-child > a, | 4506 | .dropdown-menu .nav-tabs > li:first-child > a, |
| 4507 | .dropdown-menu .nav-tabs > li.active:first-child > a { | 4507 | .dropdown-menu .nav-tabs > li.active:first-child > a { |
| 4508 | border-left: 0; | 4508 | border-left: 0; |
| 4509 | } | 4509 | } |
| 4510 | .dropdown-menu .nav-tabs > li:last-child > a, | 4510 | .dropdown-menu .nav-tabs > li:last-child > a, |
| 4511 | .dropdown-menu .nav-tabs > li.active:last-child > a { | 4511 | .dropdown-menu .nav-tabs > li.active:last-child > a { |
| 4512 | border-right: 0; | 4512 | border-right: 0; |
| 4513 | } | 4513 | } |
| 4514 | @media (max-width: 768px) { | 4514 | @media (max-width: 768px) { |
| 4515 | .dropdown-menu .nav-tabs { | 4515 | .dropdown-menu .nav-tabs { |
| 4516 | margin-top: 0; | 4516 | margin-top: 0; |
| 4517 | } | 4517 | } |
| 4518 | .dropdown-menu .nav-tabs:before { | 4518 | .dropdown-menu .nav-tabs:before { |
| 4519 | content: none; | 4519 | content: none; |
| 4520 | } | 4520 | } |
| 4521 | .dropdown-menu .nav-tabs > li + li { | 4521 | .dropdown-menu .nav-tabs > li + li { |
| 4522 | margin-top: 1px; | 4522 | margin-top: 1px; |
| 4523 | } | 4523 | } |
| 4524 | .dropdown-menu .nav-tabs > li > a { | 4524 | .dropdown-menu .nav-tabs > li > a { |
| 4525 | border: 0; | 4525 | border: 0; |
| 4526 | padding-left: 20px; | 4526 | padding-left: 20px; |
| 4527 | padding-right: 20px; | 4527 | padding-right: 20px; |
| 4528 | } | 4528 | } |
| 4529 | .dropdown-menu .nav-tabs > li > a:hover, | 4529 | .dropdown-menu .nav-tabs > li > a:hover, |
| 4530 | .dropdown-menu .nav-tabs > li > a:focus { | 4530 | .dropdown-menu .nav-tabs > li > a:focus { |
| 4531 | background-color: rgba(0, 0, 0, 0.1); | 4531 | background-color: rgba(0, 0, 0, 0.1); |
| 4532 | } | 4532 | } |
| 4533 | .dropdown-menu .nav-tabs > li.active > a, | 4533 | .dropdown-menu .nav-tabs > li.active > a, |
| 4534 | .dropdown-menu .nav-tabs > li.active > a:hover, | 4534 | .dropdown-menu .nav-tabs > li.active > a:hover, |
| 4535 | .dropdown-menu .nav-tabs > li.active > a:focus { | 4535 | .dropdown-menu .nav-tabs > li.active > a:focus { |
| 4536 | border: 0; | 4536 | border: 0; |
| 4537 | background-color: rgba(0, 0, 0, 0.1); | 4537 | background-color: rgba(0, 0, 0, 0.1); |
| 4538 | } | 4538 | } |
| 4539 | .navbar .dropdown-menu .nav-tabs { | 4539 | .navbar .dropdown-menu .nav-tabs { |
| 4540 | border-top: 1px solid rgba(255, 255, 255, 0.1); | 4540 | border-top: 1px solid rgba(255, 255, 255, 0.1); |
| 4541 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 4541 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 4542 | } | 4542 | } |
| 4543 | .navbar .dropdown-menu .nav-tabs > li { | 4543 | .navbar .dropdown-menu .nav-tabs > li { |
| 4544 | margin-bottom: 0; | 4544 | margin-bottom: 0; |
| 4545 | } | 4545 | } |
| 4546 | .navbar .dropdown-menu .nav-tabs.active > a { | 4546 | .navbar .dropdown-menu .nav-tabs.active > a { |
| 4547 | border-color: transparent; | 4547 | border-color: transparent; |
| 4548 | } | 4548 | } |
| 4549 | .navbar-inverse .dropdown-menu .nav-tabs > li > a { | 4549 | .navbar-inverse .dropdown-menu .nav-tabs > li > a { |
| 4550 | color: #fff; | 4550 | color: #fff; |
| 4551 | } | 4551 | } |
| 4552 | .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a, | 4552 | .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a, |
| 4553 | .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:hover, | 4553 | .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:hover, |
| 4554 | .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:focus { | 4554 | .navbar-inverse .dropdown-menu .nav-tabs > li.disabled > a:focus { |
| 4555 | color: rgba(255, 255, 255, 0.6); | 4555 | color: rgba(255, 255, 255, 0.6); |
| 4556 | background-color: transparent; | 4556 | background-color: transparent; |
| 4557 | } | 4557 | } |
| 4558 | .navbar-default .dropdown-menu .nav-tabs { | 4558 | .navbar-default .dropdown-menu .nav-tabs { |
| 4559 | border-top-color: #ddd; | 4559 | border-top-color: #ddd; |
| 4560 | border-bottom-color: #ddd; | 4560 | border-bottom-color: #ddd; |
| 4561 | border-left: 0; | 4561 | border-left: 0; |
| 4562 | border-right: 0; | 4562 | border-right: 0; |
| 4563 | } | 4563 | } |
| 4564 | .navbar-default .dropdown-menu .nav-tabs > li > a:hover, | 4564 | .navbar-default .dropdown-menu .nav-tabs > li > a:hover, |
| 4565 | .navbar-default .dropdown-menu .nav-tabs > li > a:focus { | 4565 | .navbar-default .dropdown-menu .nav-tabs > li > a:focus { |
| 4566 | color: #777; | 4566 | color: #777; |
| 4567 | background-color: transparent; | 4567 | background-color: transparent; |
| 4568 | } | 4568 | } |
| 4569 | .navbar-default .dropdown-menu .nav-tabs > li.active > a, | 4569 | .navbar-default .dropdown-menu .nav-tabs > li.active > a, |
| 4570 | .navbar-default .dropdown-menu .nav-tabs > li.active > a:hover, | 4570 | .navbar-default .dropdown-menu .nav-tabs > li.active > a:hover, |
| 4571 | .navbar-default .dropdown-menu .nav-tabs > li.active > a:focus { | 4571 | .navbar-default .dropdown-menu .nav-tabs > li.active > a:focus { |
| 4572 | color: #777; | 4572 | color: #777; |
| 4573 | background-color: transparent; | 4573 | background-color: transparent; |
| 4574 | } | 4574 | } |
| 4575 | .navbar-default .dropdown-menu .nav-tabs > li.disabled > a, | 4575 | .navbar-default .dropdown-menu .nav-tabs > li.disabled > a, |
| 4576 | .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:hover, | 4576 | .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:hover, |
| 4577 | .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:focus { | 4577 | .navbar-default .dropdown-menu .nav-tabs > li.disabled > a:focus { |
| 4578 | color: #999999; | 4578 | color: #999999; |
| 4579 | background-color: transparent; | 4579 | background-color: transparent; |
| 4580 | } | 4580 | } |
| 4581 | } | 4581 | } |
| 4582 | .navbar-progress { | 4582 | .navbar-progress { |
| 4583 | float: left; | 4583 | float: left; |
| 4584 | margin-left: 20px; | 4584 | margin-left: 20px; |
| 4585 | } | 4585 | } |
| 4586 | .navbar-progress .progress { | 4586 | .navbar-progress .progress { |
| 4587 | width: 200px; | 4587 | width: 200px; |
| 4588 | } | 4588 | } |
| 4589 | @media (max-width: 768px) { | 4589 | @media (max-width: 768px) { |
| 4590 | .navbar-progress { | 4590 | .navbar-progress { |
| 4591 | margin: 15px 20px; | 4591 | margin: 15px 20px; |
| 4592 | float: none; | 4592 | float: none; |
| 4593 | } | 4593 | } |
| 4594 | .navbar-progress .progress { | 4594 | .navbar-progress .progress { |
| 4595 | margin-top: 0; | 4595 | margin-top: 0; |
| 4596 | margin-bottom: 0; | 4596 | margin-bottom: 0; |
| 4597 | width: 100%; | 4597 | width: 100%; |
| 4598 | } | 4598 | } |
| 4599 | } | 4599 | } |
| 4600 | .navbar-xs .navbar-progress .progress { | 4600 | .navbar-xs .navbar-progress .progress { |
| 4601 | margin-top: 14px; | 4601 | margin-top: 14px; |
| 4602 | margin-bottom: 14px; | 4602 | margin-bottom: 14px; |
| 4603 | } | 4603 | } |
| 4604 | .navbar-progress .progress, | 4604 | .navbar-progress .progress, |
| 4605 | .navbar-xs .navbar-progress .progress-sm { | 4605 | .navbar-xs .navbar-progress .progress-sm { |
| 4606 | margin-top: 16px; | 4606 | margin-top: 16px; |
| 4607 | margin-bottom: 16px; | 4607 | margin-bottom: 16px; |
| 4608 | } | 4608 | } |
| 4609 | .navbar-progress .progress-sm, | 4609 | .navbar-progress .progress-sm, |
| 4610 | .navbar-xs .navbar-progress .progress-xs { | 4610 | .navbar-xs .navbar-progress .progress-xs { |
| 4611 | margin-top: 18px; | 4611 | margin-top: 18px; |
| 4612 | margin-bottom: 18px; | 4612 | margin-bottom: 18px; |
| 4613 | } | 4613 | } |
| 4614 | .navbar-progress .progress-xs, | 4614 | .navbar-progress .progress-xs, |
| 4615 | .navbar-xs .navbar-progress .progress-xxs { | 4615 | .navbar-xs .navbar-progress .progress-xxs { |
| 4616 | margin-top: 20px; | 4616 | margin-top: 20px; |
| 4617 | margin-bottom: 20px; | 4617 | margin-bottom: 20px; |
| 4618 | } | 4618 | } |
| 4619 | .navbar-progress .progress-xxs { | 4619 | .navbar-progress .progress-xxs { |
| 4620 | margin-top: 22px; | 4620 | margin-top: 22px; |
| 4621 | margin-bottom: 22px; | 4621 | margin-bottom: 22px; |
| 4622 | } | 4622 | } |
| 4623 | .navbar-sm .navbar-progress .progress { | 4623 | .navbar-sm .navbar-progress .progress { |
| 4624 | margin-top: 15px; | 4624 | margin-top: 15px; |
| 4625 | margin-bottom: 15px; | 4625 | margin-bottom: 15px; |
| 4626 | } | 4626 | } |
| 4627 | .navbar-lg .navbar-progress .progress, | 4627 | .navbar-lg .navbar-progress .progress, |
| 4628 | .navbar-sm .navbar-progress .progress-sm { | 4628 | .navbar-sm .navbar-progress .progress-sm { |
| 4629 | margin-top: 18px; | 4629 | margin-top: 18px; |
| 4630 | margin-bottom: 18px; | 4630 | margin-bottom: 18px; |
| 4631 | } | 4631 | } |
| 4632 | .navbar-lg .navbar-progress .progress-sm, | 4632 | .navbar-lg .navbar-progress .progress-sm, |
| 4633 | .navbar-sm .navbar-progress .progress-xs { | 4633 | .navbar-sm .navbar-progress .progress-xs { |
| 4634 | margin-top: 20px; | 4634 | margin-top: 20px; |
| 4635 | margin-bottom: 20px; | 4635 | margin-bottom: 20px; |
| 4636 | } | 4636 | } |
| 4637 | .navbar-lg .navbar-progress .progress-xs, | 4637 | .navbar-lg .navbar-progress .progress-xs, |
| 4638 | .navbar-sm .navbar-progress .progress-xxs { | 4638 | .navbar-sm .navbar-progress .progress-xxs { |
| 4639 | margin-top: 22px; | 4639 | margin-top: 22px; |
| 4640 | margin-bottom: 22px; | 4640 | margin-bottom: 22px; |
| 4641 | } | 4641 | } |
| 4642 | .navbar-lg .navbar-progress .progress-xxs { | 4642 | .navbar-lg .navbar-progress .progress-xxs { |
| 4643 | margin-top: 24px; | 4643 | margin-top: 24px; |
| 4644 | margin-bottom: 24px; | 4644 | margin-bottom: 24px; |
| 4645 | } | 4645 | } |
| 4646 | @media (max-width: 768px) { | 4646 | @media (max-width: 768px) { |
| 4647 | .navbar .btn-group .dropdown-menu, | 4647 | .navbar .btn-group .dropdown-menu, |
| 4648 | .navbar .dropdown .dropdown-menu, | 4648 | .navbar .dropdown .dropdown-menu, |
| 4649 | .navbar .input-group .dropdown-menu { | 4649 | .navbar .input-group .dropdown-menu { |
| 4650 | width: 100%; | 4650 | width: 100%; |
| 4651 | border-width: 0 0 1px 0; | 4651 | border-width: 0 0 1px 0; |
| 4652 | border-radius: 0; | 4652 | border-radius: 0; |
| 4653 | } | 4653 | } |
| 4654 | .navbar .btn-group .dropdown-menu > li > a, | 4654 | .navbar .btn-group .dropdown-menu > li > a, |
| 4655 | .navbar .dropdown .dropdown-menu > li > a, | 4655 | .navbar .dropdown .dropdown-menu > li > a, |
| 4656 | .navbar .input-group .dropdown-menu > li > a { | 4656 | .navbar .input-group .dropdown-menu > li > a { |
| 4657 | padding-left: 20px; | 4657 | padding-left: 20px; |
| 4658 | padding-right: 20px; | 4658 | padding-right: 20px; |
| 4659 | } | 4659 | } |
| 4660 | .navbar .btn-group, | 4660 | .navbar .btn-group, |
| 4661 | .navbar .input-group, | 4661 | .navbar .input-group, |
| 4662 | .navbar .form-group:not(.has-feedback), | 4662 | .navbar .form-group:not(.has-feedback), |
| 4663 | .navbar .input-group-btn { | 4663 | .navbar .input-group-btn { |
| 4664 | position: static; | 4664 | position: static; |
| 4665 | } | 4665 | } |
| 4666 | .navbar .select2-container { | 4666 | .navbar .select2-container { |
| 4667 | width: 100%!important; | 4667 | width: 100%!important; |
| 4668 | } | 4668 | } |
| 4669 | .navbar-fixed-bottom .btn-group .dropdown-menu, | 4669 | .navbar-fixed-bottom .btn-group .dropdown-menu, |
| 4670 | .navbar-fixed-bottom .dropdown .dropdown-menu, | 4670 | .navbar-fixed-bottom .dropdown .dropdown-menu, |
| 4671 | .navbar-fixed-bottom .input-group .dropdown-menu { | 4671 | .navbar-fixed-bottom .input-group .dropdown-menu { |
| 4672 | border-width: 1px 0 0 0; | 4672 | border-width: 1px 0 0 0; |
| 4673 | } | 4673 | } |
| 4674 | .navbar-component .btn-group .dropdown-menu, | 4674 | .navbar-component .btn-group .dropdown-menu, |
| 4675 | .navbar-component .dropdown .dropdown-menu, | 4675 | .navbar-component .dropdown .dropdown-menu, |
| 4676 | .navbar-component .input-group .dropdown-menu { | 4676 | .navbar-component .input-group .dropdown-menu { |
| 4677 | border-width: 0 1px 1px 1px; | 4677 | border-width: 0 1px 1px 1px; |
| 4678 | border-bottom-right-radius: 3px; | 4678 | border-bottom-right-radius: 3px; |
| 4679 | border-bottom-left-radius: 3px; | 4679 | border-bottom-left-radius: 3px; |
| 4680 | } | 4680 | } |
| 4681 | .table-responsive { | 4681 | .table-responsive { |
| 4682 | margin-bottom: 0; | 4682 | margin-bottom: 0; |
| 4683 | } | 4683 | } |
| 4684 | } | 4684 | } |
| 4685 | /* ------------------------------------------------------------------------------ | 4685 | /* ------------------------------------------------------------------------------ |
| 4686 | * | 4686 | * |
| 4687 | * # Breadcrumb component | 4687 | * # Breadcrumb component |
| 4688 | * | 4688 | * |
| 4689 | * Overrides for breadcrumb bootstrap component | 4689 | * Overrides for breadcrumb bootstrap component |
| 4690 | * | 4690 | * |
| 4691 | * Version: 1.1 | 4691 | * Version: 1.1 |
| 4692 | * Latest update: Aug 10, 2016 | 4692 | * Latest update: Aug 10, 2016 |
| 4693 | * | 4693 | * |
| 4694 | * ---------------------------------------------------------------------------- */ | 4694 | * ---------------------------------------------------------------------------- */ |
| 4695 | .breadcrumb { | 4695 | .breadcrumb { |
| 4696 | border-radius: 0; | 4696 | border-radius: 0; |
| 4697 | margin-bottom: 0; | 4697 | margin-bottom: 0; |
| 4698 | } | 4698 | } |
| 4699 | .breadcrumb > li { | 4699 | .breadcrumb > li { |
| 4700 | position: relative; | 4700 | position: relative; |
| 4701 | } | 4701 | } |
| 4702 | .breadcrumb > li > a { | 4702 | .breadcrumb > li > a { |
| 4703 | color: #333333; | 4703 | color: #333333; |
| 4704 | } | 4704 | } |
| 4705 | .breadcrumb > li > a:hover, | 4705 | .breadcrumb > li > a:hover, |
| 4706 | .breadcrumb > li > a:focus { | 4706 | .breadcrumb > li > a:focus { |
| 4707 | opacity: 0.85; | 4707 | opacity: 0.85; |
| 4708 | filter: alpha(opacity=85); | 4708 | filter: alpha(opacity=85); |
| 4709 | } | 4709 | } |
| 4710 | .breadcrumb > li i { | 4710 | .breadcrumb > li i { |
| 4711 | display: inline-block; | 4711 | display: inline-block; |
| 4712 | font-size: 12px; | 4712 | font-size: 12px; |
| 4713 | width: auto; | ||
| 4714 | } | ||
| 4715 | .breadcrumb > li span{ | ||
| 4716 | color: inherit; | ||
| 4713 | } | 4717 | } |
| 4714 | .breadcrumb > li > .dropdown-menu { | 4718 | .breadcrumb > li > .dropdown-menu { |
| 4715 | margin-top: 0; | 4719 | margin-top: 0; |
| 4716 | margin-left: 5px; | 4720 | margin-left: 5px; |
| 4717 | } | 4721 | } |
| 4718 | .breadcrumb > li:first-child > .dropdown-menu { | 4722 | .breadcrumb > li:first-child > .dropdown-menu { |
| 4719 | margin-left: 0; | 4723 | margin-left: 0; |
| 4720 | } | 4724 | } |
| 4721 | .breadcrumb > li > .dropdown-menu-right { | 4725 | .breadcrumb > li > .dropdown-menu-right { |
| 4722 | margin-left: 0; | 4726 | margin-left: 0; |
| 4723 | margin-right: -10px; | 4727 | margin-right: -10px; |
| 4724 | } | 4728 | } |
| 4725 | .breadcrumb > li:hover > .dropdown-menu { | 4729 | .breadcrumb > li:hover > .dropdown-menu { |
| 4726 | display: block; | 4730 | display: block; |
| 4727 | } | 4731 | } |
| 4728 | .breadcrumb > li.location-text { | 4732 | .breadcrumb > li.location-text { |
| 4729 | margin-right: 8px; | 4733 | margin-right: 8px; |
| 4730 | } | 4734 | } |
| 4731 | .breadcrumb > li.location-text + li:before { | 4735 | .breadcrumb > li.location-text + li:before { |
| 4732 | content: none; | 4736 | content: none; |
| 4733 | } | 4737 | } |
| 4734 | .breadcrumb > li.location-text + li > .dropdown-menu { | 4738 | .breadcrumb > li.location-text + li > .dropdown-menu { |
| 4735 | margin-left: 0; | 4739 | margin-left: 0; |
| 4736 | } | 4740 | } |
| 4737 | @media (max-width: 768px) { | 4741 | @media (max-width: 768px) { |
| 4738 | .heading-elements .breadcrumb { | 4742 | .heading-elements .breadcrumb { |
| 4739 | padding-top: 0; | 4743 | padding-top: 0; |
| 4740 | padding-bottom: 0; | 4744 | padding-bottom: 0; |
| 4741 | } | 4745 | } |
| 4742 | .breadcrumb > li { | 4746 | .breadcrumb > li { |
| 4743 | position: static; | 4747 | position: static; |
| 4744 | } | 4748 | } |
| 4745 | .breadcrumb > li .dropdown-menu { | 4749 | .breadcrumb > li .dropdown-menu { |
| 4746 | width: 100%; | 4750 | width: 100%; |
| 4747 | margin: 0; | 4751 | margin: 0; |
| 4748 | border-radius: 0; | 4752 | border-radius: 0; |
| 4749 | border-width: 1px 0; | 4753 | border-width: 1px 0; |
| 4750 | } | 4754 | } |
| 4751 | .breadcrumb > li .dropdown-menu > li { | 4755 | .breadcrumb > li .dropdown-menu > li { |
| 4752 | position: static; | 4756 | position: static; |
| 4753 | } | 4757 | } |
| 4754 | .breadcrumb .dropdown-submenu > .dropdown-menu { | 4758 | .breadcrumb .dropdown-submenu > .dropdown-menu { |
| 4755 | position: static; | 4759 | position: static; |
| 4756 | } | 4760 | } |
| 4757 | } | 4761 | } |
| 4758 | .page-title .breadcrumb { | 4762 | .page-title .breadcrumb { |
| 4759 | float: none; | 4763 | float: none; |
| 4760 | display: block; | 4764 | display: block; |
| 4761 | margin: 0; | 4765 | margin: 0; |
| 4762 | padding-top: 3px; | 4766 | padding-top: 3px; |
| 4763 | padding-bottom: 0; | 4767 | padding-bottom: 0; |
| 4764 | } | 4768 | } |
| 4765 | .page-title .breadcrumb:first-child { | 4769 | .page-title .breadcrumb:first-child { |
| 4766 | padding-top: 0; | 4770 | padding-top: 0; |
| 4767 | padding-bottom: 3px; | 4771 | padding-bottom: 3px; |
| 4768 | } | 4772 | } |
| 4769 | .page-title .breadcrumb.position-right { | 4773 | .page-title .breadcrumb.position-right { |
| 4770 | margin-left: 29px; | 4774 | margin-left: 29px; |
| 4771 | } | 4775 | } |
| 4772 | .page-header-content > .breadcrumb { | 4776 | .page-header-content > .breadcrumb { |
| 4773 | padding-top: 0; | 4777 | padding-top: 0; |
| 4774 | padding-bottom: 20px; | 4778 | padding-bottom: 20px; |
| 4775 | } | 4779 | } |
| 4776 | .page-header-content > .breadcrumb:first-child { | 4780 | .page-header-content > .breadcrumb:first-child { |
| 4777 | padding-bottom: 0; | 4781 | padding-bottom: 0; |
| 4778 | padding-top: 20px; | 4782 | padding-top: 20px; |
| 4779 | } | 4783 | } |
| 4780 | .breadcrumb-dash > li + li:before { | 4784 | .breadcrumb-dash > li + li:before { |
| 4781 | content: '\2013\00a0'; | 4785 | content: '\2013\00a0'; |
| 4782 | } | 4786 | } |
| 4783 | .breadcrumb-arrow > li + li:before { | 4787 | .breadcrumb-arrow > li + li:before { |
| 4784 | content: '\2192\00a0'; | 4788 | content: '\2192\00a0'; |
| 4785 | } | 4789 | } |
| 4786 | .breadcrumb-arrows > li + li:before { | 4790 | .breadcrumb-arrows > li + li:before { |
| 4787 | content: '\00bb\00a0'; | 4791 | content: '\00bb\00a0'; |
| 4788 | } | 4792 | } |
| 4789 | .breadcrumb-caret > li + li:before { | 4793 | .breadcrumb-caret > li + li:before { |
| 4790 | content: '\203A\00a0'; | 4794 | content: '\203A\00a0'; |
| 4791 | } | 4795 | } |
| 4792 | .breadcrumb-line { | 4796 | .breadcrumb-line { |
| 4793 | position: relative; | 4797 | position: relative; |
| 4794 | padding-left: 20px; | 4798 | padding-left: 20px; |
| 4795 | padding-right: 20px; | 4799 | padding-right: 20px; |
| 4796 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 4800 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 4797 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 4801 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 4798 | } | 4802 | } |
| 4799 | .breadcrumb-line:after { | 4803 | .breadcrumb-line:after { |
| 4800 | content: ''; | 4804 | content: ''; |
| 4801 | display: table; | 4805 | display: table; |
| 4802 | clear: both; | 4806 | clear: both; |
| 4803 | } | 4807 | } |
| 4804 | .page-header .breadcrumb-line:first-child { | 4808 | .page-header .breadcrumb-line:first-child { |
| 4805 | z-index: 994; | 4809 | z-index: 994; |
| 4806 | } | 4810 | } |
| 4807 | .breadcrumb-line:not([class*=bg-]) { | 4811 | .breadcrumb-line:not([class*=bg-]) { |
| 4808 | background-color: #fff; | 4812 | background-color: #fff; |
| 4809 | } | 4813 | } |
| 4810 | .page-header-content + .breadcrumb-line { | 4814 | .page-header-content + .breadcrumb-line { |
| 4811 | margin-bottom: 20px; | 4815 | margin-bottom: 20px; |
| 4812 | } | 4816 | } |
| 4813 | .page-header-default .breadcrumb-line:not([class*=bg-]) { | 4817 | .page-header-default .breadcrumb-line:not([class*=bg-]) { |
| 4814 | background-color: #fcfcfc; | 4818 | background-color: #fcfcfc; |
| 4815 | } | 4819 | } |
| 4816 | .breadcrumb-line .breadcrumb { | 4820 | .breadcrumb-line .breadcrumb { |
| 4817 | margin-right: 46px; | 4821 | margin-right: 46px; |
| 4818 | } | 4822 | } |
| 4819 | @media (min-width: 769px) { | 4823 | @media (min-width: 769px) { |
| 4820 | .breadcrumb-line .breadcrumb { | 4824 | .breadcrumb-line .breadcrumb { |
| 4821 | float: left; | 4825 | float: left; |
| 4822 | margin-right: 0; | 4826 | margin-right: 0; |
| 4823 | } | 4827 | } |
| 4824 | } | 4828 | } |
| 4825 | @media (max-width: 768px) { | 4829 | @media (max-width: 768px) { |
| 4826 | .breadcrumb-line { | 4830 | .breadcrumb-line { |
| 4827 | z-index: 998; | 4831 | z-index: 998; |
| 4828 | background-color: inherit; | 4832 | background-color: inherit; |
| 4829 | } | 4833 | } |
| 4830 | } | 4834 | } |
| 4831 | .page-header-default .page-header-content + .breadcrumb-line, | 4835 | .page-header-default .page-header-content + .breadcrumb-line, |
| 4832 | .page-header-inverse .page-header-content + .breadcrumb-line { | 4836 | .page-header-inverse .page-header-content + .breadcrumb-line { |
| 4833 | border-top: 1px solid #ddd; | 4837 | border-top: 1px solid #ddd; |
| 4834 | margin-bottom: 0; | 4838 | margin-bottom: 0; |
| 4835 | -webkit-box-shadow: none; | 4839 | -webkit-box-shadow: none; |
| 4836 | box-shadow: none; | 4840 | box-shadow: none; |
| 4837 | } | 4841 | } |
| 4838 | .page-header-default .page-header-content + .breadcrumb-line-component, | 4842 | .page-header-default .page-header-content + .breadcrumb-line-component, |
| 4839 | .page-header-inverse .page-header-content + .breadcrumb-line-component { | 4843 | .page-header-inverse .page-header-content + .breadcrumb-line-component { |
| 4840 | border-width: 0; | 4844 | border-width: 0; |
| 4841 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 4845 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 4842 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 4846 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 4843 | } | 4847 | } |
| 4844 | .breadcrumb-line-component { | 4848 | .breadcrumb-line-component { |
| 4845 | border-radius: 3px; | 4849 | border-radius: 3px; |
| 4846 | padding-left: 0; | 4850 | padding-left: 0; |
| 4847 | padding-right: 0; | 4851 | padding-right: 0; |
| 4848 | } | 4852 | } |
| 4849 | .breadcrumb-line-component:not([class*=bg-]) { | 4853 | .breadcrumb-line-component:not([class*=bg-]) { |
| 4850 | background-color: #fff; | 4854 | background-color: #fff; |
| 4851 | } | 4855 | } |
| 4852 | .breadcrumb-line-component .breadcrumb { | 4856 | .breadcrumb-line-component .breadcrumb { |
| 4853 | margin-left: 20px; | 4857 | margin-left: 20px; |
| 4854 | } | 4858 | } |
| 4855 | .page-header .breadcrumb-line-component { | 4859 | .page-header .breadcrumb-line-component { |
| 4856 | margin-left: 20px; | 4860 | margin-left: 20px; |
| 4857 | margin-right: 20px; | 4861 | margin-right: 20px; |
| 4858 | } | 4862 | } |
| 4863 | .breadcrumb-elements > li i{ | ||
| 4864 | width: auto; | ||
| 4865 | } | ||
| 4859 | .breadcrumb-line[class*=bg-] a, | 4866 | .breadcrumb-line[class*=bg-] a, |
| 4860 | .breadcrumb-line[class*=bg-] i { | 4867 | .breadcrumb-line[class*=bg-] i { |
| 4861 | color: inherit; | 4868 | color: inherit; |
| 4862 | } | 4869 | } |
| 4863 | .breadcrumb-line[class*=bg-] .breadcrumb > .active, | 4870 | .breadcrumb-line[class*=bg-] .breadcrumb > .active, |
| 4864 | .breadcrumb-line[class*=bg-] .breadcrumb > li + li:before { | 4871 | .breadcrumb-line[class*=bg-] .breadcrumb > li + li:before { |
| 4865 | color: rgba(255, 255, 255, 0.75); | 4872 | color: rgba(255, 255, 255, 0.75); |
| 4866 | } | 4873 | } |
| 4867 | .breadcrumb-line[class*=bg-] .breadcrumb-elements { | 4874 | .breadcrumb-line[class*=bg-] .breadcrumb-elements { |
| 4868 | border-top-color: rgba(255, 255, 255, 0.1); | 4875 | border-top-color: rgba(255, 255, 255, 0.1); |
| 4869 | } | 4876 | } |
| 4870 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a { | 4877 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a { |
| 4871 | color: rgba(255, 255, 255, 0.9); | 4878 | color: rgba(255, 255, 255, 0.9); |
| 4872 | } | 4879 | } |
| 4873 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li.open > a, | 4880 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li.open > a, |
| 4874 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:hover, | 4881 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:hover, |
| 4875 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:focus { | 4882 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:focus { |
| 4876 | color: #fff; | 4883 | color: #fff; |
| 4877 | } | 4884 | } |
| 4878 | .breadcrumb-elements { | 4885 | .breadcrumb-elements { |
| 4879 | text-align: center; | 4886 | text-align: center; |
| 4880 | margin: 0; | 4887 | margin: 0; |
| 4881 | padding: 0; | 4888 | padding: 0; |
| 4882 | list-style: none; | 4889 | list-style: none; |
| 4883 | border-top: 1px solid #ddd; | 4890 | border-top: 1px solid #ddd; |
| 4884 | font-size: 0; | 4891 | font-size: 0; |
| 4885 | } | 4892 | } |
| 4886 | .breadcrumb-elements:after { | 4893 | .breadcrumb-elements:after { |
| 4887 | content: ''; | 4894 | content: ''; |
| 4888 | display: table; | 4895 | display: table; |
| 4889 | clear: both; | 4896 | clear: both; |
| 4890 | } | 4897 | } |
| 4891 | .breadcrumb-elements > li { | 4898 | .breadcrumb-elements > li { |
| 4892 | display: inline-block; | 4899 | display: inline-block; |
| 4893 | position: static; | 4900 | position: static; |
| 4894 | font-size: 13px; | 4901 | font-size: 13px; |
| 4895 | } | 4902 | } |
| 4896 | .breadcrumb-elements > li > a { | 4903 | .breadcrumb-elements > li > a { |
| 4897 | display: block; | 4904 | display: block; |
| 4898 | padding: 10px 15px; | 4905 | padding: 10px 15px; |
| 4899 | color: #333333; | 4906 | color: #333333; |
| 4900 | } | 4907 | } |
| 4901 | .breadcrumb-elements > li.open > a, | 4908 | .breadcrumb-elements > li.open > a, |
| 4902 | .breadcrumb-elements > li > a:hover, | 4909 | .breadcrumb-elements > li > a:hover, |
| 4903 | .breadcrumb-elements > li > a:focus { | 4910 | .breadcrumb-elements > li > a:focus { |
| 4904 | background-color: #f9f9f9; | 4911 | background-color: #f9f9f9; |
| 4905 | } | 4912 | } |
| 4906 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li.open > a, | 4913 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li.open > a, |
| 4907 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:hover, | 4914 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:hover, |
| 4908 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:focus { | 4915 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li > a:focus { |
| 4909 | background-color: rgba(255, 255, 255, 0.1); | 4916 | background-color: rgba(255, 255, 255, 0.1); |
| 4910 | } | 4917 | } |
| 4911 | .breadcrumb-elements .dropdown-menu { | 4918 | .breadcrumb-elements .dropdown-menu { |
| 4912 | margin-top: 0; | 4919 | margin-top: 0; |
| 4913 | left: auto; | 4920 | left: auto; |
| 4914 | right: 0; | 4921 | right: 0; |
| 4915 | border-top-right-radius: 0; | 4922 | border-top-right-radius: 0; |
| 4916 | border-top-left-radius: 0; | 4923 | border-top-left-radius: 0; |
| 4917 | } | 4924 | } |
| 4918 | @media (max-width: 768px) { | 4925 | @media (max-width: 768px) { |
| 4919 | .breadcrumb-elements .dropdown-menu { | 4926 | .breadcrumb-elements .dropdown-menu { |
| 4920 | left: 0; | 4927 | left: 0; |
| 4921 | } | 4928 | } |
| 4922 | .breadcrumb-elements .dropdown-menu > li > a { | 4929 | .breadcrumb-elements .dropdown-menu > li > a { |
| 4923 | padding-left: 15px; | 4930 | padding-left: 15px; |
| 4924 | padding-right: 15px; | 4931 | padding-right: 15px; |
| 4925 | } | 4932 | } |
| 4926 | } | 4933 | } |
| 4927 | .breadcrumb-elements .dropup > .dropdown-menu { | 4934 | .breadcrumb-elements .dropup > .dropdown-menu { |
| 4928 | margin-bottom: 0; | 4935 | margin-bottom: 0; |
| 4929 | border-bottom-right-radius: 0; | 4936 | border-bottom-right-radius: 0; |
| 4930 | border-bottom-left-radius: 0; | 4937 | border-bottom-left-radius: 0; |
| 4931 | } | 4938 | } |
| 4932 | .breadcrumb-elements [data-toggle="collapse"] { | 4939 | .breadcrumb-elements [data-toggle="collapse"] { |
| 4933 | display: block; | 4940 | display: block; |
| 4934 | position: absolute; | 4941 | position: absolute; |
| 4935 | top: 0; | 4942 | top: 0; |
| 4936 | right: 20px; | 4943 | right: 20px; |
| 4937 | } | 4944 | } |
| 4938 | @media (min-width: 769px) { | 4945 | @media (min-width: 769px) { |
| 4939 | .breadcrumb-elements { | 4946 | .breadcrumb-elements { |
| 4940 | float: right; | 4947 | float: right; |
| 4941 | text-align: inherit; | 4948 | text-align: inherit; |
| 4942 | border-top: 0; | 4949 | border-top: 0; |
| 4943 | } | 4950 | } |
| 4944 | .breadcrumb-elements.collapse { | 4951 | .breadcrumb-elements.collapse { |
| 4945 | display: block; | 4952 | display: block; |
| 4946 | visibility: visible; | 4953 | visibility: visible; |
| 4947 | } | 4954 | } |
| 4948 | .breadcrumb-elements > li { | 4955 | .breadcrumb-elements > li { |
| 4949 | float: left; | 4956 | float: left; |
| 4950 | } | 4957 | } |
| 4951 | .breadcrumb-elements > li, | 4958 | .breadcrumb-elements > li, |
| 4952 | .breadcrumb-elements > li .btn-group { | 4959 | .breadcrumb-elements > li .btn-group { |
| 4953 | position: relative; | 4960 | position: relative; |
| 4954 | } | 4961 | } |
| 4955 | .breadcrumb-line-component .breadcrumb-elements > li:last-child > a { | 4962 | .breadcrumb-line-component .breadcrumb-elements > li:last-child > a { |
| 4956 | border-bottom-right-radius: 3px; | 4963 | border-bottom-right-radius: 3px; |
| 4957 | border-top-right-radius: 3px; | 4964 | border-top-right-radius: 3px; |
| 4958 | } | 4965 | } |
| 4959 | .breadcrumb-elements [data-toggle="collapse"] { | 4966 | .breadcrumb-elements [data-toggle="collapse"] { |
| 4960 | display: none; | 4967 | display: none; |
| 4961 | } | 4968 | } |
| 4962 | } | 4969 | } |
| 4963 | @media (max-width: 768px) { | 4970 | @media (max-width: 768px) { |
| 4964 | .breadcrumb-line:not(.breadcrumb-line-component) .breadcrumb-elements { | 4971 | .breadcrumb-line:not(.breadcrumb-line-component) .breadcrumb-elements { |
| 4965 | background-color: inherit; | 4972 | background-color: inherit; |
| 4966 | margin-left: -20px; | 4973 | margin-left: -20px; |
| 4967 | margin-right: -20px; | 4974 | margin-right: -20px; |
| 4968 | padding-left: 20px; | 4975 | padding-left: 20px; |
| 4969 | padding-right: 20px; | 4976 | padding-right: 20px; |
| 4970 | } | 4977 | } |
| 4971 | } | 4978 | } |
| 4972 | /* ------------------------------------------------------------------------------ | 4979 | /* ------------------------------------------------------------------------------ |
| 4973 | * | 4980 | * |
| 4974 | * # Pagination (multiple pages) component | 4981 | * # Pagination (multiple pages) component |
| 4975 | * | 4982 | * |
| 4976 | * Overrides for pagination bootstrap component | 4983 | * Overrides for pagination bootstrap component |
| 4977 | * | 4984 | * |
| 4978 | * Version: 1.1 | 4985 | * Version: 1.1 |
| 4979 | * Latest update: Mar 10, 2016 | 4986 | * Latest update: Mar 10, 2016 |
| 4980 | * | 4987 | * |
| 4981 | * ---------------------------------------------------------------------------- */ | 4988 | * ---------------------------------------------------------------------------- */ |
| 4982 | .pagination { | 4989 | .pagination { |
| 4983 | margin-top: 0; | 4990 | margin-top: 0; |
| 4984 | margin-bottom: -6px; | 4991 | margin-bottom: -6px; |
| 4985 | } | 4992 | } |
| 4986 | .pagination, | 4993 | .pagination, |
| 4987 | .pagination.has-shadow { | 4994 | .pagination.has-shadow { |
| 4988 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 4995 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 4989 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 4996 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 4990 | } | 4997 | } |
| 4991 | .pagination > li > a, | 4998 | .pagination > li > a, |
| 4992 | .pagination > li > span { | 4999 | .pagination > li > span { |
| 4993 | min-width: 38px; | 5000 | min-width: 38px; |
| 4994 | padding: 9px; | 5001 | padding: 9px; |
| 4995 | text-align: center; | 5002 | text-align: center; |
| 4996 | border-width: 0; | 5003 | border-width: 0; |
| 4997 | } | 5004 | } |
| 4998 | .pagination > li:not(.disabled) > a:hover, | 5005 | .pagination > li:not(.disabled) > a:hover, |
| 4999 | .pagination > li:not(.disabled) > span:hover, | 5006 | .pagination > li:not(.disabled) > span:hover, |
| 5000 | .pagination > li:not(.disabled) > a:focus, | 5007 | .pagination > li:not(.disabled) > a:focus, |
| 5001 | .pagination > li:not(.disabled) > span:focus { | 5008 | .pagination > li:not(.disabled) > span:focus { |
| 5002 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 5009 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 5003 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 5010 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 5004 | } | 5011 | } |
| 5005 | .pagination > li:not(.disabled) > a:active, | 5012 | .pagination > li:not(.disabled) > a:active, |
| 5006 | .pagination > li:not(.disabled) > span:active { | 5013 | .pagination > li:not(.disabled) > span:active { |
| 5007 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 5014 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 5008 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 5015 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 5009 | } | 5016 | } |
| 5010 | .panel .pagination { | 5017 | .panel .pagination { |
| 5011 | -webkit-box-shadow: none; | 5018 | -webkit-box-shadow: none; |
| 5012 | box-shadow: none; | 5019 | box-shadow: none; |
| 5013 | } | 5020 | } |
| 5014 | .pagination.pagination-rounded > li:first-child > a, | 5021 | .pagination.pagination-rounded > li:first-child > a, |
| 5015 | .pagination.pagination-rounded > li:first-child > span { | 5022 | .pagination.pagination-rounded > li:first-child > span { |
| 5016 | border-bottom-left-radius: 100px; | 5023 | border-bottom-left-radius: 100px; |
| 5017 | border-top-left-radius: 100px; | 5024 | border-top-left-radius: 100px; |
| 5018 | } | 5025 | } |
| 5019 | .pagination.pagination-rounded > li:last-child > a, | 5026 | .pagination.pagination-rounded > li:last-child > a, |
| 5020 | .pagination.pagination-rounded > li:last-child > span { | 5027 | .pagination.pagination-rounded > li:last-child > span { |
| 5021 | border-bottom-right-radius: 100px; | 5028 | border-bottom-right-radius: 100px; |
| 5022 | border-top-right-radius: 100px; | 5029 | border-top-right-radius: 100px; |
| 5023 | } | 5030 | } |
| 5024 | .pagination-flat { | 5031 | .pagination-flat { |
| 5025 | -webkit-box-shadow: none; | 5032 | -webkit-box-shadow: none; |
| 5026 | box-shadow: none; | 5033 | box-shadow: none; |
| 5027 | } | 5034 | } |
| 5028 | .pagination-flat > li > a, | 5035 | .pagination-flat > li > a, |
| 5029 | .pagination-flat > li > span { | 5036 | .pagination-flat > li > span { |
| 5030 | margin-left: 1px; | 5037 | margin-left: 1px; |
| 5031 | border-radius: 3px; | 5038 | border-radius: 3px; |
| 5032 | min-width: 38px; | 5039 | min-width: 38px; |
| 5033 | background-color: transparent; | 5040 | background-color: transparent; |
| 5034 | } | 5041 | } |
| 5035 | .pagination-flat > li > a, | 5042 | .pagination-flat > li > a, |
| 5036 | .pagination-flat > li > span, | 5043 | .pagination-flat > li > span, |
| 5037 | .pagination-flat > li > a:hover, | 5044 | .pagination-flat > li > a:hover, |
| 5038 | .pagination-flat > li > span:hover, | 5045 | .pagination-flat > li > span:hover, |
| 5039 | .pagination-flat > li > a:focus, | 5046 | .pagination-flat > li > a:focus, |
| 5040 | .pagination-flat > li > span:focus { | 5047 | .pagination-flat > li > span:focus { |
| 5041 | border-color: transparent; | 5048 | border-color: transparent; |
| 5042 | } | 5049 | } |
| 5043 | .pagination-flat > .active > a, | 5050 | .pagination-flat > .active > a, |
| 5044 | .pagination-flat > .active > span, | 5051 | .pagination-flat > .active > span, |
| 5045 | .pagination-flat > .active > a:hover, | 5052 | .pagination-flat > .active > a:hover, |
| 5046 | .pagination-flat > .active > span:hover, | 5053 | .pagination-flat > .active > span:hover, |
| 5047 | .pagination-flat > .active > a:focus, | 5054 | .pagination-flat > .active > a:focus, |
| 5048 | .pagination-flat > .active > span:focus { | 5055 | .pagination-flat > .active > span:focus { |
| 5049 | border-color: transparent; | 5056 | border-color: transparent; |
| 5050 | } | 5057 | } |
| 5051 | .pagination-flat > .disabled > span, | 5058 | .pagination-flat > .disabled > span, |
| 5052 | .pagination-flat > .disabled > span:hover, | 5059 | .pagination-flat > .disabled > span:hover, |
| 5053 | .pagination-flat > .disabled > span:focus, | 5060 | .pagination-flat > .disabled > span:focus, |
| 5054 | .pagination-flat > .disabled > a, | 5061 | .pagination-flat > .disabled > a, |
| 5055 | .pagination-flat > .disabled > a:hover, | 5062 | .pagination-flat > .disabled > a:hover, |
| 5056 | .pagination-flat > .disabled > a:focus { | 5063 | .pagination-flat > .disabled > a:focus { |
| 5057 | border-color: transparent; | 5064 | border-color: transparent; |
| 5058 | background-color: transparent; | 5065 | background-color: transparent; |
| 5059 | } | 5066 | } |
| 5060 | .pagination-flat.pagination-rounded > li > a, | 5067 | .pagination-flat.pagination-rounded > li > a, |
| 5061 | .pagination-flat.pagination-rounded > li > span { | 5068 | .pagination-flat.pagination-rounded > li > span { |
| 5062 | border-radius: 100px; | 5069 | border-radius: 100px; |
| 5063 | padding-left: 11px; | 5070 | padding-left: 11px; |
| 5064 | padding-right: 11px; | 5071 | padding-right: 11px; |
| 5065 | } | 5072 | } |
| 5066 | .pagination-flat.pagination-lg > li > a, | 5073 | .pagination-flat.pagination-lg > li > a, |
| 5067 | .pagination-flat.pagination-lg > li > span { | 5074 | .pagination-flat.pagination-lg > li > span { |
| 5068 | min-width: 40px; | 5075 | min-width: 40px; |
| 5069 | } | 5076 | } |
| 5070 | .pagination-flat.pagination-lg.pagination-rounded > li > a, | 5077 | .pagination-flat.pagination-lg.pagination-rounded > li > a, |
| 5071 | .pagination-flat.pagination-lg.pagination-rounded > li > span { | 5078 | .pagination-flat.pagination-lg.pagination-rounded > li > span { |
| 5072 | padding-left: 10px; | 5079 | padding-left: 10px; |
| 5073 | padding-right: 10px; | 5080 | padding-right: 10px; |
| 5074 | } | 5081 | } |
| 5075 | .pagination-flat.pagination-sm > li > a, | 5082 | .pagination-flat.pagination-sm > li > a, |
| 5076 | .pagination-flat.pagination-sm > li > span { | 5083 | .pagination-flat.pagination-sm > li > span { |
| 5077 | min-width: 36px; | 5084 | min-width: 36px; |
| 5078 | } | 5085 | } |
| 5079 | .pagination-flat.pagination-sm.pagination-rounded > li > a, | 5086 | .pagination-flat.pagination-sm.pagination-rounded > li > a, |
| 5080 | .pagination-flat.pagination-sm.pagination-rounded > li > span { | 5087 | .pagination-flat.pagination-sm.pagination-rounded > li > span { |
| 5081 | padding-left: 12px; | 5088 | padding-left: 12px; |
| 5082 | padding-right: 12px; | 5089 | padding-right: 12px; |
| 5083 | } | 5090 | } |
| 5084 | .pagination-flat.pagination-xs > li > a, | 5091 | .pagination-flat.pagination-xs > li > a, |
| 5085 | .pagination-flat.pagination-xs > li > span { | 5092 | .pagination-flat.pagination-xs > li > span { |
| 5086 | min-width: 34px; | 5093 | min-width: 34px; |
| 5087 | } | 5094 | } |
| 5088 | .pagination-flat.pagination-xs.pagination-rounded > li > a, | 5095 | .pagination-flat.pagination-xs.pagination-rounded > li > a, |
| 5089 | .pagination-flat.pagination-xs.pagination-rounded > li > span { | 5096 | .pagination-flat.pagination-xs.pagination-rounded > li > span { |
| 5090 | padding-left: 13px; | 5097 | padding-left: 13px; |
| 5091 | padding-right: 13px; | 5098 | padding-right: 13px; |
| 5092 | } | 5099 | } |
| 5093 | .pagination-separated > li > a, | 5100 | .pagination-separated > li > a, |
| 5094 | .pagination-separated > li > span { | 5101 | .pagination-separated > li > span { |
| 5095 | margin-left: 2px; | 5102 | margin-left: 2px; |
| 5096 | } | 5103 | } |
| 5097 | .pagination-lg > li > a, | 5104 | .pagination-lg > li > a, |
| 5098 | .pagination-lg > li > span { | 5105 | .pagination-lg > li > span { |
| 5099 | padding: 10px; | 5106 | padding: 10px; |
| 5100 | min-width: 40px; | 5107 | min-width: 40px; |
| 5101 | } | 5108 | } |
| 5102 | .pagination-lg > li:first-child > a, | 5109 | .pagination-lg > li:first-child > a, |
| 5103 | .pagination-lg > li:first-child > span { | 5110 | .pagination-lg > li:first-child > span { |
| 5104 | border-bottom-left-radius: 3px; | 5111 | border-bottom-left-radius: 3px; |
| 5105 | border-top-left-radius: 3px; | 5112 | border-top-left-radius: 3px; |
| 5106 | } | 5113 | } |
| 5107 | .pagination-lg > li:last-child > a, | 5114 | .pagination-lg > li:last-child > a, |
| 5108 | .pagination-lg > li:last-child > span { | 5115 | .pagination-lg > li:last-child > span { |
| 5109 | border-bottom-right-radius: 3px; | 5116 | border-bottom-right-radius: 3px; |
| 5110 | border-top-right-radius: 3px; | 5117 | border-top-right-radius: 3px; |
| 5111 | } | 5118 | } |
| 5112 | .pagination-sm > li > a, | 5119 | .pagination-sm > li > a, |
| 5113 | .pagination-sm > li > span { | 5120 | .pagination-sm > li > span { |
| 5114 | padding: 8px; | 5121 | padding: 8px; |
| 5115 | min-width: 36px; | 5122 | min-width: 36px; |
| 5116 | } | 5123 | } |
| 5117 | .pagination-xs > li > a, | 5124 | .pagination-xs > li > a, |
| 5118 | .pagination-xs > li > span { | 5125 | .pagination-xs > li > span { |
| 5119 | padding: 6px 12px; | 5126 | padding: 6px 12px; |
| 5120 | font-size: 12px; | 5127 | font-size: 12px; |
| 5121 | line-height: 1.6666667; | 5128 | line-height: 1.6666667; |
| 5122 | } | 5129 | } |
| 5123 | .pagination-xs > li:first-child > a, | 5130 | .pagination-xs > li:first-child > a, |
| 5124 | .pagination-xs > li:first-child > span { | 5131 | .pagination-xs > li:first-child > span { |
| 5125 | border-bottom-left-radius: 3px; | 5132 | border-bottom-left-radius: 3px; |
| 5126 | border-top-left-radius: 3px; | 5133 | border-top-left-radius: 3px; |
| 5127 | } | 5134 | } |
| 5128 | .pagination-xs > li:last-child > a, | 5135 | .pagination-xs > li:last-child > a, |
| 5129 | .pagination-xs > li:last-child > span { | 5136 | .pagination-xs > li:last-child > span { |
| 5130 | border-bottom-right-radius: 3px; | 5137 | border-bottom-right-radius: 3px; |
| 5131 | border-top-right-radius: 3px; | 5138 | border-top-right-radius: 3px; |
| 5132 | } | 5139 | } |
| 5133 | .pagination-xs > li > a, | 5140 | .pagination-xs > li > a, |
| 5134 | .pagination-xs > li > span { | 5141 | .pagination-xs > li > span { |
| 5135 | padding: 7px; | 5142 | padding: 7px; |
| 5136 | min-width: 34px; | 5143 | min-width: 34px; |
| 5137 | } | 5144 | } |
| 5138 | /* ------------------------------------------------------------------------------ | 5145 | /* ------------------------------------------------------------------------------ |
| 5139 | * | 5146 | * |
| 5140 | * # Pager component | 5147 | * # Pager component |
| 5141 | * | 5148 | * |
| 5142 | * Overrides for pager bootstrap component | 5149 | * Overrides for pager bootstrap component |
| 5143 | * | 5150 | * |
| 5144 | * Version: 1.2 | 5151 | * Version: 1.2 |
| 5145 | * Latest update: Aug 10, 2016 | 5152 | * Latest update: Aug 10, 2016 |
| 5146 | * | 5153 | * |
| 5147 | * ---------------------------------------------------------------------------- */ | 5154 | * ---------------------------------------------------------------------------- */ |
| 5148 | .pager { | 5155 | .pager { |
| 5149 | margin-top: 0; | 5156 | margin-top: 0; |
| 5150 | margin-bottom: 0; | 5157 | margin-bottom: 0; |
| 5151 | font-size: 0; | 5158 | font-size: 0; |
| 5152 | } | 5159 | } |
| 5153 | .pager li > a, | 5160 | .pager li > a, |
| 5154 | .pager li > span { | 5161 | .pager li > span { |
| 5155 | padding: 9px 17px; | 5162 | padding: 9px 17px; |
| 5156 | color: #333333; | 5163 | color: #333333; |
| 5157 | border-width: 0; | 5164 | border-width: 0; |
| 5158 | overflow: hidden; | 5165 | overflow: hidden; |
| 5159 | font-size: 13px; | 5166 | font-size: 13px; |
| 5160 | } | 5167 | } |
| 5161 | .pager li > a:hover, | 5168 | .pager li > a:hover, |
| 5162 | .pager li > a:focus { | 5169 | .pager li > a:focus { |
| 5163 | border-color: #2196F3; | 5170 | border-color: #2196F3; |
| 5164 | color: #fff; | 5171 | color: #fff; |
| 5165 | } | 5172 | } |
| 5166 | .pager li + li { | 5173 | .pager li + li { |
| 5167 | margin-left: 10px; | 5174 | margin-left: 10px; |
| 5168 | } | 5175 | } |
| 5169 | .pager .disabled > a, | 5176 | .pager .disabled > a, |
| 5170 | .pager .disabled > a:hover, | 5177 | .pager .disabled > a:hover, |
| 5171 | .pager .disabled > a:focus, | 5178 | .pager .disabled > a:focus, |
| 5172 | .pager .disabled > span { | 5179 | .pager .disabled > span { |
| 5173 | border-color: #ddd; | 5180 | border-color: #ddd; |
| 5174 | } | 5181 | } |
| 5175 | .pager.text-left { | 5182 | .pager.text-left { |
| 5176 | text-align: left; | 5183 | text-align: left; |
| 5177 | } | 5184 | } |
| 5178 | .pager.text-right { | 5185 | .pager.text-right { |
| 5179 | text-align: right; | 5186 | text-align: right; |
| 5180 | } | 5187 | } |
| 5181 | .pager-lg li > a, | 5188 | .pager-lg li > a, |
| 5182 | .pager-lg li > span { | 5189 | .pager-lg li > span { |
| 5183 | padding: 10px 19px; | 5190 | padding: 10px 19px; |
| 5184 | font-size: 14px; | 5191 | font-size: 14px; |
| 5185 | line-height: 1.4285715; | 5192 | line-height: 1.4285715; |
| 5186 | } | 5193 | } |
| 5187 | .pager-sm li > a, | 5194 | .pager-sm li > a, |
| 5188 | .pager-sm li > span { | 5195 | .pager-sm li > span { |
| 5189 | padding: 8px 15px; | 5196 | padding: 8px 15px; |
| 5190 | font-size: 12px; | 5197 | font-size: 12px; |
| 5191 | line-height: 1.6666667; | 5198 | line-height: 1.6666667; |
| 5192 | } | 5199 | } |
| 5193 | .pager-xs li > a, | 5200 | .pager-xs li > a, |
| 5194 | .pager-xs li > span { | 5201 | .pager-xs li > span { |
| 5195 | padding: 7px 13px; | 5202 | padding: 7px 13px; |
| 5196 | font-size: 12px; | 5203 | font-size: 12px; |
| 5197 | line-height: 1.6666667; | 5204 | line-height: 1.6666667; |
| 5198 | } | 5205 | } |
| 5199 | .pager-rounded li > a, | 5206 | .pager-rounded li > a, |
| 5200 | .pager-rounded li > span { | 5207 | .pager-rounded li > span { |
| 5201 | border-radius: 100px; | 5208 | border-radius: 100px; |
| 5202 | } | 5209 | } |
| 5203 | .pager-linked li > a, | 5210 | .pager-linked li > a, |
| 5204 | .pager-linked li > span { | 5211 | .pager-linked li > span { |
| 5205 | border-color: transparent; | 5212 | border-color: transparent; |
| 5206 | background-color: transparent; | 5213 | background-color: transparent; |
| 5207 | color: #1E88E5; | 5214 | color: #1E88E5; |
| 5208 | } | 5215 | } |
| 5209 | .pager-linked li > a:hover, | 5216 | .pager-linked li > a:hover, |
| 5210 | .pager-linked li > span:hover { | 5217 | .pager-linked li > span:hover { |
| 5211 | background-color: #2196F3; | 5218 | background-color: #2196F3; |
| 5212 | color: #fff; | 5219 | color: #fff; |
| 5213 | } | 5220 | } |
| 5214 | .pager-linked .disabled > a, | 5221 | .pager-linked .disabled > a, |
| 5215 | .pager-linked .disabled > a:hover, | 5222 | .pager-linked .disabled > a:hover, |
| 5216 | .pager-linked .disabled > a:focus, | 5223 | .pager-linked .disabled > a:focus, |
| 5217 | .pager-linked .disabled > span { | 5224 | .pager-linked .disabled > span { |
| 5218 | background-color: transparent; | 5225 | background-color: transparent; |
| 5219 | border-color: transparent; | 5226 | border-color: transparent; |
| 5220 | } | 5227 | } |
| 5221 | /* ------------------------------------------------------------------------------ | 5228 | /* ------------------------------------------------------------------------------ |
| 5222 | * | 5229 | * |
| 5223 | * # Labels component | 5230 | * # Labels component |
| 5224 | * | 5231 | * |
| 5225 | * Overrides for labels bootstrap component | 5232 | * Overrides for labels bootstrap component |
| 5226 | * | 5233 | * |
| 5227 | * Version: 1.2 | 5234 | * Version: 1.2 |
| 5228 | * Latest update: Mar 10, 2016 | 5235 | * Latest update: Mar 10, 2016 |
| 5229 | * | 5236 | * |
| 5230 | * ---------------------------------------------------------------------------- */ | 5237 | * ---------------------------------------------------------------------------- */ |
| 5231 | .label { | 5238 | .label { |
| 5232 | display: inline-block; | 5239 | display: inline-block; |
| 5233 | font-weight: 500; | 5240 | font-weight: 500; |
| 5234 | padding: 2px 5px 1px 5px; | 5241 | padding: 2px 5px 1px 5px; |
| 5235 | line-height: 1.5384616; | 5242 | line-height: 1.5384616; |
| 5236 | border: 1px solid transparent; | 5243 | border: 1px solid transparent; |
| 5237 | text-transform: uppercase; | 5244 | text-transform: uppercase; |
| 5238 | font-size: 10px; | 5245 | font-size: 10px; |
| 5239 | letter-spacing: 0.1px; | 5246 | letter-spacing: 0.1px; |
| 5240 | border-radius: 2px; | 5247 | border-radius: 2px; |
| 5241 | } | 5248 | } |
| 5242 | .btn .label { | 5249 | .btn .label { |
| 5243 | top: 0; | 5250 | top: 0; |
| 5244 | } | 5251 | } |
| 5245 | .list-group-item.active > .label, | 5252 | .list-group-item.active > .label, |
| 5246 | .nav-pills > .active > a > .label, | 5253 | .nav-pills > .active > a > .label, |
| 5247 | .nav-tabs[class*=bg-] > li > a > .label { | 5254 | .nav-tabs[class*=bg-] > li > a > .label { |
| 5248 | color: #333333; | 5255 | color: #333333; |
| 5249 | background-color: #fff; | 5256 | background-color: #fff; |
| 5250 | border-color: #fff; | 5257 | border-color: #fff; |
| 5251 | } | 5258 | } |
| 5252 | @media (min-width: 769px) { | 5259 | @media (min-width: 769px) { |
| 5253 | .list-group-item > .label { | 5260 | .list-group-item > .label { |
| 5254 | float: right; | 5261 | float: right; |
| 5255 | } | 5262 | } |
| 5256 | .list-group-item > .label + .label { | 5263 | .list-group-item > .label + .label { |
| 5257 | margin-right: 8px; | 5264 | margin-right: 8px; |
| 5258 | } | 5265 | } |
| 5259 | } | 5266 | } |
| 5260 | .label > .caret, | 5267 | .label > .caret, |
| 5261 | .badge > .caret { | 5268 | .badge > .caret { |
| 5262 | margin-top: -2px; | 5269 | margin-top: -2px; |
| 5263 | } | 5270 | } |
| 5264 | .open .label.dropdown-toggle, | 5271 | .open .label.dropdown-toggle, |
| 5265 | .open .badge.dropdown-toggle { | 5272 | .open .badge.dropdown-toggle { |
| 5266 | -webkit-box-shadow: none; | 5273 | -webkit-box-shadow: none; |
| 5267 | box-shadow: none; | 5274 | box-shadow: none; |
| 5268 | } | 5275 | } |
| 5269 | .label[href]:hover, | 5276 | .label[href]:hover, |
| 5270 | .badge[href]:hover, | 5277 | .badge[href]:hover, |
| 5271 | .label[href]:focus, | 5278 | .label[href]:focus, |
| 5272 | .badge[href]:focus { | 5279 | .badge[href]:focus { |
| 5273 | opacity: 0.85; | 5280 | opacity: 0.85; |
| 5274 | filter: alpha(opacity=85); | 5281 | filter: alpha(opacity=85); |
| 5275 | } | 5282 | } |
| 5276 | .label-default { | 5283 | .label-default { |
| 5277 | border-color: #999999; | 5284 | border-color: #999999; |
| 5278 | } | 5285 | } |
| 5279 | .label-default[href]:hover, | 5286 | .label-default[href]:hover, |
| 5280 | .label-default[href]:focus { | 5287 | .label-default[href]:focus { |
| 5281 | background-color: #999999; | 5288 | background-color: #999999; |
| 5282 | } | 5289 | } |
| 5283 | .label-primary { | 5290 | .label-primary { |
| 5284 | border-color: #2196F3; | 5291 | border-color: #2196F3; |
| 5285 | } | 5292 | } |
| 5286 | .label-primary[href]:hover, | 5293 | .label-primary[href]:hover, |
| 5287 | .label-primary[href]:focus { | 5294 | .label-primary[href]:focus { |
| 5288 | background-color: #2196F3; | 5295 | background-color: #2196F3; |
| 5289 | } | 5296 | } |
| 5290 | .label-success { | 5297 | .label-success { |
| 5291 | border-color: #4CAF50; | 5298 | border-color: #4CAF50; |
| 5292 | } | 5299 | } |
| 5293 | .label-success[href]:hover, | 5300 | .label-success[href]:hover, |
| 5294 | .label-success[href]:focus { | 5301 | .label-success[href]:focus { |
| 5295 | background-color: #4CAF50; | 5302 | background-color: #4CAF50; |
| 5296 | } | 5303 | } |
| 5297 | .label-info { | 5304 | .label-info { |
| 5298 | border-color: #00BCD4; | 5305 | border-color: #00BCD4; |
| 5299 | } | 5306 | } |
| 5300 | .label-info[href]:hover, | 5307 | .label-info[href]:hover, |
| 5301 | .label-info[href]:focus { | 5308 | .label-info[href]:focus { |
| 5302 | background-color: #00BCD4; | 5309 | background-color: #00BCD4; |
| 5303 | } | 5310 | } |
| 5304 | .label-warning { | 5311 | .label-warning { |
| 5305 | border-color: #FF5722; | 5312 | border-color: #FF5722; |
| 5306 | } | 5313 | } |
| 5307 | .label-warning[href]:hover, | 5314 | .label-warning[href]:hover, |
| 5308 | .label-warning[href]:focus { | 5315 | .label-warning[href]:focus { |
| 5309 | background-color: #FF5722; | 5316 | background-color: #FF5722; |
| 5310 | } | 5317 | } |
| 5311 | .label-danger { | 5318 | .label-danger { |
| 5312 | border-color: #F44336; | 5319 | border-color: #F44336; |
| 5313 | } | 5320 | } |
| 5314 | .label-danger[href]:hover, | 5321 | .label-danger[href]:hover, |
| 5315 | .label-danger[href]:focus { | 5322 | .label-danger[href]:focus { |
| 5316 | background-color: #F44336; | 5323 | background-color: #F44336; |
| 5317 | } | 5324 | } |
| 5318 | .label-striped { | 5325 | .label-striped { |
| 5319 | background-color: #f5f5f5; | 5326 | background-color: #f5f5f5; |
| 5320 | color: #333333; | 5327 | color: #333333; |
| 5321 | border-left-width: 2px; | 5328 | border-left-width: 2px; |
| 5322 | padding: 6px 12px; | 5329 | padding: 6px 12px; |
| 5323 | } | 5330 | } |
| 5324 | .label-striped.label-striped-right { | 5331 | .label-striped.label-striped-right { |
| 5325 | border-left-width: 1px; | 5332 | border-left-width: 1px; |
| 5326 | border-right-width: 2px; | 5333 | border-right-width: 2px; |
| 5327 | } | 5334 | } |
| 5328 | .label-striped, | 5335 | .label-striped, |
| 5329 | .label-striped.label-icon { | 5336 | .label-striped.label-icon { |
| 5330 | border-radius: 0; | 5337 | border-radius: 0; |
| 5331 | } | 5338 | } |
| 5332 | .label-striped[href]:hover, | 5339 | .label-striped[href]:hover, |
| 5333 | .label-striped[href]:focus { | 5340 | .label-striped[href]:focus { |
| 5334 | color: #333333; | 5341 | color: #333333; |
| 5335 | background-color: #eeeeee; | 5342 | background-color: #eeeeee; |
| 5336 | -webkit-box-shadow: none; | 5343 | -webkit-box-shadow: none; |
| 5337 | box-shadow: none; | 5344 | box-shadow: none; |
| 5338 | } | 5345 | } |
| 5339 | .label-flat { | 5346 | .label-flat { |
| 5340 | background-color: transparent; | 5347 | background-color: transparent; |
| 5341 | border-width: 2px; | 5348 | border-width: 2px; |
| 5342 | border-radius: 0; | 5349 | border-radius: 0; |
| 5343 | padding: 1px 4px 0 4px; | 5350 | padding: 1px 4px 0 4px; |
| 5344 | } | 5351 | } |
| 5345 | .label-flat[href]:hover, | 5352 | .label-flat[href]:hover, |
| 5346 | .label-flat[href]:focus { | 5353 | .label-flat[href]:focus { |
| 5347 | background-color: transparent; | 5354 | background-color: transparent; |
| 5348 | -webkit-box-shadow: none; | 5355 | -webkit-box-shadow: none; |
| 5349 | box-shadow: none; | 5356 | box-shadow: none; |
| 5350 | } | 5357 | } |
| 5351 | .label-icon { | 5358 | .label-icon { |
| 5352 | padding: 4px; | 5359 | padding: 4px; |
| 5353 | border-radius: 2px; | 5360 | border-radius: 2px; |
| 5354 | line-height: 1; | 5361 | line-height: 1; |
| 5355 | } | 5362 | } |
| 5356 | .label-icon > i { | 5363 | .label-icon > i { |
| 5357 | top: 0; | 5364 | top: 0; |
| 5358 | } | 5365 | } |
| 5359 | .label-icon.label-flat { | 5366 | .label-icon.label-flat { |
| 5360 | padding: 6px; | 5367 | padding: 6px; |
| 5361 | } | 5368 | } |
| 5362 | .label-icon-xlg { | 5369 | .label-icon-xlg { |
| 5363 | padding: 10px; | 5370 | padding: 10px; |
| 5364 | } | 5371 | } |
| 5365 | .label-icon-xlg.label-flat { | 5372 | .label-icon-xlg.label-flat { |
| 5366 | padding: 8px; | 5373 | padding: 8px; |
| 5367 | } | 5374 | } |
| 5368 | .label-icon-lg { | 5375 | .label-icon-lg { |
| 5369 | padding: 9px; | 5376 | padding: 9px; |
| 5370 | } | 5377 | } |
| 5371 | .label-icon-lg.label-flat { | 5378 | .label-icon-lg.label-flat { |
| 5372 | padding: 7px; | 5379 | padding: 7px; |
| 5373 | } | 5380 | } |
| 5374 | .label-icon-sm { | 5381 | .label-icon-sm { |
| 5375 | padding: 7px; | 5382 | padding: 7px; |
| 5376 | } | 5383 | } |
| 5377 | .label-icon-sm.label-flat { | 5384 | .label-icon-sm.label-flat { |
| 5378 | padding: 5px; | 5385 | padding: 5px; |
| 5379 | } | 5386 | } |
| 5380 | .label-icon-xs { | 5387 | .label-icon-xs { |
| 5381 | padding: 6px; | 5388 | padding: 6px; |
| 5382 | } | 5389 | } |
| 5383 | .label-icon-xs.label-flat { | 5390 | .label-icon-xs.label-flat { |
| 5384 | padding: 4px; | 5391 | padding: 4px; |
| 5385 | } | 5392 | } |
| 5386 | .label-rounded { | 5393 | .label-rounded { |
| 5387 | border-radius: 100px; | 5394 | border-radius: 100px; |
| 5388 | } | 5395 | } |
| 5389 | .label-rounded:not(.label-icon) { | 5396 | .label-rounded:not(.label-icon) { |
| 5390 | padding-left: 8px; | 5397 | padding-left: 8px; |
| 5391 | padding-right: 8px; | 5398 | padding-right: 8px; |
| 5392 | } | 5399 | } |
| 5393 | .label-roundless { | 5400 | .label-roundless { |
| 5394 | border-radius: 0; | 5401 | border-radius: 0; |
| 5395 | } | 5402 | } |
| 5396 | .label-block { | 5403 | .label-block { |
| 5397 | display: block; | 5404 | display: block; |
| 5398 | } | 5405 | } |
| 5399 | .form-control + .label-block { | 5406 | .form-control + .label-block { |
| 5400 | margin-top: 8px; | 5407 | margin-top: 8px; |
| 5401 | } | 5408 | } |
| 5402 | .label-block.text-left { | 5409 | .label-block.text-left { |
| 5403 | text-align: left; | 5410 | text-align: left; |
| 5404 | margin-right: 0; | 5411 | margin-right: 0; |
| 5405 | } | 5412 | } |
| 5406 | .label-block.text-right { | 5413 | .label-block.text-right { |
| 5407 | text-align: right; | 5414 | text-align: right; |
| 5408 | margin-left: 0; | 5415 | margin-left: 0; |
| 5409 | } | 5416 | } |
| 5410 | /* ------------------------------------------------------------------------------ | 5417 | /* ------------------------------------------------------------------------------ |
| 5411 | * | 5418 | * |
| 5412 | * # Badges component | 5419 | * # Badges component |
| 5413 | * | 5420 | * |
| 5414 | * Overrides for badges bootstrap component | 5421 | * Overrides for badges bootstrap component |
| 5415 | * | 5422 | * |
| 5416 | * Version: 1.2 | 5423 | * Version: 1.2 |
| 5417 | * Latest update: Mar 10, 2016 | 5424 | * Latest update: Mar 10, 2016 |
| 5418 | * | 5425 | * |
| 5419 | * ---------------------------------------------------------------------------- */ | 5426 | * ---------------------------------------------------------------------------- */ |
| 5420 | .badge { | 5427 | .badge { |
| 5421 | padding: 2px 6px 1px 6px; | 5428 | padding: 2px 6px 1px 6px; |
| 5422 | font-size: 10px; | 5429 | font-size: 10px; |
| 5423 | letter-spacing: 0.1px; | 5430 | letter-spacing: 0.1px; |
| 5424 | vertical-align: baseline; | 5431 | vertical-align: baseline; |
| 5425 | background-color: transparent; | 5432 | background-color: transparent; |
| 5426 | border: 1px solid transparent; | 5433 | border: 1px solid transparent; |
| 5427 | border-radius: 100px; | 5434 | border-radius: 100px; |
| 5428 | } | 5435 | } |
| 5429 | .btn .badge { | 5436 | .btn .badge { |
| 5430 | top: 0; | 5437 | top: 0; |
| 5431 | } | 5438 | } |
| 5432 | .btn-xs .badge { | 5439 | .btn-xs .badge { |
| 5433 | padding: 2px 6px 1px 6px; | 5440 | padding: 2px 6px 1px 6px; |
| 5434 | } | 5441 | } |
| 5435 | .list-group-item.active > .badge, | 5442 | .list-group-item.active > .badge, |
| 5436 | .nav-pills > .active > a > .badge, | 5443 | .nav-pills > .active > a > .badge, |
| 5437 | .nav-tabs[class*=bg-] > li > a > .badge { | 5444 | .nav-tabs[class*=bg-] > li > a > .badge { |
| 5438 | color: #333333; | 5445 | color: #333333; |
| 5439 | background-color: #fff; | 5446 | background-color: #fff; |
| 5440 | border-color: #fff; | 5447 | border-color: #fff; |
| 5441 | } | 5448 | } |
| 5442 | .nav-pills > li > a > .badge { | 5449 | .nav-pills > li > a > .badge { |
| 5443 | margin-left: 0; | 5450 | margin-left: 0; |
| 5444 | } | 5451 | } |
| 5445 | .nav-pills > li > a > .badge.position-right { | 5452 | .nav-pills > li > a > .badge.position-right { |
| 5446 | margin-left: 8px; | 5453 | margin-left: 8px; |
| 5447 | } | 5454 | } |
| 5448 | .badge-default { | 5455 | .badge-default { |
| 5449 | background-color: #999999; | 5456 | background-color: #999999; |
| 5450 | border-color: #999999; | 5457 | border-color: #999999; |
| 5451 | } | 5458 | } |
| 5452 | .badge-primary { | 5459 | .badge-primary { |
| 5453 | background-color: #2196F3; | 5460 | background-color: #2196F3; |
| 5454 | border-color: #2196F3; | 5461 | border-color: #2196F3; |
| 5455 | } | 5462 | } |
| 5456 | .badge-success { | 5463 | .badge-success { |
| 5457 | background-color: #4CAF50; | 5464 | background-color: #4CAF50; |
| 5458 | border-color: #4CAF50; | 5465 | border-color: #4CAF50; |
| 5459 | } | 5466 | } |
| 5460 | .badge-info { | 5467 | .badge-info { |
| 5461 | background-color: #00BCD4; | 5468 | background-color: #00BCD4; |
| 5462 | border-color: #00BCD4; | 5469 | border-color: #00BCD4; |
| 5463 | } | 5470 | } |
| 5464 | .badge-warning { | 5471 | .badge-warning { |
| 5465 | background-color: #FF5722; | 5472 | background-color: #FF5722; |
| 5466 | border-color: #FF5722; | 5473 | border-color: #FF5722; |
| 5467 | } | 5474 | } |
| 5468 | .badge-danger { | 5475 | .badge-danger { |
| 5469 | background-color: #F44336; | 5476 | background-color: #F44336; |
| 5470 | border-color: #F44336; | 5477 | border-color: #F44336; |
| 5471 | } | 5478 | } |
| 5472 | .badge-flat { | 5479 | .badge-flat { |
| 5473 | background-color: transparent; | 5480 | background-color: transparent; |
| 5474 | border-width: 2px; | 5481 | border-width: 2px; |
| 5475 | padding: 1px 5px 0 5px; | 5482 | padding: 1px 5px 0 5px; |
| 5476 | } | 5483 | } |
| 5477 | .badge-flat[href]:hover, | 5484 | .badge-flat[href]:hover, |
| 5478 | .badge-flat[href]:focus { | 5485 | .badge-flat[href]:focus { |
| 5479 | background-color: transparent; | 5486 | background-color: transparent; |
| 5480 | -webkit-box-shadow: none; | 5487 | -webkit-box-shadow: none; |
| 5481 | box-shadow: none; | 5488 | box-shadow: none; |
| 5482 | } | 5489 | } |
| 5483 | /* ------------------------------------------------------------------------------ | 5490 | /* ------------------------------------------------------------------------------ |
| 5484 | * | 5491 | * |
| 5485 | * # Thumbnails component | 5492 | * # Thumbnails component |
| 5486 | * | 5493 | * |
| 5487 | * Overrides for thumbnails bootstrap component | 5494 | * Overrides for thumbnails bootstrap component |
| 5488 | * | 5495 | * |
| 5489 | * Version: 1.1 | 5496 | * Version: 1.1 |
| 5490 | * Latest update: Mar 10, 2016 | 5497 | * Latest update: Mar 10, 2016 |
| 5491 | * | 5498 | * |
| 5492 | * ---------------------------------------------------------------------------- */ | 5499 | * ---------------------------------------------------------------------------- */ |
| 5493 | .thumbnail { | 5500 | .thumbnail { |
| 5494 | border-width: 0; | 5501 | border-width: 0; |
| 5495 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 5502 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 5496 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 5503 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 5497 | } | 5504 | } |
| 5498 | .panel .thumbnail { | 5505 | .panel .thumbnail { |
| 5499 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | 5506 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); |
| 5500 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | 5507 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); |
| 5501 | } | 5508 | } |
| 5502 | .thumbnail > a { | 5509 | .thumbnail > a { |
| 5503 | display: block; | 5510 | display: block; |
| 5504 | } | 5511 | } |
| 5505 | .thumbnail > img, | 5512 | .thumbnail > img, |
| 5506 | .thumbnail a > img { | 5513 | .thumbnail a > img { |
| 5507 | width: 100%; | 5514 | width: 100%; |
| 5508 | } | 5515 | } |
| 5509 | a.thumbnail:hover, | 5516 | a.thumbnail:hover, |
| 5510 | a.thumbnail:focus, | 5517 | a.thumbnail:focus, |
| 5511 | a.thumbnail.active { | 5518 | a.thumbnail.active { |
| 5512 | border-color: #ddd; | 5519 | border-color: #ddd; |
| 5513 | } | 5520 | } |
| 5514 | .thumbnail .caption { | 5521 | .thumbnail .caption { |
| 5515 | padding: 17px; | 5522 | padding: 17px; |
| 5516 | padding-top: 20px; | 5523 | padding-top: 20px; |
| 5517 | } | 5524 | } |
| 5518 | .thumbnail .caption i.pull-right, | 5525 | .thumbnail .caption i.pull-right, |
| 5519 | .thumbnail .caption .icons-list.pull-right { | 5526 | .thumbnail .caption .icons-list.pull-right { |
| 5520 | margin-top: 4px; | 5527 | margin-top: 4px; |
| 5521 | } | 5528 | } |
| 5522 | .thumbnail .caption .media-heading { | 5529 | .thumbnail .caption .media-heading { |
| 5523 | margin-top: 0; | 5530 | margin-top: 0; |
| 5524 | } | 5531 | } |
| 5525 | .thumbnail .caption .media-heading:after { | 5532 | .thumbnail .caption .media-heading:after { |
| 5526 | content: ''; | 5533 | content: ''; |
| 5527 | display: table; | 5534 | display: table; |
| 5528 | clear: both; | 5535 | clear: both; |
| 5529 | } | 5536 | } |
| 5530 | .modal-dialog .thumbnail { | 5537 | .modal-dialog .thumbnail { |
| 5531 | border-width: 0; | 5538 | border-width: 0; |
| 5532 | -webkit-box-shadow: none; | 5539 | -webkit-box-shadow: none; |
| 5533 | box-shadow: none; | 5540 | box-shadow: none; |
| 5534 | } | 5541 | } |
| 5535 | .thumbnail > .panel-heading { | 5542 | .thumbnail > .panel-heading { |
| 5536 | margin: -3px; | 5543 | margin: -3px; |
| 5537 | margin-bottom: 0; | 5544 | margin-bottom: 0; |
| 5538 | } | 5545 | } |
| 5539 | .thumbnail .panel-footer { | 5546 | .thumbnail .panel-footer { |
| 5540 | margin: -3px; | 5547 | margin: -3px; |
| 5541 | margin-top: 0; | 5548 | margin-top: 0; |
| 5542 | } | 5549 | } |
| 5543 | .thumbnail.no-padding img, | 5550 | .thumbnail.no-padding img, |
| 5544 | .thumbnail.no-padding .thumb { | 5551 | .thumbnail.no-padding .thumb { |
| 5545 | border-top-right-radius: 3px; | 5552 | border-top-right-radius: 3px; |
| 5546 | border-top-left-radius: 3px; | 5553 | border-top-left-radius: 3px; |
| 5547 | -webkit-box-shadow: none; | 5554 | -webkit-box-shadow: none; |
| 5548 | box-shadow: none; | 5555 | box-shadow: none; |
| 5549 | } | 5556 | } |
| 5550 | .thumbnail.no-padding .caption { | 5557 | .thumbnail.no-padding .caption { |
| 5551 | padding: 20px; | 5558 | padding: 20px; |
| 5552 | } | 5559 | } |
| 5553 | .thumbnail.no-padding .panel-heading, | 5560 | .thumbnail.no-padding .panel-heading, |
| 5554 | .thumbnail.no-padding .panel-footer { | 5561 | .thumbnail.no-padding .panel-footer { |
| 5555 | margin: 0; | 5562 | margin: 0; |
| 5556 | } | 5563 | } |
| 5557 | .thumb { | 5564 | .thumb { |
| 5558 | position: relative; | 5565 | position: relative; |
| 5559 | display: block; | 5566 | display: block; |
| 5560 | } | 5567 | } |
| 5561 | .thumb img:not(.media-preview) { | 5568 | .thumb img:not(.media-preview) { |
| 5562 | display: inline-block; | 5569 | display: inline-block; |
| 5563 | width: 100%; | 5570 | width: 100%; |
| 5564 | max-width: 100%; | 5571 | max-width: 100%; |
| 5565 | height: auto; | 5572 | height: auto; |
| 5566 | } | 5573 | } |
| 5567 | .thumb:not(.thumb-rounded) img { | 5574 | .thumb:not(.thumb-rounded) img { |
| 5568 | border-radius: 3px; | 5575 | border-radius: 3px; |
| 5569 | } | 5576 | } |
| 5570 | .thumb:hover .caption-zoom { | 5577 | .thumb:hover .caption-zoom { |
| 5571 | border-radius: 0; | 5578 | border-radius: 0; |
| 5572 | -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); | 5579 | -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); |
| 5573 | box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); | 5580 | box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.7); |
| 5574 | } | 5581 | } |
| 5575 | .thumb:hover .caption-offset { | 5582 | .thumb:hover .caption-offset { |
| 5576 | left: 8px; | 5583 | left: 8px; |
| 5577 | top: 8px; | 5584 | top: 8px; |
| 5578 | } | 5585 | } |
| 5579 | .thumb .caption-collapse { | 5586 | .thumb .caption-collapse { |
| 5580 | top: 80%; | 5587 | top: 80%; |
| 5581 | z-index: 10; | 5588 | z-index: 10; |
| 5582 | height: auto; | 5589 | height: auto; |
| 5583 | } | 5590 | } |
| 5584 | .thumb:hover .thumb .caption-collapse { | 5591 | .thumb:hover .thumb .caption-collapse { |
| 5585 | top: 100%; | 5592 | top: 100%; |
| 5586 | } | 5593 | } |
| 5587 | .thumb-rounded { | 5594 | .thumb-rounded { |
| 5588 | width: 60%; | 5595 | width: 60%; |
| 5589 | margin: 20px auto 0 auto; | 5596 | margin: 20px auto 0 auto; |
| 5590 | } | 5597 | } |
| 5591 | .thumb-rounded, | 5598 | .thumb-rounded, |
| 5592 | .thumb-rounded img, | 5599 | .thumb-rounded img, |
| 5593 | .thumb-rounded .caption-overflow { | 5600 | .thumb-rounded .caption-overflow { |
| 5594 | border-radius: 50%; | 5601 | border-radius: 50%; |
| 5595 | } | 5602 | } |
| 5596 | .caption-overflow { | 5603 | .caption-overflow { |
| 5597 | position: absolute; | 5604 | position: absolute; |
| 5598 | top: 0; | 5605 | top: 0; |
| 5599 | left: 0; | 5606 | left: 0; |
| 5600 | color: #fff; | 5607 | color: #fff; |
| 5601 | width: 100%; | 5608 | width: 100%; |
| 5602 | height: 100%; | 5609 | height: 100%; |
| 5603 | visibility: hidden; | 5610 | visibility: hidden; |
| 5604 | border-radius: 3px; | 5611 | border-radius: 3px; |
| 5605 | opacity: 0; | 5612 | opacity: 0; |
| 5606 | filter: alpha(opacity=0); | 5613 | filter: alpha(opacity=0); |
| 5607 | -webkit-transition: all 0.15s ease-in-out; | 5614 | -webkit-transition: all 0.15s ease-in-out; |
| 5608 | -o-transition: all 0.15s ease-in-out; | 5615 | -o-transition: all 0.15s ease-in-out; |
| 5609 | transition: all 0.15s ease-in-out; | 5616 | transition: all 0.15s ease-in-out; |
| 5610 | } | 5617 | } |
| 5611 | .caption-overflow span { | 5618 | .caption-overflow span { |
| 5612 | position: absolute; | 5619 | position: absolute; |
| 5613 | top: 50%; | 5620 | top: 50%; |
| 5614 | margin-top: -18px; | 5621 | margin-top: -18px; |
| 5615 | width: 100%; | 5622 | width: 100%; |
| 5616 | text-align: center; | 5623 | text-align: center; |
| 5617 | } | 5624 | } |
| 5618 | .thumb:hover > .caption-overflow { | 5625 | .thumb:hover > .caption-overflow { |
| 5619 | background-color: rgba(0, 0, 0, 0.7); | 5626 | background-color: rgba(0, 0, 0, 0.7); |
| 5620 | visibility: visible; | 5627 | visibility: visible; |
| 5621 | opacity: 1; | 5628 | opacity: 1; |
| 5622 | filter: alpha(opacity=100); | 5629 | filter: alpha(opacity=100); |
| 5623 | } | 5630 | } |
| 5624 | .zoom-image { | 5631 | .zoom-image { |
| 5625 | color: #fff; | 5632 | color: #fff; |
| 5626 | display: inline-block; | 5633 | display: inline-block; |
| 5627 | text-align: center; | 5634 | text-align: center; |
| 5628 | position: absolute; | 5635 | position: absolute; |
| 5629 | top: 0; | 5636 | top: 0; |
| 5630 | left: 0; | 5637 | left: 0; |
| 5631 | width: 100%; | 5638 | width: 100%; |
| 5632 | height: 100%; | 5639 | height: 100%; |
| 5633 | opacity: 0; | 5640 | opacity: 0; |
| 5634 | filter: alpha(opacity=0); | 5641 | filter: alpha(opacity=0); |
| 5635 | -webkit-transition: all 0.15s ease-in-out; | 5642 | -webkit-transition: all 0.15s ease-in-out; |
| 5636 | -o-transition: all 0.15s ease-in-out; | 5643 | -o-transition: all 0.15s ease-in-out; |
| 5637 | transition: all 0.15s ease-in-out; | 5644 | transition: all 0.15s ease-in-out; |
| 5638 | } | 5645 | } |
| 5639 | .thumb:hover .zoom-image { | 5646 | .thumb:hover .zoom-image { |
| 5640 | background-color: rgba(0, 0, 0, 0.6); | 5647 | background-color: rgba(0, 0, 0, 0.6); |
| 5641 | opacity: 1; | 5648 | opacity: 1; |
| 5642 | filter: alpha(opacity=100); | 5649 | filter: alpha(opacity=100); |
| 5643 | } | 5650 | } |
| 5644 | .img-rounded + .zoom-image { | 5651 | .img-rounded + .zoom-image { |
| 5645 | border-radius: 3px; | 5652 | border-radius: 3px; |
| 5646 | } | 5653 | } |
| 5647 | .img-circle + .zoom-image { | 5654 | .img-circle + .zoom-image { |
| 5648 | border-radius: 50%; | 5655 | border-radius: 50%; |
| 5649 | } | 5656 | } |
| 5650 | .zoom-image i { | 5657 | .zoom-image i { |
| 5651 | font-size: 32px; | 5658 | font-size: 32px; |
| 5652 | position: absolute; | 5659 | position: absolute; |
| 5653 | top: 50%; | 5660 | top: 50%; |
| 5654 | left: 50%; | 5661 | left: 50%; |
| 5655 | margin-top: -16px; | 5662 | margin-top: -16px; |
| 5656 | margin-left: -16px; | 5663 | margin-left: -16px; |
| 5657 | } | 5664 | } |
| 5658 | .thumb-slide { | 5665 | .thumb-slide { |
| 5659 | overflow: hidden; | 5666 | overflow: hidden; |
| 5660 | } | 5667 | } |
| 5661 | .thumb-slide .caption { | 5668 | .thumb-slide .caption { |
| 5662 | position: absolute; | 5669 | position: absolute; |
| 5663 | bottom: -100%; | 5670 | bottom: -100%; |
| 5664 | left: 0; | 5671 | left: 0; |
| 5665 | color: #fff; | 5672 | color: #fff; |
| 5666 | width: 100%; | 5673 | width: 100%; |
| 5667 | height: 100%; | 5674 | height: 100%; |
| 5668 | background-color: rgba(0, 0, 0, 0.7); | 5675 | background-color: rgba(0, 0, 0, 0.7); |
| 5669 | z-index: 10; | 5676 | z-index: 10; |
| 5670 | -webkit-transition: all 0.1s linear; | 5677 | -webkit-transition: all 0.1s linear; |
| 5671 | -o-transition: all 0.1s linear; | 5678 | -o-transition: all 0.1s linear; |
| 5672 | transition: all 0.1s linear; | 5679 | transition: all 0.1s linear; |
| 5673 | } | 5680 | } |
| 5674 | .thumb-slide .caption span { | 5681 | .thumb-slide .caption span { |
| 5675 | position: absolute; | 5682 | position: absolute; |
| 5676 | top: 50%; | 5683 | top: 50%; |
| 5677 | left: 0; | 5684 | left: 0; |
| 5678 | margin-top: -19px; | 5685 | margin-top: -19px; |
| 5679 | width: 100%; | 5686 | width: 100%; |
| 5680 | text-align: center; | 5687 | text-align: center; |
| 5681 | } | 5688 | } |
| 5682 | .thumb-slide:hover .caption { | 5689 | .thumb-slide:hover .caption { |
| 5683 | bottom: 0; | 5690 | bottom: 0; |
| 5684 | } | 5691 | } |
| 5685 | /* ------------------------------------------------------------------------------ | 5692 | /* ------------------------------------------------------------------------------ |
| 5686 | * | 5693 | * |
| 5687 | * # Alert component | 5694 | * # Alert component |
| 5688 | * | 5695 | * |
| 5689 | * Overrides for alerts bootstrap component | 5696 | * Overrides for alerts bootstrap component |
| 5690 | * | 5697 | * |
| 5691 | * Version: 1.1 | 5698 | * Version: 1.1 |
| 5692 | * Latest update: Mar 10, 2016 | 5699 | * Latest update: Mar 10, 2016 |
| 5693 | * | 5700 | * |
| 5694 | * ---------------------------------------------------------------------------- */ | 5701 | * ---------------------------------------------------------------------------- */ |
| 5695 | .alert { | 5702 | .alert { |
| 5696 | position: relative; | 5703 | position: relative; |
| 5697 | padding-left: 20px; | 5704 | padding-left: 20px; |
| 5698 | padding-right: 20px; | 5705 | padding-right: 20px; |
| 5699 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 5706 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 5700 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 5707 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 5701 | } | 5708 | } |
| 5702 | .alert .alert-heading { | 5709 | .alert .alert-heading { |
| 5703 | margin-top: 0; | 5710 | margin-top: 0; |
| 5704 | margin-bottom: 5px; | 5711 | margin-bottom: 5px; |
| 5705 | } | 5712 | } |
| 5706 | .alert .alert-link { | 5713 | .alert .alert-link { |
| 5707 | color: inherit; | 5714 | color: inherit; |
| 5708 | } | 5715 | } |
| 5709 | .alert .close, | 5716 | .alert .close, |
| 5710 | .alert .close:hover, | 5717 | .alert .close:hover, |
| 5711 | .alert .close:focus { | 5718 | .alert .close:focus { |
| 5712 | color: inherit; | 5719 | color: inherit; |
| 5713 | } | 5720 | } |
| 5714 | .alert-primary { | 5721 | .alert-primary { |
| 5715 | background-color: #E3F2FD; | 5722 | background-color: #E3F2FD; |
| 5716 | border-color: #1E88E5; | 5723 | border-color: #1E88E5; |
| 5717 | color: #1565C0; | 5724 | color: #1565C0; |
| 5718 | } | 5725 | } |
| 5719 | .alert-primary hr { | 5726 | .alert-primary hr { |
| 5720 | border-top-color: #187bd1; | 5727 | border-top-color: #187bd1; |
| 5721 | } | 5728 | } |
| 5722 | .alert-primary .alert-link { | 5729 | .alert-primary .alert-link { |
| 5723 | color: #104d92; | 5730 | color: #104d92; |
| 5724 | } | 5731 | } |
| 5725 | .alert-primary, | 5732 | .alert-primary, |
| 5726 | .alert-primary .close { | 5733 | .alert-primary .close { |
| 5727 | color: #104d92; | 5734 | color: #104d92; |
| 5728 | } | 5735 | } |
| 5729 | .alert-success, | 5736 | .alert-success, |
| 5730 | .alert-success .close { | 5737 | .alert-success .close { |
| 5731 | color: #205823; | 5738 | color: #205823; |
| 5732 | } | 5739 | } |
| 5733 | .alert-info, | 5740 | .alert-info, |
| 5734 | .alert-info .close { | 5741 | .alert-info .close { |
| 5735 | color: #00545c; | 5742 | color: #00545c; |
| 5736 | } | 5743 | } |
| 5737 | .alert-warning, | 5744 | .alert-warning, |
| 5738 | .alert-warning .close { | 5745 | .alert-warning .close { |
| 5739 | color: #aa3510; | 5746 | color: #aa3510; |
| 5740 | } | 5747 | } |
| 5741 | .alert-danger, | 5748 | .alert-danger, |
| 5742 | .alert-danger .close { | 5749 | .alert-danger .close { |
| 5743 | color: #9c1f1f; | 5750 | color: #9c1f1f; |
| 5744 | } | 5751 | } |
| 5745 | .alert.alert-rounded { | 5752 | .alert.alert-rounded { |
| 5746 | border-radius: 100px; | 5753 | border-radius: 100px; |
| 5747 | padding-left: 25px; | 5754 | padding-left: 25px; |
| 5748 | padding-right: 25px; | 5755 | padding-right: 25px; |
| 5749 | } | 5756 | } |
| 5750 | .alert-component { | 5757 | .alert-component { |
| 5751 | border-width: 0; | 5758 | border-width: 0; |
| 5752 | } | 5759 | } |
| 5753 | .alert-component[class*=alert-styled-] { | 5760 | .alert-component[class*=alert-styled-] { |
| 5754 | background-color: #fff; | 5761 | background-color: #fff; |
| 5755 | } | 5762 | } |
| 5756 | .alert[class*=bg-] a, | 5763 | .alert[class*=bg-] a, |
| 5757 | .alert[class*=bg-] .alert-link { | 5764 | .alert[class*=bg-] .alert-link { |
| 5758 | color: #fff; | 5765 | color: #fff; |
| 5759 | } | 5766 | } |
| 5760 | .alert[class*=alert-styled-]:after { | 5767 | .alert[class*=alert-styled-]:after { |
| 5761 | content: '\e9a2'; | 5768 | content: '\e9a2'; |
| 5762 | font-family: 'icomoon'; | 5769 | font-family: 'icomoon'; |
| 5763 | color: #fff; | 5770 | color: #fff; |
| 5764 | width: 44px; | 5771 | width: 44px; |
| 5765 | left: -44px; | 5772 | left: -44px; |
| 5766 | text-align: center; | 5773 | text-align: center; |
| 5767 | position: absolute; | 5774 | position: absolute; |
| 5768 | top: 50%; | 5775 | top: 50%; |
| 5769 | margin-top: -8px; | 5776 | margin-top: -8px; |
| 5770 | font-size: 16px; | 5777 | font-size: 16px; |
| 5771 | font-weight: 400; | 5778 | font-weight: 400; |
| 5772 | line-height: 1; | 5779 | line-height: 1; |
| 5773 | -webkit-font-smoothing: antialiased; | 5780 | -webkit-font-smoothing: antialiased; |
| 5774 | -moz-osx-font-smoothing: grayscale; | 5781 | -moz-osx-font-smoothing: grayscale; |
| 5775 | } | 5782 | } |
| 5776 | .alert[class*=alert-styled-].alert-danger:after, | 5783 | .alert[class*=alert-styled-].alert-danger:after, |
| 5777 | .alert[class*=alert-styled-][class*=bg-danger]:after { | 5784 | .alert[class*=alert-styled-][class*=bg-danger]:after { |
| 5778 | content: '\ed64'; | 5785 | content: '\ed64'; |
| 5779 | } | 5786 | } |
| 5780 | .alert[class*=alert-styled-].alert-success:after, | 5787 | .alert[class*=alert-styled-].alert-success:after, |
| 5781 | .alert[class*=alert-styled-][class*=bg-success]:after { | 5788 | .alert[class*=alert-styled-][class*=bg-success]:after { |
| 5782 | content: '\ed6e'; | 5789 | content: '\ed6e'; |
| 5783 | } | 5790 | } |
| 5784 | .alert[class*=alert-styled-].alert-warning:after, | 5791 | .alert[class*=alert-styled-].alert-warning:after, |
| 5785 | .alert[class*=alert-styled-][class*=bg-warning]:after { | 5792 | .alert[class*=alert-styled-][class*=bg-warning]:after { |
| 5786 | content: '\e9bd'; | 5793 | content: '\e9bd'; |
| 5787 | } | 5794 | } |
| 5788 | .alert[class*=alert-styled-].alert-info:after, | 5795 | .alert[class*=alert-styled-].alert-info:after, |
| 5789 | .alert[class*=alert-styled-][class*=bg-info]:after { | 5796 | .alert[class*=alert-styled-][class*=bg-info]:after { |
| 5790 | content: '\e9b9'; | 5797 | content: '\e9b9'; |
| 5791 | } | 5798 | } |
| 5792 | .alert.alert-styled-right:after { | 5799 | .alert.alert-styled-right:after { |
| 5793 | left: auto; | 5800 | left: auto; |
| 5794 | right: -44px; | 5801 | right: -44px; |
| 5795 | } | 5802 | } |
| 5796 | .alert.alert-styled-custom:after { | 5803 | .alert.alert-styled-custom:after { |
| 5797 | content: "\e81b"; | 5804 | content: "\e81b"; |
| 5798 | } | 5805 | } |
| 5799 | .alert.alert-styled-left { | 5806 | .alert.alert-styled-left { |
| 5800 | border-left-width: 44px; | 5807 | border-left-width: 44px; |
| 5801 | } | 5808 | } |
| 5802 | .alert.alert-styled-left[class*=bg-] { | 5809 | .alert.alert-styled-left[class*=bg-] { |
| 5803 | border-left-color: rgba(0, 0, 0, 0.15) !important; | 5810 | border-left-color: rgba(0, 0, 0, 0.15) !important; |
| 5804 | } | 5811 | } |
| 5805 | .alert.alert-styled-right { | 5812 | .alert.alert-styled-right { |
| 5806 | border-right-width: 44px; | 5813 | border-right-width: 44px; |
| 5807 | } | 5814 | } |
| 5808 | .alert.alert-styled-right[class*=bg-] { | 5815 | .alert.alert-styled-right[class*=bg-] { |
| 5809 | border-right-color: rgba(0, 0, 0, 0.15) !important; | 5816 | border-right-color: rgba(0, 0, 0, 0.15) !important; |
| 5810 | } | 5817 | } |
| 5811 | .alert:not(.ui-pnotify)[class*=alert-arrow-]:before, | 5818 | .alert:not(.ui-pnotify)[class*=alert-arrow-]:before, |
| 5812 | .ui-pnotify.alert[class*=alert-arrow-] > .brighttheme:before { | 5819 | .ui-pnotify.alert[class*=alert-arrow-] > .brighttheme:before { |
| 5813 | content: ""; | 5820 | content: ""; |
| 5814 | display: inline-block; | 5821 | display: inline-block; |
| 5815 | position: absolute; | 5822 | position: absolute; |
| 5816 | top: 50%; | 5823 | top: 50%; |
| 5817 | left: 0; | 5824 | left: 0; |
| 5818 | border-left: 5px solid; | 5825 | border-left: 5px solid; |
| 5819 | border-top: 5px solid transparent; | 5826 | border-top: 5px solid transparent; |
| 5820 | border-bottom: 5px solid transparent; | 5827 | border-bottom: 5px solid transparent; |
| 5821 | border-left-color: inherit; | 5828 | border-left-color: inherit; |
| 5822 | margin-top: -5px; | 5829 | margin-top: -5px; |
| 5823 | } | 5830 | } |
| 5824 | .alert:not(.ui-pnotify).alert-arrow-right:before, | 5831 | .alert:not(.ui-pnotify).alert-arrow-right:before, |
| 5825 | .ui-pnotify.alert.alert-arrow-right > .brighttheme:before { | 5832 | .ui-pnotify.alert.alert-arrow-right > .brighttheme:before { |
| 5826 | left: auto; | 5833 | left: auto; |
| 5827 | right: 0; | 5834 | right: 0; |
| 5828 | border-left: 0; | 5835 | border-left: 0; |
| 5829 | border-right: 5px solid; | 5836 | border-right: 5px solid; |
| 5830 | border-right-color: inherit; | 5837 | border-right-color: inherit; |
| 5831 | } | 5838 | } |
| 5832 | /* ------------------------------------------------------------------------------ | 5839 | /* ------------------------------------------------------------------------------ |
| 5833 | * | 5840 | * |
| 5834 | * # Progress bars component | 5841 | * # Progress bars component |
| 5835 | * | 5842 | * |
| 5836 | * Overrides for progress bars bootstrap component | 5843 | * Overrides for progress bars bootstrap component |
| 5837 | * | 5844 | * |
| 5838 | * Version: 1.0 | 5845 | * Version: 1.0 |
| 5839 | * Latest update: May 25, 2015 | 5846 | * Latest update: May 25, 2015 |
| 5840 | * | 5847 | * |
| 5841 | * ---------------------------------------------------------------------------- */ | 5848 | * ---------------------------------------------------------------------------- */ |
| 5842 | .progress { | 5849 | .progress { |
| 5843 | position: relative; | 5850 | position: relative; |
| 5844 | margin-bottom: 0; | 5851 | margin-bottom: 0; |
| 5845 | height: 18px; | 5852 | height: 18px; |
| 5846 | -webkit-box-shadow: none; | 5853 | -webkit-box-shadow: none; |
| 5847 | box-shadow: none; | 5854 | box-shadow: none; |
| 5848 | } | 5855 | } |
| 5849 | .progress-bar { | 5856 | .progress-bar { |
| 5850 | line-height: 18px; | 5857 | line-height: 18px; |
| 5851 | overflow: hidden; | 5858 | overflow: hidden; |
| 5852 | -webkit-box-shadow: none; | 5859 | -webkit-box-shadow: none; |
| 5853 | box-shadow: none; | 5860 | box-shadow: none; |
| 5854 | } | 5861 | } |
| 5855 | .progress-rounded, | 5862 | .progress-rounded, |
| 5856 | .progress-rounded > .progress-bar { | 5863 | .progress-rounded > .progress-bar { |
| 5857 | border-radius: 100px; | 5864 | border-radius: 100px; |
| 5858 | } | 5865 | } |
| 5859 | .progress .progressbar-back-text { | 5866 | .progress .progressbar-back-text { |
| 5860 | position: absolute; | 5867 | position: absolute; |
| 5861 | left: 0; | 5868 | left: 0; |
| 5862 | width: 100%; | 5869 | width: 100%; |
| 5863 | height: 100%; | 5870 | height: 100%; |
| 5864 | text-align: center; | 5871 | text-align: center; |
| 5865 | font-size: 12px; | 5872 | font-size: 12px; |
| 5866 | } | 5873 | } |
| 5867 | .progress .progressbar-front-text { | 5874 | .progress .progressbar-front-text { |
| 5868 | display: block; | 5875 | display: block; |
| 5869 | width: 100%; | 5876 | width: 100%; |
| 5870 | text-align: center; | 5877 | text-align: center; |
| 5871 | position: relative; | 5878 | position: relative; |
| 5872 | font-size: 12px; | 5879 | font-size: 12px; |
| 5873 | } | 5880 | } |
| 5874 | .progress.right .progress-bar { | 5881 | .progress.right .progress-bar { |
| 5875 | right: 0; | 5882 | right: 0; |
| 5876 | float: right; | 5883 | float: right; |
| 5877 | } | 5884 | } |
| 5878 | .progress.right .progressbar-front-text { | 5885 | .progress.right .progressbar-front-text { |
| 5879 | position: absolute; | 5886 | position: absolute; |
| 5880 | right: 0; | 5887 | right: 0; |
| 5881 | } | 5888 | } |
| 5882 | .progress.vertical { | 5889 | .progress.vertical { |
| 5883 | width: 50px; | 5890 | width: 50px; |
| 5884 | height: 100%; | 5891 | height: 100%; |
| 5885 | display: inline-block; | 5892 | display: inline-block; |
| 5886 | } | 5893 | } |
| 5887 | .progress.vertical + .progress.vertical { | 5894 | .progress.vertical + .progress.vertical { |
| 5888 | margin-left: 10px; | 5895 | margin-left: 10px; |
| 5889 | } | 5896 | } |
| 5890 | .progress.vertical .progress-bar { | 5897 | .progress.vertical .progress-bar { |
| 5891 | width: 100%; | 5898 | width: 100%; |
| 5892 | height: 0; | 5899 | height: 0; |
| 5893 | -webkit-transition: height 0.6s ease; | 5900 | -webkit-transition: height 0.6s ease; |
| 5894 | -o-transition: height 0.6s ease; | 5901 | -o-transition: height 0.6s ease; |
| 5895 | transition: height 0.6s ease; | 5902 | transition: height 0.6s ease; |
| 5896 | } | 5903 | } |
| 5897 | .progress.vertical.bottom { | 5904 | .progress.vertical.bottom { |
| 5898 | position: relative; | 5905 | position: relative; |
| 5899 | } | 5906 | } |
| 5900 | .progress.vertical.bottom .progressbar-front-text { | 5907 | .progress.vertical.bottom .progressbar-front-text { |
| 5901 | position: absolute; | 5908 | position: absolute; |
| 5902 | bottom: 0; | 5909 | bottom: 0; |
| 5903 | } | 5910 | } |
| 5904 | .progress.vertical.bottom .progress-bar { | 5911 | .progress.vertical.bottom .progress-bar { |
| 5905 | position: absolute; | 5912 | position: absolute; |
| 5906 | bottom: 0; | 5913 | bottom: 0; |
| 5907 | } | 5914 | } |
| 5908 | .progress-lg { | 5915 | .progress-lg { |
| 5909 | height: 22px; | 5916 | height: 22px; |
| 5910 | } | 5917 | } |
| 5911 | .progress-lg .progress-bar { | 5918 | .progress-lg .progress-bar { |
| 5912 | line-height: 22px; | 5919 | line-height: 22px; |
| 5913 | } | 5920 | } |
| 5914 | .progress-sm { | 5921 | .progress-sm { |
| 5915 | height: 14px; | 5922 | height: 14px; |
| 5916 | } | 5923 | } |
| 5917 | .progress-xs { | 5924 | .progress-xs { |
| 5918 | height: 10px; | 5925 | height: 10px; |
| 5919 | } | 5926 | } |
| 5920 | .progress-xxs { | 5927 | .progress-xxs { |
| 5921 | height: 6px; | 5928 | height: 6px; |
| 5922 | } | 5929 | } |
| 5923 | .progress-micro { | 5930 | .progress-micro { |
| 5924 | height: 2px; | 5931 | height: 2px; |
| 5925 | } | 5932 | } |
| 5926 | .progress-sm .progress-bar, | 5933 | .progress-sm .progress-bar, |
| 5927 | .progress-xs .progress-bar, | 5934 | .progress-xs .progress-bar, |
| 5928 | .progress-xxs .progress-bar, | 5935 | .progress-xxs .progress-bar, |
| 5929 | .progress-micro .progress-bar { | 5936 | .progress-micro .progress-bar { |
| 5930 | font-size: 0; | 5937 | font-size: 0; |
| 5931 | } | 5938 | } |
| 5932 | /* ------------------------------------------------------------------------------ | 5939 | /* ------------------------------------------------------------------------------ |
| 5933 | * | 5940 | * |
| 5934 | * # Media list component | 5941 | * # Media list component |
| 5935 | * | 5942 | * |
| 5936 | * Overrides for media list bootstrap component | 5943 | * Overrides for media list bootstrap component |
| 5937 | * | 5944 | * |
| 5938 | * Version: 1.1 | 5945 | * Version: 1.1 |
| 5939 | * Latest update: Mar 10, 2016 | 5946 | * Latest update: Mar 10, 2016 |
| 5940 | * | 5947 | * |
| 5941 | * ---------------------------------------------------------------------------- */ | 5948 | * ---------------------------------------------------------------------------- */ |
| 5942 | .media { | 5949 | .media { |
| 5943 | margin-top: 20px; | 5950 | margin-top: 20px; |
| 5944 | position: relative; | 5951 | position: relative; |
| 5945 | } | 5952 | } |
| 5946 | .media, | 5953 | .media, |
| 5947 | .media-body { | 5954 | .media-body { |
| 5948 | overflow: visible; | 5955 | overflow: visible; |
| 5949 | } | 5956 | } |
| 5950 | .media-left, | 5957 | .media-left, |
| 5951 | .media-right, | 5958 | .media-right, |
| 5952 | .media-body { | 5959 | .media-body { |
| 5953 | position: relative; | 5960 | position: relative; |
| 5954 | } | 5961 | } |
| 5955 | .media-heading { | 5962 | .media-heading { |
| 5956 | margin-bottom: 2px; | 5963 | margin-bottom: 2px; |
| 5957 | display: block; | 5964 | display: block; |
| 5958 | } | 5965 | } |
| 5959 | .media-list { | 5966 | .media-list { |
| 5960 | margin-bottom: 0; | 5967 | margin-bottom: 0; |
| 5961 | } | 5968 | } |
| 5962 | .media-right, | 5969 | .media-right, |
| 5963 | .media > .pull-right { | 5970 | .media > .pull-right { |
| 5964 | padding-left: 20px; | 5971 | padding-left: 20px; |
| 5965 | } | 5972 | } |
| 5966 | .media-left, | 5973 | .media-left, |
| 5967 | .media > .pull-left { | 5974 | .media > .pull-left { |
| 5968 | padding-right: 20px; | 5975 | padding-right: 20px; |
| 5969 | } | 5976 | } |
| 5970 | @media (max-width: 768px) { | 5977 | @media (max-width: 768px) { |
| 5971 | .stack-media-on-mobile { | 5978 | .stack-media-on-mobile { |
| 5972 | text-align: center; | 5979 | text-align: center; |
| 5973 | } | 5980 | } |
| 5974 | .stack-media-on-mobile .media-annotation { | 5981 | .stack-media-on-mobile .media-annotation { |
| 5975 | display: block; | 5982 | display: block; |
| 5976 | } | 5983 | } |
| 5977 | .stack-media-on-mobile .media-annotation.dotted:not(.pull-right):before { | 5984 | .stack-media-on-mobile .media-annotation.dotted:not(.pull-right):before { |
| 5978 | content: none; | 5985 | content: none; |
| 5979 | margin: 0; | 5986 | margin: 0; |
| 5980 | } | 5987 | } |
| 5981 | .stack-media-on-mobile .media-heading .media-annotation { | 5988 | .stack-media-on-mobile .media-heading .media-annotation { |
| 5982 | margin-left: 0; | 5989 | margin-left: 0; |
| 5983 | margin-right: 0; | 5990 | margin-right: 0; |
| 5984 | padding-bottom: 5px; | 5991 | padding-bottom: 5px; |
| 5985 | } | 5992 | } |
| 5986 | .stack-media-on-mobile .media-left, | 5993 | .stack-media-on-mobile .media-left, |
| 5987 | .stack-media-on-mobile .media-right, | 5994 | .stack-media-on-mobile .media-right, |
| 5988 | .stack-media-on-mobile .media-body { | 5995 | .stack-media-on-mobile .media-body { |
| 5989 | display: block; | 5996 | display: block; |
| 5990 | width: auto; | 5997 | width: auto; |
| 5991 | padding-left: 0; | 5998 | padding-left: 0; |
| 5992 | padding-right: 0; | 5999 | padding-right: 0; |
| 5993 | } | 6000 | } |
| 5994 | .stack-media-on-mobile .media-left img, | 6001 | .stack-media-on-mobile .media-left img, |
| 5995 | .stack-media-on-mobile .media-right img, | 6002 | .stack-media-on-mobile .media-right img, |
| 5996 | .stack-media-on-mobile .media-body img { | 6003 | .stack-media-on-mobile .media-body img { |
| 5997 | width: 100%; | 6004 | width: 100%; |
| 5998 | height: auto; | 6005 | height: auto; |
| 5999 | max-height: none; | 6006 | max-height: none; |
| 6000 | } | 6007 | } |
| 6001 | .stack-media-on-mobile .media-body, | 6008 | .stack-media-on-mobile .media-body, |
| 6002 | .stack-media-on-mobile .media-right { | 6009 | .stack-media-on-mobile .media-right { |
| 6003 | margin-top: 15px; | 6010 | margin-top: 15px; |
| 6004 | } | 6011 | } |
| 6005 | .stack-media-on-mobile .media-heading { | 6012 | .stack-media-on-mobile .media-heading { |
| 6006 | margin-bottom: 5px; | 6013 | margin-bottom: 5px; |
| 6007 | } | 6014 | } |
| 6008 | } | 6015 | } |
| 6009 | .media-left img:not(.media-preview), | 6016 | .media-left img:not(.media-preview), |
| 6010 | .media-right img:not(.media-preview), | 6017 | .media-right img:not(.media-preview), |
| 6011 | .thumbnail .media img:not(.media-preview) { | 6018 | .thumbnail .media img:not(.media-preview) { |
| 6012 | width: 40px; | 6019 | width: 40px; |
| 6013 | height: 40px; | 6020 | height: 40px; |
| 6014 | max-width: none; | 6021 | max-width: none; |
| 6015 | } | 6022 | } |
| 6016 | .media-badge { | 6023 | .media-badge { |
| 6017 | position: absolute; | 6024 | position: absolute; |
| 6018 | left: -10px; | 6025 | left: -10px; |
| 6019 | top: -2px; | 6026 | top: -2px; |
| 6020 | } | 6027 | } |
| 6021 | .media-badge, | 6028 | .media-badge, |
| 6022 | .media-badge[class*=bg-] { | 6029 | .media-badge[class*=bg-] { |
| 6023 | border: 2px solid; | 6030 | border: 2px solid; |
| 6024 | } | 6031 | } |
| 6025 | @media (max-width: 768px) { | 6032 | @media (max-width: 768px) { |
| 6026 | .navbar-inverse .media-badge { | 6033 | .navbar-inverse .media-badge { |
| 6027 | border: 0; | 6034 | border: 0; |
| 6028 | top: 0; | 6035 | top: 0; |
| 6029 | } | 6036 | } |
| 6030 | } | 6037 | } |
| 6031 | .media-annotation { | 6038 | .media-annotation { |
| 6032 | color: #999999; | 6039 | color: #999999; |
| 6033 | font-size: 12px; | 6040 | font-size: 12px; |
| 6034 | line-height: 1.6666667; | 6041 | line-height: 1.6666667; |
| 6035 | font-weight: 400; | 6042 | font-weight: 400; |
| 6036 | } | 6043 | } |
| 6037 | .media-heading .media-annotation { | 6044 | .media-heading .media-annotation { |
| 6038 | margin-left: 8px; | 6045 | margin-left: 8px; |
| 6039 | } | 6046 | } |
| 6040 | .media-annotation i { | 6047 | .media-annotation i { |
| 6041 | font-size: 13px; | 6048 | font-size: 13px; |
| 6042 | } | 6049 | } |
| 6043 | .media-annotation.dotted:not(.pull-right):before { | 6050 | .media-annotation.dotted:not(.pull-right):before { |
| 6044 | content: '\2022'; | 6051 | content: '\2022'; |
| 6045 | margin-right: 11px; | 6052 | margin-right: 11px; |
| 6046 | } | 6053 | } |
| 6047 | .media-header { | 6054 | .media-header { |
| 6048 | white-space: nowrap; | 6055 | white-space: nowrap; |
| 6049 | margin-top: 20px; | 6056 | margin-top: 20px; |
| 6050 | font-weight: 500; | 6057 | font-weight: 500; |
| 6051 | } | 6058 | } |
| 6052 | .media-header:first-child { | 6059 | .media-header:first-child { |
| 6053 | margin-top: 0; | 6060 | margin-top: 0; |
| 6054 | } | 6061 | } |
| 6055 | .media-list-bordered > li { | 6062 | .media-list-bordered > li { |
| 6056 | border-top: 1px solid #eeeeee; | 6063 | border-top: 1px solid #eeeeee; |
| 6057 | padding-top: 15px; | 6064 | padding-top: 15px; |
| 6058 | margin-top: 15px; | 6065 | margin-top: 15px; |
| 6059 | } | 6066 | } |
| 6060 | .media-list-bordered > li:first-child { | 6067 | .media-list-bordered > li:first-child { |
| 6061 | padding-top: 0; | 6068 | padding-top: 0; |
| 6062 | border-top-width: 0; | 6069 | border-top-width: 0; |
| 6063 | } | 6070 | } |
| 6064 | .media-list-bordered.media-list-linked .media-header { | 6071 | .media-list-bordered.media-list-linked .media-header { |
| 6065 | margin-bottom: 15px; | 6072 | margin-bottom: 15px; |
| 6066 | } | 6073 | } |
| 6067 | .media-list-linked .media { | 6074 | .media-list-linked .media { |
| 6068 | margin-top: 0; | 6075 | margin-top: 0; |
| 6069 | padding: 0; | 6076 | padding: 0; |
| 6070 | } | 6077 | } |
| 6071 | .media-list-linked .media-link { | 6078 | .media-list-linked .media-link { |
| 6072 | display: block; | 6079 | display: block; |
| 6073 | padding: 15px 20px; | 6080 | padding: 15px 20px; |
| 6074 | color: #333333; | 6081 | color: #333333; |
| 6075 | } | 6082 | } |
| 6076 | .media-list-linked .media-link:hover, | 6083 | .media-list-linked .media-link:hover, |
| 6077 | .media-list-linked .media-link:focus { | 6084 | .media-list-linked .media-link:focus { |
| 6078 | background-color: #fafafa; | 6085 | background-color: #fafafa; |
| 6079 | color: #333333; | 6086 | color: #333333; |
| 6080 | } | 6087 | } |
| 6081 | .media-list-linked .media-header { | 6088 | .media-list-linked .media-header { |
| 6082 | padding-left: 20px; | 6089 | padding-left: 20px; |
| 6083 | padding-right: 20px; | 6090 | padding-right: 20px; |
| 6084 | margin-top: 10px; | 6091 | margin-top: 10px; |
| 6085 | margin-bottom: 10px; | 6092 | margin-bottom: 10px; |
| 6086 | } | 6093 | } |
| 6087 | .media-list-linked .media-header:first-child { | 6094 | .media-list-linked .media-header:first-child { |
| 6088 | margin-top: 0; | 6095 | margin-top: 0; |
| 6089 | } | 6096 | } |
| 6090 | .media-list-linked.media-list-bordered > li:first-child { | 6097 | .media-list-linked.media-list-bordered > li:first-child { |
| 6091 | border-top-width: 1px; | 6098 | border-top-width: 1px; |
| 6092 | } | 6099 | } |
| 6093 | .media-list-linked.media-list-bordered > .media-header { | 6100 | .media-list-linked.media-list-bordered > .media-header { |
| 6094 | margin-top: 0; | 6101 | margin-top: 0; |
| 6095 | } | 6102 | } |
| 6096 | .media-list-linked.media-list-bordered > .media-header:first-child { | 6103 | .media-list-linked.media-list-bordered > .media-header:first-child { |
| 6097 | border-top-width: 0; | 6104 | border-top-width: 0; |
| 6098 | } | 6105 | } |
| 6099 | /* ------------------------------------------------------------------------------ | 6106 | /* ------------------------------------------------------------------------------ |
| 6100 | * | 6107 | * |
| 6101 | * # List groups component | 6108 | * # List groups component |
| 6102 | * | 6109 | * |
| 6103 | * Overrides for list groups bootstrap component | 6110 | * Overrides for list groups bootstrap component |
| 6104 | * | 6111 | * |
| 6105 | * Version: 1.1 | 6112 | * Version: 1.1 |
| 6106 | * Latest update: Mar 10, 2016 | 6113 | * Latest update: Mar 10, 2016 |
| 6107 | * | 6114 | * |
| 6108 | * ---------------------------------------------------------------------------- */ | 6115 | * ---------------------------------------------------------------------------- */ |
| 6109 | .list-group { | 6116 | .list-group { |
| 6110 | list-style: none; | 6117 | list-style: none; |
| 6111 | margin-bottom: 0; | 6118 | margin-bottom: 0; |
| 6112 | border: 1px solid #ddd; | 6119 | border: 1px solid #ddd; |
| 6113 | padding: 8px 0; | 6120 | padding: 8px 0; |
| 6114 | border-radius: 3px; | 6121 | border-radius: 3px; |
| 6115 | } | 6122 | } |
| 6116 | .list-group-item { | 6123 | .list-group-item { |
| 6117 | background-color: transparent; | 6124 | background-color: transparent; |
| 6118 | padding: 10px 20px; | 6125 | padding: 10px 20px; |
| 6119 | border: 0; | 6126 | border: 0; |
| 6120 | } | 6127 | } |
| 6121 | .list-group-item.disabled .label, | 6128 | .list-group-item.disabled .label, |
| 6122 | .list-group-item.disabled:hover .label, | 6129 | .list-group-item.disabled:hover .label, |
| 6123 | .list-group-item.disabled:focus .label, | 6130 | .list-group-item.disabled:focus .label, |
| 6124 | .list-group-item.disabled .badge, | 6131 | .list-group-item.disabled .badge, |
| 6125 | .list-group-item.disabled:hover .badge, | 6132 | .list-group-item.disabled:hover .badge, |
| 6126 | .list-group-item.disabled:focus .badge { | 6133 | .list-group-item.disabled:focus .badge { |
| 6127 | opacity: 0.75; | 6134 | opacity: 0.75; |
| 6128 | filter: alpha(opacity=75); | 6135 | filter: alpha(opacity=75); |
| 6129 | } | 6136 | } |
| 6130 | .list-group-divider { | 6137 | .list-group-divider { |
| 6131 | height: 1px; | 6138 | height: 1px; |
| 6132 | display: block; | 6139 | display: block; |
| 6133 | background-color: #e5e5e5; | 6140 | background-color: #e5e5e5; |
| 6134 | margin-top: 8px; | 6141 | margin-top: 8px; |
| 6135 | margin-bottom: 8px; | 6142 | margin-bottom: 8px; |
| 6136 | } | 6143 | } |
| 6137 | .list-group-header { | 6144 | .list-group-header { |
| 6138 | padding: 8px 20px; | 6145 | padding: 8px 20px; |
| 6139 | font-size: 11px; | 6146 | font-size: 11px; |
| 6140 | line-height: 1.82; | 6147 | line-height: 1.82; |
| 6141 | color: #999999; | 6148 | color: #999999; |
| 6142 | text-transform: uppercase; | 6149 | text-transform: uppercase; |
| 6143 | } | 6150 | } |
| 6144 | .list-group-header:first-child { | 6151 | .list-group-header:first-child { |
| 6145 | margin-top: 8px; | 6152 | margin-top: 8px; |
| 6146 | } | 6153 | } |
| 6147 | .list-group-item + .list-group-header, | 6154 | .list-group-item + .list-group-header, |
| 6148 | .list-group-divider + .list-group-header { | 6155 | .list-group-divider + .list-group-header { |
| 6149 | margin-top: 16px; | 6156 | margin-top: 16px; |
| 6150 | } | 6157 | } |
| 6151 | .list-group-item > i, | 6158 | .list-group-item > i, |
| 6152 | .list-group-header > i { | 6159 | .list-group-header > i { |
| 6153 | margin-right: 8px; | 6160 | margin-right: 8px; |
| 6154 | } | 6161 | } |
| 6155 | .list-group-item > i.pull-right, | 6162 | .list-group-item > i.pull-right, |
| 6156 | .list-group-header > i.pull-right { | 6163 | .list-group-header > i.pull-right { |
| 6157 | margin-right: 0; | 6164 | margin-right: 0; |
| 6158 | margin-left: 8px; | 6165 | margin-left: 8px; |
| 6159 | margin-top: 2px; | 6166 | margin-top: 2px; |
| 6160 | } | 6167 | } |
| 6161 | .list-group-item-heading { | 6168 | .list-group-item-heading { |
| 6162 | margin-top: 8px; | 6169 | margin-top: 8px; |
| 6163 | margin-bottom: 8px; | 6170 | margin-bottom: 8px; |
| 6164 | } | 6171 | } |
| 6165 | .list-group-item-text { | 6172 | .list-group-item-text { |
| 6166 | line-height: 1.5384616; | 6173 | line-height: 1.5384616; |
| 6167 | margin-bottom: 8px; | 6174 | margin-bottom: 8px; |
| 6168 | } | 6175 | } |
| 6169 | .list-group-item-success { | 6176 | .list-group-item-success { |
| 6170 | color: #43A047; | 6177 | color: #43A047; |
| 6171 | background-color: #E8F5E9; | 6178 | background-color: #E8F5E9; |
| 6172 | } | 6179 | } |
| 6173 | a.list-group-item-success, | 6180 | a.list-group-item-success, |
| 6174 | button.list-group-item-success { | 6181 | button.list-group-item-success { |
| 6175 | color: #43A047; | 6182 | color: #43A047; |
| 6176 | } | 6183 | } |
| 6177 | a.list-group-item-success .list-group-item-heading, | 6184 | a.list-group-item-success .list-group-item-heading, |
| 6178 | button.list-group-item-success .list-group-item-heading { | 6185 | button.list-group-item-success .list-group-item-heading { |
| 6179 | color: inherit; | 6186 | color: inherit; |
| 6180 | } | 6187 | } |
| 6181 | a.list-group-item-success:hover, | 6188 | a.list-group-item-success:hover, |
| 6182 | button.list-group-item-success:hover, | 6189 | button.list-group-item-success:hover, |
| 6183 | a.list-group-item-success:focus, | 6190 | a.list-group-item-success:focus, |
| 6184 | button.list-group-item-success:focus { | 6191 | button.list-group-item-success:focus { |
| 6185 | color: #43A047; | 6192 | color: #43A047; |
| 6186 | background-color: #d6edd8; | 6193 | background-color: #d6edd8; |
| 6187 | } | 6194 | } |
| 6188 | a.list-group-item-success.active, | 6195 | a.list-group-item-success.active, |
| 6189 | button.list-group-item-success.active, | 6196 | button.list-group-item-success.active, |
| 6190 | a.list-group-item-success.active:hover, | 6197 | a.list-group-item-success.active:hover, |
| 6191 | button.list-group-item-success.active:hover, | 6198 | button.list-group-item-success.active:hover, |
| 6192 | a.list-group-item-success.active:focus, | 6199 | a.list-group-item-success.active:focus, |
| 6193 | button.list-group-item-success.active:focus { | 6200 | button.list-group-item-success.active:focus { |
| 6194 | color: #fff; | 6201 | color: #fff; |
| 6195 | background-color: #43A047; | 6202 | background-color: #43A047; |
| 6196 | border-color: #43A047; | 6203 | border-color: #43A047; |
| 6197 | } | 6204 | } |
| 6198 | .list-group-item-success, | 6205 | .list-group-item-success, |
| 6199 | a.list-group-item-success, | 6206 | a.list-group-item-success, |
| 6200 | a.list-group-item-success:hover, | 6207 | a.list-group-item-success:hover, |
| 6201 | a.list-group-item-success:focus { | 6208 | a.list-group-item-success:focus { |
| 6202 | color: #205823; | 6209 | color: #205823; |
| 6203 | } | 6210 | } |
| 6204 | .list-group-item-info { | 6211 | .list-group-item-info { |
| 6205 | color: #1565C0; | 6212 | color: #1565C0; |
| 6206 | background-color: #E3F2FD; | 6213 | background-color: #E3F2FD; |
| 6207 | } | 6214 | } |
| 6208 | a.list-group-item-info, | 6215 | a.list-group-item-info, |
| 6209 | button.list-group-item-info { | 6216 | button.list-group-item-info { |
| 6210 | color: #1565C0; | 6217 | color: #1565C0; |
| 6211 | } | 6218 | } |
| 6212 | a.list-group-item-info .list-group-item-heading, | 6219 | a.list-group-item-info .list-group-item-heading, |
| 6213 | button.list-group-item-info .list-group-item-heading { | 6220 | button.list-group-item-info .list-group-item-heading { |
| 6214 | color: inherit; | 6221 | color: inherit; |
| 6215 | } | 6222 | } |
| 6216 | a.list-group-item-info:hover, | 6223 | a.list-group-item-info:hover, |
| 6217 | button.list-group-item-info:hover, | 6224 | button.list-group-item-info:hover, |
| 6218 | a.list-group-item-info:focus, | 6225 | a.list-group-item-info:focus, |
| 6219 | button.list-group-item-info:focus { | 6226 | button.list-group-item-info:focus { |
| 6220 | color: #1565C0; | 6227 | color: #1565C0; |
| 6221 | background-color: #cbe7fb; | 6228 | background-color: #cbe7fb; |
| 6222 | } | 6229 | } |
| 6223 | a.list-group-item-info.active, | 6230 | a.list-group-item-info.active, |
| 6224 | button.list-group-item-info.active, | 6231 | button.list-group-item-info.active, |
| 6225 | a.list-group-item-info.active:hover, | 6232 | a.list-group-item-info.active:hover, |
| 6226 | button.list-group-item-info.active:hover, | 6233 | button.list-group-item-info.active:hover, |
| 6227 | a.list-group-item-info.active:focus, | 6234 | a.list-group-item-info.active:focus, |
| 6228 | button.list-group-item-info.active:focus { | 6235 | button.list-group-item-info.active:focus { |
| 6229 | color: #fff; | 6236 | color: #fff; |
| 6230 | background-color: #1565C0; | 6237 | background-color: #1565C0; |
| 6231 | border-color: #1565C0; | 6238 | border-color: #1565C0; |
| 6232 | } | 6239 | } |
| 6233 | .list-group-item-info, | 6240 | .list-group-item-info, |
| 6234 | a.list-group-item-info, | 6241 | a.list-group-item-info, |
| 6235 | a.list-group-item-info:hover, | 6242 | a.list-group-item-info:hover, |
| 6236 | a.list-group-item-info:focus { | 6243 | a.list-group-item-info:focus { |
| 6237 | color: #104d92; | 6244 | color: #104d92; |
| 6238 | } | 6245 | } |
| 6239 | .list-group-item-warning { | 6246 | .list-group-item-warning { |
| 6240 | color: #EF6C00; | 6247 | color: #EF6C00; |
| 6241 | background-color: #FFF3E0; | 6248 | background-color: #FFF3E0; |
| 6242 | } | 6249 | } |
| 6243 | a.list-group-item-warning, | 6250 | a.list-group-item-warning, |
| 6244 | button.list-group-item-warning { | 6251 | button.list-group-item-warning { |
| 6245 | color: #EF6C00; | 6252 | color: #EF6C00; |
| 6246 | } | 6253 | } |
| 6247 | a.list-group-item-warning .list-group-item-heading, | 6254 | a.list-group-item-warning .list-group-item-heading, |
| 6248 | button.list-group-item-warning .list-group-item-heading { | 6255 | button.list-group-item-warning .list-group-item-heading { |
| 6249 | color: inherit; | 6256 | color: inherit; |
| 6250 | } | 6257 | } |
| 6251 | a.list-group-item-warning:hover, | 6258 | a.list-group-item-warning:hover, |
| 6252 | button.list-group-item-warning:hover, | 6259 | button.list-group-item-warning:hover, |
| 6253 | a.list-group-item-warning:focus, | 6260 | a.list-group-item-warning:focus, |
| 6254 | button.list-group-item-warning:focus { | 6261 | button.list-group-item-warning:focus { |
| 6255 | color: #EF6C00; | 6262 | color: #EF6C00; |
| 6256 | background-color: #ffe9c6; | 6263 | background-color: #ffe9c6; |
| 6257 | } | 6264 | } |
| 6258 | a.list-group-item-warning.active, | 6265 | a.list-group-item-warning.active, |
| 6259 | button.list-group-item-warning.active, | 6266 | button.list-group-item-warning.active, |
| 6260 | a.list-group-item-warning.active:hover, | 6267 | a.list-group-item-warning.active:hover, |
| 6261 | button.list-group-item-warning.active:hover, | 6268 | button.list-group-item-warning.active:hover, |
| 6262 | a.list-group-item-warning.active:focus, | 6269 | a.list-group-item-warning.active:focus, |
| 6263 | button.list-group-item-warning.active:focus { | 6270 | button.list-group-item-warning.active:focus { |
| 6264 | color: #fff; | 6271 | color: #fff; |
| 6265 | background-color: #EF6C00; | 6272 | background-color: #EF6C00; |
| 6266 | border-color: #EF6C00; | 6273 | border-color: #EF6C00; |
| 6267 | } | 6274 | } |
| 6268 | .list-group-item-warning, | 6275 | .list-group-item-warning, |
| 6269 | a.list-group-item-warning, | 6276 | a.list-group-item-warning, |
| 6270 | a.list-group-item-warning:hover, | 6277 | a.list-group-item-warning:hover, |
| 6271 | a.list-group-item-warning:focus { | 6278 | a.list-group-item-warning:focus { |
| 6272 | color: #aa3510; | 6279 | color: #aa3510; |
| 6273 | } | 6280 | } |
| 6274 | .list-group-item-danger { | 6281 | .list-group-item-danger { |
| 6275 | color: #D84315; | 6282 | color: #D84315; |
| 6276 | background-color: #FBE9E7; | 6283 | background-color: #FBE9E7; |
| 6277 | } | 6284 | } |
| 6278 | a.list-group-item-danger, | 6285 | a.list-group-item-danger, |
| 6279 | button.list-group-item-danger { | 6286 | button.list-group-item-danger { |
| 6280 | color: #D84315; | 6287 | color: #D84315; |
| 6281 | } | 6288 | } |
| 6282 | a.list-group-item-danger .list-group-item-heading, | 6289 | a.list-group-item-danger .list-group-item-heading, |
| 6283 | button.list-group-item-danger .list-group-item-heading { | 6290 | button.list-group-item-danger .list-group-item-heading { |
| 6284 | color: inherit; | 6291 | color: inherit; |
| 6285 | } | 6292 | } |
| 6286 | a.list-group-item-danger:hover, | 6293 | a.list-group-item-danger:hover, |
| 6287 | button.list-group-item-danger:hover, | 6294 | button.list-group-item-danger:hover, |
| 6288 | a.list-group-item-danger:focus, | 6295 | a.list-group-item-danger:focus, |
| 6289 | button.list-group-item-danger:focus { | 6296 | button.list-group-item-danger:focus { |
| 6290 | color: #D84315; | 6297 | color: #D84315; |
| 6291 | background-color: #f7d5d1; | 6298 | background-color: #f7d5d1; |
| 6292 | } | 6299 | } |
| 6293 | a.list-group-item-danger.active, | 6300 | a.list-group-item-danger.active, |
| 6294 | button.list-group-item-danger.active, | 6301 | button.list-group-item-danger.active, |
| 6295 | a.list-group-item-danger.active:hover, | 6302 | a.list-group-item-danger.active:hover, |
| 6296 | button.list-group-item-danger.active:hover, | 6303 | button.list-group-item-danger.active:hover, |
| 6297 | a.list-group-item-danger.active:focus, | 6304 | a.list-group-item-danger.active:focus, |
| 6298 | button.list-group-item-danger.active:focus { | 6305 | button.list-group-item-danger.active:focus { |
| 6299 | color: #fff; | 6306 | color: #fff; |
| 6300 | background-color: #D84315; | 6307 | background-color: #D84315; |
| 6301 | border-color: #D84315; | 6308 | border-color: #D84315; |
| 6302 | } | 6309 | } |
| 6303 | .list-group-item-danger, | 6310 | .list-group-item-danger, |
| 6304 | a.list-group-item-danger, | 6311 | a.list-group-item-danger, |
| 6305 | a.list-group-item-danger:hover, | 6312 | a.list-group-item-danger:hover, |
| 6306 | a.list-group-item-danger:focus { | 6313 | a.list-group-item-danger:focus { |
| 6307 | color: #9c1f1f; | 6314 | color: #9c1f1f; |
| 6308 | } | 6315 | } |
| 6309 | /* ------------------------------------------------------------------------------ | 6316 | /* ------------------------------------------------------------------------------ |
| 6310 | * | 6317 | * |
| 6311 | * # Panels component | 6318 | * # Panels component |
| 6312 | * | 6319 | * |
| 6313 | * Overrides for panels bootstrap component | 6320 | * Overrides for panels bootstrap component |
| 6314 | * | 6321 | * |
| 6315 | * Version: 1.1 | 6322 | * Version: 1.1 |
| 6316 | * Latest update: Mar 10, 2016 | 6323 | * Latest update: Mar 10, 2016 |
| 6317 | * | 6324 | * |
| 6318 | * ---------------------------------------------------------------------------- */ | 6325 | * ---------------------------------------------------------------------------- */ |
| 6319 | .panel { | 6326 | .panel { |
| 6320 | margin-bottom: 20px; | 6327 | margin-bottom: 20px; |
| 6321 | border-width: 0; | 6328 | border-width: 0; |
| 6322 | color: #333333; | 6329 | color: #333333; |
| 6323 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 6330 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 6324 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 6331 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 6325 | } | 6332 | } |
| 6326 | .panel[class*=bg-] > .panel-heading { | 6333 | .panel[class*=bg-] > .panel-heading { |
| 6327 | border-color: rgba(255, 255, 255, 0.2); | 6334 | border-color: rgba(255, 255, 255, 0.2); |
| 6328 | } | 6335 | } |
| 6329 | @media (max-width: 768px) { | 6336 | @media (max-width: 768px) { |
| 6330 | .panel[class*=bg-] > .panel-heading { | 6337 | .panel[class*=bg-] > .panel-heading { |
| 6331 | background-color: inherit; | 6338 | background-color: inherit; |
| 6332 | } | 6339 | } |
| 6333 | } | 6340 | } |
| 6334 | .panel[class*=bg-].panel-flat > .panel-heading { | 6341 | .panel[class*=bg-].panel-flat > .panel-heading { |
| 6335 | border-bottom-color: transparent; | 6342 | border-bottom-color: transparent; |
| 6336 | } | 6343 | } |
| 6337 | .panel[class*=bg-] > .panel-body { | 6344 | .panel[class*=bg-] > .panel-body { |
| 6338 | background-color: inherit; | 6345 | background-color: inherit; |
| 6339 | } | 6346 | } |
| 6340 | .panel[class*=bg-] .panel-title { | 6347 | .panel[class*=bg-] .panel-title { |
| 6341 | color: #fff; | 6348 | color: #fff; |
| 6342 | } | 6349 | } |
| 6343 | .panel[class*=bg-] .table thead td, | 6350 | .panel[class*=bg-] .table thead td, |
| 6344 | .panel[class*=bg-] .table tbody td, | 6351 | .panel[class*=bg-] .table tbody td, |
| 6345 | .panel[class*=bg-] .table thead th, | 6352 | .panel[class*=bg-] .table thead th, |
| 6346 | .panel[class*=bg-] .table tbody th { | 6353 | .panel[class*=bg-] .table tbody th { |
| 6347 | border-color: rgba(255, 255, 255, 0.1); | 6354 | border-color: rgba(255, 255, 255, 0.1); |
| 6348 | } | 6355 | } |
| 6349 | .panel[class*=bg-] .text-muted, | 6356 | .panel[class*=bg-] .text-muted, |
| 6350 | .panel[class*=bg-] .help-block, | 6357 | .panel[class*=bg-] .help-block, |
| 6351 | .panel[class*=bg-] .help-inline { | 6358 | .panel[class*=bg-] .help-inline { |
| 6352 | color: rgba(255, 255, 255, 0.8); | 6359 | color: rgba(255, 255, 255, 0.8); |
| 6353 | } | 6360 | } |
| 6354 | .panel-bordered { | 6361 | .panel-bordered { |
| 6355 | border-width: 1px; | 6362 | border-width: 1px; |
| 6356 | } | 6363 | } |
| 6357 | .panel[class*=border-top-] { | 6364 | .panel[class*=border-top-] { |
| 6358 | border-top-right-radius: 0; | 6365 | border-top-right-radius: 0; |
| 6359 | border-top-left-radius: 0; | 6366 | border-top-left-radius: 0; |
| 6360 | } | 6367 | } |
| 6361 | .panel[class*=border-top-]:not(.border-top-lg):not(.border-top-xlg) { | 6368 | .panel[class*=border-top-]:not(.border-top-lg):not(.border-top-xlg) { |
| 6362 | border-top-width: 1px; | 6369 | border-top-width: 1px; |
| 6363 | } | 6370 | } |
| 6364 | .panel[class*=border-bottom-] { | 6371 | .panel[class*=border-bottom-] { |
| 6365 | border-bottom-right-radius: 0; | 6372 | border-bottom-right-radius: 0; |
| 6366 | border-bottom-left-radius: 0; | 6373 | border-bottom-left-radius: 0; |
| 6367 | } | 6374 | } |
| 6368 | .panel[class*=border-bottom-]:not(.border-bottom-lg):not(.border-bottom-xlg) { | 6375 | .panel[class*=border-bottom-]:not(.border-bottom-lg):not(.border-bottom-xlg) { |
| 6369 | border-bottom-width: 1px; | 6376 | border-bottom-width: 1px; |
| 6370 | } | 6377 | } |
| 6371 | .panel[class*=border-left-] { | 6378 | .panel[class*=border-left-] { |
| 6372 | border-bottom-left-radius: 0; | 6379 | border-bottom-left-radius: 0; |
| 6373 | border-top-left-radius: 0; | 6380 | border-top-left-radius: 0; |
| 6374 | } | 6381 | } |
| 6375 | .panel[class*=border-left-]:not(.border-left-lg):not(.border-left-xlg) { | 6382 | .panel[class*=border-left-]:not(.border-left-lg):not(.border-left-xlg) { |
| 6376 | border-left-width: 1px; | 6383 | border-left-width: 1px; |
| 6377 | } | 6384 | } |
| 6378 | .panel[class*=border-right-] { | 6385 | .panel[class*=border-right-] { |
| 6379 | border-bottom-right-radius: 0; | 6386 | border-bottom-right-radius: 0; |
| 6380 | border-top-right-radius: 0; | 6387 | border-top-right-radius: 0; |
| 6381 | } | 6388 | } |
| 6382 | .panel[class*=border-right-]:not(.border-right-lg):not(.border-right-xlg) { | 6389 | .panel[class*=border-right-]:not(.border-right-lg):not(.border-right-xlg) { |
| 6383 | border-right-width: 1px; | 6390 | border-right-width: 1px; |
| 6384 | } | 6391 | } |
| 6385 | .panel-body { | 6392 | .panel-body { |
| 6386 | position: relative; | 6393 | position: relative; |
| 6387 | } | 6394 | } |
| 6388 | .panel-flat > .panel-heading + .panel-body { | 6395 | .panel-flat > .panel-heading + .panel-body { |
| 6389 | padding-top: 0; | 6396 | padding-top: 0; |
| 6390 | } | 6397 | } |
| 6391 | .panel-heading { | 6398 | .panel-heading { |
| 6392 | position: relative; | 6399 | position: relative; |
| 6393 | padding-top: 20px; | 6400 | padding-top: 20px; |
| 6394 | padding-bottom: 20px; | 6401 | padding-bottom: 20px; |
| 6395 | border-top-right-radius: 3px; | 6402 | border-top-right-radius: 3px; |
| 6396 | border-top-left-radius: 3px; | 6403 | border-top-left-radius: 3px; |
| 6397 | } | 6404 | } |
| 6398 | .panel-bordered > .panel-heading { | 6405 | .panel-bordered > .panel-heading { |
| 6399 | margin: 0; | 6406 | margin: 0; |
| 6400 | } | 6407 | } |
| 6401 | .panel-flat > .panel-heading { | 6408 | .panel-flat > .panel-heading { |
| 6402 | background-color: #fff; | 6409 | background-color: #fff; |
| 6403 | } | 6410 | } |
| 6404 | .panel-flat > .panel-heading > .panel-title { | 6411 | .panel-flat > .panel-heading > .panel-title { |
| 6405 | margin-top: 2px; | 6412 | margin-top: 2px; |
| 6406 | margin-bottom: 2px; | 6413 | margin-bottom: 2px; |
| 6407 | } | 6414 | } |
| 6408 | .panel-flat > .panel-heading + .tab-content > .has-padding { | 6415 | .panel-flat > .panel-heading + .tab-content > .has-padding { |
| 6409 | padding-top: 0; | 6416 | padding-top: 0; |
| 6410 | } | 6417 | } |
| 6411 | .panel-flat[class*=bg-] > .panel-heading { | 6418 | .panel-flat[class*=bg-] > .panel-heading { |
| 6412 | background-color: inherit; | 6419 | background-color: inherit; |
| 6413 | } | 6420 | } |
| 6414 | .panel-heading[class*=bg-], | 6421 | .panel-heading[class*=bg-], |
| 6415 | .panel-primary .panel-heading, | 6422 | .panel-primary .panel-heading, |
| 6416 | .panel-danger .panel-heading, | 6423 | .panel-danger .panel-heading, |
| 6417 | .panel-success .panel-heading, | 6424 | .panel-success .panel-heading, |
| 6418 | .panel-warning .panel-heading, | 6425 | .panel-warning .panel-heading, |
| 6419 | .panel-info .panel-heading { | 6426 | .panel-info .panel-heading { |
| 6420 | border-top-right-radius: 3px; | 6427 | border-top-right-radius: 3px; |
| 6421 | border-top-left-radius: 3px; | 6428 | border-top-left-radius: 3px; |
| 6422 | } | 6429 | } |
| 6423 | .panel-white > .panel-heading { | 6430 | .panel-white > .panel-heading { |
| 6424 | background-color: #fff; | 6431 | background-color: #fff; |
| 6425 | border-bottom-color: #ddd; | 6432 | border-bottom-color: #ddd; |
| 6426 | } | 6433 | } |
| 6427 | .panel-title { | 6434 | .panel-title { |
| 6428 | position: relative; | 6435 | position: relative; |
| 6429 | font-size: 13px; | 6436 | font-size: 13px; |
| 6430 | } | 6437 | } |
| 6431 | a.panel-title { | 6438 | a.panel-title { |
| 6432 | display: block; | 6439 | display: block; |
| 6433 | } | 6440 | } |
| 6434 | .panel-title img { | 6441 | .panel-title img { |
| 6435 | max-height: 20px; | 6442 | max-height: 20px; |
| 6436 | display: inline-block; | 6443 | display: inline-block; |
| 6437 | vertical-align: top; | 6444 | vertical-align: top; |
| 6438 | } | 6445 | } |
| 6439 | .panel-title > small:not(.display-block), | 6446 | .panel-title > small:not(.display-block), |
| 6440 | .panel-title > .small:not(.display-block) { | 6447 | .panel-title > .small:not(.display-block) { |
| 6441 | margin-left: 5px; | 6448 | margin-left: 5px; |
| 6442 | } | 6449 | } |
| 6443 | h1.panel-title, | 6450 | h1.panel-title, |
| 6444 | .h1.panel-title { | 6451 | .h1.panel-title { |
| 6445 | font-size: 25px; | 6452 | font-size: 25px; |
| 6446 | } | 6453 | } |
| 6447 | h2.panel-title, | 6454 | h2.panel-title, |
| 6448 | .h2.panel-title { | 6455 | .h2.panel-title { |
| 6449 | font-size: 23px; | 6456 | font-size: 23px; |
| 6450 | } | 6457 | } |
| 6451 | h3.panel-title, | 6458 | h3.panel-title, |
| 6452 | .h3.panel-title { | 6459 | .h3.panel-title { |
| 6453 | font-size: 21px; | 6460 | font-size: 21px; |
| 6454 | } | 6461 | } |
| 6455 | h4.panel-title, | 6462 | h4.panel-title, |
| 6456 | .h4.panel-title { | 6463 | .h4.panel-title { |
| 6457 | font-size: 19px; | 6464 | font-size: 19px; |
| 6458 | } | 6465 | } |
| 6459 | h5.panel-title, | 6466 | h5.panel-title, |
| 6460 | .h5.panel-title { | 6467 | .h5.panel-title { |
| 6461 | font-size: 17px; | 6468 | font-size: 17px; |
| 6462 | } | 6469 | } |
| 6463 | h6.panel-title, | 6470 | h6.panel-title, |
| 6464 | .h6.panel-title { | 6471 | .h6.panel-title { |
| 6465 | font-size: 15px; | 6472 | font-size: 15px; |
| 6466 | } | 6473 | } |
| 6467 | .icons-list a[data-action] { | 6474 | .icons-list a[data-action] { |
| 6468 | vertical-align: middle; | 6475 | vertical-align: middle; |
| 6469 | } | 6476 | } |
| 6470 | .icons-list a[data-action]:after { | 6477 | .icons-list a[data-action]:after { |
| 6471 | font-family: 'icomoon'; | 6478 | font-family: 'icomoon'; |
| 6472 | font-size: 16px; | 6479 | font-size: 16px; |
| 6473 | min-width: 16px; | 6480 | min-width: 16px; |
| 6474 | text-align: center; | 6481 | text-align: center; |
| 6475 | display: inline-block; | 6482 | display: inline-block; |
| 6476 | line-height: 1; | 6483 | line-height: 1; |
| 6477 | vertical-align: middle; | 6484 | vertical-align: middle; |
| 6478 | -webkit-font-smoothing: antialiased; | 6485 | -webkit-font-smoothing: antialiased; |
| 6479 | -moz-osx-font-smoothing: grayscale; | 6486 | -moz-osx-font-smoothing: grayscale; |
| 6480 | } | 6487 | } |
| 6481 | .icons-list a[data-action="collapse"]:after { | 6488 | .icons-list a[data-action="collapse"]:after { |
| 6482 | content: '\e9c1'; | 6489 | content: '\e9c1'; |
| 6483 | } | 6490 | } |
| 6484 | .icons-list a[data-action="reload"]:after { | 6491 | .icons-list a[data-action="reload"]:after { |
| 6485 | content: '\e9fb'; | 6492 | content: '\e9fb'; |
| 6486 | } | 6493 | } |
| 6487 | .icons-list a[data-action="close"]:after { | 6494 | .icons-list a[data-action="close"]:after { |
| 6488 | content: '\e9b6'; | 6495 | content: '\e9b6'; |
| 6489 | } | 6496 | } |
| 6490 | .icons-list a[data-action="move"]:after { | 6497 | .icons-list a[data-action="move"]:after { |
| 6491 | content: '\e986'; | 6498 | content: '\e986'; |
| 6492 | } | 6499 | } |
| 6493 | .icons-list a[data-action="modal"]:after { | 6500 | .icons-list a[data-action="modal"]:after { |
| 6494 | content: '\e9eb'; | 6501 | content: '\e9eb'; |
| 6495 | } | 6502 | } |
| 6496 | .panel-footer { | 6503 | .panel-footer { |
| 6497 | position: relative; | 6504 | position: relative; |
| 6498 | padding-left: 0; | 6505 | padding-left: 0; |
| 6499 | padding-right: 0; | 6506 | padding-right: 0; |
| 6500 | border-bottom-right-radius: 3px; | 6507 | border-bottom-right-radius: 3px; |
| 6501 | border-bottom-left-radius: 3px; | 6508 | border-bottom-left-radius: 3px; |
| 6502 | } | 6509 | } |
| 6503 | .panel-footer:after { | 6510 | .panel-footer:after { |
| 6504 | content: ''; | 6511 | content: ''; |
| 6505 | display: table; | 6512 | display: table; |
| 6506 | clear: both; | 6513 | clear: both; |
| 6507 | } | 6514 | } |
| 6508 | .panel-footer .form-control, | 6515 | .panel-footer .form-control, |
| 6509 | .panel-footer .selectboxit-btn, | 6516 | .panel-footer .selectboxit-btn, |
| 6510 | .panel-footer .multiselect.btn-default, | 6517 | .panel-footer .multiselect.btn-default, |
| 6511 | .panel-footer .bootstrap-select .btn-default, | 6518 | .panel-footer .bootstrap-select .btn-default, |
| 6512 | .panel-footer .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 6519 | .panel-footer .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 6513 | border-bottom-color: transparent!important; | 6520 | border-bottom-color: transparent!important; |
| 6514 | -webkit-box-shadow: none !important; | 6521 | -webkit-box-shadow: none !important; |
| 6515 | box-shadow: none !important; | 6522 | box-shadow: none !important; |
| 6516 | } | 6523 | } |
| 6517 | .panel-footer-transparent { | 6524 | .panel-footer-transparent { |
| 6518 | background-color: transparent; | 6525 | background-color: transparent; |
| 6519 | border-top: 0; | 6526 | border-top: 0; |
| 6520 | padding-top: 0; | 6527 | padding-top: 0; |
| 6521 | padding-bottom: 11px; | 6528 | padding-bottom: 11px; |
| 6522 | } | 6529 | } |
| 6523 | .panel-footer-condensed { | 6530 | .panel-footer-condensed { |
| 6524 | padding-top: 2px; | 6531 | padding-top: 2px; |
| 6525 | padding-bottom: 2px; | 6532 | padding-bottom: 2px; |
| 6526 | } | 6533 | } |
| 6527 | .panel-footer-bordered { | 6534 | .panel-footer-bordered { |
| 6528 | background-color: #fff; | 6535 | background-color: #fff; |
| 6529 | padding-right: 0; | 6536 | padding-right: 0; |
| 6530 | margin-left: 20px; | 6537 | margin-left: 20px; |
| 6531 | margin-right: 20px; | 6538 | margin-right: 20px; |
| 6532 | } | 6539 | } |
| 6533 | .panel > .panel-body + .table, | 6540 | .panel > .panel-body + .table, |
| 6534 | .panel > .panel-body + .table-responsive { | 6541 | .panel > .panel-body + .table-responsive { |
| 6535 | border-top-width: 0; | 6542 | border-top-width: 0; |
| 6536 | } | 6543 | } |
| 6537 | .panel-group-control .panel-title > a { | 6544 | .panel-group-control .panel-title > a { |
| 6538 | padding-left: 26px; | 6545 | padding-left: 26px; |
| 6539 | display: inline-block; | 6546 | display: inline-block; |
| 6540 | } | 6547 | } |
| 6541 | .panel-group-control .panel-title > a:before { | 6548 | .panel-group-control .panel-title > a:before { |
| 6542 | content: '\e9b7'; | 6549 | content: '\e9b7'; |
| 6543 | font-family: 'icomoon'; | 6550 | font-family: 'icomoon'; |
| 6544 | position: absolute; | 6551 | position: absolute; |
| 6545 | top: 50%; | 6552 | top: 50%; |
| 6546 | margin-top: -8px; | 6553 | margin-top: -8px; |
| 6547 | left: 0; | 6554 | left: 0; |
| 6548 | font-size: 16px; | 6555 | font-size: 16px; |
| 6549 | font-weight: 400; | 6556 | font-weight: 400; |
| 6550 | line-height: 1; | 6557 | line-height: 1; |
| 6551 | -webkit-font-smoothing: antialiased; | 6558 | -webkit-font-smoothing: antialiased; |
| 6552 | -moz-osx-font-smoothing: grayscale; | 6559 | -moz-osx-font-smoothing: grayscale; |
| 6553 | } | 6560 | } |
| 6554 | .panel-group-control .panel-title > a.collapsed:before { | 6561 | .panel-group-control .panel-title > a.collapsed:before { |
| 6555 | content: '\e9b8'; | 6562 | content: '\e9b8'; |
| 6556 | } | 6563 | } |
| 6557 | .panel-group-control.panel-group-control-right .panel-title > a { | 6564 | .panel-group-control.panel-group-control-right .panel-title > a { |
| 6558 | padding-left: 0; | 6565 | padding-left: 0; |
| 6559 | padding-right: 26px; | 6566 | padding-right: 26px; |
| 6560 | } | 6567 | } |
| 6561 | .panel-group-control.panel-group-control-right .panel-title > a:before { | 6568 | .panel-group-control.panel-group-control-right .panel-title > a:before { |
| 6562 | left: auto; | 6569 | left: auto; |
| 6563 | right: 0; | 6570 | right: 0; |
| 6564 | } | 6571 | } |
| 6565 | .panel-default { | 6572 | .panel-default { |
| 6566 | border-color: transparent; | 6573 | border-color: transparent; |
| 6567 | } | 6574 | } |
| 6568 | .panel-primary { | 6575 | .panel-primary { |
| 6569 | border-color: transparent; | 6576 | border-color: transparent; |
| 6570 | } | 6577 | } |
| 6571 | .panel-primary.panel-bordered { | 6578 | .panel-primary.panel-bordered { |
| 6572 | border-color: #2196F3; | 6579 | border-color: #2196F3; |
| 6573 | } | 6580 | } |
| 6574 | .panel-success { | 6581 | .panel-success { |
| 6575 | border-color: transparent; | 6582 | border-color: transparent; |
| 6576 | } | 6583 | } |
| 6577 | .panel-success.panel-bordered { | 6584 | .panel-success.panel-bordered { |
| 6578 | border-color: #4CAF50; | 6585 | border-color: #4CAF50; |
| 6579 | } | 6586 | } |
| 6580 | .panel-info { | 6587 | .panel-info { |
| 6581 | border-color: transparent; | 6588 | border-color: transparent; |
| 6582 | } | 6589 | } |
| 6583 | .panel-info.panel-bordered { | 6590 | .panel-info.panel-bordered { |
| 6584 | border-color: #00BCD4; | 6591 | border-color: #00BCD4; |
| 6585 | } | 6592 | } |
| 6586 | .panel-warning { | 6593 | .panel-warning { |
| 6587 | border-color: transparent; | 6594 | border-color: transparent; |
| 6588 | } | 6595 | } |
| 6589 | .panel-warning.panel-bordered { | 6596 | .panel-warning.panel-bordered { |
| 6590 | border-color: #FF5722; | 6597 | border-color: #FF5722; |
| 6591 | } | 6598 | } |
| 6592 | .panel-danger { | 6599 | .panel-danger { |
| 6593 | border-color: transparent; | 6600 | border-color: transparent; |
| 6594 | } | 6601 | } |
| 6595 | .panel-danger.panel-bordered { | 6602 | .panel-danger.panel-bordered { |
| 6596 | border-color: #F44336; | 6603 | border-color: #F44336; |
| 6597 | } | 6604 | } |
| 6598 | /* ------------------------------------------------------------------------------ | 6605 | /* ------------------------------------------------------------------------------ |
| 6599 | * | 6606 | * |
| 6600 | * # Wells component | 6607 | * # Wells component |
| 6601 | * | 6608 | * |
| 6602 | * Overrides for wells bootstrap component | 6609 | * Overrides for wells bootstrap component |
| 6603 | * | 6610 | * |
| 6604 | * Version: 1.1 | 6611 | * Version: 1.1 |
| 6605 | * Latest update: Mar 10, 2016 | 6612 | * Latest update: Mar 10, 2016 |
| 6606 | * | 6613 | * |
| 6607 | * ---------------------------------------------------------------------------- */ | 6614 | * ---------------------------------------------------------------------------- */ |
| 6608 | .well { | 6615 | .well { |
| 6609 | margin-bottom: 0; | 6616 | margin-bottom: 0; |
| 6610 | padding: 20px; | 6617 | padding: 20px; |
| 6611 | -webkit-box-shadow: none; | 6618 | -webkit-box-shadow: none; |
| 6612 | box-shadow: none; | 6619 | box-shadow: none; |
| 6613 | } | 6620 | } |
| 6614 | .well-white { | 6621 | .well-white { |
| 6615 | background-color: #fff; | 6622 | background-color: #fff; |
| 6616 | } | 6623 | } |
| 6617 | .well[class*=border-top-] { | 6624 | .well[class*=border-top-] { |
| 6618 | border-top-right-radius: 0; | 6625 | border-top-right-radius: 0; |
| 6619 | border-top-left-radius: 0; | 6626 | border-top-left-radius: 0; |
| 6620 | } | 6627 | } |
| 6621 | .well[class*=border-bottom-] { | 6628 | .well[class*=border-bottom-] { |
| 6622 | border-bottom-right-radius: 0; | 6629 | border-bottom-right-radius: 0; |
| 6623 | border-bottom-left-radius: 0; | 6630 | border-bottom-left-radius: 0; |
| 6624 | } | 6631 | } |
| 6625 | .well[class*=border-left-] { | 6632 | .well[class*=border-left-] { |
| 6626 | border-bottom-left-radius: 0; | 6633 | border-bottom-left-radius: 0; |
| 6627 | border-top-left-radius: 0; | 6634 | border-top-left-radius: 0; |
| 6628 | } | 6635 | } |
| 6629 | .well[class*=border-right-] { | 6636 | .well[class*=border-right-] { |
| 6630 | border-bottom-right-radius: 0; | 6637 | border-bottom-right-radius: 0; |
| 6631 | border-top-right-radius: 0; | 6638 | border-top-right-radius: 0; |
| 6632 | } | 6639 | } |
| 6633 | .well-lg { | 6640 | .well-lg { |
| 6634 | padding: 25px; | 6641 | padding: 25px; |
| 6635 | border-radius: 3px; | 6642 | border-radius: 3px; |
| 6636 | } | 6643 | } |
| 6637 | .well-sm { | 6644 | .well-sm { |
| 6638 | padding: 15px; | 6645 | padding: 15px; |
| 6639 | border-radius: 3px; | 6646 | border-radius: 3px; |
| 6640 | } | 6647 | } |
| 6641 | /* ------------------------------------------------------------------------------ | 6648 | /* ------------------------------------------------------------------------------ |
| 6642 | * | 6649 | * |
| 6643 | * # Close button component | 6650 | * # Close button component |
| 6644 | * | 6651 | * |
| 6645 | * Overrides for close button bootstrap component | 6652 | * Overrides for close button bootstrap component |
| 6646 | * | 6653 | * |
| 6647 | * Version: 1.0 | 6654 | * Version: 1.0 |
| 6648 | * Latest update: May 25, 2015 | 6655 | * Latest update: May 25, 2015 |
| 6649 | * | 6656 | * |
| 6650 | * ---------------------------------------------------------------------------- */ | 6657 | * ---------------------------------------------------------------------------- */ |
| 6651 | .close { | 6658 | .close { |
| 6652 | text-shadow: none; | 6659 | text-shadow: none; |
| 6653 | opacity: 0.6; | 6660 | opacity: 0.6; |
| 6654 | filter: alpha(opacity=60); | 6661 | filter: alpha(opacity=60); |
| 6655 | } | 6662 | } |
| 6656 | .close:hover, | 6663 | .close:hover, |
| 6657 | .close:focus { | 6664 | .close:focus { |
| 6658 | outline: 0; | 6665 | outline: 0; |
| 6659 | opacity: 1; | 6666 | opacity: 1; |
| 6660 | filter: alpha(opacity=100); | 6667 | filter: alpha(opacity=100); |
| 6661 | } | 6668 | } |
| 6662 | /* ------------------------------------------------------------------------------ | 6669 | /* ------------------------------------------------------------------------------ |
| 6663 | * | 6670 | * |
| 6664 | * # Modals component | 6671 | * # Modals component |
| 6665 | * | 6672 | * |
| 6666 | * Overrides for modals bootstrap component | 6673 | * Overrides for modals bootstrap component |
| 6667 | * | 6674 | * |
| 6668 | * Version: 1.0 | 6675 | * Version: 1.0 |
| 6669 | * Latest update: May 25, 2015 | 6676 | * Latest update: May 25, 2015 |
| 6670 | * | 6677 | * |
| 6671 | * ---------------------------------------------------------------------------- */ | 6678 | * ---------------------------------------------------------------------------- */ |
| 6672 | .modal-content { | 6679 | .modal-content { |
| 6673 | border-radius: 3px; | 6680 | border-radius: 3px; |
| 6674 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 6681 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 6675 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 6682 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 6676 | } | 6683 | } |
| 6677 | .modal-header { | 6684 | .modal-header { |
| 6678 | position: relative; | 6685 | position: relative; |
| 6679 | padding-bottom: 0; | 6686 | padding-bottom: 0; |
| 6680 | } | 6687 | } |
| 6681 | .modal-header[class*=bg-] { | 6688 | .modal-header[class*=bg-] { |
| 6682 | padding: 15px 20px; | 6689 | padding: 15px 20px; |
| 6683 | border-top-right-radius: 2px; | 6690 | border-top-right-radius: 2px; |
| 6684 | border-top-left-radius: 2px; | 6691 | border-top-left-radius: 2px; |
| 6685 | } | 6692 | } |
| 6686 | .modal-header[class*=bg-] .close { | 6693 | .modal-header[class*=bg-] .close { |
| 6687 | margin-top: -9.75px; | 6694 | margin-top: -9.75px; |
| 6688 | } | 6695 | } |
| 6689 | .modal-content[class*=bg-] .modal-header .close, | 6696 | .modal-content[class*=bg-] .modal-header .close, |
| 6690 | .modal-header[class*=bg-] .close { | 6697 | .modal-header[class*=bg-] .close { |
| 6691 | color: #fff; | 6698 | color: #fff; |
| 6692 | } | 6699 | } |
| 6693 | .modal-header .close { | 6700 | .modal-header .close { |
| 6694 | position: absolute; | 6701 | position: absolute; |
| 6695 | right: 20px; | 6702 | right: 20px; |
| 6696 | top: 50%; | 6703 | top: 50%; |
| 6697 | margin-top: 0; | 6704 | margin-top: 0; |
| 6698 | } | 6705 | } |
| 6699 | .modal-body .close { | 6706 | .modal-body .close { |
| 6700 | margin-top: 0!important; | 6707 | margin-top: 0!important; |
| 6701 | } | 6708 | } |
| 6702 | .modal-footer { | 6709 | .modal-footer { |
| 6703 | padding-top: 0; | 6710 | padding-top: 0; |
| 6704 | } | 6711 | } |
| 6705 | .modal-footer.text-center { | 6712 | .modal-footer.text-center { |
| 6706 | text-align: center; | 6713 | text-align: center; |
| 6707 | } | 6714 | } |
| 6708 | .modal-footer.text-left { | 6715 | .modal-footer.text-left { |
| 6709 | text-align: left; | 6716 | text-align: left; |
| 6710 | } | 6717 | } |
| 6711 | @media (min-width: 769px) { | 6718 | @media (min-width: 769px) { |
| 6712 | .modal-xs { | 6719 | .modal-xs { |
| 6713 | width: 300px; | 6720 | width: 300px; |
| 6714 | } | 6721 | } |
| 6715 | .modal-full { | 6722 | .modal-full { |
| 6716 | width: 94%; | 6723 | width: 94%; |
| 6717 | margin-left: 3%; | 6724 | margin-left: 3%; |
| 6718 | margin-right: 3%; | 6725 | margin-right: 3%; |
| 6719 | } | 6726 | } |
| 6720 | } | 6727 | } |
| 6721 | /* ------------------------------------------------------------------------------ | 6728 | /* ------------------------------------------------------------------------------ |
| 6722 | * | 6729 | * |
| 6723 | * # Tooltips component | 6730 | * # Tooltips component |
| 6724 | * | 6731 | * |
| 6725 | * Overrides for tooltips bootstrap component | 6732 | * Overrides for tooltips bootstrap component |
| 6726 | * | 6733 | * |
| 6727 | * Version: 1.0 | 6734 | * Version: 1.0 |
| 6728 | * Latest update: May 25, 2015 | 6735 | * Latest update: May 25, 2015 |
| 6729 | * | 6736 | * |
| 6730 | * ---------------------------------------------------------------------------- */ | 6737 | * ---------------------------------------------------------------------------- */ |
| 6731 | .tooltip { | 6738 | .tooltip { |
| 6732 | font-size: 13px; | 6739 | font-size: 13px; |
| 6733 | line-height: 1.5384616; | 6740 | line-height: 1.5384616; |
| 6734 | } | 6741 | } |
| 6735 | .tooltip .tooltip-arrow { | 6742 | .tooltip .tooltip-arrow { |
| 6736 | display: none; | 6743 | display: none; |
| 6737 | } | 6744 | } |
| 6738 | .tooltip [class*=bg-] { | 6745 | .tooltip [class*=bg-] { |
| 6739 | border-radius: 3px; | 6746 | border-radius: 3px; |
| 6740 | } | 6747 | } |
| 6741 | .tooltip [class*=bg-] > .tooltip-inner { | 6748 | .tooltip [class*=bg-] > .tooltip-inner { |
| 6742 | background-color: inherit; | 6749 | background-color: inherit; |
| 6743 | } | 6750 | } |
| 6744 | .tooltip-inner { | 6751 | .tooltip-inner { |
| 6745 | padding: 8px 16px; | 6752 | padding: 8px 16px; |
| 6746 | } | 6753 | } |
| 6747 | /* ------------------------------------------------------------------------------ | 6754 | /* ------------------------------------------------------------------------------ |
| 6748 | * | 6755 | * |
| 6749 | * # Popovers component | 6756 | * # Popovers component |
| 6750 | * | 6757 | * |
| 6751 | * Overrides for popovers bootstrap component | 6758 | * Overrides for popovers bootstrap component |
| 6752 | * | 6759 | * |
| 6753 | * Version: 1.0 | 6760 | * Version: 1.0 |
| 6754 | * Latest update: May 25, 2015 | 6761 | * Latest update: May 25, 2015 |
| 6755 | * | 6762 | * |
| 6756 | * ---------------------------------------------------------------------------- */ | 6763 | * ---------------------------------------------------------------------------- */ |
| 6757 | .popover { | 6764 | .popover { |
| 6758 | border-radius: 3px; | 6765 | border-radius: 3px; |
| 6759 | padding: 0; | 6766 | padding: 0; |
| 6760 | border-width: 0; | 6767 | border-width: 0; |
| 6761 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6768 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6762 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6769 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6763 | } | 6770 | } |
| 6764 | .popover .arrow { | 6771 | .popover .arrow { |
| 6765 | display: none; | 6772 | display: none; |
| 6766 | } | 6773 | } |
| 6767 | .popover-title { | 6774 | .popover-title { |
| 6768 | font-size: 12px; | 6775 | font-size: 12px; |
| 6769 | line-height: 1.6666667; | 6776 | line-height: 1.6666667; |
| 6770 | border: 0; | 6777 | border: 0; |
| 6771 | padding: 15px 15px 0 15px; | 6778 | padding: 15px 15px 0 15px; |
| 6772 | text-transform: uppercase; | 6779 | text-transform: uppercase; |
| 6773 | font-weight: 500; | 6780 | font-weight: 500; |
| 6774 | border-top-right-radius: 3px; | 6781 | border-top-right-radius: 3px; |
| 6775 | border-top-left-radius: 3px; | 6782 | border-top-left-radius: 3px; |
| 6776 | } | 6783 | } |
| 6777 | .popover-title[class*=bg-] { | 6784 | .popover-title[class*=bg-] { |
| 6778 | padding: 10px 15px; | 6785 | padding: 10px 15px; |
| 6779 | margin: -1px -1px 0 -1px; | 6786 | margin: -1px -1px 0 -1px; |
| 6780 | } | 6787 | } |
| 6781 | .popover-content { | 6788 | .popover-content { |
| 6782 | padding: 15px; | 6789 | padding: 15px; |
| 6783 | } | 6790 | } |
| 6784 | 6791 |