Commit 7aa6f173b0e365bb4a005ee4d8d5ceb2255ca6fb
1 parent
4b187a6878
Exists in
master
added student view
Showing
13 changed files
with
845 additions
and
204 deletions
Show diff stats
imports/client/views/org/admin/students/FabMenu.js
| File was created | 1 | import _ from 'lodash'; | |
| 2 | import { Meteor } from 'meteor/meteor'; | ||
| 3 | |||
| 4 | import React, { Component } from 'react'; | ||
| 5 | import { Link,browserHistory } from 'react-router'; | ||
| 6 | import { FormGroup,Panel,Table, | ||
| 7 | ButtonToolbar,Modal, | ||
| 8 | FormControl,Glyphicon,Button } from 'react-bootstrap'; | ||
| 9 | import { AddStudentForm } from './addStudentForm'; | ||
| 10 | import FloatingActionButton from 'material-ui/FloatingActionButton'; | ||
| 11 | import ContentAdd from 'material-ui/svg-icons/content/add'; | ||
| 12 | const style = { | ||
| 13 | marginRight: 20, | ||
| 14 | }; | ||
| 15 | export class FabMenuView extends Component { | ||
| 16 | |||
| 17 | constructor(props) { | ||
| 18 | super(props); | ||
| 19 | this.state = { | ||
| 20 | show: false | ||
| 21 | }; | ||
| 22 | this.onUpdate = this.onUpdate.bind(this); | ||
| 23 | }; | ||
| 24 | onUpdate(key, value) { | ||
| 25 | this.setState({[key]: value}); | ||
| 26 | }; | ||
| 27 | |||
| 28 | render() { | ||
| 29 | return ( | ||
| 30 | <div> | ||
| 31 | <FloatingActionButton> | ||
| 32 | <ContentAdd /> | ||
| 33 | </FloatingActionButton> | ||
| 34 | </div> | ||
| 35 | ); | ||
| 36 | }; | ||
| 37 | |||
| 38 | }; | ||
| 39 |
imports/client/views/org/admin/students/Header.js
| File was created | 1 | import _ from 'lodash'; | |
| 2 | import { Meteor } from 'meteor/meteor'; | ||
| 3 | |||
| 4 | import React, { Component } from 'react'; | ||
| 5 | import { Link,browserHistory } from 'react-router'; | ||
| 6 | import { FormGroup, | ||
| 7 | FormControl,Glyphicon,Button } from 'react-bootstrap'; | ||
| 8 | |||
| 9 | |||
| 10 | export class Header extends Component { | ||
| 11 | |||
| 12 | constructor(props) { | ||
| 13 | super(props); | ||
| 14 | this.state = { | ||
| 15 | |||
| 16 | }; | ||
| 17 | this.onUpdate = this.onUpdate.bind(this); | ||
| 18 | }; | ||
| 19 | |||
| 20 | onUpdate(key, value) { | ||
| 21 | this.setState({[key]: value}); | ||
| 22 | }; | ||
| 23 | |||
| 24 | render() { | ||
| 25 | return ( | ||
| 26 | <div className = "enterPane-box"> | ||
| 27 | <div className="row"> | ||
| 28 | <div className="col-lg-3 col-md-6"> | ||
| 29 | <div className="panel panel-body"> | ||
| 30 | <div className="media"> | ||
| 31 | <div className="media-left"> | ||
| 32 | <a href="assets/images/placeholder.png" data-popup="lightbox"> | ||
| 33 | <img src="assets/images/download2.png" className="img-circle img-lg" alt="" /> | ||
| 34 | </a> | ||
| 35 | </div> | ||
| 36 | <div className="media-body"> | ||
| 37 | <h6 className="media-heading">Students</h6> | ||
| 38 | <span className="text-muted">Click to view</span> | ||
| 39 | </div> | ||
| 40 | </div> | ||
| 41 | </div> | ||
| 42 | </div> | ||
| 43 | <div className="col-lg-3 col-md-6"> | ||
| 44 | <div className="panel panel-body"> | ||
| 45 | <div className="media"> | ||
| 46 | <div className="media-left"> | ||
| 47 | <a href="assets/images/placeholder.jpg" data-popup="lightbox"> | ||
| 48 | <img src="assets/images/download.png" className="img-circle img-lg" alt="" /> | ||
| 49 | </a> | ||
| 50 | </div> | ||
| 51 | |||
| 52 | <div className="media-body"> | ||
| 53 | <h6 className="media-heading">Teachers</h6> | ||
| 54 | <span className="text-muted">Click to view</span> | ||
| 55 | </div> | ||
| 56 | </div> | ||
| 57 | </div> | ||
| 58 | </div> | ||
| 59 | |||
| 60 | <div className="col-lg-3 col-md-6"> | ||
| 61 | <div className="panel panel-body"> | ||
| 62 | <div className="media"> | ||
| 63 | <div className="media-left"> | ||
| 64 | <a href="assets/images/placeholder.jpg" data-popup="lightbox"> | ||
| 65 | <img src="assets/images/download3.png" className="img-circle img-lg" alt="" /> | ||
| 66 | </a> | ||
| 67 | </div> | ||
| 68 | |||
| 69 | <div className="media-body"> | ||
| 70 | <h6 className="media-heading">Parents</h6> | ||
| 71 | <span className="text-muted">Click to view</span> | ||
| 72 | </div> | ||
| 73 | </div> | ||
| 74 | </div> | ||
| 75 | </div> | ||
| 76 | |||
| 77 | <div className="col-lg-3 col-md-6"> | ||
| 78 | <div className="panel panel-body"> | ||
| 79 | <div className="media"> | ||
| 80 | <div className="media-left"> | ||
| 81 | <a href="assets/images/placeholder.jpg" data-popup="lightbox"> | ||
| 82 | <img src="assets/images/download1.png" className="img-circle img-lg" alt="" /> | ||
| 83 | </a> | ||
| 84 | </div> | ||
| 85 | |||
| 86 | <div className="media-body"> | ||
| 87 | <h6 className="media-heading">Non Teaching Staff</h6> | ||
| 88 | <span className="text-muted">Click to view</span> | ||
| 89 | </div> | ||
| 90 | </div> | ||
| 91 | </div> | ||
| 92 | </div> | ||
| 93 | </div> | ||
| 94 | </div> | ||
| 95 | ); | ||
| 96 | }; | ||
| 97 | |||
| 98 | }; | ||
| 99 |
imports/client/views/org/admin/students/StudentDataView.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 { 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 { AddStudentForm } from './addStudentForm'; | 9 | import { AddStudentForm } from './addStudentForm'; |
| 10 | 10 | ||
| 11 | export class StudentDataView extends Component { | 11 | export class StudentDataView extends Component { |
| 12 | 12 | ||
| 13 | constructor(props) { | 13 | constructor(props) { |
| 14 | super(props); | 14 | super(props); |
| 15 | this.state = { | 15 | this.state = { |
| 16 | show: false | 16 | show: false |
| 17 | }; | 17 | }; |
| 18 | this.showModal = this.showModal.bind(this); | 18 | this.showModal = this.showModal.bind(this); |
| 19 | this.hideModal = this.hideModal.bind(this); | 19 | this.hideModal = this.hideModal.bind(this); |
| 20 | this.onUpdate = this.onUpdate.bind(this); | 20 | this.onUpdate = this.onUpdate.bind(this); |
| 21 | }; | 21 | }; |
| 22 | 22 | ||
| 23 | showModal() { | 23 | showModal() { |
| 24 | this.setState({show: true}); | 24 | this.setState({show: true}); |
| 25 | } | 25 | } |
| 26 | 26 | ||
| 27 | hideModal() { | 27 | hideModal() { |
| 28 | this.setState({show: false}); | 28 | this.setState({show: false}); |
| 29 | } | 29 | } |
| 30 | onUpdate(key, value) { | 30 | onUpdate(key, value) { |
| 31 | this.setState({[key]: value}); | 31 | this.setState({[key]: value}); |
| 32 | }; | 32 | }; |
| 33 | 33 | ||
| 34 | render() { | 34 | render() { |
| 35 | return ( | 35 | return ( |
| 36 | <div className = "enterPane-box"> | 36 | <div className="content has-detached-left"> |
| 37 | <Panel header="Students Info" bsStyle="primary"> | 37 | <div className="container-detached"> |
| 38 | <Table striped bordered condensed hover> | 38 | <div className="content-detached"> |
| 39 | <thead> | 39 | <div className="row"> |
| 40 | <tr> | 40 | <div className="col-lg-3 col-md-6"> |
| 41 | <th>#</th> | 41 | <div className="panel panel-body"> |
| 42 | <th>First Name</th> | 42 | <div className="media"> |
| 43 | <th>Last Name</th> | 43 | <div className="media-left"> |
| 44 | </tr> | 44 | <a href="assets/images/placeholder.png" data-popup="lightbox"> |
| 45 | </thead> | 45 | <img src="assets/images/download2.png" className="img-circle img-lg" alt="" /> |
| 46 | <tbody> | 46 | </a> |
| 47 | { | 47 | </div> |
| 48 | this.props.data.students.map(function(student, i) | 48 | |
| 49 | { | 49 | <div className="media-body"> |
| 50 | return( | 50 | <h6 className="media-heading">Students</h6> |
| 51 | <tr> | 51 | <span className="text-muted">Click to view</span> |
| 52 | <td>{i+1}</td> | 52 | </div> |
| 53 | <td>{student.firstName}</td> | 53 | </div> |
| 54 | <td>{student.lastName}</td> | 54 | </div> |
| 55 | </tr> | 55 | </div> |
| 56 | ) | 56 | |
| 57 | }) | 57 | <div className="col-lg-3 col-md-6"> |
| 58 | } | 58 | <div className="panel panel-body"> |
| 59 | 59 | <div className="media"> | |
| 60 | </tbody> | 60 | <div className="media-left"> |
| 61 | </Table> | 61 | <a href="assets/images/placeholder.jpg" data-popup="lightbox"> |
| 62 | <ButtonToolbar> | 62 | <img src="assets/images/download.png" className="img-circle img-lg" alt="" /> |
| 63 | <Button bsStyle="primary" onClick={this.showModal}> | 63 | </a> |
| 64 | Add Student | 64 | </div> |
| 65 | </Button> | 65 | |
| 66 | <Modal | 66 | <div className="media-body"> |
| 67 | {...this.props} | 67 | <h6 className="media-heading">Teachers</h6> |
| 68 | show={this.state.show} | 68 | <span className="text-muted">Click to view</span> |
| 69 | onHide={this.hideModal} | 69 | </div> |
| 70 | dialogClassName="custom-modal" | 70 | </div> |
| 71 | > | 71 | </div> |
| 72 | <Modal.Header closeButton> | 72 | </div> |
| 73 | <Modal.Title id="contained-modal-title-lg">New Student</Modal.Title> | 73 | |
| 74 | </Modal.Header> | 74 | <div className="col-lg-3 col-md-6"> |
| 75 | <Modal.Body> | 75 | <div className="panel panel-body"> |
| 76 | <AddStudentForm /> | 76 | <div className="media"> |
| 77 | </Modal.Body> | 77 | <div className="media-left"> |
| 78 | <Modal.Footer> | 78 | <a href="assets/images/placeholder.jpg" data-popup="lightbox"> |
| 79 | <Button onClick={this.hideModal}>Close</Button> | 79 | <img src="assets/images/download3.png" className="img-circle img-lg" alt="" /> |
| 80 | </Modal.Footer> | 80 | </a> |
| 81 | </Modal> | 81 | </div> |
| 82 | </ButtonToolbar> | 82 | |
| 83 | </Panel> | 83 | <div className="media-body"> |
| 84 | </div> | 84 | <h6 className="media-heading">Parents</h6> |
| 85 | <span className="text-muted">Click to view</span> | ||
| 86 | </div> | ||
| 87 | </div> | ||
| 88 | </div> | ||
| 89 | </div> | ||
| 90 | |||
| 91 | <div className="col-lg-3 col-md-6"> | ||
| 92 | <div className="panel panel-body"> | ||
| 93 | <div className="media"> | ||
| 94 | <div className="media-left"> | ||
| 95 | <a href="assets/images/placeholder.jpg" data-popup="lightbox"> | ||
| 96 | <img src="assets/images/download1.png" className="img-circle img-lg" alt="" /> | ||
| 97 | </a> | ||
| 98 | </div> | ||
| 99 | |||
| 100 | <div className="media-body"> | ||
| 101 | <h6 className="media-heading">Non Teaching Staff</h6> | ||
| 102 | <span className="text-muted">Click to view</span> | ||
| 103 | </div> | ||
| 104 | </div> | ||
| 105 | </div> | ||
| 106 | </div> | ||
| 107 | </div> | ||
| 108 | |||
| 109 | <div className="panel panel-flat"> | ||
| 110 | <div className="panel-heading"> | ||
| 111 | <h5 className="panel-title">Student Details</h5> | ||
| 112 | <div className="heading-elements"> | ||
| 113 | <ul className="icons-list"> | ||
| 114 | <li><a data-action="collapse"></a></li> | ||
| 115 | <li><a data-action="reload"></a></li> | ||
| 116 | </ul> | ||
| 117 | </div> | ||
| 118 | </div> | ||
| 119 | |||
| 120 | |||
| 121 | <table className="table datatable-basic table-striped"> | ||
| 122 | <thead> | ||
| 123 | <tr> | ||
| 124 | <th>First Name</th> | ||
| 125 | <th>Last Name</th> | ||
| 126 | <th>className</th> | ||
| 127 | <th>DOB</th> | ||
| 128 | <th>Status</th> | ||
| 129 | <th className="text-center">Actions</th> | ||
| 130 | </tr> | ||
| 131 | </thead> | ||
| 132 | <tbody> | ||
| 133 | <tr> | ||
| 134 | <td>Marth</td> | ||
| 135 | <td><a href="#">Enright</a></td> | ||
| 136 | <td>VII</td> | ||
| 137 | <td>22 Jun 1972</td> | ||
| 138 | <td><span className="label label-success">Active</span></td> | ||
| 139 | <td className="text-center"> | ||
| 140 | <ul className="icons-list"> | ||
| 141 | <li className="dropdown"> | ||
| 142 | <a href="#" className="dropdown-toggle" data-toggle="dropdown"> | ||
| 143 | <i className="icon-menu9"></i> | ||
| 144 | </a> | ||
| 145 | |||
| 146 | <ul className="dropdown-menu dropdown-menu-right"> | ||
| 147 | <li><a href="#"><i className="icon-file-pdf"></i> Export to .pdf</a></li> | ||
| 148 | <li><a href="#"><i className="icon-file-excel"></i> Export to .csv</a></li> | ||
| 149 | <li><a href="#"><i className="icon-file-word"></i> Export to .doc</a></li> | ||
| 150 | </ul> | ||
| 151 | </li> | ||
| 152 | </ul> | ||
| 153 | </td> | ||
| 154 | </tr> | ||
| 155 | <tr> | ||
| 156 | <td>Jackelyn</td> | ||
| 157 | <td>Weible</td> | ||
| 158 | <td><a href="#">XI</a></td> | ||
| 159 | <td>3 Oct 1981</td> | ||
| 160 | <td><span className="label label-default">Inactive</span></td> | ||
| 161 | <td className="text-center"> | ||
| 162 | <ul className="icons-list"> | ||
| 163 | <li className="dropdown"> | ||
| 164 | <a href="#" className="dropdown-toggle" data-toggle="dropdown"> | ||
| 165 | <i className="icon-menu9"></i> | ||
| 166 | </a> | ||
| 167 | |||
| 168 | <ul className="dropdown-menu dropdown-menu-right"> | ||
| 169 | <li><a href="#"><i className="icon-file-pdf"></i> Export to .pdf</a></li> | ||
| 170 | <li><a href="#"><i className="icon-file-excel"></i> Export to .csv</a></li> | ||
| 171 | <li><a href="#"><i className="icon-file-word"></i> Export to .doc</a></li> | ||
| 172 | </ul> | ||
| 173 | </li> | ||
| 174 | </ul> | ||
| 175 | </td> | ||
| 176 | </tr> | ||
| 177 | </tbody> | ||
| 178 | </table> | ||
| 179 | </div> | ||
| 180 | |||
| 181 | |||
| 182 | <ul className="fab-menu fab-menu-fixed fab-menu-bottom-right" data-fab-toggle="click"> | ||
| 183 | <li> | ||
| 184 | <a className="fab-menu-btn btn bg-teal-400 btn-float btn-rounded btn-icon"> | ||
| 185 | <i className="fab-icon-open icon-plus3"></i> | ||
| 186 | <i className="fab-icon-close icon-cross2"></i> | ||
| 187 | </a> | ||
| 188 | |||
| 189 | <ul className="fab-menu-inner"> | ||
| 190 | <li> | ||
| 191 | <div data-fab-label="Upload bulk data"> | ||
| 192 | <a href="#" className="btn btn-default btn-rounded btn-icon btn-float"> | ||
| 193 | <i className="icon-file-upload2"></i> | ||
| 194 | </a> | ||
| 195 | </div> | ||
| 196 | </li> | ||
| 197 | <li> | ||
| 198 | <div data-fab-label="Add Student"> | ||
| 199 | <a href="#" className="btn btn-default btn-rounded btn-icon btn-float"> | ||
| 200 | <i className=" icon-file-plus2"></i> | ||
| 201 | </a> | ||
| 202 | <span className="badge bg-primary-400">5</span> | ||
| 203 | </div> | ||
| 204 | </li> | ||
| 205 | </ul> | ||
| 206 | </li> | ||
| 207 | </ul> | ||
| 208 | |||
| 209 | </div> | ||
| 210 | </div> | ||
| 211 | <div className="sidebar-detached affix-top"> | ||
| 212 | <div className="sidebar sidebar-default"> | ||
| 213 | <div className="sidebar-content"> | ||
| 214 | |||
| 215 | <div className="sidebar-category"> | ||
| 216 | <div className="category-title"> | ||
| 217 | <span>Advanced Search</span> | ||
| 218 | <ul className="icons-list"> | ||
| 219 | <li><a href="#" data-action="collapse"></a></li> | ||
| 220 | </ul> | ||
| 221 | </div> | ||
| 222 | |||
| 223 | <div className="category-content"> | ||
| 224 | <form action="#"> | ||
| 225 | <div className="has-feedback has-feedback-left"> | ||
| 226 | <input type="search" className="form-control" placeholder="First Name" /> | ||
| 227 | <div className="form-control-feedback"> | ||
| 228 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 229 | </div> | ||
| 230 | </div> | ||
| 231 | </form> | ||
| 232 | </div> | ||
| 233 | <div className="category-content"> | ||
| 234 | <form action="#"> | ||
| 235 | <div className="has-feedback has-feedback-left"> | ||
| 236 | <input type="search" className="form-control" placeholder="Last Name" /> | ||
| 237 | <div className="form-control-feedback"> | ||
| 238 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 239 | </div> | ||
| 240 | </div> | ||
| 241 | </form> | ||
| 242 | </div> | ||
| 243 | <div className="category-content"> | ||
| 244 | <form action="#"> | ||
| 245 | <div className="has-feedback has-feedback-left"> | ||
| 246 | <div className="btn-group"> | ||
| 247 | <button type="button" className="dropdown-toggle form-control" data-toggle="dropdown"> | ||
| 248 | <span data-bind="label">Select className</span> <span className="caret"></span> | ||
| 249 | </button> | ||
| 250 | <ul className="dropdown-menu" role="menu"> | ||
| 251 | <li><a href="#">Item 1</a></li> | ||
| 252 | <li><a href="#">Another item</a></li> | ||
| 253 | <li><a href="#">This is a longer item that will not fit properly</a></li> | ||
| 254 | </ul> | ||
| 255 | </div> | ||
| 256 | <div className="form-control-feedback"> | ||
| 257 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 258 | </div> | ||
| 259 | </div> | ||
| 260 | </form> | ||
| 261 | </div> | ||
| 262 | </div> | ||
| 263 | |||
| 264 | |||
| 265 | </div> | ||
| 266 | </div> | ||
| 267 | </div> | ||
| 268 | </div> | ||
| 85 | ); | 269 | ); |
| 86 | }; | 270 | }; |
| 87 | 271 | ||
| 88 | }; | 272 | }; |
| 89 | 273 |
imports/client/views/org/admin/students/StudentDataView0.js
| File was created | 1 | import _ from 'lodash'; | |
| 2 | import { Meteor } from 'meteor/meteor'; | ||
| 3 | |||
| 4 | import React, { Component } from 'react'; | ||
| 5 | import { Link,browserHistory } from 'react-router'; | ||
| 6 | import { FormGroup,Panel,Table, | ||
| 7 | ButtonToolbar,Modal, | ||
| 8 | FormControl,Glyphicon,Button } from 'react-bootstrap'; | ||
| 9 | import { AddStudentForm } from './addStudentForm'; | ||
| 10 | |||
| 11 | export class StudentDataView extends Component { | ||
| 12 | |||
| 13 | constructor(props) { | ||
| 14 | super(props); | ||
| 15 | this.state = { | ||
| 16 | show: false | ||
| 17 | }; | ||
| 18 | this.showModal = this.showModal.bind(this); | ||
| 19 | this.hideModal = this.hideModal.bind(this); | ||
| 20 | this.onUpdate = this.onUpdate.bind(this); | ||
| 21 | }; | ||
| 22 | |||
| 23 | showModal() { | ||
| 24 | this.setState({show: true}); | ||
| 25 | } | ||
| 26 | |||
| 27 | hideModal() { | ||
| 28 | this.setState({show: false}); | ||
| 29 | } | ||
| 30 | onUpdate(key, value) { | ||
| 31 | this.setState({[key]: value}); | ||
| 32 | }; | ||
| 33 | |||
| 34 | render() { | ||
| 35 | return ( | ||
| 36 | <div className = "enterPane-box"> | ||
| 37 | <Panel header="Students Info" bsStyle="primary"> | ||
| 38 | <Table striped bordered condensed hover> | ||
| 39 | <thead> | ||
| 40 | <tr> | ||
| 41 | <th>#</th> | ||
| 42 | <th>First Name</th> | ||
| 43 | <th>Last Name</th> | ||
| 44 | </tr> | ||
| 45 | </thead> | ||
| 46 | <tbody> | ||
| 47 | { | ||
| 48 | this.props.data.students.map(function(student, i) | ||
| 49 | { | ||
| 50 | return( | ||
| 51 | <tr> | ||
| 52 | <td>{i+1}</td> | ||
| 53 | <td>{student.firstName}</td> | ||
| 54 | <td>{student.lastName}</td> | ||
| 55 | </tr> | ||
| 56 | ) | ||
| 57 | }) | ||
| 58 | } | ||
| 59 | |||
| 60 | </tbody> | ||
| 61 | </Table> | ||
| 62 | <ButtonToolbar> | ||
| 63 | <Button bsStyle="primary" onClick={this.showModal}> | ||
| 64 | Add Student | ||
| 65 | </Button> | ||
| 66 | <Modal | ||
| 67 | {...this.props} | ||
| 68 | show={this.state.show} | ||
| 69 | onHide={this.hideModal} | ||
| 70 | dialogClassName="custom-modal" | ||
| 71 | > | ||
| 72 | <Modal.Header closeButton> | ||
| 73 | <Modal.Title id="contained-modal-title-lg">New Student</Modal.Title> | ||
| 74 | </Modal.Header> | ||
| 75 | <Modal.Body> | ||
| 76 | <AddStudentForm /> | ||
| 77 | </Modal.Body> | ||
| 78 | <Modal.Footer> | ||
| 79 | <Button onClick={this.hideModal}>Close</Button> | ||
| 80 | </Modal.Footer> | ||
| 81 | </Modal> | ||
| 82 | </ButtonToolbar> | ||
| 83 | </Panel> | ||
| 84 | </div> | ||
| 85 | ); | ||
| 86 | }; | ||
| 87 | |||
| 88 | }; | ||
| 89 |
imports/client/views/org/admin/students/StudentTable.js
| File was created | 1 | import _ from 'lodash'; | |
| 2 | import { Meteor } from 'meteor/meteor'; | ||
| 3 | |||
| 4 | import React, { Component } from 'react'; | ||
| 5 | import { Link,browserHistory } from 'react-router'; | ||
| 6 | import { FormGroup,Panel,Table, | ||
| 7 | ButtonToolbar,Modal, | ||
| 8 | FormControl,Glyphicon,Button } from 'react-bootstrap'; | ||
| 9 | import { AddStudentForm } from './addStudentForm'; | ||
| 10 | |||
| 11 | export class StudentTable extends Component { | ||
| 12 | |||
| 13 | constructor(props) { | ||
| 14 | super(props); | ||
| 15 | this.state = { | ||
| 16 | show: false | ||
| 17 | }; | ||
| 18 | this.onUpdate = this.onUpdate.bind(this); | ||
| 19 | }; | ||
| 20 | onUpdate(key, value) { | ||
| 21 | this.setState({[key]: value}); | ||
| 22 | }; | ||
| 23 | |||
| 24 | render() { | ||
| 25 | return ( | ||
| 26 | <div className="panel panel-flat"> | ||
| 27 | <div className="panel-heading"> | ||
| 28 | <h5 className="panel-title">Student Details</h5> | ||
| 29 | <div className="heading-elements"> | ||
| 30 | <ul className="icons-list"> | ||
| 31 | <li><a data-action="collapse"></a></li> | ||
| 32 | <li><a data-action="reload"></a></li> | ||
| 33 | </ul> | ||
| 34 | </div> | ||
| 35 | </div> | ||
| 36 | |||
| 37 | |||
| 38 | <Table striped bordered condensed hover> | ||
| 39 | <thead> | ||
| 40 | <tr> | ||
| 41 | <th>First Name</th> | ||
| 42 | <th>Last Name</th> | ||
| 43 | <th>className</th> | ||
| 44 | <th>DOB</th> | ||
| 45 | <th>Status</th> | ||
| 46 | <th className="text-center">Actions</th> | ||
| 47 | </tr> | ||
| 48 | </thead> | ||
| 49 | <tbody> | ||
| 50 | { | ||
| 51 | this.props.data.students.map(function(student, i) | ||
| 52 | { | ||
| 53 | return( | ||
| 54 | <tr> | ||
| 55 | <td>{student.firstName}</td> | ||
| 56 | <td>{student.lastName}</td> | ||
| 57 | <td>VII</td> | ||
| 58 | <td>22 Jun 1972</td> | ||
| 59 | <td><span className="label label-success">Active</span></td> | ||
| 60 | <td className="text-center"> | ||
| 61 | <ul className="icons-list"> | ||
| 62 | <li className="dropdown"> | ||
| 63 | <a href="#" className="dropdown-toggle" data-toggle="dropdown"> | ||
| 64 | <i className="icon-menu9"></i> | ||
| 65 | </a> | ||
| 66 | |||
| 67 | <ul className="dropdown-menu dropdown-menu-right"> | ||
| 68 | <li><a href="#"><i className="icon-file-pdf"></i> Export to .pdf</a></li> | ||
| 69 | <li><a href="#"><i className="icon-file-excel"></i> Export to .csv</a></li> | ||
| 70 | <li><a href="#"><i className="icon-file-word"></i> Export to .doc</a></li> | ||
| 71 | </ul> | ||
| 72 | </li> | ||
| 73 | </ul> | ||
| 74 | </td> | ||
| 75 | </tr> | ||
| 76 | ) | ||
| 77 | }) | ||
| 78 | } | ||
| 79 | <tr> | ||
| 80 | <td>Jackelyn</td> | ||
| 81 | <td>Weible</td> | ||
| 82 | <td><a href="#">XI</a></td> | ||
| 83 | <td>3 Oct 1981</td> | ||
| 84 | <td><span className="label label-default">Inactive</span></td> | ||
| 85 | <td className="text-center"> | ||
| 86 | <ul className="icons-list"> | ||
| 87 | <li className="dropdown"> | ||
| 88 | <a href="#" className="dropdown-toggle" data-toggle="dropdown"> | ||
| 89 | <i className="icon-menu9"></i> | ||
| 90 | </a> | ||
| 91 | |||
| 92 | <ul className="dropdown-menu dropdown-menu-right"> | ||
| 93 | <li><a href="#"><i className="icon-file-pdf"></i> Export to .pdf</a></li> | ||
| 94 | <li><a href="#"><i className="icon-file-excel"></i> Export to .csv</a></li> | ||
| 95 | <li><a href="#"><i className="icon-file-word"></i> Export to .doc</a></li> | ||
| 96 | </ul> | ||
| 97 | </li> | ||
| 98 | </ul> | ||
| 99 | </td> | ||
| 100 | </tr> | ||
| 101 | </tbody> | ||
| 102 | </Table> | ||
| 103 | </div> | ||
| 104 | ); | ||
| 105 | }; | ||
| 106 | |||
| 107 | }; | ||
| 108 |
imports/client/views/org/admin/students/StudentView.js
| File was created | 1 | import _ from 'lodash'; | |
| 2 | import { Meteor } from 'meteor/meteor'; | ||
| 3 | |||
| 4 | import React, { Component } from 'react'; | ||
| 5 | import { Link,browserHistory } from 'react-router'; | ||
| 6 | import { FormGroup,Panel,Table, | ||
| 7 | ButtonToolbar,Modal, | ||
| 8 | FormControl,Glyphicon,Button } from 'react-bootstrap'; | ||
| 9 | import { AddStudentForm } from './addStudentForm'; | ||
| 10 | import { StudentTable } from './StudentTable'; | ||
| 11 | import { Header } from './Header'; | ||
| 12 | import { FabMenuView } from './FabMenu'; | ||
| 13 | |||
| 14 | export class StudentView extends Component { | ||
| 15 | |||
| 16 | constructor(props) { | ||
| 17 | super(props); | ||
| 18 | this.state = { | ||
| 19 | show: false | ||
| 20 | }; | ||
| 21 | this.showModal = this.showModal.bind(this); | ||
| 22 | this.hideModal = this.hideModal.bind(this); | ||
| 23 | this.onUpdate = this.onUpdate.bind(this); | ||
| 24 | }; | ||
| 25 | |||
| 26 | showModal() { | ||
| 27 | this.setState({show: true}); | ||
| 28 | } | ||
| 29 | |||
| 30 | hideModal() { | ||
| 31 | this.setState({show: false}); | ||
| 32 | } | ||
| 33 | onUpdate(key, value) { | ||
| 34 | this.setState({[key]: value}); | ||
| 35 | }; | ||
| 36 | |||
| 37 | render() { | ||
| 38 | return ( | ||
| 39 | <div className="content has-detached-left"> | ||
| 40 | <div className="container-detached"> | ||
| 41 | <div className="content-detached"> | ||
| 42 | <Header/> | ||
| 43 | <StudentTable | ||
| 44 | data = {this.props.data} | ||
| 45 | /> | ||
| 46 | <FabMenuView/> | ||
| 47 | |||
| 48 | </div> | ||
| 49 | </div> | ||
| 50 | <div className="sidebar-detached affix-top"> | ||
| 51 | <div className="sidebar sidebar-default"> | ||
| 52 | <div className="sidebar-content"> | ||
| 53 | |||
| 54 | <div className="sidebar-category"> | ||
| 55 | <div className="category-title"> | ||
| 56 | <span>Advanced Search</span> | ||
| 57 | <ul className="icons-list"> | ||
| 58 | <li><a href="#" data-action="collapse"></a></li> | ||
| 59 | </ul> | ||
| 60 | </div> | ||
| 61 | |||
| 62 | <div className="category-content"> | ||
| 63 | <form action="#"> | ||
| 64 | <div className="has-feedback has-feedback-left"> | ||
| 65 | <input type="search" className="form-control" placeholder="First Name" /> | ||
| 66 | <div className="form-control-feedback"> | ||
| 67 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 68 | </div> | ||
| 69 | </div> | ||
| 70 | </form> | ||
| 71 | </div> | ||
| 72 | <div className="category-content"> | ||
| 73 | <form action="#"> | ||
| 74 | <div className="has-feedback has-feedback-left"> | ||
| 75 | <input type="search" className="form-control" placeholder="Last Name" /> | ||
| 76 | <div className="form-control-feedback"> | ||
| 77 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 78 | </div> | ||
| 79 | </div> | ||
| 80 | </form> | ||
| 81 | </div> | ||
| 82 | <div className="category-content"> | ||
| 83 | <form action="#"> | ||
| 84 | <div className="has-feedback has-feedback-left"> | ||
| 85 | <div className="btn-group"> | ||
| 86 | <button type="button" className="dropdown-toggle form-control" data-toggle="dropdown"> | ||
| 87 | <span data-bind="label">Select className</span> <span className="caret"></span> | ||
| 88 | </button> | ||
| 89 | <ul className="dropdown-menu" role="menu"> | ||
| 90 | <li><a href="#">Item 1</a></li> | ||
| 91 | <li><a href="#">Another item</a></li> | ||
| 92 | <li><a href="#">This is a longer item that will not fit properly</a></li> | ||
| 93 | </ul> | ||
| 94 | </div> | ||
| 95 | <div className="form-control-feedback"> | ||
| 96 | <i className="icon-search4 text-size-base text-muted"></i> | ||
| 97 | </div> | ||
| 98 | </div> | ||
| 99 | </form> | ||
| 100 | </div> | ||
| 101 | </div> | ||
| 102 | |||
| 103 | |||
| 104 | </div> | ||
| 105 | </div> | ||
| 106 | </div> | ||
| 107 | </div> | ||
| 108 | ); | ||
| 109 | }; | ||
| 110 | |||
| 111 | }; | ||
| 112 |
imports/client/views/org/admin/students/index.js
| 1 | // import { StudentDataController } from '/imports/client/views/org/admin/students/index' | 1 | // import { StudentDataController } from '/imports/client/views/org/admin/students/index' |
| 2 | import _ from 'lodash'; | 2 | import _ from 'lodash'; |
| 3 | import { | 3 | import { |
| 4 | composeWithTracker, | 4 | composeWithTracker, |
| 5 | compose, | 5 | compose, |
| 6 | composeAll | 6 | composeAll |
| 7 | } from 'react-komposer'; | 7 | } from 'react-komposer'; |
| 8 | import { Loading } from '/imports/client/components/Loading'; | 8 | import { Loading } from '/imports/client/components/Loading'; |
| 9 | 9 | ||
| 10 | import { Orgs } from '/imports/collections/orgs/index'; | 10 | import { Orgs } from '/imports/collections/orgs/index'; |
| 11 | import { Users } from '/imports/collections/users/index'; | 11 | import { Users } from '/imports/collections/users/index'; |
| 12 | import { StudentDataView } from './StudentDataView'; | 12 | import { StudentView } from './StudentView'; |
| 13 | import { Students } from '/imports/collections/students/methods' | 13 | import { Students } from '/imports/collections/students/methods' |
| 14 | 14 | ||
| 15 | 15 | ||
| 16 | const meteorTick = (props, onData) => { | 16 | const meteorTick = (props, onData) => { |
| 17 | 17 | ||
| 18 | const handles = [ | 18 | const handles = [ |
| 19 | Meteor.subscribe('users.current'), | 19 | Meteor.subscribe('users.current'), |
| 20 | Meteor.subscribe('orgs.current'), | 20 | Meteor.subscribe('orgs.current'), |
| 21 | Meteor.subscribe('users.forMyOrg') | 21 | Meteor.subscribe('users.forMyOrg') |
| 22 | ]; | 22 | ]; |
| 23 | 23 | ||
| 24 | if(_.every(handles, (handle) => (handle.ready()) )) { | 24 | if(_.every(handles, (handle) => (handle.ready()) )) { |
| 25 | const user = Users.current(); | 25 | const user = Users.current(); |
| 26 | const org = Orgs.current(); | 26 | const org = Orgs.current(); |
| 27 | const students = Users.find({"role":"STUDENT"}).fetch(); | 27 | const students = Users.find({"role":"STUDENT"}).fetch(); |
| 28 | console.log(students); | 28 | console.log(students); |
| 29 | onData(null, { | 29 | onData(null, { |
| 30 | data: { | 30 | data: { |
| 31 | user: user, | 31 | user: user, |
| 32 | org: org, | 32 | org: org, |
| 33 | students:students | 33 | students:students |
| 34 | }, | 34 | }, |
| 35 | }); | 35 | }); |
| 36 | } | 36 | } |
| 37 | 37 | ||
| 38 | return () => { | 38 | return () => { |
| 39 | _.each(handles, (handle) => handle.stop() ); | 39 | _.each(handles, (handle) => handle.stop() ); |
| 40 | }; | 40 | }; |
| 41 | }; | 41 | }; |
| 42 | 42 | ||
| 43 | 43 | ||
| 44 | const reduxTick = (props, onData) => { | 44 | const reduxTick = (props, onData) => { |
| 45 | onData(null, { | 45 | onData(null, { |
| 46 | data: {} | 46 | data: {} |
| 47 | }); | 47 | }); |
| 48 | }; | 48 | }; |
| 49 | 49 | ||
| 50 | 50 | ||
| 51 | export const StudentDataController = composeAll( | 51 | export const StudentDataController = composeAll( |
| 52 | composeWithTracker(meteorTick, Loading), | 52 | composeWithTracker(meteorTick, Loading), |
| 53 | compose(reduxTick, Loading), | 53 | compose(reduxTick, Loading), |
| 54 | )(StudentDataView); | 54 | )(StudentView); |
| 55 | 55 |
package.json
| 1 | { | 1 | { |
| 2 | "name": "application-name", | 2 | "name": "application-name", |
| 3 | "version": "1.0.0", | 3 | "version": "1.0.0", |
| 4 | "description": "Application description.", | 4 | "description": "Application description.", |
| 5 | "scripts": { | 5 | "scripts": { |
| 6 | "start": "meteor --settings settings-development.json", | 6 | "start": "meteor --settings settings-development.json", |
| 7 | "test": "meteor test --driver-package practicalmeteor:mocha --port 5000", | 7 | "test": "meteor test --driver-package practicalmeteor:mocha --port 5000", |
| 8 | "chimp-watch": "chimp --ddp=http://localhost:3000 --watch --mocha --path=tests", | 8 | "chimp-watch": "chimp --ddp=http://localhost:3000 --watch --mocha --path=tests", |
| 9 | "chimp-test": "chimp --ddp=http://localhost:3000 --mocha --path=tests", | 9 | "chimp-test": "chimp --ddp=http://localhost:3000 --mocha --path=tests", |
| 10 | "staging": "meteor deploy staging.meteor.com --settings settings-development.json", | 10 | "staging": "meteor deploy staging.meteor.com --settings settings-development.json", |
| 11 | "production": "meteor deploy production.meteor.com --settings settings-production.json" | 11 | "production": "meteor deploy production.meteor.com --settings settings-production.json" |
| 12 | }, | 12 | }, |
| 13 | "devDependencies": { | 13 | "devDependencies": { |
| 14 | "chimp": "^0.41.2", | 14 | "chimp": "^0.41.2", |
| 15 | "eslint": "^3.8.1", | 15 | "eslint": "^3.8.1", |
| 16 | "eslint-config-airbnb": "^12.0.0", | 16 | "eslint-config-airbnb": "^12.0.0", |
| 17 | "eslint-plugin-import": "^1.16.0", | 17 | "eslint-plugin-import": "^1.16.0", |
| 18 | "eslint-plugin-jsx-a11y": "^2.2.3", | 18 | "eslint-plugin-jsx-a11y": "^2.2.3", |
| 19 | "eslint-plugin-meteor": "^4.0.1", | 19 | "eslint-plugin-meteor": "^4.0.1", |
| 20 | "eslint-plugin-react": "^6.4.1" | 20 | "eslint-plugin-react": "^6.4.1" |
| 21 | }, | 21 | }, |
| 22 | "eslintConfig": { | 22 | "eslintConfig": { |
| 23 | "parserOptions": { | 23 | "parserOptions": { |
| 24 | "ecmaFeatures": { | 24 | "ecmaFeatures": { |
| 25 | "jsx": true | 25 | "jsx": true |
| 26 | } | 26 | } |
| 27 | }, | 27 | }, |
| 28 | "plugins": [ | 28 | "plugins": [ |
| 29 | "meteor", | 29 | "meteor", |
| 30 | "react" | 30 | "react" |
| 31 | ], | 31 | ], |
| 32 | "extends": [ | 32 | "extends": [ |
| 33 | "airbnb/base", | 33 | "airbnb/base", |
| 34 | "plugin:meteor/guide", | 34 | "plugin:meteor/guide", |
| 35 | "plugin:react/recommended" | 35 | "plugin:react/recommended" |
| 36 | ], | 36 | ], |
| 37 | "env": { | 37 | "env": { |
| 38 | "browser": true | 38 | "browser": true |
| 39 | }, | 39 | }, |
| 40 | "globals": { | 40 | "globals": { |
| 41 | "server": false, | 41 | "server": false, |
| 42 | "browser": false, | 42 | "browser": false, |
| 43 | "expect": false | 43 | "expect": false |
| 44 | }, | 44 | }, |
| 45 | "rules": { | 45 | "rules": { |
| 46 | "import/no-unresolved": 0, | 46 | "import/no-unresolved": 0, |
| 47 | "import/no-extraneous-dependencies": 0, | 47 | "import/no-extraneous-dependencies": 0, |
| 48 | "import/extensions": 0, | 48 | "import/extensions": 0, |
| 49 | "no-underscore-dangle": [ | 49 | "no-underscore-dangle": [ |
| 50 | "error", | 50 | "error", |
| 51 | { | 51 | { |
| 52 | "allow": [ | 52 | "allow": [ |
| 53 | "_id", | 53 | "_id", |
| 54 | "_ensureIndex", | 54 | "_ensureIndex", |
| 55 | "_verifyEmailToken", | 55 | "_verifyEmailToken", |
| 56 | "_resetPasswordToken", | 56 | "_resetPasswordToken", |
| 57 | "_name" | 57 | "_name" |
| 58 | ] | 58 | ] |
| 59 | } | 59 | } |
| 60 | ], | 60 | ], |
| 61 | "class-methods-use-this": 0 | 61 | "class-methods-use-this": 0 |
| 62 | } | 62 | } |
| 63 | }, | 63 | }, |
| 64 | "dependencies": { | 64 | "dependencies": { |
| 65 | "babel-runtime": "^6.18.0", | 65 | "babel-runtime": "^6.18.0", |
| 66 | "bcrypt": "^0.8.7", | 66 | "bcrypt": "^0.8.7", |
| 67 | "bootstrap": "^4.0.0-alpha.6", | 67 | "bootstrap": "^4.0.0-alpha.6", |
| 68 | "jquery": "^2.2.4", | 68 | "jquery": "^2.2.4", |
| 69 | "jquery-validation": "^1.15.1", | 69 | "jquery-validation": "^1.15.1", |
| 70 | "material-fabmenu": "0.0.1", | ||
| 71 | "material-ui": "^0.17.1", | ||
| 70 | "moment": "^2.18.0", | 72 | "moment": "^2.18.0", |
| 71 | "react": "^15.4.2", | 73 | "react": "^15.4.2", |
| 72 | "react-addons-css-transition-group": "^15.4.2", | 74 | "react-addons-css-transition-group": "^15.4.2", |
| 73 | "react-addons-pure-render-mixin": "^15.3.2", | 75 | "react-addons-pure-render-mixin": "^15.3.2", |
| 74 | "react-addons-transition-group": "^15.4.2", | 76 | "react-addons-transition-group": "^15.4.2", |
| 75 | "react-bootstrap": "^0.30.8", | 77 | "react-bootstrap": "^0.30.8", |
| 76 | "react-bootstrap-date-picker": "^4.0.0", | 78 | "react-bootstrap-date-picker": "^4.0.0", |
| 77 | "react-dom": "^15.4.2", | 79 | "react-dom": "^15.4.2", |
| 78 | "react-fontawesome": "^1.5.0", | 80 | "react-fontawesome": "^1.5.0", |
| 79 | "react-komposer": "^1.13.1", | 81 | "react-komposer": "^1.13.1", |
| 80 | "react-router": "^2.6.1", | 82 | "react-router": "^2.6.1", |
| 81 | "react-router-bootstrap": "^0.23.1", | 83 | "react-router-bootstrap": "^0.23.1", |
| 82 | "react-svg": "^2.1.19", | 84 | "react-svg": "^2.1.19", |
| 85 | "react-tap-event-plugin": "^2.0.1", | ||
| 83 | "reactstrap": "^4.3.0", | 86 | "reactstrap": "^4.3.0", |
| 84 | "velocity-animate": "^1.4.3", | 87 | "velocity-animate": "^1.4.3", |
| 85 | "velocity-react": "^1.2.1" | 88 | "velocity-react": "^1.2.1" |
| 86 | } | 89 | } |
| 87 | } | 90 | } |
| 88 | 91 |
public/assets/images/download.png
32.8 KB
public/assets/images/download1.png
41.3 KB
public/assets/images/download2.png
34.4 KB
public/assets/images/download3.png
37.2 KB
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: Mar 10, 2016 | 147 | * Latest update: Nov 25, 2015 |
| 148 | * | 148 | * |
| 149 | * ---------------------------------------------------------------------------- */ | 149 | * ---------------------------------------------------------------------------- */ |
| 150 | .sidebar { | 150 | .sidebar { |
| 151 | background-color: #263238; | ||
| 151 | color: #fff; | 152 | color: #fff; |
| 152 | position: relative; | 153 | position: relative; |
| 153 | width: 100%; | 154 | width: 100%; |
| 154 | display: none; | 155 | display: none; |
| 155 | } | ||
| 156 | .sidebar .sidebar-content { | ||
| 157 | background-color: #263238; | ||
| 158 | -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); |
| 159 | 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); |
| 160 | } | 158 | } |
| 161 | @media (min-width: 769px) { | 159 | @media (min-width: 769px) { |
| 162 | .sidebar { | 160 | .sidebar { |
| 163 | display: table-cell; | 161 | display: table-cell; |
| 164 | vertical-align: top; | 162 | vertical-align: top; |
| 165 | width: 280px; | 163 | width: 260px; |
| 166 | padding-right: 20px; | ||
| 167 | } | 164 | } |
| 168 | } | 165 | } |
| 169 | .sidebar-main { | 166 | .sidebar-main { |
| 170 | z-index: 99; | 167 | z-index: 99; |
| 171 | } | 168 | } |
| 172 | .sidebar-secondary { | 169 | .sidebar-secondary { |
| 173 | z-index: 98; | 170 | z-index: 98; |
| 174 | } | 171 | } |
| 175 | .sidebar-opposite { | 172 | .sidebar-opposite { |
| 176 | display: none; | 173 | display: none; |
| 177 | z-index: 97; | 174 | z-index: 97; |
| 178 | } | 175 | } |
| 179 | @media (min-width: 769px) { | 176 | @media (min-width: 769px) { |
| 180 | .sidebar-opposite-visible .sidebar-opposite { | 177 | .sidebar-opposite-visible .sidebar-opposite { |
| 181 | display: table-cell; | 178 | display: table-cell; |
| 182 | padding-right: 0; | ||
| 183 | padding-left: 20px; | ||
| 184 | } | 179 | } |
| 185 | } | 180 | } |
| 186 | .sidebar-default { | 181 | .sidebar-default { |
| 187 | color: #333333; | ||
| 188 | } | ||
| 189 | .sidebar-default .sidebar-content { | ||
| 190 | background-color: #fff; | 182 | background-color: #fff; |
| 183 | color: #333333; | ||
| 191 | } | 184 | } |
| 192 | .sidebar-content { | 185 | .sidebar-content { |
| 193 | position: relative; | 186 | position: relative; |
| 194 | border-radius: 3px; | 187 | padding-bottom: 8px; |
| 195 | margin-bottom: 20px; | ||
| 196 | } | 188 | } |
| 197 | .sidebar-all-hidden .sidebar-main, | 189 | .sidebar-all-hidden .sidebar-main, |
| 198 | .sidebar-all-hidden .sidebar-secondary, | 190 | .sidebar-all-hidden .sidebar-secondary, |
| 199 | .sidebar-main-hidden .sidebar-main, | 191 | .sidebar-main-hidden .sidebar-main, |
| 192 | .sidebar-detached-hidden .sidebar-detached > .sidebar, | ||
| 200 | .sidebar-secondary-hidden .sidebar-secondary { | 193 | .sidebar-secondary-hidden .sidebar-secondary { |
| 201 | display: none; | 194 | display: none; |
| 202 | } | 195 | } |
| 203 | @media (max-width: 768px) { | 196 | @media (max-width: 768px) { |
| 204 | .sidebar-mobile-main .sidebar-main, | 197 | .sidebar-mobile-main .sidebar-main, |
| 205 | .sidebar-mobile-secondary .sidebar-secondary, | 198 | .sidebar-mobile-secondary .sidebar-secondary, |
| 206 | .sidebar-mobile-opposite .sidebar-opposite { | 199 | .sidebar-mobile-opposite .sidebar-opposite, |
| 200 | .sidebar-mobile-detached .sidebar-detached > .sidebar { | ||
| 207 | display: block; | 201 | display: block; |
| 208 | } | 202 | } |
| 209 | } | 203 | } |
| 210 | .category-title { | 204 | .category-title { |
| 211 | position: relative; | 205 | position: relative; |
| 212 | margin: 0; | 206 | margin: 0; |
| 213 | padding: 12px 20px; | 207 | padding: 12px 20px; |
| 214 | padding-right: 46px; | 208 | padding-right: 46px; |
| 215 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 209 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 216 | } | 210 | } |
| 217 | .category-title > span { | 211 | .category-title > span { |
| 218 | display: block; | 212 | display: block; |
| 219 | } | 213 | margin-top: 2px; |
| 220 | .category-title:not(.h5):not(.h6) > span { | ||
| 221 | padding-top: 2px; | ||
| 222 | text-transform: uppercase; | 214 | text-transform: uppercase; |
| 223 | font-weight: 500; | 215 | font-weight: 500; |
| 224 | font-size: 11px; | 216 | font-size: 11px; |
| 225 | line-height: 1.82; | 217 | line-height: 1.82; |
| 226 | } | 218 | } |
| 227 | .category-title.h5, | ||
| 228 | .category-title.h6 { | ||
| 229 | padding: 20px; | ||
| 230 | border-bottom: 0; | ||
| 231 | } | ||
| 232 | .category-title > i { | 219 | .category-title > i { |
| 233 | position: absolute; | 220 | position: absolute; |
| 234 | right: 20px; | 221 | right: 20px; |
| 235 | top: 50%; | 222 | top: 50%; |
| 236 | margin-top: -8px; | 223 | margin-top: -8px; |
| 237 | } | 224 | } |
| 238 | .category-title .icons-list { | 225 | .category-title .icons-list { |
| 239 | position: absolute; | 226 | position: absolute; |
| 240 | right: 20px; | 227 | right: 20px; |
| 241 | top: 50%; | 228 | top: 50%; |
| 242 | margin-top: -8px; | 229 | margin-top: -8px; |
| 243 | } | 230 | } |
| 244 | .category-title + .sidebar-user { | ||
| 245 | padding-top: 5px; | ||
| 246 | padding-bottom: 5px; | ||
| 247 | } | ||
| 248 | .sidebar-default .category-title { | 231 | .sidebar-default .category-title { |
| 249 | border-bottom-color: #ddd; | 232 | border-bottom-color: #ddd; |
| 250 | } | 233 | } |
| 251 | .category-content { | 234 | .category-content { |
| 252 | position: relative; | 235 | position: relative; |
| 253 | padding: 20px; | 236 | padding: 20px; |
| 254 | } | 237 | } |
| 255 | .sidebar-user-material .category-content { | 238 | .sidebar-user-material .category-content { |
| 256 | background: url(../images/backgrounds/user_bg4.jpg) center center no-repeat; | 239 | background: url(../images/backgrounds/user_bg4.jpg) center center no-repeat; |
| 257 | background-repeat: no-repeat; | 240 | background-repeat: no-repeat; |
| 258 | background-position: center center; | 241 | background-position: center center; |
| 259 | -webkit-background-size: cover; | 242 | -webkit-background-size: cover; |
| 260 | -moz-background-size: cover; | 243 | -moz-background-size: cover; |
| 261 | -o-background-size: cover; | 244 | -o-background-size: cover; |
| 262 | background-size: cover; | 245 | background-size: cover; |
| 263 | } | 246 | } |
| 264 | .sidebar-user-material .navigation-wrapper { | 247 | .sidebar-user-material .navigation-wrapper { |
| 265 | background-color: rgba(0, 0, 0, 0.1); | 248 | background-color: rgba(0, 0, 0, 0.1); |
| 266 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | 249 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 267 | } | 250 | } |
| 268 | .sidebar-default .sidebar-user-material .navigation-wrapper { | 251 | .sidebar-default .sidebar-user-material .navigation-wrapper { |
| 269 | background-color: rgba(0, 0, 0, 0.01); | 252 | background-color: rgba(0, 0, 0, 0.01); |
| 270 | border-bottom-color: #ddd; | 253 | border-bottom-color: #ddd; |
| 271 | } | 254 | } |
| 272 | .sidebar-user-material .navigation { | 255 | .sidebar-user-material .navigation { |
| 273 | padding: 8px 0; | 256 | padding: 8px 0; |
| 274 | } | 257 | } |
| 275 | .sidebar-user-material:first-child .category-content { | 258 | .sidebar-detached .sidebar-user-material:first-child .category-content { |
| 276 | border-top-right-radius: 3px; | 259 | border-top-right-radius: 3px; |
| 277 | border-top-left-radius: 3px; | 260 | border-top-left-radius: 3px; |
| 278 | } | 261 | } |
| 279 | .sidebar-user-material-menu { | 262 | .sidebar-user-material-menu { |
| 280 | margin: -20px; | 263 | margin: -20px; |
| 281 | margin-top: 20px; | 264 | margin-top: 20px; |
| 282 | } | 265 | } |
| 283 | .sidebar-user-material-menu > a { | 266 | .sidebar-user-material-menu > a { |
| 284 | padding: 10px 20px; | 267 | padding: 10px 20px; |
| 285 | display: block; | 268 | display: block; |
| 286 | color: #fff; | 269 | color: #fff; |
| 287 | background-color: rgba(0, 0, 0, 0.1); | 270 | background-color: rgba(0, 0, 0, 0.1); |
| 288 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | 271 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); |
| 289 | } | 272 | } |
| 290 | .sidebar-user-material-menu > a:hover, | 273 | .sidebar-user-material-menu > a:hover, |
| 291 | .sidebar-user-material-menu > a:focus, | 274 | .sidebar-user-material-menu > a:focus, |
| 292 | .sidebar-user-material-menu > a[aria-expanded="true"] { | 275 | .sidebar-user-material-menu > a[aria-expanded="true"] { |
| 293 | background-color: rgba(0, 0, 0, 0.15); | 276 | background-color: rgba(0, 0, 0, 0.15); |
| 294 | } | 277 | } |
| 295 | .sidebar-user-material-menu > a > i { | 278 | .sidebar-user-material-menu > a > i { |
| 296 | float: right; | 279 | float: right; |
| 297 | margin-top: 2px; | 280 | margin-top: 2px; |
| 298 | } | 281 | } |
| 299 | .sidebar-user-material-menu > a > .caret { | 282 | .sidebar-user-material-menu > a > .caret { |
| 300 | -webkit-transition-duration: 0.35s; | 283 | -webkit-transition-duration: 0.35s; |
| 301 | transition-duration: 0.35s; | 284 | transition-duration: 0.35s; |
| 302 | } | 285 | } |
| 303 | .sidebar-user-material-menu > a[aria-expanded="true"] > .caret { | 286 | .sidebar-user-material-menu > a[aria-expanded="true"] > .caret { |
| 304 | -webkit-transform: rotate(180deg); | 287 | -webkit-transform: rotate(180deg); |
| 305 | -ms-transform: rotate(180deg); | 288 | -ms-transform: rotate(180deg); |
| 306 | -o-transform: rotate(180deg); | 289 | -o-transform: rotate(180deg); |
| 307 | transform: rotate(180deg); | 290 | transform: rotate(180deg); |
| 308 | } | 291 | } |
| 309 | .sidebar-user-material-content { | 292 | .sidebar-user-material-content { |
| 310 | text-align: center; | 293 | text-align: center; |
| 311 | } | 294 | } |
| 312 | .sidebar-user-material-content > a { | 295 | .sidebar-user-material-content > a { |
| 313 | display: inline-block; | 296 | display: inline-block; |
| 314 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 297 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 315 | 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); |
| 316 | } | 299 | } |
| 317 | .sidebar-user-material-content > a > img { | 300 | .sidebar-user-material-content > a > img { |
| 318 | height: 80px; | 301 | height: 80px; |
| 319 | } | 302 | } |
| 320 | .sidebar-user-material-content > h6 { | 303 | .sidebar-user-material-content > h6 { |
| 321 | margin-bottom: 0; | 304 | margin-bottom: 0; |
| 322 | } | 305 | } |
| 323 | .sidebar-user-material-content > h6, | 306 | .sidebar-user-material-content > h6, |
| 324 | .sidebar-user-material-content > span { | 307 | .sidebar-user-material-content > span { |
| 325 | color: #fff; | 308 | color: #fff; |
| 326 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | 309 | text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); |
| 327 | } | 310 | } |
| 328 | .sidebar-xs .sidebar-user-material-content { | 311 | .sidebar-xs .sidebar-user-material-content { |
| 329 | display: none; | 312 | display: none; |
| 330 | } | 313 | } |
| 331 | .sidebar-xs .sidebar-user-material > .category-content { | 314 | .sidebar-xs .sidebar-user-material > .category-content { |
| 332 | padding: 0; | 315 | padding: 0; |
| 333 | } | 316 | } |
| 334 | .sidebar-xs .sidebar-user-material-menu { | 317 | .sidebar-xs .sidebar-user-material-menu { |
| 335 | margin: 0; | 318 | margin: 0; |
| 336 | } | 319 | } |
| 337 | .sidebar-xs .sidebar-user-material-menu > a { | 320 | .sidebar-xs .sidebar-user-material-menu > a { |
| 338 | text-align: center; | 321 | text-align: center; |
| 339 | padding: 20px; | 322 | padding: 20px; |
| 340 | line-height: 1; | 323 | line-height: 1; |
| 341 | } | 324 | } |
| 342 | .sidebar-xs .sidebar-user-material-menu > a > span { | 325 | .sidebar-xs .sidebar-user-material-menu > a > span { |
| 343 | display: none; | 326 | display: none; |
| 344 | } | 327 | } |
| 345 | .sidebar-xs .sidebar-user-material-menu > a > i { | 328 | .sidebar-xs .sidebar-user-material-menu > a > i { |
| 346 | float: none; | 329 | float: none; |
| 347 | margin-top: 0; | 330 | margin-top: 0; |
| 348 | } | 331 | } |
| 349 | .navigation { | 332 | .navigation { |
| 350 | margin: 0; | 333 | margin: 0; |
| 351 | padding: 10px 0; | 334 | padding: 10px 0; |
| 352 | list-style: none; | 335 | list-style: none; |
| 353 | position: relative; | 336 | position: relative; |
| 354 | } | 337 | } |
| 355 | .sidebar-category > .h5 + .category-content > .navigation, | 338 | .sidebar-user + .sidebar-category .navigation { |
| 356 | .sidebar-category > .h6 + .category-content > .navigation { | ||
| 357 | padding-top: 0; | 339 | padding-top: 0; |
| 358 | } | 340 | } |
| 359 | .navigation .hidden-ul { | 341 | .navigation .hidden-ul { |
| 360 | display: none; | 342 | display: none; |
| 361 | } | 343 | } |
| 362 | .navigation li { | 344 | .navigation li { |
| 363 | position: relative; | 345 | position: relative; |
| 364 | } | 346 | } |
| 365 | .navigation li + li { | 347 | .navigation li + li { |
| 366 | margin-top: 1px; | 348 | margin-top: 1px; |
| 367 | } | 349 | } |
| 368 | .navigation li + .navigation-header { | 350 | .navigation li + .navigation-header { |
| 369 | margin-top: 10px; | 351 | margin-top: 10px; |
| 370 | } | 352 | } |
| 371 | .navigation li a { | 353 | .navigation li a { |
| 372 | color: rgba(255, 255, 255, 0.75); | 354 | color: rgba(255, 255, 255, 0.75); |
| 373 | display: block; | 355 | display: block; |
| 374 | -webkit-transition: background 0.15s linear, color 0.15s linear; | 356 | -webkit-transition: background 0.15s linear, color 0.15s linear; |
| 375 | -o-transition: background 0.15s linear, color 0.15s linear; | 357 | -o-transition: background 0.15s linear, color 0.15s linear; |
| 376 | transition: background 0.15s linear, color 0.15s linear; | 358 | transition: background 0.15s linear, color 0.15s linear; |
| 377 | } | 359 | } |
| 378 | .navigation li a:hover, | 360 | .navigation li a:hover, |
| 379 | .navigation li a:focus { | 361 | .navigation li a:focus { |
| 380 | background-color: rgba(0, 0, 0, 0.1); | 362 | background-color: rgba(0, 0, 0, 0.1); |
| 381 | color: #fff; | 363 | color: #fff; |
| 382 | } | 364 | } |
| 383 | .navigation li a > i { | 365 | .navigation li a > i { |
| 384 | float: left; | 366 | float: left; |
| 385 | top: 0; | 367 | top: 0; |
| 386 | margin-top: 2px; | 368 | margin-top: 2px; |
| 387 | margin-right: 15px; | 369 | margin-right: 15px; |
| 388 | -webkit-transition: opacity 0.2s ease-in-out; | 370 | -webkit-transition: opacity 0.2s ease-in-out; |
| 389 | -o-transition: opacity 0.2s ease-in-out; | 371 | -o-transition: opacity 0.2s ease-in-out; |
| 390 | transition: opacity 0.2s ease-in-out; | 372 | transition: opacity 0.2s ease-in-out; |
| 391 | } | 373 | } |
| 392 | .navigation li a > i.pull-right { | 374 | .navigation li a > i.pull-right { |
| 393 | margin-right: 0; | 375 | margin-right: 0; |
| 394 | margin-left: 15px; | 376 | margin-left: 15px; |
| 395 | } | 377 | } |
| 396 | .navigation li.disabled > a, | 378 | .navigation li.disabled > a, |
| 397 | .navigation li.disabled > a:hover, | 379 | .navigation li.disabled > a:hover, |
| 398 | .navigation li.disabled > a:focus { | 380 | .navigation li.disabled > a:focus { |
| 399 | color: inherit; | 381 | color: inherit; |
| 400 | background-color: transparent; | 382 | background-color: transparent; |
| 401 | cursor: not-allowed; | 383 | cursor: not-allowed; |
| 402 | opacity: 0.3; | 384 | opacity: 0.3; |
| 403 | filter: alpha(opacity=30); | 385 | filter: alpha(opacity=30); |
| 404 | } | 386 | } |
| 405 | .navigation li > .has-ul { | 387 | .navigation li > .has-ul { |
| 406 | position: relative; | 388 | position: relative; |
| 407 | padding-right: 36px; | 389 | padding-right: 36px; |
| 408 | } | 390 | } |
| 409 | .navigation li > .has-ul:after { | 391 | .navigation li > .has-ul:after { |
| 410 | content: "\e9c7"; | 392 | content: "\e9c7"; |
| 411 | font-family: "icomoon"; | 393 | font-family: "icomoon"; |
| 412 | font-size: 16px; | 394 | font-size: 16px; |
| 413 | display: block; | 395 | display: block; |
| 414 | position: absolute; | 396 | position: absolute; |
| 415 | top: 50%; | 397 | top: 50%; |
| 416 | margin-top: -8px; | 398 | margin-top: -8px; |
| 417 | right: 20px; | 399 | right: 20px; |
| 418 | line-height: 1; | 400 | line-height: 1; |
| 419 | -webkit-font-smoothing: antialiased; | 401 | -webkit-font-smoothing: antialiased; |
| 420 | -moz-osx-font-smoothing: grayscale; | 402 | -moz-osx-font-smoothing: grayscale; |
| 421 | -webkit-transform: rotate(0deg); | 403 | -webkit-transform: rotate(0deg); |
| 422 | -ms-transform: rotate(0deg); | 404 | -ms-transform: rotate(0deg); |
| 423 | -o-transform: rotate(0deg); | 405 | -o-transform: rotate(0deg); |
| 424 | transform: rotate(0deg); | 406 | transform: rotate(0deg); |
| 425 | -webkit-transition: -webkit-transform 0.2s ease-in-out; | 407 | -webkit-transition: -webkit-transform 0.2s ease-in-out; |
| 426 | -o-transition: -webkit-transform 0.2s ease-in-out; | 408 | -o-transition: -webkit-transform 0.2s ease-in-out; |
| 427 | transition: -webkit-transform 0.2s ease-in-out; | 409 | transition: -webkit-transform 0.2s ease-in-out; |
| 428 | } | 410 | } |
| 429 | .navigation li.active > .has-ul:after { | 411 | .navigation li.active > .has-ul:after { |
| 430 | -webkit-transform: rotate(90deg); | 412 | -webkit-transform: rotate(90deg); |
| 431 | -ms-transform: rotate(90deg); | 413 | -ms-transform: rotate(90deg); |
| 432 | -o-transform: rotate(90deg); | 414 | -o-transform: rotate(90deg); |
| 433 | transform: rotate(90deg); | 415 | transform: rotate(90deg); |
| 434 | } | 416 | } |
| 435 | .navigation li.navigation-divider { | 417 | .navigation li.navigation-divider { |
| 436 | margin: 10px 0; | 418 | margin: 10px 0; |
| 437 | height: 1px; | 419 | height: 1px; |
| 438 | background-color: rgba(255, 255, 255, 0.1); | 420 | background-color: rgba(255, 255, 255, 0.1); |
| 439 | } | 421 | } |
| 440 | .sidebar-default .navigation li.navigation-divider { | 422 | .sidebar-default .navigation li.navigation-divider { |
| 441 | background-color: #eeeeee; | 423 | background-color: #eeeeee; |
| 442 | } | 424 | } |
| 443 | .navigation > li > a { | 425 | .navigation > li > a { |
| 444 | padding: 12px 20px; | 426 | padding: 12px 20px; |
| 445 | min-height: 44px; | 427 | min-height: 44px; |
| 446 | font-weight: 500; | 428 | font-weight: 500; |
| 447 | } | 429 | } |
| 448 | .navigation > li.active > a, | 430 | .navigation > li.active > a, |
| 449 | .navigation > li.active > a:hover, | 431 | .navigation > li.active > a:hover, |
| 450 | .navigation > li.active > a:focus { | 432 | .navigation > li.active > a:focus { |
| 451 | background-color: #26A69A; | 433 | background-color: #304047; |
| 452 | color: #fff; | 434 | color: #fff; |
| 453 | } | 435 | } |
| 454 | .navigation > li.active > a > [class*=text-] { | 436 | .navigation > li.active > a > [class*=text-] { |
| 455 | color: #fff; | 437 | color: #fff; |
| 456 | } | 438 | } |
| 457 | .navigation > li.active > a .label, | 439 | .navigation > li.active > a .label, |
| 458 | .navigation > li.active > a .badge { | 440 | .navigation > li.active > a .badge { |
| 459 | background-color: transparent; | 441 | background-color: transparent; |
| 460 | border-color: transparent; | 442 | border-color: transparent; |
| 461 | color: #fff; | 443 | color: #fff; |
| 462 | -webkit-transition: background-color ease-in-out 0.2s; | 444 | -webkit-transition: background-color ease-in-out 0.2s; |
| 463 | -o-transition: background-color ease-in-out 0.2s; | 445 | -o-transition: background-color ease-in-out 0.2s; |
| 464 | transition: background-color ease-in-out 0.2s; | 446 | transition: background-color ease-in-out 0.2s; |
| 465 | } | 447 | } |
| 466 | .navigation > li ul { | 448 | .navigation > li ul { |
| 467 | list-style: none; | 449 | list-style: none; |
| 468 | margin: 0; | 450 | margin: 0; |
| 469 | padding: 0; | 451 | padding: 0; |
| 470 | background-color: rgba(0, 0, 0, 0.15); | 452 | background-color: rgba(0, 0, 0, 0.15); |
| 471 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); | 453 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| 472 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); | 454 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); |
| 473 | } | 455 | } |
| 474 | .navigation > li ul li a { | 456 | .navigation > li ul li a { |
| 475 | padding: 10px 20px; | 457 | padding: 10px 20px; |
| 476 | padding-left: 51px; | 458 | padding-left: 51px; |
| 477 | min-height: 40px; | 459 | min-height: 40px; |
| 478 | } | 460 | } |
| 479 | .navigation > li ul .navigation-header { | 461 | .navigation > li ul .navigation-header { |
| 480 | padding-left: 51px; | 462 | padding-left: 51px; |
| 481 | } | 463 | } |
| 482 | .navigation > li > ul > li > ul > li > a, | 464 | .navigation > li > ul > li > ul > li > a, |
| 483 | .navigation > li > ul > li > ul > .navigation-header { | 465 | .navigation > li > ul > li > ul > .navigation-header { |
| 484 | padding-left: 71px; | 466 | padding-left: 71px; |
| 485 | } | 467 | } |
| 486 | .navigation > li > ul > li > ul > li > ul > li > a, | 468 | .navigation > li > ul > li > ul > li > ul > li > a, |
| 487 | .navigation > li > ul > li > ul > li > ul .navigation-header { | 469 | .navigation > li > ul > li > ul > li > ul .navigation-header { |
| 488 | padding-left: 91px; | 470 | padding-left: 91px; |
| 489 | } | 471 | } |
| 490 | .navigation > li > ul li:first-child { | 472 | .navigation > li > ul li:first-child { |
| 491 | padding-top: 10px; | 473 | padding-top: 10px; |
| 492 | } | 474 | } |
| 493 | .navigation > li > ul li:last-child { | 475 | .navigation > li > ul li:last-child { |
| 494 | padding-bottom: 10px; | 476 | padding-bottom: 10px; |
| 495 | } | 477 | } |
| 496 | .navigation > li > ul li.active > a, | 478 | .navigation > li > ul li.active > a, |
| 497 | .navigation > li > ul li.active > a:hover, | 479 | .navigation > li > ul li.active > a:hover, |
| 498 | .navigation > li > ul li.active > a:focus { | 480 | .navigation > li > ul li.active > a:focus { |
| 499 | background-color: rgba(0, 0, 0, 0.2); | 481 | background-color: rgba(0, 0, 0, 0.2); |
| 500 | color: #fff; | 482 | color: #fff; |
| 501 | } | 483 | } |
| 502 | .navigation .navigation-header { | 484 | .navigation .navigation-header { |
| 503 | min-height: 30px; | 485 | min-height: 30px; |
| 504 | padding: 10px 20px; | 486 | padding: 10px 20px; |
| 505 | border-bottom: 0; | 487 | border-bottom: 0; |
| 506 | text-transform: uppercase; | 488 | text-transform: uppercase; |
| 507 | font-size: 11px; | 489 | font-size: 11px; |
| 508 | line-height: 1.82; | 490 | line-height: 1.82; |
| 509 | } | 491 | } |
| 510 | .navigation .navigation-header > span { | 492 | .navigation .navigation-header > span { |
| 511 | display: block; | 493 | display: block; |
| 512 | margin-top: 2px; | 494 | margin-top: 2px; |
| 513 | } | 495 | } |
| 514 | .navigation .navigation-header > i { | 496 | .navigation .navigation-header > i { |
| 515 | display: none; | 497 | display: none; |
| 516 | } | 498 | } |
| 517 | .navigation .navigation-header > i.pull-right { | 499 | .navigation .navigation-header > i.pull-right { |
| 518 | margin-top: 2px; | 500 | margin-top: 2px; |
| 519 | } | 501 | } |
| 520 | .navigation .navigation-header, | 502 | .navigation .navigation-header, |
| 521 | .navigation .navigation-header a { | 503 | .navigation .navigation-header a { |
| 522 | color: rgba(255, 255, 255, 0.5); | 504 | color: rgba(255, 255, 255, 0.5); |
| 523 | font-weight: 400; | 505 | font-weight: 400; |
| 524 | } | 506 | } |
| 525 | .navigation .navigation-header a:hover, | 507 | .navigation .navigation-header a:hover, |
| 526 | .navigation .navigation-header a:focus { | 508 | .navigation .navigation-header a:focus { |
| 527 | color: #fff; | 509 | color: #fff; |
| 528 | } | 510 | } |
| 529 | .navigation .navigation-header a i { | 511 | .navigation .navigation-header a i { |
| 530 | float: none; | 512 | float: none; |
| 531 | margin: 0; | 513 | margin: 0; |
| 532 | } | 514 | } |
| 533 | .sidebar-default .navigation .navigation-header, | 515 | .sidebar-default .navigation .navigation-header, |
| 534 | .sidebar-default .navigation .navigation-header a { | 516 | .sidebar-default .navigation .navigation-header a { |
| 535 | color: #999999; | 517 | color: #999999; |
| 536 | } | 518 | } |
| 537 | .sidebar-default .navigation .navigation-header a:hover, | 519 | .sidebar-default .navigation .navigation-header a:hover, |
| 538 | .sidebar-default .navigation .navigation-header a:focus { | 520 | .sidebar-default .navigation .navigation-header a:focus { |
| 539 | color: #333333; | 521 | color: #333333; |
| 540 | } | 522 | } |
| 541 | .navigation.nav > .active > .hidden-ul { | 523 | .navigation.nav > .active > .hidden-ul { |
| 542 | display: block; | 524 | display: block; |
| 543 | } | 525 | } |
| 544 | @media (max-width: 768px) { | 526 | @media (max-width: 768px) { |
| 545 | .navigation.nav > li > .hidden-ul { | 527 | .navigation.nav > li > .hidden-ul { |
| 546 | display: block; | 528 | display: block; |
| 547 | } | 529 | } |
| 548 | } | 530 | } |
| 549 | .navigation .label, | 531 | .navigation .label, |
| 550 | .navigation .badge { | 532 | .navigation .badge { |
| 551 | float: right; | 533 | float: right; |
| 552 | } | 534 | } |
| 553 | .sidebar-default .navigation li > a { | 535 | .sidebar-default .navigation li > a { |
| 554 | color: #333333; | 536 | color: #333333; |
| 555 | } | 537 | } |
| 556 | .sidebar-default .navigation li > a:hover, | 538 | .sidebar-default .navigation li > a:hover, |
| 557 | .sidebar-default .navigation li > a:focus { | 539 | .sidebar-default .navigation li > a:focus { |
| 558 | background-color: #f8f8f8; | 540 | background-color: #f8f8f8; |
| 559 | } | 541 | } |
| 560 | .sidebar-default .navigation li.active > a, | 542 | .sidebar-default .navigation li.active > a, |
| 561 | .sidebar-default .navigation li.active > a:hover, | 543 | .sidebar-default .navigation li.active > a:hover, |
| 562 | .sidebar-default .navigation li.active > a:focus { | 544 | .sidebar-default .navigation li.active > a:focus { |
| 563 | background-color: #f5f5f5; | 545 | background-color: #f5f5f5; |
| 564 | color: #333333; | 546 | color: #333333; |
| 565 | } | 547 | } |
| 566 | .sidebar-default .navigation li.active > a > [class*=text-] { | 548 | .sidebar-default .navigation li.active > a > [class*=text-] { |
| 567 | color: #333333; | 549 | color: #333333; |
| 568 | } | 550 | } |
| 569 | .sidebar-default .navigation li.disabled > a, | 551 | .sidebar-default .navigation li.disabled > a, |
| 570 | .sidebar-default .navigation li.disabled > a:hover, | 552 | .sidebar-default .navigation li.disabled > a:hover, |
| 571 | .sidebar-default .navigation li.disabled > a:focus { | 553 | .sidebar-default .navigation li.disabled > a:focus { |
| 572 | background-color: transparent; | 554 | background-color: transparent; |
| 573 | } | 555 | } |
| 574 | .sidebar-default .navigation li .label-transparent { | 556 | .sidebar-default .navigation li .label-transparent { |
| 575 | color: #333333; | 557 | color: #333333; |
| 576 | } | 558 | } |
| 577 | .sidebar-default .navigation > li ul { | 559 | .sidebar-default .navigation > li ul { |
| 578 | background-color: transparent; | 560 | background-color: transparent; |
| 579 | } | 561 | } |
| 580 | .sidebar-default .navigation > li.active > a, | 562 | .sidebar-default .navigation > li.active > a, |
| 581 | .sidebar-default .navigation > li.active > a:hover, | 563 | .sidebar-default .navigation > li.active > a:hover, |
| 582 | .sidebar-default .navigation > li.active > a:focus { | 564 | .sidebar-default .navigation > li.active > a:focus { |
| 583 | background-color: #f5f5f5; | 565 | background-color: #f5f5f5; |
| 584 | color: #333333; | 566 | color: #333333; |
| 585 | } | 567 | } |
| 586 | .sidebar-default .navigation > li.active > a .label-transparent { | 568 | .sidebar-default .navigation > li.active > a .label-transparent { |
| 587 | color: #333333; | 569 | color: #333333; |
| 588 | } | 570 | } |
| 589 | .navigation-icons-right > li > a, | 571 | .navigation-icons-right > li > a, |
| 590 | .navigation-icons-right > li > a.has-ul { | 572 | .navigation-icons-right > li > a.has-ul { |
| 591 | padding-right: 20px; | 573 | padding-right: 20px; |
| 592 | } | 574 | } |
| 593 | .navigation-icons-right > li > a > i { | 575 | .navigation-icons-right > li > a > i { |
| 594 | float: right; | 576 | float: right; |
| 595 | margin-right: 0; | 577 | margin-right: 0; |
| 596 | margin-left: 15px; | 578 | margin-left: 15px; |
| 597 | } | 579 | } |
| 598 | .navigation-icons-right > li > a.has-ul:after, | 580 | .navigation-icons-right > li > a.has-ul:after, |
| 599 | .navigation-icons-right > li.active > .has-ul:after { | 581 | .navigation-icons-right > li.active > .has-ul:after { |
| 600 | content: none; | 582 | content: none; |
| 601 | } | 583 | } |
| 602 | .navigation-bordered > li { | 584 | .navigation-bordered > li { |
| 603 | border-top: 1px solid rgba(255, 255, 255, 0.05); | 585 | border-top: 1px solid rgba(255, 255, 255, 0.05); |
| 604 | } | 586 | } |
| 605 | .navigation-bordered > li:last-child { | 587 | .navigation-bordered > li:last-child { |
| 606 | border-bottom: 1px solid rgba(255, 255, 255, 0.05); | 588 | border-bottom: 1px solid rgba(255, 255, 255, 0.05); |
| 607 | } | 589 | } |
| 608 | .navigation-bordered > li.navigation-header { | 590 | .navigation-bordered > li.navigation-header { |
| 609 | background-color: rgba(0, 0, 0, 0.1); | 591 | background-color: rgba(0, 0, 0, 0.1); |
| 610 | } | 592 | } |
| 611 | .navigation-bordered > li + li { | 593 | .navigation-bordered > li + li { |
| 612 | margin-top: 0; | 594 | margin-top: 0; |
| 613 | } | 595 | } |
| 614 | .navigation-bordered > li ul { | 596 | .navigation-bordered > li ul { |
| 615 | -webkit-box-shadow: none; | 597 | -webkit-box-shadow: none; |
| 616 | box-shadow: none; | 598 | box-shadow: none; |
| 617 | } | 599 | } |
| 618 | .navigation-bordered li + .navigation-header { | 600 | .navigation-bordered li + .navigation-header { |
| 619 | margin-top: 0; | 601 | margin-top: 0; |
| 620 | } | 602 | } |
| 621 | .sidebar-default .navigation-bordered > li { | 603 | .sidebar-default .navigation-bordered > li { |
| 622 | border-top: 1px solid #eeeeee; | 604 | border-top: 1px solid #eeeeee; |
| 623 | } | 605 | } |
| 624 | .sidebar-default .navigation-bordered > li.navigation-header { | 606 | .sidebar-default .navigation-bordered > li.navigation-header { |
| 625 | background-color: #fafafa; | 607 | background-color: #fafafa; |
| 626 | } | 608 | } |
| 627 | .navigation-lg > li > a, | 609 | .navigation-lg > li > a, |
| 628 | .navigation-lg > li > a > span { | 610 | .navigation-lg > li > a > span { |
| 629 | padding-top: 14px; | 611 | padding-top: 14px; |
| 630 | padding-bottom: 14px; | 612 | padding-bottom: 14px; |
| 631 | min-height: 48px; | 613 | min-height: 48px; |
| 632 | } | 614 | } |
| 633 | .navigation-lg > li ul li a { | 615 | .navigation-lg > li ul li a { |
| 634 | padding-top: 10px; | 616 | padding-top: 10px; |
| 635 | padding-bottom: 10px; | 617 | padding-bottom: 10px; |
| 636 | min-height: 40px; | 618 | min-height: 40px; |
| 637 | } | 619 | } |
| 638 | .navigation-sm > li > a, | 620 | .navigation-sm > li > a, |
| 639 | .navigation-sm > li > a > span { | 621 | .navigation-sm > li > a > span { |
| 640 | padding-top: 10px; | 622 | padding-top: 10px; |
| 641 | padding-bottom: 10px; | 623 | padding-bottom: 10px; |
| 642 | min-height: 40px; | 624 | min-height: 40px; |
| 643 | } | 625 | } |
| 644 | .navigation-sm > li ul li a { | 626 | .navigation-sm > li ul li a { |
| 645 | padding-top: 6px; | 627 | padding-top: 6px; |
| 646 | padding-bottom: 6px; | 628 | padding-bottom: 6px; |
| 647 | min-height: 32px; | 629 | min-height: 32px; |
| 648 | } | 630 | } |
| 649 | .navigation-xs > li > a, | 631 | .navigation-xs > li > a, |
| 650 | .navigation-xs > li > a > span { | 632 | .navigation-xs > li > a > span { |
| 651 | padding-top: 8px; | 633 | padding-top: 8px; |
| 652 | padding-bottom: 8px; | 634 | padding-bottom: 8px; |
| 653 | min-height: 36px; | 635 | min-height: 36px; |
| 654 | } | 636 | } |
| 655 | .navigation-xs > li ul li a { | 637 | .navigation-xs > li ul li a { |
| 656 | padding-top: 6px; | 638 | padding-top: 6px; |
| 657 | padding-bottom: 6px; | 639 | padding-bottom: 6px; |
| 658 | min-height: 32px; | 640 | min-height: 32px; |
| 659 | } | 641 | } |
| 660 | @media (min-width: 769px) { | 642 | @media (min-width: 769px) { |
| 661 | .sidebar-fixed.affix { | 643 | .sidebar-fixed .sidebar-content { |
| 644 | position: fixed; | ||
| 645 | width: 260px; | ||
| 646 | max-height: 100%; | ||
| 647 | overflow: auto; | ||
| 648 | top: 50px; | ||
| 649 | bottom: 50px; | ||
| 650 | margin-bottom: -50px; | ||
| 651 | } | ||
| 652 | .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content { | ||
| 653 | width: 56px; | ||
| 654 | } | ||
| 655 | .sidebar-fixed.sidebar-default .sidebar-content { | ||
| 656 | width: 260px; | ||
| 657 | } | ||
| 658 | .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { | ||
| 659 | position: fixed; | ||
| 660 | display: block; | ||
| 661 | height: 100%; | ||
| 662 | z-index: 1001; | ||
| 663 | } | ||
| 664 | .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content { | ||
| 662 | position: fixed; | 665 | position: fixed; |
| 666 | } | ||
| 667 | .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main { | ||
| 663 | width: 260px; | 668 | width: 260px; |
| 669 | } | ||
| 670 | .sidebar-fixed-expanded .content-wrapper { | ||
| 671 | padding-left: 56px; | ||
| 672 | } | ||
| 673 | } | ||
| 674 | .sidebar-xs-indicator .sidebar-fixed .sidebar-content { | ||
| 675 | top: 0!important; | ||
| 676 | } | ||
| 677 | @media (min-width: 769px) { | ||
| 678 | .has-detached-left .container-detached { | ||
| 679 | float: right; | ||
| 680 | margin-left: -260px; | ||
| 681 | width: 100%; | ||
| 682 | } | ||
| 683 | .has-detached-left .content-detached { | ||
| 684 | margin-left: 280px; | ||
| 685 | } | ||
| 686 | .has-detached-left .sidebar-detached { | ||
| 687 | float: left; | ||
| 688 | } | ||
| 689 | .has-detached-right .container-detached { | ||
| 690 | float: left; | ||
| 691 | margin-right: -260px; | ||
| 692 | width: 100%; | ||
| 693 | } | ||
| 694 | .has-detached-right .content-detached { | ||
| 695 | margin-right: 280px; | ||
| 696 | } | ||
| 697 | .has-detached-right .sidebar-detached { | ||
| 698 | float: right; | ||
| 699 | } | ||
| 700 | .has-detached-right .sidebar-detached.affix { | ||
| 701 | right: 20px; | ||
| 702 | } | ||
| 703 | .sidebar-detached-hidden .container-detached { | ||
| 704 | float: none; | ||
| 705 | margin: 0; | ||
| 706 | } | ||
| 707 | .sidebar-detached-hidden .content-detached { | ||
| 708 | margin: 0; | ||
| 709 | } | ||
| 710 | .sidebar-detached-hidden .sidebar-detached { | ||
| 711 | float: none; | ||
| 712 | } | ||
| 713 | } | ||
| 714 | .sidebar-detached .navigation.nav > .active > .hidden-ul { | ||
| 715 | display: block; | ||
| 716 | } | ||
| 717 | @media (max-width: 768px) { | ||
| 718 | .sidebar-detached .navigation.nav > li > .hidden-ul { | ||
| 719 | display: block; | ||
| 720 | } | ||
| 721 | } | ||
| 722 | .sidebar-detached.affix { | ||
| 723 | position: static; | ||
| 724 | } | ||
| 725 | @media (min-width: 769px) { | ||
| 726 | .sidebar-detached { | ||
| 727 | display: block; | ||
| 728 | position: relative; | ||
| 729 | margin-bottom: 0; | ||
| 730 | } | ||
| 731 | .sidebar-detached > .sidebar { | ||
| 732 | margin-bottom: 0; | ||
| 733 | display: block; | ||
| 734 | border-radius: 3px; | ||
| 735 | } | ||
| 736 | .sidebar-detached.affix { | ||
| 737 | position: fixed; | ||
| 664 | top: 20px; | 738 | top: 20px; |
| 665 | bottom: 20px; | 739 | bottom: 20px; |
| 666 | -webkit-transition: bottom ease-in-out 0.15s; | 740 | -webkit-transition: bottom ease-in-out 0.15s; |
| 667 | -o-transition: bottom ease-in-out 0.15s; | 741 | -o-transition: bottom ease-in-out 0.15s; |
| 668 | transition: bottom ease-in-out 0.15s; | 742 | transition: bottom ease-in-out 0.15s; |
| 669 | } | 743 | } |
| 670 | .sidebar-fixed.affix .sidebar-content { | 744 | .sidebar-detached.affix > .sidebar { |
| 671 | max-height: 100%; | 745 | max-height: 100%; |
| 672 | overflow-y: auto; | 746 | overflow-y: auto; |
| 673 | } | 747 | } |
| 674 | .sidebar-fixed.affix.fixed-sidebar-space { | 748 | .sidebar-detached.fixed-sidebar-space { |
| 675 | bottom: 60px; | 749 | bottom: 80px; |
| 676 | } | 750 | } |
| 677 | .navbar-bottom .sidebar-fixed.affix.fixed-sidebar-space { | 751 | .navbar-bottom .sidebar-detached.fixed-sidebar-space { |
| 678 | bottom: 90px; | 752 | bottom: 90px; |
| 679 | } | 753 | } |
| 680 | .navbar-bottom-lg .sidebar-fixed.affix.fixed-sidebar-space { | 754 | .navbar-bottom-lg .sidebar-detached.fixed-sidebar-space { |
| 681 | bottom: 94px; | 755 | bottom: 94px; |
| 682 | } | 756 | } |
| 683 | .navbar-bottom-sm .sidebar-fixed.affix.fixed-sidebar-space { | 757 | .navbar-bottom-sm .sidebar-detached.fixed-sidebar-space { |
| 684 | bottom: 88px; | 758 | bottom: 88px; |
| 685 | } | 759 | } |
| 686 | .navbar-bottom-xs .sidebar-fixed.affix.fixed-sidebar-space { | 760 | .navbar-bottom-xs .sidebar-detached.fixed-sidebar-space { |
| 687 | bottom: 86px; | 761 | bottom: 86px; |
| 688 | } | 762 | } |
| 689 | .navbar-fixed .sidebar-fixed.affix { | 763 | .navbar-fixed .sidebar-detached { |
| 690 | top: 90px; | 764 | top: 90px; |
| 691 | } | 765 | } |
| 692 | .navbar-fixed-lg .sidebar-fixed.affix { | 766 | .navbar-fixed-lg .sidebar-detached { |
| 693 | top: 94px; | 767 | top: 94px; |
| 694 | } | 768 | } |
| 695 | .navbar-fixed-sm .sidebar-fixed.affix { | 769 | .navbar-fixed-sm .sidebar-detached { |
| 696 | top: 88px; | 770 | top: 88px; |
| 697 | } | 771 | } |
| 698 | .navbar-fixed-xs .sidebar-fixed.affix { | 772 | .navbar-fixed-xs .sidebar-detached { |
| 699 | top: 86px; | 773 | top: 86px; |
| 700 | } | 774 | } |
| 701 | .sidebar-xs .sidebar-fixed.affix { | ||
| 702 | width: 56px; | ||
| 703 | } | ||
| 704 | } | ||
| 705 | .sidebar-fixed-expanded .sidebar-main { | ||
| 706 | position: absolute; | ||
| 707 | display: block; | ||
| 708 | z-index: 1001; | ||
| 709 | } | ||
| 710 | .sidebar-xs .sidebar-fixed-expanded .sidebar-main { | ||
| 711 | width: 280px; | ||
| 712 | } | ||
| 713 | .sidebar-fixed-expanded .content-wrapper { | ||
| 714 | padding-left: 76px; | ||
| 715 | } | 775 | } |
| 716 | @media (min-width: 769px) { | 776 | @media (min-width: 769px) { |
| 717 | .sidebar-separate .sidebar-content { | 777 | .sidebar-separate { |
| 718 | background-color: transparent; | 778 | background-color: transparent; |
| 719 | } | 779 | } |
| 720 | .sidebar-separate .sidebar-category { | 780 | .sidebar-separate .sidebar-category { |
| 721 | background-color: #263238; | 781 | background-color: #263238; |
| 722 | border-radius: 3px; | 782 | border-radius: 3px; |
| 723 | margin-bottom: 20px; | 783 | margin-bottom: 20px; |
| 724 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | ||
| 725 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | ||
| 726 | } | 784 | } |
| 727 | .sidebar-separate.sidebar-default .sidebar-content { | 785 | .sidebar-separate.sidebar-default { |
| 728 | background-color: transparent; | 786 | background-color: transparent; |
| 729 | border: 0; | ||
| 730 | -webkit-box-shadow: none; | 787 | -webkit-box-shadow: none; |
| 731 | box-shadow: none; | 788 | box-shadow: none; |
| 732 | } | 789 | } |
| 733 | .sidebar-separate.sidebar-default .sidebar-category { | 790 | .sidebar-separate.sidebar-default .sidebar-category { |
| 734 | background-color: #fff; | 791 | background-color: #fff; |
| 792 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | ||
| 793 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | ||
| 735 | } | 794 | } |
| 736 | } | 795 | } |
| 737 | @media (min-width: 769px) { | 796 | @media (min-width: 769px) { |
| 738 | .sidebar-xs .sidebar-main { | 797 | .sidebar-xs .sidebar-main { |
| 739 | width: 76px; | 798 | width: 56px; |
| 740 | } | 799 | } |
| 741 | .sidebar-xs .sidebar-main .sidebar-category { | 800 | .sidebar-xs .sidebar-main .sidebar-category { |
| 742 | display: none; | 801 | display: none; |
| 743 | } | 802 | } |
| 744 | .sidebar-xs .sidebar-main .sidebar-category-visible { | 803 | .sidebar-xs .sidebar-main .sidebar-category-visible { |
| 745 | display: block; | 804 | display: block; |
| 746 | } | 805 | } |
| 747 | .sidebar-xs .sidebar-main .category-title { | 806 | .sidebar-xs .sidebar-main .category-title { |
| 748 | padding: 0; | 807 | padding: 0; |
| 749 | } | 808 | } |
| 750 | .sidebar-xs .sidebar-main .category-title > i { | 809 | .sidebar-xs .sidebar-main .category-title > i { |
| 751 | padding: 13px 0; | 810 | padding: 13px 0; |
| 752 | float: none; | 811 | float: none; |
| 753 | display: block; | 812 | display: block; |
| 754 | top: 0; | 813 | top: 0; |
| 755 | } | 814 | } |
| 756 | .sidebar-xs .sidebar-main .category-title > span { | 815 | .sidebar-xs .sidebar-main .category-title > span { |
| 757 | display: none; | 816 | display: none; |
| 758 | } | 817 | } |
| 759 | .sidebar-xs .sidebar-main .category-title .icons-list { | 818 | .sidebar-xs .sidebar-main .category-title .icons-list { |
| 760 | position: static; | 819 | position: static; |
| 761 | text-align: center; | 820 | text-align: center; |
| 762 | margin-top: 0; | 821 | margin-top: 0; |
| 763 | padding-top: 14px; | 822 | padding-top: 14px; |
| 764 | padding-bottom: 14px; | 823 | padding-bottom: 14px; |
| 765 | } | 824 | } |
| 766 | .sidebar-xs .sidebar-main .category-title .icons-list > li { | 825 | .sidebar-xs .sidebar-main .category-title .icons-list > li { |
| 767 | display: block; | 826 | display: block; |
| 768 | margin-left: 0; | 827 | margin-left: 0; |
| 769 | } | 828 | } |
| 770 | .sidebar-xs .sidebar-main .category-title .icons-list > li + li { | 829 | .sidebar-xs .sidebar-main .category-title .icons-list > li + li { |
| 771 | margin-top: 10px; | 830 | margin-top: 10px; |
| 772 | } | 831 | } |
| 773 | .sidebar-xs .sidebar-main .category-title.h6 .icons-list { | 832 | .sidebar-xs .sidebar-main .category-title.h6 .icons-list { |
| 774 | padding-top: 23.538462px; | 833 | padding-top: 23.538462px; |
| 775 | padding-bottom: 23.538462px; | 834 | padding-bottom: 23.538462px; |
| 776 | } | 835 | } |
| 777 | .sidebar-xs .sidebar-main .category-title.h5 .icons-list { | 836 | .sidebar-xs .sidebar-main .category-title.h5 .icons-list { |
| 778 | padding-top: 25.0769236px; | 837 | padding-top: 25.0769236px; |
| 779 | padding-bottom: 25.0769236px; | 838 | padding-bottom: 25.0769236px; |
| 780 | } | 839 | } |
| 781 | .sidebar-xs .sidebar-main .navigation > li > a { | 840 | .sidebar-xs .sidebar-main .navigation > li > a { |
| 782 | display: block; | 841 | display: block; |
| 783 | text-align: center; | 842 | text-align: center; |
| 784 | padding-left: 0; | 843 | padding-left: 0; |
| 785 | padding-right: 0; | 844 | padding-right: 0; |
| 786 | } | 845 | } |
| 787 | .sidebar-xs .sidebar-main .navigation > li > a > span { | 846 | .sidebar-xs .sidebar-main .navigation > li > a > span { |
| 788 | display: none; | 847 | display: none; |
| 789 | position: absolute; | 848 | position: absolute; |
| 790 | top: 0; | 849 | top: 0; |
| 791 | right: -260px; | 850 | right: -260px; |
| 792 | background-color: #26A69A; | 851 | background-color: #304047; |
| 793 | padding: 12px 20px; | 852 | padding: 12px 20px; |
| 794 | width: 260px; | 853 | width: 260px; |
| 795 | text-align: left; | 854 | text-align: left; |
| 796 | color: #fff; | 855 | color: #fff; |
| 797 | cursor: pointer; | 856 | cursor: pointer; |
| 798 | border-bottom-right-radius: 3px; | 857 | border-bottom-right-radius: 3px; |
| 799 | border-top-right-radius: 3px; | 858 | border-top-right-radius: 3px; |
| 800 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 859 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 801 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 860 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 802 | } | 861 | } |
| 803 | .sidebar-xs .sidebar-main .navigation > li > a > span .label, | 862 | .sidebar-xs .sidebar-main .navigation > li > a > span .label, |
| 804 | .sidebar-xs .sidebar-main .navigation > li > a > span .badge { | 863 | .sidebar-xs .sidebar-main .navigation > li > a > span .badge { |
| 805 | background-color: transparent; | 864 | background-color: transparent; |
| 806 | border-color: transparent; | 865 | border-color: transparent; |
| 807 | color: #fff; | 866 | color: #fff; |
| 808 | padding-left: 0; | 867 | padding-left: 0; |
| 809 | padding-right: 0; | 868 | padding-right: 0; |
| 810 | } | 869 | } |
| 811 | .sidebar-xs .sidebar-main .navigation > li > a > i { | 870 | .sidebar-xs .sidebar-main .navigation > li > a > i { |
| 812 | margin: 2px 0; | 871 | margin: 2px 0; |
| 813 | display: block; | 872 | display: block; |
| 814 | float: none; | 873 | float: none; |
| 815 | } | 874 | } |
| 816 | .sidebar-xs .sidebar-main .navigation > li > a.legitRipple { | 875 | .sidebar-xs .sidebar-main .navigation > li > a.legitRipple { |
| 817 | overflow: visible; | 876 | overflow: visible; |
| 818 | } | 877 | } |
| 819 | .sidebar-xs .sidebar-main .navigation > li > .has-ul:after, | 878 | .sidebar-xs .sidebar-main .navigation > li > .has-ul:after, |
| 820 | .sidebar-xs .sidebar-main .navigation > li.active > .has-ul:after { | 879 | .sidebar-xs .sidebar-main .navigation > li.active > .has-ul:after { |
| 821 | content: none; | 880 | content: none; |
| 822 | } | 881 | } |
| 823 | .sidebar-xs .sidebar-main .navigation > li .has-ul > span { | 882 | .sidebar-xs .sidebar-main .navigation > li .has-ul > span { |
| 824 | border-radius: 0 3px 0 0; | 883 | border-radius: 0 3px 0 0; |
| 825 | cursor: default; | 884 | cursor: default; |
| 826 | } | 885 | } |
| 827 | .sidebar-xs .sidebar-main .navigation > li.active > ul { | 886 | .sidebar-xs .sidebar-main .navigation > li.active > ul { |
| 828 | display: none!important; | 887 | display: none!important; |
| 829 | } | 888 | } |
| 830 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > ul, | 889 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > ul, |
| 831 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > a > span { | 890 | .sidebar-xs .sidebar-main .navigation > li.disabled:hover > a > span { |
| 832 | display: none!important; | 891 | display: none!important; |
| 833 | } | 892 | } |
| 834 | .sidebar-xs .sidebar-main .navigation > li:hover > ul { | 893 | .sidebar-xs .sidebar-main .navigation > li:hover > ul { |
| 835 | display: block!important; | 894 | display: block!important; |
| 836 | } | 895 | } |
| 837 | .sidebar-xs .sidebar-main .navigation > li:hover > a > span { | 896 | .sidebar-xs .sidebar-main .navigation > li:hover > a > span { |
| 838 | display: block; | 897 | display: block; |
| 839 | } | 898 | } |
| 840 | .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a { | 899 | .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a { |
| 841 | background-color: rgba(0, 0, 0, 0.1); | 900 | background-color: rgba(0, 0, 0, 0.1); |
| 842 | color: #fff; | 901 | color: #fff; |
| 843 | } | 902 | } |
| 844 | .sidebar-xs .sidebar-main .navigation > li > ul { | 903 | .sidebar-xs .sidebar-main .navigation > li > ul { |
| 845 | position: absolute; | 904 | position: absolute; |
| 846 | right: -260px; | 905 | right: -260px; |
| 847 | top: 44px; | 906 | top: 44px; |
| 848 | width: 260px; | 907 | width: 260px; |
| 849 | display: none; | 908 | display: none; |
| 850 | background-color: #263238; | 909 | background-color: #263238; |
| 851 | border-radius: 0 0 3px 0; | 910 | border-radius: 0 0 3px 0; |
| 852 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 911 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 853 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 912 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 854 | } | 913 | } |
| 855 | .sidebar-xs .sidebar-main .navigation > li > ul > li > a { | 914 | .sidebar-xs .sidebar-main .navigation > li > ul > li > a { |
| 856 | padding-left: 20px; | 915 | padding-left: 20px; |
| 857 | padding-right: 20px; | 916 | padding-right: 20px; |
| 858 | } | 917 | } |
| 859 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > a { | 918 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > a { |
| 860 | padding-left: 30px; | 919 | padding-left: 30px; |
| 861 | } | 920 | } |
| 862 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > ul > li > a { | 921 | .sidebar-xs .sidebar-main .navigation > li > ul > li > ul > li > ul > li > a { |
| 863 | padding-left: 60px; | 922 | padding-left: 60px; |
| 864 | } | 923 | } |
| 865 | .sidebar-xs .sidebar-main .navigation > .navigation-header { | 924 | .sidebar-xs .sidebar-main .navigation > .navigation-header { |
| 866 | padding: 0; | 925 | padding: 0; |
| 867 | text-align: center; | 926 | text-align: center; |
| 868 | } | 927 | } |
| 869 | .sidebar-xs .sidebar-main .navigation > .navigation-header > i { | 928 | .sidebar-xs .sidebar-main .navigation > .navigation-header > i { |
| 870 | display: block; | 929 | display: block; |
| 871 | top: 0; | 930 | top: 0; |
| 872 | padding: 13px 0; | 931 | padding: 13px 0; |
| 873 | } | 932 | } |
| 874 | .sidebar-xs .sidebar-main .navigation > .navigation-header > span { | 933 | .sidebar-xs .sidebar-main .navigation > .navigation-header > span { |
| 875 | display: none; | 934 | display: none; |
| 876 | } | 935 | } |
| 877 | .sidebar-xs .sidebar-main .sidebar-user { | 936 | .sidebar-xs .sidebar-main .sidebar-user .category-content { |
| 878 | padding-left: 0; | 937 | padding-left: 0; |
| 879 | padding-right: 0; | 938 | padding-right: 0; |
| 880 | } | 939 | } |
| 881 | .sidebar-xs .sidebar-main .sidebar-user .media-left, | 940 | .sidebar-xs .sidebar-main .sidebar-user .media-left, |
| 882 | .sidebar-xs .sidebar-main .sidebar-user .media-right { | 941 | .sidebar-xs .sidebar-main .sidebar-user .media-right { |
| 883 | padding: 0; | 942 | padding: 0; |
| 884 | text-align: center; | 943 | text-align: center; |
| 885 | display: block; | 944 | display: block; |
| 886 | } | 945 | } |
| 887 | .sidebar-xs .sidebar-main .sidebar-user .media-left > img, | 946 | .sidebar-xs .sidebar-main .sidebar-user .media-left > img, |
| 888 | .sidebar-xs .sidebar-main .sidebar-user .media-right > img { | 947 | .sidebar-xs .sidebar-main .sidebar-user .media-right > img { |
| 889 | max-width: 100%; | 948 | max-width: 100%; |
| 890 | height: auto!important; | 949 | height: auto!important; |
| 891 | } | 950 | } |
| 892 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-sm, | 951 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-sm, |
| 893 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-sm { | 952 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-sm { |
| 894 | margin-top: 1px; | 953 | margin-top: 1px; |
| 895 | margin-bottom: 1px; | 954 | margin-bottom: 1px; |
| 896 | } | 955 | } |
| 897 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-xs, | 956 | .sidebar-xs .sidebar-main .sidebar-user .media-left > .img-xs, |
| 898 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-xs { | 957 | .sidebar-xs .sidebar-main .sidebar-user .media-right > .img-xs { |
| 899 | margin-top: 3px; | 958 | margin-top: 3px; |
| 900 | margin-bottom: 3px; | 959 | margin-bottom: 3px; |
| 901 | } | 960 | } |
| 902 | .sidebar-xs .sidebar-main .sidebar-user .media-body, | 961 | .sidebar-xs .sidebar-main .sidebar-user .media-body, |
| 903 | .sidebar-xs .sidebar-main .sidebar-user .media-right { | 962 | .sidebar-xs .sidebar-main .sidebar-user .media-right { |
| 904 | display: none; | 963 | display: none; |
| 905 | } | 964 | } |
| 906 | .sidebar-xs .sidebar-main .navigation-lg > li > ul { | 965 | .sidebar-xs .sidebar-main .navigation-lg > li > ul { |
| 907 | top: 48px; | 966 | top: 48px; |
| 908 | } | 967 | } |
| 909 | .sidebar-xs .sidebar-main .navigation-sm > li > ul { | 968 | .sidebar-xs .sidebar-main .navigation-sm > li > ul { |
| 910 | top: 40px; | 969 | top: 40px; |
| 911 | } | 970 | } |
| 912 | .sidebar-xs .sidebar-main .navigation-xs > li > ul { | 971 | .sidebar-xs .sidebar-main .navigation-xs > li > ul { |
| 913 | top: 36px; | 972 | top: 36px; |
| 914 | } | 973 | } |
| 915 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { | 974 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span { |
| 916 | background-color: #f5f5f5; | 975 | background-color: #f5f5f5; |
| 917 | color: #333333; | 976 | color: #333333; |
| 918 | } | 977 | } |
| 919 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .label, | 978 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .label, |
| 920 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .badge { | 979 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > a > span .badge { |
| 921 | color: #333333; | 980 | color: #333333; |
| 922 | } | 981 | } |
| 923 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { | 982 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li > ul { |
| 924 | background-color: #fff; | 983 | background-color: #fff; |
| 925 | border-top: 0; | 984 | border-top: 0; |
| 926 | } | 985 | } |
| 927 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li:hover:not(.active) > a { | 986 | .sidebar-xs .sidebar-main.sidebar-default .navigation > li:hover:not(.active) > a { |
| 928 | background-color: #f5f5f5; | 987 | background-color: #f5f5f5; |
| 929 | color: #333333; | 988 | color: #333333; |
| 930 | } | 989 | } |
| 931 | } | 990 | } |
| 932 | .sidebar .row { | 991 | .sidebar .row { |
| 933 | margin-left: -5px; | 992 | margin-left: -5px; |
| 934 | margin-right: -5px; | 993 | margin-right: -5px; |
| 935 | } | 994 | } |
| 936 | .sidebar .row [class*=col-] { | 995 | .sidebar .row [class*=col-] { |
| 937 | padding-left: 5px; | 996 | padding-left: 5px; |
| 938 | padding-right: 5px; | 997 | padding-right: 5px; |
| 939 | } | 998 | } |
| 940 | @media (max-width: 768px) { | 999 | @media (max-width: 768px) { |
| 941 | .sidebar .sp-container { | 1000 | .sidebar .sp-container { |
| 942 | display: block; | 1001 | display: block; |
| 943 | width: 220px; | 1002 | width: 220px; |
| 944 | margin-left: auto; | 1003 | margin-left: auto; |
| 945 | margin-right: auto; | 1004 | margin-right: auto; |
| 946 | } | 1005 | } |
| 947 | } | 1006 | } |
| 948 | .sidebar .sp-flat .sp-picker-container { | 1007 | .sidebar .sp-flat .sp-picker-container { |
| 949 | display: block; | 1008 | display: block; |
| 950 | width: 218px; | 1009 | width: 218px; |
| 951 | } | 1010 | } |
| 952 | .sidebar .panel-group .panel { | 1011 | .sidebar .panel-group .panel { |
| 953 | border-radius: 0; | 1012 | border-radius: 0; |
| 954 | border-bottom: 1px solid #ddd; | 1013 | border-width: 0 0 1px 0; |
| 955 | -webkit-box-shadow: none; | ||
| 956 | box-shadow: none; | ||
| 957 | } | 1014 | } |
| 958 | .sidebar .panel-group .panel:first-child { | 1015 | .sidebar .panel-group .panel:first-child { |
| 959 | border-top: 1px solid #ddd; | 1016 | border-top-width: 1px; |
| 960 | } | 1017 | } |
| 961 | .sidebar .panel-group .panel + .panel { | 1018 | .sidebar .panel-group .panel + .panel { |
| 962 | margin-top: 0; | 1019 | margin-top: 0; |
| 963 | } | 1020 | } |
| 964 | .sidebar .media-list-bordered > li { | 1021 | .sidebar .media-list-bordered > li { |
| 965 | border-top: 0; | 1022 | border-top: 0; |
| 966 | border-bottom: 1px solid #eeeeee; | 1023 | border-bottom: 1px solid #eeeeee; |
| 967 | } | 1024 | } |
| 968 | .sidebar:not(.sidebar-default) .media .text-muted, | 1025 | .sidebar:not(.sidebar-default) .media .text-muted, |
| 969 | .sidebar:not(.sidebar-default) .media .media-annotation { | 1026 | .sidebar:not(.sidebar-default) .media .media-annotation { |
| 970 | color: rgba(255, 255, 255, 0.8); | 1027 | color: rgba(255, 255, 255, 0.8); |
| 971 | } | 1028 | } |
| 972 | .sidebar:not(.sidebar-default) .media .media-left > a, | 1029 | .sidebar:not(.sidebar-default) .media .media-left > a, |
| 973 | .sidebar:not(.sidebar-default) .media .media-body > a, | 1030 | .sidebar:not(.sidebar-default) .media .media-body > a, |
| 974 | .sidebar:not(.sidebar-default) .media .media-right > a { | 1031 | .sidebar:not(.sidebar-default) .media .media-right > a { |
| 975 | color: #fff; | 1032 | color: #fff; |
| 976 | } | 1033 | } |
| 977 | .sidebar:not(.sidebar-default) .media .media-link:hover, | 1034 | .sidebar:not(.sidebar-default) .media .media-link:hover, |
| 978 | .sidebar:not(.sidebar-default) .media .media-link:focus { | 1035 | .sidebar:not(.sidebar-default) .media .media-link:focus { |
| 979 | background-color: rgba(0, 0, 0, 0.1); | 1036 | background-color: rgba(0, 0, 0, 0.1); |
| 980 | } | 1037 | } |
| 981 | .sidebar:not(.sidebar-default) .media .media-badge { | 1038 | .sidebar:not(.sidebar-default) .media .media-badge { |
| 982 | border-color: #263238; | 1039 | border-color: #263238; |
| 983 | } | 1040 | } |
| 984 | .sidebar:not(.sidebar-default) .media-list-bordered > li { | 1041 | .sidebar:not(.sidebar-default) .media-list-bordered > li { |
| 985 | border-color: rgba(255, 255, 255, 0.1); | 1042 | border-color: rgba(255, 255, 255, 0.1); |
| 986 | } | 1043 | } |
| 987 | .sidebar .thumbnail { | 1044 | .sidebar .thumbnail { |
| 988 | margin-bottom: 10px; | 1045 | margin-bottom: 10px; |
| 989 | } | 1046 | } |
| 990 | .sidebar .thumbnail:last-child { | 1047 | .sidebar .thumbnail:last-child { |
| 991 | margin-bottom: 0; | 1048 | margin-bottom: 0; |
| 992 | } | 1049 | } |
| 993 | .sidebar .thumbnail .zoom-image i { | 1050 | .sidebar .thumbnail .zoom-image i { |
| 994 | font-size: 16px; | 1051 | font-size: 16px; |
| 995 | margin-top: -8px; | 1052 | margin-top: -8px; |
| 996 | margin-left: -8px; | 1053 | margin-left: -8px; |
| 997 | } | 1054 | } |
| 998 | .sidebar .sidebar-category .checkbox, | 1055 | .sidebar .sidebar-category .checkbox, |
| 999 | .sidebar .sidebar-category .radio { | 1056 | .sidebar .sidebar-category .radio { |
| 1000 | margin-top: 0; | 1057 | margin-top: 0; |
| 1001 | } | 1058 | } |
| 1002 | .sidebar .sidebar-category .checkbox:last-child, | 1059 | .sidebar .sidebar-category .checkbox:last-child, |
| 1003 | .sidebar .sidebar-category .radio:last-child { | 1060 | .sidebar .sidebar-category .radio:last-child { |
| 1004 | margin-bottom: 0; | 1061 | margin-bottom: 0; |
| 1005 | } | 1062 | } |
| 1006 | .sidebar .form-group:last-child { | 1063 | .sidebar .form-group:last-child { |
| 1007 | margin-bottom: 0; | 1064 | margin-bottom: 0; |
| 1008 | } | 1065 | } |
| 1009 | .sidebar .nav-tabs { | 1066 | .sidebar .nav-tabs { |
| 1010 | border-width: 0 0 1px 0; | 1067 | border-width: 0 0 1px 0; |
| 1011 | } | 1068 | } |
| 1012 | @media (min-width: 769px) { | 1069 | @media (min-width: 769px) { |
| 1013 | .sidebar .nav-tabs { | 1070 | .sidebar .nav-tabs { |
| 1014 | border-width: 1px; | 1071 | border-width: 1px; |
| 1015 | } | 1072 | } |
| 1016 | .sidebar .nav-tabs > li > a { | 1073 | .sidebar .nav-tabs > li > a { |
| 1017 | border-bottom-color: rgba(255, 255, 255, 0.1); | 1074 | border-bottom-color: rgba(255, 255, 255, 0.1); |
| 1018 | background-color: rgba(0, 0, 0, 0.2); | 1075 | background-color: rgba(0, 0, 0, 0.2); |
| 1019 | color: rgba(255, 255, 255, 0.6); | 1076 | color: rgba(255, 255, 255, 0.6); |
| 1020 | border-top: 0; | 1077 | border-top: 0; |
| 1021 | border-radius: 0; | 1078 | border-radius: 0; |
| 1022 | } | 1079 | } |
| 1023 | .sidebar .nav-tabs > li > a:hover, | 1080 | .sidebar .nav-tabs > li > a:hover, |
| 1024 | .sidebar .nav-tabs > li > a:focus { | 1081 | .sidebar .nav-tabs > li > a:focus { |
| 1025 | color: #fff; | 1082 | color: #fff; |
| 1026 | border-bottom-color: rgba(255, 255, 255, 0.1); | 1083 | border-bottom-color: rgba(255, 255, 255, 0.1); |
| 1027 | } | 1084 | } |
| 1028 | .sidebar .nav-tabs > .active > a, | 1085 | .sidebar .nav-tabs > .active > a, |
| 1029 | .sidebar .nav-tabs > .active > a:hover, | 1086 | .sidebar .nav-tabs > .active > a:hover, |
| 1030 | .sidebar .nav-tabs > .active > a:focus { | 1087 | .sidebar .nav-tabs > .active > a:focus { |
| 1031 | border-top: 0; | 1088 | border-top: 0; |
| 1032 | border-bottom: 0; | 1089 | border-bottom: 0; |
| 1033 | background-color: transparent; | 1090 | background-color: transparent; |
| 1034 | border-color: rgba(255, 255, 255, 0.1); | 1091 | border-color: rgba(255, 255, 255, 0.1); |
| 1035 | color: #fff; | 1092 | color: #fff; |
| 1036 | } | 1093 | } |
| 1037 | .sidebar .nav-tabs > .active:first-child > a { | 1094 | .sidebar .nav-tabs > .active:first-child > a { |
| 1038 | border-left-color: transparent!important; | 1095 | border-left-color: transparent!important; |
| 1039 | } | 1096 | } |
| 1040 | .sidebar .nav-tabs > .active:last-child > a { | 1097 | .sidebar .nav-tabs > .active:last-child > a { |
| 1041 | border-right-color: transparent!important; | 1098 | border-right-color: transparent!important; |
| 1042 | } | 1099 | } |
| 1043 | .sidebar .nav-tabs > .open > a { | 1100 | .sidebar .nav-tabs > .open > a { |
| 1044 | color: #fff; | 1101 | color: #fff; |
| 1045 | } | 1102 | } |
| 1046 | .sidebar .nav-tabs > .open:not(.active) > a { | 1103 | .sidebar .nav-tabs > .open:not(.active) > a { |
| 1047 | background-color: rgba(0, 0, 0, 0.2); | 1104 | background-color: rgba(0, 0, 0, 0.2); |
| 1048 | } | 1105 | } |
| 1049 | } | 1106 | } |
| 1050 | @media (max-width: 768px) { | ||
| 1051 | .sidebar .nav-tabs { | ||
| 1052 | border-bottom: 1px solid rgba(255, 255, 255, 0.1); | ||
| 1053 | border-bottom-right-radius: 0; | ||
| 1054 | border-bottom-left-radius: 0; | ||
| 1055 | -webkit-box-shadow: none; | ||
| 1056 | box-shadow: none; | ||
| 1057 | } | ||
| 1058 | } | ||
| 1059 | .sidebar .tab-pane > .category-title:first-child { | ||
| 1060 | padding-top: 0; | ||
| 1061 | } | ||
| 1062 | .sidebar .tab-pane > .category-title:first-child .icons-list { | ||
| 1063 | top: 0; | ||
| 1064 | margin-top: 4px; | ||
| 1065 | } | ||
| 1066 | @media (min-width: 769px) { | 1107 | @media (min-width: 769px) { |
| 1067 | .sidebar-default .nav-tabs > li > a { | 1108 | .sidebar-default .nav-tabs > li > a { |
| 1068 | background-color: #fafafa; | 1109 | background-color: #fafafa; |
| 1069 | border-bottom-color: #ddd; | 1110 | border-bottom-color: #ddd; |
| 1070 | color: #999999; | 1111 | color: #999999; |
| 1071 | } | 1112 | } |
| 1072 | .sidebar-default .nav-tabs > li > a:hover, | 1113 | .sidebar-default .nav-tabs > li > a:hover, |
| 1073 | .sidebar-default .nav-tabs > li > a:focus { | 1114 | .sidebar-default .nav-tabs > li > a:focus { |
| 1074 | color: #333333; | 1115 | color: #333333; |
| 1075 | border-bottom-color: #ddd; | 1116 | border-bottom-color: #ddd; |
| 1076 | } | 1117 | } |
| 1077 | .sidebar-default .nav-tabs > li:first-child > a { | ||
| 1078 | border-top-left-radius: 3px; | ||
| 1079 | } | ||
| 1080 | .sidebar-default .nav-tabs > li:last-child > a { | ||
| 1081 | border-top-right-radius: 3px; | ||
| 1082 | } | ||
| 1083 | .sidebar-default .nav-tabs > .active > a, | 1118 | .sidebar-default .nav-tabs > .active > a, |
| 1084 | .sidebar-default .nav-tabs > .active > a:hover, | 1119 | .sidebar-default .nav-tabs > .active > a:hover, |
| 1085 | .sidebar-default .nav-tabs > .active > a:focus { | 1120 | .sidebar-default .nav-tabs > .active > a:focus { |
| 1086 | border-color: #ddd; | 1121 | border-color: #ddd; |
| 1087 | color: #333333; | 1122 | color: #333333; |
| 1088 | } | 1123 | } |
| 1089 | .sidebar-default .nav-tabs > .open > a { | 1124 | .sidebar-default .nav-tabs > .open > a { |
| 1090 | border-bottom-color: #ddd; | 1125 | border-bottom-color: #ddd; |
| 1091 | color: #333333; | 1126 | color: #333333; |
| 1092 | } | 1127 | } |
| 1093 | .sidebar-default .nav-tabs > .open:not(.active) > a { | 1128 | .sidebar-default .nav-tabs > .open:not(.active) > a { |
| 1094 | background-color: #fafafa; | 1129 | background-color: #fafafa; |
| 1095 | } | 1130 | } |
| 1096 | } | 1131 | } |
| 1097 | @media (max-width: 768px) { | ||
| 1098 | .sidebar-default .nav-tabs { | ||
| 1099 | border-bottom-color: #ddd; | ||
| 1100 | } | ||
| 1101 | } | ||
| 1102 | @media (min-width: 769px) { | 1132 | @media (min-width: 769px) { |
| 1103 | .sidebar-default .nav-justified > li:first-child .dropdown-menu:not(.dropdown-menu-right) { | 1133 | .sidebar-default .nav-justified > li:first-child .dropdown-menu:not(.dropdown-menu-right) { |
| 1104 | left: -1px; | 1134 | left: -1px; |
| 1105 | } | 1135 | } |
| 1106 | .sidebar-default .nav-justified > li:last-child .dropdown-menu-right { | 1136 | .sidebar-default .nav-justified > li:last-child .dropdown-menu-right { |
| 1107 | right: -1px; | 1137 | right: -1px; |
| 1108 | } | 1138 | } |
| 1109 | } | 1139 | } |
| 1110 | /* ------------------------------------------------------------------------------ | 1140 | /* ------------------------------------------------------------------------------ |
| 1111 | * | 1141 | * |
| 1112 | * # Main content layout | 1142 | * # Main content layout |
| 1113 | * | 1143 | * |
| 1114 | * Styles for main structure of content area | 1144 | * Styles for main structure of content area |
| 1115 | * | 1145 | * |
| 1116 | * Version: 1.0 | 1146 | * Version: 1.0 |
| 1117 | * Latest update: May 25, 2015 | 1147 | * Latest update: May 25, 2015 |
| 1118 | * | 1148 | * |
| 1119 | * ---------------------------------------------------------------------------- */ | 1149 | * ---------------------------------------------------------------------------- */ |
| 1120 | .page-container { | 1150 | .page-container { |
| 1121 | position: relative; | 1151 | position: relative; |
| 1122 | padding: 20px 20px; | ||
| 1123 | padding-bottom: 60px; | ||
| 1124 | } | ||
| 1125 | .navbar-bottom .page-container, | ||
| 1126 | .navbar-bottom-lg .page-container, | ||
| 1127 | .navbar-bottom-sm .page-container, | ||
| 1128 | .navbar-bottom-xs .page-container { | ||
| 1129 | padding-bottom: 20px; | ||
| 1130 | } | ||
| 1131 | .page-header + .page-container { | ||
| 1132 | padding-top: 0; | ||
| 1133 | } | 1152 | } |
| 1134 | @media (min-width: 769px) { | 1153 | @media (min-width: 769px) { |
| 1135 | .page-container { | 1154 | .page-container { |
| 1136 | width: 100%; | 1155 | width: 100%; |
| 1137 | display: table; | 1156 | display: table; |
| 1138 | table-layout: fixed; | 1157 | table-layout: fixed; |
| 1139 | } | 1158 | } |
| 1140 | @-moz-document url-prefix() { | 1159 | @-moz-document url-prefix() { |
| 1141 | .page-container { | 1160 | .page-container { |
| 1142 | height: 1px; | 1161 | height: 1px; |
| 1143 | } | 1162 | } |
| 1144 | } | 1163 | } |
| 1145 | } | 1164 | } |
| 1146 | @media (min-width: 769px) { | 1165 | @media (min-width: 769px) { |
| 1147 | .page-content { | 1166 | .page-content { |
| 1148 | display: table-row; | 1167 | display: table-row; |
| 1149 | } | 1168 | } |
| 1150 | } | 1169 | } |
| 1151 | .content-wrapper { | 1170 | .content-wrapper { |
| 1152 | width: 100%; | 1171 | width: 100%; |
| 1153 | } | 1172 | } |
| 1154 | @media (min-width: 769px) { | 1173 | @media (min-width: 769px) { |
| 1155 | .content-wrapper { | 1174 | .content-wrapper { |
| 1156 | display: table-cell; | 1175 | display: table-cell; |
| 1157 | vertical-align: top; | 1176 | vertical-align: top; |
| 1158 | } | 1177 | } |
| 1159 | } | 1178 | } |
| 1179 | .content { | ||
| 1180 | padding: 0 20px 60px 20px; | ||
| 1181 | } | ||
| 1182 | .content:after { | ||
| 1183 | content: ''; | ||
| 1184 | display: table; | ||
| 1185 | clear: both; | ||
| 1186 | } | ||
| 1187 | .content:first-child { | ||
| 1188 | padding-top: 20px; | ||
| 1189 | } | ||
| 1190 | body[class*=navbar-bottom] .content { | ||
| 1191 | padding-bottom: 20px; | ||
| 1192 | } | ||
| 1160 | /* ------------------------------------------------------------------------------ | 1193 | /* ------------------------------------------------------------------------------ |
| 1161 | * | 1194 | * |
| 1162 | * # Boxed layout | 1195 | * # Boxed layout |
| 1163 | * | 1196 | * |
| 1164 | * Styles for main structure of content area in boxed layout | 1197 | * Styles for main structure of content area in boxed layout |
| 1165 | * | 1198 | * |
| 1166 | * Version: 1.0 | 1199 | * Version: 1.0 |
| 1167 | * Latest update: May 25, 2015 | 1200 | * Latest update: May 25, 2015 |
| 1168 | * | 1201 | * |
| 1169 | * ---------------------------------------------------------------------------- */ | 1202 | * ---------------------------------------------------------------------------- */ |
| 1170 | .layout-boxed .navbar .navbar-boxed, | 1203 | .layout-boxed { |
| 1171 | .layout-boxed .page-header-content, | 1204 | background: url(../images/backgrounds/boxed_bg.png) repeat; |
| 1172 | .layout-boxed .page-header .breadcrumb-boxed, | 1205 | } |
| 1173 | .layout-boxed .page-container, | 1206 | .layout-boxed > .navbar { |
| 1174 | .layout-boxed .footer-boxed { | ||
| 1175 | margin-left: auto; | 1207 | margin-left: auto; |
| 1176 | margin-right: auto; | 1208 | margin-right: auto; |
| 1177 | } | 1209 | } |
| 1178 | @media (min-width: 769px) { | 1210 | .layout-boxed .page-container { |
| 1179 | .layout-boxed .navbar:not(.navbar-component) { | 1211 | background-color: #eeeded; |
| 1180 | padding-left: 0; | 1212 | margin-left: auto; |
| 1181 | padding-right: 0; | 1213 | margin-right: auto; |
| 1182 | } | 1214 | min-width: 0; |
| 1183 | .layout-boxed .navbar:not(.navbar-component) .navbar-boxed { | ||
| 1184 | position: relative; | ||
| 1185 | padding-left: 20px; | ||
| 1186 | padding-right: 20px; | ||
| 1187 | } | ||
| 1188 | .layout-boxed .navbar:not(.navbar-component) .navbar-boxed .navbar-header { | ||
| 1189 | margin-left: 0; | ||
| 1190 | } | ||
| 1191 | .layout-boxed .navbar:not(.navbar-component) .navbar-boxed .navbar-brand { | ||
| 1192 | padding-left: 0; | ||
| 1193 | } | ||
| 1194 | .layout-boxed .navbar:not(.navbar-component) .navbar-boxed .mega-menu-wide .dropdown-content { | ||
| 1195 | left: 20px; | ||
| 1196 | right: 20px; | ||
| 1197 | } | ||
| 1198 | } | ||
| 1199 | .layout-boxed .page-header .breadcrumb-boxed { | ||
| 1200 | padding-left: 20px; | ||
| 1201 | padding-right: 20px; | ||
| 1202 | } | 1215 | } |
| 1203 | @media (min-width: 769px) { | 1216 | @media (min-width: 769px) { |
| 1204 | .layout-boxed .page-container, | 1217 | .layout-boxed .page-container, |
| 1205 | .layout-boxed .navbar .navbar-boxed, | 1218 | .layout-boxed > .navbar { |
| 1206 | .layout-boxed .page-header .breadcrumb-boxed, | ||
| 1207 | .layout-boxed .page-header-content, | ||
| 1208 | .layout-boxed .footer-boxed { | ||
| 1209 | width: 769px; | 1219 | width: 769px; |
| 1210 | } | 1220 | } |
| 1211 | } | 1221 | } |
| 1212 | @media (min-width: 1025px) { | 1222 | @media (min-width: 1025px) { |
| 1213 | .layout-boxed .page-container, | 1223 | .layout-boxed .page-container, |
| 1214 | .layout-boxed .navbar .navbar-boxed, | 1224 | .layout-boxed > .navbar { |
| 1215 | .layout-boxed .page-header .breadcrumb-boxed, | ||
| 1216 | .layout-boxed .page-header-content, | ||
| 1217 | .layout-boxed .footer-boxed { | ||
| 1218 | width: 1025px; | 1225 | width: 1025px; |
| 1219 | } | 1226 | } |
| 1220 | } | 1227 | } |
| 1221 | @media (min-width: 1200px) { | 1228 | @media (min-width: 1200px) { |
| 1222 | .layout-boxed .page-container, | 1229 | .layout-boxed .page-container, |
| 1223 | .layout-boxed .navbar .navbar-boxed, | 1230 | .layout-boxed > .navbar { |
| 1224 | .layout-boxed .page-header .breadcrumb-boxed, | ||
| 1225 | .layout-boxed .page-header-content, | ||
| 1226 | .layout-boxed .footer-boxed { | ||
| 1227 | width: 1200px; | 1231 | width: 1200px; |
| 1228 | } | 1232 | } |
| 1229 | } | 1233 | } |
| 1234 | @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { | ||
| 1235 | .layout-boxed { | ||
| 1236 | background: url(../images/backgrounds/boxed_bg_retina.png) repeat; | ||
| 1237 | } | ||
| 1238 | } | ||
| 1230 | /* ------------------------------------------------------------------------------ | 1239 | /* ------------------------------------------------------------------------------ |
| 1231 | * | 1240 | * |
| 1232 | * # Footer | 1241 | * # Footer |
| 1233 | * | 1242 | * |
| 1234 | * Main footer styles, currently 1 version only | 1243 | * Main footer styles, currently 1 version only |
| 1235 | * | 1244 | * |
| 1236 | * Version: 1.1 | 1245 | * Version: 1.1 |
| 1237 | * Latest update: Mar 10, 2016 | 1246 | * Latest update: Mar 10, 2016 |
| 1238 | * | 1247 | * |
| 1239 | * ---------------------------------------------------------------------------- */ | 1248 | * ---------------------------------------------------------------------------- */ |
| 1240 | .footer { | 1249 | .footer { |
| 1241 | position: absolute; | 1250 | position: absolute; |
| 1242 | left: 20px; | ||
| 1243 | right: 20px; | ||
| 1244 | bottom: 30px; | 1251 | bottom: 30px; |
| 1245 | } | 1252 | } |
| 1246 | .footer:not(.navbar-fixed-bottom) { | 1253 | .footer:not(.navbar-fixed-bottom) { |
| 1247 | z-index: 1000; | 1254 | z-index: 1000; |
| 1248 | } | 1255 | } |
| 1249 | .footer.navbar { | 1256 | .footer.navbar { |
| 1250 | left: 0; | 1257 | left: 0; |
| 1251 | right: 0; | 1258 | right: 0; |
| 1252 | bottom: 0; | 1259 | bottom: 0; |
| 1253 | } | 1260 | } |
| 1254 | body[class*=navbar-bottom] .footer:not(.navbar) { | 1261 | body[class*=navbar-bottom] .footer:not(.navbar) { |
| 1255 | display: none; | 1262 | display: none; |
| 1256 | } | 1263 | } |
| 1257 | .footer-boxed { | 1264 | .footer-boxed { |
| 1258 | left: 0; | 1265 | left: 0; |
| 1259 | right: 0; | 1266 | right: 0; |
| 1260 | padding-left: 20px; | 1267 | padding-left: 20px; |
| 1261 | padding-right: 20px; | 1268 | padding-right: 20px; |
| 1262 | } | 1269 | } |
| 1263 | /* ------------------------------------------------------------------------------ | 1270 | /* ------------------------------------------------------------------------------ |
| 1264 | * | 1271 | * |
| 1265 | * # Utilites | 1272 | * # Utilites |
| 1266 | * | 1273 | * |
| 1267 | * Additional animations, transitions, transforms and other utilities | 1274 | * Additional animations, transitions, transforms and other utilities |
| 1268 | * | 1275 | * |
| 1269 | * Version: 1.0 | 1276 | * Version: 1.0 |
| 1270 | * Latest update: May 25, 2015 | 1277 | * Latest update: May 25, 2015 |
| 1271 | * | 1278 | * |
| 1272 | * ---------------------------------------------------------------------------- */ | 1279 | * ---------------------------------------------------------------------------- */ |
| 1273 | .rotate-45 { | 1280 | .rotate-45 { |
| 1274 | -webkit-transform: rotate(45deg); | 1281 | -webkit-transform: rotate(45deg); |
| 1275 | -ms-transform: rotate(45deg); | 1282 | -ms-transform: rotate(45deg); |
| 1276 | -o-transform: rotate(45deg); | 1283 | -o-transform: rotate(45deg); |
| 1277 | transform: rotate(45deg); | 1284 | transform: rotate(45deg); |
| 1278 | } | 1285 | } |
| 1279 | .rotate-90 { | 1286 | .rotate-90 { |
| 1280 | -webkit-transform: rotate(90deg); | 1287 | -webkit-transform: rotate(90deg); |
| 1281 | -ms-transform: rotate(90deg); | 1288 | -ms-transform: rotate(90deg); |
| 1282 | -o-transform: rotate(90deg); | 1289 | -o-transform: rotate(90deg); |
| 1283 | transform: rotate(90deg); | 1290 | transform: rotate(90deg); |
| 1284 | } | 1291 | } |
| 1285 | .rotate-180 { | 1292 | .rotate-180 { |
| 1286 | -webkit-transform: rotate(180deg); | 1293 | -webkit-transform: rotate(180deg); |
| 1287 | -ms-transform: rotate(180deg); | 1294 | -ms-transform: rotate(180deg); |
| 1288 | -o-transform: rotate(180deg); | 1295 | -o-transform: rotate(180deg); |
| 1289 | transform: rotate(180deg); | 1296 | transform: rotate(180deg); |
| 1290 | } | 1297 | } |
| 1291 | .rotate-45-inverse { | 1298 | .rotate-45-inverse { |
| 1292 | -webkit-transform: rotate(-45deg); | 1299 | -webkit-transform: rotate(-45deg); |
| 1293 | -ms-transform: rotate(-45deg); | 1300 | -ms-transform: rotate(-45deg); |
| 1294 | -o-transform: rotate(-45deg); | 1301 | -o-transform: rotate(-45deg); |
| 1295 | transform: rotate(-45deg); | 1302 | transform: rotate(-45deg); |
| 1296 | } | 1303 | } |
| 1297 | .rotate-90-inverse { | 1304 | .rotate-90-inverse { |
| 1298 | -webkit-transform: rotate(-90deg); | 1305 | -webkit-transform: rotate(-90deg); |
| 1299 | -ms-transform: rotate(-90deg); | 1306 | -ms-transform: rotate(-90deg); |
| 1300 | -o-transform: rotate(-90deg); | 1307 | -o-transform: rotate(-90deg); |
| 1301 | transform: rotate(-90deg); | 1308 | transform: rotate(-90deg); |
| 1302 | } | 1309 | } |
| 1303 | .rotate-180-inverse { | 1310 | .rotate-180-inverse { |
| 1304 | -webkit-transform: rotate(-180deg); | 1311 | -webkit-transform: rotate(-180deg); |
| 1305 | -ms-transform: rotate(-180deg); | 1312 | -ms-transform: rotate(-180deg); |
| 1306 | -o-transform: rotate(-180deg); | 1313 | -o-transform: rotate(-180deg); |
| 1307 | transform: rotate(-180deg); | 1314 | transform: rotate(-180deg); |
| 1308 | } | 1315 | } |
| 1309 | .spinner { | 1316 | .spinner { |
| 1310 | display: inline-block; | 1317 | display: inline-block; |
| 1311 | -webkit-animation: rotation 1s linear infinite; | 1318 | -webkit-animation: rotation 1s linear infinite; |
| 1312 | -o-animation: rotation 1s linear infinite; | 1319 | -o-animation: rotation 1s linear infinite; |
| 1313 | animation: rotation 1s linear infinite; | 1320 | animation: rotation 1s linear infinite; |
| 1314 | } | 1321 | } |
| 1315 | .spinner-reverse { | 1322 | .spinner-reverse { |
| 1316 | display: inline-block; | 1323 | display: inline-block; |
| 1317 | -webkit-animation: rotation_reverse 1s linear infinite; | 1324 | -webkit-animation: rotation_reverse 1s linear infinite; |
| 1318 | -o-animation: rotation_reverse 1s linear infinite; | 1325 | -o-animation: rotation_reverse 1s linear infinite; |
| 1319 | animation: rotation_reverse 1s linear infinite; | 1326 | animation: rotation_reverse 1s linear infinite; |
| 1320 | } | 1327 | } |
| 1321 | @-webkit-keyframes rotation { | 1328 | @-webkit-keyframes rotation { |
| 1322 | 0% { | 1329 | 0% { |
| 1323 | -webkit-transform: rotate(0deg); | 1330 | -webkit-transform: rotate(0deg); |
| 1324 | } | 1331 | } |
| 1325 | 100% { | 1332 | 100% { |
| 1326 | -webkit-transform: rotate(360deg); | 1333 | -webkit-transform: rotate(360deg); |
| 1327 | } | 1334 | } |
| 1328 | } | 1335 | } |
| 1329 | @-moz-keyframes rotation { | 1336 | @-moz-keyframes rotation { |
| 1330 | 0% { | 1337 | 0% { |
| 1331 | -moz-transform: rotate(0deg); | 1338 | -moz-transform: rotate(0deg); |
| 1332 | } | 1339 | } |
| 1333 | 100% { | 1340 | 100% { |
| 1334 | -moz-transform: rotate(360deg); | 1341 | -moz-transform: rotate(360deg); |
| 1335 | } | 1342 | } |
| 1336 | } | 1343 | } |
| 1337 | @-ms-keyframes rotation { | 1344 | @-ms-keyframes rotation { |
| 1338 | 0% { | 1345 | 0% { |
| 1339 | -ms-transform: rotate(0deg); | 1346 | -ms-transform: rotate(0deg); |
| 1340 | } | 1347 | } |
| 1341 | 100% { | 1348 | 100% { |
| 1342 | -ms-transform: rotate(360deg); | 1349 | -ms-transform: rotate(360deg); |
| 1343 | } | 1350 | } |
| 1344 | } | 1351 | } |
| 1345 | @-o-keyframes rotation { | 1352 | @-o-keyframes rotation { |
| 1346 | 0% { | 1353 | 0% { |
| 1347 | -o-transform: rotate(0deg); | 1354 | -o-transform: rotate(0deg); |
| 1348 | } | 1355 | } |
| 1349 | 100% { | 1356 | 100% { |
| 1350 | -o-transform: rotate(360deg); | 1357 | -o-transform: rotate(360deg); |
| 1351 | } | 1358 | } |
| 1352 | } | 1359 | } |
| 1353 | @keyframes rotation { | 1360 | @keyframes rotation { |
| 1354 | 0% { | 1361 | 0% { |
| 1355 | transform: rotate(0deg); | 1362 | transform: rotate(0deg); |
| 1356 | } | 1363 | } |
| 1357 | 100% { | 1364 | 100% { |
| 1358 | transform: rotate(360deg); | 1365 | transform: rotate(360deg); |
| 1359 | } | 1366 | } |
| 1360 | } | 1367 | } |
| 1361 | @-webkit-keyframes rotation_reverse { | 1368 | @-webkit-keyframes rotation_reverse { |
| 1362 | 0% { | 1369 | 0% { |
| 1363 | -webkit-transform: rotate(0deg); | 1370 | -webkit-transform: rotate(0deg); |
| 1364 | } | 1371 | } |
| 1365 | 100% { | 1372 | 100% { |
| 1366 | -webkit-transform: rotate(-360deg); | 1373 | -webkit-transform: rotate(-360deg); |
| 1367 | } | 1374 | } |
| 1368 | } | 1375 | } |
| 1369 | @-moz-keyframes rotation_reverse { | 1376 | @-moz-keyframes rotation_reverse { |
| 1370 | 0% { | 1377 | 0% { |
| 1371 | -moz-transform: rotate(0deg); | 1378 | -moz-transform: rotate(0deg); |
| 1372 | } | 1379 | } |
| 1373 | 100% { | 1380 | 100% { |
| 1374 | -moz-transform: rotate(-360deg); | 1381 | -moz-transform: rotate(-360deg); |
| 1375 | } | 1382 | } |
| 1376 | } | 1383 | } |
| 1377 | @-ms-keyframes rotation_reverse { | 1384 | @-ms-keyframes rotation_reverse { |
| 1378 | 0% { | 1385 | 0% { |
| 1379 | -ms-transform: rotate(0deg); | 1386 | -ms-transform: rotate(0deg); |
| 1380 | } | 1387 | } |
| 1381 | 100% { | 1388 | 100% { |
| 1382 | -ms-transform: rotate(-360deg); | 1389 | -ms-transform: rotate(-360deg); |
| 1383 | } | 1390 | } |
| 1384 | } | 1391 | } |
| 1385 | @-o-keyframes rotation_reverse { | 1392 | @-o-keyframes rotation_reverse { |
| 1386 | 0% { | 1393 | 0% { |
| 1387 | -o-transform: rotate(0deg); | 1394 | -o-transform: rotate(0deg); |
| 1388 | } | 1395 | } |
| 1389 | 100% { | 1396 | 100% { |
| 1390 | -o-transform: rotate(-360deg); | 1397 | -o-transform: rotate(-360deg); |
| 1391 | } | 1398 | } |
| 1392 | } | 1399 | } |
| 1393 | @keyframes rotation_reverse { | 1400 | @keyframes rotation_reverse { |
| 1394 | 0% { | 1401 | 0% { |
| 1395 | transform: rotate(0deg); | 1402 | transform: rotate(0deg); |
| 1396 | } | 1403 | } |
| 1397 | 100% { | 1404 | 100% { |
| 1398 | transform: rotate(-360deg); | 1405 | transform: rotate(-360deg); |
| 1399 | } | 1406 | } |
| 1400 | } | 1407 | } |
| 1401 | @-webkit-keyframes bounceIn { | 1408 | @-webkit-keyframes bounceIn { |
| 1402 | 0% { | 1409 | 0% { |
| 1403 | opacity: 0; | 1410 | opacity: 0; |
| 1404 | } | 1411 | } |
| 1405 | 100% { | 1412 | 100% { |
| 1406 | opacity: 1; | 1413 | opacity: 1; |
| 1407 | } | 1414 | } |
| 1408 | } | 1415 | } |
| 1409 | @-webkit-keyframes bounceOut { | 1416 | @-webkit-keyframes bounceOut { |
| 1410 | 0% { | 1417 | 0% { |
| 1411 | opacity: 1; | 1418 | opacity: 1; |
| 1412 | } | 1419 | } |
| 1413 | 100% { | 1420 | 100% { |
| 1414 | opacity: 0; | 1421 | opacity: 0; |
| 1415 | } | 1422 | } |
| 1416 | } | 1423 | } |
| 1417 | /* ------------------------------------------------------------------------------ | 1424 | /* ------------------------------------------------------------------------------ |
| 1418 | * | 1425 | * |
| 1419 | * # Demo styles | 1426 | * # Demo styles |
| 1420 | * | 1427 | * |
| 1421 | * Styles used for demostration purposes only | 1428 | * Styles used for demostration purposes only |
| 1422 | * | 1429 | * |
| 1423 | * Version: 1.1 | 1430 | * Version: 1.1 |
| 1424 | * Latest update: Nov 25, 2015 | 1431 | * Latest update: Nov 25, 2015 |
| 1425 | * | 1432 | * |
| 1426 | * ---------------------------------------------------------------------------- */ | 1433 | * ---------------------------------------------------------------------------- */ |
| 1427 | .jqueryui-demo-container { | 1434 | .jqueryui-demo-container { |
| 1428 | font-size: 0; | 1435 | font-size: 0; |
| 1429 | } | 1436 | } |
| 1430 | .jqueryui-demo-element { | 1437 | .jqueryui-demo-element { |
| 1431 | width: 90px; | 1438 | width: 90px; |
| 1432 | height: 90px; | 1439 | height: 90px; |
| 1433 | border-radius: 100px; | 1440 | border-radius: 100px; |
| 1434 | background-color: #fafafa; | 1441 | background-color: #fafafa; |
| 1435 | border: 2px dashed #ddd; | 1442 | border: 2px dashed #ddd; |
| 1436 | color: #777; | 1443 | color: #777; |
| 1437 | font-size: 12px; | 1444 | font-size: 12px; |
| 1438 | vertical-align: middle; | 1445 | vertical-align: middle; |
| 1439 | margin: auto; | 1446 | margin: auto; |
| 1440 | position: relative; | 1447 | position: relative; |
| 1441 | z-index: 10; | 1448 | z-index: 10; |
| 1442 | } | 1449 | } |
| 1443 | .jqueryui-demo-element + .jqueryui-demo-element { | 1450 | .jqueryui-demo-element + .jqueryui-demo-element { |
| 1444 | margin: 20px auto 0 auto; | 1451 | margin: 20px auto 0 auto; |
| 1445 | } | 1452 | } |
| 1446 | .jqueryui-demo-element > span { | 1453 | .jqueryui-demo-element > span { |
| 1447 | position: absolute; | 1454 | position: absolute; |
| 1448 | top: 50%; | 1455 | top: 50%; |
| 1449 | margin-top: -10px; | 1456 | margin-top: -10px; |
| 1450 | left: 0; | 1457 | left: 0; |
| 1451 | right: 0; | 1458 | right: 0; |
| 1452 | } | 1459 | } |
| 1453 | @media (min-width: 769px) { | 1460 | @media (min-width: 769px) { |
| 1454 | .jqueryui-demo-element { | 1461 | .jqueryui-demo-element { |
| 1455 | display: inline-block; | 1462 | display: inline-block; |
| 1456 | } | 1463 | } |
| 1457 | .jqueryui-demo-element + .jqueryui-demo-element { | 1464 | .jqueryui-demo-element + .jqueryui-demo-element { |
| 1458 | margin: 0 0 0 20px; | 1465 | margin: 0 0 0 20px; |
| 1459 | } | 1466 | } |
| 1460 | } | 1467 | } |
| 1461 | .selectable-demo-list { | 1468 | .selectable-demo-list { |
| 1462 | list-style: none; | 1469 | list-style: none; |
| 1463 | display: inline-block; | 1470 | display: inline-block; |
| 1464 | margin: 0; | 1471 | margin: 0; |
| 1465 | padding: 0; | 1472 | padding: 0; |
| 1466 | width: 200px; | 1473 | width: 200px; |
| 1467 | } | 1474 | } |
| 1468 | .selectable-demo-list > .ui-sortable-handle, | 1475 | .selectable-demo-list > .ui-sortable-handle, |
| 1469 | .selectable-demo-list > .ui-selectee, | 1476 | .selectable-demo-list > .ui-selectee, |
| 1470 | .ui-handle-excluded { | 1477 | .ui-handle-excluded { |
| 1471 | padding: 7px 16px; | 1478 | padding: 7px 16px; |
| 1472 | background-color: #fcfcfc; | 1479 | background-color: #fcfcfc; |
| 1473 | border: 1px solid #ddd; | 1480 | border: 1px solid #ddd; |
| 1474 | border-radius: 2px; | 1481 | border-radius: 2px; |
| 1475 | cursor: pointer; | 1482 | cursor: pointer; |
| 1476 | color: #777; | 1483 | color: #777; |
| 1477 | font-size: 12px; | 1484 | font-size: 12px; |
| 1478 | } | 1485 | } |
| 1479 | .selectable-demo-list > .ui-sortable-handle.ui-selecting, | 1486 | .selectable-demo-list > .ui-sortable-handle.ui-selecting, |
| 1480 | .selectable-demo-list > .ui-selectee.ui-selecting { | 1487 | .selectable-demo-list > .ui-selectee.ui-selecting { |
| 1481 | background-color: #29B6F6; | 1488 | background-color: #29B6F6; |
| 1482 | border-color: #039BE5; | 1489 | border-color: #039BE5; |
| 1483 | color: #fff; | 1490 | color: #fff; |
| 1484 | } | 1491 | } |
| 1485 | .selectable-demo-list > .ui-sortable-handle.ui-selected, | 1492 | .selectable-demo-list > .ui-sortable-handle.ui-selected, |
| 1486 | .selectable-demo-list > .ui-selectee.ui-selected { | 1493 | .selectable-demo-list > .ui-selectee.ui-selected { |
| 1487 | background-color: #03A9F4; | 1494 | background-color: #03A9F4; |
| 1488 | border-color: #0288D1; | 1495 | border-color: #0288D1; |
| 1489 | color: #fff; | 1496 | color: #fff; |
| 1490 | } | 1497 | } |
| 1491 | .selectable-demo-list > li + li { | 1498 | .selectable-demo-list > li + li { |
| 1492 | margin-top: 5px; | 1499 | margin-top: 5px; |
| 1493 | } | 1500 | } |
| 1494 | .selectable-demo-list > .ui-sortable-helper:first-child + li { | 1501 | .selectable-demo-list > .ui-sortable-helper:first-child + li { |
| 1495 | margin-top: 0; | 1502 | margin-top: 0; |
| 1496 | } | 1503 | } |
| 1497 | .selectable-demo-connected + .selectable-demo-connected { | 1504 | .selectable-demo-connected + .selectable-demo-connected { |
| 1498 | margin-top: 20px; | 1505 | margin-top: 20px; |
| 1499 | } | 1506 | } |
| 1500 | @media (min-width: 769px) { | 1507 | @media (min-width: 769px) { |
| 1501 | .selectable-demo-connected + .selectable-demo-connected { | 1508 | .selectable-demo-connected + .selectable-demo-connected { |
| 1502 | margin-top: 0; | 1509 | margin-top: 0; |
| 1503 | margin-left: 20px; | 1510 | margin-left: 20px; |
| 1504 | } | 1511 | } |
| 1505 | } | 1512 | } |
| 1506 | .droppable-demo-target { | 1513 | .droppable-demo-target { |
| 1507 | width: 110px; | 1514 | width: 110px; |
| 1508 | height: 110px; | 1515 | height: 110px; |
| 1509 | background-color: #E3F2FD; | 1516 | background-color: #E3F2FD; |
| 1510 | border-color: #2196F3; | 1517 | border-color: #2196F3; |
| 1511 | color: #1565C0; | 1518 | color: #1565C0; |
| 1512 | z-index: 9; | 1519 | z-index: 9; |
| 1513 | } | 1520 | } |
| 1514 | .droppable-demo-drop { | 1521 | .droppable-demo-drop { |
| 1515 | background-color: #E8F5E9; | 1522 | background-color: #E8F5E9; |
| 1516 | border-color: #4CAF50; | 1523 | border-color: #4CAF50; |
| 1517 | color: #2E7D32; | 1524 | color: #2E7D32; |
| 1518 | } | 1525 | } |
| 1519 | .demo-color { | 1526 | .demo-color { |
| 1520 | height: 150px; | 1527 | height: 150px; |
| 1521 | position: relative; | 1528 | position: relative; |
| 1522 | border-top-right-radius: 3px; | 1529 | border-top-right-radius: 3px; |
| 1523 | border-top-left-radius: 3px; | 1530 | border-top-left-radius: 3px; |
| 1524 | } | 1531 | } |
| 1525 | .demo-color > span { | 1532 | .demo-color > span { |
| 1526 | position: absolute; | 1533 | position: absolute; |
| 1527 | bottom: 0; | 1534 | bottom: 0; |
| 1528 | left: 0; | 1535 | left: 0; |
| 1529 | width: 100%; | 1536 | width: 100%; |
| 1530 | text-align: center; | 1537 | text-align: center; |
| 1531 | padding: 6px; | 1538 | padding: 6px; |
| 1532 | background-color: rgba(0, 0, 0, 0.2); | 1539 | background-color: rgba(0, 0, 0, 0.2); |
| 1533 | font-size: 12px; | 1540 | font-size: 12px; |
| 1534 | color: #fff; | 1541 | color: #fff; |
| 1535 | } | 1542 | } |
| 1536 | .overlay-demo { | 1543 | .overlay-demo { |
| 1537 | display: inline-block; | 1544 | display: inline-block; |
| 1538 | background-color: #333; | 1545 | background-color: #333; |
| 1539 | border-radius: 3px; | 1546 | border-radius: 3px; |
| 1540 | } | 1547 | } |
| 1541 | .overlay-demo-light { | 1548 | .overlay-demo-light { |
| 1542 | background-color: #eeeded; | 1549 | background-color: #eeeded; |
| 1543 | } | 1550 | } |
| 1544 | .glyphs > div { | 1551 | .glyphs > div { |
| 1545 | padding: 8px 16px; | 1552 | padding: 8px 16px; |
| 1546 | cursor: pointer; | 1553 | cursor: pointer; |
| 1547 | } | 1554 | } |
| 1548 | .glyphs > div > i { | 1555 | .glyphs > div > i { |
| 1549 | margin-right: 10px; | 1556 | margin-right: 10px; |
| 1550 | width: 1em; | 1557 | width: 1em; |
| 1551 | text-align: center; | 1558 | text-align: center; |
| 1552 | } | 1559 | } |
| 1553 | .glyphs > div:hover { | 1560 | .glyphs > div:hover { |
| 1554 | background-color: #009688; | 1561 | background-color: #009688; |
| 1555 | color: #fff; | 1562 | color: #fff; |
| 1556 | border-radius: 2px; | 1563 | border-radius: 2px; |
| 1557 | } | 1564 | } |
| 1558 | .glyphs > div:hover span { | 1565 | .glyphs > div:hover span { |
| 1559 | color: #fff; | 1566 | color: #fff; |
| 1560 | } | 1567 | } |
| 1561 | .grid-demo [class*="col-"] > div:not(.row) { | 1568 | .grid-demo [class*="col-"] > div:not(.row) { |
| 1562 | margin-bottom: 20px; | 1569 | margin-bottom: 20px; |
| 1563 | padding: 10px; | 1570 | padding: 10px; |
| 1564 | text-align: center; | 1571 | text-align: center; |
| 1565 | background-color: #F7F7FC; | 1572 | background-color: #F7F7FC; |
| 1566 | border: 1px solid #ddd; | 1573 | border: 1px solid #ddd; |
| 1567 | color: #333333; | 1574 | color: #333333; |
| 1568 | } | 1575 | } |
| 1569 | .demo-velocity-box { | 1576 | .demo-velocity-box { |
| 1570 | padding: 12px 15px; | 1577 | padding: 12px 15px; |
| 1571 | margin-bottom: 20px; | 1578 | margin-bottom: 20px; |
| 1572 | position: relative; | 1579 | position: relative; |
| 1573 | border: 1px solid #ccc; | 1580 | border: 1px solid #ccc; |
| 1574 | text-align: center; | 1581 | text-align: center; |
| 1575 | background-color: #fcfcfc; | 1582 | background-color: #fcfcfc; |
| 1576 | border-radius: 3px; | 1583 | border-radius: 3px; |
| 1577 | -webkit-box-shadow: 0 0 0 0 #2196F3; | 1584 | -webkit-box-shadow: 0 0 0 0 #2196F3; |
| 1578 | box-shadow: 0 0 0 0 #2196F3; | 1585 | box-shadow: 0 0 0 0 #2196F3; |
| 1579 | } | 1586 | } |
| 1580 | .demo-velocity-box > span { | 1587 | .demo-velocity-box > span { |
| 1581 | float: left; | 1588 | float: left; |
| 1582 | } | 1589 | } |
| 1583 | .demo-velocity-box span { | 1590 | .demo-velocity-box span { |
| 1584 | vertical-align: middle; | 1591 | vertical-align: middle; |
| 1585 | } | 1592 | } |
| 1586 | .demo-velocity-box .icons-list { | 1593 | .demo-velocity-box .icons-list { |
| 1587 | float: right; | 1594 | float: right; |
| 1588 | margin-top: 2px; | 1595 | margin-top: 2px; |
| 1589 | } | 1596 | } |
| 1590 | .demo-velocity-box .icons-list a { | 1597 | .demo-velocity-box .icons-list a { |
| 1591 | opacity: 0.8; | 1598 | opacity: 0.8; |
| 1592 | filter: alpha(opacity=80); | 1599 | filter: alpha(opacity=80); |
| 1593 | } | 1600 | } |
| 1594 | .demo-velocity-box .icons-list a:hover { | 1601 | .demo-velocity-box .icons-list a:hover { |
| 1595 | opacity: 1; | 1602 | opacity: 1; |
| 1596 | filter: alpha(opacity=100); | 1603 | filter: alpha(opacity=100); |
| 1597 | } | 1604 | } |
| 1598 | .blockui-growl { | 1605 | .blockui-growl { |
| 1599 | display: none; | 1606 | display: none; |
| 1600 | text-align: left; | 1607 | text-align: left; |
| 1601 | padding: 15px; | 1608 | padding: 15px; |
| 1602 | background-color: #455A64; | 1609 | background-color: #455A64; |
| 1603 | color: #fff; | 1610 | color: #fff; |
| 1604 | border-radius: 3px; | 1611 | border-radius: 3px; |
| 1605 | } | 1612 | } |
| 1606 | .blockui-growl h6 { | 1613 | .blockui-growl h6 { |
| 1607 | margin-top: 2px; | 1614 | margin-top: 2px; |
| 1608 | margin-bottom: 8px; | 1615 | margin-bottom: 8px; |
| 1609 | } | 1616 | } |
| 1610 | .blockui-message { | 1617 | .blockui-message { |
| 1611 | display: none; | 1618 | display: none; |
| 1612 | background-color: #455A64; | 1619 | background-color: #455A64; |
| 1613 | color: #fff; | 1620 | color: #fff; |
| 1614 | border-radius: 3px; | 1621 | border-radius: 3px; |
| 1615 | padding: 15px 15px 10px 15px; | 1622 | padding: 15px 15px 10px 15px; |
| 1616 | } | 1623 | } |
| 1617 | .blockui-message > i { | 1624 | .blockui-message > i { |
| 1618 | display: block; | 1625 | display: block; |
| 1619 | margin-bottom: 10px; | 1626 | margin-bottom: 10px; |
| 1620 | } | 1627 | } |
| 1621 | .multiple-messages-container, | 1628 | .multiple-messages-container, |
| 1622 | .blockui-animation-container { | 1629 | .blockui-animation-container { |
| 1623 | display: none; | 1630 | display: none; |
| 1624 | } | 1631 | } |
| 1625 | .blockui-animation-container { | 1632 | .blockui-animation-container { |
| 1626 | background-color: #555; | 1633 | background-color: #555; |
| 1627 | padding: 10px; | 1634 | padding: 10px; |
| 1628 | line-height: 1; | 1635 | line-height: 1; |
| 1629 | border-radius: 3px; | 1636 | border-radius: 3px; |
| 1630 | } | 1637 | } |
| 1631 | .val-demo { | 1638 | .val-demo { |
| 1632 | display: block; | 1639 | display: block; |
| 1633 | margin-top: 20px; | 1640 | margin-top: 20px; |
| 1634 | } | 1641 | } |
| 1635 | .val-demo > span { | 1642 | .val-demo > span { |
| 1636 | font-weight: 500; | 1643 | font-weight: 500; |
| 1637 | } | 1644 | } |
| 1638 | /* ------------------------------------------------------------------------------ | 1645 | /* ------------------------------------------------------------------------------ |
| 1639 | * | 1646 | * |
| 1640 | * # Pace. Default theme | 1647 | * # Pace. Default theme |
| 1641 | * | 1648 | * |
| 1642 | * Minimal preloader theme, used as a default theme | 1649 | * Minimal preloader theme, used as a default theme |
| 1643 | * | 1650 | * |
| 1644 | * Version: 1.0 | 1651 | * Version: 1.0 |
| 1645 | * Latest update: May 25, 2015 | 1652 | * Latest update: May 25, 2015 |
| 1646 | * | 1653 | * |
| 1647 | * ---------------------------------------------------------------------------- */ | 1654 | * ---------------------------------------------------------------------------- */ |
| 1648 | .pace { | 1655 | .pace { |
| 1649 | -webkit-pointer-events: none; | 1656 | -webkit-pointer-events: none; |
| 1650 | pointer-events: none; | 1657 | pointer-events: none; |
| 1651 | -webkit-user-select: none; | 1658 | -webkit-user-select: none; |
| 1652 | -moz-user-select: none; | 1659 | -moz-user-select: none; |
| 1653 | -ms-user-select: none; | 1660 | -ms-user-select: none; |
| 1654 | user-select: none; | 1661 | user-select: none; |
| 1655 | } | 1662 | } |
| 1656 | .pace .pace-progress { | 1663 | .pace .pace-progress { |
| 1657 | background: #81C784; | 1664 | background: #81C784; |
| 1658 | position: fixed; | 1665 | position: fixed; |
| 1659 | z-index: 2000; | 1666 | z-index: 2000; |
| 1660 | top: 0; | 1667 | top: 0; |
| 1661 | width: 100%; | 1668 | width: 100%; |
| 1662 | right: 100%; | 1669 | right: 100%; |
| 1663 | height: 2px; | 1670 | height: 2px; |
| 1664 | } | 1671 | } |
| 1665 | .pace-inactive { | 1672 | .pace-inactive { |
| 1666 | display: none; | 1673 | display: none; |
| 1667 | } | 1674 | } |
| 1668 | /* ------------------------------------------------------------------------------ | 1675 | /* ------------------------------------------------------------------------------ |
| 1669 | * | 1676 | * |
| 1670 | * # Progress bars | 1677 | * # Progress bars |
| 1671 | * | 1678 | * |
| 1672 | * Static demo of Pace themes. For demonstration purposes only. DO NOT use it in live project | 1679 | * Static demo of Pace themes. For demonstration purposes only. DO NOT use it in live project |
| 1673 | * | 1680 | * |
| 1674 | * Version: 1.0 | 1681 | * Version: 1.0 |
| 1675 | * Latest update: Mar 2, 2015 | 1682 | * Latest update: Mar 2, 2015 |
| 1676 | * | 1683 | * |
| 1677 | * ---------------------------------------------------------------------------- */ | 1684 | * ---------------------------------------------------------------------------- */ |
| 1678 | .pace-demo { | 1685 | .pace-demo { |
| 1679 | display: inline-block; | 1686 | display: inline-block; |
| 1680 | background-color: #37474F; | 1687 | background-color: #37474F; |
| 1681 | border-radius: 3px; | 1688 | border-radius: 3px; |
| 1682 | margin-top: 1px; | 1689 | margin-top: 1px; |
| 1683 | margin-bottom: 1px; | 1690 | margin-bottom: 1px; |
| 1684 | vertical-align: middle; | 1691 | vertical-align: middle; |
| 1685 | padding: 20px; | 1692 | padding: 20px; |
| 1686 | position: relative; | 1693 | position: relative; |
| 1687 | } | 1694 | } |
| 1688 | .pace-demo .pace_progress { | 1695 | .pace-demo .pace_progress { |
| 1689 | display: none; | 1696 | display: none; |
| 1690 | } | 1697 | } |
| 1691 | .theme_xbox_xs, | 1698 | .theme_xbox_xs, |
| 1692 | .theme_xbox_sm, | 1699 | .theme_xbox_sm, |
| 1693 | .theme_xbox { | 1700 | .theme_xbox { |
| 1694 | position: relative; | 1701 | position: relative; |
| 1695 | width: 44px; | 1702 | width: 44px; |
| 1696 | height: 44px; | 1703 | height: 44px; |
| 1697 | } | 1704 | } |
| 1698 | .theme_xbox_xs .pace_activity, | 1705 | .theme_xbox_xs .pace_activity, |
| 1699 | .theme_xbox_sm .pace_activity, | 1706 | .theme_xbox_sm .pace_activity, |
| 1700 | .theme_xbox .pace_activity { | 1707 | .theme_xbox .pace_activity { |
| 1701 | width: 44px; | 1708 | width: 44px; |
| 1702 | height: 44px; | 1709 | height: 44px; |
| 1703 | -webkit-animation: rotation 1.5s ease-in-out infinite; | 1710 | -webkit-animation: rotation 1.5s ease-in-out infinite; |
| 1704 | -o-animation: rotation 1.5s ease-in-out infinite; | 1711 | -o-animation: rotation 1.5s ease-in-out infinite; |
| 1705 | animation: rotation 1.5s ease-in-out infinite; | 1712 | animation: rotation 1.5s ease-in-out infinite; |
| 1706 | } | 1713 | } |
| 1707 | .theme_xbox_xs .pace_activity, | 1714 | .theme_xbox_xs .pace_activity, |
| 1708 | .theme_xbox_xs .pace_activity:before, | 1715 | .theme_xbox_xs .pace_activity:before, |
| 1709 | .theme_xbox_xs .pace_activity:after, | 1716 | .theme_xbox_xs .pace_activity:after, |
| 1710 | .theme_xbox_sm .pace_activity, | 1717 | .theme_xbox_sm .pace_activity, |
| 1711 | .theme_xbox_sm .pace_activity:before, | 1718 | .theme_xbox_sm .pace_activity:before, |
| 1712 | .theme_xbox_sm .pace_activity:after, | 1719 | .theme_xbox_sm .pace_activity:after, |
| 1713 | .theme_xbox .pace_activity, | 1720 | .theme_xbox .pace_activity, |
| 1714 | .theme_xbox .pace_activity:before, | 1721 | .theme_xbox .pace_activity:before, |
| 1715 | .theme_xbox .pace_activity:after { | 1722 | .theme_xbox .pace_activity:after { |
| 1716 | border-radius: 50%; | 1723 | border-radius: 50%; |
| 1717 | border: 1px solid transparent; | 1724 | border: 1px solid transparent; |
| 1718 | border-top-color: #fff; | 1725 | border-top-color: #fff; |
| 1719 | } | 1726 | } |
| 1720 | .theme_xbox_xs .pace_activity:before, | 1727 | .theme_xbox_xs .pace_activity:before, |
| 1721 | .theme_xbox_sm .pace_activity:before, | 1728 | .theme_xbox_sm .pace_activity:before, |
| 1722 | .theme_xbox .pace_activity:before { | 1729 | .theme_xbox .pace_activity:before { |
| 1723 | content: ""; | 1730 | content: ""; |
| 1724 | position: absolute; | 1731 | position: absolute; |
| 1725 | top: 5px; | 1732 | top: 5px; |
| 1726 | left: 5px; | 1733 | left: 5px; |
| 1727 | right: 5px; | 1734 | right: 5px; |
| 1728 | bottom: 5px; | 1735 | bottom: 5px; |
| 1729 | -webkit-animation: rotation 2s ease-in-out infinite; | 1736 | -webkit-animation: rotation 2s ease-in-out infinite; |
| 1730 | -o-animation: rotation 2s ease-in-out infinite; | 1737 | -o-animation: rotation 2s ease-in-out infinite; |
| 1731 | animation: rotation 2s ease-in-out infinite; | 1738 | animation: rotation 2s ease-in-out infinite; |
| 1732 | } | 1739 | } |
| 1733 | .theme_xbox_xs .pace_activity:after, | 1740 | .theme_xbox_xs .pace_activity:after, |
| 1734 | .theme_xbox_sm .pace_activity:after, | 1741 | .theme_xbox_sm .pace_activity:after, |
| 1735 | .theme_xbox .pace_activity:after { | 1742 | .theme_xbox .pace_activity:after { |
| 1736 | content: ""; | 1743 | content: ""; |
| 1737 | position: absolute; | 1744 | position: absolute; |
| 1738 | top: 12px; | 1745 | top: 12px; |
| 1739 | left: 12px; | 1746 | left: 12px; |
| 1740 | right: 12px; | 1747 | right: 12px; |
| 1741 | bottom: 12px; | 1748 | bottom: 12px; |
| 1742 | -webkit-animation: rotation 1s ease-in-out infinite; | 1749 | -webkit-animation: rotation 1s ease-in-out infinite; |
| 1743 | -o-animation: rotation 1s ease-in-out infinite; | 1750 | -o-animation: rotation 1s ease-in-out infinite; |
| 1744 | animation: rotation 1s ease-in-out infinite; | 1751 | animation: rotation 1s ease-in-out infinite; |
| 1745 | } | 1752 | } |
| 1746 | .theme_xbox_with_text span { | 1753 | .theme_xbox_with_text span { |
| 1747 | display: block; | 1754 | display: block; |
| 1748 | margin-top: 7px; | 1755 | margin-top: 7px; |
| 1749 | color: #fff; | 1756 | color: #fff; |
| 1750 | } | 1757 | } |
| 1751 | .theme_xbox_sm .pace_activity, | 1758 | .theme_xbox_sm .pace_activity, |
| 1752 | .theme_xbox_sm .pace_activity:before, | 1759 | .theme_xbox_sm .pace_activity:before, |
| 1753 | .theme_xbox_sm .pace_activity:after { | 1760 | .theme_xbox_sm .pace_activity:after { |
| 1754 | border-width: 2px; | 1761 | border-width: 2px; |
| 1755 | } | 1762 | } |
| 1756 | .theme_xbox .pace_activity, | 1763 | .theme_xbox .pace_activity, |
| 1757 | .theme_xbox .pace_activity:before, | 1764 | .theme_xbox .pace_activity:before, |
| 1758 | .theme_xbox .pace_activity:after { | 1765 | .theme_xbox .pace_activity:after { |
| 1759 | border-width: 3px; | 1766 | border-width: 3px; |
| 1760 | } | 1767 | } |
| 1761 | .theme_perspective { | 1768 | .theme_perspective { |
| 1762 | pointer-events: none; | 1769 | pointer-events: none; |
| 1763 | -webkit-user-select: none; | 1770 | -webkit-user-select: none; |
| 1764 | -moz-user-select: none; | 1771 | -moz-user-select: none; |
| 1765 | -ms-user-select: none; | 1772 | -ms-user-select: none; |
| 1766 | user-select: none; | 1773 | user-select: none; |
| 1767 | width: 30px; | 1774 | width: 30px; |
| 1768 | height: 30px; | 1775 | height: 30px; |
| 1769 | } | 1776 | } |
| 1770 | .theme_perspective .pace_activity { | 1777 | .theme_perspective .pace_activity { |
| 1771 | width: 20px; | 1778 | width: 20px; |
| 1772 | height: 20px; | 1779 | height: 20px; |
| 1773 | display: inline-block; | 1780 | display: inline-block; |
| 1774 | margin-top: 5px; | 1781 | margin-top: 5px; |
| 1775 | margin-bottom: 5px; | 1782 | margin-bottom: 5px; |
| 1776 | background-color: #fff; | 1783 | background-color: #fff; |
| 1777 | -webkit-animation: perspective 1.2s infinite ease-in-out; | 1784 | -webkit-animation: perspective 1.2s infinite ease-in-out; |
| 1778 | -o-animation: perspective 1.2s infinite ease-in-out; | 1785 | -o-animation: perspective 1.2s infinite ease-in-out; |
| 1779 | animation: perspective 1.2s infinite ease-in-out; | 1786 | animation: perspective 1.2s infinite ease-in-out; |
| 1780 | } | 1787 | } |
| 1781 | @keyframes perspective { | 1788 | @keyframes perspective { |
| 1782 | 0% { | 1789 | 0% { |
| 1783 | transform: perspective(120px); | 1790 | transform: perspective(120px); |
| 1784 | } | 1791 | } |
| 1785 | 50% { | 1792 | 50% { |
| 1786 | transform: perspective(120px) rotateY(180deg); | 1793 | transform: perspective(120px) rotateY(180deg); |
| 1787 | } | 1794 | } |
| 1788 | 100% { | 1795 | 100% { |
| 1789 | transform: perspective(120px) rotateY(180deg) rotateX(180deg); | 1796 | transform: perspective(120px) rotateY(180deg) rotateX(180deg); |
| 1790 | } | 1797 | } |
| 1791 | } | 1798 | } |
| 1792 | @-webkit-keyframes perspective { | 1799 | @-webkit-keyframes perspective { |
| 1793 | 0% { | 1800 | 0% { |
| 1794 | -webkit-transform: perspective(120px); | 1801 | -webkit-transform: perspective(120px); |
| 1795 | } | 1802 | } |
| 1796 | 50% { | 1803 | 50% { |
| 1797 | -webkit-transform: perspective(120px) rotateY(180deg); | 1804 | -webkit-transform: perspective(120px) rotateY(180deg); |
| 1798 | } | 1805 | } |
| 1799 | 100% { | 1806 | 100% { |
| 1800 | -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); | 1807 | -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); |
| 1801 | } | 1808 | } |
| 1802 | } | 1809 | } |
| 1803 | @-moz-keyframes perspective { | 1810 | @-moz-keyframes perspective { |
| 1804 | 0% { | 1811 | 0% { |
| 1805 | -moz-transform: perspective(120px); | 1812 | -moz-transform: perspective(120px); |
| 1806 | } | 1813 | } |
| 1807 | 50% { | 1814 | 50% { |
| 1808 | -moz-transform: perspective(120px) rotateY(180deg); | 1815 | -moz-transform: perspective(120px) rotateY(180deg); |
| 1809 | } | 1816 | } |
| 1810 | 100% { | 1817 | 100% { |
| 1811 | -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg); | 1818 | -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg); |
| 1812 | } | 1819 | } |
| 1813 | } | 1820 | } |
| 1814 | .theme_perspective_with_text span, | 1821 | .theme_perspective_with_text span, |
| 1815 | .theme_squares_with_text span, | 1822 | .theme_squares_with_text span, |
| 1816 | .theme_tail_with_text span, | 1823 | .theme_tail_with_text span, |
| 1817 | .theme_corners_with_text span, | 1824 | .theme_corners_with_text span, |
| 1818 | .theme_radar_with_text span { | 1825 | .theme_radar_with_text span { |
| 1819 | display: block; | 1826 | display: block; |
| 1820 | position: absolute; | 1827 | position: absolute; |
| 1821 | left: 0; | 1828 | left: 0; |
| 1822 | bottom: 2px; | 1829 | bottom: 2px; |
| 1823 | width: 100%; | 1830 | width: 100%; |
| 1824 | color: #fff; | 1831 | color: #fff; |
| 1825 | } | 1832 | } |
| 1826 | .theme_squares { | 1833 | .theme_squares { |
| 1827 | width: 30px; | 1834 | width: 30px; |
| 1828 | height: 30px; | 1835 | height: 30px; |
| 1829 | } | 1836 | } |
| 1830 | .theme_squares .pace_activity:before, | 1837 | .theme_squares .pace_activity:before, |
| 1831 | .theme_squares .pace_activity:after { | 1838 | .theme_squares .pace_activity:after { |
| 1832 | position: absolute; | 1839 | position: absolute; |
| 1833 | content: ""; | 1840 | content: ""; |
| 1834 | border: 2px solid #fff; | 1841 | border: 2px solid #fff; |
| 1835 | width: 20px; | 1842 | width: 20px; |
| 1836 | height: 20px; | 1843 | height: 20px; |
| 1837 | margin-left: -10px; | 1844 | margin-left: -10px; |
| 1838 | margin-top: 5px; | 1845 | margin-top: 5px; |
| 1839 | } | 1846 | } |
| 1840 | .theme_squares .pace_activity:before { | 1847 | .theme_squares .pace_activity:before { |
| 1841 | width: 30px; | 1848 | width: 30px; |
| 1842 | height: 30px; | 1849 | height: 30px; |
| 1843 | margin-left: -15px; | 1850 | margin-left: -15px; |
| 1844 | margin-top: 0; | 1851 | margin-top: 0; |
| 1845 | -webkit-animation: rotation_reverse 2s linear infinite; | 1852 | -webkit-animation: rotation_reverse 2s linear infinite; |
| 1846 | -o-animation: rotation_reverse 2s linear infinite; | 1853 | -o-animation: rotation_reverse 2s linear infinite; |
| 1847 | animation: rotation_reverse 2s linear infinite; | 1854 | animation: rotation_reverse 2s linear infinite; |
| 1848 | } | 1855 | } |
| 1849 | .theme_squares .pace_activity:after { | 1856 | .theme_squares .pace_activity:after { |
| 1850 | -webkit-animation: rotation 2s linear infinite; | 1857 | -webkit-animation: rotation 2s linear infinite; |
| 1851 | -o-animation: rotation 2s linear infinite; | 1858 | -o-animation: rotation 2s linear infinite; |
| 1852 | animation: rotation 2s linear infinite; | 1859 | animation: rotation 2s linear infinite; |
| 1853 | } | 1860 | } |
| 1854 | .theme_tail { | 1861 | .theme_tail { |
| 1855 | width: 30px; | 1862 | width: 30px; |
| 1856 | height: 30px; | 1863 | height: 30px; |
| 1857 | } | 1864 | } |
| 1858 | .theme_tail .pace_activity { | 1865 | .theme_tail .pace_activity { |
| 1859 | border-radius: 50%; | 1866 | border-radius: 50%; |
| 1860 | width: 30px; | 1867 | width: 30px; |
| 1861 | height: 30px; | 1868 | height: 30px; |
| 1862 | border: 3px solid transparent; | 1869 | border: 3px solid transparent; |
| 1863 | border-left-color: #ffffff; | 1870 | border-left-color: #ffffff; |
| 1864 | -webkit-animation: rotation 1.1s infinite linear; | 1871 | -webkit-animation: rotation 1.1s infinite linear; |
| 1865 | -o-animation: rotation 1.1s infinite linear; | 1872 | -o-animation: rotation 1.1s infinite linear; |
| 1866 | animation: rotation 1.1s infinite linear; | 1873 | animation: rotation 1.1s infinite linear; |
| 1867 | } | 1874 | } |
| 1868 | .theme_tail_circle { | 1875 | .theme_tail_circle { |
| 1869 | width: 30px; | 1876 | width: 30px; |
| 1870 | height: 30px; | 1877 | height: 30px; |
| 1871 | } | 1878 | } |
| 1872 | .theme_tail_circle .pace_activity { | 1879 | .theme_tail_circle .pace_activity { |
| 1873 | border-radius: 50%; | 1880 | border-radius: 50%; |
| 1874 | width: 30px; | 1881 | width: 30px; |
| 1875 | height: 30px; | 1882 | height: 30px; |
| 1876 | border: 3px solid rgba(0, 0, 0, 0.1); | 1883 | border: 3px solid rgba(0, 0, 0, 0.1); |
| 1877 | border-left-color: #ffffff; | 1884 | border-left-color: #ffffff; |
| 1878 | -webkit-animation: rotation 1.1s infinite linear; | 1885 | -webkit-animation: rotation 1.1s infinite linear; |
| 1879 | -o-animation: rotation 1.1s infinite linear; | 1886 | -o-animation: rotation 1.1s infinite linear; |
| 1880 | animation: rotation 1.1s infinite linear; | 1887 | animation: rotation 1.1s infinite linear; |
| 1881 | } | 1888 | } |
| 1882 | .theme_corners { | 1889 | .theme_corners { |
| 1883 | height: 30px; | 1890 | height: 30px; |
| 1884 | width: 30px; | 1891 | width: 30px; |
| 1885 | } | 1892 | } |
| 1886 | .theme_corners .pace_activity { | 1893 | .theme_corners .pace_activity { |
| 1887 | display: inline-block; | 1894 | display: inline-block; |
| 1888 | width: 12px; | 1895 | width: 12px; |
| 1889 | height: 12px; | 1896 | height: 12px; |
| 1890 | margin-top: 9px; | 1897 | margin-top: 9px; |
| 1891 | margin-bottom: 3px; | 1898 | margin-bottom: 3px; |
| 1892 | background-color: #fff; | 1899 | background-color: #fff; |
| 1893 | border-radius: 10px; | 1900 | border-radius: 10px; |
| 1894 | -webkit-animation: corners 1.5s ease infinite; | 1901 | -webkit-animation: corners 1.5s ease infinite; |
| 1895 | -o-animation: corners 1.5s ease infinite; | 1902 | -o-animation: corners 1.5s ease infinite; |
| 1896 | animation: corners 1.5s ease infinite; | 1903 | animation: corners 1.5s ease infinite; |
| 1897 | } | 1904 | } |
| 1898 | @keyframes corners { | 1905 | @keyframes corners { |
| 1899 | 0% { | 1906 | 0% { |
| 1900 | transform: rotate(0deg); | 1907 | transform: rotate(0deg); |
| 1901 | } | 1908 | } |
| 1902 | 50% { | 1909 | 50% { |
| 1903 | transform: scale(1.5) rotate(180deg); | 1910 | transform: scale(1.5) rotate(180deg); |
| 1904 | border-radius: 0; | 1911 | border-radius: 0; |
| 1905 | } | 1912 | } |
| 1906 | 100% { | 1913 | 100% { |
| 1907 | transform: rotate(360deg); | 1914 | transform: rotate(360deg); |
| 1908 | } | 1915 | } |
| 1909 | } | 1916 | } |
| 1910 | @-webkit-keyframes corners { | 1917 | @-webkit-keyframes corners { |
| 1911 | 0% { | 1918 | 0% { |
| 1912 | -webkit-transform: rotate(0deg); | 1919 | -webkit-transform: rotate(0deg); |
| 1913 | } | 1920 | } |
| 1914 | 50% { | 1921 | 50% { |
| 1915 | -webkit-transform: scale(2) rotate(180deg); | 1922 | -webkit-transform: scale(2) rotate(180deg); |
| 1916 | border-radius: 0; | 1923 | border-radius: 0; |
| 1917 | } | 1924 | } |
| 1918 | 100% { | 1925 | 100% { |
| 1919 | -webkit-transform: rotate(360deg); | 1926 | -webkit-transform: rotate(360deg); |
| 1920 | } | 1927 | } |
| 1921 | } | 1928 | } |
| 1922 | @-moz-keyframes corners { | 1929 | @-moz-keyframes corners { |
| 1923 | 0% { | 1930 | 0% { |
| 1924 | -moz-transform: rotate(0deg); | 1931 | -moz-transform: rotate(0deg); |
| 1925 | } | 1932 | } |
| 1926 | 50% { | 1933 | 50% { |
| 1927 | -moz-transform: scale(2) rotate(180deg); | 1934 | -moz-transform: scale(2) rotate(180deg); |
| 1928 | border-radius: 0; | 1935 | border-radius: 0; |
| 1929 | } | 1936 | } |
| 1930 | 100% { | 1937 | 100% { |
| 1931 | -moz-transform: rotate(360deg); | 1938 | -moz-transform: rotate(360deg); |
| 1932 | } | 1939 | } |
| 1933 | } | 1940 | } |
| 1934 | .theme_radar { | 1941 | .theme_radar { |
| 1935 | width: 30px; | 1942 | width: 30px; |
| 1936 | height: 30px; | 1943 | height: 30px; |
| 1937 | } | 1944 | } |
| 1938 | .theme_radar .pace_activity { | 1945 | .theme_radar .pace_activity { |
| 1939 | display: inline-block; | 1946 | display: inline-block; |
| 1940 | margin-top: 3px; | 1947 | margin-top: 3px; |
| 1941 | margin-bottom: 3px; | 1948 | margin-bottom: 3px; |
| 1942 | width: 24px; | 1949 | width: 24px; |
| 1943 | height: 24px; | 1950 | height: 24px; |
| 1944 | border-radius: 50%; | 1951 | border-radius: 50%; |
| 1945 | border: 2px solid transparent; | 1952 | border: 2px solid transparent; |
| 1946 | border-top-color: #fff; | 1953 | border-top-color: #fff; |
| 1947 | border-bottom-color: #fff; | 1954 | border-bottom-color: #fff; |
| 1948 | -webkit-animation: rotation 1.1s infinite linear; | 1955 | -webkit-animation: rotation 1.1s infinite linear; |
| 1949 | -o-animation: rotation 1.1s infinite linear; | 1956 | -o-animation: rotation 1.1s infinite linear; |
| 1950 | animation: rotation 1.1s infinite linear; | 1957 | animation: rotation 1.1s infinite linear; |
| 1951 | } | 1958 | } |
| 1952 | .theme_bar, | 1959 | .theme_bar, |
| 1953 | .theme_bar_sm, | 1960 | .theme_bar_sm, |
| 1954 | .theme_bar_xs { | 1961 | .theme_bar_xs { |
| 1955 | position: relative; | 1962 | position: relative; |
| 1956 | width: 200px; | 1963 | width: 200px; |
| 1957 | height: 6px; | 1964 | height: 6px; |
| 1958 | background-color: rgba(0, 0, 0, 0.4); | 1965 | background-color: rgba(0, 0, 0, 0.4); |
| 1959 | border-radius: 100px; | 1966 | border-radius: 100px; |
| 1960 | -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); | 1967 | -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); |
| 1961 | box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); | 1968 | box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); |
| 1962 | } | 1969 | } |
| 1963 | .theme_bar .pace_progress, | 1970 | .theme_bar .pace_progress, |
| 1964 | .theme_bar_sm .pace_progress, | 1971 | .theme_bar_sm .pace_progress, |
| 1965 | .theme_bar_xs .pace_progress { | 1972 | .theme_bar_xs .pace_progress { |
| 1966 | max-width: 198px; | 1973 | max-width: 198px; |
| 1967 | display: block; | 1974 | display: block; |
| 1968 | position: absolute; | 1975 | position: absolute; |
| 1969 | left: 1px; | 1976 | left: 1px; |
| 1970 | top: 1px; | 1977 | top: 1px; |
| 1971 | height: 4px; | 1978 | height: 4px; |
| 1972 | background: #3FCF96; | 1979 | background: #3FCF96; |
| 1973 | color: #fff; | 1980 | color: #fff; |
| 1974 | line-height: 32px; | 1981 | line-height: 32px; |
| 1975 | border-radius: 100px; | 1982 | border-radius: 100px; |
| 1976 | } | 1983 | } |
| 1977 | .theme_bar_sm { | 1984 | .theme_bar_sm { |
| 1978 | height: 5px; | 1985 | height: 5px; |
| 1979 | } | 1986 | } |
| 1980 | .theme_bar_sm .pace_progress { | 1987 | .theme_bar_sm .pace_progress { |
| 1981 | height: 3px; | 1988 | height: 3px; |
| 1982 | } | 1989 | } |
| 1983 | .theme_bar_xs { | 1990 | .theme_bar_xs { |
| 1984 | height: 4px; | 1991 | height: 4px; |
| 1985 | } | 1992 | } |
| 1986 | .theme_bar_xs .pace_progress { | 1993 | .theme_bar_xs .pace_progress { |
| 1987 | height: 2px; | 1994 | height: 2px; |
| 1988 | } | 1995 | } |
| 1989 | /* ------------------------------------------------------------------------------ | 1996 | /* ------------------------------------------------------------------------------ |
| 1990 | * | 1997 | * |
| 1991 | * # Uniform form inputs plugin | 1998 | * # Uniform form inputs plugin |
| 1992 | * | 1999 | * |
| 1993 | * Styles for uniform.min.js - form components styling | 2000 | * Styles for uniform.min.js - form components styling |
| 1994 | * | 2001 | * |
| 1995 | * Version: 1.2 | 2002 | * Version: 1.2 |
| 1996 | * Latest update: Aug 10, 2016 | 2003 | * Latest update: Aug 10, 2016 |
| 1997 | * | 2004 | * |
| 1998 | * ---------------------------------------------------------------------------- */ | 2005 | * ---------------------------------------------------------------------------- */ |
| 1999 | .checker { | 2006 | .checker { |
| 2000 | position: relative; | 2007 | position: relative; |
| 2001 | display: inline-block; | 2008 | display: inline-block; |
| 2002 | cursor: pointer; | 2009 | cursor: pointer; |
| 2003 | vertical-align: middle; | 2010 | vertical-align: middle; |
| 2004 | } | 2011 | } |
| 2005 | .checker, | 2012 | .checker, |
| 2006 | .checker span, | 2013 | .checker span, |
| 2007 | .checker input { | 2014 | .checker input { |
| 2008 | width: 18px; | 2015 | width: 18px; |
| 2009 | height: 18px; | 2016 | height: 18px; |
| 2010 | } | 2017 | } |
| 2011 | .checker span { | 2018 | .checker span { |
| 2012 | color: #455A64; | 2019 | color: #455A64; |
| 2013 | border: 2px solid #607D8B; | 2020 | border: 2px solid #607D8B; |
| 2014 | display: inline-block; | 2021 | display: inline-block; |
| 2015 | text-align: center; | 2022 | text-align: center; |
| 2016 | position: relative; | 2023 | position: relative; |
| 2017 | border-radius: 2px; | 2024 | border-radius: 2px; |
| 2018 | } | 2025 | } |
| 2019 | .checker span:after { | 2026 | .checker span:after { |
| 2020 | content: "\ed6e"; | 2027 | content: "\ed6e"; |
| 2021 | font-family: 'icomoon'; | 2028 | font-family: 'icomoon'; |
| 2022 | font-size: 16px; | 2029 | font-size: 16px; |
| 2023 | color: inherit; | 2030 | color: inherit; |
| 2024 | line-height: 1; | 2031 | line-height: 1; |
| 2025 | position: absolute; | 2032 | position: absolute; |
| 2026 | top: -1px; | 2033 | top: -1px; |
| 2027 | left: -1px; | 2034 | left: -1px; |
| 2028 | -webkit-font-smoothing: antialiased; | 2035 | -webkit-font-smoothing: antialiased; |
| 2029 | -moz-osx-font-smoothing: grayscale; | 2036 | -moz-osx-font-smoothing: grayscale; |
| 2030 | opacity: 0; | 2037 | opacity: 0; |
| 2031 | filter: alpha(opacity=0); | 2038 | filter: alpha(opacity=0); |
| 2032 | -webkit-transform: scale(0); | 2039 | -webkit-transform: scale(0); |
| 2033 | -ms-transform: scale(0); | 2040 | -ms-transform: scale(0); |
| 2034 | -o-transform: scale(0); | 2041 | -o-transform: scale(0); |
| 2035 | transform: scale(0); | 2042 | transform: scale(0); |
| 2036 | -webkit-transition-duration: 0.1s; | 2043 | -webkit-transition-duration: 0.1s; |
| 2037 | transition-duration: 0.1s; | 2044 | transition-duration: 0.1s; |
| 2038 | } | 2045 | } |
| 2039 | .checker span.checked { | 2046 | .checker span.checked { |
| 2040 | border-color: transparent; | 2047 | border-color: transparent; |
| 2041 | -webkit-transition-duration: 0.1s; | 2048 | -webkit-transition-duration: 0.1s; |
| 2042 | transition-duration: 0.1s; | 2049 | transition-duration: 0.1s; |
| 2043 | } | 2050 | } |
| 2044 | .checker span.checked:after { | 2051 | .checker span.checked:after { |
| 2045 | opacity: 1; | 2052 | opacity: 1; |
| 2046 | filter: alpha(opacity=100); | 2053 | filter: alpha(opacity=100); |
| 2047 | -webkit-transform: scale(1); | 2054 | -webkit-transform: scale(1); |
| 2048 | -ms-transform: scale(1); | 2055 | -ms-transform: scale(1); |
| 2049 | -o-transform: scale(1); | 2056 | -o-transform: scale(1); |
| 2050 | transform: scale(1); | 2057 | transform: scale(1); |
| 2051 | } | 2058 | } |
| 2052 | .checker input[type=checkbox], | 2059 | .checker input[type=checkbox], |
| 2053 | .choice input[type=radio] { | 2060 | .choice input[type=radio] { |
| 2054 | border: none; | 2061 | border: none; |
| 2055 | background: none; | 2062 | background: none; |
| 2056 | display: -moz-inline-box; | 2063 | display: -moz-inline-box; |
| 2057 | display: inline-block; | 2064 | display: inline-block; |
| 2058 | margin: 0; | 2065 | margin: 0; |
| 2059 | vertical-align: top; | 2066 | vertical-align: top; |
| 2060 | cursor: pointer; | 2067 | cursor: pointer; |
| 2061 | position: absolute; | 2068 | position: absolute; |
| 2062 | top: -2px; | 2069 | top: -2px; |
| 2063 | left: -2px; | 2070 | left: -2px; |
| 2064 | z-index: 2; | 2071 | z-index: 2; |
| 2065 | opacity: 0; | 2072 | opacity: 0; |
| 2066 | filter: alpha(opacity=0); | 2073 | filter: alpha(opacity=0); |
| 2067 | } | 2074 | } |
| 2068 | .checkbox .checker, | 2075 | .checkbox .checker, |
| 2069 | .checkbox-inline .checker { | 2076 | .checkbox-inline .checker { |
| 2070 | position: absolute; | 2077 | position: absolute; |
| 2071 | top: 1px; | 2078 | top: 1px; |
| 2072 | left: 0; | 2079 | left: 0; |
| 2073 | } | 2080 | } |
| 2074 | .form-horizontal .checkbox .checker, | 2081 | .form-horizontal .checkbox .checker, |
| 2075 | .form-horizontal .checkbox-inline .checker { | 2082 | .form-horizontal .checkbox-inline .checker { |
| 2076 | top: 10px; | 2083 | top: 10px; |
| 2077 | } | 2084 | } |
| 2078 | .checkbox-right .checker { | 2085 | .checkbox-right .checker { |
| 2079 | left: auto; | 2086 | left: auto; |
| 2080 | right: 0; | 2087 | right: 0; |
| 2081 | } | 2088 | } |
| 2082 | .checker.disabled { | 2089 | .checker.disabled { |
| 2083 | opacity: 0.5; | 2090 | opacity: 0.5; |
| 2084 | filter: alpha(opacity=50); | 2091 | filter: alpha(opacity=50); |
| 2085 | } | 2092 | } |
| 2086 | .checker.disabled, | 2093 | .checker.disabled, |
| 2087 | .checker.disabled input[type=checkbox] { | 2094 | .checker.disabled input[type=checkbox] { |
| 2088 | cursor: not-allowed; | 2095 | cursor: not-allowed; |
| 2089 | } | 2096 | } |
| 2090 | .checkbox > label:active .checker.disabled span:after, | 2097 | .checkbox > label:active .checker.disabled span:after, |
| 2091 | .checkbox-inline:active .checker.disabled span:after { | 2098 | .checkbox-inline:active .checker.disabled span:after { |
| 2092 | opacity: 0; | 2099 | opacity: 0; |
| 2093 | filter: alpha(opacity=0); | 2100 | filter: alpha(opacity=0); |
| 2094 | } | 2101 | } |
| 2095 | .checkbox > label:active .checker.disabled span.checked:after, | 2102 | .checkbox > label:active .checker.disabled span.checked:after, |
| 2096 | .checkbox-inline:active .checker.disabled span.checked:after { | 2103 | .checkbox-inline:active .checker.disabled span.checked:after { |
| 2097 | opacity: 1; | 2104 | opacity: 1; |
| 2098 | filter: alpha(opacity=100); | 2105 | filter: alpha(opacity=100); |
| 2099 | } | 2106 | } |
| 2100 | .checker[class*=border-] span { | 2107 | .checker[class*=border-] span { |
| 2101 | color: inherit; | 2108 | color: inherit; |
| 2102 | } | 2109 | } |
| 2103 | .checker[class*=border-] span:not(.checked) { | 2110 | .checker[class*=border-] span:not(.checked) { |
| 2104 | border-color: inherit; | 2111 | border-color: inherit; |
| 2105 | } | 2112 | } |
| 2106 | .dropdown-menu > .active:not(.disabled) .checker span, | 2113 | .dropdown-menu > .active:not(.disabled) .checker span, |
| 2107 | .dropdown-menu[class*=bg-] .checker span, | 2114 | .dropdown-menu[class*=bg-] .checker span, |
| 2108 | .page-header-inverse .form-group > .checkbox .checker span, | 2115 | .page-header-inverse .form-group > .checkbox .checker span, |
| 2109 | .page-header-inverse .form-group > .checkbox-inline .checker span, | 2116 | .page-header-inverse .form-group > .checkbox-inline .checker span, |
| 2110 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span, | 2117 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span, |
| 2111 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span, | 2118 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span, |
| 2112 | .sidebar:not(.sidebar-default) .checkbox .checker span, | 2119 | .sidebar:not(.sidebar-default) .checkbox .checker span, |
| 2113 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span { | 2120 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span { |
| 2114 | border-color: #fff; | 2121 | border-color: #fff; |
| 2115 | color: #fff; | 2122 | color: #fff; |
| 2116 | } | 2123 | } |
| 2117 | .dropdown-menu > .active:not(.disabled) .checker span.checked, | 2124 | .dropdown-menu > .active:not(.disabled) .checker span.checked, |
| 2118 | .dropdown-menu[class*=bg-] .checker span.checked, | 2125 | .dropdown-menu[class*=bg-] .checker span.checked, |
| 2119 | .page-header-inverse .form-group > .checkbox .checker span.checked, | 2126 | .page-header-inverse .form-group > .checkbox .checker span.checked, |
| 2120 | .page-header-inverse .form-group > .checkbox-inline .checker span.checked, | 2127 | .page-header-inverse .form-group > .checkbox-inline .checker span.checked, |
| 2121 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span.checked, | 2128 | .navbar-inverse .navbar-form .form-group > .checkbox .checker span.checked, |
| 2122 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span.checked, | 2129 | .navbar-inverse .navbar-form .form-group > .checkbox-inline .checker span.checked, |
| 2123 | .sidebar:not(.sidebar-default) .checkbox .checker span.checked, | 2130 | .sidebar:not(.sidebar-default) .checkbox .checker span.checked, |
| 2124 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span.checked { | 2131 | .sidebar:not(.sidebar-default) .checkbox-inline .checker span.checked { |
| 2125 | border-color: transparent; | 2132 | border-color: transparent; |
| 2126 | } | 2133 | } |
| 2127 | .choice { | 2134 | .choice { |
| 2128 | position: relative; | 2135 | position: relative; |
| 2129 | display: inline-block; | 2136 | display: inline-block; |
| 2130 | cursor: pointer; | 2137 | cursor: pointer; |
| 2131 | vertical-align: middle; | 2138 | vertical-align: middle; |
| 2132 | border-radius: 100%; | 2139 | border-radius: 100%; |
| 2133 | } | 2140 | } |
| 2134 | .choice, | 2141 | .choice, |
| 2135 | .choice span, | 2142 | .choice span, |
| 2136 | .choice input { | 2143 | .choice input { |
| 2137 | width: 18px; | 2144 | width: 18px; |
| 2138 | height: 18px; | 2145 | height: 18px; |
| 2139 | } | 2146 | } |
| 2140 | .choice span { | 2147 | .choice span { |
| 2141 | border: 2px solid #607D8B; | 2148 | border: 2px solid #607D8B; |
| 2142 | display: -moz-inline-box; | 2149 | display: -moz-inline-box; |
| 2143 | display: inline-block; | 2150 | display: inline-block; |
| 2144 | border-radius: 100%; | 2151 | border-radius: 100%; |
| 2145 | text-align: center; | 2152 | text-align: center; |
| 2146 | position: relative; | 2153 | position: relative; |
| 2147 | } | 2154 | } |
| 2148 | .choice span:after { | 2155 | .choice span:after { |
| 2149 | content: ""; | 2156 | content: ""; |
| 2150 | position: absolute; | 2157 | position: absolute; |
| 2151 | top: 3px; | 2158 | top: 3px; |
| 2152 | left: 3px; | 2159 | left: 3px; |
| 2153 | border: 4px solid; | 2160 | border: 4px solid; |
| 2154 | border-color: inherit; | 2161 | border-color: inherit; |
| 2155 | width: 0; | 2162 | width: 0; |
| 2156 | height: 0; | 2163 | height: 0; |
| 2157 | border-radius: 100%; | 2164 | border-radius: 100%; |
| 2158 | opacity: 0; | 2165 | opacity: 0; |
| 2159 | filter: alpha(opacity=0); | 2166 | filter: alpha(opacity=0); |
| 2160 | -webkit-transform: scale(0); | 2167 | -webkit-transform: scale(0); |
| 2161 | -ms-transform: scale(0); | 2168 | -ms-transform: scale(0); |
| 2162 | -o-transform: scale(0); | 2169 | -o-transform: scale(0); |
| 2163 | transform: scale(0); | 2170 | transform: scale(0); |
| 2164 | } | 2171 | } |
| 2165 | .choice span.checked:after { | 2172 | .choice span.checked:after { |
| 2166 | opacity: 1; | 2173 | opacity: 1; |
| 2167 | filter: alpha(opacity=100); | 2174 | filter: alpha(opacity=100); |
| 2168 | -webkit-transform: scale(1); | 2175 | -webkit-transform: scale(1); |
| 2169 | -ms-transform: scale(1); | 2176 | -ms-transform: scale(1); |
| 2170 | -o-transform: scale(1); | 2177 | -o-transform: scale(1); |
| 2171 | transform: scale(1); | 2178 | transform: scale(1); |
| 2172 | } | 2179 | } |
| 2173 | .radio .choice, | 2180 | .radio .choice, |
| 2174 | .radio-inline .choice { | 2181 | .radio-inline .choice { |
| 2175 | position: absolute; | 2182 | position: absolute; |
| 2176 | top: 1px; | 2183 | top: 1px; |
| 2177 | left: 0; | 2184 | left: 0; |
| 2178 | } | 2185 | } |
| 2179 | .form-horizontal .radio .choice, | 2186 | .form-horizontal .radio .choice, |
| 2180 | .form-horizontal .radio-inline .choice { | 2187 | .form-horizontal .radio-inline .choice { |
| 2181 | top: 10px; | 2188 | top: 10px; |
| 2182 | } | 2189 | } |
| 2183 | .radio-right .choice { | 2190 | .radio-right .choice { |
| 2184 | left: auto; | 2191 | left: auto; |
| 2185 | right: 0; | 2192 | right: 0; |
| 2186 | } | 2193 | } |
| 2187 | .choice.active span:after, | 2194 | .choice.active span:after, |
| 2188 | .radio > label:active .choice span:after, | 2195 | .radio > label:active .choice span:after, |
| 2189 | .radio-inline:active .choice span:after { | 2196 | .radio-inline:active .choice span:after { |
| 2190 | opacity: 0.75; | 2197 | opacity: 0.75; |
| 2191 | filter: alpha(opacity=75); | 2198 | filter: alpha(opacity=75); |
| 2192 | } | 2199 | } |
| 2193 | .choice.disabled { | 2200 | .choice.disabled { |
| 2194 | opacity: 0.5; | 2201 | opacity: 0.5; |
| 2195 | filter: alpha(opacity=50); | 2202 | filter: alpha(opacity=50); |
| 2196 | } | 2203 | } |
| 2197 | .choice.disabled, | 2204 | .choice.disabled, |
| 2198 | .choice.disabled input[type=radio] { | 2205 | .choice.disabled input[type=radio] { |
| 2199 | cursor: not-allowed; | 2206 | cursor: not-allowed; |
| 2200 | } | 2207 | } |
| 2201 | .radio > label:active .choice.disabled span:after, | 2208 | .radio > label:active .choice.disabled span:after, |
| 2202 | .radio-inline:active .choice.disabled span:after { | 2209 | .radio-inline:active .choice.disabled span:after { |
| 2203 | opacity: 0; | 2210 | opacity: 0; |
| 2204 | filter: alpha(opacity=0); | 2211 | filter: alpha(opacity=0); |
| 2205 | } | 2212 | } |
| 2206 | .radio > label:active .choice.disabled span.checked:after, | 2213 | .radio > label:active .choice.disabled span.checked:after, |
| 2207 | .radio-inline:active .choice.disabled span.checked:after { | 2214 | .radio-inline:active .choice.disabled span.checked:after { |
| 2208 | opacity: 1; | 2215 | opacity: 1; |
| 2209 | filter: alpha(opacity=100); | 2216 | filter: alpha(opacity=100); |
| 2210 | } | 2217 | } |
| 2211 | .choice[class*=border-] span { | 2218 | .choice[class*=border-] span { |
| 2212 | border-color: inherit; | 2219 | border-color: inherit; |
| 2213 | } | 2220 | } |
| 2214 | .choice[class*=border-] span:after { | 2221 | .choice[class*=border-] span:after { |
| 2215 | border-color: inherit; | 2222 | border-color: inherit; |
| 2216 | } | 2223 | } |
| 2217 | .dropdown-menu > .active .choice span, | 2224 | .dropdown-menu > .active .choice span, |
| 2218 | .dropdown-menu[class*=bg-] .choice span, | 2225 | .dropdown-menu[class*=bg-] .choice span, |
| 2219 | .page-header-inverse .form-group > .radio .choice span, | 2226 | .page-header-inverse .form-group > .radio .choice span, |
| 2220 | .page-header-inverse .form-group > .radio-inline .choice span, | 2227 | .page-header-inverse .form-group > .radio-inline .choice span, |
| 2221 | .navbar-inverse .navbar-form .form-group > .radio .choice span, | 2228 | .navbar-inverse .navbar-form .form-group > .radio .choice span, |
| 2222 | .navbar-inverse .navbar-form .form-group > .radio-inline .choice span, | 2229 | .navbar-inverse .navbar-form .form-group > .radio-inline .choice span, |
| 2223 | .sidebar:not(.sidebar-default) .radio .choice span, | 2230 | .sidebar:not(.sidebar-default) .radio .choice span, |
| 2224 | .sidebar:not(.sidebar-default) .radio-inline .choice span { | 2231 | .sidebar:not(.sidebar-default) .radio-inline .choice span { |
| 2225 | border-color: #fff; | 2232 | border-color: #fff; |
| 2226 | } | 2233 | } |
| 2227 | .uploader { | 2234 | .uploader { |
| 2228 | position: relative; | 2235 | position: relative; |
| 2229 | display: inline-block; | 2236 | display: inline-block; |
| 2230 | max-width: 100%; | 2237 | max-width: 100%; |
| 2231 | } | 2238 | } |
| 2232 | .uploader:after { | 2239 | .uploader:after { |
| 2233 | content: ''; | 2240 | content: ''; |
| 2234 | display: table; | 2241 | display: table; |
| 2235 | clear: both; | 2242 | clear: both; |
| 2236 | } | 2243 | } |
| 2237 | .uploader .filename { | 2244 | .uploader .filename { |
| 2238 | color: #999999; | 2245 | color: #999999; |
| 2239 | padding: 8px 16px; | 2246 | padding: 8px 16px; |
| 2240 | cursor: pointer; | 2247 | cursor: pointer; |
| 2241 | display: block; | 2248 | display: block; |
| 2242 | border: 1px solid transparent; | 2249 | border: 1px solid transparent; |
| 2243 | float: right; | 2250 | float: right; |
| 2244 | max-width: 100%; | 2251 | max-width: 100%; |
| 2245 | white-space: nowrap; | 2252 | white-space: nowrap; |
| 2246 | text-overflow: ellipsis; | 2253 | text-overflow: ellipsis; |
| 2247 | overflow: hidden; | 2254 | overflow: hidden; |
| 2248 | } | 2255 | } |
| 2249 | .uploader .action { | 2256 | .uploader .action { |
| 2250 | cursor: pointer; | 2257 | cursor: pointer; |
| 2251 | margin: 0; | 2258 | margin: 0; |
| 2252 | float: left; | 2259 | float: left; |
| 2253 | } | 2260 | } |
| 2254 | .uploader .action.btn { | 2261 | .uploader .action.btn { |
| 2255 | margin-top: 0; | 2262 | margin-top: 0; |
| 2256 | } | 2263 | } |
| 2257 | .uploader:hover .action, | 2264 | .uploader:hover .action, |
| 2258 | .uploader:focus .action { | 2265 | .uploader:focus .action { |
| 2259 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 2266 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 2260 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 2267 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 2261 | } | 2268 | } |
| 2262 | .uploader:active .action { | 2269 | .uploader:active .action { |
| 2263 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 2270 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 2264 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 2271 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 2265 | } | 2272 | } |
| 2266 | .uploader input[type=file] { | 2273 | .uploader input[type=file] { |
| 2267 | width: 100%; | 2274 | width: 100%; |
| 2268 | margin-top: 0; | 2275 | margin-top: 0; |
| 2269 | position: absolute; | 2276 | position: absolute; |
| 2270 | top: 0; | 2277 | top: 0; |
| 2271 | right: 0; | 2278 | right: 0; |
| 2272 | bottom: 0; | 2279 | bottom: 0; |
| 2273 | height: 38px; | 2280 | height: 38px; |
| 2274 | border: 0; | 2281 | border: 0; |
| 2275 | cursor: pointer; | 2282 | cursor: pointer; |
| 2276 | z-index: 10; | 2283 | z-index: 10; |
| 2277 | opacity: 0; | 2284 | opacity: 0; |
| 2278 | filter: alpha(opacity=0); | 2285 | filter: alpha(opacity=0); |
| 2279 | } | 2286 | } |
| 2280 | .uploader.disabled input[type=file] { | 2287 | .uploader.disabled input[type=file] { |
| 2281 | cursor: not-allowed; | 2288 | cursor: not-allowed; |
| 2282 | } | 2289 | } |
| 2283 | .uploader.disabled .action { | 2290 | .uploader.disabled .action { |
| 2284 | opacity: 0.6; | 2291 | opacity: 0.6; |
| 2285 | filter: alpha(opacity=60); | 2292 | filter: alpha(opacity=60); |
| 2286 | } | 2293 | } |
| 2287 | .sidebar .form-group > .uploader { | 2294 | .sidebar .form-group > .uploader { |
| 2288 | display: block; | 2295 | display: block; |
| 2289 | } | 2296 | } |
| 2290 | .sidebar .form-group > .uploader .filename { | 2297 | .sidebar .form-group > .uploader .filename { |
| 2291 | float: none; | 2298 | float: none; |
| 2292 | padding-left: 0; | 2299 | padding-left: 0; |
| 2293 | padding-right: 0; | 2300 | padding-right: 0; |
| 2294 | } | 2301 | } |
| 2295 | .sidebar .form-group > .uploader .action { | 2302 | .sidebar .form-group > .uploader .action { |
| 2296 | display: block; | 2303 | display: block; |
| 2297 | } | 2304 | } |
| 2298 | .page-header-inverse .form-group > .uploader .filename, | 2305 | .page-header-inverse .form-group > .uploader .filename, |
| 2299 | .navbar-inverse .navbar-form .form-group > .uploader .filename { | 2306 | .navbar-inverse .navbar-form .form-group > .uploader .filename { |
| 2300 | color: rgba(255, 255, 255, 0.9); | 2307 | color: rgba(255, 255, 255, 0.9); |
| 2301 | } | 2308 | } |
| 2302 | .uploader-lg input[type=file], | 2309 | .uploader-lg input[type=file], |
| 2303 | .uploader-lg .action, | 2310 | .uploader-lg .action, |
| 2304 | .uploader-lg .filename { | 2311 | .uploader-lg .filename { |
| 2305 | height: 40px; | 2312 | height: 40px; |
| 2306 | } | 2313 | } |
| 2307 | .uploader-lg .filename { | 2314 | .uploader-lg .filename { |
| 2308 | padding: 9px 18px; | 2315 | padding: 9px 18px; |
| 2309 | font-size: 14px; | 2316 | font-size: 14px; |
| 2310 | line-height: 1.4285715; | 2317 | line-height: 1.4285715; |
| 2311 | } | 2318 | } |
| 2312 | .uploader-sm input[type=file], | 2319 | .uploader-sm input[type=file], |
| 2313 | .uploader-sm .action, | 2320 | .uploader-sm .action, |
| 2314 | .uploader-sm .filename { | 2321 | .uploader-sm .filename { |
| 2315 | height: 36px; | 2322 | height: 36px; |
| 2316 | } | 2323 | } |
| 2317 | .uploader-sm .filename { | 2324 | .uploader-sm .filename { |
| 2318 | padding: 7px 14px; | 2325 | padding: 7px 14px; |
| 2319 | font-size: 12px; | 2326 | font-size: 12px; |
| 2320 | line-height: 1.6666667; | 2327 | line-height: 1.6666667; |
| 2321 | } | 2328 | } |
| 2322 | .uploader-xs input[type=file], | 2329 | .uploader-xs input[type=file], |
| 2323 | .uploader-xs .action, | 2330 | .uploader-xs .action, |
| 2324 | .uploader-xs .filename { | 2331 | .uploader-xs .filename { |
| 2325 | height: 34px; | 2332 | height: 34px; |
| 2326 | } | 2333 | } |
| 2327 | .uploader-xs .filename { | 2334 | .uploader-xs .filename { |
| 2328 | padding: 6px 12px; | 2335 | padding: 6px 12px; |
| 2329 | font-size: 12px; | 2336 | font-size: 12px; |
| 2330 | line-height: 1.6666667; | 2337 | line-height: 1.6666667; |
| 2331 | } | 2338 | } |
| 2332 | /* ------------------------------------------------------------------------------ | 2339 | /* ------------------------------------------------------------------------------ |
| 2333 | * | 2340 | * |
| 2334 | * # Switchery toggles | 2341 | * # Switchery toggles |
| 2335 | * | 2342 | * |
| 2336 | * Styles for switchery.min.js - toggle switches | 2343 | * Styles for switchery.min.js - toggle switches |
| 2337 | * | 2344 | * |
| 2338 | * Version: 1.0 | 2345 | * Version: 1.0 |
| 2339 | * Latest update: Mar 25, 2015 | 2346 | * Latest update: Mar 25, 2015 |
| 2340 | * | 2347 | * |
| 2341 | * ---------------------------------------------------------------------------- */ | 2348 | * ---------------------------------------------------------------------------- */ |
| 2342 | .switchery { | 2349 | .switchery { |
| 2343 | background-color: #fff; | 2350 | background-color: #fff; |
| 2344 | border: 1px solid #ddd; | 2351 | border: 1px solid #ddd; |
| 2345 | border-radius: 100px; | 2352 | border-radius: 100px; |
| 2346 | cursor: pointer; | 2353 | cursor: pointer; |
| 2347 | display: inline-block; | 2354 | display: inline-block; |
| 2348 | width: 44px; | 2355 | width: 44px; |
| 2349 | height: 22px; | 2356 | height: 22px; |
| 2350 | vertical-align: middle; | 2357 | vertical-align: middle; |
| 2351 | position: relative; | 2358 | position: relative; |
| 2352 | -webkit-box-sizing: content-box; | 2359 | -webkit-box-sizing: content-box; |
| 2353 | -moz-box-sizing: content-box; | 2360 | -moz-box-sizing: content-box; |
| 2354 | box-sizing: content-box; | 2361 | box-sizing: content-box; |
| 2355 | } | 2362 | } |
| 2356 | .checkbox-switchery .switchery { | 2363 | .checkbox-switchery .switchery { |
| 2357 | position: absolute; | 2364 | position: absolute; |
| 2358 | left: 0; | 2365 | left: 0; |
| 2359 | margin-top: -2px; | 2366 | margin-top: -2px; |
| 2360 | } | 2367 | } |
| 2361 | .switchery > small { | 2368 | .switchery > small { |
| 2362 | background-color: #fff; | 2369 | background-color: #fff; |
| 2363 | border-radius: 100px; | 2370 | border-radius: 100px; |
| 2364 | width: 22px; | 2371 | width: 22px; |
| 2365 | height: 22px; | 2372 | height: 22px; |
| 2366 | position: absolute; | 2373 | position: absolute; |
| 2367 | top: 0; | 2374 | top: 0; |
| 2368 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | 2375 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); |
| 2369 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | 2376 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); |
| 2370 | } | 2377 | } |
| 2371 | .checkbox.checkbox-switchery { | 2378 | .checkbox.checkbox-switchery { |
| 2372 | margin-bottom: 14px; | 2379 | margin-bottom: 14px; |
| 2373 | padding-left: 0; | 2380 | padding-left: 0; |
| 2374 | } | 2381 | } |
| 2375 | .checkbox.checkbox-switchery.disabled .switchery { | 2382 | .checkbox.checkbox-switchery.disabled .switchery { |
| 2376 | cursor: not-allowed; | 2383 | cursor: not-allowed; |
| 2377 | } | 2384 | } |
| 2378 | .checkbox[class*=switchery-], | 2385 | .checkbox[class*=switchery-], |
| 2379 | .checkbox-inline[class*=switchery-] { | 2386 | .checkbox-inline[class*=switchery-] { |
| 2380 | padding-left: 0; | 2387 | padding-left: 0; |
| 2381 | padding-right: 0; | 2388 | padding-right: 0; |
| 2382 | } | 2389 | } |
| 2383 | .switchery-lg.checkbox-switchery { | 2390 | .switchery-lg.checkbox-switchery { |
| 2384 | margin-bottom: 18px; | 2391 | margin-bottom: 18px; |
| 2385 | } | 2392 | } |
| 2386 | .switchery-lg.checkbox-switchery .switchery { | 2393 | .switchery-lg.checkbox-switchery .switchery { |
| 2387 | margin-top: -4px; | 2394 | margin-top: -4px; |
| 2388 | } | 2395 | } |
| 2389 | label.switchery-lg { | 2396 | label.switchery-lg { |
| 2390 | margin-bottom: 0; | 2397 | margin-bottom: 0; |
| 2391 | } | 2398 | } |
| 2392 | .switchery-lg .switchery { | 2399 | .switchery-lg .switchery { |
| 2393 | height: 26px; | 2400 | height: 26px; |
| 2394 | width: 52px; | 2401 | width: 52px; |
| 2395 | } | 2402 | } |
| 2396 | .switchery-lg .switchery > small { | 2403 | .switchery-lg .switchery > small { |
| 2397 | height: 26px; | 2404 | height: 26px; |
| 2398 | width: 26px; | 2405 | width: 26px; |
| 2399 | } | 2406 | } |
| 2400 | .switchery-sm.checkbox-switchery { | 2407 | .switchery-sm.checkbox-switchery { |
| 2401 | margin-bottom: 10px; | 2408 | margin-bottom: 10px; |
| 2402 | } | 2409 | } |
| 2403 | .switchery-sm.checkbox-switchery .switchery { | 2410 | .switchery-sm.checkbox-switchery .switchery { |
| 2404 | margin-top: 0px; | 2411 | margin-top: 0px; |
| 2405 | } | 2412 | } |
| 2406 | label.switchery-sm { | 2413 | label.switchery-sm { |
| 2407 | margin-bottom: 0; | 2414 | margin-bottom: 0; |
| 2408 | } | 2415 | } |
| 2409 | .switchery-sm .switchery { | 2416 | .switchery-sm .switchery { |
| 2410 | height: 18px; | 2417 | height: 18px; |
| 2411 | width: 36px; | 2418 | width: 36px; |
| 2412 | } | 2419 | } |
| 2413 | .switchery-sm .switchery > small { | 2420 | .switchery-sm .switchery > small { |
| 2414 | height: 18px; | 2421 | height: 18px; |
| 2415 | width: 18px; | 2422 | width: 18px; |
| 2416 | } | 2423 | } |
| 2417 | .switchery-xs.checkbox-switchery { | 2424 | .switchery-xs.checkbox-switchery { |
| 2418 | margin-bottom: 6px; | 2425 | margin-bottom: 6px; |
| 2419 | } | 2426 | } |
| 2420 | .switchery-xs.checkbox-switchery .switchery { | 2427 | .switchery-xs.checkbox-switchery .switchery { |
| 2421 | margin-top: 2px; | 2428 | margin-top: 2px; |
| 2422 | } | 2429 | } |
| 2423 | label.switchery-xs { | 2430 | label.switchery-xs { |
| 2424 | margin-bottom: 0; | 2431 | margin-bottom: 0; |
| 2425 | } | 2432 | } |
| 2426 | .switchery-xs .switchery { | 2433 | .switchery-xs .switchery { |
| 2427 | height: 14px; | 2434 | height: 14px; |
| 2428 | width: 28px; | 2435 | width: 28px; |
| 2429 | } | 2436 | } |
| 2430 | .switchery-xs .switchery > small { | 2437 | .switchery-xs .switchery > small { |
| 2431 | height: 14px; | 2438 | height: 14px; |
| 2432 | width: 14px; | 2439 | width: 14px; |
| 2433 | } | 2440 | } |
| 2434 | .checkbox-switchery label, | 2441 | .checkbox-switchery label, |
| 2435 | label.checkbox-switchery { | 2442 | label.checkbox-switchery { |
| 2436 | position: relative; | 2443 | position: relative; |
| 2437 | padding-left: 56px; | 2444 | padding-left: 56px; |
| 2438 | margin: 0; | 2445 | margin: 0; |
| 2439 | cursor: pointer; | 2446 | cursor: pointer; |
| 2440 | } | 2447 | } |
| 2441 | .checkbox-switchery.switchery-lg label, | 2448 | .checkbox-switchery.switchery-lg label, |
| 2442 | label.checkbox-switchery.switchery-lg { | 2449 | label.checkbox-switchery.switchery-lg { |
| 2443 | padding-left: 64px; | 2450 | padding-left: 64px; |
| 2444 | } | 2451 | } |
| 2445 | .checkbox-switchery.switchery-sm label, | 2452 | .checkbox-switchery.switchery-sm label, |
| 2446 | label.checkbox-switchery.switchery-sm { | 2453 | label.checkbox-switchery.switchery-sm { |
| 2447 | padding-left: 48px; | 2454 | padding-left: 48px; |
| 2448 | } | 2455 | } |
| 2449 | .checkbox-switchery.switchery-xs label, | 2456 | .checkbox-switchery.switchery-xs label, |
| 2450 | label.checkbox-switchery.switchery-xs { | 2457 | label.checkbox-switchery.switchery-xs { |
| 2451 | padding-left: 40px; | 2458 | padding-left: 40px; |
| 2452 | } | 2459 | } |
| 2453 | .checkbox-switchery.checkbox-inline { | 2460 | .checkbox-switchery.checkbox-inline { |
| 2454 | margin-bottom: 0; | 2461 | margin-bottom: 0; |
| 2455 | } | 2462 | } |
| 2456 | .checkbox-switchery.checkbox-right .switchery { | 2463 | .checkbox-switchery.checkbox-right .switchery { |
| 2457 | left: auto; | 2464 | left: auto; |
| 2458 | right: 0; | 2465 | right: 0; |
| 2459 | } | 2466 | } |
| 2460 | .checkbox-switchery.checkbox-right label, | 2467 | .checkbox-switchery.checkbox-right label, |
| 2461 | label.checkbox-switchery.checkbox-right { | 2468 | label.checkbox-switchery.checkbox-right { |
| 2462 | padding-left: 0; | 2469 | padding-left: 0; |
| 2463 | padding-right: 56px; | 2470 | padding-right: 56px; |
| 2464 | } | 2471 | } |
| 2465 | .checkbox-switchery.checkbox-right.switchery-lg label, | 2472 | .checkbox-switchery.checkbox-right.switchery-lg label, |
| 2466 | label.checkbox-switchery.checkbox-right.switchery-lg { | 2473 | label.checkbox-switchery.checkbox-right.switchery-lg { |
| 2467 | padding-left: 0; | 2474 | padding-left: 0; |
| 2468 | padding-right: 64px; | 2475 | padding-right: 64px; |
| 2469 | } | 2476 | } |
| 2470 | .checkbox-switchery.checkbox-right.switchery-sm label, | 2477 | .checkbox-switchery.checkbox-right.switchery-sm label, |
| 2471 | label.checkbox-switchery.checkbox-right.switchery-sm { | 2478 | label.checkbox-switchery.checkbox-right.switchery-sm { |
| 2472 | padding-left: 0; | 2479 | padding-left: 0; |
| 2473 | padding-right: 48px; | 2480 | padding-right: 48px; |
| 2474 | } | 2481 | } |
| 2475 | .checkbox-switchery.checkbox-right.switchery-xs label, | 2482 | .checkbox-switchery.checkbox-right.switchery-xs label, |
| 2476 | label.checkbox-switchery.checkbox-right.switchery-xs { | 2483 | label.checkbox-switchery.checkbox-right.switchery-xs { |
| 2477 | padding-left: 0; | 2484 | padding-left: 0; |
| 2478 | padding-right: 40px; | 2485 | padding-right: 40px; |
| 2479 | } | 2486 | } |
| 2480 | .switchery-double .switchery { | 2487 | .switchery-double .switchery { |
| 2481 | position: relative; | 2488 | position: relative; |
| 2482 | margin-left: 8px; | 2489 | margin-left: 8px; |
| 2483 | margin-right: 8px; | 2490 | margin-right: 8px; |
| 2484 | margin-top: -7px; | 2491 | margin-top: -7px; |
| 2485 | margin-bottom: -5px; | 2492 | margin-bottom: -5px; |
| 2486 | } | 2493 | } |
| 2487 | .switchery-double.checkbox-switchery label, | 2494 | .switchery-double.checkbox-switchery label, |
| 2488 | label.switchery-double.checkbox-switchery { | 2495 | label.switchery-double.checkbox-switchery { |
| 2489 | padding: 0; | 2496 | padding: 0; |
| 2490 | } | 2497 | } |
| 2491 | .switchery-double.switchery-lg .switchery { | 2498 | .switchery-double.switchery-lg .switchery { |
| 2492 | margin-top: -8px; | 2499 | margin-top: -8px; |
| 2493 | margin-bottom: -6px; | 2500 | margin-bottom: -6px; |
| 2494 | } | 2501 | } |
| 2495 | .switchery-double.switchery-sm .switchery { | 2502 | .switchery-double.switchery-sm .switchery { |
| 2496 | margin-top: -6px; | 2503 | margin-top: -6px; |
| 2497 | margin-bottom: -4px; | 2504 | margin-bottom: -4px; |
| 2498 | } | 2505 | } |
| 2499 | .switchery-double.switchery-xs .switchery { | 2506 | .switchery-double.switchery-xs .switchery { |
| 2500 | margin-top: -5px; | 2507 | margin-top: -5px; |
| 2501 | margin-bottom: -3px; | 2508 | margin-bottom: -3px; |
| 2502 | } | 2509 | } |
| 2503 | /* ------------------------------------------------------------------------------ | 2510 | /* ------------------------------------------------------------------------------ |
| 2504 | * | 2511 | * |
| 2505 | * # Bootstrap switches | 2512 | * # Bootstrap switches |
| 2506 | * | 2513 | * |
| 2507 | * Styles for switch.min.js - checkbox/radio toggle switches | 2514 | * Styles for switch.min.js - checkbox/radio toggle switches |
| 2508 | * | 2515 | * |
| 2509 | * Version: 1.1 | 2516 | * Version: 1.1 |
| 2510 | * Latest update: Oct 20, 2015 | 2517 | * Latest update: Oct 20, 2015 |
| 2511 | * | 2518 | * |
| 2512 | * ---------------------------------------------------------------------------- */ | 2519 | * ---------------------------------------------------------------------------- */ |
| 2513 | .bootstrap-switch { | 2520 | .bootstrap-switch { |
| 2514 | display: inline-block; | 2521 | display: inline-block; |
| 2515 | cursor: pointer; | 2522 | cursor: pointer; |
| 2516 | margin-top: -2px; | 2523 | margin-top: -2px; |
| 2517 | margin-right: 8px; | 2524 | margin-right: 8px; |
| 2518 | border-radius: 3px; | 2525 | border-radius: 3px; |
| 2519 | border: 1px solid transparent; | 2526 | border: 1px solid transparent; |
| 2520 | position: relative; | 2527 | position: relative; |
| 2521 | text-align: left; | 2528 | text-align: left; |
| 2522 | overflow: hidden; | 2529 | overflow: hidden; |
| 2523 | vertical-align: middle; | 2530 | vertical-align: middle; |
| 2524 | -webkit-user-select: none; | 2531 | -webkit-user-select: none; |
| 2525 | -moz-user-select: none; | 2532 | -moz-user-select: none; |
| 2526 | -ms-user-select: none; | 2533 | -ms-user-select: none; |
| 2527 | user-select: none; | 2534 | user-select: none; |
| 2528 | -webkit-transition: all ease-in-out 0.05s; | 2535 | -webkit-transition: all ease-in-out 0.05s; |
| 2529 | -o-transition: all ease-in-out 0.05s; | 2536 | -o-transition: all ease-in-out 0.05s; |
| 2530 | transition: all ease-in-out 0.05s; | 2537 | transition: all ease-in-out 0.05s; |
| 2531 | } | 2538 | } |
| 2532 | .bootstrap-switch .bootstrap-switch-container { | 2539 | .bootstrap-switch .bootstrap-switch-container { |
| 2533 | display: inline-block; | 2540 | display: inline-block; |
| 2534 | top: 0; | 2541 | top: 0; |
| 2535 | border-radius: 3px; | 2542 | border-radius: 3px; |
| 2536 | -webkit-transform: translate3d(0, 0, 0); | 2543 | -webkit-transform: translate3d(0, 0, 0); |
| 2537 | transform: translate3d(0, 0, 0); | 2544 | transform: translate3d(0, 0, 0); |
| 2538 | } | 2545 | } |
| 2539 | .bootstrap-switch.bootstrap-switch-focused { | 2546 | .bootstrap-switch.bootstrap-switch-focused { |
| 2540 | outline: 0; | 2547 | outline: 0; |
| 2541 | } | 2548 | } |
| 2542 | .bootstrap-switch .bootstrap-switch-handle-on, | 2549 | .bootstrap-switch .bootstrap-switch-handle-on, |
| 2543 | .bootstrap-switch .bootstrap-switch-handle-off, | 2550 | .bootstrap-switch .bootstrap-switch-handle-off, |
| 2544 | .bootstrap-switch .bootstrap-switch-label { | 2551 | .bootstrap-switch .bootstrap-switch-label { |
| 2545 | cursor: pointer; | 2552 | cursor: pointer; |
| 2546 | display: inline-block !important; | 2553 | display: inline-block !important; |
| 2547 | height: 100%; | 2554 | height: 100%; |
| 2548 | padding: 8px 16px; | 2555 | padding: 8px 16px; |
| 2549 | } | 2556 | } |
| 2550 | .bootstrap-switch input[type='radio'], | 2557 | .bootstrap-switch input[type='radio'], |
| 2551 | .bootstrap-switch input[type='checkbox'] { | 2558 | .bootstrap-switch input[type='checkbox'] { |
| 2552 | position: absolute !important; | 2559 | position: absolute !important; |
| 2553 | top: 0; | 2560 | top: 0; |
| 2554 | left: 0; | 2561 | left: 0; |
| 2555 | z-index: -1; | 2562 | z-index: -1; |
| 2556 | opacity: 0; | 2563 | opacity: 0; |
| 2557 | filter: alpha(opacity=0); | 2564 | filter: alpha(opacity=0); |
| 2558 | } | 2565 | } |
| 2559 | .bootstrap-switch input[type='radio'].form-control, | 2566 | .bootstrap-switch input[type='radio'].form-control, |
| 2560 | .bootstrap-switch input[type='checkbox'].form-control { | 2567 | .bootstrap-switch input[type='checkbox'].form-control { |
| 2561 | height: auto; | 2568 | height: auto; |
| 2562 | } | 2569 | } |
| 2563 | .bootstrap-switch.bootstrap-switch-disabled, | 2570 | .bootstrap-switch.bootstrap-switch-disabled, |
| 2564 | .bootstrap-switch.bootstrap-switch-readonly, | 2571 | .bootstrap-switch.bootstrap-switch-readonly, |
| 2565 | .bootstrap-switch.bootstrap-switch-indeterminate { | 2572 | .bootstrap-switch.bootstrap-switch-indeterminate { |
| 2566 | cursor: default !important; | 2573 | cursor: default !important; |
| 2567 | } | 2574 | } |
| 2568 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, | 2575 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, |
| 2569 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, | 2576 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, |
| 2570 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, | 2577 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, |
| 2571 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, | 2578 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, |
| 2572 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, | 2579 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, |
| 2573 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, | 2580 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, |
| 2574 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, | 2581 | .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, |
| 2575 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, | 2582 | .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, |
| 2576 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { | 2583 | .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { |
| 2577 | cursor: default !important; | 2584 | cursor: default !important; |
| 2578 | opacity: 0.5; | 2585 | opacity: 0.5; |
| 2579 | filter: alpha(opacity=50); | 2586 | filter: alpha(opacity=50); |
| 2580 | } | 2587 | } |
| 2581 | .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { | 2588 | .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { |
| 2582 | -webkit-transition: margin-left 0.2s; | 2589 | -webkit-transition: margin-left 0.2s; |
| 2583 | -o-transition: margin-left 0.2s; | 2590 | -o-transition: margin-left 0.2s; |
| 2584 | transition: margin-left 0.2s; | 2591 | transition: margin-left 0.2s; |
| 2585 | } | 2592 | } |
| 2586 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { | 2593 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { |
| 2587 | border-bottom-left-radius: 0; | 2594 | border-bottom-left-radius: 0; |
| 2588 | border-top-left-radius: 0; | 2595 | border-top-left-radius: 0; |
| 2589 | border-bottom-right-radius: 2px; | 2596 | border-bottom-right-radius: 2px; |
| 2590 | border-top-right-radius: 2px; | 2597 | border-top-right-radius: 2px; |
| 2591 | } | 2598 | } |
| 2592 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { | 2599 | .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { |
| 2593 | border-bottom-right-radius: 0; | 2600 | border-bottom-right-radius: 0; |
| 2594 | border-top-right-radius: 0; | 2601 | border-top-right-radius: 0; |
| 2595 | border-bottom-left-radius: 2px; | 2602 | border-bottom-left-radius: 2px; |
| 2596 | border-top-left-radius: 2px; | 2603 | border-top-left-radius: 2px; |
| 2597 | } | 2604 | } |
| 2598 | .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, | 2605 | .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, |
| 2599 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { | 2606 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { |
| 2600 | border-bottom-right-radius: 2px; | 2607 | border-bottom-right-radius: 2px; |
| 2601 | border-top-right-radius: 2px; | 2608 | border-top-right-radius: 2px; |
| 2602 | } | 2609 | } |
| 2603 | .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, | 2610 | .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, |
| 2604 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { | 2611 | .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { |
| 2605 | border-bottom-left-radius: 2px; | 2612 | border-bottom-left-radius: 2px; |
| 2606 | border-top-left-radius: 2px; | 2613 | border-top-left-radius: 2px; |
| 2607 | } | 2614 | } |
| 2608 | .bootstrap-switch-handle-on, | 2615 | .bootstrap-switch-handle-on, |
| 2609 | .bootstrap-switch-handle-off { | 2616 | .bootstrap-switch-handle-off { |
| 2610 | text-align: center; | 2617 | text-align: center; |
| 2611 | z-index: 1; | 2618 | z-index: 1; |
| 2612 | } | 2619 | } |
| 2613 | .bootstrap-switch-handle-on.bootstrap-switch-default, | 2620 | .bootstrap-switch-handle-on.bootstrap-switch-default, |
| 2614 | .bootstrap-switch-handle-off.bootstrap-switch-default { | 2621 | .bootstrap-switch-handle-off.bootstrap-switch-default { |
| 2615 | color: #333333; | 2622 | color: #333333; |
| 2616 | background-color: #eeeeee; | 2623 | background-color: #eeeeee; |
| 2617 | } | 2624 | } |
| 2618 | .bootstrap-switch-handle-on.bootstrap-switch-primary, | 2625 | .bootstrap-switch-handle-on.bootstrap-switch-primary, |
| 2619 | .bootstrap-switch-handle-off.bootstrap-switch-primary { | 2626 | .bootstrap-switch-handle-off.bootstrap-switch-primary { |
| 2620 | color: #fff; | 2627 | color: #fff; |
| 2621 | background-color: #2196F3; | 2628 | background-color: #2196F3; |
| 2622 | } | 2629 | } |
| 2623 | .bootstrap-switch-handle-on.bootstrap-switch-danger, | 2630 | .bootstrap-switch-handle-on.bootstrap-switch-danger, |
| 2624 | .bootstrap-switch-handle-off.bootstrap-switch-danger { | 2631 | .bootstrap-switch-handle-off.bootstrap-switch-danger { |
| 2625 | color: #fff; | 2632 | color: #fff; |
| 2626 | background-color: #F44336; | 2633 | background-color: #F44336; |
| 2627 | } | 2634 | } |
| 2628 | .bootstrap-switch-handle-on.bootstrap-switch-success, | 2635 | .bootstrap-switch-handle-on.bootstrap-switch-success, |
| 2629 | .bootstrap-switch-handle-off.bootstrap-switch-success { | 2636 | .bootstrap-switch-handle-off.bootstrap-switch-success { |
| 2630 | color: #fff; | 2637 | color: #fff; |
| 2631 | background-color: #4CAF50; | 2638 | background-color: #4CAF50; |
| 2632 | } | 2639 | } |
| 2633 | .bootstrap-switch-handle-on.bootstrap-switch-warning, | 2640 | .bootstrap-switch-handle-on.bootstrap-switch-warning, |
| 2634 | .bootstrap-switch-handle-off.bootstrap-switch-warning { | 2641 | .bootstrap-switch-handle-off.bootstrap-switch-warning { |
| 2635 | color: #fff; | 2642 | color: #fff; |
| 2636 | background-color: #FF5722; | 2643 | background-color: #FF5722; |
| 2637 | } | 2644 | } |
| 2638 | .bootstrap-switch-handle-on.bootstrap-switch-info, | 2645 | .bootstrap-switch-handle-on.bootstrap-switch-info, |
| 2639 | .bootstrap-switch-handle-off.bootstrap-switch-info { | 2646 | .bootstrap-switch-handle-off.bootstrap-switch-info { |
| 2640 | color: #fff; | 2647 | color: #fff; |
| 2641 | background-color: #00BCD4; | 2648 | background-color: #00BCD4; |
| 2642 | } | 2649 | } |
| 2643 | .bootstrap-switch-handle-on { | 2650 | .bootstrap-switch-handle-on { |
| 2644 | border-bottom-left-radius: 2px; | 2651 | border-bottom-left-radius: 2px; |
| 2645 | border-top-left-radius: 2px; | 2652 | border-top-left-radius: 2px; |
| 2646 | } | 2653 | } |
| 2647 | .bootstrap-switch-handle-off { | 2654 | .bootstrap-switch-handle-off { |
| 2648 | border-bottom-right-radius: 2px; | 2655 | border-bottom-right-radius: 2px; |
| 2649 | border-top-right-radius: 2px; | 2656 | border-top-right-radius: 2px; |
| 2650 | } | 2657 | } |
| 2651 | .bootstrap-switch-label { | 2658 | .bootstrap-switch-label { |
| 2652 | text-align: center; | 2659 | text-align: center; |
| 2653 | z-index: 100; | 2660 | z-index: 100; |
| 2654 | color: #333333; | 2661 | color: #333333; |
| 2655 | background-color: #fff; | 2662 | background-color: #fff; |
| 2656 | position: relative; | 2663 | position: relative; |
| 2657 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 2664 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 2658 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 2665 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 2659 | } | 2666 | } |
| 2660 | .bootstrap-switch-label:hover { | 2667 | .bootstrap-switch-label:hover { |
| 2661 | background-color: #fcfcfc; | 2668 | background-color: #fcfcfc; |
| 2662 | } | 2669 | } |
| 2663 | .bootstrap-switch-label:active { | 2670 | .bootstrap-switch-label:active { |
| 2664 | background-color: #fafafa; | 2671 | background-color: #fafafa; |
| 2665 | } | 2672 | } |
| 2666 | .bootstrap-switch-label:after { | 2673 | .bootstrap-switch-label:after { |
| 2667 | content: ''; | 2674 | content: ''; |
| 2668 | position: absolute; | 2675 | position: absolute; |
| 2669 | top: 50%; | 2676 | top: 50%; |
| 2670 | left: 50%; | 2677 | left: 50%; |
| 2671 | width: 3px; | 2678 | width: 3px; |
| 2672 | height: 10px; | 2679 | height: 10px; |
| 2673 | margin-top: -5px; | 2680 | margin-top: -5px; |
| 2674 | margin-left: -1px; | 2681 | margin-left: -1px; |
| 2675 | display: inline-block; | 2682 | display: inline-block; |
| 2676 | border-left: 1px solid #ddd; | 2683 | border-left: 1px solid #ddd; |
| 2677 | border-right: 1px solid #ddd; | 2684 | border-right: 1px solid #ddd; |
| 2678 | } | 2685 | } |
| 2679 | .bootstrap-switch-large .bootstrap-switch-handle-on, | 2686 | .bootstrap-switch-large .bootstrap-switch-handle-on, |
| 2680 | .bootstrap-switch-large .bootstrap-switch-handle-off, | 2687 | .bootstrap-switch-large .bootstrap-switch-handle-off, |
| 2681 | .bootstrap-switch-large .bootstrap-switch-label { | 2688 | .bootstrap-switch-large .bootstrap-switch-label { |
| 2682 | padding: 9px 18px; | 2689 | padding: 9px 18px; |
| 2683 | } | 2690 | } |
| 2684 | .bootstrap-switch-mini .bootstrap-switch-handle-on, | 2691 | .bootstrap-switch-mini .bootstrap-switch-handle-on, |
| 2685 | .bootstrap-switch-mini .bootstrap-switch-handle-off, | 2692 | .bootstrap-switch-mini .bootstrap-switch-handle-off, |
| 2686 | .bootstrap-switch-mini .bootstrap-switch-label { | 2693 | .bootstrap-switch-mini .bootstrap-switch-label { |
| 2687 | padding: 6px 12px; | 2694 | padding: 6px 12px; |
| 2688 | } | 2695 | } |
| 2689 | .bootstrap-switch-small .bootstrap-switch-handle-on, | 2696 | .bootstrap-switch-small .bootstrap-switch-handle-on, |
| 2690 | .bootstrap-switch-small .bootstrap-switch-handle-off, | 2697 | .bootstrap-switch-small .bootstrap-switch-handle-off, |
| 2691 | .bootstrap-switch-small .bootstrap-switch-label { | 2698 | .bootstrap-switch-small .bootstrap-switch-label { |
| 2692 | padding: 7px 14px; | 2699 | padding: 7px 14px; |
| 2693 | } | 2700 | } |
| 2694 | .checkbox-switch > label, | 2701 | .checkbox-switch > label, |
| 2695 | label.checkbox-switch.checkbox-inline { | 2702 | label.checkbox-switch.checkbox-inline { |
| 2696 | padding: 0; | 2703 | padding: 0; |
| 2697 | } | 2704 | } |
| 2698 | .checkbox-switch.checkbox-right .bootstrap-switch { | 2705 | .checkbox-switch.checkbox-right .bootstrap-switch { |
| 2699 | margin-right: 0; | 2706 | margin-right: 0; |
| 2700 | margin-left: 8px; | 2707 | margin-left: 8px; |
| 2701 | } | 2708 | } |
| 2702 | /* ------------------------------------------------------------------------------ | 2709 | /* ------------------------------------------------------------------------------ |
| 2703 | * | 2710 | * |
| 2704 | * # Select2 selects | 2711 | * # Select2 selects |
| 2705 | * | 2712 | * |
| 2706 | * Styles for select2.js - custom select plugin | 2713 | * Styles for select2.js - custom select plugin |
| 2707 | * | 2714 | * |
| 2708 | * Version: 1.3 | 2715 | * Version: 1.3 |
| 2709 | * Latest update: Mar 10, 2016 | 2716 | * Latest update: Mar 10, 2016 |
| 2710 | * | 2717 | * |
| 2711 | * ---------------------------------------------------------------------------- */ | 2718 | * ---------------------------------------------------------------------------- */ |
| 2712 | .select2-container { | 2719 | .select2-container { |
| 2713 | outline: 0; | 2720 | outline: 0; |
| 2714 | position: relative; | 2721 | position: relative; |
| 2715 | display: inline-block; | 2722 | display: inline-block; |
| 2716 | vertical-align: middle; | 2723 | vertical-align: middle; |
| 2717 | text-align: left; | 2724 | text-align: left; |
| 2718 | } | 2725 | } |
| 2719 | .select2-selection--single { | 2726 | .select2-selection--single { |
| 2720 | cursor: pointer; | 2727 | cursor: pointer; |
| 2721 | outline: 0; | 2728 | outline: 0; |
| 2722 | display: block; | 2729 | display: block; |
| 2723 | height: 38px; | 2730 | height: 38px; |
| 2724 | padding: 8px 0; | 2731 | padding: 8px 0; |
| 2725 | line-height: 1.5384616; | 2732 | line-height: 1.5384616; |
| 2726 | position: relative; | 2733 | position: relative; |
| 2727 | border: 1px solid transparent; | 2734 | border: 1px solid transparent; |
| 2728 | white-space: nowrap; | 2735 | white-space: nowrap; |
| 2729 | -webkit-user-select: none; | 2736 | -webkit-user-select: none; |
| 2730 | -moz-user-select: none; | 2737 | -moz-user-select: none; |
| 2731 | -ms-user-select: none; | 2738 | -ms-user-select: none; |
| 2732 | user-select: none; | 2739 | user-select: none; |
| 2733 | } | 2740 | } |
| 2734 | .select2-selection--single:not([class*=bg-]) { | 2741 | .select2-selection--single:not([class*=bg-]) { |
| 2735 | border-top-color: transparent; | 2742 | border-top-color: transparent; |
| 2736 | border-left-width: 0; | 2743 | border-left-width: 0; |
| 2737 | border-right-width: 0; | 2744 | border-right-width: 0; |
| 2738 | } | 2745 | } |
| 2739 | .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2746 | .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2740 | border-bottom-color: #ddd; | 2747 | border-bottom-color: #ddd; |
| 2741 | } | 2748 | } |
| 2742 | .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2749 | .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2743 | .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2750 | .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2744 | border-bottom-color: #009688; | 2751 | border-bottom-color: #009688; |
| 2745 | -webkit-box-shadow: 0 1px 0 #009688; | 2752 | -webkit-box-shadow: 0 1px 0 #009688; |
| 2746 | box-shadow: 0 1px 0 #009688; | 2753 | box-shadow: 0 1px 0 #009688; |
| 2747 | } | 2754 | } |
| 2748 | .select2-container--disabled .select2-selection--single:not([class*=bg-]) { | 2755 | .select2-container--disabled .select2-selection--single:not([class*=bg-]) { |
| 2749 | color: #999999; | 2756 | color: #999999; |
| 2750 | border-bottom-style: dashed; | 2757 | border-bottom-style: dashed; |
| 2751 | } | 2758 | } |
| 2752 | .select2-container--disabled .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2759 | .select2-container--disabled .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2753 | border-bottom-color: #ddd; | 2760 | border-bottom-color: #ddd; |
| 2754 | -webkit-box-shadow: none; | 2761 | -webkit-box-shadow: none; |
| 2755 | box-shadow: none; | 2762 | box-shadow: none; |
| 2756 | } | 2763 | } |
| 2757 | .select2-selection--single .select2-selection__rendered { | 2764 | .select2-selection--single .select2-selection__rendered { |
| 2758 | display: block; | 2765 | display: block; |
| 2759 | padding-right: 16px; | 2766 | padding-right: 16px; |
| 2760 | overflow: hidden; | 2767 | overflow: hidden; |
| 2761 | text-overflow: ellipsis; | 2768 | text-overflow: ellipsis; |
| 2762 | white-space: nowrap; | 2769 | white-space: nowrap; |
| 2763 | } | 2770 | } |
| 2764 | .select2-selection--single .select2-selection__rendered > i { | 2771 | .select2-selection--single .select2-selection__rendered > i { |
| 2765 | margin-right: 16px; | 2772 | margin-right: 16px; |
| 2766 | } | 2773 | } |
| 2767 | .select2-selection--single .select2-selection__clear { | 2774 | .select2-selection--single .select2-selection__clear { |
| 2768 | position: relative; | 2775 | position: relative; |
| 2769 | cursor: pointer; | 2776 | cursor: pointer; |
| 2770 | float: right; | 2777 | float: right; |
| 2771 | font-size: 0; | 2778 | font-size: 0; |
| 2772 | line-height: 1; | 2779 | line-height: 1; |
| 2773 | margin-top: 2px; | 2780 | margin-top: 2px; |
| 2774 | margin-left: 5px; | 2781 | margin-left: 5px; |
| 2775 | opacity: 0.75; | 2782 | opacity: 0.75; |
| 2776 | filter: alpha(opacity=75); | 2783 | filter: alpha(opacity=75); |
| 2777 | } | 2784 | } |
| 2778 | .select2-selection--single .select2-selection__clear:hover { | 2785 | .select2-selection--single .select2-selection__clear:hover { |
| 2779 | opacity: 1; | 2786 | opacity: 1; |
| 2780 | filter: alpha(opacity=100); | 2787 | filter: alpha(opacity=100); |
| 2781 | } | 2788 | } |
| 2782 | .select2-selection--single .select2-selection__clear:after { | 2789 | .select2-selection--single .select2-selection__clear:after { |
| 2783 | content: '\ed6b'; | 2790 | content: '\ed6b'; |
| 2784 | font-family: 'icomoon'; | 2791 | font-family: 'icomoon'; |
| 2785 | display: inline-block; | 2792 | display: inline-block; |
| 2786 | font-size: 16px; | 2793 | font-size: 16px; |
| 2787 | -webkit-font-smoothing: antialiased; | 2794 | -webkit-font-smoothing: antialiased; |
| 2788 | -moz-osx-font-smoothing: grayscale; | 2795 | -moz-osx-font-smoothing: grayscale; |
| 2789 | } | 2796 | } |
| 2790 | .select2-selection--single .select2-selection__placeholder { | 2797 | .select2-selection--single .select2-selection__placeholder { |
| 2791 | color: #999999; | 2798 | color: #999999; |
| 2792 | } | 2799 | } |
| 2793 | .select2-selection--single .select2-selection__arrow:after { | 2800 | .select2-selection--single .select2-selection__arrow:after { |
| 2794 | content: '\e9c5'; | 2801 | content: '\e9c5'; |
| 2795 | font-family: 'Icomoon'; | 2802 | font-family: 'Icomoon'; |
| 2796 | display: inline-block; | 2803 | display: inline-block; |
| 2797 | position: absolute; | 2804 | position: absolute; |
| 2798 | top: 50%; | 2805 | top: 50%; |
| 2799 | right: 0; | 2806 | right: 0; |
| 2800 | margin-top: -8px; | 2807 | margin-top: -8px; |
| 2801 | font-size: 16px; | 2808 | font-size: 16px; |
| 2802 | line-height: 1; | 2809 | line-height: 1; |
| 2803 | color: inherit; | 2810 | color: inherit; |
| 2804 | -webkit-font-smoothing: antialiased; | 2811 | -webkit-font-smoothing: antialiased; |
| 2805 | -moz-osx-font-smoothing: grayscale; | 2812 | -moz-osx-font-smoothing: grayscale; |
| 2806 | } | 2813 | } |
| 2807 | .select2-container--open .select2-selection--single .select2-selection__arrow:after { | 2814 | .select2-container--open .select2-selection--single .select2-selection__arrow:after { |
| 2808 | content: '\e9c6'; | 2815 | content: '\e9c6'; |
| 2809 | } | 2816 | } |
| 2810 | .select2-selection--single .select2-selection__arrow b { | 2817 | .select2-selection--single .select2-selection__arrow b { |
| 2811 | display: none; | 2818 | display: none; |
| 2812 | } | 2819 | } |
| 2813 | .select2-container--disabled .select2-selection--single { | 2820 | .select2-container--disabled .select2-selection--single { |
| 2814 | cursor: not-allowed; | 2821 | cursor: not-allowed; |
| 2815 | } | 2822 | } |
| 2816 | .select2-container--disabled .select2-selection--single .select2-selection__clear { | 2823 | .select2-container--disabled .select2-selection--single .select2-selection__clear { |
| 2817 | display: none; | 2824 | display: none; |
| 2818 | } | 2825 | } |
| 2819 | .navbar-inverse .navbar-form .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2826 | .navbar-inverse .navbar-form .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2820 | .page-header-inverse .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2827 | .page-header-inverse .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2821 | border-bottom-color: rgba(255, 255, 255, 0.3); | 2828 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 2822 | } | 2829 | } |
| 2823 | .navbar-inverse .navbar-form .select2-selection--single .select2-selection__placeholder, | 2830 | .navbar-inverse .navbar-form .select2-selection--single .select2-selection__placeholder, |
| 2824 | .page-header-inverse .select2-selection--single .select2-selection__placeholder { | 2831 | .page-header-inverse .select2-selection--single .select2-selection__placeholder { |
| 2825 | color: #fff; | 2832 | color: #fff; |
| 2826 | } | 2833 | } |
| 2827 | .navbar-inverse .navbar-form .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2834 | .navbar-inverse .navbar-form .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2828 | .page-header-inverse .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2835 | .page-header-inverse .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2829 | .navbar-inverse .navbar-form .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]), | 2836 | .navbar-inverse .navbar-form .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]), |
| 2830 | .page-header-inverse .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { | 2837 | .page-header-inverse .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) { |
| 2831 | border-bottom-color: #fff; | 2838 | border-bottom-color: #fff; |
| 2832 | -webkit-box-shadow: 0 1px 0 #fff; | 2839 | -webkit-box-shadow: 0 1px 0 #fff; |
| 2833 | box-shadow: 0 1px 0 #fff; | 2840 | box-shadow: 0 1px 0 #fff; |
| 2834 | } | 2841 | } |
| 2835 | .select2-selection--multiple { | 2842 | .select2-selection--multiple { |
| 2836 | display: block; | 2843 | display: block; |
| 2837 | border: 1px solid transparent; | 2844 | border: 1px solid transparent; |
| 2838 | cursor: text; | 2845 | cursor: text; |
| 2839 | outline: 0; | 2846 | outline: 0; |
| 2840 | -webkit-user-select: none; | 2847 | -webkit-user-select: none; |
| 2841 | -moz-user-select: none; | 2848 | -moz-user-select: none; |
| 2842 | -ms-user-select: none; | 2849 | -ms-user-select: none; |
| 2843 | user-select: none; | 2850 | user-select: none; |
| 2844 | } | 2851 | } |
| 2845 | .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) { | 2852 | .select2-selection--multiple:not([class*=bg-]):not([class*=border-]) { |
| 2846 | border-color: transparent; | 2853 | border-color: transparent; |
| 2847 | } | 2854 | } |
| 2848 | .select2-selection--multiple:not([class*=bg-])[class*=border-] { | 2855 | .select2-selection--multiple:not([class*=bg-])[class*=border-] { |
| 2849 | border-top-color: transparent; | 2856 | border-top-color: transparent; |
| 2850 | border-left-color: transparent; | 2857 | border-left-color: transparent; |
| 2851 | border-right-color: transparent; | 2858 | border-right-color: transparent; |
| 2852 | } | 2859 | } |
| 2853 | .select2-selection--multiple:not([class*=bg-])[class*=border-] .select2-selection__rendered { | 2860 | .select2-selection--multiple:not([class*=bg-])[class*=border-] .select2-selection__rendered { |
| 2854 | padding-bottom: 8px; | 2861 | padding-bottom: 8px; |
| 2855 | } | 2862 | } |
| 2856 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__rendered { | 2863 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__rendered { |
| 2857 | padding: 0; | 2864 | padding: 0; |
| 2858 | } | 2865 | } |
| 2859 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice { | 2866 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice { |
| 2860 | background-color: #eee; | 2867 | background-color: #eee; |
| 2861 | color: #333333; | 2868 | color: #333333; |
| 2862 | margin-top: 3px; | 2869 | margin-top: 3px; |
| 2863 | margin-bottom: 3px; | 2870 | margin-bottom: 3px; |
| 2864 | border-radius: 100px; | 2871 | border-radius: 100px; |
| 2865 | } | 2872 | } |
| 2866 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, | 2873 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, |
| 2867 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, | 2874 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, |
| 2868 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus, | 2875 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus, |
| 2869 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { | 2876 | .select2-container--disabled .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { |
| 2870 | background-color: #eee; | 2877 | background-color: #eee; |
| 2871 | color: #333333; | 2878 | color: #333333; |
| 2872 | } | 2879 | } |
| 2873 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, | 2880 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:hover, |
| 2874 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { | 2881 | .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice:focus { |
| 2875 | background-color: #03A9F4; | 2882 | background-color: #03A9F4; |
| 2876 | color: #fff; | 2883 | color: #fff; |
| 2877 | } | 2884 | } |
| 2878 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline .select2-search__field { | 2885 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline .select2-search__field { |
| 2879 | margin-top: 3px; | 2886 | margin-top: 3px; |
| 2880 | margin-bottom: 3px; | 2887 | margin-bottom: 3px; |
| 2881 | } | 2888 | } |
| 2882 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline:first-child .select2-search__field { | 2889 | .select2-selection--multiple:not([class*=bg-]) .select2-search--inline:first-child .select2-search__field { |
| 2883 | margin-left: 0; | 2890 | margin-left: 0; |
| 2884 | } | 2891 | } |
| 2885 | .select2-selection--multiple .select2-selection__rendered { | 2892 | .select2-selection--multiple .select2-selection__rendered { |
| 2886 | overflow: hidden; | 2893 | overflow: hidden; |
| 2887 | list-style: none; | 2894 | list-style: none; |
| 2888 | margin: 0; | 2895 | margin: 0; |
| 2889 | padding: 0 6px 6px 6px; | 2896 | padding: 0 6px 6px 6px; |
| 2890 | width: 100%; | 2897 | width: 100%; |
| 2891 | } | 2898 | } |
| 2892 | .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice { | 2899 | .select2-container--disabled .select2-selection--multiple[class*=bg-] .select2-selection__choice { |
| 2893 | opacity: 0.9; | 2900 | opacity: 0.9; |
| 2894 | filter: alpha(opacity=90); | 2901 | filter: alpha(opacity=90); |
| 2895 | } | 2902 | } |
| 2896 | .select2-container--disabled .select2-selection--multiple, | 2903 | .select2-container--disabled .select2-selection--multiple, |
| 2897 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice, | 2904 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice, |
| 2898 | .select2-container--disabled .select2-selection--multiple .select2-search__field { | 2905 | .select2-container--disabled .select2-selection--multiple .select2-search__field { |
| 2899 | cursor: not-allowed; | 2906 | cursor: not-allowed; |
| 2900 | } | 2907 | } |
| 2901 | .select2-selection--multiple .select2-selection__choice { | 2908 | .select2-selection--multiple .select2-selection__choice { |
| 2902 | background-color: #eee; | 2909 | background-color: #eee; |
| 2903 | color: #fff; | 2910 | color: #fff; |
| 2904 | border-radius: 3px; | 2911 | border-radius: 3px; |
| 2905 | cursor: default; | 2912 | cursor: default; |
| 2906 | float: left; | 2913 | float: left; |
| 2907 | margin-right: 6px; | 2914 | margin-right: 6px; |
| 2908 | margin-top: 6px; | 2915 | margin-top: 6px; |
| 2909 | padding: 8px 16px; | 2916 | padding: 8px 16px; |
| 2910 | overflow: hidden; | 2917 | overflow: hidden; |
| 2911 | text-overflow: ellipsis; | 2918 | text-overflow: ellipsis; |
| 2912 | max-width: 100%; | 2919 | max-width: 100%; |
| 2913 | } | 2920 | } |
| 2914 | .select2-selection--multiple .select2-selection__choice > i { | 2921 | .select2-selection--multiple .select2-selection__choice > i { |
| 2915 | margin-right: 10px; | 2922 | margin-right: 10px; |
| 2916 | } | 2923 | } |
| 2917 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { | 2924 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { |
| 2918 | cursor: pointer; | 2925 | cursor: pointer; |
| 2919 | float: right; | 2926 | float: right; |
| 2920 | font-size: 0; | 2927 | font-size: 0; |
| 2921 | margin-top: 4.5px; | 2928 | margin-top: 4.5px; |
| 2922 | line-height: 1; | 2929 | line-height: 1; |
| 2923 | margin-left: 8px; | 2930 | margin-left: 8px; |
| 2924 | opacity: 0.75; | 2931 | opacity: 0.75; |
| 2925 | filter: alpha(opacity=75); | 2932 | filter: alpha(opacity=75); |
| 2926 | } | 2933 | } |
| 2927 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:after { | 2934 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:after { |
| 2928 | content: '\ed6a'; | 2935 | content: '\ed6a'; |
| 2929 | font-family: 'icomoon'; | 2936 | font-family: 'icomoon'; |
| 2930 | display: block; | 2937 | display: block; |
| 2931 | font-size: 11px; | 2938 | font-size: 11px; |
| 2932 | line-height: 1; | 2939 | line-height: 1; |
| 2933 | -webkit-font-smoothing: antialiased; | 2940 | -webkit-font-smoothing: antialiased; |
| 2934 | -moz-osx-font-smoothing: grayscale; | 2941 | -moz-osx-font-smoothing: grayscale; |
| 2935 | } | 2942 | } |
| 2936 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { | 2943 | .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { |
| 2937 | opacity: 1; | 2944 | opacity: 1; |
| 2938 | filter: alpha(opacity=100); | 2945 | filter: alpha(opacity=100); |
| 2939 | } | 2946 | } |
| 2940 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice { | 2947 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice { |
| 2941 | opacity: 0.6; | 2948 | opacity: 0.6; |
| 2942 | filter: alpha(opacity=60); | 2949 | filter: alpha(opacity=60); |
| 2943 | } | 2950 | } |
| 2944 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { | 2951 | .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { |
| 2945 | display: none; | 2952 | display: none; |
| 2946 | } | 2953 | } |
| 2947 | .select2-selection--multiple .select2-search--inline { | 2954 | .select2-selection--multiple .select2-search--inline { |
| 2948 | float: left; | 2955 | float: left; |
| 2949 | } | 2956 | } |
| 2950 | .select2-selection--multiple .select2-search--inline .select2-search__field { | 2957 | .select2-selection--multiple .select2-search--inline .select2-search__field { |
| 2951 | font-size: 100%; | 2958 | font-size: 100%; |
| 2952 | margin-top: 6px; | 2959 | margin-top: 6px; |
| 2953 | padding: 8px 0; | 2960 | padding: 8px 0; |
| 2954 | background-color: transparent; | 2961 | background-color: transparent; |
| 2955 | border: 0; | 2962 | border: 0; |
| 2956 | outline: 0; | 2963 | outline: 0; |
| 2957 | margin-left: 6px; | 2964 | margin-left: 6px; |
| 2958 | -webkit-appearance: textfield; | 2965 | -webkit-appearance: textfield; |
| 2959 | } | 2966 | } |
| 2960 | .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { | 2967 | .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { |
| 2961 | -webkit-appearance: none; | 2968 | -webkit-appearance: none; |
| 2962 | } | 2969 | } |
| 2963 | .select2-dropdown { | 2970 | .select2-dropdown { |
| 2964 | background-color: #fff; | 2971 | background-color: #fff; |
| 2965 | color: #333333; | 2972 | color: #333333; |
| 2966 | border-radius: 3px; | 2973 | border-radius: 3px; |
| 2967 | display: block; | 2974 | display: block; |
| 2968 | position: absolute; | 2975 | position: absolute; |
| 2969 | left: -100000px; | 2976 | left: -100000px; |
| 2970 | width: 100%; | 2977 | width: 100%; |
| 2971 | z-index: 9999; | 2978 | z-index: 9999; |
| 2972 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 2979 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 2973 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 2980 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 2974 | } | 2981 | } |
| 2975 | .select2-results { | 2982 | .select2-results { |
| 2976 | display: block; | 2983 | display: block; |
| 2977 | } | 2984 | } |
| 2978 | .select2-results__options { | 2985 | .select2-results__options { |
| 2979 | list-style: none; | 2986 | list-style: none; |
| 2980 | margin: 0; | 2987 | margin: 0; |
| 2981 | padding: 0; | 2988 | padding: 0; |
| 2982 | } | 2989 | } |
| 2983 | .select2-results > .select2-results__options { | 2990 | .select2-results > .select2-results__options { |
| 2984 | padding-bottom: 8px; | 2991 | padding-bottom: 8px; |
| 2985 | max-height: 250px; | 2992 | max-height: 250px; |
| 2986 | overflow-y: auto; | 2993 | overflow-y: auto; |
| 2987 | } | 2994 | } |
| 2988 | .select2-search--hide + .select2-results > .select2-results__options { | 2995 | .select2-search--hide + .select2-results > .select2-results__options { |
| 2989 | padding-top: 8px; | 2996 | padding-top: 8px; |
| 2990 | } | 2997 | } |
| 2991 | .select2-results:first-child > .select2-results__options { | 2998 | .select2-results:first-child > .select2-results__options { |
| 2992 | padding-top: 8px; | 2999 | padding-top: 8px; |
| 2993 | } | 3000 | } |
| 2994 | .select2-results__option { | 3001 | .select2-results__option { |
| 2995 | padding: 8px 16px; | 3002 | padding: 8px 16px; |
| 2996 | cursor: pointer; | 3003 | cursor: pointer; |
| 2997 | -webkit-user-select: none; | 3004 | -webkit-user-select: none; |
| 2998 | -moz-user-select: none; | 3005 | -moz-user-select: none; |
| 2999 | -ms-user-select: none; | 3006 | -ms-user-select: none; |
| 3000 | user-select: none; | 3007 | user-select: none; |
| 3001 | } | 3008 | } |
| 3002 | .select2-results__option + .select2-results__option { | 3009 | .select2-results__option + .select2-results__option { |
| 3003 | margin-top: 1px; | 3010 | margin-top: 1px; |
| 3004 | } | 3011 | } |
| 3005 | .select2-results__option i { | 3012 | .select2-results__option i { |
| 3006 | margin-right: 16px; | 3013 | margin-right: 16px; |
| 3007 | } | 3014 | } |
| 3008 | .select2-results__option i.icon-undefined { | 3015 | .select2-results__option i.icon-undefined { |
| 3009 | display: none; | 3016 | display: none; |
| 3010 | } | 3017 | } |
| 3011 | .select2-results__option[role=group] { | 3018 | .select2-results__option[role=group] { |
| 3012 | padding: 0; | 3019 | padding: 0; |
| 3013 | } | 3020 | } |
| 3014 | .select2-results__option.select2-results__option--highlighted { | 3021 | .select2-results__option.select2-results__option--highlighted { |
| 3015 | background-color: #f5f5f5; | 3022 | background-color: #f5f5f5; |
| 3016 | } | 3023 | } |
| 3017 | .select2-results__option[aria-disabled=true] { | 3024 | .select2-results__option[aria-disabled=true] { |
| 3018 | color: #999999; | 3025 | color: #999999; |
| 3019 | cursor: not-allowed; | 3026 | cursor: not-allowed; |
| 3020 | } | 3027 | } |
| 3021 | .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { | 3028 | .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { |
| 3022 | color: rgba(255, 255, 255, 0.6); | 3029 | color: rgba(255, 255, 255, 0.6); |
| 3023 | } | 3030 | } |
| 3024 | .select2-results__option[aria-selected=true] { | 3031 | .select2-results__option[aria-selected=true] { |
| 3025 | background-color: #26A69A; | 3032 | background-color: #26A69A; |
| 3026 | color: #fff; | 3033 | color: #fff; |
| 3027 | } | 3034 | } |
| 3028 | .select2-results__options--nested > .select2-results__option { | 3035 | .select2-results__options--nested > .select2-results__option { |
| 3029 | padding-left: 32px; | 3036 | padding-left: 32px; |
| 3030 | padding-right: 32px; | 3037 | padding-right: 32px; |
| 3031 | } | 3038 | } |
| 3032 | .select2-results__group { | 3039 | .select2-results__group { |
| 3033 | display: block; | 3040 | display: block; |
| 3034 | padding: 8px 16px; | 3041 | padding: 8px 16px; |
| 3035 | font-size: 11px; | 3042 | font-size: 11px; |
| 3036 | line-height: 1.82; | 3043 | line-height: 1.82; |
| 3037 | text-transform: uppercase; | 3044 | text-transform: uppercase; |
| 3038 | cursor: default; | 3045 | cursor: default; |
| 3039 | margin-top: 8px; | 3046 | margin-top: 8px; |
| 3040 | margin-bottom: 8px; | 3047 | margin-bottom: 8px; |
| 3041 | } | 3048 | } |
| 3042 | .select2-results__option:first-child > .select2-results__group { | 3049 | .select2-results__option:first-child > .select2-results__group { |
| 3043 | margin-top: 0; | 3050 | margin-top: 0; |
| 3044 | } | 3051 | } |
| 3045 | .select2-results__message { | 3052 | .select2-results__message { |
| 3046 | color: #999999; | 3053 | color: #999999; |
| 3047 | cursor: default; | 3054 | cursor: default; |
| 3048 | } | 3055 | } |
| 3049 | .select2-dropdown[class*=bg-] .select2-results__message { | 3056 | .select2-dropdown[class*=bg-] .select2-results__message { |
| 3050 | color: rgba(255, 255, 255, 0.75); | 3057 | color: rgba(255, 255, 255, 0.75); |
| 3051 | } | 3058 | } |
| 3052 | .select2-results__option.loading-results { | 3059 | .select2-results__option.loading-results { |
| 3053 | padding-top: 0; | 3060 | padding-top: 0; |
| 3054 | } | 3061 | } |
| 3055 | .select2-results__option.loading-results + .select2-results__option { | 3062 | .select2-results__option.loading-results + .select2-results__option { |
| 3056 | margin-top: 8px; | 3063 | margin-top: 8px; |
| 3057 | } | 3064 | } |
| 3058 | .select2-results__option--load-more { | 3065 | .select2-results__option--load-more { |
| 3059 | text-align: center; | 3066 | text-align: center; |
| 3060 | margin-top: 8px; | 3067 | margin-top: 8px; |
| 3061 | cursor: default; | 3068 | cursor: default; |
| 3062 | } | 3069 | } |
| 3063 | .select2-container--open .select2-dropdown { | 3070 | .select2-container--open .select2-dropdown { |
| 3064 | left: 0; | 3071 | left: 0; |
| 3065 | } | 3072 | } |
| 3066 | .select2-container--open .select2-dropdown--above { | 3073 | .select2-container--open .select2-dropdown--above { |
| 3067 | border-bottom-width: 0; | 3074 | border-bottom-width: 0; |
| 3068 | border-bottom-left-radius: 0; | 3075 | border-bottom-left-radius: 0; |
| 3069 | border-bottom-right-radius: 0; | 3076 | border-bottom-right-radius: 0; |
| 3070 | } | 3077 | } |
| 3071 | .select2-container--open .select2-dropdown--above[class*=bg-] { | 3078 | .select2-container--open .select2-dropdown--above[class*=bg-] { |
| 3072 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); | 3079 | border-bottom: 1px solid rgba(255, 255, 255, 0.2); |
| 3073 | } | 3080 | } |
| 3074 | .select2-container--open .select2-dropdown--above:not([class*=bg-]) { | 3081 | .select2-container--open .select2-dropdown--above:not([class*=bg-]) { |
| 3075 | top: -3px; | 3082 | top: -3px; |
| 3076 | border-bottom-right-radius: 3px; | 3083 | border-bottom-right-radius: 3px; |
| 3077 | border-bottom-left-radius: 3px; | 3084 | border-bottom-left-radius: 3px; |
| 3078 | } | 3085 | } |
| 3079 | .select2-container--open.select2-container--above .select2-selection--single, | 3086 | .select2-container--open.select2-container--above .select2-selection--single, |
| 3080 | .select2-container--open.select2-container--above .select2-selection--multiple { | 3087 | .select2-container--open.select2-container--above .select2-selection--multiple { |
| 3081 | border-top-right-radius: 0; | 3088 | border-top-right-radius: 0; |
| 3082 | border-top-left-radius: 0; | 3089 | border-top-left-radius: 0; |
| 3083 | } | 3090 | } |
| 3084 | .select2-container--open .select2-dropdown--below { | 3091 | .select2-container--open .select2-dropdown--below { |
| 3085 | border-top-width: 0; | 3092 | border-top-width: 0; |
| 3086 | border-top-left-radius: 0; | 3093 | border-top-left-radius: 0; |
| 3087 | border-top-right-radius: 0; | 3094 | border-top-right-radius: 0; |
| 3088 | } | 3095 | } |
| 3089 | .select2-container--open .select2-dropdown--below[class*=bg-] { | 3096 | .select2-container--open .select2-dropdown--below[class*=bg-] { |
| 3090 | border-top: 1px solid rgba(255, 255, 255, 0.2); | 3097 | border-top: 1px solid rgba(255, 255, 255, 0.2); |
| 3091 | } | 3098 | } |
| 3092 | .select2-container--open .select2-dropdown--below:not([class*=bg-]) { | 3099 | .select2-container--open .select2-dropdown--below:not([class*=bg-]) { |
| 3093 | top: 3px; | 3100 | top: 3px; |
| 3094 | border-top-right-radius: 3px; | 3101 | border-top-right-radius: 3px; |
| 3095 | border-top-left-radius: 3px; | 3102 | border-top-left-radius: 3px; |
| 3096 | } | 3103 | } |
| 3097 | .select2-container--open.select2-container--below .select2-selection--single, | 3104 | .select2-container--open.select2-container--below .select2-selection--single, |
| 3098 | .select2-container--open.select2-container--below .select2-selection--multiple { | 3105 | .select2-container--open.select2-container--below .select2-selection--multiple { |
| 3099 | border-bottom-right-radius: 0; | 3106 | border-bottom-right-radius: 0; |
| 3100 | border-bottom-left-radius: 0; | 3107 | border-bottom-left-radius: 0; |
| 3101 | } | 3108 | } |
| 3102 | .select2-search--dropdown { | 3109 | .select2-search--dropdown { |
| 3103 | display: block; | 3110 | display: block; |
| 3104 | position: relative; | 3111 | position: relative; |
| 3105 | padding: 16px; | 3112 | padding: 16px; |
| 3106 | padding-left: 48px; | 3113 | padding-left: 48px; |
| 3107 | } | 3114 | } |
| 3108 | .select2-search--dropdown:after { | 3115 | .select2-search--dropdown:after { |
| 3109 | content: '\e98e'; | 3116 | content: '\e98e'; |
| 3110 | font-family: 'icomoon'; | 3117 | font-family: 'icomoon'; |
| 3111 | position: absolute; | 3118 | position: absolute; |
| 3112 | top: 50%; | 3119 | top: 50%; |
| 3113 | left: 16px; | 3120 | left: 16px; |
| 3114 | color: inherit; | 3121 | color: inherit; |
| 3115 | display: block; | 3122 | display: block; |
| 3116 | font-size: 14px; | 3123 | font-size: 14px; |
| 3117 | margin-top: -7px; | 3124 | margin-top: -7px; |
| 3118 | line-height: 1; | 3125 | line-height: 1; |
| 3119 | -webkit-font-smoothing: antialiased; | 3126 | -webkit-font-smoothing: antialiased; |
| 3120 | -moz-osx-font-smoothing: grayscale; | 3127 | -moz-osx-font-smoothing: grayscale; |
| 3121 | } | 3128 | } |
| 3122 | .select2-search--dropdown + .select2-results .select2-results__message:first-child { | 3129 | .select2-search--dropdown + .select2-results .select2-results__message:first-child { |
| 3123 | padding-top: 0; | 3130 | padding-top: 0; |
| 3124 | } | 3131 | } |
| 3125 | .select2-search--dropdown .select2-search__field { | 3132 | .select2-search--dropdown .select2-search__field { |
| 3126 | background-color: transparent; | 3133 | background-color: transparent; |
| 3127 | padding: 8px 0; | 3134 | padding: 8px 0; |
| 3128 | border-radius: 3px; | 3135 | border-radius: 3px; |
| 3129 | border: 1px solid #ddd; | 3136 | border: 1px solid #ddd; |
| 3130 | border-color: transparent transparent #ddd; | 3137 | border-color: transparent transparent #ddd; |
| 3131 | outline: 0; | 3138 | outline: 0; |
| 3132 | width: 100%; | 3139 | width: 100%; |
| 3133 | } | 3140 | } |
| 3134 | .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { | 3141 | .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { |
| 3135 | -webkit-appearance: none; | 3142 | -webkit-appearance: none; |
| 3136 | } | 3143 | } |
| 3137 | .select2-search--dropdown.select2-search--hide { | 3144 | .select2-search--dropdown.select2-search--hide { |
| 3138 | display: none; | 3145 | display: none; |
| 3139 | } | 3146 | } |
| 3140 | .select-lg.select2-selection--single { | 3147 | .select-lg.select2-selection--single { |
| 3141 | height: 40px; | 3148 | height: 40px; |
| 3142 | padding: 9px 0; | 3149 | padding: 9px 0; |
| 3143 | font-size: 14px; | 3150 | font-size: 14px; |
| 3144 | } | 3151 | } |
| 3145 | .select-lg.select2-selection--single .select2-selection__rendered { | 3152 | .select-lg.select2-selection--single .select2-selection__rendered { |
| 3146 | padding-right: 40px; | 3153 | padding-right: 40px; |
| 3147 | } | 3154 | } |
| 3148 | .select-lg.select2-selection--multiple .select2-selection__choice { | 3155 | .select-lg.select2-selection--multiple .select2-selection__choice { |
| 3149 | padding: 9px 18px; | 3156 | padding: 9px 18px; |
| 3150 | font-size: 14px; | 3157 | font-size: 14px; |
| 3151 | } | 3158 | } |
| 3152 | .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { | 3159 | .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { |
| 3153 | padding: 9px 0; | 3160 | padding: 9px 0; |
| 3154 | font-size: 14px; | 3161 | font-size: 14px; |
| 3155 | } | 3162 | } |
| 3156 | .select-sm.select2-selection--single { | 3163 | .select-sm.select2-selection--single { |
| 3157 | height: 36px; | 3164 | height: 36px; |
| 3158 | padding: 7px 0; | 3165 | padding: 7px 0; |
| 3159 | font-size: 12px; | 3166 | font-size: 12px; |
| 3160 | line-height: 1.6666667; | 3167 | line-height: 1.6666667; |
| 3161 | } | 3168 | } |
| 3162 | .select-sm.select2-selection--single .select2-selection__rendered { | 3169 | .select-sm.select2-selection--single .select2-selection__rendered { |
| 3163 | padding-right: 32px; | 3170 | padding-right: 32px; |
| 3164 | } | 3171 | } |
| 3165 | .select-sm.select2-selection--multiple .select2-selection__choice { | 3172 | .select-sm.select2-selection--multiple .select2-selection__choice { |
| 3166 | padding: 7px 14px; | 3173 | padding: 7px 14px; |
| 3167 | font-size: 12px; | 3174 | font-size: 12px; |
| 3168 | line-height: 1.6666667; | 3175 | line-height: 1.6666667; |
| 3169 | } | 3176 | } |
| 3170 | .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { | 3177 | .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { |
| 3171 | padding: 7px 0; | 3178 | padding: 7px 0; |
| 3172 | } | 3179 | } |
| 3173 | .select-xs.select2-selection--single { | 3180 | .select-xs.select2-selection--single { |
| 3174 | height: 34px; | 3181 | height: 34px; |
| 3175 | padding: 6px 0; | 3182 | padding: 6px 0; |
| 3176 | font-size: 12px; | 3183 | font-size: 12px; |
| 3177 | line-height: 1.6666667; | 3184 | line-height: 1.6666667; |
| 3178 | } | 3185 | } |
| 3179 | .select-xs.select2-selection--single .select2-selection__rendered { | 3186 | .select-xs.select2-selection--single .select2-selection__rendered { |
| 3180 | padding-right: 28px; | 3187 | padding-right: 28px; |
| 3181 | } | 3188 | } |
| 3182 | .select-xs.select2-selection--multiple .select2-selection__choice { | 3189 | .select-xs.select2-selection--multiple .select2-selection__choice { |
| 3183 | padding: 6px 12px; | 3190 | padding: 6px 12px; |
| 3184 | font-size: 12px; | 3191 | font-size: 12px; |
| 3185 | line-height: 1.6666667; | 3192 | line-height: 1.6666667; |
| 3186 | } | 3193 | } |
| 3187 | .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field { | 3194 | .select-xs.select2-selection--multiple .select2-search--inline .select2-search__field { |
| 3188 | padding: 6px 0; | 3195 | padding: 6px 0; |
| 3189 | font-size: 12px; | 3196 | font-size: 12px; |
| 3190 | line-height: 1.6666667; | 3197 | line-height: 1.6666667; |
| 3191 | } | 3198 | } |
| 3192 | .select2-selection--single[class*=bg-], | 3199 | .select2-selection--single[class*=bg-], |
| 3193 | .select2-selection--multiple[class*=bg-] { | 3200 | .select2-selection--multiple[class*=bg-] { |
| 3194 | border-radius: 3px; | 3201 | border-radius: 3px; |
| 3195 | } | 3202 | } |
| 3196 | .select2-container--disabled .select2-selection--single[class*=bg-], | 3203 | .select2-container--disabled .select2-selection--single[class*=bg-], |
| 3197 | .select2-container--disabled .select2-selection--multiple[class*=bg-] { | 3204 | .select2-container--disabled .select2-selection--multiple[class*=bg-] { |
| 3198 | opacity: 0.6; | 3205 | opacity: 0.6; |
| 3199 | filter: alpha(opacity=60); | 3206 | filter: alpha(opacity=60); |
| 3200 | } | 3207 | } |
| 3201 | .select2-selection--single[class*=bg-] .select2-selection__placeholder { | 3208 | .select2-selection--single[class*=bg-] .select2-selection__placeholder { |
| 3202 | color: #fff; | 3209 | color: #fff; |
| 3203 | } | 3210 | } |
| 3204 | .select2-selection--single[class*=bg-] .select2-selection__rendered { | 3211 | .select2-selection--single[class*=bg-] .select2-selection__rendered { |
| 3205 | padding-left: 16px; | 3212 | padding-left: 16px; |
| 3206 | padding-right: 40px; | 3213 | padding-right: 40px; |
| 3207 | } | 3214 | } |
| 3208 | .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__rendered { | 3215 | .select2-container--disabled .select2-selection--single[class*=bg-] .select2-selection__rendered { |
| 3209 | color: rgba(255, 255, 255, 0.75); | 3216 | color: rgba(255, 255, 255, 0.75); |
| 3210 | } | 3217 | } |
| 3211 | .select2-selection--single[class*=bg-] .select2-selection__arrow:after { | 3218 | .select2-selection--single[class*=bg-] .select2-selection__arrow:after { |
| 3212 | right: 16px; | 3219 | right: 16px; |
| 3213 | } | 3220 | } |
| 3214 | .select2-selection--multiple[class*=bg-] .select2-selection__choice { | 3221 | .select2-selection--multiple[class*=bg-] .select2-selection__choice { |
| 3215 | background-color: rgba(0, 0, 0, 0.25); | 3222 | background-color: rgba(0, 0, 0, 0.25); |
| 3216 | } | 3223 | } |
| 3217 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-moz-placeholder { | 3224 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-moz-placeholder { |
| 3218 | color: #fff; | 3225 | color: #fff; |
| 3219 | opacity: 1; | 3226 | opacity: 1; |
| 3220 | } | 3227 | } |
| 3221 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field:-ms-input-placeholder { | 3228 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field:-ms-input-placeholder { |
| 3222 | color: #fff; | 3229 | color: #fff; |
| 3223 | } | 3230 | } |
| 3224 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-webkit-input-placeholder { | 3231 | .select2-selection--multiple[class*=bg-] .select2-search--inline .select2-search__field::-webkit-input-placeholder { |
| 3225 | color: #fff; | 3232 | color: #fff; |
| 3226 | } | 3233 | } |
| 3227 | .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { | 3234 | .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { |
| 3228 | background-color: transparent; | 3235 | background-color: transparent; |
| 3229 | border-bottom-color: rgba(255, 255, 255, 0.2); | 3236 | border-bottom-color: rgba(255, 255, 255, 0.2); |
| 3230 | color: #fff; | 3237 | color: #fff; |
| 3231 | } | 3238 | } |
| 3232 | .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { | 3239 | .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { |
| 3233 | background-color: rgba(0, 0, 0, 0.2); | 3240 | background-color: rgba(0, 0, 0, 0.2); |
| 3234 | } | 3241 | } |
| 3235 | .select2-dropdown[class*=bg-] .select2-results__option--highlighted { | 3242 | .select2-dropdown[class*=bg-] .select2-results__option--highlighted { |
| 3236 | background-color: rgba(0, 0, 0, 0.1); | 3243 | background-color: rgba(0, 0, 0, 0.1); |
| 3237 | } | 3244 | } |
| 3238 | .select2-close-mask { | 3245 | .select2-close-mask { |
| 3239 | border: 0; | 3246 | border: 0; |
| 3240 | margin: 0; | 3247 | margin: 0; |
| 3241 | padding: 0; | 3248 | padding: 0; |
| 3242 | display: block; | 3249 | display: block; |
| 3243 | position: fixed; | 3250 | position: fixed; |
| 3244 | left: 0; | 3251 | left: 0; |
| 3245 | top: 0; | 3252 | top: 0; |
| 3246 | min-height: 100%; | 3253 | min-height: 100%; |
| 3247 | min-width: 100%; | 3254 | min-width: 100%; |
| 3248 | height: auto; | 3255 | height: auto; |
| 3249 | width: auto; | 3256 | width: auto; |
| 3250 | z-index: 99; | 3257 | z-index: 99; |
| 3251 | background-color: #fff; | 3258 | background-color: #fff; |
| 3252 | opacity: 0; | 3259 | opacity: 0; |
| 3253 | filter: alpha(opacity=0); | 3260 | filter: alpha(opacity=0); |
| 3254 | } | 3261 | } |
| 3255 | .select2-hidden-accessible { | 3262 | .select2-hidden-accessible { |
| 3256 | border: 0 !important; | 3263 | border: 0 !important; |
| 3257 | clip: rect(0 0 0 0) !important; | 3264 | clip: rect(0 0 0 0) !important; |
| 3258 | height: 1px !important; | 3265 | height: 1px !important; |
| 3259 | margin: -1px !important; | 3266 | margin: -1px !important; |
| 3260 | overflow: hidden !important; | 3267 | overflow: hidden !important; |
| 3261 | padding: 0 !important; | 3268 | padding: 0 !important; |
| 3262 | position: fixed !important; | 3269 | position: fixed !important; |
| 3263 | width: 1px !important; | 3270 | width: 1px !important; |
| 3264 | } | 3271 | } |
| 3265 | .select2-result-repository { | 3272 | .select2-result-repository { |
| 3266 | padding-top: 8px; | 3273 | padding-top: 8px; |
| 3267 | padding-bottom: 8px; | 3274 | padding-bottom: 8px; |
| 3268 | } | 3275 | } |
| 3269 | .select2-result-repository__avatar { | 3276 | .select2-result-repository__avatar { |
| 3270 | float: left; | 3277 | float: left; |
| 3271 | width: 60px; | 3278 | width: 60px; |
| 3272 | margin-right: 15px; | 3279 | margin-right: 15px; |
| 3273 | } | 3280 | } |
| 3274 | .select2-result-repository__avatar img { | 3281 | .select2-result-repository__avatar img { |
| 3275 | width: 100%; | 3282 | width: 100%; |
| 3276 | height: auto; | 3283 | height: auto; |
| 3277 | border-radius: 100px; | 3284 | border-radius: 100px; |
| 3278 | } | 3285 | } |
| 3279 | .select2-result-repository__meta { | 3286 | .select2-result-repository__meta { |
| 3280 | margin-left: 70px; | 3287 | margin-left: 70px; |
| 3281 | } | 3288 | } |
| 3282 | .select2-result-repository__title { | 3289 | .select2-result-repository__title { |
| 3283 | font-weight: 500; | 3290 | font-weight: 500; |
| 3284 | word-wrap: break-word; | 3291 | word-wrap: break-word; |
| 3285 | margin-bottom: 2px; | 3292 | margin-bottom: 2px; |
| 3286 | } | 3293 | } |
| 3287 | .select2-result-repository__forks, | 3294 | .select2-result-repository__forks, |
| 3288 | .select2-result-repository__stargazers, | 3295 | .select2-result-repository__stargazers, |
| 3289 | .select2-result-repository__watchers { | 3296 | .select2-result-repository__watchers { |
| 3290 | display: inline-block; | 3297 | display: inline-block; |
| 3291 | font-size: 12px; | 3298 | font-size: 12px; |
| 3292 | } | 3299 | } |
| 3293 | .select2-result-repository__description { | 3300 | .select2-result-repository__description { |
| 3294 | font-size: 12px; | 3301 | font-size: 12px; |
| 3295 | } | 3302 | } |
| 3296 | .select2-result-repository__forks, | 3303 | .select2-result-repository__forks, |
| 3297 | .select2-result-repository__stargazers { | 3304 | .select2-result-repository__stargazers { |
| 3298 | margin-right: 15px; | 3305 | margin-right: 15px; |
| 3299 | } | 3306 | } |
| 3300 | /* ------------------------------------------------------------------------------ | 3307 | /* ------------------------------------------------------------------------------ |
| 3301 | * | 3308 | * |
| 3302 | * # Bootstrap multiselect | 3309 | * # Bootstrap multiselect |
| 3303 | * | 3310 | * |
| 3304 | * Styles for multiselect.js - custom multiple select plugin | 3311 | * Styles for multiselect.js - custom multiple select plugin |
| 3305 | * | 3312 | * |
| 3306 | * Version: 1.0 | 3313 | * Version: 1.0 |
| 3307 | * Latest update: May 25, 2015 | 3314 | * Latest update: May 25, 2015 |
| 3308 | * | 3315 | * |
| 3309 | * ---------------------------------------------------------------------------- */ | 3316 | * ---------------------------------------------------------------------------- */ |
| 3310 | .multiselect { | 3317 | .multiselect { |
| 3311 | width: 100%; | 3318 | width: 100%; |
| 3312 | min-width: 100%; | 3319 | min-width: 100%; |
| 3313 | text-align: left; | 3320 | text-align: left; |
| 3314 | padding-right: 32px; | 3321 | padding-right: 32px; |
| 3315 | text-overflow: ellipsis; | 3322 | text-overflow: ellipsis; |
| 3316 | overflow: hidden; | 3323 | overflow: hidden; |
| 3317 | } | 3324 | } |
| 3318 | .multiselect.btn-default { | 3325 | .multiselect.btn-default { |
| 3319 | border-width: 1px 0; | 3326 | border-width: 1px 0; |
| 3320 | padding: 8px 0; | 3327 | padding: 8px 0; |
| 3321 | padding-right: 24px; | 3328 | padding-right: 24px; |
| 3322 | border-radius: 0; | 3329 | border-radius: 0; |
| 3323 | text-transform: none; | 3330 | text-transform: none; |
| 3324 | font-weight: 400; | 3331 | font-weight: 400; |
| 3325 | } | 3332 | } |
| 3326 | .multiselect.btn-default, | 3333 | .multiselect.btn-default, |
| 3327 | .multiselect.btn-default:hover, | 3334 | .multiselect.btn-default:hover, |
| 3328 | .multiselect.btn-default:focus, | 3335 | .multiselect.btn-default:focus, |
| 3329 | .multiselect.btn-default:active, | 3336 | .multiselect.btn-default:active, |
| 3330 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { | 3337 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { |
| 3331 | border-color: transparent transparent #ddd; | 3338 | border-color: transparent transparent #ddd; |
| 3332 | background-color: transparent; | 3339 | background-color: transparent; |
| 3333 | -webkit-box-shadow: none; | 3340 | -webkit-box-shadow: none; |
| 3334 | box-shadow: none; | 3341 | box-shadow: none; |
| 3335 | } | 3342 | } |
| 3336 | .multiselect.btn-default:focus, | 3343 | .multiselect.btn-default:focus, |
| 3337 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { | 3344 | .btn-group.open > .multiselect.btn-default.dropdown-toggle { |
| 3338 | border-bottom-color: #009688; | 3345 | border-bottom-color: #009688; |
| 3339 | -webkit-box-shadow: 0 1px 0 #009688; | 3346 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3340 | box-shadow: 0 1px 0 #009688; | 3347 | box-shadow: 0 1px 0 #009688; |
| 3341 | } | 3348 | } |
| 3342 | .multiselect.btn-default.disabled { | 3349 | .multiselect.btn-default.disabled { |
| 3343 | border-bottom-style: dashed; | 3350 | border-bottom-style: dashed; |
| 3344 | } | 3351 | } |
| 3345 | .multiselect.btn-default .caret { | 3352 | .multiselect.btn-default .caret { |
| 3346 | right: 0; | 3353 | right: 0; |
| 3347 | } | 3354 | } |
| 3348 | .multiselect .caret { | 3355 | .multiselect .caret { |
| 3349 | position: absolute; | 3356 | position: absolute; |
| 3350 | top: 50%; | 3357 | top: 50%; |
| 3351 | right: 16px; | 3358 | right: 16px; |
| 3352 | margin-top: -8px; | 3359 | margin-top: -8px; |
| 3353 | width: 16px; | 3360 | width: 16px; |
| 3354 | text-align: right; | 3361 | text-align: right; |
| 3355 | } | 3362 | } |
| 3356 | .multiselect.btn-lg { | 3363 | .multiselect.btn-lg { |
| 3357 | padding-right: 36px; | 3364 | padding-right: 36px; |
| 3358 | } | 3365 | } |
| 3359 | .multiselect.btn-lg.btn-default { | 3366 | .multiselect.btn-lg.btn-default { |
| 3360 | padding-right: 27px; | 3367 | padding-right: 27px; |
| 3361 | } | 3368 | } |
| 3362 | .multiselect.btn-sm { | 3369 | .multiselect.btn-sm { |
| 3363 | padding-right: 28px; | 3370 | padding-right: 28px; |
| 3364 | } | 3371 | } |
| 3365 | .multiselect.btn-sm.btn-default { | 3372 | .multiselect.btn-sm.btn-default { |
| 3366 | padding-right: 21px; | 3373 | padding-right: 21px; |
| 3367 | } | 3374 | } |
| 3368 | .multiselect.btn-xs { | 3375 | .multiselect.btn-xs { |
| 3369 | padding-right: 24px; | 3376 | padding-right: 24px; |
| 3370 | } | 3377 | } |
| 3371 | .multiselect.btn-xs.btn-default { | 3378 | .multiselect.btn-xs.btn-default { |
| 3372 | padding-right: 18px; | 3379 | padding-right: 18px; |
| 3373 | } | 3380 | } |
| 3374 | .page-header-inverse .form-group .multiselect.btn-default, | 3381 | .page-header-inverse .form-group .multiselect.btn-default, |
| 3375 | .navbar-inverse .navbar-form .multiselect.btn-default { | 3382 | .navbar-inverse .navbar-form .multiselect.btn-default { |
| 3376 | border-bottom-color: rgba(255, 255, 255, 0.3); | 3383 | border-bottom-color: rgba(255, 255, 255, 0.3); |
| 3377 | color: #fff; | 3384 | color: #fff; |
| 3378 | } | 3385 | } |
| 3379 | .page-header-inverse .form-group .btn-group.open > .multiselect.btn-default, | 3386 | .page-header-inverse .form-group .btn-group.open > .multiselect.btn-default, |
| 3380 | .navbar-inverse .navbar-form .btn-group.open > .multiselect.btn-default, | 3387 | .navbar-inverse .navbar-form .btn-group.open > .multiselect.btn-default, |
| 3381 | .page-header-inverse .form-group .multiselect.btn-default:focus, | 3388 | .page-header-inverse .form-group .multiselect.btn-default:focus, |
| 3382 | .navbar-inverse .navbar-form .multiselect.btn-default:focus { | 3389 | .navbar-inverse .navbar-form .multiselect.btn-default:focus { |
| 3383 | color: #fff; | 3390 | color: #fff; |
| 3384 | border-bottom-color: #fff; | 3391 | border-bottom-color: #fff; |
| 3385 | -webkit-box-shadow: 0 1px 0 #fff; | 3392 | -webkit-box-shadow: 0 1px 0 #fff; |
| 3386 | box-shadow: 0 1px 0 #fff; | 3393 | box-shadow: 0 1px 0 #fff; |
| 3387 | } | 3394 | } |
| 3388 | .multiselect-container { | 3395 | .multiselect-container { |
| 3389 | min-width: 180px; | 3396 | min-width: 180px; |
| 3390 | max-height: 250px; | 3397 | max-height: 250px; |
| 3391 | overflow-y: auto; | 3398 | overflow-y: auto; |
| 3392 | } | 3399 | } |
| 3393 | .multiselect-container > li { | 3400 | .multiselect-container > li { |
| 3394 | padding: 0; | 3401 | padding: 0; |
| 3395 | } | 3402 | } |
| 3396 | .multiselect-container > li > a { | 3403 | .multiselect-container > li > a { |
| 3397 | padding: 0; | 3404 | padding: 0; |
| 3398 | } | 3405 | } |
| 3399 | .multiselect-container > li > a > label { | 3406 | .multiselect-container > li > a > label { |
| 3400 | display: block!important; | 3407 | display: block!important; |
| 3401 | margin: 0; | 3408 | margin: 0; |
| 3402 | height: 100%; | 3409 | height: 100%; |
| 3403 | cursor: pointer; | 3410 | cursor: pointer; |
| 3404 | padding: 9px 16px; | 3411 | padding: 9px 16px; |
| 3405 | padding-left: 44px; | 3412 | padding-left: 44px; |
| 3406 | } | 3413 | } |
| 3407 | .navbar-form .multiselect-container > li > a > label { | 3414 | .navbar-form .multiselect-container > li > a > label { |
| 3408 | display: block; | 3415 | display: block; |
| 3409 | } | 3416 | } |
| 3410 | .multiselect-container > li > a .checker, | 3417 | .multiselect-container > li > a .checker, |
| 3411 | .multiselect-container > li > a .choice { | 3418 | .multiselect-container > li > a .choice { |
| 3412 | top: 50%; | 3419 | top: 50%; |
| 3413 | margin-top: -9px; | 3420 | margin-top: -9px; |
| 3414 | left: 16px; | 3421 | left: 16px; |
| 3415 | } | 3422 | } |
| 3416 | .multiselect-container > li > a.multiselect-all label { | 3423 | .multiselect-container > li > a.multiselect-all label { |
| 3417 | font-weight: 500; | 3424 | font-weight: 500; |
| 3418 | } | 3425 | } |
| 3419 | .multiselect-container > li.disabled > a { | 3426 | .multiselect-container > li.disabled > a { |
| 3420 | background-color: transparent; | 3427 | background-color: transparent; |
| 3421 | } | 3428 | } |
| 3422 | .multiselect-container > li.disabled > a > label { | 3429 | .multiselect-container > li.disabled > a > label { |
| 3423 | cursor: not-allowed; | 3430 | cursor: not-allowed; |
| 3424 | } | 3431 | } |
| 3425 | .multiselect-container > li.multiselect-group > label, | 3432 | .multiselect-container > li.multiselect-group > label, |
| 3426 | .multiselect-container > li.multiselect-group.active > label { | 3433 | .multiselect-container > li.multiselect-group.active > label { |
| 3427 | margin: 0; | 3434 | margin: 0; |
| 3428 | padding: 9px 15px; | 3435 | padding: 9px 15px; |
| 3429 | font-size: 11px; | 3436 | font-size: 11px; |
| 3430 | line-height: 1.82; | 3437 | line-height: 1.82; |
| 3431 | color: #999999; | 3438 | color: #999999; |
| 3432 | text-transform: uppercase; | 3439 | text-transform: uppercase; |
| 3433 | margin-top: 16px; | 3440 | margin-top: 16px; |
| 3434 | background-color: transparent; | 3441 | background-color: transparent; |
| 3435 | cursor: default; | 3442 | cursor: default; |
| 3436 | } | 3443 | } |
| 3437 | .multiselect-container > li.multiselect-group.disabled { | 3444 | .multiselect-container > li.multiselect-group.disabled { |
| 3438 | color: #999999; | 3445 | color: #999999; |
| 3439 | } | 3446 | } |
| 3440 | .multiselect-container > li.multiselect-group:first-child > label, | 3447 | .multiselect-container > li.multiselect-group:first-child > label, |
| 3441 | .multiselect-container > li.multiselect-group:first-child.active > label { | 3448 | .multiselect-container > li.multiselect-group:first-child.active > label { |
| 3442 | margin-top: 8px; | 3449 | margin-top: 8px; |
| 3443 | } | 3450 | } |
| 3444 | .multiselect-container > li.multiselect-group.multiselect-group-clickable > label { | 3451 | .multiselect-container > li.multiselect-group.multiselect-group-clickable > label { |
| 3445 | cursor: pointer; | 3452 | cursor: pointer; |
| 3446 | } | 3453 | } |
| 3447 | .multiselect-container > li.multiselect-group.disabled label, | 3454 | .multiselect-container > li.multiselect-group.disabled label, |
| 3448 | .multiselect-container > li.multiselect-group.disabled:hover label, | 3455 | .multiselect-container > li.multiselect-group.disabled:hover label, |
| 3449 | .multiselect-container > li.multiselect-group.disabled:focus label { | 3456 | .multiselect-container > li.multiselect-group.disabled:focus label { |
| 3450 | background-color: transparent; | 3457 | background-color: transparent; |
| 3451 | cursor: not-allowed; | 3458 | cursor: not-allowed; |
| 3452 | } | 3459 | } |
| 3453 | .multi-select-full > .btn-group { | 3460 | .multi-select-full > .btn-group { |
| 3454 | width: 100%; | 3461 | width: 100%; |
| 3455 | } | 3462 | } |
| 3456 | .multi-select-full > .btn-group .multiselect-container { | 3463 | .multi-select-full > .btn-group .multiselect-container { |
| 3457 | width: inherit; | 3464 | width: inherit; |
| 3458 | } | 3465 | } |
| 3459 | .multi-select-full + .input-group-btn { | 3466 | .multi-select-full + .input-group-btn { |
| 3460 | padding-left: 16px; | 3467 | padding-left: 16px; |
| 3461 | } | 3468 | } |
| 3462 | .multi-select-fixed > .btn-group > .btn { | 3469 | .multi-select-fixed > .btn-group > .btn { |
| 3463 | width: 250px; | 3470 | width: 250px; |
| 3464 | } | 3471 | } |
| 3465 | .multi-select-auto > .btn-group > .btn { | 3472 | .multi-select-auto > .btn-group > .btn { |
| 3466 | width: auto; | 3473 | width: auto; |
| 3467 | } | 3474 | } |
| 3468 | li.multiselect-filter { | 3475 | li.multiselect-filter { |
| 3469 | position: relative; | 3476 | position: relative; |
| 3470 | padding: 8px 16px; | 3477 | padding: 8px 16px; |
| 3471 | padding-left: 44px; | 3478 | padding-left: 44px; |
| 3472 | margin-bottom: 8px; | 3479 | margin-bottom: 8px; |
| 3473 | } | 3480 | } |
| 3474 | li.multiselect-filter i { | 3481 | li.multiselect-filter i { |
| 3475 | font-size: 14px; | 3482 | font-size: 14px; |
| 3476 | position: absolute; | 3483 | position: absolute; |
| 3477 | left: 16px; | 3484 | left: 16px; |
| 3478 | top: 50%; | 3485 | top: 50%; |
| 3479 | margin-top: -7px; | 3486 | margin-top: -7px; |
| 3480 | } | 3487 | } |
| 3481 | .btn-group-multiselect { | 3488 | .btn-group-multiselect { |
| 3482 | width: 100%; | 3489 | width: 100%; |
| 3483 | } | 3490 | } |
| 3484 | .btn-group-multiselect .btn { | 3491 | .btn-group-multiselect .btn { |
| 3485 | float: none; | 3492 | float: none; |
| 3486 | } | 3493 | } |
| 3487 | .btn-group-multiselect .multiselect { | 3494 | .btn-group-multiselect .multiselect { |
| 3488 | min-width: 0; | 3495 | min-width: 0; |
| 3489 | } | 3496 | } |
| 3490 | /* ------------------------------------------------------------------------------ | 3497 | /* ------------------------------------------------------------------------------ |
| 3491 | * | 3498 | * |
| 3492 | * # SelectBoxIt | 3499 | * # SelectBoxIt |
| 3493 | * | 3500 | * |
| 3494 | * Styles for selectbox.js - custom select boxes plugin | 3501 | * Styles for selectbox.js - custom select boxes plugin |
| 3495 | * | 3502 | * |
| 3496 | * Version: 1.2 | 3503 | * Version: 1.2 |
| 3497 | * Latest update: Mar 10, 2016 | 3504 | * Latest update: Mar 10, 2016 |
| 3498 | * | 3505 | * |
| 3499 | * ---------------------------------------------------------------------------- */ | 3506 | * ---------------------------------------------------------------------------- */ |
| 3500 | /* # Core | 3507 | /* # Core |
| 3501 | -------------------------------------------------- */ | 3508 | -------------------------------------------------- */ |
| 3502 | .selectboxit-container { | 3509 | .selectboxit-container { |
| 3503 | position: relative; | 3510 | position: relative; |
| 3504 | display: inline-block; | 3511 | display: inline-block; |
| 3505 | vertical-align: middle; | 3512 | vertical-align: middle; |
| 3506 | width: 100%; | 3513 | width: 100%; |
| 3507 | } | 3514 | } |
| 3508 | .selectboxit-container * { | 3515 | .selectboxit-container * { |
| 3509 | -webkit-touch-callout: none; | 3516 | -webkit-touch-callout: none; |
| 3510 | outline: 0; | 3517 | outline: 0; |
| 3511 | white-space: nowrap; | 3518 | white-space: nowrap; |
| 3512 | -webkit-user-select: none; | 3519 | -webkit-user-select: none; |
| 3513 | -moz-user-select: none; | 3520 | -moz-user-select: none; |
| 3514 | -ms-user-select: none; | 3521 | -ms-user-select: none; |
| 3515 | user-select: none; | 3522 | user-select: none; |
| 3516 | } | 3523 | } |
| 3517 | .selectboxit-container .selectboxit { | 3524 | .selectboxit-container .selectboxit { |
| 3518 | width: 100%; | 3525 | width: 100%; |
| 3519 | cursor: pointer; | 3526 | cursor: pointer; |
| 3520 | overflow: hidden; | 3527 | overflow: hidden; |
| 3521 | text-overflow: ellipsis; | 3528 | text-overflow: ellipsis; |
| 3522 | position: relative; | 3529 | position: relative; |
| 3523 | } | 3530 | } |
| 3524 | .selectboxit-container .selectboxit:focus { | 3531 | .selectboxit-container .selectboxit:focus { |
| 3525 | outline: 0; | 3532 | outline: 0; |
| 3526 | } | 3533 | } |
| 3527 | .selectboxit-container span, | 3534 | .selectboxit-container span, |
| 3528 | .selectboxit-container .selectboxit-options a { | 3535 | .selectboxit-container .selectboxit-options a { |
| 3529 | display: block; | 3536 | display: block; |
| 3530 | } | 3537 | } |
| 3531 | .selectboxit-container .selectboxit-options { | 3538 | .selectboxit-container .selectboxit-options { |
| 3532 | max-height: 250px; | 3539 | max-height: 250px; |
| 3533 | width: 100%; | 3540 | width: 100%; |
| 3534 | padding: 8px 0; | 3541 | padding: 8px 0; |
| 3535 | overflow-x: hidden; | 3542 | overflow-x: hidden; |
| 3536 | overflow-y: auto; | 3543 | overflow-y: auto; |
| 3537 | z-index: 999; | 3544 | z-index: 999; |
| 3538 | text-align: left; | 3545 | text-align: left; |
| 3539 | } | 3546 | } |
| 3540 | .selectboxit.selectboxit-disabled, | 3547 | .selectboxit.selectboxit-disabled, |
| 3541 | .selectboxit-options .selectboxit-disabled, | 3548 | .selectboxit-options .selectboxit-disabled, |
| 3542 | .selectboxit.selectboxit-disabled:hover, | 3549 | .selectboxit.selectboxit-disabled:hover, |
| 3543 | .selectboxit-options .selectboxit-disabled:hover, | 3550 | .selectboxit-options .selectboxit-disabled:hover, |
| 3544 | .selectboxit.selectboxit-disabled:focus, | 3551 | .selectboxit.selectboxit-disabled:focus, |
| 3545 | .selectboxit-options .selectboxit-disabled:focus { | 3552 | .selectboxit-options .selectboxit-disabled:focus { |
| 3546 | cursor: not-allowed; | 3553 | cursor: not-allowed; |
| 3547 | -webkit-box-shadow: none; | 3554 | -webkit-box-shadow: none; |
| 3548 | box-shadow: none; | 3555 | box-shadow: none; |
| 3549 | opacity: 0.65; | 3556 | opacity: 0.65; |
| 3550 | filter: alpha(opacity=65); | 3557 | filter: alpha(opacity=65); |
| 3551 | } | 3558 | } |
| 3552 | .selectboxit.selectboxit-disabled, | 3559 | .selectboxit.selectboxit-disabled, |
| 3553 | .selectboxit.selectboxit-disabled:focus { | 3560 | .selectboxit.selectboxit-disabled:focus { |
| 3554 | border-bottom-style: dashed; | 3561 | border-bottom-style: dashed; |
| 3555 | border-bottom-color: #ddd; | 3562 | border-bottom-color: #ddd; |
| 3556 | -webkit-box-shadow: none; | 3563 | -webkit-box-shadow: none; |
| 3557 | box-shadow: none; | 3564 | box-shadow: none; |
| 3558 | } | 3565 | } |
| 3559 | .selectboxit-rendering { | 3566 | .selectboxit-rendering { |
| 3560 | display: inline-block !important; | 3567 | display: inline-block !important; |
| 3561 | visibility: visible !important; | 3568 | visibility: visible !important; |
| 3562 | position: absolute !important; | 3569 | position: absolute !important; |
| 3563 | top: -9999px !important; | 3570 | top: -9999px !important; |
| 3564 | left: -9999px !important; | 3571 | left: -9999px !important; |
| 3565 | } | 3572 | } |
| 3566 | .selectboxit-list { | 3573 | .selectboxit-list { |
| 3567 | background-color: #fff; | 3574 | background-color: #fff; |
| 3568 | margin: 2px 0 0; | 3575 | margin: 2px 0 0; |
| 3569 | width: 100%; | 3576 | width: 100%; |
| 3570 | min-width: 200px; | 3577 | min-width: 200px; |
| 3571 | list-style: none; | 3578 | list-style: none; |
| 3572 | position: absolute; | 3579 | position: absolute; |
| 3573 | cursor: pointer; | 3580 | cursor: pointer; |
| 3574 | display: none; | 3581 | display: none; |
| 3575 | border-radius: 3px; | 3582 | border-radius: 3px; |
| 3576 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 3583 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 3577 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 3584 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 3578 | } | 3585 | } |
| 3579 | .selectboxit-list .selectboxit-option-anchor { | 3586 | .selectboxit-list .selectboxit-option-anchor { |
| 3580 | color: #333333; | 3587 | color: #333333; |
| 3581 | } | 3588 | } |
| 3582 | .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { | 3589 | .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { |
| 3583 | display: block; | 3590 | display: block; |
| 3584 | background-color: #f5f5f5; | 3591 | background-color: #f5f5f5; |
| 3585 | color: #333333; | 3592 | color: #333333; |
| 3586 | } | 3593 | } |
| 3587 | .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor { | 3594 | .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor { |
| 3588 | background-color: #26A69A; | 3595 | background-color: #26A69A; |
| 3589 | color: #fff; | 3596 | color: #fff; |
| 3590 | } | 3597 | } |
| 3591 | .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { | 3598 | .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { |
| 3592 | color: #999999; | 3599 | color: #999999; |
| 3593 | cursor: not-allowed; | 3600 | cursor: not-allowed; |
| 3594 | } | 3601 | } |
| 3595 | .selectbox-container[class*=border-] > .selectboxit-list { | 3602 | .selectbox-container[class*=border-] > .selectboxit-list { |
| 3596 | border-color: inherit; | 3603 | border-color: inherit; |
| 3597 | } | 3604 | } |
| 3598 | .selectbox-container[class*=bg-] > .selectboxit-list { | 3605 | .selectbox-container[class*=bg-] > .selectboxit-list { |
| 3599 | background-color: inherit; | 3606 | background-color: inherit; |
| 3600 | border-color: inherit; | 3607 | border-color: inherit; |
| 3601 | } | 3608 | } |
| 3602 | .selectbox-container[class*=bg-] > .selectboxit-list .selectboxit-option-anchor { | 3609 | .selectbox-container[class*=bg-] > .selectboxit-list .selectboxit-option-anchor { |
| 3603 | color: #fff; | 3610 | color: #fff; |
| 3604 | } | 3611 | } |
| 3605 | .selectbox-container[class*=bg-] > .selectboxit-list > .selectboxit-focus .selectboxit-option-anchor { | 3612 | .selectbox-container[class*=bg-] > .selectboxit-list > .selectboxit-focus .selectboxit-option-anchor { |
| 3606 | background-color: rgba(0, 0, 0, 0.1); | 3613 | background-color: rgba(0, 0, 0, 0.1); |
| 3607 | } | 3614 | } |
| 3608 | .selectboxit-btn { | 3615 | .selectboxit-btn { |
| 3609 | background-color: transparent; | 3616 | background-color: transparent; |
| 3610 | border: 1px solid transparent; | 3617 | border: 1px solid transparent; |
| 3611 | border-bottom-color: #ddd; | 3618 | border-bottom-color: #ddd; |
| 3612 | color: #333333; | 3619 | color: #333333; |
| 3613 | height: 38px; | 3620 | height: 38px; |
| 3614 | padding: 8px 0; | 3621 | padding: 8px 0; |
| 3615 | padding-right: 24px; | 3622 | padding-right: 24px; |
| 3616 | } | 3623 | } |
| 3617 | .selectboxit-btn.selectboxit-open, | 3624 | .selectboxit-btn.selectboxit-open, |
| 3618 | .selectboxit-btn:focus { | 3625 | .selectboxit-btn:focus { |
| 3619 | border-bottom-color: #009688; | 3626 | border-bottom-color: #009688; |
| 3620 | -webkit-box-shadow: 0 1px 0 #009688; | 3627 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3621 | box-shadow: 0 1px 0 #009688; | 3628 | box-shadow: 0 1px 0 #009688; |
| 3622 | } | 3629 | } |
| 3623 | .selectboxit-btn .selectboxit-arrow-container { | 3630 | .selectboxit-btn .selectboxit-arrow-container { |
| 3624 | right: 0; | 3631 | right: 0; |
| 3625 | } | 3632 | } |
| 3626 | .input-group .selectboxit-container + .input-group-btn, | 3633 | .input-group .selectboxit-container + .input-group-btn, |
| 3627 | .input-group .selectboxit-container + .input-group-addon { | 3634 | .input-group .selectboxit-container + .input-group-addon { |
| 3628 | padding-left: 16px; | 3635 | padding-left: 16px; |
| 3629 | } | 3636 | } |
| 3630 | .input-group .selectboxit-container > .selectboxit-btn { | 3637 | .input-group .selectboxit-container > .selectboxit-btn { |
| 3631 | border-radius: 0; | 3638 | border-radius: 0; |
| 3632 | } | 3639 | } |
| 3633 | .input-group .selectboxit-container:last-child > .selectboxit-btn { | 3640 | .input-group .selectboxit-container:last-child > .selectboxit-btn { |
| 3634 | border-bottom-right-radius: 3px; | 3641 | border-bottom-right-radius: 3px; |
| 3635 | border-top-right-radius: 3px; | 3642 | border-top-right-radius: 3px; |
| 3636 | } | 3643 | } |
| 3637 | .input-group > select:first-child + .selectboxit-container > .selectboxit-btn { | 3644 | .input-group > select:first-child + .selectboxit-container > .selectboxit-btn { |
| 3638 | border-bottom-left-radius: 3px; | 3645 | border-bottom-left-radius: 3px; |
| 3639 | border-top-left-radius: 3px; | 3646 | border-top-left-radius: 3px; |
| 3640 | } | 3647 | } |
| 3641 | .selectboxit-text { | 3648 | .selectboxit-text { |
| 3642 | display: inline-block; | 3649 | display: inline-block; |
| 3643 | overflow: hidden; | 3650 | overflow: hidden; |
| 3644 | text-overflow: ellipsis; | 3651 | text-overflow: ellipsis; |
| 3645 | float: left; | 3652 | float: left; |
| 3646 | } | 3653 | } |
| 3647 | .selectboxit-default-arrow { | 3654 | .selectboxit-default-arrow { |
| 3648 | position: relative; | 3655 | position: relative; |
| 3649 | font-style: normal; | 3656 | font-style: normal; |
| 3650 | } | 3657 | } |
| 3651 | .selectboxit-default-arrow:after { | 3658 | .selectboxit-default-arrow:after { |
| 3652 | content: '\e9c5'; | 3659 | content: '\e9c5'; |
| 3653 | display: block; | 3660 | display: block; |
| 3654 | font-family: 'icomoon'; | 3661 | font-family: 'icomoon'; |
| 3655 | font-size: 16px; | 3662 | font-size: 16px; |
| 3656 | line-height: 1; | 3663 | line-height: 1; |
| 3657 | -webkit-font-smoothing: antialiased; | 3664 | -webkit-font-smoothing: antialiased; |
| 3658 | -moz-osx-font-smoothing: grayscale; | 3665 | -moz-osx-font-smoothing: grayscale; |
| 3659 | } | 3666 | } |
| 3660 | .selectboxit-open .selectboxit-default-arrow:after { | 3667 | .selectboxit-open .selectboxit-default-arrow:after { |
| 3661 | content: '\e9c6'; | 3668 | content: '\e9c6'; |
| 3662 | } | 3669 | } |
| 3663 | .selectboxit-option { | 3670 | .selectboxit-option { |
| 3664 | margin: 0; | 3671 | margin: 0; |
| 3665 | list-style-type: none; | 3672 | list-style-type: none; |
| 3666 | } | 3673 | } |
| 3667 | .selectboxit-option .selectboxit-option-anchor { | 3674 | .selectboxit-option .selectboxit-option-anchor { |
| 3668 | padding: 8px 16px; | 3675 | padding: 8px 16px; |
| 3669 | } | 3676 | } |
| 3670 | .selectboxit-optgroup-header { | 3677 | .selectboxit-optgroup-header { |
| 3671 | margin: 0; | 3678 | margin: 0; |
| 3672 | list-style-type: none; | 3679 | list-style-type: none; |
| 3673 | padding: 8px 16px; | 3680 | padding: 8px 16px; |
| 3674 | font-weight: 700; | 3681 | font-weight: 700; |
| 3675 | color: #333333; | 3682 | color: #333333; |
| 3676 | font-size: 11px; | 3683 | font-size: 11px; |
| 3677 | line-height: 1.82; | 3684 | line-height: 1.82; |
| 3678 | text-transform: uppercase; | 3685 | text-transform: uppercase; |
| 3679 | } | 3686 | } |
| 3680 | .selectboxit-optgroup-header:hover { | 3687 | .selectboxit-optgroup-header:hover { |
| 3681 | cursor: default; | 3688 | cursor: default; |
| 3682 | } | 3689 | } |
| 3683 | .selectboxit-optgroup-option .selectboxit-option-anchor { | 3690 | .selectboxit-optgroup-option .selectboxit-option-anchor { |
| 3684 | padding-left: 32px; | 3691 | padding-left: 32px; |
| 3685 | padding-right: 32px; | 3692 | padding-right: 32px; |
| 3686 | } | 3693 | } |
| 3687 | .selectboxit-arrow-container { | 3694 | .selectboxit-arrow-container { |
| 3688 | position: absolute; | 3695 | position: absolute; |
| 3689 | top: 50%; | 3696 | top: 50%; |
| 3690 | font-size: 16px; | 3697 | font-size: 16px; |
| 3691 | right: 16px; | 3698 | right: 16px; |
| 3692 | margin-top: -8px; | 3699 | margin-top: -8px; |
| 3693 | line-height: 1; | 3700 | line-height: 1; |
| 3694 | } | 3701 | } |
| 3695 | .selectboxit-arrow-container .selectboxit-arrow[class*=icon-] { | 3702 | .selectboxit-arrow-container .selectboxit-arrow[class*=icon-] { |
| 3696 | top: 0; | 3703 | top: 0; |
| 3697 | } | 3704 | } |
| 3698 | .selectboxit-arrow-container .caret:after { | 3705 | .selectboxit-arrow-container .caret:after { |
| 3699 | text-align: right; | 3706 | text-align: right; |
| 3700 | } | 3707 | } |
| 3701 | .selectboxit-option-icon-container { | 3708 | .selectboxit-option-icon-container { |
| 3702 | float: left; | 3709 | float: left; |
| 3703 | } | 3710 | } |
| 3704 | .selectboxit-option-icon-container > [class*=icon-] { | 3711 | .selectboxit-option-icon-container > [class*=icon-] { |
| 3705 | margin-right: 16px; | 3712 | margin-right: 16px; |
| 3706 | width: auto; | 3713 | width: auto; |
| 3707 | } | 3714 | } |
| 3708 | .selectboxit-option-icon-container .selectboxit-option-icon-url { | 3715 | .selectboxit-option-icon-container .selectboxit-option-icon-url { |
| 3709 | height: 20px; | 3716 | height: 20px; |
| 3710 | width: 20px; | 3717 | width: 20px; |
| 3711 | background-size: 20px 20px; | 3718 | background-size: 20px 20px; |
| 3712 | border-radius: 100px; | 3719 | border-radius: 100px; |
| 3713 | background-repeat: no-repeat; | 3720 | background-repeat: no-repeat; |
| 3714 | background-position: center; | 3721 | background-position: center; |
| 3715 | display: block; | 3722 | display: block; |
| 3716 | } | 3723 | } |
| 3717 | .selectboxit-option-first { | 3724 | .selectboxit-option-first { |
| 3718 | border-top-right-radius: 2px; | 3725 | border-top-right-radius: 2px; |
| 3719 | border-top-left-radius: 2px; | 3726 | border-top-left-radius: 2px; |
| 3720 | } | 3727 | } |
| 3721 | .selectboxit-optgroup-header + .selectboxit-option-first { | 3728 | .selectboxit-optgroup-header + .selectboxit-option-first { |
| 3722 | border-top-right-radius: 0; | 3729 | border-top-right-radius: 0; |
| 3723 | border-top-left-radius: 0; | 3730 | border-top-left-radius: 0; |
| 3724 | } | 3731 | } |
| 3725 | .selectboxit-option-last { | 3732 | .selectboxit-option-last { |
| 3726 | border-bottom-right-radius: 2px; | 3733 | border-bottom-right-radius: 2px; |
| 3727 | border-bottom-left-radius: 2px; | 3734 | border-bottom-left-radius: 2px; |
| 3728 | } | 3735 | } |
| 3729 | /* # Sizing | 3736 | /* # Sizing |
| 3730 | -------------------------------------------------- */ | 3737 | -------------------------------------------------- */ |
| 3731 | .selectbox-fixed + .selectboxit-container, | 3738 | .selectbox-fixed + .selectboxit-container, |
| 3732 | .selectbox-fixed + .selectboxit-options { | 3739 | .selectbox-fixed + .selectboxit-options { |
| 3733 | width: 250px; | 3740 | width: 250px; |
| 3734 | } | 3741 | } |
| 3735 | .selectbox-auto + .selectboxit-container, | 3742 | .selectbox-auto + .selectboxit-container, |
| 3736 | .selectbox-auto + .selectboxit-options { | 3743 | .selectbox-auto + .selectboxit-options { |
| 3737 | width: auto; | 3744 | width: auto; |
| 3738 | } | 3745 | } |
| 3739 | .selectbox-lg + .selectboxit-container .selectboxit-btn { | 3746 | .selectbox-lg + .selectboxit-container .selectboxit-btn { |
| 3740 | padding: 9px 0; | 3747 | padding: 9px 0; |
| 3741 | padding-right: 27px; | 3748 | padding-right: 27px; |
| 3742 | height: 40px; | 3749 | height: 40px; |
| 3743 | font-size: 14px; | 3750 | font-size: 14px; |
| 3744 | } | 3751 | } |
| 3745 | .selectbox-sm + .selectboxit-container .selectboxit-btn { | 3752 | .selectbox-sm + .selectboxit-container .selectboxit-btn { |
| 3746 | padding: 7px 0; | 3753 | padding: 7px 0; |
| 3747 | padding-right: 21px; | 3754 | padding-right: 21px; |
| 3748 | height: 36px; | 3755 | height: 36px; |
| 3749 | } | 3756 | } |
| 3750 | .selectbox-xs + .selectboxit-container .selectboxit-btn { | 3757 | .selectbox-xs + .selectboxit-container .selectboxit-btn { |
| 3751 | padding: 6px 0; | 3758 | padding: 6px 0; |
| 3752 | padding-right: 18px; | 3759 | padding-right: 18px; |
| 3753 | height: 34px; | 3760 | height: 34px; |
| 3754 | font-size: 12px; | 3761 | font-size: 12px; |
| 3755 | line-height: 1.6666667; | 3762 | line-height: 1.6666667; |
| 3756 | } | 3763 | } |
| 3757 | /* ------------------------------------------------------------------------------ | 3764 | /* ------------------------------------------------------------------------------ |
| 3758 | * | 3765 | * |
| 3759 | * # Bootstrap select | 3766 | * # Bootstrap select |
| 3760 | * | 3767 | * |
| 3761 | * Styles for bootstrap_select.js - custom select boxes plugin | 3768 | * Styles for bootstrap_select.js - custom select boxes plugin |
| 3762 | * | 3769 | * |
| 3763 | * Version: 1.2 | 3770 | * Version: 1.2 |
| 3764 | * Latest update: Aug 20, 2016 | 3771 | * Latest update: Aug 20, 2016 |
| 3765 | * | 3772 | * |
| 3766 | * ---------------------------------------------------------------------------- */ | 3773 | * ---------------------------------------------------------------------------- */ |
| 3767 | .bootstrap-select { | 3774 | .bootstrap-select { |
| 3768 | width: 100%; | 3775 | width: 100%; |
| 3769 | } | 3776 | } |
| 3770 | .bootstrap-select > .btn { | 3777 | .bootstrap-select > .btn { |
| 3771 | width: 100%; | 3778 | width: 100%; |
| 3772 | padding-right: 43px; | 3779 | padding-right: 43px; |
| 3773 | } | 3780 | } |
| 3774 | .bootstrap-select .btn-default { | 3781 | .bootstrap-select .btn-default { |
| 3775 | padding: 8px 0; | 3782 | padding: 8px 0; |
| 3776 | padding-right: 24px; | 3783 | padding-right: 24px; |
| 3777 | background-color: transparent; | 3784 | background-color: transparent; |
| 3778 | border: 1px solid transparent; | 3785 | border: 1px solid transparent; |
| 3779 | border-width: 1px 0; | 3786 | border-width: 1px 0; |
| 3780 | font-weight: 400; | 3787 | font-weight: 400; |
| 3781 | text-transform: none; | 3788 | text-transform: none; |
| 3782 | border-bottom-color: #ddd; | 3789 | border-bottom-color: #ddd; |
| 3783 | border-radius: 0; | 3790 | border-radius: 0; |
| 3784 | -webkit-box-shadow: none; | 3791 | -webkit-box-shadow: none; |
| 3785 | box-shadow: none; | 3792 | box-shadow: none; |
| 3786 | } | 3793 | } |
| 3787 | .bootstrap-select .btn-default:focus, | 3794 | .bootstrap-select .btn-default:focus, |
| 3788 | .bootstrap-select .btn-default.focus, | 3795 | .bootstrap-select .btn-default.focus, |
| 3789 | .bootstrap-select .btn-default:active, | 3796 | .bootstrap-select .btn-default:active, |
| 3790 | .bootstrap-select .btn-default.active { | 3797 | .bootstrap-select .btn-default.active { |
| 3791 | background-color: transparent; | 3798 | background-color: transparent; |
| 3792 | border-bottom-color: #009688; | 3799 | border-bottom-color: #009688; |
| 3793 | -webkit-box-shadow: 0 1px 0 #009688; | 3800 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3794 | box-shadow: 0 1px 0 #009688; | 3801 | box-shadow: 0 1px 0 #009688; |
| 3795 | } | 3802 | } |
| 3796 | .bootstrap-select .btn-default.disabled, | 3803 | .bootstrap-select .btn-default.disabled, |
| 3797 | .bootstrap-select .btn-default[disabled], | 3804 | .bootstrap-select .btn-default[disabled], |
| 3798 | fieldset[disabled] .bootstrap-select .btn-default { | 3805 | fieldset[disabled] .bootstrap-select .btn-default { |
| 3799 | border-bottom-style: dashed; | 3806 | border-bottom-style: dashed; |
| 3800 | background-color: transparent; | 3807 | background-color: transparent; |
| 3801 | border-bottom-color: #ddd; | 3808 | border-bottom-color: #ddd; |
| 3802 | -webkit-box-shadow: none; | 3809 | -webkit-box-shadow: none; |
| 3803 | box-shadow: none; | 3810 | box-shadow: none; |
| 3804 | } | 3811 | } |
| 3805 | .bootstrap-select.btn-group.open > .btn-default.dropdown-toggle { | 3812 | .bootstrap-select.btn-group.open > .btn-default.dropdown-toggle { |
| 3806 | border-bottom-color: #009688; | 3813 | border-bottom-color: #009688; |
| 3807 | background-color: transparent; | 3814 | background-color: transparent; |
| 3808 | -webkit-box-shadow: 0 1px 0 #009688; | 3815 | -webkit-box-shadow: 0 1px 0 #009688; |
| 3809 | box-shadow: 0 1px 0 #009688; | 3816 | box-shadow: 0 1px 0 #009688; |
| 3810 | } | 3817 | } |
| 3811 | .bootstrap-select.form-control { | 3818 | .bootstrap-select.form-control { |
| 3812 | padding: 0; | 3819 | padding: 0; |
| 3813 | border: 0; | 3820 | border: 0; |
| 3814 | } | 3821 | } |
| 3815 | .bootstrap-select.form-control:not([class*="col-"]) { | 3822 | .bootstrap-select.form-control:not([class*="col-"]) { |
| 3816 | width: 100%; | 3823 | width: 100%; |
| 3817 | } | 3824 | } |
| 3818 | .bootstrap-select .popover-title { | 3825 | .bootstrap-select .popover-title { |
| 3819 | font-size: 11px; | 3826 | font-size: 11px; |
| 3820 | line-height: 1.82; | 3827 | line-height: 1.82; |
| 3821 | margin-top: 8px; | 3828 | margin-top: 8px; |
| 3822 | margin-bottom: 1px; | 3829 | margin-bottom: 1px; |
| 3823 | font-weight: 400; | 3830 | font-weight: 400; |
| 3824 | padding: 8px 16px; | 3831 | padding: 8px 16px; |
| 3825 | color: #999999; | 3832 | color: #999999; |
| 3826 | } | 3833 | } |
| 3827 | .bootstrap-select[class*=border-] .btn, | 3834 | .bootstrap-select[class*=border-] .btn, |
| 3828 | .bootstrap-select[class*=border-] .dropdown-menu { | 3835 | .bootstrap-select[class*=border-] .dropdown-menu { |
| 3829 | border-color: inherit; | 3836 | border-color: inherit; |
| 3830 | } | 3837 | } |
| 3831 | .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { | 3838 | .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { |
| 3832 | width: 220px; | 3839 | width: 220px; |
| 3833 | } | 3840 | } |
| 3834 | .bootstrap-select.fit-width { | 3841 | .bootstrap-select.fit-width { |
| 3835 | width: auto !important; | 3842 | width: auto !important; |
| 3836 | } | 3843 | } |
| 3837 | .bootstrap-select.btn-group.bs-container { | 3844 | .bootstrap-select.btn-group.bs-container { |
| 3838 | position: absolute; | 3845 | position: absolute; |
| 3839 | } | 3846 | } |
| 3840 | .bootstrap-select.btn-group:not(.input-group-btn), | 3847 | .bootstrap-select.btn-group:not(.input-group-btn), |
| 3841 | .bootstrap-select.btn-group[class*="col-"] { | 3848 | .bootstrap-select.btn-group[class*="col-"] { |
| 3842 | float: none; | 3849 | float: none; |
| 3843 | display: inline-block; | 3850 | display: inline-block; |
| 3844 | margin-left: 0; | 3851 | margin-left: 0; |
| 3845 | } | 3852 | } |
| 3846 | .bootstrap-select.btn-group.dropdown-menu-right, | 3853 | .bootstrap-select.btn-group.dropdown-menu-right, |
| 3847 | .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { | 3854 | .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { |
| 3848 | float: right; | 3855 | float: right; |
| 3849 | } | 3856 | } |
| 3850 | .bootstrap-select.btn-group > .disabled { | 3857 | .bootstrap-select.btn-group > .disabled { |
| 3851 | cursor: not-allowed; | 3858 | cursor: not-allowed; |
| 3852 | } | 3859 | } |
| 3853 | .bootstrap-select.btn-group > .disabled:focus { | 3860 | .bootstrap-select.btn-group > .disabled:focus { |
| 3854 | outline: 0; | 3861 | outline: 0; |
| 3855 | } | 3862 | } |
| 3856 | .bootstrap-select.btn-group .btn .filter-option { | 3863 | .bootstrap-select.btn-group .btn .filter-option { |
| 3857 | display: inline-block; | 3864 | display: inline-block; |
| 3858 | overflow: hidden; | 3865 | overflow: hidden; |
| 3859 | width: 100%; | 3866 | width: 100%; |
| 3860 | text-align: left; | 3867 | text-align: left; |
| 3861 | text-overflow: ellipsis; | 3868 | text-overflow: ellipsis; |
| 3862 | } | 3869 | } |
| 3863 | .bootstrap-select.btn-group .btn .filter-option > i, | 3870 | .bootstrap-select.btn-group .btn .filter-option > i, |
| 3864 | .bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] { | 3871 | .bootstrap-select.btn-group .dropdown-menu > li > a [class*=icon-] { |
| 3865 | margin-right: 16px; | 3872 | margin-right: 16px; |
| 3866 | float: left; | 3873 | float: left; |
| 3867 | margin-top: 2px; | 3874 | margin-top: 2px; |
| 3868 | top: 0; | 3875 | top: 0; |
| 3869 | } | 3876 | } |
| 3870 | .bootstrap-select.btn-group .btn .caret { | 3877 | .bootstrap-select.btn-group .btn .caret { |
| 3871 | position: absolute; | 3878 | position: absolute; |
| 3872 | top: 50%; | 3879 | top: 50%; |
| 3873 | width: 16px; | 3880 | width: 16px; |
| 3874 | text-align: right; | 3881 | text-align: right; |
| 3875 | right: 16px; | 3882 | right: 16px; |
| 3876 | margin-top: -8px; | 3883 | margin-top: -8px; |
| 3877 | } | 3884 | } |
| 3878 | .bootstrap-select.btn-group[class*="col-"] .btn { | 3885 | .bootstrap-select.btn-group[class*="col-"] .btn { |
| 3879 | width: 100%; | 3886 | width: 100%; |
| 3880 | } | 3887 | } |
| 3881 | .bootstrap-select.btn-group .btn-default .caret { | 3888 | .bootstrap-select.btn-group .btn-default .caret { |
| 3882 | right: 0; | 3889 | right: 0; |
| 3883 | } | 3890 | } |
| 3884 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) { | 3891 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) { |
| 3885 | padding-right: 43px; | 3892 | padding-right: 43px; |
| 3886 | } | 3893 | } |
| 3887 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) > .caret { | 3894 | .bootstrap-select.btn-group .btn-lg:not(.btn-default) > .caret { |
| 3888 | right: 18px; | 3895 | right: 18px; |
| 3889 | } | 3896 | } |
| 3890 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) { | 3897 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) { |
| 3891 | padding-right: 37px; | 3898 | padding-right: 37px; |
| 3892 | } | 3899 | } |
| 3893 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) > .caret { | 3900 | .bootstrap-select.btn-group .btn-sm:not(.btn-default) > .caret { |
| 3894 | right: 14px; | 3901 | right: 14px; |
| 3895 | } | 3902 | } |
| 3896 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) { | 3903 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) { |
| 3897 | padding-right: 34px; | 3904 | padding-right: 34px; |
| 3898 | } | 3905 | } |
| 3899 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) > .caret { | 3906 | .bootstrap-select.btn-group .btn-xs:not(.btn-default) > .caret { |
| 3900 | right: 12px; | 3907 | right: 12px; |
| 3901 | } | 3908 | } |
| 3902 | .bootstrap-select.btn-group .dropdown-menu { | 3909 | .bootstrap-select.btn-group .dropdown-menu { |
| 3903 | min-width: 100%; | 3910 | min-width: 100%; |
| 3904 | } | 3911 | } |
| 3905 | .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { | 3912 | .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark { |
| 3906 | position: absolute; | 3913 | position: absolute; |
| 3907 | top: 50%; | 3914 | top: 50%; |
| 3908 | margin-top: -8px; | 3915 | margin-top: -8px; |
| 3909 | right: 16px; | 3916 | right: 16px; |
| 3910 | margin-right: 0; | 3917 | margin-right: 0; |
| 3911 | color: transparent; | 3918 | color: transparent; |
| 3912 | } | 3919 | } |
| 3913 | .bootstrap-select.btn-group .dropdown-menu > li > a .text { | 3920 | .bootstrap-select.btn-group .dropdown-menu > li > a .text { |
| 3914 | display: inline-block; | 3921 | display: inline-block; |
| 3915 | } | 3922 | } |
| 3916 | .bootstrap-select.btn-group .dropdown-menu > li > a > .label, | 3923 | .bootstrap-select.btn-group .dropdown-menu > li > a > .label, |
| 3917 | .bootstrap-select.btn-group .dropdown-menu > li > a > .badge { | 3924 | .bootstrap-select.btn-group .dropdown-menu > li > a > .badge { |
| 3918 | float: none; | 3925 | float: none; |
| 3919 | } | 3926 | } |
| 3920 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class, | 3927 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class, |
| 3921 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover { | 3928 | .bootstrap-select.btn-group .dropdown-menu > li > a.special-class:hover { |
| 3922 | font-weight: 700; | 3929 | font-weight: 700; |
| 3923 | color: #fff; | 3930 | color: #fff; |
| 3924 | background-color: #F44336; | 3931 | background-color: #F44336; |
| 3925 | -webkit-transition: none; | 3932 | -webkit-transition: none; |
| 3926 | -o-transition: none; | 3933 | -o-transition: none; |
| 3927 | transition: none; | 3934 | transition: none; |
| 3928 | } | 3935 | } |
| 3929 | .bootstrap-select.btn-group .dropdown-menu > li.disabled a { | 3936 | .bootstrap-select.btn-group .dropdown-menu > li.disabled a { |
| 3930 | cursor: not-allowed; | 3937 | cursor: not-allowed; |
| 3931 | } | 3938 | } |
| 3932 | .bootstrap-select.btn-group .dropdown-menu > li small { | 3939 | .bootstrap-select.btn-group .dropdown-menu > li small { |
| 3933 | padding-left: 10px; | 3940 | padding-left: 10px; |
| 3934 | } | 3941 | } |
| 3935 | .bootstrap-select.btn-group .dropdown-menu > .selected > a { | 3942 | .bootstrap-select.btn-group .dropdown-menu > .selected > a { |
| 3936 | background-color: #26A69A; | 3943 | background-color: #26A69A; |
| 3937 | color: #fff; | 3944 | color: #fff; |
| 3938 | } | 3945 | } |
| 3939 | .bootstrap-select.btn-group .dropdown-menu > .selected > a small { | 3946 | .bootstrap-select.btn-group .dropdown-menu > .selected > a small { |
| 3940 | color: #fff; | 3947 | color: #fff; |
| 3941 | } | 3948 | } |
| 3942 | .bootstrap-select.btn-group .dropdown-menu.inner { | 3949 | .bootstrap-select.btn-group .dropdown-menu.inner { |
| 3943 | position: static; | 3950 | position: static; |
| 3944 | border: 0; | 3951 | border: 0; |
| 3945 | padding: 0; | 3952 | padding: 0; |
| 3946 | margin: 0; | 3953 | margin: 0; |
| 3947 | border-radius: 0; | 3954 | border-radius: 0; |
| 3948 | -webkit-box-shadow: none; | 3955 | -webkit-box-shadow: none; |
| 3949 | box-shadow: none; | 3956 | box-shadow: none; |
| 3950 | } | 3957 | } |
| 3951 | .bootstrap-select.btn-group .dropdown-menu .notify { | 3958 | .bootstrap-select.btn-group .dropdown-menu .notify { |
| 3952 | position: absolute; | 3959 | position: absolute; |
| 3953 | bottom: 0; | 3960 | bottom: 0; |
| 3954 | width: 100%; | 3961 | width: 100%; |
| 3955 | text-align: center; | 3962 | text-align: center; |
| 3956 | padding: 8px 16px; | 3963 | padding: 8px 16px; |
| 3957 | background-color: #f8f8f8; | 3964 | background-color: #f8f8f8; |
| 3958 | border-top: 1px solid transparent; | 3965 | border-top: 1px solid transparent; |
| 3959 | pointer-events: none; | 3966 | pointer-events: none; |
| 3960 | } | 3967 | } |
| 3961 | .bootstrap-select.btn-group .dropdown-header ~ li > a { | 3968 | .bootstrap-select.btn-group .dropdown-header ~ li > a { |
| 3962 | padding-left: 32px; | 3969 | padding-left: 32px; |
| 3963 | } | 3970 | } |
| 3964 | .bootstrap-select.btn-group .no-results { | 3971 | .bootstrap-select.btn-group .no-results { |
| 3965 | padding: 8px 16px; | 3972 | padding: 8px 16px; |
| 3966 | background: #f8f8f8; | 3973 | background: #f8f8f8; |
| 3967 | margin-bottom: -8px; | 3974 | margin-bottom: -8px; |
| 3968 | border-top: 1px solid transparent; | 3975 | border-top: 1px solid transparent; |
| 3969 | } | 3976 | } |
| 3970 | .bootstrap-select.btn-group.fit-width .btn .filter-option, | 3977 | .bootstrap-select.btn-group.fit-width .btn .filter-option, |
| 3971 | .bootstrap-select.btn-group.fit-width .btn .caret { | 3978 | .bootstrap-select.btn-group.fit-width .btn .caret { |
| 3972 | position: static; | 3979 | position: static; |
| 3973 | } | 3980 | } |
| 3974 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text { | 3981 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li a .text { |
| 3975 | margin-right: 48px; | 3982 | margin-right: 48px; |
| 3976 | } | 3983 | } |
| 3977 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a .check-mark { | 3984 | .bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a .check-mark { |
| 3978 | color: #fff; | 3985 | color: #fff; |
| 3979 | } | 3986 | } |
| 3980 | .input-group .bootstrap-select > .btn { | 3987 | .input-group .bootstrap-select > .btn { |
| 3981 | border-radius: 0; | 3988 | border-radius: 0; |
| 3982 | } | 3989 | } |
| 3983 | .error .bootstrap-select .btn { | 3990 | .error .bootstrap-select .btn { |
| 3984 | border: 1px solid #F44336; | 3991 | border: 1px solid #F44336; |
| 3985 | } | 3992 | } |
| 3986 | .control-group.error .bootstrap-select .dropdown-toggle { | 3993 | .control-group.error .bootstrap-select .dropdown-toggle { |
| 3987 | border-color: #F44336; | 3994 | border-color: #F44336; |
| 3988 | } | 3995 | } |
| 3989 | .bs-searchbox, | 3996 | .bs-searchbox, |
| 3990 | .bs-actionsbox { | 3997 | .bs-actionsbox { |
| 3991 | padding: 8px 16px; | 3998 | padding: 8px 16px; |
| 3992 | margin-bottom: 8px; | 3999 | margin-bottom: 8px; |
| 3993 | } | 4000 | } |
| 3994 | .bs-searchbox { | 4001 | .bs-searchbox { |
| 3995 | position: relative; | 4002 | position: relative; |
| 3996 | padding-left: 48px; | 4003 | padding-left: 48px; |
| 3997 | } | 4004 | } |
| 3998 | .bs-searchbox:after { | 4005 | .bs-searchbox:after { |
| 3999 | content: '\e98e'; | 4006 | content: '\e98e'; |
| 4000 | font-family: 'icomoon'; | 4007 | font-family: 'icomoon'; |
| 4001 | position: absolute; | 4008 | position: absolute; |
| 4002 | top: 50%; | 4009 | top: 50%; |
| 4003 | left: 16px; | 4010 | left: 16px; |
| 4004 | color: inherit; | 4011 | color: inherit; |
| 4005 | display: block; | 4012 | display: block; |
| 4006 | font-size: 14px; | 4013 | font-size: 14px; |
| 4007 | margin-top: -11px; | 4014 | margin-top: -11px; |
| 4008 | line-height: 1; | 4015 | line-height: 1; |
| 4009 | -webkit-font-smoothing: antialiased; | 4016 | -webkit-font-smoothing: antialiased; |
| 4010 | -moz-osx-font-smoothing: grayscale; | 4017 | -moz-osx-font-smoothing: grayscale; |
| 4011 | } | 4018 | } |
| 4012 | .bs-actionsbox { | 4019 | .bs-actionsbox { |
| 4013 | float: left; | 4020 | float: left; |
| 4014 | width: 100%; | 4021 | width: 100%; |
| 4015 | position: relative; | 4022 | position: relative; |
| 4016 | } | 4023 | } |
| 4017 | .bs-actionsbox .btn-group button { | 4024 | .bs-actionsbox .btn-group button { |
| 4018 | width: 50%; | 4025 | width: 50%; |
| 4019 | } | 4026 | } |
| 4020 | .bs-searchbox + .bs-actionsbox { | 4027 | .bs-searchbox + .bs-actionsbox { |
| 4021 | padding: 0 16px 8px; | 4028 | padding: 0 16px 8px; |
| 4022 | } | 4029 | } |
| 4023 | .mobile-device { | 4030 | .mobile-device { |
| 4024 | position: absolute; | 4031 | position: absolute; |
| 4025 | top: 0; | 4032 | top: 0; |
| 4026 | left: 0; | 4033 | left: 0; |
| 4027 | display: block !important; | 4034 | display: block !important; |
| 4028 | width: 100%; | 4035 | width: 100%; |
| 4029 | height: 100% !important; | 4036 | height: 100% !important; |
| 4030 | opacity: 0; | 4037 | opacity: 0; |
| 4031 | } | 4038 | } |
| 4032 | select.bs-select-hidden, | 4039 | select.bs-select-hidden, |
| 4033 | select.selectpicker { | 4040 | select.selectpicker { |
| 4034 | display: none !important; | 4041 | display: none !important; |
| 4035 | } | 4042 | } |
| 4036 | .bootstrap-select > select { | 4043 | .bootstrap-select > select { |
| 4037 | position: absolute!important; | 4044 | position: absolute!important; |
| 4038 | bottom: 0; | 4045 | bottom: 0; |
| 4039 | left: 50%; | 4046 | left: 50%; |
| 4040 | display: block!important; | 4047 | display: block!important; |
| 4041 | width: .5px!important; | 4048 | width: .5px!important; |
| 4042 | height: 100%!important; | 4049 | height: 100%!important; |
| 4043 | padding: 0!important; | 4050 | padding: 0!important; |
| 4044 | opacity: 0!important; | 4051 | opacity: 0!important; |
| 4045 | border: none; | 4052 | border: none; |
| 4046 | } | 4053 | } |
| 4047 | /* ------------------------------------------------------------------------------ | 4054 | /* ------------------------------------------------------------------------------ |
| 4048 | * | 4055 | * |
| 4049 | * # Passy | 4056 | * # Passy |
| 4050 | * | 4057 | * |
| 4051 | * Styles for passy.min.js - password length checker and password generator | 4058 | * Styles for passy.min.js - password length checker and password generator |
| 4052 | * | 4059 | * |
| 4053 | * Version: 1.1 | 4060 | * Version: 1.1 |
| 4054 | * Latest update: Mar 10, 2016 | 4061 | * Latest update: Mar 10, 2016 |
| 4055 | * | 4062 | * |
| 4056 | * ---------------------------------------------------------------------------- */ | 4063 | * ---------------------------------------------------------------------------- */ |
| 4057 | .visual-password-indicator { | 4064 | .visual-password-indicator { |
| 4058 | display: inline-block; | 4065 | display: inline-block; |
| 4059 | background-color: #999999; | 4066 | background-color: #999999; |
| 4060 | width: 40px; | 4067 | width: 40px; |
| 4061 | height: 4px; | 4068 | height: 4px; |
| 4062 | } | 4069 | } |
| 4063 | .password-indicator-group.input-group-addon { | 4070 | .password-indicator-group.input-group-addon { |
| 4064 | padding-left: 16px; | 4071 | padding-left: 16px; |
| 4065 | padding-right: 16px; | 4072 | padding-right: 16px; |
| 4066 | border-radius: 3px; | 4073 | border-radius: 3px; |
| 4067 | } | 4074 | } |
| 4068 | .label-indicator-absolute { | 4075 | .label-indicator-absolute { |
| 4069 | position: relative; | 4076 | position: relative; |
| 4070 | } | 4077 | } |
| 4071 | .label-indicator-absolute .password-indicator-label-absolute { | 4078 | .label-indicator-absolute .password-indicator-label-absolute { |
| 4072 | position: absolute; | 4079 | position: absolute; |
| 4073 | top: 50%; | 4080 | top: 50%; |
| 4074 | margin-top: -10px; | 4081 | margin-top: -10px; |
| 4075 | right: 0; | 4082 | right: 0; |
| 4076 | } | 4083 | } |
| 4077 | .form-horizontal .label-indicator-absolute .label { | 4084 | .form-horizontal .label-indicator-absolute .label { |
| 4078 | right: 28px; | 4085 | right: 28px; |
| 4079 | } | 4086 | } |
| 4080 | /* ------------------------------------------------------------------------------ | 4087 | /* ------------------------------------------------------------------------------ |
| 4081 | * | 4088 | * |
| 4082 | * # Twiter Typeahead | 4089 | * # Twiter Typeahead |
| 4083 | * | 4090 | * |
| 4084 | * Styles for typeahead.bundle.min.js - input suggestion engine | 4091 | * Styles for typeahead.bundle.min.js - input suggestion engine |
| 4085 | * | 4092 | * |
| 4086 | * Version: 1.3 | 4093 | * Version: 1.3 |
| 4087 | * Latest update: Jul 4, 2016 | 4094 | * Latest update: Jul 4, 2016 |
| 4088 | * | 4095 | * |
| 4089 | * ---------------------------------------------------------------------------- */ | 4096 | * ---------------------------------------------------------------------------- */ |
| 4090 | .twitter-typeahead { | 4097 | .twitter-typeahead { |
| 4091 | width: 100%; | 4098 | width: 100%; |
| 4092 | } | 4099 | } |
| 4093 | .typeahead, | 4100 | .typeahead, |
| 4094 | .tt-query, | 4101 | .tt-query, |
| 4095 | .tt-hint { | 4102 | .tt-hint { |
| 4096 | outline: 0; | 4103 | outline: 0; |
| 4097 | } | 4104 | } |
| 4098 | .tt-hint { | 4105 | .tt-hint { |
| 4099 | color: #999; | 4106 | color: #999; |
| 4100 | } | 4107 | } |
| 4101 | .tt-menu { | 4108 | .tt-menu { |
| 4102 | width: 100%; | 4109 | width: 100%; |
| 4103 | margin-top: 1px; | 4110 | margin-top: 1px; |
| 4104 | min-width: 180px; | 4111 | min-width: 180px; |
| 4105 | padding: 8px 0; | 4112 | padding: 8px 0; |
| 4106 | background-color: #fff; | 4113 | background-color: #fff; |
| 4107 | border: 1px solid transparent; | 4114 | border: 1px solid transparent; |
| 4108 | border-radius: 3px; | 4115 | border-radius: 3px; |
| 4109 | max-height: 300px; | 4116 | max-height: 300px; |
| 4110 | overflow-y: auto; | 4117 | overflow-y: auto; |
| 4111 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 4118 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 4112 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 4119 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 4113 | } | 4120 | } |
| 4114 | .typeahead-scrollable .tt-menu { | 4121 | .typeahead-scrollable .tt-menu { |
| 4115 | max-height: 250px; | 4122 | max-height: 250px; |
| 4116 | } | 4123 | } |
| 4117 | .typeahead-rtl .tt-menu { | 4124 | .typeahead-rtl .tt-menu { |
| 4118 | text-align: right; | 4125 | text-align: right; |
| 4119 | } | 4126 | } |
| 4120 | .tt-suggestion { | 4127 | .tt-suggestion { |
| 4121 | padding: 8px 15px; | 4128 | padding: 8px 15px; |
| 4122 | cursor: pointer; | 4129 | cursor: pointer; |
| 4123 | } | 4130 | } |
| 4124 | .tt-suggestion:hover, | 4131 | .tt-suggestion:hover, |
| 4125 | .tt-suggestion:focus, | 4132 | .tt-suggestion:focus, |
| 4126 | .tt-suggestion.tt-cursor { | 4133 | .tt-suggestion.tt-cursor { |
| 4127 | background-color: #f5f5f5; | 4134 | background-color: #f5f5f5; |
| 4128 | } | 4135 | } |
| 4129 | .tt-dataset-group .tt-suggestion { | 4136 | .tt-dataset-group .tt-suggestion { |
| 4130 | padding-left: 32px; | 4137 | padding-left: 32px; |
| 4131 | padding-right: 32px; | 4138 | padding-right: 32px; |
| 4132 | } | 4139 | } |
| 4133 | .tt-heading { | 4140 | .tt-heading { |
| 4134 | font-size: 11px; | 4141 | font-size: 11px; |
| 4135 | line-height: 1.82; | 4142 | line-height: 1.82; |
| 4136 | padding: 8px 15px; | 4143 | padding: 8px 15px; |
| 4137 | text-transform: uppercase; | 4144 | text-transform: uppercase; |
| 4138 | display: block; | 4145 | display: block; |
| 4139 | font-weight: 700; | 4146 | font-weight: 700; |
| 4140 | margin-top: 2px; | 4147 | margin-top: 2px; |
| 4141 | margin-bottom: 2px; | 4148 | margin-bottom: 2px; |
| 4142 | } | 4149 | } |
| 4143 | .typeahead-template .empty-message { | 4150 | .typeahead-template .empty-message { |
| 4144 | padding: 8px 15px; | 4151 | padding: 8px 15px; |
| 4145 | text-align: center; | 4152 | text-align: center; |
| 4146 | } | 4153 | } |
| 4147 | /* ------------------------------------------------------------------------------ | 4154 | /* ------------------------------------------------------------------------------ |
| 4148 | * | 4155 | * |
| 4149 | * # Form Validation | 4156 | * # Form Validation |
| 4150 | * | 4157 | * |
| 4151 | * jQuery plugin for simple clientside form validation | 4158 | * jQuery plugin for simple clientside form validation |
| 4152 | * | 4159 | * |
| 4153 | * Version: 1.0 | 4160 | * Version: 1.0 |
| 4154 | * Latest update: May 25, 2015 | 4161 | * Latest update: May 25, 2015 |
| 4155 | * | 4162 | * |
| 4156 | * ---------------------------------------------------------------------------- */ | 4163 | * ---------------------------------------------------------------------------- */ |
| 4157 | .validation-error-label, | 4164 | .validation-error-label, |
| 4158 | .validation-valid-label { | 4165 | .validation-valid-label { |
| 4159 | margin-top: 8px; | 4166 | margin-top: 8px; |
| 4160 | margin-bottom: 8px; | 4167 | margin-bottom: 8px; |
| 4161 | display: block; | 4168 | display: block; |
| 4162 | color: #F44336; | 4169 | color: #F44336; |
| 4163 | position: relative; | 4170 | position: relative; |
| 4164 | padding-left: 26px; | 4171 | padding-left: 26px; |
| 4165 | } | 4172 | } |
| 4166 | .validation-valid-label { | 4173 | .validation-valid-label { |
| 4167 | color: #4CAF50; | 4174 | color: #4CAF50; |
| 4168 | } | 4175 | } |
| 4169 | .validation-error-label:before, | 4176 | .validation-error-label:before, |
| 4170 | .validation-valid-label:before { | 4177 | .validation-valid-label:before { |
| 4171 | font-family: 'icomoon'; | 4178 | font-family: 'icomoon'; |
| 4172 | position: absolute; | 4179 | position: absolute; |
| 4173 | top: 2px; | 4180 | top: 2px; |
| 4174 | left: 0; | 4181 | left: 0; |
| 4175 | display: inline-block; | 4182 | display: inline-block; |
| 4176 | line-height: 1; | 4183 | line-height: 1; |
| 4177 | -webkit-font-smoothing: antialiased; | 4184 | -webkit-font-smoothing: antialiased; |
| 4178 | -moz-osx-font-smoothing: grayscale; | 4185 | -moz-osx-font-smoothing: grayscale; |
| 4179 | font-size: 16px; | 4186 | font-size: 16px; |
| 4180 | } | 4187 | } |
| 4181 | .validation-error-label:empty, | 4188 | .validation-error-label:empty, |
| 4182 | .validation-valid-label:empty { | 4189 | .validation-valid-label:empty { |
| 4183 | display: none; | 4190 | display: none; |
| 4184 | } | 4191 | } |
| 4185 | .validation-error-label:before { | 4192 | .validation-error-label:before { |
| 4186 | content: '\ed63'; | 4193 | content: '\ed63'; |
| 4187 | } | 4194 | } |
| 4188 | .validation-valid-label:before { | 4195 | .validation-valid-label:before { |
| 4189 | content: '\ee73'; | 4196 | content: '\ee73'; |
| 4190 | } | 4197 | } |
| 4191 | /* ------------------------------------------------------------------------------ | 4198 | /* ------------------------------------------------------------------------------ |
| 4192 | * | 4199 | * |
| 4193 | * # X-editable | 4200 | * # X-editable |
| 4194 | * | 4201 | * |
| 4195 | * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery | 4202 | * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery |
| 4196 | * | 4203 | * |
| 4197 | * Version: 1.1 | 4204 | * Version: 1.1 |
| 4198 | * Latest update: Mar 10, 2016 | 4205 | * Latest update: Mar 10, 2016 |
| 4199 | * | 4206 | * |
| 4200 | * ---------------------------------------------------------------------------- */ | 4207 | * ---------------------------------------------------------------------------- */ |
| 4201 | .editable { | 4208 | .editable { |
| 4202 | background-color: transparent; | 4209 | background-color: transparent; |
| 4203 | } | 4210 | } |
| 4204 | .form-horizontal .editable { | 4211 | .form-horizontal .editable { |
| 4205 | padding-top: 9px; | 4212 | padding-top: 9px; |
| 4206 | display: inline-block; | 4213 | display: inline-block; |
| 4207 | } | 4214 | } |
| 4208 | .editable-pre-wrapped { | 4215 | .editable-pre-wrapped { |
| 4209 | white-space: pre-wrap; | 4216 | white-space: pre-wrap; |
| 4210 | } | 4217 | } |
| 4211 | .editableform .form-group:last-child { | 4218 | .editableform .form-group:last-child { |
| 4212 | margin-bottom: 0; | 4219 | margin-bottom: 0; |
| 4213 | } | 4220 | } |
| 4214 | .editableform .form-control { | 4221 | .editableform .form-control { |
| 4215 | min-width: 200px; | 4222 | min-width: 200px; |
| 4216 | } | 4223 | } |
| 4217 | .editableform .checkbox, | 4224 | .editableform .checkbox, |
| 4218 | .editableform .radio { | 4225 | .editableform .radio { |
| 4219 | margin-top: 0; | 4226 | margin-top: 0; |
| 4220 | margin-bottom: 0; | 4227 | margin-bottom: 0; |
| 4221 | } | 4228 | } |
| 4222 | .editableform .checkbox > div, | 4229 | .editableform .checkbox > div, |
| 4223 | .editableform .radio > div { | 4230 | .editableform .radio > div { |
| 4224 | margin-top: 9px; | 4231 | margin-top: 9px; |
| 4225 | margin-bottom: 9px; | 4232 | margin-bottom: 9px; |
| 4226 | position: relative; | 4233 | position: relative; |
| 4227 | } | 4234 | } |
| 4228 | .editable-buttons { | 4235 | .editable-buttons { |
| 4229 | display: inline-block; | 4236 | display: inline-block; |
| 4230 | vertical-align: top; | 4237 | vertical-align: top; |
| 4231 | margin-left: 8px; | 4238 | margin-left: 8px; |
| 4232 | } | 4239 | } |
| 4233 | .editable-buttons.editable-buttons-bottom { | 4240 | .editable-buttons.editable-buttons-bottom { |
| 4234 | display: block; | 4241 | display: block; |
| 4235 | margin-top: 20px; | 4242 | margin-top: 20px; |
| 4236 | margin-left: 0; | 4243 | margin-left: 0; |
| 4237 | text-align: center; | 4244 | text-align: center; |
| 4238 | } | 4245 | } |
| 4239 | .editable-buttons .editable-cancel { | 4246 | .editable-buttons .editable-cancel { |
| 4240 | margin-left: 8px; | 4247 | margin-left: 8px; |
| 4241 | } | 4248 | } |
| 4242 | .editable-input { | 4249 | .editable-input { |
| 4243 | vertical-align: top; | 4250 | vertical-align: top; |
| 4244 | display: inline-block; | 4251 | display: inline-block; |
| 4245 | width: auto; | 4252 | width: auto; |
| 4246 | white-space: normal; | 4253 | white-space: normal; |
| 4247 | } | 4254 | } |
| 4248 | .editable-input .help-block { | 4255 | .editable-input .help-block { |
| 4249 | margin-bottom: 0; | 4256 | margin-bottom: 0; |
| 4250 | } | 4257 | } |
| 4251 | .editable-input .input-group { | 4258 | .editable-input .input-group { |
| 4252 | width: 250px; | 4259 | width: 250px; |
| 4253 | } | 4260 | } |
| 4254 | .editable-input .elastic { | 4261 | .editable-input .elastic { |
| 4255 | height: 100px; | 4262 | height: 100px; |
| 4256 | } | 4263 | } |
| 4257 | .editable-input .datepicker-inline { | 4264 | .editable-input .datepicker-inline { |
| 4258 | padding: 16px; | 4265 | padding: 16px; |
| 4259 | } | 4266 | } |
| 4260 | .editableform-loading { | 4267 | .editableform-loading { |
| 4261 | width: 16px; | 4268 | width: 16px; |
| 4262 | height: 16px; | 4269 | height: 16px; |
| 4263 | margin: auto; | 4270 | margin: auto; |
| 4264 | } | 4271 | } |
| 4265 | .editableform-loading:after { | 4272 | .editableform-loading:after { |
| 4266 | content: '\eb55'; | 4273 | content: '\eb55'; |
| 4267 | font-family: 'icomoon'; | 4274 | font-family: 'icomoon'; |
| 4268 | font-size: 16px; | 4275 | font-size: 16px; |
| 4269 | display: block; | 4276 | display: block; |
| 4270 | line-height: 1; | 4277 | line-height: 1; |
| 4271 | margin: auto; | 4278 | margin: auto; |
| 4272 | width: 16px; | 4279 | width: 16px; |
| 4273 | height: 16px; | 4280 | height: 16px; |
| 4274 | -webkit-font-smoothing: antialiased; | 4281 | -webkit-font-smoothing: antialiased; |
| 4275 | -moz-osx-font-smoothing: grayscale; | 4282 | -moz-osx-font-smoothing: grayscale; |
| 4276 | -webkit-animation: rotation 1s ease infinite; | 4283 | -webkit-animation: rotation 1s ease infinite; |
| 4277 | -o-animation: rotation 1s ease infinite; | 4284 | -o-animation: rotation 1s ease infinite; |
| 4278 | animation: rotation 1s ease infinite; | 4285 | animation: rotation 1s ease infinite; |
| 4279 | } | 4286 | } |
| 4280 | .editable-error { | 4287 | .editable-error { |
| 4281 | color: #F44336; | 4288 | color: #F44336; |
| 4282 | } | 4289 | } |
| 4283 | .editable-error-block { | 4290 | .editable-error-block { |
| 4284 | max-width: 300px; | 4291 | max-width: 300px; |
| 4285 | margin: 8px 0 0 0; | 4292 | margin: 8px 0 0 0; |
| 4286 | width: auto; | 4293 | width: auto; |
| 4287 | white-space: normal; | 4294 | white-space: normal; |
| 4288 | } | 4295 | } |
| 4289 | .editable-bg-transition { | 4296 | .editable-bg-transition { |
| 4290 | color: inherit; | 4297 | color: inherit; |
| 4291 | background-color: transparent; | 4298 | background-color: transparent; |
| 4292 | -webkit-transition: background-color 0.2s ease-out; | 4299 | -webkit-transition: background-color 0.2s ease-out; |
| 4293 | -o-transition: background-color 0.2s ease-out; | 4300 | -o-transition: background-color 0.2s ease-out; |
| 4294 | transition: background-color 0.2s ease-out; | 4301 | transition: background-color 0.2s ease-out; |
| 4295 | } | 4302 | } |
| 4296 | .editable-clear { | 4303 | .editable-clear { |
| 4297 | clear: both; | 4304 | clear: both; |
| 4298 | text-decoration: none; | 4305 | text-decoration: none; |
| 4299 | text-align: right; | 4306 | text-align: right; |
| 4300 | } | 4307 | } |
| 4301 | .editable-clear-x { | 4308 | .editable-clear-x { |
| 4302 | position: absolute; | 4309 | position: absolute; |
| 4303 | right: 0; | 4310 | right: 0; |
| 4304 | top: 11px; | 4311 | top: 11px; |
| 4305 | line-height: 1; | 4312 | line-height: 1; |
| 4306 | cursor: pointer; | 4313 | cursor: pointer; |
| 4307 | z-index: 100; | 4314 | z-index: 100; |
| 4308 | opacity: 0.6; | 4315 | opacity: 0.6; |
| 4309 | filter: alpha(opacity=60); | 4316 | filter: alpha(opacity=60); |
| 4310 | } | 4317 | } |
| 4311 | .editable-clear-x:hover { | 4318 | .editable-clear-x:hover { |
| 4312 | opacity: 1; | 4319 | opacity: 1; |
| 4313 | filter: alpha(opacity=100); | 4320 | filter: alpha(opacity=100); |
| 4314 | } | 4321 | } |
| 4315 | .editable-clear-x:after { | 4322 | .editable-clear-x:after { |
| 4316 | content: '\ed6b'; | 4323 | content: '\ed6b'; |
| 4317 | font-family: 'icomoon'; | 4324 | font-family: 'icomoon'; |
| 4318 | display: block; | 4325 | display: block; |
| 4319 | font-size: 16px; | 4326 | font-size: 16px; |
| 4320 | -webkit-font-smoothing: antialiased; | 4327 | -webkit-font-smoothing: antialiased; |
| 4321 | -moz-osx-font-smoothing: grayscale; | 4328 | -moz-osx-font-smoothing: grayscale; |
| 4322 | } | 4329 | } |
| 4323 | .editable-click, | 4330 | .editable-click, |
| 4324 | a.editable-click, | 4331 | a.editable-click, |
| 4325 | .editable-click:hover, | 4332 | .editable-click:hover, |
| 4326 | a.editable-click:hover { | 4333 | a.editable-click:hover { |
| 4327 | border-bottom: 1px dashed #1E88E5; | 4334 | border-bottom: 1px dashed #1E88E5; |
| 4328 | } | 4335 | } |
| 4329 | .editable-click.editable-disabled, | 4336 | .editable-click.editable-disabled, |
| 4330 | a.editable-click.editable-disabled, | 4337 | a.editable-click.editable-disabled, |
| 4331 | .editable-click.editable-disabled:hover, | 4338 | .editable-click.editable-disabled:hover, |
| 4332 | a.editable-click.editable-disabled:hover { | 4339 | a.editable-click.editable-disabled:hover { |
| 4333 | color: #999999; | 4340 | color: #999999; |
| 4334 | cursor: default; | 4341 | cursor: default; |
| 4335 | border-bottom: 0; | 4342 | border-bottom: 0; |
| 4336 | } | 4343 | } |
| 4337 | .editable-click .label { | 4344 | .editable-click .label { |
| 4338 | margin-top: 1px; | 4345 | margin-top: 1px; |
| 4339 | margin-bottom: 1px; | 4346 | margin-bottom: 1px; |
| 4340 | } | 4347 | } |
| 4341 | .editable-empty, | 4348 | .editable-empty, |
| 4342 | .editable-empty:hover, | 4349 | .editable-empty:hover, |
| 4343 | .editable-empty:focus { | 4350 | .editable-empty:focus { |
| 4344 | font-style: italic; | 4351 | font-style: italic; |
| 4345 | color: #F44336; | 4352 | color: #F44336; |
| 4346 | } | 4353 | } |
| 4347 | a.editable-empty, | 4354 | a.editable-empty, |
| 4348 | a.editable-empty:hover, | 4355 | a.editable-empty:hover, |
| 4349 | a.editable-empty:focus { | 4356 | a.editable-empty:focus { |
| 4350 | border-bottom-color: #F44336; | 4357 | border-bottom-color: #F44336; |
| 4351 | } | 4358 | } |
| 4352 | .combodate { | 4359 | .combodate { |
| 4353 | white-space: nowrap; | 4360 | white-space: nowrap; |
| 4354 | } | 4361 | } |
| 4355 | .combodate .day, | 4362 | .combodate .day, |
| 4356 | .combodate .year, | 4363 | .combodate .year, |
| 4357 | .combodate .hour, | 4364 | .combodate .hour, |
| 4358 | .combodate .minute { | 4365 | .combodate .minute { |
| 4359 | min-width: 80px; | 4366 | min-width: 80px; |
| 4360 | } | 4367 | } |
| 4361 | .combodate .form-control { | 4368 | .combodate .form-control { |
| 4362 | display: inline-block; | 4369 | display: inline-block; |
| 4363 | } | 4370 | } |
| 4364 | .input-daterange input { | 4371 | .input-daterange input { |
| 4365 | text-align: center; | 4372 | text-align: center; |
| 4366 | } | 4373 | } |
| 4367 | .input-daterange input:first-child { | 4374 | .input-daterange input:first-child { |
| 4368 | border-bottom-left-radius: 3px; | 4375 | border-bottom-left-radius: 3px; |
| 4369 | border-top-left-radius: 3px; | 4376 | border-top-left-radius: 3px; |
| 4370 | } | 4377 | } |
| 4371 | .input-daterange input:last-child { | 4378 | .input-daterange input:last-child { |
| 4372 | border-bottom-right-radius: 3px; | 4379 | border-bottom-right-radius: 3px; |
| 4373 | border-top-right-radius: 3px; | 4380 | border-top-right-radius: 3px; |
| 4374 | } | 4381 | } |
| 4375 | .editable-address { | 4382 | .editable-address { |
| 4376 | display: block; | 4383 | display: block; |
| 4377 | } | 4384 | } |
| 4378 | .editable-address > label > span { | 4385 | .editable-address > label > span { |
| 4379 | width: 70px; | 4386 | width: 70px; |
| 4380 | display: inline-block; | 4387 | display: inline-block; |
| 4381 | margin-bottom: 8px; | 4388 | margin-bottom: 8px; |
| 4382 | } | 4389 | } |
| 4383 | .editable-date { | 4390 | .editable-date { |
| 4384 | padding: 0; | 4391 | padding: 0; |
| 4385 | margin: 0; | 4392 | margin: 0; |
| 4386 | float: left; | 4393 | float: left; |
| 4387 | } | 4394 | } |
| 4388 | .editable-checklist label { | 4395 | .editable-checklist label { |
| 4389 | white-space: nowrap; | 4396 | white-space: nowrap; |
| 4390 | } | 4397 | } |
| 4391 | .editable-checklist label > input[type="checkbox"] { | 4398 | .editable-checklist label > input[type="checkbox"] { |
| 4392 | vertical-align: middle; | 4399 | vertical-align: middle; |
| 4393 | margin: 0; | 4400 | margin: 0; |
| 4394 | } | 4401 | } |
| 4395 | .editable-wysihtml5 { | 4402 | .editable-wysihtml5 { |
| 4396 | width: 566px; | 4403 | width: 566px; |
| 4397 | height: 250px; | 4404 | height: 250px; |
| 4398 | } | 4405 | } |
| 4399 | .editable-container.editable-popup { | 4406 | .editable-container.editable-popup { |
| 4400 | max-width: none !important; | 4407 | max-width: none !important; |
| 4401 | } | 4408 | } |
| 4402 | .editable-container.editable-inline { | 4409 | .editable-container.editable-inline { |
| 4403 | display: inline-block; | 4410 | display: inline-block; |
| 4404 | vertical-align: middle; | 4411 | vertical-align: middle; |
| 4405 | width: auto; | 4412 | width: auto; |
| 4406 | } | 4413 | } |
| 4407 | .editable-container.editable-inline .editableform-loading { | 4414 | .editable-container.editable-inline .editableform-loading { |
| 4408 | background-position: left 5px; | 4415 | background-position: left 5px; |
| 4409 | } | 4416 | } |
| 4410 | .editable-container.editable-inline .add-on .icon-th { | 4417 | .editable-container.editable-inline .add-on .icon-th { |
| 4411 | margin-top: 3px; | 4418 | margin-top: 3px; |
| 4412 | margin-left: 1px; | 4419 | margin-left: 1px; |
| 4413 | } | 4420 | } |
| 4414 | .editable-container.popover { | 4421 | .editable-container.popover { |
| 4415 | width: auto; | 4422 | width: auto; |
| 4416 | min-width: 200px; | 4423 | min-width: 200px; |
| 4417 | } | 4424 | } |
| 4418 | /* ------------------------------------------------------------------------------ | 4425 | /* ------------------------------------------------------------------------------ |
| 4419 | * | 4426 | * |
| 4420 | * # Alpaca forms | 4427 | * # Alpaca forms |
| 4421 | * | 4428 | * |
| 4422 | * Alpaca provides the easiest way to generate interactive HTML5 forms for web applications | 4429 | * Alpaca provides the easiest way to generate interactive HTML5 forms for web applications |
| 4423 | * | 4430 | * |
| 4424 | * Version: 1.1 | 4431 | * Version: 1.1 |
| 4425 | * Latest update: Jul 4, 2016 | 4432 | * Latest update: Jul 4, 2016 |
| 4426 | * | 4433 | * |
| 4427 | * ---------------------------------------------------------------------------- */ | 4434 | * ---------------------------------------------------------------------------- */ |
| 4428 | .alpaca-hidden { | 4435 | .alpaca-hidden { |
| 4429 | display: none; | 4436 | display: none; |
| 4430 | } | 4437 | } |
| 4431 | .alpaca-field-select .multiselect-container { | 4438 | .alpaca-field-select .multiselect-container { |
| 4432 | width: 100%; | 4439 | width: 100%; |
| 4433 | } | 4440 | } |
| 4434 | .has-error .multiselect-container > .active .checkbox { | 4441 | .has-error .multiselect-container > .active .checkbox { |
| 4435 | color: #fff; | 4442 | color: #fff; |
| 4436 | } | 4443 | } |
| 4437 | .has-error .btn-group.open .multiselect.btn, | 4444 | .has-error .btn-group.open .multiselect.btn, |
| 4438 | .has-error .multiselect.btn-default:active { | 4445 | .has-error .multiselect.btn-default:active { |
| 4439 | color: #D84315; | 4446 | color: #D84315; |
| 4440 | border-color: #D84315; | 4447 | border-color: #D84315; |
| 4441 | } | 4448 | } |
| 4442 | .alpaca-disabled .checkbox label, | 4449 | .alpaca-disabled .checkbox label, |
| 4443 | .alpaca-disabled .checkbox .switchery, | 4450 | .alpaca-disabled .checkbox .switchery, |
| 4444 | .alpaca-disabled .radio label, | 4451 | .alpaca-disabled .radio label, |
| 4445 | .alpaca-disabled .radio .switchery { | 4452 | .alpaca-disabled .radio .switchery { |
| 4446 | cursor: not-allowed; | 4453 | cursor: not-allowed; |
| 4447 | color: #999999; | 4454 | color: #999999; |
| 4448 | } | 4455 | } |
| 4449 | .alpaca-invalid .form-control { | 4456 | .alpaca-invalid .form-control { |
| 4450 | color: #D84315; | 4457 | color: #D84315; |
| 4451 | } | 4458 | } |
| 4452 | .alpaca-clear { | 4459 | .alpaca-clear { |
| 4453 | clear: both; | 4460 | clear: both; |
| 4454 | } | 4461 | } |
| 4455 | .alpaca-float-right { | 4462 | .alpaca-float-right { |
| 4456 | float: right; | 4463 | float: right; |
| 4457 | } | 4464 | } |
| 4458 | .alpaca-field .glyphicon { | 4465 | .alpaca-field .glyphicon { |
| 4459 | font-family: 'icomoon'; | 4466 | font-family: 'icomoon'; |
| 4460 | font-size: 16px; | 4467 | font-size: 16px; |
| 4461 | vertical-align: middle; | 4468 | vertical-align: middle; |
| 4462 | top: -1px; | 4469 | top: -1px; |
| 4463 | display: inline-block; | 4470 | display: inline-block; |
| 4464 | margin-right: 8px; | 4471 | margin-right: 8px; |
| 4465 | } | 4472 | } |
| 4466 | .alpaca-field .glyphicon-info-sign:before { | 4473 | .alpaca-field .glyphicon-info-sign:before { |
| 4467 | content: '\e9ba'; | 4474 | content: '\e9ba'; |
| 4468 | } | 4475 | } |
| 4469 | .alpaca-field.has-error .glyphicon-info-sign:before, | 4476 | .alpaca-field.has-error .glyphicon-info-sign:before, |
| 4470 | .alpaca-field .glyphicon-exclamation-sign:before { | 4477 | .alpaca-field .glyphicon-exclamation-sign:before { |
| 4471 | content: '\ed63'; | 4478 | content: '\ed63'; |
| 4472 | } | 4479 | } |
| 4473 | .alpaca-icon-required { | 4480 | .alpaca-icon-required { |
| 4474 | font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; | 4481 | font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif; |
| 4475 | float: right; | 4482 | float: right; |
| 4476 | margin-right: 0; | 4483 | margin-right: 0; |
| 4477 | margin-left: 5px; | 4484 | margin-left: 5px; |
| 4478 | } | 4485 | } |
| 4479 | .alpaca-icon-required:before { | 4486 | .alpaca-icon-required:before { |
| 4480 | content: '*'; | 4487 | content: '*'; |
| 4481 | } | 4488 | } |
| 4482 | .alpaca-controlfield-editor { | 4489 | .alpaca-controlfield-editor { |
| 4483 | position: relative; | 4490 | position: relative; |
| 4484 | width: 100%; | 4491 | width: 100%; |
| 4485 | height: 300px; | 4492 | height: 300px; |
| 4486 | border: 1px #ccc solid; | 4493 | border: 1px #ccc solid; |
| 4487 | } | 4494 | } |
| 4488 | .alpaca-controlfield-editor .control-field-editor-el { | 4495 | .alpaca-controlfield-editor .control-field-editor-el { |
| 4489 | position: absolute; | 4496 | position: absolute; |
| 4490 | top: 0; | 4497 | top: 0; |
| 4491 | bottom: 0; | 4498 | bottom: 0; |
| 4492 | left: 0; | 4499 | left: 0; |
| 4493 | right: 0; | 4500 | right: 0; |
| 4494 | } | 4501 | } |
| 4495 | .ace_editor { | 4502 | .ace_editor { |
| 4496 | border: 1px solid #cccccc; | 4503 | border: 1px solid #cccccc; |
| 4497 | } | 4504 | } |
| 4498 | .alpaca-field-ckeditor.alpaca-invalid > .cke { | 4505 | .alpaca-field-ckeditor.alpaca-invalid > .cke { |
| 4499 | border-color: #D84315; | 4506 | border-color: #D84315; |
| 4500 | } | 4507 | } |
| 4501 | .alpaca-field-optiontree .optiontree + .form-control { | 4508 | .alpaca-field-optiontree .optiontree + .form-control { |
| 4502 | margin-left: 10px; | 4509 | margin-left: 10px; |
| 4503 | } | 4510 | } |
| 4504 | .alpaca-field-optiontree.optiontree-horizontal .optiontree { | 4511 | .alpaca-field-optiontree.optiontree-horizontal .optiontree { |
| 4505 | display: inline-block; | 4512 | display: inline-block; |
| 4506 | } | 4513 | } |
| 4507 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { | 4514 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { |
| 4508 | display: inline-block; | 4515 | display: inline-block; |
| 4509 | margin-top: 2px; | 4516 | margin-top: 2px; |
| 4510 | margin-bottom: 2px; | 4517 | margin-bottom: 2px; |
| 4511 | } | 4518 | } |
| 4512 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { | 4519 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { |
| 4513 | display: none; | 4520 | display: none; |
| 4514 | } | 4521 | } |
| 4515 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector + .optiontree-selector { | 4522 | .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector + .optiontree-selector { |
| 4516 | margin-left: 10px; | 4523 | margin-left: 10px; |
| 4517 | } | 4524 | } |
| 4518 | .alpaca-field-optiontree.optiontree-horizontal input { | 4525 | .alpaca-field-optiontree.optiontree-horizontal input { |
| 4519 | display: inline-block; | 4526 | display: inline-block; |
| 4520 | width: auto; | 4527 | width: auto; |
| 4521 | } | 4528 | } |
| 4522 | .alpaca-field-optiontree.optiontree-horizontal label { | 4529 | .alpaca-field-optiontree.optiontree-horizontal label { |
| 4523 | display: block; | 4530 | display: block; |
| 4524 | } | 4531 | } |
| 4525 | .alpaca-field-radio.disabled .alpaca-control.radio { | 4532 | .alpaca-field-radio.disabled .alpaca-control.radio { |
| 4526 | color: grey; | 4533 | color: grey; |
| 4527 | } | 4534 | } |
| 4528 | .alpaca-field-radio.disabled .alpaca-control.radio label { | 4535 | .alpaca-field-radio.disabled .alpaca-control.radio label { |
| 4529 | cursor: inherit; | 4536 | cursor: inherit; |
| 4530 | } | 4537 | } |
| 4531 | .alpaca-control.radio { | 4538 | .alpaca-control.radio { |
| 4532 | min-height: inherit; | 4539 | min-height: inherit; |
| 4533 | height: inherit; | 4540 | height: inherit; |
| 4534 | padding-top: 0px; | 4541 | padding-top: 0px; |
| 4535 | padding-bottom: 0px; | 4542 | padding-bottom: 0px; |
| 4536 | padding-left: 0px; | 4543 | padding-left: 0px; |
| 4537 | padding-right: 0px; | 4544 | padding-right: 0px; |
| 4538 | margin-left: 10px; | 4545 | margin-left: 10px; |
| 4539 | } | 4546 | } |
| 4540 | .has-error .multiselect { | 4547 | .has-error .multiselect { |
| 4541 | border-color: #D84315; | 4548 | border-color: #D84315; |
| 4542 | color: #D84315; | 4549 | color: #D84315; |
| 4543 | } | 4550 | } |
| 4544 | .alpaca-container-label { | 4551 | .alpaca-container-label { |
| 4545 | margin-top: 20px; | 4552 | margin-top: 20px; |
| 4546 | } | 4553 | } |
| 4547 | legend.alpaca-container-label { | 4554 | legend.alpaca-container-label { |
| 4548 | margin-top: 0px; | 4555 | margin-top: 0px; |
| 4549 | } | 4556 | } |
| 4550 | .alpaca-array-toolbar { | 4557 | .alpaca-array-toolbar { |
| 4551 | margin-bottom: 10px; | 4558 | margin-bottom: 10px; |
| 4552 | } | 4559 | } |
| 4553 | .alpaca-array-actionbar { | 4560 | .alpaca-array-actionbar { |
| 4554 | overflow: hidden; | 4561 | overflow: hidden; |
| 4555 | } | 4562 | } |
| 4556 | .alpaca-array-actionbar.alpaca-array-actionbar-top { | 4563 | .alpaca-array-actionbar.alpaca-array-actionbar-top { |
| 4557 | padding-bottom: 10px; | 4564 | padding-bottom: 10px; |
| 4558 | } | 4565 | } |
| 4559 | .alpaca-array-actionbar.alpaca-array-actionbar-bottom { | 4566 | .alpaca-array-actionbar.alpaca-array-actionbar-bottom { |
| 4560 | padding-top: 10px; | 4567 | padding-top: 10px; |
| 4561 | } | 4568 | } |
| 4562 | .alpaca-array-actionbar, | 4569 | .alpaca-array-actionbar, |
| 4563 | .alpaca-array-actionbar.btn-group { | 4570 | .alpaca-array-actionbar.btn-group { |
| 4564 | width: 100%; | 4571 | width: 100%; |
| 4565 | } | 4572 | } |
| 4566 | .alpaca-field-object, | 4573 | .alpaca-field-object, |
| 4567 | .alpaca-field-array { | 4574 | .alpaca-field-array { |
| 4568 | border: 1px #eee solid; | 4575 | border: 1px #eee solid; |
| 4569 | border-radius: 3px; | 4576 | border-radius: 3px; |
| 4570 | padding: 10px; | 4577 | padding: 10px; |
| 4571 | } | 4578 | } |
| 4572 | .alpaca-field-object .alpaca-top, | 4579 | .alpaca-field-object .alpaca-top, |
| 4573 | .alpaca-field-array .alpaca-top, | 4580 | .alpaca-field-array .alpaca-top, |
| 4574 | .alpaca-field-object .alpaca-top .alpaca-container, | 4581 | .alpaca-field-object .alpaca-top .alpaca-container, |
| 4575 | .alpaca-field-array .alpaca-top .alpaca-container { | 4582 | .alpaca-field-array .alpaca-top .alpaca-container { |
| 4576 | border: 0; | 4583 | border: 0; |
| 4577 | } | 4584 | } |
| 4578 | .alpaca-container { | 4585 | .alpaca-container { |
| 4579 | border: 0px; | 4586 | border: 0px; |
| 4580 | } | 4587 | } |
| 4581 | .alpaca-display h3 { | 4588 | .alpaca-display h3 { |
| 4582 | margin-top: 0; | 4589 | margin-top: 0; |
| 4583 | } | 4590 | } |
| 4584 | .alpaca-control-buttons-container { | 4591 | .alpaca-control-buttons-container { |
| 4585 | margin-top: 10px; | 4592 | margin-top: 10px; |
| 4586 | } | 4593 | } |
| 4587 | .alpaca-container-item > .alpaca-container > .alpaca-field-object { | 4594 | .alpaca-container-item > .alpaca-container > .alpaca-field-object { |
| 4588 | border: 0; | 4595 | border: 0; |
| 4589 | } | 4596 | } |
| 4590 | .alpaca-form-buttons-container { | 4597 | .alpaca-form-buttons-container { |
| 4591 | margin-top: 20px; | 4598 | margin-top: 20px; |
| 4592 | text-align: right; | 4599 | text-align: right; |
| 4593 | } | 4600 | } |
| 4594 | .alpaca-container > .form-group { | 4601 | .alpaca-container > .form-group { |
| 4595 | margin-left: 0; | 4602 | margin-left: 0; |
| 4596 | margin-right: 0; | 4603 | margin-right: 0; |
| 4597 | } | 4604 | } |
| 4598 | .alpaca-field-hidden { | 4605 | .alpaca-field-hidden { |
| 4599 | display: none; | 4606 | display: none; |
| 4600 | } | 4607 | } |
| 4601 | .alpaca-container-item:not(:first-child) { | 4608 | .alpaca-container-item:not(:first-child) { |
| 4602 | margin-top: 10px; | 4609 | margin-top: 10px; |
| 4603 | } | 4610 | } |
| 4604 | .alpaca-container .alpaca-container-item:last-child { | 4611 | .alpaca-container .alpaca-container-item:last-child { |
| 4605 | margin-bottom: 0; | 4612 | margin-bottom: 0; |
| 4606 | } | 4613 | } |
| 4607 | .alpaca-field-select .btn-group { | 4614 | .alpaca-field-select .btn-group { |
| 4608 | width: 100%; | 4615 | width: 100%; |
| 4609 | } | 4616 | } |
| 4610 | .alpaca-field.alpaca-field-upload .fileupload-active-zone { | 4617 | .alpaca-field.alpaca-field-upload .fileupload-active-zone { |
| 4611 | margin-top: 50px; | 4618 | margin-top: 50px; |
| 4612 | margin-bottom: 50px; | 4619 | margin-bottom: 50px; |
| 4613 | } | 4620 | } |
| 4614 | .alpaca-field.alpaca-field-upload .template-download TD.error, | 4621 | .alpaca-field.alpaca-field-upload .template-download TD.error, |
| 4615 | .alpaca-field.alpaca-field-upload .template-upload TD.error { | 4622 | .alpaca-field.alpaca-field-upload .template-upload TD.error { |
| 4616 | color: #D84315; | 4623 | color: #D84315; |
| 4617 | word-break: break-all; | 4624 | word-break: break-all; |
| 4618 | } | 4625 | } |
| 4619 | .alpaca-field.alpaca-field-file .alpaca-control-label { | 4626 | .alpaca-field.alpaca-field-file .alpaca-control-label { |
| 4620 | display: block; | 4627 | display: block; |
| 4621 | } | 4628 | } |
| 4622 | .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { | 4629 | .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { |
| 4623 | height: 250px; | 4630 | height: 250px; |
| 4624 | } | 4631 | } |
| 4625 | .alpaca-field.alpaca-field-image .alpaca-image-display { | 4632 | .alpaca-field.alpaca-field-image .alpaca-image-display { |
| 4626 | margin-top: 20px; | 4633 | margin-top: 20px; |
| 4627 | } | 4634 | } |
| 4628 | .alpaca-field-text-max-length-indicator { | 4635 | .alpaca-field-text-max-length-indicator { |
| 4629 | font-size: 12px; | 4636 | font-size: 12px; |
| 4630 | margin-top: 8px; | 4637 | margin-top: 8px; |
| 4631 | margin-bottom: 8px; | 4638 | margin-bottom: 8px; |
| 4632 | } | 4639 | } |
| 4633 | /* ------------------------------------------------------------------------------ | 4640 | /* ------------------------------------------------------------------------------ |
| 4634 | * | 4641 | * |
| 4635 | * # Tokenfield for Bootstrap | 4642 | * # Tokenfield for Bootstrap |
| 4636 | * | 4643 | * |
| 4637 | * Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap | 4644 | * Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap |
| 4638 | * | 4645 | * |
| 4639 | * Version: 1.1 | 4646 | * Version: 1.1 |
| 4640 | * Latest update: Mar 10, 2016 | 4647 | * Latest update: Mar 10, 2016 |
| 4641 | * | 4648 | * |
| 4642 | * ---------------------------------------------------------------------------- */ | 4649 | * ---------------------------------------------------------------------------- */ |
| 4643 | .tokenfield { | 4650 | .tokenfield { |
| 4644 | border-width: 0; | 4651 | border-width: 0; |
| 4645 | } | 4652 | } |
| 4646 | .tokenfield.form-control { | 4653 | .tokenfield.form-control { |
| 4647 | height: auto; | 4654 | height: auto; |
| 4648 | padding: 0; | 4655 | padding: 0; |
| 4649 | } | 4656 | } |
| 4650 | .tokenfield:after { | 4657 | .tokenfield:after { |
| 4651 | content: ''; | 4658 | content: ''; |
| 4652 | display: table; | 4659 | display: table; |
| 4653 | clear: both; | 4660 | clear: both; |
| 4654 | } | 4661 | } |
| 4655 | .tokenfield .token { | 4662 | .tokenfield .token { |
| 4656 | margin-top: 3px; | 4663 | margin-top: 3px; |
| 4657 | margin-bottom: 3px; | 4664 | margin-bottom: 3px; |
| 4658 | margin-right: 6px; | 4665 | margin-right: 6px; |
| 4659 | cursor: default; | 4666 | cursor: default; |
| 4660 | float: left; | 4667 | float: left; |
| 4661 | position: relative; | 4668 | position: relative; |
| 4662 | border-radius: 100px; | 4669 | border-radius: 100px; |
| 4663 | } | 4670 | } |
| 4664 | .tokenfield .token:not([class*=bg-]) { | 4671 | .tokenfield .token:not([class*=bg-]) { |
| 4665 | background-color: #eee; | 4672 | background-color: #eee; |
| 4666 | color: #333333; | 4673 | color: #333333; |
| 4667 | } | 4674 | } |
| 4668 | .tokenfield .token:not([class*=bg-]):hover, | 4675 | .tokenfield .token:not([class*=bg-]):hover, |
| 4669 | .tokenfield .token:not([class*=bg-]):focus { | 4676 | .tokenfield .token:not([class*=bg-]):focus { |
| 4670 | background-color: #03A9F4; | 4677 | background-color: #03A9F4; |
| 4671 | color: #fff; | 4678 | color: #fff; |
| 4672 | } | 4679 | } |
| 4673 | .tokenfield .token.invalid { | 4680 | .tokenfield .token.invalid { |
| 4674 | background-color: transparent; | 4681 | background-color: transparent; |
| 4675 | border: 1px solid transparent; | 4682 | border: 1px solid transparent; |
| 4676 | border-radius: 0; | 4683 | border-radius: 0; |
| 4677 | border-bottom: 1px dotted #F44336; | 4684 | border-bottom: 1px dotted #F44336; |
| 4678 | } | 4685 | } |
| 4679 | .tokenfield .token.invalid.active { | 4686 | .tokenfield .token.invalid.active { |
| 4680 | background-color: #eeeeee; | 4687 | background-color: #eeeeee; |
| 4681 | border: 1px solid #eeeeee; | 4688 | border: 1px solid #eeeeee; |
| 4682 | } | 4689 | } |
| 4683 | .tokenfield .token .token-label { | 4690 | .tokenfield .token .token-label { |
| 4684 | display: block; | 4691 | display: block; |
| 4685 | overflow: hidden; | 4692 | overflow: hidden; |
| 4686 | text-overflow: ellipsis; | 4693 | text-overflow: ellipsis; |
| 4687 | padding: 8px 16px; | 4694 | padding: 8px 16px; |
| 4688 | padding-right: 35px; | 4695 | padding-right: 35px; |
| 4689 | } | 4696 | } |
| 4690 | .tokenfield .token > .close { | 4697 | .tokenfield .token > .close { |
| 4691 | font-size: 0; | 4698 | font-size: 0; |
| 4692 | cursor: pointer; | 4699 | cursor: pointer; |
| 4693 | position: absolute; | 4700 | position: absolute; |
| 4694 | top: 50%; | 4701 | top: 50%; |
| 4695 | color: inherit; | 4702 | color: inherit; |
| 4696 | right: 16px; | 4703 | right: 16px; |
| 4697 | line-height: 1; | 4704 | line-height: 1; |
| 4698 | margin-top: -5.5px; | 4705 | margin-top: -5.5px; |
| 4699 | } | 4706 | } |
| 4700 | .tokenfield .token > .close:after { | 4707 | .tokenfield .token > .close:after { |
| 4701 | content: '\ed6a'; | 4708 | content: '\ed6a'; |
| 4702 | font-family: 'icomoon'; | 4709 | font-family: 'icomoon'; |
| 4703 | display: block; | 4710 | display: block; |
| 4704 | font-size: 11px; | 4711 | font-size: 11px; |
| 4705 | -webkit-font-smoothing: antialiased; | 4712 | -webkit-font-smoothing: antialiased; |
| 4706 | -moz-osx-font-smoothing: grayscale; | 4713 | -moz-osx-font-smoothing: grayscale; |
| 4707 | } | 4714 | } |
| 4708 | .tokenfield .token > .close:hover { | 4715 | .tokenfield .token > .close:hover { |
| 4709 | opacity: 1; | 4716 | opacity: 1; |
| 4710 | filter: alpha(opacity=100); | 4717 | filter: alpha(opacity=100); |
| 4711 | } | 4718 | } |
| 4712 | .tokenfield + .form-control-feedback { | 4719 | .tokenfield + .form-control-feedback { |
| 4713 | margin-top: 3px; | 4720 | margin-top: 3px; |
| 4714 | } | 4721 | } |
| 4715 | .tokenfield .twitter-typeahead { | 4722 | .tokenfield .twitter-typeahead { |
| 4716 | width: auto; | 4723 | width: auto; |
| 4717 | } | 4724 | } |
| 4718 | .tokenfield .token-input { | 4725 | .tokenfield .token-input { |
| 4719 | direction: ltr; | 4726 | direction: ltr; |
| 4720 | background: none; | 4727 | background: none; |
| 4721 | width: 80px!important; | 4728 | width: 80px!important; |
| 4722 | max-width: 50%; | 4729 | max-width: 50%; |
| 4723 | min-width: 60px; | 4730 | min-width: 60px; |
| 4724 | padding: 8px 0; | 4731 | padding: 8px 0; |
| 4725 | margin-top: 3px; | 4732 | margin-top: 3px; |
| 4726 | margin-bottom: 3px; | 4733 | margin-bottom: 3px; |
| 4727 | border: 0; | 4734 | border: 0; |
| 4728 | outline: 0; | 4735 | outline: 0; |
| 4729 | } | 4736 | } |
| 4730 | .tokenfield.readonly .token .token-label { | 4737 | .tokenfield.readonly .token .token-label { |
| 4731 | padding-right: 16px; | 4738 | padding-right: 16px; |
| 4732 | } | 4739 | } |
| 4733 | .tokenfield.readonly .token .close { | 4740 | .tokenfield.readonly .token .close { |
| 4734 | display: none; | 4741 | display: none; |
| 4735 | } | 4742 | } |
| 4736 | .tokenfield.disabled .token, | 4743 | .tokenfield.disabled .token, |
| 4737 | .tokenfield.disabled .token .close { | 4744 | .tokenfield.disabled .token .close { |
| 4738 | opacity: 0.5; | 4745 | opacity: 0.5; |
| 4739 | filter: alpha(opacity=50); | 4746 | filter: alpha(opacity=50); |
| 4740 | } | 4747 | } |
| 4741 | .tokenfield.disabled .token:hover, | 4748 | .tokenfield.disabled .token:hover, |
| 4742 | .tokenfield.disabled .token:focus { | 4749 | .tokenfield.disabled .token:focus { |
| 4743 | background-color: #eee; | 4750 | background-color: #eee; |
| 4744 | color: #333333; | 4751 | color: #333333; |
| 4745 | } | 4752 | } |
| 4746 | .tokenfield.disabled, | 4753 | .tokenfield.disabled, |
| 4747 | .tokenfield.disabled .token-input, | 4754 | .tokenfield.disabled .token-input, |
| 4748 | .tokenfield.disabled .token, | 4755 | .tokenfield.disabled .token, |
| 4749 | .tokenfield.disabled .token .close { | 4756 | .tokenfield.disabled .token .close { |
| 4750 | cursor: not-allowed; | 4757 | cursor: not-allowed; |
| 4751 | } | 4758 | } |
| 4752 | .input-group-lg .token > .token-label, | 4759 | .input-group-lg .token > .token-label, |
| 4753 | .tokenfield.input-lg .token > span { | 4760 | .tokenfield.input-lg .token > span { |
| 4754 | padding: 9px 18px; | 4761 | padding: 9px 18px; |
| 4755 | padding-right: 38px; | 4762 | padding-right: 38px; |
| 4756 | } | 4763 | } |
| 4757 | .input-group-lg .token-input, | 4764 | .input-group-lg .token-input, |
| 4758 | .tokenfield.input-lg .token-input { | 4765 | .tokenfield.input-lg .token-input { |
| 4759 | padding-top: 9px; | 4766 | padding-top: 9px; |
| 4760 | padding-bottom: 9px; | 4767 | padding-bottom: 9px; |
| 4761 | } | 4768 | } |
| 4762 | .input-group-lg .token > .close, | 4769 | .input-group-lg .token > .close, |
| 4763 | .tokenfield.input-lg .token > .close { | 4770 | .tokenfield.input-lg .token > .close { |
| 4764 | right: 18px; | 4771 | right: 18px; |
| 4765 | } | 4772 | } |
| 4766 | .input-group-lg.readonly .token > .token-label, | 4773 | .input-group-lg.readonly .token > .token-label, |
| 4767 | .tokenfield.input-lg.readonly .token > .token-label { | 4774 | .tokenfield.input-lg.readonly .token > .token-label { |
| 4768 | padding-right: 18px; | 4775 | padding-right: 18px; |
| 4769 | } | 4776 | } |
| 4770 | .input-group-sm .token > .token-label, | 4777 | .input-group-sm .token > .token-label, |
| 4771 | .tokenfield.input-sm .token > span { | 4778 | .tokenfield.input-sm .token > span { |
| 4772 | padding: 7px 14px; | 4779 | padding: 7px 14px; |
| 4773 | padding-right: 32px; | 4780 | padding-right: 32px; |
| 4774 | } | 4781 | } |
| 4775 | .input-group-sm .token-input, | 4782 | .input-group-sm .token-input, |
| 4776 | .tokenfield.input-sm .token-input { | 4783 | .tokenfield.input-sm .token-input { |
| 4777 | padding-top: 7px; | 4784 | padding-top: 7px; |
| 4778 | padding-bottom: 7px; | 4785 | padding-bottom: 7px; |
| 4779 | } | 4786 | } |
| 4780 | .input-group-sm .token > .close, | 4787 | .input-group-sm .token > .close, |
| 4781 | .tokenfield.input-sm .token > .close { | 4788 | .tokenfield.input-sm .token > .close { |
| 4782 | right: 14px; | 4789 | right: 14px; |
| 4783 | } | 4790 | } |
| 4784 | .input-group-sm.readonly .token > .token-label, | 4791 | .input-group-sm.readonly .token > .token-label, |
| 4785 | .tokenfield.input-sm.readonly .token > .token-label { | 4792 | .tokenfield.input-sm.readonly .token > .token-label { |
| 4786 | padding-right: 14px; | 4793 | padding-right: 14px; |
| 4787 | } | 4794 | } |
| 4788 | /* ------------------------------------------------------------------------------ | 4795 | /* ------------------------------------------------------------------------------ |
| 4789 | * | 4796 | * |
| 4790 | * # Bootstrap tags input | 4797 | * # Bootstrap tags input |
| 4791 | * | 4798 | * |
| 4792 | * Styles for tagsinput.js - tags input for Bootstrap | 4799 | * Styles for tagsinput.js - tags input for Bootstrap |
| 4793 | * | 4800 | * |
| 4794 | * Version: 1.1 | 4801 | * Version: 1.1 |
| 4795 | * Latest update: Mar 10, 2016 | 4802 | * Latest update: Mar 10, 2016 |
| 4796 | * | 4803 | * |
| 4797 | * ---------------------------------------------------------------------------- */ | 4804 | * ---------------------------------------------------------------------------- */ |
| 4798 | .bootstrap-tagsinput { | 4805 | .bootstrap-tagsinput { |
| 4799 | display: inline-block; | 4806 | display: inline-block; |
| 4800 | vertical-align: middle; | 4807 | vertical-align: middle; |
| 4801 | width: 100%; | 4808 | width: 100%; |
| 4802 | } | 4809 | } |
| 4803 | .bootstrap-tagsinput input { | 4810 | .bootstrap-tagsinput input { |
| 4804 | direction: ltr; | 4811 | direction: ltr; |
| 4805 | border: 0; | 4812 | border: 0; |
| 4806 | outline: 0; | 4813 | outline: 0; |
| 4807 | background-color: transparent; | 4814 | background-color: transparent; |
| 4808 | padding: 7px 0; | 4815 | padding: 7px 0; |
| 4809 | margin-top: 3px; | 4816 | margin-top: 3px; |
| 4810 | margin-bottom: 3px; | 4817 | margin-bottom: 3px; |
| 4811 | width: auto !important; | 4818 | width: auto !important; |
| 4812 | min-width: 100px; | 4819 | min-width: 100px; |
| 4813 | -webkit-box-shadow: none; | 4820 | -webkit-box-shadow: none; |
| 4814 | box-shadow: none; | 4821 | box-shadow: none; |
| 4815 | } | 4822 | } |
| 4816 | .bootstrap-tagsinput input:focus { | 4823 | .bootstrap-tagsinput input:focus { |
| 4817 | border: none; | 4824 | border: none; |
| 4818 | box-shadow: none; | 4825 | box-shadow: none; |
| 4819 | } | 4826 | } |
| 4820 | .bootstrap-tagsinput .twitter-typeahead { | 4827 | .bootstrap-tagsinput .twitter-typeahead { |
| 4821 | width: auto; | 4828 | width: auto; |
| 4822 | } | 4829 | } |
| 4823 | .bootstrap-tagsinput .tt-dropdown-menu { | 4830 | .bootstrap-tagsinput .tt-dropdown-menu { |
| 4824 | margin-top: 5px; | 4831 | margin-top: 5px; |
| 4825 | min-width: 200px; | 4832 | min-width: 200px; |
| 4826 | } | 4833 | } |
| 4827 | .bootstrap-tagsinput .tag { | 4834 | .bootstrap-tagsinput .tag { |
| 4828 | margin-top: 3px; | 4835 | margin-top: 3px; |
| 4829 | margin-bottom: 3px; | 4836 | margin-bottom: 3px; |
| 4830 | margin-right: 6px; | 4837 | margin-right: 6px; |
| 4831 | border: 0; | 4838 | border: 0; |
| 4832 | border-radius: 100px; | 4839 | border-radius: 100px; |
| 4833 | padding: 7px 14px; | 4840 | padding: 7px 14px; |
| 4834 | padding-right: 33px; | 4841 | padding-right: 33px; |
| 4835 | float: left; | 4842 | float: left; |
| 4836 | font-size: 12px; | 4843 | font-size: 12px; |
| 4837 | line-height: 1.6666667; | 4844 | line-height: 1.6666667; |
| 4838 | font-weight: 400; | 4845 | font-weight: 400; |
| 4839 | text-transform: none; | 4846 | text-transform: none; |
| 4840 | position: relative; | 4847 | position: relative; |
| 4841 | } | 4848 | } |
| 4842 | .bootstrap-tagsinput .tag:not([class*=bg-]) { | 4849 | .bootstrap-tagsinput .tag:not([class*=bg-]) { |
| 4843 | background-color: #03A9F4; | 4850 | background-color: #03A9F4; |
| 4844 | color: #fff; | 4851 | color: #fff; |
| 4845 | } | 4852 | } |
| 4846 | .bootstrap-tagsinput .tag [data-role="remove"] { | 4853 | .bootstrap-tagsinput .tag [data-role="remove"] { |
| 4847 | cursor: pointer; | 4854 | cursor: pointer; |
| 4848 | position: absolute; | 4855 | position: absolute; |
| 4849 | top: 50%; | 4856 | top: 50%; |
| 4850 | right: 14px; | 4857 | right: 14px; |
| 4851 | line-height: 1; | 4858 | line-height: 1; |
| 4852 | margin-top: -5.5px; | 4859 | margin-top: -5.5px; |
| 4853 | opacity: 0.7; | 4860 | opacity: 0.7; |
| 4854 | filter: alpha(opacity=70); | 4861 | filter: alpha(opacity=70); |
| 4855 | } | 4862 | } |
| 4856 | .bootstrap-tagsinput .tag [data-role="remove"]:hover { | 4863 | .bootstrap-tagsinput .tag [data-role="remove"]:hover { |
| 4857 | opacity: 1; | 4864 | opacity: 1; |
| 4858 | filter: alpha(opacity=100); | 4865 | filter: alpha(opacity=100); |
| 4859 | } | 4866 | } |
| 4860 | .bootstrap-tagsinput .tag [data-role="remove"]:after { | 4867 | .bootstrap-tagsinput .tag [data-role="remove"]:after { |
| 4861 | content: '\ed6a'; | 4868 | content: '\ed6a'; |
| 4862 | font-family: 'icomoon'; | 4869 | font-family: 'icomoon'; |
| 4863 | display: block; | 4870 | display: block; |
| 4864 | font-size: 11px; | 4871 | font-size: 11px; |
| 4865 | color: #fff; | 4872 | color: #fff; |
| 4866 | -webkit-font-smoothing: antialiased; | 4873 | -webkit-font-smoothing: antialiased; |
| 4867 | -moz-osx-font-smoothing: grayscale; | 4874 | -moz-osx-font-smoothing: grayscale; |
| 4868 | } | 4875 | } |
| 4869 | /* ------------------------------------------------------------------------------ | 4876 | /* ------------------------------------------------------------------------------ |
| 4870 | * | 4877 | * |
| 4871 | * # Touchspin spinners | 4878 | * # Touchspin spinners |
| 4872 | * | 4879 | * |
| 4873 | * Styles for touchspin.min.js - spinner form control library | 4880 | * Styles for touchspin.min.js - spinner form control library |
| 4874 | * | 4881 | * |
| 4875 | * Version: 1.1 | 4882 | * Version: 1.1 |
| 4876 | * Latest update: Oct 20, 2015 | 4883 | * Latest update: Oct 20, 2015 |
| 4877 | * | 4884 | * |
| 4878 | * ---------------------------------------------------------------------------- */ | 4885 | * ---------------------------------------------------------------------------- */ |
| 4879 | .bootstrap-touchspin .input-group-btn-vertical { | 4886 | .bootstrap-touchspin .input-group-btn-vertical { |
| 4880 | white-space: nowrap; | 4887 | white-space: nowrap; |
| 4881 | width: 1%; | 4888 | width: 1%; |
| 4882 | vertical-align: middle; | 4889 | vertical-align: middle; |
| 4883 | display: table-cell; | 4890 | display: table-cell; |
| 4884 | } | 4891 | } |
| 4885 | .bootstrap-touchspin .input-group-btn-vertical > .btn { | 4892 | .bootstrap-touchspin .input-group-btn-vertical > .btn { |
| 4886 | height: 38px; | 4893 | height: 38px; |
| 4887 | line-height: 1.5384616; | 4894 | line-height: 1.5384616; |
| 4888 | } | 4895 | } |
| 4889 | .bootstrap-touchspin .input-group-btn-vertical i { | 4896 | .bootstrap-touchspin .input-group-btn-vertical i { |
| 4890 | position: absolute; | 4897 | position: absolute; |
| 4891 | top: 50%; | 4898 | top: 50%; |
| 4892 | left: 50%; | 4899 | left: 50%; |
| 4893 | margin-left: -8px; | 4900 | margin-left: -8px; |
| 4894 | margin-top: -8px; | 4901 | margin-top: -8px; |
| 4895 | font-weight: normal; | 4902 | font-weight: normal; |
| 4896 | } | 4903 | } |
| 4897 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { | 4904 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { |
| 4898 | border-bottom-right-radius: 0; | 4905 | border-bottom-right-radius: 0; |
| 4899 | border-top-right-radius: 0; | 4906 | border-top-right-radius: 0; |
| 4900 | } | 4907 | } |
| 4901 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { | 4908 | .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { |
| 4902 | margin-left: 1px; | 4909 | margin-left: 1px; |
| 4903 | border-bottom-left-radius: 0; | 4910 | border-bottom-left-radius: 0; |
| 4904 | border-top-left-radius: 0; | 4911 | border-top-left-radius: 0; |
| 4905 | } | 4912 | } |
| 4906 | .bootstrap-touchspin.input-group-lg .input-group-btn-vertical > .btn { | 4913 | .bootstrap-touchspin.input-group-lg .input-group-btn-vertical > .btn { |
| 4907 | height: 40px; | 4914 | height: 40px; |
| 4908 | line-height: 1.4285715; | 4915 | line-height: 1.4285715; |
| 4909 | padding-left: 18px; | 4916 | padding-left: 18px; |
| 4910 | padding-right: 18px; | 4917 | padding-right: 18px; |
| 4911 | } | 4918 | } |
| 4912 | .bootstrap-touchspin.input-group-sm .input-group-btn-vertical > .btn { | 4919 | .bootstrap-touchspin.input-group-sm .input-group-btn-vertical > .btn { |
| 4913 | height: 36px; | 4920 | height: 36px; |
| 4914 | line-height: 1.6666667; | 4921 | line-height: 1.6666667; |
| 4915 | padding-left: 14px; | 4922 | padding-left: 14px; |
| 4916 | padding-right: 14px; | 4923 | padding-right: 14px; |
| 4917 | } | 4924 | } |
| 4918 | .bootstrap-touchspin-postfix { | 4925 | .bootstrap-touchspin-postfix { |
| 4919 | padding-right: 0; | 4926 | padding-right: 0; |
| 4920 | } | 4927 | } |
| 4921 | .bootstrap-touchspin-postfix + .input-group-btn, | 4928 | .bootstrap-touchspin-postfix + .input-group-btn, |
| 4922 | .bootstrap-touchspin-postfix + .input-group-btn-vertical { | 4929 | .bootstrap-touchspin-postfix + .input-group-btn-vertical { |
| 4923 | padding-left: 16px; | 4930 | padding-left: 16px; |
| 4924 | } | 4931 | } |
| 4925 | .input-group-lg .bootstrap-touchspin-postfix { | 4932 | .input-group-lg .bootstrap-touchspin-postfix { |
| 4926 | padding-right: 0; | 4933 | padding-right: 0; |
| 4927 | } | 4934 | } |
| 4928 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn, | 4935 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn, |
| 4929 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn-vertical { | 4936 | .input-group-lg .bootstrap-touchspin-postfix + .input-group-btn-vertical { |
| 4930 | padding-left: 18px; | 4937 | padding-left: 18px; |
| 4931 | } | 4938 | } |
| 4932 | .input-group-sm .bootstrap-touchspin-postfix { | 4939 | .input-group-sm .bootstrap-touchspin-postfix { |
| 4933 | padding-right: 0; | 4940 | padding-right: 0; |
| 4934 | } | 4941 | } |
| 4935 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, | 4942 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn, |
| 4936 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical { | 4943 | .input-group-sm .bootstrap-touchspin-postfix + .input-group-btn-vertical { |
| 4937 | padding-left: 14px; | 4944 | padding-left: 14px; |
| 4938 | } | 4945 | } |
| 4939 | /* ------------------------------------------------------------------------------ | 4946 | /* ------------------------------------------------------------------------------ |
| 4940 | * | 4947 | * |
| 4941 | * # Bootstrap Duallistbox | 4948 | * # Bootstrap Duallistbox |
| 4942 | * | 4949 | * |
| 4943 | * Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap | 4950 | * Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap |
| 4944 | * | 4951 | * |
| 4945 | * Version: 1.2 | 4952 | * Version: 1.2 |
| 4946 | * Latest update: Aug 10, 2016 | 4953 | * Latest update: Aug 10, 2016 |
| 4947 | * | 4954 | * |
| 4948 | * ---------------------------------------------------------------------------- */ | 4955 | * ---------------------------------------------------------------------------- */ |
| 4949 | .bootstrap-duallistbox-container .box1 { | 4956 | .bootstrap-duallistbox-container .box1 { |
| 4950 | margin-bottom: 20px; | 4957 | margin-bottom: 20px; |
| 4951 | } | 4958 | } |
| 4952 | .bootstrap-duallistbox-container.moveonselect .move, | 4959 | .bootstrap-duallistbox-container.moveonselect .move, |
| 4953 | .bootstrap-duallistbox-container.moveonselect .remove { | 4960 | .bootstrap-duallistbox-container.moveonselect .remove { |
| 4954 | display: none; | 4961 | display: none; |
| 4955 | } | 4962 | } |
| 4956 | .bootstrap-duallistbox-container.moveonselect .moveall, | 4963 | .bootstrap-duallistbox-container.moveonselect .moveall, |
| 4957 | .bootstrap-duallistbox-container.moveonselect .removeall { | 4964 | .bootstrap-duallistbox-container.moveonselect .removeall { |
| 4958 | width: 100%; | 4965 | width: 100%; |
| 4959 | border-radius: 3px !important; | 4966 | border-radius: 3px !important; |
| 4960 | } | 4967 | } |
| 4961 | .bootstrap-duallistbox-container.moveonselect .btn-group .btn + .btn { | 4968 | .bootstrap-duallistbox-container.moveonselect .btn-group .btn + .btn { |
| 4962 | border-left-width: 1px; | 4969 | border-left-width: 1px; |
| 4963 | } | 4970 | } |
| 4964 | .bootstrap-duallistbox-container .buttons { | 4971 | .bootstrap-duallistbox-container .buttons { |
| 4965 | width: 100%; | 4972 | width: 100%; |
| 4966 | } | 4973 | } |
| 4967 | .bootstrap-duallistbox-container .clear1, | 4974 | .bootstrap-duallistbox-container .clear1, |
| 4968 | .bootstrap-duallistbox-container .clear2 { | 4975 | .bootstrap-duallistbox-container .clear2 { |
| 4969 | display: none; | 4976 | display: none; |
| 4970 | margin-top: 20px; | 4977 | margin-top: 20px; |
| 4971 | } | 4978 | } |
| 4972 | .bootstrap-duallistbox-container .clear1, | 4979 | .bootstrap-duallistbox-container .clear1, |
| 4973 | .bootstrap-duallistbox-container .clear2, | 4980 | .bootstrap-duallistbox-container .clear2, |
| 4974 | .bootstrap-duallistbox-container .clear1:hover, | 4981 | .bootstrap-duallistbox-container .clear1:hover, |
| 4975 | .bootstrap-duallistbox-container .clear2:hover, | 4982 | .bootstrap-duallistbox-container .clear2:hover, |
| 4976 | .bootstrap-duallistbox-container .clear1:focus, | 4983 | .bootstrap-duallistbox-container .clear1:focus, |
| 4977 | .bootstrap-duallistbox-container .clear2:focus { | 4984 | .bootstrap-duallistbox-container .clear2:focus { |
| 4978 | background-color: transparent; | 4985 | background-color: transparent; |
| 4979 | border: 0; | 4986 | border: 0; |
| 4980 | color: #1E88E5; | 4987 | color: #1E88E5; |
| 4981 | padding: 0; | 4988 | padding: 0; |
| 4982 | -webkit-box-shadow: none; | 4989 | -webkit-box-shadow: none; |
| 4983 | box-shadow: none; | 4990 | box-shadow: none; |
| 4984 | } | 4991 | } |
| 4985 | .bootstrap-duallistbox-container .box1.filtered .clear1, | 4992 | .bootstrap-duallistbox-container .box1.filtered .clear1, |
| 4986 | .bootstrap-duallistbox-container .box2.filtered .clear2 { | 4993 | .bootstrap-duallistbox-container .box2.filtered .clear2 { |
| 4987 | display: inline-block; | 4994 | display: inline-block; |
| 4988 | } | 4995 | } |
| 4989 | .bootstrap-duallistbox-container .move, | 4996 | .bootstrap-duallistbox-container .move, |
| 4990 | .bootstrap-duallistbox-container .remove, | 4997 | .bootstrap-duallistbox-container .remove, |
| 4991 | .bootstrap-duallistbox-container .moveall, | 4998 | .bootstrap-duallistbox-container .moveall, |
| 4992 | .bootstrap-duallistbox-container .removeall { | 4999 | .bootstrap-duallistbox-container .removeall { |
| 4993 | width: 50%; | 5000 | width: 50%; |
| 4994 | } | 5001 | } |
| 4995 | .bootstrap-duallistbox-container .btn-group .btn { | 5002 | .bootstrap-duallistbox-container .btn-group .btn { |
| 4996 | margin: 0; | 5003 | margin: 0; |
| 4997 | } | 5004 | } |
| 4998 | .bootstrap-duallistbox-container .btn-group .btn + .btn { | 5005 | .bootstrap-duallistbox-container .btn-group .btn + .btn { |
| 4999 | border-left-width: 0; | 5006 | border-left-width: 0; |
| 5000 | } | 5007 | } |
| 5001 | .bootstrap-duallistbox-container .btn-group .btn > i { | 5008 | .bootstrap-duallistbox-container .btn-group .btn > i { |
| 5002 | float: none; | 5009 | float: none; |
| 5003 | text-align: center; | 5010 | text-align: center; |
| 5004 | } | 5011 | } |
| 5005 | .bootstrap-duallistbox-container .btn-group .btn > i + i { | 5012 | .bootstrap-duallistbox-container .btn-group .btn > i + i { |
| 5006 | margin-left: -14px; | 5013 | margin-left: -14px; |
| 5007 | } | 5014 | } |
| 5008 | .bootstrap-duallistbox-container .filter { | 5015 | .bootstrap-duallistbox-container .filter { |
| 5009 | margin-bottom: 20px; | 5016 | margin-bottom: 20px; |
| 5010 | position: relative; | 5017 | position: relative; |
| 5011 | } | 5018 | } |
| 5012 | .bootstrap-duallistbox-container .filter.placeholder { | 5019 | .bootstrap-duallistbox-container .filter.placeholder { |
| 5013 | color: #999; | 5020 | color: #999; |
| 5014 | } | 5021 | } |
| 5015 | .bootstrap-duallistbox-container .info-container .info { | 5022 | .bootstrap-duallistbox-container .info-container .info { |
| 5016 | display: inline-block; | 5023 | display: inline-block; |
| 5017 | margin-top: 20px; | 5024 | margin-top: 20px; |
| 5018 | } | 5025 | } |
| 5019 | .bootstrap-duallistbox-container .info-container .info .label { | 5026 | .bootstrap-duallistbox-container .info-container .info .label { |
| 5020 | margin-right: 8px; | 5027 | margin-right: 8px; |
| 5021 | } | 5028 | } |
| 5022 | .sidebar .bootstrap-duallistbox-container { | 5029 | .sidebar .bootstrap-duallistbox-container { |
| 5023 | text-align: center; | 5030 | text-align: center; |
| 5024 | } | 5031 | } |
| 5025 | .sidebar .bootstrap-duallistbox-container .box1, | 5032 | .sidebar .bootstrap-duallistbox-container .box1, |
| 5026 | .sidebar .bootstrap-duallistbox-container .box2 { | 5033 | .sidebar .bootstrap-duallistbox-container .box2 { |
| 5027 | float: none; | 5034 | float: none; |
| 5028 | width: 100%; | 5035 | width: 100%; |
| 5029 | } | 5036 | } |
| 5030 | .sidebar .bootstrap-duallistbox-container .box1:after { | 5037 | .sidebar .bootstrap-duallistbox-container .box1:after { |
| 5031 | content: '\e9c9'; | 5038 | content: '\e9c9'; |
| 5032 | font-size: 16px; | 5039 | font-size: 16px; |
| 5033 | font-family: 'icomoon'; | 5040 | font-family: 'icomoon'; |
| 5034 | display: block; | 5041 | display: block; |
| 5035 | text-align: center; | 5042 | text-align: center; |
| 5036 | line-height: 1; | 5043 | line-height: 1; |
| 5037 | margin: 10px 0; | 5044 | margin: 10px 0; |
| 5038 | -webkit-font-smoothing: antialiased; | 5045 | -webkit-font-smoothing: antialiased; |
| 5039 | -moz-osx-font-smoothing: grayscale; | 5046 | -moz-osx-font-smoothing: grayscale; |
| 5040 | opacity: 0.5; | 5047 | opacity: 0.5; |
| 5041 | filter: alpha(opacity=50); | 5048 | filter: alpha(opacity=50); |
| 5042 | } | 5049 | } |
| 5043 | @media (min-width: 1025px) { | 5050 | @media (min-width: 1025px) { |
| 5044 | .bootstrap-duallistbox-container .box1 { | 5051 | .bootstrap-duallistbox-container .box1 { |
| 5045 | margin-bottom: 0; | 5052 | margin-bottom: 0; |
| 5046 | } | 5053 | } |
| 5047 | .sidebar .bootstrap-duallistbox-container .box1 { | 5054 | .sidebar .bootstrap-duallistbox-container .box1 { |
| 5048 | margin-bottom: 0; | 5055 | margin-bottom: 0; |
| 5049 | } | 5056 | } |
| 5050 | } | 5057 | } |
| 5051 | /* ------------------------------------------------------------------------------ | 5058 | /* ------------------------------------------------------------------------------ |
| 5052 | * | 5059 | * |
| 5053 | * # Bootstrap maxlength | 5060 | * # Bootstrap maxlength |
| 5054 | * | 5061 | * |
| 5055 | * Styles for maxlength.min.js - input characters counter | 5062 | * Styles for maxlength.min.js - input characters counter |
| 5056 | * | 5063 | * |
| 5057 | * Version: 1.0 | 5064 | * Version: 1.0 |
| 5058 | * Latest update: Mar 10, 2016 | 5065 | * Latest update: Mar 10, 2016 |
| 5059 | * | 5066 | * |
| 5060 | * ---------------------------------------------------------------------------- */ | 5067 | * ---------------------------------------------------------------------------- */ |
| 5061 | .bootstrap-maxlength { | 5068 | .bootstrap-maxlength { |
| 5062 | margin-top: 8px; | 5069 | margin-top: 8px; |
| 5063 | font-size: 12px; | 5070 | font-size: 12px; |
| 5064 | font-weight: 500; | 5071 | font-weight: 500; |
| 5065 | } | 5072 | } |
| 5066 | /* ------------------------------------------------------------------------------ | 5073 | /* ------------------------------------------------------------------------------ |
| 5067 | * | 5074 | * |
| 5068 | * # Steps wizard | 5075 | * # Steps wizard |
| 5069 | * | 5076 | * |
| 5070 | * An all-in-one wizard plugin that is extremely flexible, compact and feature-rich | 5077 | * An all-in-one wizard plugin that is extremely flexible, compact and feature-rich |
| 5071 | * | 5078 | * |
| 5072 | * Version: 1.2 | 5079 | * Version: 1.2 |
| 5073 | * Latest update: Aug 10, 2016 | 5080 | * Latest update: Aug 10, 2016 |
| 5074 | * | 5081 | * |
| 5075 | * ---------------------------------------------------------------------------- */ | 5082 | * ---------------------------------------------------------------------------- */ |
| 5076 | .wizard { | 5083 | .wizard { |
| 5077 | width: 100%; | 5084 | width: 100%; |
| 5078 | } | 5085 | } |
| 5079 | .wizard > .steps .current-info, | 5086 | .wizard > .steps .current-info, |
| 5080 | .wizard > .content > .title { | 5087 | .wizard > .content > .title { |
| 5081 | position: absolute; | 5088 | position: absolute; |
| 5082 | left: -99999px; | 5089 | left: -99999px; |
| 5083 | } | 5090 | } |
| 5084 | .wizard > .content { | 5091 | .wizard > .content { |
| 5085 | position: relative; | 5092 | position: relative; |
| 5086 | width: auto; | 5093 | width: auto; |
| 5087 | padding: 0; | 5094 | padding: 0; |
| 5088 | } | 5095 | } |
| 5089 | .wizard > .content > .body { | 5096 | .wizard > .content > .body { |
| 5090 | padding: 0 20px; | 5097 | padding: 0 20px; |
| 5091 | } | 5098 | } |
| 5092 | .wizard > .content > iframe { | 5099 | .wizard > .content > iframe { |
| 5093 | border: 0 none; | 5100 | border: 0 none; |
| 5094 | width: 100%; | 5101 | width: 100%; |
| 5095 | height: 100%; | 5102 | height: 100%; |
| 5096 | } | 5103 | } |
| 5097 | .wizard > .steps { | 5104 | .wizard > .steps { |
| 5098 | position: relative; | 5105 | position: relative; |
| 5099 | display: block; | 5106 | display: block; |
| 5100 | width: 100%; | 5107 | width: 100%; |
| 5101 | } | 5108 | } |
| 5102 | .wizard > .steps > ul { | 5109 | .wizard > .steps > ul { |
| 5103 | display: table; | 5110 | display: table; |
| 5104 | width: 100%; | 5111 | width: 100%; |
| 5105 | table-layout: fixed; | 5112 | table-layout: fixed; |
| 5106 | margin: 0; | 5113 | margin: 0; |
| 5107 | padding: 0; | 5114 | padding: 0; |
| 5108 | list-style: none; | 5115 | list-style: none; |
| 5109 | } | 5116 | } |
| 5110 | .wizard > .steps > ul > li { | 5117 | .wizard > .steps > ul > li { |
| 5111 | display: table-cell; | 5118 | display: table-cell; |
| 5112 | width: auto; | 5119 | width: auto; |
| 5113 | vertical-align: top; | 5120 | vertical-align: top; |
| 5114 | text-align: center; | 5121 | text-align: center; |
| 5115 | position: relative; | 5122 | position: relative; |
| 5116 | } | 5123 | } |
| 5117 | .wizard > .steps > ul > li a { | 5124 | .wizard > .steps > ul > li a { |
| 5118 | position: relative; | 5125 | position: relative; |
| 5119 | padding-top: 48px; | 5126 | padding-top: 48px; |
| 5120 | margin-top: 20px; | 5127 | margin-top: 20px; |
| 5121 | margin-bottom: 20px; | 5128 | margin-bottom: 20px; |
| 5122 | display: block; | 5129 | display: block; |
| 5123 | } | 5130 | } |
| 5124 | .wizard > .steps > ul > li:before, | 5131 | .wizard > .steps > ul > li:before, |
| 5125 | .wizard > .steps > ul > li:after { | 5132 | .wizard > .steps > ul > li:after { |
| 5126 | content: ''; | 5133 | content: ''; |
| 5127 | display: block; | 5134 | display: block; |
| 5128 | position: absolute; | 5135 | position: absolute; |
| 5129 | top: 43px; | 5136 | top: 43px; |
| 5130 | width: 50%; | 5137 | width: 50%; |
| 5131 | height: 2px; | 5138 | height: 2px; |
| 5132 | background-color: #00BCD4; | 5139 | background-color: #00BCD4; |
| 5133 | z-index: 9; | 5140 | z-index: 9; |
| 5134 | } | 5141 | } |
| 5135 | .wizard > .steps > ul > li:before { | 5142 | .wizard > .steps > ul > li:before { |
| 5136 | left: 0; | 5143 | left: 0; |
| 5137 | } | 5144 | } |
| 5138 | .wizard > .steps > ul > li:after { | 5145 | .wizard > .steps > ul > li:after { |
| 5139 | right: 0; | 5146 | right: 0; |
| 5140 | } | 5147 | } |
| 5141 | .wizard > .steps > ul > li:first-child:before, | 5148 | .wizard > .steps > ul > li:first-child:before, |
| 5142 | .wizard > .steps > ul > li:last-child:after { | 5149 | .wizard > .steps > ul > li:last-child:after { |
| 5143 | content: none; | 5150 | content: none; |
| 5144 | } | 5151 | } |
| 5145 | .wizard > .steps > ul > li.current:after, | 5152 | .wizard > .steps > ul > li.current:after, |
| 5146 | .wizard > .steps > ul > li.current ~ li:before, | 5153 | .wizard > .steps > ul > li.current ~ li:before, |
| 5147 | .wizard > .steps > ul > li.current ~ li:after { | 5154 | .wizard > .steps > ul > li.current ~ li:after { |
| 5148 | background-color: #eeeeee; | 5155 | background-color: #eeeeee; |
| 5149 | } | 5156 | } |
| 5150 | .wizard > .steps > ul > li.current > a { | 5157 | .wizard > .steps > ul > li.current > a { |
| 5151 | color: #333333; | 5158 | color: #333333; |
| 5152 | cursor: default; | 5159 | cursor: default; |
| 5153 | } | 5160 | } |
| 5154 | .wizard > .steps > ul > li.current .number { | 5161 | .wizard > .steps > ul > li.current .number { |
| 5155 | font-size: 0; | 5162 | font-size: 0; |
| 5156 | border-color: #00BCD4; | 5163 | border-color: #00BCD4; |
| 5157 | background-color: #fff; | 5164 | background-color: #fff; |
| 5158 | color: #00BCD4; | 5165 | color: #00BCD4; |
| 5159 | } | 5166 | } |
| 5160 | .wizard > .steps > ul > li.current .number:after { | 5167 | .wizard > .steps > ul > li.current .number:after { |
| 5161 | content: '\e913'; | 5168 | content: '\e913'; |
| 5162 | font-family: 'icomoon'; | 5169 | font-family: 'icomoon'; |
| 5163 | display: inline-block; | 5170 | display: inline-block; |
| 5164 | font-size: 16px; | 5171 | font-size: 16px; |
| 5165 | -webkit-font-smoothing: antialiased; | 5172 | -webkit-font-smoothing: antialiased; |
| 5166 | -moz-osx-font-smoothing: grayscale; | 5173 | -moz-osx-font-smoothing: grayscale; |
| 5167 | line-height: 34px; | 5174 | line-height: 34px; |
| 5168 | -webkit-transition: all 0.15s ease-in-out; | 5175 | -webkit-transition: all 0.15s ease-in-out; |
| 5169 | -o-transition: all 0.15s ease-in-out; | 5176 | -o-transition: all 0.15s ease-in-out; |
| 5170 | transition: all 0.15s ease-in-out; | 5177 | transition: all 0.15s ease-in-out; |
| 5171 | } | 5178 | } |
| 5172 | .wizard > .steps > ul > li.disabled a, | 5179 | .wizard > .steps > ul > li.disabled a, |
| 5173 | .wizard > .steps > ul > li.disabled a:hover, | 5180 | .wizard > .steps > ul > li.disabled a:hover, |
| 5174 | .wizard > .steps > ul > li.disabled a:focus { | 5181 | .wizard > .steps > ul > li.disabled a:focus { |
| 5175 | color: #999999; | 5182 | color: #999999; |
| 5176 | cursor: default; | 5183 | cursor: default; |
| 5177 | } | 5184 | } |
| 5178 | .wizard > .steps > ul > li.done a, | 5185 | .wizard > .steps > ul > li.done a, |
| 5179 | .wizard > .steps > ul > li.done a:hover, | 5186 | .wizard > .steps > ul > li.done a:hover, |
| 5180 | .wizard > .steps > ul > li.done a:focus { | 5187 | .wizard > .steps > ul > li.done a:focus { |
| 5181 | color: #999999; | 5188 | color: #999999; |
| 5182 | } | 5189 | } |
| 5183 | .wizard > .steps > ul > li.done .number { | 5190 | .wizard > .steps > ul > li.done .number { |
| 5184 | font-size: 0; | 5191 | font-size: 0; |
| 5185 | background-color: #00BCD4; | 5192 | background-color: #00BCD4; |
| 5186 | border-color: #00BCD4; | 5193 | border-color: #00BCD4; |
| 5187 | color: #fff; | 5194 | color: #fff; |
| 5188 | } | 5195 | } |
| 5189 | .wizard > .steps > ul > li.done .number:after { | 5196 | .wizard > .steps > ul > li.done .number:after { |
| 5190 | content: '\ed6f'; | 5197 | content: '\ed6f'; |
| 5191 | font-family: 'icomoon'; | 5198 | font-family: 'icomoon'; |
| 5192 | display: inline-block; | 5199 | display: inline-block; |
| 5193 | font-size: 16px; | 5200 | font-size: 16px; |
| 5194 | line-height: 34px; | 5201 | line-height: 34px; |
| 5195 | -webkit-font-smoothing: antialiased; | 5202 | -webkit-font-smoothing: antialiased; |
| 5196 | -moz-osx-font-smoothing: grayscale; | 5203 | -moz-osx-font-smoothing: grayscale; |
| 5197 | -webkit-transition: all 0.15s ease-in-out; | 5204 | -webkit-transition: all 0.15s ease-in-out; |
| 5198 | -o-transition: all 0.15s ease-in-out; | 5205 | -o-transition: all 0.15s ease-in-out; |
| 5199 | transition: all 0.15s ease-in-out; | 5206 | transition: all 0.15s ease-in-out; |
| 5200 | } | 5207 | } |
| 5201 | .wizard > .steps > ul > li.error .number { | 5208 | .wizard > .steps > ul > li.error .number { |
| 5202 | border-color: #F44336; | 5209 | border-color: #F44336; |
| 5203 | color: #F44336; | 5210 | color: #F44336; |
| 5204 | } | 5211 | } |
| 5205 | @media (max-width: 768px) { | 5212 | @media (max-width: 768px) { |
| 5206 | .wizard > .steps > ul { | 5213 | .wizard > .steps > ul { |
| 5207 | margin-bottom: 20px; | 5214 | margin-bottom: 20px; |
| 5208 | } | 5215 | } |
| 5209 | .wizard > .steps > ul > li { | 5216 | .wizard > .steps > ul > li { |
| 5210 | display: block; | 5217 | display: block; |
| 5211 | float: left; | 5218 | float: left; |
| 5212 | width: 50%; | 5219 | width: 50%; |
| 5213 | } | 5220 | } |
| 5214 | .wizard > .steps > ul > li > a { | 5221 | .wizard > .steps > ul > li > a { |
| 5215 | margin-bottom: 0; | 5222 | margin-bottom: 0; |
| 5216 | } | 5223 | } |
| 5217 | .wizard > .steps > ul > li:first-child:before, | 5224 | .wizard > .steps > ul > li:first-child:before, |
| 5218 | .wizard > .steps > ul > li:last-child:after { | 5225 | .wizard > .steps > ul > li:last-child:after { |
| 5219 | content: ''; | 5226 | content: ''; |
| 5220 | } | 5227 | } |
| 5221 | .wizard > .steps > ul > li:last-child:after { | 5228 | .wizard > .steps > ul > li:last-child:after { |
| 5222 | background-color: #00BCD4; | 5229 | background-color: #00BCD4; |
| 5223 | } | 5230 | } |
| 5224 | } | 5231 | } |
| 5225 | @media (max-width: 480px) { | 5232 | @media (max-width: 480px) { |
| 5226 | .wizard > .steps > ul > li { | 5233 | .wizard > .steps > ul > li { |
| 5227 | width: 100%; | 5234 | width: 100%; |
| 5228 | } | 5235 | } |
| 5229 | .wizard > .steps > ul > li.current:after { | 5236 | .wizard > .steps > ul > li.current:after { |
| 5230 | background-color: #00BCD4; | 5237 | background-color: #00BCD4; |
| 5231 | } | 5238 | } |
| 5232 | } | 5239 | } |
| 5233 | .wizard > .steps .number { | 5240 | .wizard > .steps .number { |
| 5234 | background-color: #fff; | 5241 | background-color: #fff; |
| 5235 | color: #ccc; | 5242 | color: #ccc; |
| 5236 | display: inline-block; | 5243 | display: inline-block; |
| 5237 | position: absolute; | 5244 | position: absolute; |
| 5238 | top: 0; | 5245 | top: 0; |
| 5239 | left: 50%; | 5246 | left: 50%; |
| 5240 | margin-left: -19px; | 5247 | margin-left: -19px; |
| 5241 | width: 38px; | 5248 | width: 38px; |
| 5242 | height: 38px; | 5249 | height: 38px; |
| 5243 | border: 2px solid #eeeeee; | 5250 | border: 2px solid #eeeeee; |
| 5244 | font-size: 14px; | 5251 | font-size: 14px; |
| 5245 | border-radius: 50%; | 5252 | border-radius: 50%; |
| 5246 | z-index: 10; | 5253 | z-index: 10; |
| 5247 | line-height: 34px; | 5254 | line-height: 34px; |
| 5248 | text-align: center; | 5255 | text-align: center; |
| 5249 | } | 5256 | } |
| 5250 | .panel-flat > .wizard > .steps > ul { | 5257 | .panel-flat > .wizard > .steps > ul { |
| 5251 | border-top: 1px solid #ddd; | 5258 | border-top: 1px solid #ddd; |
| 5252 | } | 5259 | } |
| 5253 | .wizard > .actions { | 5260 | .wizard > .actions { |
| 5254 | position: relative; | 5261 | position: relative; |
| 5255 | display: block; | 5262 | display: block; |
| 5256 | text-align: right; | 5263 | text-align: right; |
| 5257 | padding: 20px; | 5264 | padding: 20px; |
| 5258 | padding-top: 0; | 5265 | padding-top: 0; |
| 5259 | } | 5266 | } |
| 5260 | .wizard > .actions > ul { | 5267 | .wizard > .actions > ul { |
| 5261 | float: right; | 5268 | float: right; |
| 5262 | list-style: none; | 5269 | list-style: none; |
| 5263 | padding: 0; | 5270 | padding: 0; |
| 5264 | margin: 0; | 5271 | margin: 0; |
| 5265 | } | 5272 | } |
| 5266 | .wizard > .actions > ul:after { | 5273 | .wizard > .actions > ul:after { |
| 5267 | content: ''; | 5274 | content: ''; |
| 5268 | display: table; | 5275 | display: table; |
| 5269 | clear: both; | 5276 | clear: both; |
| 5270 | } | 5277 | } |
| 5271 | .wizard > .actions > ul > li { | 5278 | .wizard > .actions > ul > li { |
| 5272 | float: left; | 5279 | float: left; |
| 5273 | } | 5280 | } |
| 5274 | .wizard > .actions > ul > li + li { | 5281 | .wizard > .actions > ul > li + li { |
| 5275 | margin-left: 10px; | 5282 | margin-left: 10px; |
| 5276 | } | 5283 | } |
| 5277 | .wizard > .actions > ul > li > a { | 5284 | .wizard > .actions > ul > li > a { |
| 5278 | background: #2196F3; | 5285 | background: #2196F3; |
| 5279 | color: #fff; | 5286 | color: #fff; |
| 5280 | display: block; | 5287 | display: block; |
| 5281 | padding: 8px 16px; | 5288 | padding: 8px 16px; |
| 5282 | border-radius: 3px; | 5289 | border-radius: 3px; |
| 5283 | text-transform: uppercase; | 5290 | text-transform: uppercase; |
| 5284 | font-weight: 500; | 5291 | font-weight: 500; |
| 5285 | border: 1px solid transparent; | 5292 | border: 1px solid transparent; |
| 5286 | } | 5293 | } |
| 5287 | .wizard > .actions > ul > li > a:hover, | 5294 | .wizard > .actions > ul > li > a:hover, |
| 5288 | .wizard > .actions > ul > li > a:focus { | 5295 | .wizard > .actions > ul > li > a:focus { |
| 5289 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 5296 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 5290 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 5297 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 5291 | } | 5298 | } |
| 5292 | .wizard > .actions > ul > li > a:active { | 5299 | .wizard > .actions > ul > li > a:active { |
| 5293 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 5300 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 5294 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 5301 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 5295 | } | 5302 | } |
| 5296 | .wizard > .actions > ul > li > a[href="#previous"] { | 5303 | .wizard > .actions > ul > li > a[href="#previous"] { |
| 5297 | background-color: #f5f5f5; | 5304 | background-color: #f5f5f5; |
| 5298 | color: #333; | 5305 | color: #333; |
| 5299 | border: 1px solid transparent; | 5306 | border: 1px solid transparent; |
| 5300 | } | 5307 | } |
| 5301 | .wizard > .actions > ul > li > a[href="#previous"]:hover, | 5308 | .wizard > .actions > ul > li > a[href="#previous"]:hover, |
| 5302 | .wizard > .actions > ul > li > a[href="#previous"]:focus { | 5309 | .wizard > .actions > ul > li > a[href="#previous"]:focus { |
| 5303 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; | 5310 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; |
| 5304 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; | 5311 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.02) inset; |
| 5305 | } | 5312 | } |
| 5306 | .wizard > .actions > ul > li > a[href="#previous"]:active { | 5313 | .wizard > .actions > ul > li > a[href="#previous"]:active { |
| 5307 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; | 5314 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; |
| 5308 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; | 5315 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.04) inset; |
| 5309 | } | 5316 | } |
| 5310 | .wizard > .actions > ul > li.disabled > a, | 5317 | .wizard > .actions > ul > li.disabled > a, |
| 5311 | .wizard > .actions > ul > li.disabled > a:hover, | 5318 | .wizard > .actions > ul > li.disabled > a:hover, |
| 5312 | .wizard > .actions > ul > li.disabled > a:focus { | 5319 | .wizard > .actions > ul > li.disabled > a:focus { |
| 5313 | color: #999999; | 5320 | color: #999999; |
| 5314 | } | 5321 | } |
| 5315 | .wizard > .actions > ul > li.disabled > a[href="#previous"], | 5322 | .wizard > .actions > ul > li.disabled > a[href="#previous"], |
| 5316 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover, | 5323 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:hover, |
| 5317 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus { | 5324 | .wizard > .actions > ul > li.disabled > a[href="#previous"]:focus { |
| 5318 | -webkit-box-shadow: none; | 5325 | -webkit-box-shadow: none; |
| 5319 | box-shadow: none; | 5326 | box-shadow: none; |
| 5320 | } | 5327 | } |
| 5321 | /* ------------------------------------------------------------------------------ | 5328 | /* ------------------------------------------------------------------------------ |
| 5322 | * | 5329 | * |
| 5323 | * # Form wizard | 5330 | * # Form wizard |
| 5324 | * | 5331 | * |
| 5325 | * jQuery plugin which turns a form into a multistep wizard | 5332 | * jQuery plugin which turns a form into a multistep wizard |
| 5326 | * | 5333 | * |
| 5327 | * Version: 1.1 | 5334 | * Version: 1.1 |
| 5328 | * Latest update: Mar 10, 2016 | 5335 | * Latest update: Mar 10, 2016 |
| 5329 | * | 5336 | * |
| 5330 | * ---------------------------------------------------------------------------- */ | 5337 | * ---------------------------------------------------------------------------- */ |
| 5331 | .panel-flat > .ui-formwizard { | 5338 | .panel-flat > .ui-formwizard { |
| 5332 | border-top: 1px solid #ddd; | 5339 | border-top: 1px solid #ddd; |
| 5333 | } | 5340 | } |
| 5334 | .form-wizard-title { | 5341 | .form-wizard-title { |
| 5335 | margin: 0 0 20px 0; | 5342 | margin: 0 0 20px 0; |
| 5336 | padding-bottom: 20px; | 5343 | padding-bottom: 20px; |
| 5337 | border-bottom: 1px solid #ddd; | 5344 | border-bottom: 1px solid #ddd; |
| 5338 | } | 5345 | } |
| 5339 | .form-wizard-count { | 5346 | .form-wizard-count { |
| 5340 | float: left; | 5347 | float: left; |
| 5341 | display: block; | 5348 | display: block; |
| 5342 | width: 38px; | 5349 | width: 38px; |
| 5343 | height: 38px; | 5350 | height: 38px; |
| 5344 | border-radius: 50%; | 5351 | border-radius: 50%; |
| 5345 | border: 2px solid #4CAF50; | 5352 | border: 2px solid #4CAF50; |
| 5346 | color: #4CAF50; | 5353 | color: #4CAF50; |
| 5347 | text-align: center; | 5354 | text-align: center; |
| 5348 | line-height: 34px; | 5355 | line-height: 34px; |
| 5349 | margin-right: 10px; | 5356 | margin-right: 10px; |
| 5350 | } | 5357 | } |
| 5351 | .ui-formwizard .step { | 5358 | .ui-formwizard .step { |
| 5352 | padding: 20px; | 5359 | padding: 20px; |
| 5353 | padding-bottom: 0; | 5360 | padding-bottom: 0; |
| 5354 | } | 5361 | } |
| 5355 | .form-wizard-actions { | 5362 | .form-wizard-actions { |
| 5356 | text-align: right; | 5363 | text-align: right; |
| 5357 | padding: 20px; | 5364 | padding: 20px; |
| 5358 | padding-top: 0; | 5365 | padding-top: 0; |
| 5359 | } | 5366 | } |
| 5360 | .panel-body .form-wizard-actions { | 5367 | .panel-body .form-wizard-actions { |
| 5361 | padding: 0; | 5368 | padding: 0; |
| 5362 | } | 5369 | } |
| 5363 | .form-wizard-actions .btn + .btn { | 5370 | .form-wizard-actions .btn + .btn { |
| 5364 | margin-left: 5px; | 5371 | margin-left: 5px; |
| 5365 | } | 5372 | } |
| 5366 | /* ------------------------------------------------------------------------------ | 5373 | /* ------------------------------------------------------------------------------ |
| 5367 | * | 5374 | * |
| 5368 | * # Stepy wizard | 5375 | * # Stepy wizard |
| 5369 | * | 5376 | * |
| 5370 | * jQuery plugin which generates a customizable wizard from form fieldsets | 5377 | * jQuery plugin which generates a customizable wizard from form fieldsets |
| 5371 | * | 5378 | * |
| 5372 | * Version: 1.0 | 5379 | * Version: 1.0 |
| 5373 | * Latest update: May 25, 2015 | 5380 | * Latest update: May 25, 2015 |
| 5374 | * | 5381 | * |
| 5375 | * ---------------------------------------------------------------------------- */ | 5382 | * ---------------------------------------------------------------------------- */ |
| 5376 | .stepy-step { | 5383 | .stepy-step { |
| 5377 | padding: 20px; | 5384 | padding: 20px; |
| 5378 | padding-top: 0; | 5385 | padding-top: 0; |
| 5379 | } | 5386 | } |
| 5380 | .stepy-header { | 5387 | .stepy-header { |
| 5381 | list-style: none; | 5388 | list-style: none; |
| 5382 | padding: 0; | 5389 | padding: 0; |
| 5383 | margin: 0; | 5390 | margin: 0; |
| 5384 | display: table; | 5391 | display: table; |
| 5385 | table-layout: fixed; | 5392 | table-layout: fixed; |
| 5386 | width: 100%; | 5393 | width: 100%; |
| 5387 | } | 5394 | } |
| 5388 | .panel-flat > .stepy-header { | 5395 | .panel-flat > .stepy-header { |
| 5389 | border-top: 1px solid #ddd; | 5396 | border-top: 1px solid #ddd; |
| 5390 | } | 5397 | } |
| 5391 | .stepy-header li { | 5398 | .stepy-header li { |
| 5392 | cursor: pointer; | 5399 | cursor: pointer; |
| 5393 | display: table-cell; | 5400 | display: table-cell; |
| 5394 | vertical-align: top; | 5401 | vertical-align: top; |
| 5395 | width: auto; | 5402 | width: auto; |
| 5396 | padding: 20px 0; | 5403 | padding: 20px 0; |
| 5397 | text-align: center; | 5404 | text-align: center; |
| 5398 | position: relative; | 5405 | position: relative; |
| 5399 | } | 5406 | } |
| 5400 | .stepy-header li span { | 5407 | .stepy-header li span { |
| 5401 | display: block; | 5408 | display: block; |
| 5402 | margin-top: 10px; | 5409 | margin-top: 10px; |
| 5403 | color: #999999; | 5410 | color: #999999; |
| 5404 | } | 5411 | } |
| 5405 | .stepy-header li:before, | 5412 | .stepy-header li:before, |
| 5406 | .stepy-header li:after { | 5413 | .stepy-header li:after { |
| 5407 | content: ''; | 5414 | content: ''; |
| 5408 | display: block; | 5415 | display: block; |
| 5409 | position: absolute; | 5416 | position: absolute; |
| 5410 | top: 43px; | 5417 | top: 43px; |
| 5411 | width: 50%; | 5418 | width: 50%; |
| 5412 | height: 2px; | 5419 | height: 2px; |
| 5413 | background-color: #00BCD4; | 5420 | background-color: #00BCD4; |
| 5414 | z-index: 9; | 5421 | z-index: 9; |
| 5415 | } | 5422 | } |
| 5416 | .stepy-header li:before { | 5423 | .stepy-header li:before { |
| 5417 | left: 0; | 5424 | left: 0; |
| 5418 | } | 5425 | } |
| 5419 | .stepy-header li:after { | 5426 | .stepy-header li:after { |
| 5420 | right: 0; | 5427 | right: 0; |
| 5421 | } | 5428 | } |
| 5422 | .stepy-header li:first-child:before, | 5429 | .stepy-header li:first-child:before, |
| 5423 | .stepy-header li:last-child:after { | 5430 | .stepy-header li:last-child:after { |
| 5424 | content: none; | 5431 | content: none; |
| 5425 | } | 5432 | } |
| 5426 | .stepy-header li div { | 5433 | .stepy-header li div { |
| 5427 | background-color: #00BCD4; | 5434 | background-color: #00BCD4; |
| 5428 | font-size: 0; | 5435 | font-size: 0; |
| 5429 | position: relative; | 5436 | position: relative; |
| 5430 | color: #fff; | 5437 | color: #fff; |
| 5431 | margin-left: auto; | 5438 | margin-left: auto; |
| 5432 | margin-right: auto; | 5439 | margin-right: auto; |
| 5433 | width: 38px; | 5440 | width: 38px; |
| 5434 | height: 38px; | 5441 | height: 38px; |
| 5435 | border: 2px solid #00BCD4; | 5442 | border: 2px solid #00BCD4; |
| 5436 | z-index: 10; | 5443 | z-index: 10; |
| 5437 | line-height: 34px; | 5444 | line-height: 34px; |
| 5438 | text-align: center; | 5445 | text-align: center; |
| 5439 | border-radius: 50%; | 5446 | border-radius: 50%; |
| 5440 | } | 5447 | } |
| 5441 | .stepy-header li div:after { | 5448 | .stepy-header li div:after { |
| 5442 | content: '\ed6c'; | 5449 | content: '\ed6c'; |
| 5443 | font-family: 'icomoon'; | 5450 | font-family: 'icomoon'; |
| 5444 | display: inline-block; | 5451 | display: inline-block; |
| 5445 | font-size: 16px; | 5452 | font-size: 16px; |
| 5446 | -webkit-font-smoothing: antialiased; | 5453 | -webkit-font-smoothing: antialiased; |
| 5447 | -moz-osx-font-smoothing: grayscale; | 5454 | -moz-osx-font-smoothing: grayscale; |
| 5448 | line-height: 34px; | 5455 | line-height: 34px; |
| 5449 | -webkit-transition: all 0.15s ease-in-out; | 5456 | -webkit-transition: all 0.15s ease-in-out; |
| 5450 | -o-transition: all 0.15s ease-in-out; | 5457 | -o-transition: all 0.15s ease-in-out; |
| 5451 | transition: all 0.15s ease-in-out; | 5458 | transition: all 0.15s ease-in-out; |
| 5452 | } | 5459 | } |
| 5453 | .stepy-header li.stepy-active:after, | 5460 | .stepy-header li.stepy-active:after, |
| 5454 | .stepy-header li.stepy-active ~ li:before, | 5461 | .stepy-header li.stepy-active ~ li:before, |
| 5455 | .stepy-header li.stepy-active ~ li:after { | 5462 | .stepy-header li.stepy-active ~ li:after { |
| 5456 | background-color: #f5f5f5; | 5463 | background-color: #f5f5f5; |
| 5457 | } | 5464 | } |
| 5458 | .stepy-header li.stepy-active ~ li div { | 5465 | .stepy-header li.stepy-active ~ li div { |
| 5459 | border-color: #eeeeee; | 5466 | border-color: #eeeeee; |
| 5460 | background-color: #fff; | 5467 | background-color: #fff; |
| 5461 | color: #ccc; | 5468 | color: #ccc; |
| 5462 | font-size: 14px; | 5469 | font-size: 14px; |
| 5463 | } | 5470 | } |
| 5464 | .stepy-header li.stepy-active ~ li div:after { | 5471 | .stepy-header li.stepy-active ~ li div:after { |
| 5465 | content: none; | 5472 | content: none; |
| 5466 | } | 5473 | } |
| 5467 | .stepy-header li.stepy-active div { | 5474 | .stepy-header li.stepy-active div { |
| 5468 | cursor: auto; | 5475 | cursor: auto; |
| 5469 | border-color: #00BCD4; | 5476 | border-color: #00BCD4; |
| 5470 | background-color: #fff; | 5477 | background-color: #fff; |
| 5471 | color: #00BCD4; | 5478 | color: #00BCD4; |
| 5472 | } | 5479 | } |
| 5473 | .stepy-header li.stepy-active div:after { | 5480 | .stepy-header li.stepy-active div:after { |
| 5474 | content: '\e913'; | 5481 | content: '\e913'; |
| 5475 | } | 5482 | } |
| 5476 | .stepy-header li.stepy-active span { | 5483 | .stepy-header li.stepy-active span { |
| 5477 | color: #333333; | 5484 | color: #333333; |
| 5478 | } | 5485 | } |
| 5479 | @media (max-width: 769px) { | 5486 | @media (max-width: 769px) { |
| 5480 | .stepy-header { | 5487 | .stepy-header { |
| 5481 | margin-bottom: 20px; | 5488 | margin-bottom: 20px; |
| 5482 | } | 5489 | } |
| 5483 | .stepy-header li { | 5490 | .stepy-header li { |
| 5484 | display: block; | 5491 | display: block; |
| 5485 | float: left; | 5492 | float: left; |
| 5486 | width: 50%; | 5493 | width: 50%; |
| 5487 | padding-bottom: 0; | 5494 | padding-bottom: 0; |
| 5488 | } | 5495 | } |
| 5489 | .stepy-header li:first-child:before, | 5496 | .stepy-header li:first-child:before, |
| 5490 | .stepy-header li:last-child:after { | 5497 | .stepy-header li:last-child:after { |
| 5491 | content: ''; | 5498 | content: ''; |
| 5492 | } | 5499 | } |
| 5493 | .stepy-header li.stepy-active:last-child:after { | 5500 | .stepy-header li.stepy-active:last-child:after { |
| 5494 | background-color: #00BCD4; | 5501 | background-color: #00BCD4; |
| 5495 | } | 5502 | } |
| 5496 | } | 5503 | } |
| 5497 | @media (max-width: 480px) { | 5504 | @media (max-width: 480px) { |
| 5498 | .stepy-header li { | 5505 | .stepy-header li { |
| 5499 | width: 100%; | 5506 | width: 100%; |
| 5500 | } | 5507 | } |
| 5501 | .stepy-header li.stepy-active:after { | 5508 | .stepy-header li.stepy-active:after { |
| 5502 | background-color: #00BCD4; | 5509 | background-color: #00BCD4; |
| 5503 | } | 5510 | } |
| 5504 | } | 5511 | } |
| 5505 | .stepy-navigator { | 5512 | .stepy-navigator { |
| 5506 | text-align: right; | 5513 | text-align: right; |
| 5507 | } | 5514 | } |
| 5508 | .stepy-navigator .btn + .btn { | 5515 | .stepy-navigator .btn + .btn { |
| 5509 | margin-left: 5px; | 5516 | margin-left: 5px; |
| 5510 | } | 5517 | } |
| 5511 | /* ------------------------------------------------------------------------------ | 5518 | /* ------------------------------------------------------------------------------ |
| 5512 | * | 5519 | * |
| 5513 | * # Summernote editor | 5520 | * # Summernote editor |
| 5514 | * | 5521 | * |
| 5515 | * Super simple WYSIWYG Editor for Bootstrap framework | 5522 | * Super simple WYSIWYG Editor for Bootstrap framework |
| 5516 | * | 5523 | * |
| 5517 | * Version: 1.3 | 5524 | * Version: 1.3 |
| 5518 | * Latest update: Aug 10, 2016 | 5525 | * Latest update: Aug 10, 2016 |
| 5519 | * | 5526 | * |
| 5520 | * ---------------------------------------------------------------------------- */ | 5527 | * ---------------------------------------------------------------------------- */ |
| 5521 | @font-face { | 5528 | @font-face { |
| 5522 | font-family: "summernote"; | 5529 | font-family: "summernote"; |
| 5523 | font-style: normal; | 5530 | font-style: normal; |
| 5524 | font-weight: normal; | 5531 | font-weight: normal; |
| 5525 | src: url("../css/icons/summernote//summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb"); | 5532 | src: url("../css/icons/summernote//summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb"); |
| 5526 | 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"); | 5533 | 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"); |
| 5527 | } | 5534 | } |
| 5528 | [class^="note-icon-"]:before, | 5535 | [class^="note-icon-"]:before, |
| 5529 | [class*=" note-icon-"]:before { | 5536 | [class*=" note-icon-"]:before { |
| 5530 | display: inline-block; | 5537 | display: inline-block; |
| 5531 | font: normal normal normal 14px summernote; | 5538 | font: normal normal normal 14px summernote; |
| 5532 | font-size: inherit; | 5539 | font-size: inherit; |
| 5533 | text-decoration: inherit; | 5540 | text-decoration: inherit; |
| 5534 | text-rendering: auto; | 5541 | text-rendering: auto; |
| 5535 | text-transform: none; | 5542 | text-transform: none; |
| 5536 | vertical-align: middle; | 5543 | vertical-align: middle; |
| 5537 | speak: none; | 5544 | speak: none; |
| 5538 | -webkit-font-smoothing: antialiased; | 5545 | -webkit-font-smoothing: antialiased; |
| 5539 | -moz-osx-font-smoothing: grayscale; | 5546 | -moz-osx-font-smoothing: grayscale; |
| 5540 | } | 5547 | } |
| 5541 | .note-icon-align-center:before { | 5548 | .note-icon-align-center:before { |
| 5542 | content: "\f101"; | 5549 | content: "\f101"; |
| 5543 | } | 5550 | } |
| 5544 | .note-icon-align-indent:before { | 5551 | .note-icon-align-indent:before { |
| 5545 | content: "\f102"; | 5552 | content: "\f102"; |
| 5546 | } | 5553 | } |
| 5547 | .note-icon-align-justify:before { | 5554 | .note-icon-align-justify:before { |
| 5548 | content: "\f103"; | 5555 | content: "\f103"; |
| 5549 | } | 5556 | } |
| 5550 | .note-icon-align-left:before { | 5557 | .note-icon-align-left:before { |
| 5551 | content: "\f104"; | 5558 | content: "\f104"; |
| 5552 | } | 5559 | } |
| 5553 | .note-icon-align-outdent:before { | 5560 | .note-icon-align-outdent:before { |
| 5554 | content: "\f105"; | 5561 | content: "\f105"; |
| 5555 | } | 5562 | } |
| 5556 | .note-icon-align-right:before { | 5563 | .note-icon-align-right:before { |
| 5557 | content: "\f106"; | 5564 | content: "\f106"; |
| 5558 | } | 5565 | } |
| 5559 | .note-icon-align:before { | 5566 | .note-icon-align:before { |
| 5560 | content: "\f107"; | 5567 | content: "\f107"; |
| 5561 | } | 5568 | } |
| 5562 | .note-icon-arrows-alt:before { | 5569 | .note-icon-arrows-alt:before { |
| 5563 | content: "\f108"; | 5570 | content: "\f108"; |
| 5564 | } | 5571 | } |
| 5565 | .note-icon-bold:before { | 5572 | .note-icon-bold:before { |
| 5566 | content: "\f109"; | 5573 | content: "\f109"; |
| 5567 | } | 5574 | } |
| 5568 | .note-icon-caret:before { | 5575 | .note-icon-caret:before { |
| 5569 | content: "\f10a"; | 5576 | content: "\f10a"; |
| 5570 | } | 5577 | } |
| 5571 | .note-icon-chain-broken:before { | 5578 | .note-icon-chain-broken:before { |
| 5572 | content: "\f10b"; | 5579 | content: "\f10b"; |
| 5573 | } | 5580 | } |
| 5574 | .note-icon-circle:before { | 5581 | .note-icon-circle:before { |
| 5575 | content: "\f10c"; | 5582 | content: "\f10c"; |
| 5576 | } | 5583 | } |
| 5577 | .note-icon-close:before { | 5584 | .note-icon-close:before { |
| 5578 | content: "\f10d"; | 5585 | content: "\f10d"; |
| 5579 | } | 5586 | } |
| 5580 | .note-icon-code:before { | 5587 | .note-icon-code:before { |
| 5581 | content: "\f10e"; | 5588 | content: "\f10e"; |
| 5582 | } | 5589 | } |
| 5583 | .note-icon-eraser:before { | 5590 | .note-icon-eraser:before { |
| 5584 | content: "\f10f"; | 5591 | content: "\f10f"; |
| 5585 | } | 5592 | } |
| 5586 | .note-icon-font:before { | 5593 | .note-icon-font:before { |
| 5587 | content: "\f110"; | 5594 | content: "\f110"; |
| 5588 | } | 5595 | } |
| 5589 | .note-icon-frame:before { | 5596 | .note-icon-frame:before { |
| 5590 | content: "\f111"; | 5597 | content: "\f111"; |
| 5591 | } | 5598 | } |
| 5592 | .note-icon-italic:before { | 5599 | .note-icon-italic:before { |
| 5593 | content: "\f112"; | 5600 | content: "\f112"; |
| 5594 | } | 5601 | } |
| 5595 | .note-icon-link:before { | 5602 | .note-icon-link:before { |
| 5596 | content: "\f113"; | 5603 | content: "\f113"; |
| 5597 | } | 5604 | } |
| 5598 | .note-icon-magic:before { | 5605 | .note-icon-magic:before { |
| 5599 | content: "\f114"; | 5606 | content: "\f114"; |
| 5600 | } | 5607 | } |
| 5601 | .note-icon-menu-check:before { | 5608 | .note-icon-menu-check:before { |
| 5602 | content: "\f115"; | 5609 | content: "\f115"; |
| 5603 | } | 5610 | } |
| 5604 | .note-icon-minus:before { | 5611 | .note-icon-minus:before { |
| 5605 | content: "\f116"; | 5612 | content: "\f116"; |
| 5606 | } | 5613 | } |
| 5607 | .note-icon-orderedlist:before { | 5614 | .note-icon-orderedlist:before { |
| 5608 | content: "\f117"; | 5615 | content: "\f117"; |
| 5609 | } | 5616 | } |
| 5610 | .note-icon-pencil:before { | 5617 | .note-icon-pencil:before { |
| 5611 | content: "\f118"; | 5618 | content: "\f118"; |
| 5612 | } | 5619 | } |
| 5613 | .note-icon-picture:before { | 5620 | .note-icon-picture:before { |
| 5614 | content: "\f119"; | 5621 | content: "\f119"; |
| 5615 | } | 5622 | } |
| 5616 | .note-icon-question:before { | 5623 | .note-icon-question:before { |
| 5617 | content: "\f11a"; | 5624 | content: "\f11a"; |
| 5618 | } | 5625 | } |
| 5619 | .note-icon-redo:before { | 5626 | .note-icon-redo:before { |
| 5620 | content: "\f11b"; | 5627 | content: "\f11b"; |
| 5621 | } | 5628 | } |
| 5622 | .note-icon-special-character:before { | 5629 | .note-icon-special-character:before { |
| 5623 | content: "\f11c"; | 5630 | content: "\f11c"; |
| 5624 | } | 5631 | } |
| 5625 | .note-icon-square:before { | 5632 | .note-icon-square:before { |
| 5626 | content: "\f11d"; | 5633 | content: "\f11d"; |
| 5627 | } | 5634 | } |
| 5628 | .note-icon-strikethrough:before { | 5635 | .note-icon-strikethrough:before { |
| 5629 | content: "\f11e"; | 5636 | content: "\f11e"; |
| 5630 | } | 5637 | } |
| 5631 | .note-icon-subscript:before { | 5638 | .note-icon-subscript:before { |
| 5632 | content: "\f11f"; | 5639 | content: "\f11f"; |
| 5633 | } | 5640 | } |
| 5634 | .note-icon-summernote:before { | 5641 | .note-icon-summernote:before { |
| 5635 | content: "\f120"; | 5642 | content: "\f120"; |
| 5636 | } | 5643 | } |
| 5637 | .note-icon-superscript:before { | 5644 | .note-icon-superscript:before { |
| 5638 | content: "\f121"; | 5645 | content: "\f121"; |
| 5639 | } | 5646 | } |
| 5640 | .note-icon-table:before { | 5647 | .note-icon-table:before { |
| 5641 | content: "\f122"; | 5648 | content: "\f122"; |
| 5642 | } | 5649 | } |
| 5643 | .note-icon-text-height:before { | 5650 | .note-icon-text-height:before { |
| 5644 | content: "\f123"; | 5651 | content: "\f123"; |
| 5645 | } | 5652 | } |
| 5646 | .note-icon-trash:before { | 5653 | .note-icon-trash:before { |
| 5647 | content: "\f124"; | 5654 | content: "\f124"; |
| 5648 | } | 5655 | } |
| 5649 | .note-icon-underline:before { | 5656 | .note-icon-underline:before { |
| 5650 | content: "\f125"; | 5657 | content: "\f125"; |
| 5651 | } | 5658 | } |
| 5652 | .note-icon-undo:before { | 5659 | .note-icon-undo:before { |
| 5653 | content: "\f126"; | 5660 | content: "\f126"; |
| 5654 | } | 5661 | } |
| 5655 | .note-icon-unorderedlist:before { | 5662 | .note-icon-unorderedlist:before { |
| 5656 | content: "\f127"; | 5663 | content: "\f127"; |
| 5657 | } | 5664 | } |
| 5658 | .note-icon-video:before { | 5665 | .note-icon-video:before { |
| 5659 | content: "\f128"; | 5666 | content: "\f128"; |
| 5660 | } | 5667 | } |
| 5661 | .note-editor { | 5668 | .note-editor { |
| 5662 | border: 1px solid #ddd; | 5669 | border: 1px solid #ddd; |
| 5663 | border-radius: 3px; | 5670 | border-radius: 3px; |
| 5664 | -webkit-box-shadow: none; | 5671 | -webkit-box-shadow: none; |
| 5665 | box-shadow: none; | 5672 | box-shadow: none; |
| 5666 | } | 5673 | } |
| 5667 | .note-editor .note-dropzone { | 5674 | .note-editor .note-dropzone { |
| 5668 | position: absolute; | 5675 | position: absolute; |
| 5669 | z-index: 1; | 5676 | z-index: 1; |
| 5670 | display: none; | 5677 | display: none; |
| 5671 | color: #2196F3; | 5678 | color: #2196F3; |
| 5672 | background-color: #fff; | 5679 | background-color: #fff; |
| 5673 | border: 2px dashed #2196F3; | 5680 | border: 2px dashed #2196F3; |
| 5674 | pointer-events: none; | 5681 | pointer-events: none; |
| 5675 | opacity: 0.95; | 5682 | opacity: 0.95; |
| 5676 | filter: alpha(opacity=95); | 5683 | filter: alpha(opacity=95); |
| 5677 | } | 5684 | } |
| 5678 | .note-editor .note-dropzone .note-dropzone-message { | 5685 | .note-editor .note-dropzone .note-dropzone-message { |
| 5679 | display: table-cell; | 5686 | display: table-cell; |
| 5680 | font-size: 25px; | 5687 | font-size: 25px; |
| 5681 | font-weight: 500; | 5688 | font-weight: 500; |
| 5682 | text-align: center; | 5689 | text-align: center; |
| 5683 | vertical-align: middle; | 5690 | vertical-align: middle; |
| 5684 | } | 5691 | } |
| 5685 | .note-editor .note-dropzone.hover { | 5692 | .note-editor .note-dropzone.hover { |
| 5686 | color: #2196F3; | 5693 | color: #2196F3; |
| 5687 | border: 2px dashed #2196F3; | 5694 | border: 2px dashed #2196F3; |
| 5688 | } | 5695 | } |
| 5689 | .note-editor.dragover .note-dropzone { | 5696 | .note-editor.dragover .note-dropzone { |
| 5690 | display: table; | 5697 | display: table; |
| 5691 | } | 5698 | } |
| 5692 | .note-editor .note-toolbar { | 5699 | .note-editor .note-toolbar { |
| 5693 | background-color: transparent; | 5700 | background-color: transparent; |
| 5694 | border-bottom: 0; | 5701 | border-bottom: 0; |
| 5695 | padding: 20px; | 5702 | padding: 20px; |
| 5696 | padding-top: 0; | 5703 | padding-top: 0; |
| 5697 | margin: 0; | 5704 | margin: 0; |
| 5698 | } | 5705 | } |
| 5699 | .note-editor.fullscreen { | 5706 | .note-editor.fullscreen { |
| 5700 | position: fixed; | 5707 | position: fixed; |
| 5701 | top: 0; | 5708 | top: 0; |
| 5702 | left: 0; | 5709 | left: 0; |
| 5703 | z-index: 1050; | 5710 | z-index: 1050; |
| 5704 | width: 100%; | 5711 | width: 100%; |
| 5705 | } | 5712 | } |
| 5706 | .note-editor.fullscreen .note-editable { | 5713 | .note-editor.fullscreen .note-editable { |
| 5707 | background-color: #fff; | 5714 | background-color: #fff; |
| 5708 | } | 5715 | } |
| 5709 | .note-editor.fullscreen .note-resizebar { | 5716 | .note-editor.fullscreen .note-resizebar { |
| 5710 | display: none; | 5717 | display: none; |
| 5711 | } | 5718 | } |
| 5712 | .note-editor.codeview .note-editable { | 5719 | .note-editor.codeview .note-editable { |
| 5713 | display: none; | 5720 | display: none; |
| 5714 | } | 5721 | } |
| 5715 | .note-editor.codeview .note-codable { | 5722 | .note-editor.codeview .note-codable { |
| 5716 | display: block; | 5723 | display: block; |
| 5717 | } | 5724 | } |
| 5718 | .note-editor .note-statusbar { | 5725 | .note-editor .note-statusbar { |
| 5719 | background-color: #fcfcfc; | 5726 | background-color: #fcfcfc; |
| 5720 | } | 5727 | } |
| 5721 | .note-editor .note-statusbar .note-resizebar { | 5728 | .note-editor .note-statusbar .note-resizebar { |
| 5722 | width: 100%; | 5729 | width: 100%; |
| 5723 | height: 8px; | 5730 | height: 8px; |
| 5724 | cursor: s-resize; | 5731 | cursor: s-resize; |
| 5725 | border-top: 1px solid #ddd; | 5732 | border-top: 1px solid #ddd; |
| 5726 | } | 5733 | } |
| 5727 | .note-editor .note-statusbar .note-resizebar .note-icon-bar { | 5734 | .note-editor .note-statusbar .note-resizebar .note-icon-bar { |
| 5728 | width: 20px; | 5735 | width: 20px; |
| 5729 | margin: 1px auto; | 5736 | margin: 1px auto; |
| 5730 | border-top: 1px solid #aaaaaa; | 5737 | border-top: 1px solid #aaaaaa; |
| 5731 | } | 5738 | } |
| 5732 | .note-editor .note-editable { | 5739 | .note-editor .note-editable { |
| 5733 | padding: 20px; | 5740 | padding: 20px; |
| 5734 | padding-top: 0; | 5741 | padding-top: 0; |
| 5735 | overflow: auto; | 5742 | overflow: auto; |
| 5736 | outline: 0; | 5743 | outline: 0; |
| 5737 | min-height: 150px; | 5744 | min-height: 150px; |
| 5738 | } | 5745 | } |
| 5739 | .note-editor .note-editable[contenteditable="false"] { | 5746 | .note-editor .note-editable[contenteditable="false"] { |
| 5740 | background-color: #eeeeee; | 5747 | background-color: #eeeeee; |
| 5741 | } | 5748 | } |
| 5742 | .note-editor .note-codable { | 5749 | .note-editor .note-codable { |
| 5743 | display: none; | 5750 | display: none; |
| 5744 | width: 100%; | 5751 | width: 100%; |
| 5745 | padding: 20px; | 5752 | padding: 20px; |
| 5746 | margin-bottom: 0; | 5753 | margin-bottom: 0; |
| 5747 | font-family: Menlo, Monaco, monospace, sans-serif; | 5754 | font-family: Menlo, Monaco, monospace, sans-serif; |
| 5748 | color: #fff; | 5755 | color: #fff; |
| 5749 | background-color: #333333; | 5756 | background-color: #333333; |
| 5750 | border: 0; | 5757 | border: 0; |
| 5751 | border-radius: 0; | 5758 | border-radius: 0; |
| 5752 | resize: none; | 5759 | resize: none; |
| 5753 | -webkit-box-shadow: none; | 5760 | -webkit-box-shadow: none; |
| 5754 | box-shadow: none; | 5761 | box-shadow: none; |
| 5755 | } | 5762 | } |
| 5756 | .note-editor .modal-title { | 5763 | .note-editor .modal-title { |
| 5757 | font-size: 17px; | 5764 | font-size: 17px; |
| 5758 | } | 5765 | } |
| 5759 | .note-air-editor { | 5766 | .note-air-editor { |
| 5760 | outline: 0; | 5767 | outline: 0; |
| 5761 | } | 5768 | } |
| 5762 | .note-popover { | 5769 | .note-popover { |
| 5763 | max-width: none; | 5770 | max-width: none; |
| 5764 | } | 5771 | } |
| 5765 | .note-popover .popover-content { | 5772 | .note-popover .popover-content { |
| 5766 | padding: 15px; | 5773 | padding: 15px; |
| 5767 | padding-top: 0; | 5774 | padding-top: 0; |
| 5768 | margin: 0; | 5775 | margin: 0; |
| 5769 | } | 5776 | } |
| 5770 | .note-popover .popover-content a { | 5777 | .note-popover .popover-content a { |
| 5771 | display: inline-block; | 5778 | display: inline-block; |
| 5772 | max-width: 200px; | 5779 | max-width: 200px; |
| 5773 | overflow: hidden; | 5780 | overflow: hidden; |
| 5774 | text-overflow: ellipsis; | 5781 | text-overflow: ellipsis; |
| 5775 | white-space: nowrap; | 5782 | white-space: nowrap; |
| 5776 | vertical-align: middle; | 5783 | vertical-align: middle; |
| 5777 | } | 5784 | } |
| 5778 | .note-popover .popover-content > .btn-group:last-child { | 5785 | .note-popover .popover-content > .btn-group:last-child { |
| 5779 | margin-right: 0; | 5786 | margin-right: 0; |
| 5780 | } | 5787 | } |
| 5781 | .note-popover .arrow { | 5788 | .note-popover .arrow { |
| 5782 | left: 20px; | 5789 | left: 20px; |
| 5783 | } | 5790 | } |
| 5784 | .note-popover .popover-content > .note-btn-group, | 5791 | .note-popover .popover-content > .note-btn-group, |
| 5785 | .note-toolbar > .note-btn-group { | 5792 | .note-toolbar > .note-btn-group { |
| 5786 | margin-top: 20px; | 5793 | margin-top: 20px; |
| 5787 | margin-right: 20px; | 5794 | margin-right: 20px; |
| 5788 | margin-left: 0; | 5795 | margin-left: 0; |
| 5789 | } | 5796 | } |
| 5790 | .note-popover .popover-content > .note-btn-group .note-icon-caret:before, | 5797 | .note-popover .popover-content > .note-btn-group .note-icon-caret:before, |
| 5791 | .note-toolbar > .note-btn-group .note-icon-caret:before { | 5798 | .note-toolbar > .note-btn-group .note-icon-caret:before { |
| 5792 | width: 9px; | 5799 | width: 9px; |
| 5793 | margin-left: 2px; | 5800 | margin-left: 2px; |
| 5794 | margin-right: 2px; | 5801 | margin-right: 2px; |
| 5795 | } | 5802 | } |
| 5796 | .note-popover .popover-content > .note-btn-group i + .note-icon-caret, | 5803 | .note-popover .popover-content > .note-btn-group i + .note-icon-caret, |
| 5797 | .note-toolbar > .note-btn-group i + .note-icon-caret { | 5804 | .note-toolbar > .note-btn-group i + .note-icon-caret { |
| 5798 | margin-left: 2px; | 5805 | margin-left: 2px; |
| 5799 | margin-right: -5px; | 5806 | margin-right: -5px; |
| 5800 | } | 5807 | } |
| 5801 | .note-popover .popover-content .note-style h1, | 5808 | .note-popover .popover-content .note-style h1, |
| 5802 | .note-toolbar .note-style h1, | 5809 | .note-toolbar .note-style h1, |
| 5803 | .note-popover .popover-content .note-style h2, | 5810 | .note-popover .popover-content .note-style h2, |
| 5804 | .note-toolbar .note-style h2, | 5811 | .note-toolbar .note-style h2, |
| 5805 | .note-popover .popover-content .note-style h3, | 5812 | .note-popover .popover-content .note-style h3, |
| 5806 | .note-toolbar .note-style h3, | 5813 | .note-toolbar .note-style h3, |
| 5807 | .note-popover .popover-content .note-style h4, | 5814 | .note-popover .popover-content .note-style h4, |
| 5808 | .note-toolbar .note-style h4, | 5815 | .note-toolbar .note-style h4, |
| 5809 | .note-popover .popover-content .note-style h5, | 5816 | .note-popover .popover-content .note-style h5, |
| 5810 | .note-toolbar .note-style h5, | 5817 | .note-toolbar .note-style h5, |
| 5811 | .note-popover .popover-content .note-style h6, | 5818 | .note-popover .popover-content .note-style h6, |
| 5812 | .note-toolbar .note-style h6, | 5819 | .note-toolbar .note-style h6, |
| 5813 | .note-popover .popover-content .note-style blockquote, | 5820 | .note-popover .popover-content .note-style blockquote, |
| 5814 | .note-toolbar .note-style blockquote { | 5821 | .note-toolbar .note-style blockquote { |
| 5815 | margin: 0; | 5822 | margin: 0; |
| 5816 | } | 5823 | } |
| 5817 | .note-popover .popover-content .note-table, | 5824 | .note-popover .popover-content .note-table, |
| 5818 | .note-toolbar .note-table { | 5825 | .note-toolbar .note-table { |
| 5819 | min-width: 0; | 5826 | min-width: 0; |
| 5820 | } | 5827 | } |
| 5821 | .note-popover .popover-content .note-table.dropdown-menu, | 5828 | .note-popover .popover-content .note-table.dropdown-menu, |
| 5822 | .note-toolbar .note-table.dropdown-menu { | 5829 | .note-toolbar .note-table.dropdown-menu { |
| 5823 | padding: 10px; | 5830 | padding: 10px; |
| 5824 | } | 5831 | } |
| 5825 | .note-popover .popover-content .note-table .note-dimension-picker, | 5832 | .note-popover .popover-content .note-table .note-dimension-picker, |
| 5826 | .note-toolbar .note-table .note-dimension-picker { | 5833 | .note-toolbar .note-table .note-dimension-picker { |
| 5827 | font-size: 18px; | 5834 | font-size: 18px; |
| 5828 | margin-bottom: 10px; | 5835 | margin-bottom: 10px; |
| 5829 | } | 5836 | } |
| 5830 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, | 5837 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, |
| 5831 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { | 5838 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { |
| 5832 | position: absolute!important; | 5839 | position: absolute!important; |
| 5833 | z-index: 3; | 5840 | z-index: 3; |
| 5834 | width: 10em; | 5841 | width: 10em; |
| 5835 | height: 10em; | 5842 | height: 10em; |
| 5836 | cursor: pointer; | 5843 | cursor: pointer; |
| 5837 | } | 5844 | } |
| 5838 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, | 5845 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, |
| 5839 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { | 5846 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { |
| 5840 | position: relative!important; | 5847 | position: relative!important; |
| 5841 | z-index: 1; | 5848 | z-index: 1; |
| 5842 | width: 5em; | 5849 | width: 5em; |
| 5843 | height: 5em; | 5850 | height: 5em; |
| 5844 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; | 5851 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; |
| 5845 | } | 5852 | } |
| 5846 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted, | 5853 | .note-popover .popover-content .note-table .note-dimension-picker .note-dimension-picker-highlighted, |
| 5847 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted { | 5854 | .note-toolbar .note-table .note-dimension-picker .note-dimension-picker-highlighted { |
| 5848 | position: absolute!important; | 5855 | position: absolute!important; |
| 5849 | z-index: 2; | 5856 | z-index: 2; |
| 5850 | width: 1em; | 5857 | width: 1em; |
| 5851 | height: 1em; | 5858 | height: 1em; |
| 5852 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; | 5859 | background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; |
| 5853 | } | 5860 | } |
| 5854 | .note-popover .popover-content .note-table .note-dimension-display, | 5861 | .note-popover .popover-content .note-table .note-dimension-display, |
| 5855 | .note-toolbar .note-table .note-dimension-display { | 5862 | .note-toolbar .note-table .note-dimension-display { |
| 5856 | text-align: center; | 5863 | text-align: center; |
| 5857 | } | 5864 | } |
| 5858 | .note-popover .popover-content .note-color .dropdown-menu, | 5865 | .note-popover .popover-content .note-color .dropdown-menu, |
| 5859 | .note-toolbar .note-color .dropdown-menu { | 5866 | .note-toolbar .note-color .dropdown-menu { |
| 5860 | min-width: 330px; | 5867 | min-width: 330px; |
| 5861 | white-space: nowrap; | 5868 | white-space: nowrap; |
| 5862 | } | 5869 | } |
| 5863 | .note-popover .popover-content .note-color .dropdown-menu .btn-group, | 5870 | .note-popover .popover-content .note-color .dropdown-menu .btn-group, |
| 5864 | .note-toolbar .note-color .dropdown-menu .btn-group { | 5871 | .note-toolbar .note-color .dropdown-menu .btn-group { |
| 5865 | margin: 8px 16px; | 5872 | margin: 8px 16px; |
| 5866 | } | 5873 | } |
| 5867 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, | 5874 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title, |
| 5868 | .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { | 5875 | .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { |
| 5869 | margin-bottom: 10px; | 5876 | margin-bottom: 10px; |
| 5870 | font-weight: 500; | 5877 | font-weight: 500; |
| 5871 | } | 5878 | } |
| 5872 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, | 5879 | .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, |
| 5873 | .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { | 5880 | .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { |
| 5874 | padding: 7px 14px; | 5881 | padding: 7px 14px; |
| 5875 | cursor: pointer; | 5882 | cursor: pointer; |
| 5876 | background-color: #F5F5F5; | 5883 | background-color: #F5F5F5; |
| 5877 | text-align: center; | 5884 | text-align: center; |
| 5878 | margin-bottom: 10px; | 5885 | margin-bottom: 10px; |
| 5879 | } | 5886 | } |
| 5880 | .note-popover .popover-content .note-para .dropdown-menu, | 5887 | .note-popover .popover-content .note-para .dropdown-menu, |
| 5881 | .note-toolbar .note-para .dropdown-menu { | 5888 | .note-toolbar .note-para .dropdown-menu { |
| 5882 | min-width: 290px; | 5889 | min-width: 290px; |
| 5883 | padding: 10px; | 5890 | padding: 10px; |
| 5884 | text-align: center; | 5891 | text-align: center; |
| 5885 | } | 5892 | } |
| 5886 | .note-popover .popover-content .note-para .dropdown-menu > div:first-child, | 5893 | .note-popover .popover-content .note-para .dropdown-menu > div:first-child, |
| 5887 | .note-toolbar .note-para .dropdown-menu > div:first-child { | 5894 | .note-toolbar .note-para .dropdown-menu > div:first-child { |
| 5888 | margin-right: 10px; | 5895 | margin-right: 10px; |
| 5889 | } | 5896 | } |
| 5890 | .note-popover .popover-content .dropdown-menu, | 5897 | .note-popover .popover-content .dropdown-menu, |
| 5891 | .note-toolbar .dropdown-menu { | 5898 | .note-toolbar .dropdown-menu { |
| 5892 | min-width: 90px; | 5899 | min-width: 90px; |
| 5893 | } | 5900 | } |
| 5894 | .note-popover .popover-content .dropdown-menu.right, | 5901 | .note-popover .popover-content .dropdown-menu.right, |
| 5895 | .note-toolbar .dropdown-menu.right { | 5902 | .note-toolbar .dropdown-menu.right { |
| 5896 | right: 0; | 5903 | right: 0; |
| 5897 | left: auto; | 5904 | left: auto; |
| 5898 | } | 5905 | } |
| 5899 | .note-popover .popover-content .dropdown-menu.right:before, | 5906 | .note-popover .popover-content .dropdown-menu.right:before, |
| 5900 | .note-toolbar .dropdown-menu.right:before { | 5907 | .note-toolbar .dropdown-menu.right:before { |
| 5901 | right: 9px; | 5908 | right: 9px; |
| 5902 | left: auto!important; | 5909 | left: auto!important; |
| 5903 | } | 5910 | } |
| 5904 | .note-popover .popover-content .dropdown-menu.right:after, | 5911 | .note-popover .popover-content .dropdown-menu.right:after, |
| 5905 | .note-toolbar .dropdown-menu.right:after { | 5912 | .note-toolbar .dropdown-menu.right:after { |
| 5906 | right: 10px; | 5913 | right: 10px; |
| 5907 | left: auto!important; | 5914 | left: auto!important; |
| 5908 | } | 5915 | } |
| 5909 | .note-popover .popover-content .dropdown-menu li a i, | 5916 | .note-popover .popover-content .dropdown-menu li a i, |
| 5910 | .note-toolbar .dropdown-menu li a i { | 5917 | .note-toolbar .dropdown-menu li a i { |
| 5911 | display: none; | 5918 | display: none; |
| 5912 | } | 5919 | } |
| 5913 | .note-popover .popover-content .dropdown-menu li a.checked, | 5920 | .note-popover .popover-content .dropdown-menu li a.checked, |
| 5914 | .note-toolbar .dropdown-menu li a.checked { | 5921 | .note-toolbar .dropdown-menu li a.checked { |
| 5915 | background-color: #f5f5f5; | 5922 | background-color: #f5f5f5; |
| 5916 | } | 5923 | } |
| 5917 | .note-popover .popover-content .note-color-palette, | 5924 | .note-popover .popover-content .note-color-palette, |
| 5918 | .note-toolbar .note-color-palette { | 5925 | .note-toolbar .note-color-palette { |
| 5919 | line-height: 1; | 5926 | line-height: 1; |
| 5920 | } | 5927 | } |
| 5921 | .note-popover .popover-content .note-color-palette div .note-color-btn, | 5928 | .note-popover .popover-content .note-color-palette div .note-color-btn, |
| 5922 | .note-toolbar .note-color-palette div .note-color-btn { | 5929 | .note-toolbar .note-color-palette div .note-color-btn { |
| 5923 | width: 17px; | 5930 | width: 17px; |
| 5924 | height: 17px; | 5931 | height: 17px; |
| 5925 | padding: 0; | 5932 | padding: 0; |
| 5926 | margin: 0; | 5933 | margin: 0; |
| 5927 | border: 1px solid #fff; | 5934 | border: 1px solid #fff; |
| 5928 | } | 5935 | } |
| 5929 | .note-popover .popover-content .note-color-palette div .note-color-btn:hover, | 5936 | .note-popover .popover-content .note-color-palette div .note-color-btn:hover, |
| 5930 | .note-toolbar .note-color-palette div .note-color-btn:hover { | 5937 | .note-toolbar .note-color-palette div .note-color-btn:hover { |
| 5931 | border: 1px solid #333333; | 5938 | border: 1px solid #333333; |
| 5932 | } | 5939 | } |
| 5933 | .note-popover .popover-content > .btn-group { | 5940 | .note-popover .popover-content > .btn-group { |
| 5934 | margin-top: 15px; | 5941 | margin-top: 15px; |
| 5935 | margin-right: 15px; | 5942 | margin-right: 15px; |
| 5936 | } | 5943 | } |
| 5937 | .note-dialog > div { | 5944 | .note-dialog > div { |
| 5938 | display: none; | 5945 | display: none; |
| 5939 | } | 5946 | } |
| 5940 | .note-dialog .note-image-dialog .mote-dropzone { | 5947 | .note-dialog .note-image-dialog .mote-dropzone { |
| 5941 | min-height: 100px; | 5948 | min-height: 100px; |
| 5942 | margin-bottom: 10px; | 5949 | margin-bottom: 10px; |
| 5943 | font-size: 25px; | 5950 | font-size: 25px; |
| 5944 | color: #eeeeee; | 5951 | color: #eeeeee; |
| 5945 | text-align: center; | 5952 | text-align: center; |
| 5946 | border: 4px dashed #eeeeee; | 5953 | border: 4px dashed #eeeeee; |
| 5947 | } | 5954 | } |
| 5948 | .note-dialog .note-help-dialog { | 5955 | .note-dialog .note-help-dialog { |
| 5949 | color: #ccc; | 5956 | color: #ccc; |
| 5950 | background-color: transparent; | 5957 | background-color: transparent; |
| 5951 | background-color: #333333 !important; | 5958 | background-color: #333333 !important; |
| 5952 | border: 0; | 5959 | border: 0; |
| 5953 | opacity: 0.9; | 5960 | opacity: 0.9; |
| 5954 | filter: alpha(opacity=90); | 5961 | filter: alpha(opacity=90); |
| 5955 | } | 5962 | } |
| 5956 | .note-dialog .note-help-dialog a { | 5963 | .note-dialog .note-help-dialog a { |
| 5957 | color: #fff; | 5964 | color: #fff; |
| 5958 | } | 5965 | } |
| 5959 | .note-dialog .note-help-dialog .title { | 5966 | .note-dialog .note-help-dialog .title { |
| 5960 | padding-bottom: 8px; | 5967 | padding-bottom: 8px; |
| 5961 | font-size: 15px; | 5968 | font-size: 15px; |
| 5962 | font-weight: 500; | 5969 | font-weight: 500; |
| 5963 | color: #fff; | 5970 | color: #fff; |
| 5964 | border-bottom: 1px solid #fff; | 5971 | border-bottom: 1px solid #fff; |
| 5965 | } | 5972 | } |
| 5966 | .note-dialog .note-help-dialog .modal-content { | 5973 | .note-dialog .note-help-dialog .modal-content { |
| 5967 | background-color: transparent; | 5974 | background-color: transparent; |
| 5968 | border: 1px solid #fff; | 5975 | border: 1px solid #fff; |
| 5969 | border-radius: 3px; | 5976 | border-radius: 3px; |
| 5970 | -webkit-box-shadow: none; | 5977 | -webkit-box-shadow: none; |
| 5971 | box-shadow: none; | 5978 | box-shadow: none; |
| 5972 | } | 5979 | } |
| 5973 | .note-dialog .note-help-dialog .modal-close { | 5980 | .note-dialog .note-help-dialog .modal-close { |
| 5974 | color: #999999; | 5981 | color: #999999; |
| 5975 | cursor: pointer; | 5982 | cursor: pointer; |
| 5976 | } | 5983 | } |
| 5977 | .note-dialog .note-help-dialog .note-shortcut-layout { | 5984 | .note-dialog .note-help-dialog .note-shortcut-layout { |
| 5978 | width: 100%; | 5985 | width: 100%; |
| 5979 | } | 5986 | } |
| 5980 | .note-dialog .note-help-dialog .note-shortcut-layout td { | 5987 | .note-dialog .note-help-dialog .note-shortcut-layout td { |
| 5981 | vertical-align: top; | 5988 | vertical-align: top; |
| 5982 | } | 5989 | } |
| 5983 | .note-dialog .note-help-dialog .note-shortcut { | 5990 | .note-dialog .note-help-dialog .note-shortcut { |
| 5984 | margin-top: 8px; | 5991 | margin-top: 8px; |
| 5985 | } | 5992 | } |
| 5986 | .note-dialog .note-help-dialog .note-shortcut th { | 5993 | .note-dialog .note-help-dialog .note-shortcut th { |
| 5987 | color: #eeeeee; | 5994 | color: #eeeeee; |
| 5988 | text-align: left; | 5995 | text-align: left; |
| 5989 | } | 5996 | } |
| 5990 | .note-dialog .note-help-dialog .note-shortcut td:first-child { | 5997 | .note-dialog .note-help-dialog .note-shortcut td:first-child { |
| 5991 | min-width: 110px; | 5998 | min-width: 110px; |
| 5992 | padding-right: 10px; | 5999 | padding-right: 10px; |
| 5993 | font-family: "Courier New"; | 6000 | font-family: "Courier New"; |
| 5994 | color: #eeeeee; | 6001 | color: #eeeeee; |
| 5995 | text-align: right; | 6002 | text-align: right; |
| 5996 | } | 6003 | } |
| 5997 | .note-group-select-from-files label { | 6004 | .note-group-select-from-files label { |
| 5998 | display: block; | 6005 | display: block; |
| 5999 | } | 6006 | } |
| 6000 | .note-handle { | 6007 | .note-handle { |
| 6001 | position: relative; | 6008 | position: relative; |
| 6002 | } | 6009 | } |
| 6003 | .note-handle .note-control-selection { | 6010 | .note-handle .note-control-selection { |
| 6004 | position: absolute; | 6011 | position: absolute; |
| 6005 | display: none; | 6012 | display: none; |
| 6006 | border: 1px solid #333333; | 6013 | border: 1px solid #333333; |
| 6007 | z-index: 10; | 6014 | z-index: 10; |
| 6008 | } | 6015 | } |
| 6009 | .note-handle .note-control-selection > div { | 6016 | .note-handle .note-control-selection > div { |
| 6010 | position: absolute; | 6017 | position: absolute; |
| 6011 | } | 6018 | } |
| 6012 | .note-handle .note-control-selection .note-control-selection-bg { | 6019 | .note-handle .note-control-selection .note-control-selection-bg { |
| 6013 | width: 100%; | 6020 | width: 100%; |
| 6014 | height: 100%; | 6021 | height: 100%; |
| 6015 | background-color: #333333; | 6022 | background-color: #333333; |
| 6016 | opacity: 0.3; | 6023 | opacity: 0.3; |
| 6017 | filter: alpha(opacity=30); | 6024 | filter: alpha(opacity=30); |
| 6018 | } | 6025 | } |
| 6019 | .note-handle .note-control-selection .note-control-handle, | 6026 | .note-handle .note-control-selection .note-control-handle, |
| 6020 | .note-handle .note-control-selection .note-control-holder, | 6027 | .note-handle .note-control-selection .note-control-holder, |
| 6021 | .note-handle .note-control-selection .note-control-sizing { | 6028 | .note-handle .note-control-selection .note-control-sizing { |
| 6022 | width: 7px; | 6029 | width: 7px; |
| 6023 | height: 7px; | 6030 | height: 7px; |
| 6024 | border: 1px solid #333333; | 6031 | border: 1px solid #333333; |
| 6025 | } | 6032 | } |
| 6026 | .note-handle .note-control-selection .note-control-sizing { | 6033 | .note-handle .note-control-selection .note-control-sizing { |
| 6027 | background-color: #fff; | 6034 | background-color: #fff; |
| 6028 | } | 6035 | } |
| 6029 | .note-handle .note-control-selection .note-control-nw { | 6036 | .note-handle .note-control-selection .note-control-nw { |
| 6030 | top: -5px; | 6037 | top: -5px; |
| 6031 | left: -5px; | 6038 | left: -5px; |
| 6032 | border-right: 0; | 6039 | border-right: 0; |
| 6033 | border-bottom: 0; | 6040 | border-bottom: 0; |
| 6034 | } | 6041 | } |
| 6035 | .note-handle .note-control-selection .note-control-ne { | 6042 | .note-handle .note-control-selection .note-control-ne { |
| 6036 | top: -5px; | 6043 | top: -5px; |
| 6037 | right: -5px; | 6044 | right: -5px; |
| 6038 | border-bottom: 0; | 6045 | border-bottom: 0; |
| 6039 | border-left: 0; | 6046 | border-left: 0; |
| 6040 | } | 6047 | } |
| 6041 | .note-handle .note-control-selection .note-control-sw { | 6048 | .note-handle .note-control-selection .note-control-sw { |
| 6042 | bottom: -5px; | 6049 | bottom: -5px; |
| 6043 | left: -5px; | 6050 | left: -5px; |
| 6044 | border-top: 0; | 6051 | border-top: 0; |
| 6045 | border-right: 0; | 6052 | border-right: 0; |
| 6046 | } | 6053 | } |
| 6047 | .note-handle .note-control-selection .note-control-se { | 6054 | .note-handle .note-control-selection .note-control-se { |
| 6048 | right: -5px; | 6055 | right: -5px; |
| 6049 | bottom: -5px; | 6056 | bottom: -5px; |
| 6050 | cursor: se-resize; | 6057 | cursor: se-resize; |
| 6051 | } | 6058 | } |
| 6052 | .note-handle .note-control-selection .note-control-selection-info { | 6059 | .note-handle .note-control-selection .note-control-selection-info { |
| 6053 | right: 0; | 6060 | right: 0; |
| 6054 | bottom: 0; | 6061 | bottom: 0; |
| 6055 | padding: 5px; | 6062 | padding: 5px; |
| 6056 | margin: 5px; | 6063 | margin: 5px; |
| 6057 | color: #fff; | 6064 | color: #fff; |
| 6058 | background-color: #333333; | 6065 | background-color: #333333; |
| 6059 | border-radius: 3px; | 6066 | border-radius: 3px; |
| 6060 | opacity: 0.7; | 6067 | opacity: 0.7; |
| 6061 | filter: alpha(opacity=70); | 6068 | filter: alpha(opacity=70); |
| 6062 | } | 6069 | } |
| 6063 | /* ------------------------------------------------------------------------------ | 6070 | /* ------------------------------------------------------------------------------ |
| 6064 | * | 6071 | * |
| 6065 | * # WYSIHTML5 editor | 6072 | * # WYSIHTML5 editor |
| 6066 | * | 6073 | * |
| 6067 | * An open source rich text editor based on HTML5 technology | 6074 | * An open source rich text editor based on HTML5 technology |
| 6068 | * | 6075 | * |
| 6069 | * Version: 1.2 | 6076 | * Version: 1.2 |
| 6070 | * Latest update: Jun 8, 2016 | 6077 | * Latest update: Jun 8, 2016 |
| 6071 | * | 6078 | * |
| 6072 | * ---------------------------------------------------------------------------- */ | 6079 | * ---------------------------------------------------------------------------- */ |
| 6073 | .wysihtml5 { | 6080 | .wysihtml5 { |
| 6074 | max-height: 450px; | 6081 | max-height: 450px; |
| 6075 | resize: vertical; | 6082 | resize: vertical; |
| 6076 | background-color: #fff; | 6083 | background-color: #fff; |
| 6077 | overflow: auto; | 6084 | overflow: auto; |
| 6078 | outline: 0; | 6085 | outline: 0; |
| 6079 | border: 1px solid #ddd; | 6086 | border: 1px solid #ddd; |
| 6080 | padding: 20px; | 6087 | padding: 20px; |
| 6081 | } | 6088 | } |
| 6082 | .wysihtml5-editor { | 6089 | .wysihtml5-editor { |
| 6083 | border-width: 0; | 6090 | border-width: 0; |
| 6084 | padding: 0; | 6091 | padding: 0; |
| 6085 | } | 6092 | } |
| 6086 | .wysihtml5-sandbox { | 6093 | .wysihtml5-sandbox { |
| 6087 | width: 100%!important; | 6094 | width: 100%!important; |
| 6088 | border-top-width: 0!important; | 6095 | border-top-width: 0!important; |
| 6089 | padding-top: 0!important; | 6096 | padding-top: 0!important; |
| 6090 | } | 6097 | } |
| 6091 | .bootstrap-wysihtml5-insert-link-modal .modal-dialog, | 6098 | .bootstrap-wysihtml5-insert-link-modal .modal-dialog, |
| 6092 | .bootstrap-wysihtml5-insert-image-modal .modal-dialog { | 6099 | .bootstrap-wysihtml5-insert-image-modal .modal-dialog { |
| 6093 | width: 566px; | 6100 | width: 566px; |
| 6094 | } | 6101 | } |
| 6095 | .wysihtml5-toolbar { | 6102 | .wysihtml5-toolbar { |
| 6096 | margin: 0; | 6103 | margin: 0; |
| 6097 | padding: 20px; | 6104 | padding: 20px; |
| 6098 | padding-top: 0; | 6105 | padding-top: 0; |
| 6099 | display: block; | 6106 | display: block; |
| 6100 | background-color: #fff; | 6107 | background-color: #fff; |
| 6101 | border: 1px solid #ddd; | 6108 | border: 1px solid #ddd; |
| 6102 | border-bottom: 0; | 6109 | border-bottom: 0; |
| 6103 | border-top-right-radius: 3px; | 6110 | border-top-right-radius: 3px; |
| 6104 | border-top-left-radius: 3px; | 6111 | border-top-left-radius: 3px; |
| 6105 | } | 6112 | } |
| 6106 | .wysihtml5-toolbar > li { | 6113 | .wysihtml5-toolbar > li { |
| 6107 | display: inline-block; | 6114 | display: inline-block; |
| 6108 | list-style: none; | 6115 | list-style: none; |
| 6109 | margin: 20px 20px 0 0; | 6116 | margin: 20px 20px 0 0; |
| 6110 | } | 6117 | } |
| 6111 | .wysihtml5-toolbar .dropdown-menu { | 6118 | .wysihtml5-toolbar .dropdown-menu { |
| 6112 | max-height: 200px; | 6119 | max-height: 200px; |
| 6113 | overflow-y: auto; | 6120 | overflow-y: auto; |
| 6114 | } | 6121 | } |
| 6115 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:hover, | 6122 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:hover, |
| 6116 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:focus { | 6123 | .wysihtml5-toolbar .dropdown-menu .color-select > li > a:focus { |
| 6117 | background-color: #f5f5f5; | 6124 | background-color: #f5f5f5; |
| 6118 | color: #333333; | 6125 | color: #333333; |
| 6119 | } | 6126 | } |
| 6120 | .wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu { | 6127 | .wysihtml5-commands-disabled .wysihtml5-toolbar .dropdown-menu { |
| 6121 | display: none !important; | 6128 | display: none !important; |
| 6122 | } | 6129 | } |
| 6123 | .wysihtml5-toolbar .dropdown-toggle > [class*=icon-] { | 6130 | .wysihtml5-toolbar .dropdown-toggle > [class*=icon-] { |
| 6124 | margin-right: 8px; | 6131 | margin-right: 8px; |
| 6125 | } | 6132 | } |
| 6126 | .wysihtml5-toolbar .dropdown-toggle .caret { | 6133 | .wysihtml5-toolbar .dropdown-toggle .caret { |
| 6127 | margin-left: 8px; | 6134 | margin-left: 8px; |
| 6128 | } | 6135 | } |
| 6129 | .wysihtml5-toolbar a[data-wysihtml5-command=bold] { | 6136 | .wysihtml5-toolbar a[data-wysihtml5-command=bold] { |
| 6130 | font-weight: bold; | 6137 | font-weight: bold; |
| 6131 | } | 6138 | } |
| 6132 | .wysihtml5-toolbar a[data-wysihtml5-command=italic] { | 6139 | .wysihtml5-toolbar a[data-wysihtml5-command=italic] { |
| 6133 | font-style: italic; | 6140 | font-style: italic; |
| 6134 | } | 6141 | } |
| 6135 | .wysihtml5-toolbar a[data-wysihtml5-command=underline] { | 6142 | .wysihtml5-toolbar a[data-wysihtml5-command=underline] { |
| 6136 | text-decoration: underline; | 6143 | text-decoration: underline; |
| 6137 | } | 6144 | } |
| 6138 | .wysihtml5-toolbar a.btn.wysihtml5-command-active { | 6145 | .wysihtml5-toolbar a.btn.wysihtml5-command-active { |
| 6139 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | 6146 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 6140 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | 6147 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 6141 | } | 6148 | } |
| 6142 | .wysihtml5-toolbar a.wysihtml5-colors-title { | 6149 | .wysihtml5-toolbar a.wysihtml5-colors-title { |
| 6143 | padding-left: 48px; | 6150 | padding-left: 48px; |
| 6144 | } | 6151 | } |
| 6145 | .wysihtml5-toolbar .wysihtml5-colors { | 6152 | .wysihtml5-toolbar .wysihtml5-colors { |
| 6146 | display: block; | 6153 | display: block; |
| 6147 | width: 16px; | 6154 | width: 16px; |
| 6148 | height: 16px; | 6155 | height: 16px; |
| 6149 | position: absolute; | 6156 | position: absolute; |
| 6150 | pointer-events: none; | 6157 | pointer-events: none; |
| 6151 | left: 16px; | 6158 | left: 16px; |
| 6152 | top: 11px; | 6159 | top: 11px; |
| 6153 | border-radius: 100px; | 6160 | border-radius: 100px; |
| 6154 | } | 6161 | } |
| 6155 | .wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { | 6162 | .wysihtml5-toolbar div[data-wysihtml5-command-value="black"] { |
| 6156 | background: black !important; | 6163 | background: black !important; |
| 6157 | } | 6164 | } |
| 6158 | .wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { | 6165 | .wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] { |
| 6159 | background: silver !important; | 6166 | background: silver !important; |
| 6160 | } | 6167 | } |
| 6161 | .wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { | 6168 | .wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] { |
| 6162 | background: gray !important; | 6169 | background: gray !important; |
| 6163 | } | 6170 | } |
| 6164 | .wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { | 6171 | .wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] { |
| 6165 | background: maroon !important; | 6172 | background: maroon !important; |
| 6166 | } | 6173 | } |
| 6167 | .wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { | 6174 | .wysihtml5-toolbar div[data-wysihtml5-command-value="red"] { |
| 6168 | background: red !important; | 6175 | background: red !important; |
| 6169 | } | 6176 | } |
| 6170 | .wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { | 6177 | .wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] { |
| 6171 | background: purple !important; | 6178 | background: purple !important; |
| 6172 | } | 6179 | } |
| 6173 | .wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { | 6180 | .wysihtml5-toolbar div[data-wysihtml5-command-value="green"] { |
| 6174 | background: green !important; | 6181 | background: green !important; |
| 6175 | } | 6182 | } |
| 6176 | .wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { | 6183 | .wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] { |
| 6177 | background: olive !important; | 6184 | background: olive !important; |
| 6178 | } | 6185 | } |
| 6179 | .wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { | 6186 | .wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] { |
| 6180 | background: navy !important; | 6187 | background: navy !important; |
| 6181 | } | 6188 | } |
| 6182 | .wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { | 6189 | .wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] { |
| 6183 | background: blue !important; | 6190 | background: blue !important; |
| 6184 | } | 6191 | } |
| 6185 | .wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { | 6192 | .wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] { |
| 6186 | background: orange !important; | 6193 | background: orange !important; |
| 6187 | } | 6194 | } |
| 6188 | .wysiwyg-color-black { | 6195 | .wysiwyg-color-black { |
| 6189 | color: black; | 6196 | color: black; |
| 6190 | } | 6197 | } |
| 6191 | .wysiwyg-color-silver { | 6198 | .wysiwyg-color-silver { |
| 6192 | color: silver; | 6199 | color: silver; |
| 6193 | } | 6200 | } |
| 6194 | .wysiwyg-color-gray { | 6201 | .wysiwyg-color-gray { |
| 6195 | color: gray; | 6202 | color: gray; |
| 6196 | } | 6203 | } |
| 6197 | .wysiwyg-color-white { | 6204 | .wysiwyg-color-white { |
| 6198 | color: white; | 6205 | color: white; |
| 6199 | } | 6206 | } |
| 6200 | .wysiwyg-color-maroon { | 6207 | .wysiwyg-color-maroon { |
| 6201 | color: maroon; | 6208 | color: maroon; |
| 6202 | } | 6209 | } |
| 6203 | .wysiwyg-color-red { | 6210 | .wysiwyg-color-red { |
| 6204 | color: red; | 6211 | color: red; |
| 6205 | } | 6212 | } |
| 6206 | .wysiwyg-color-purple { | 6213 | .wysiwyg-color-purple { |
| 6207 | color: purple; | 6214 | color: purple; |
| 6208 | } | 6215 | } |
| 6209 | .wysiwyg-color-fuchsia { | 6216 | .wysiwyg-color-fuchsia { |
| 6210 | color: fuchsia; | 6217 | color: fuchsia; |
| 6211 | } | 6218 | } |
| 6212 | .wysiwyg-color-green { | 6219 | .wysiwyg-color-green { |
| 6213 | color: green; | 6220 | color: green; |
| 6214 | } | 6221 | } |
| 6215 | .wysiwyg-color-lime { | 6222 | .wysiwyg-color-lime { |
| 6216 | color: lime; | 6223 | color: lime; |
| 6217 | } | 6224 | } |
| 6218 | .wysiwyg-color-olive { | 6225 | .wysiwyg-color-olive { |
| 6219 | color: olive; | 6226 | color: olive; |
| 6220 | } | 6227 | } |
| 6221 | .wysiwyg-color-yellow { | 6228 | .wysiwyg-color-yellow { |
| 6222 | color: yellow; | 6229 | color: yellow; |
| 6223 | } | 6230 | } |
| 6224 | .wysiwyg-color-navy { | 6231 | .wysiwyg-color-navy { |
| 6225 | color: navy; | 6232 | color: navy; |
| 6226 | } | 6233 | } |
| 6227 | .wysiwyg-color-blue { | 6234 | .wysiwyg-color-blue { |
| 6228 | color: blue; | 6235 | color: blue; |
| 6229 | } | 6236 | } |
| 6230 | .wysiwyg-color-teal { | 6237 | .wysiwyg-color-teal { |
| 6231 | color: teal; | 6238 | color: teal; |
| 6232 | } | 6239 | } |
| 6233 | .wysiwyg-color-aqua { | 6240 | .wysiwyg-color-aqua { |
| 6234 | color: aqua; | 6241 | color: aqua; |
| 6235 | } | 6242 | } |
| 6236 | .wysiwyg-color-orange { | 6243 | .wysiwyg-color-orange { |
| 6237 | color: orange; | 6244 | color: orange; |
| 6238 | } | 6245 | } |
| 6239 | /* ------------------------------------------------------------------------------ | 6246 | /* ------------------------------------------------------------------------------ |
| 6240 | * | 6247 | * |
| 6241 | * # Ace code editor | 6248 | * # Ace code editor |
| 6242 | * | 6249 | * |
| 6243 | * An embeddable code editor written in JavaScript | 6250 | * An embeddable code editor written in JavaScript |
| 6244 | * | 6251 | * |
| 6245 | * Version: 1.0 | 6252 | * Version: 1.0 |
| 6246 | * Latest update: May 25, 2015 | 6253 | * Latest update: May 25, 2015 |
| 6247 | * | 6254 | * |
| 6248 | * ---------------------------------------------------------------------------- */ | 6255 | * ---------------------------------------------------------------------------- */ |
| 6249 | .ace_editor { | 6256 | .ace_editor { |
| 6250 | height: 400px; | 6257 | height: 400px; |
| 6251 | position: relative; | 6258 | position: relative; |
| 6252 | } | 6259 | } |
| 6253 | /* ------------------------------------------------------------------------------ | 6260 | /* ------------------------------------------------------------------------------ |
| 6254 | * | 6261 | * |
| 6255 | * # Daterange picker | 6262 | * # Daterange picker |
| 6256 | * | 6263 | * |
| 6257 | * Date range picker component for Bootstrap | 6264 | * Date range picker component for Bootstrap |
| 6258 | * | 6265 | * |
| 6259 | * Version: 1.2 | 6266 | * Version: 1.2 |
| 6260 | * Latest update: Mar 10, 2016 | 6267 | * Latest update: Mar 10, 2016 |
| 6261 | * | 6268 | * |
| 6262 | * ---------------------------------------------------------------------------- */ | 6269 | * ---------------------------------------------------------------------------- */ |
| 6263 | .daterangepicker { | 6270 | .daterangepicker { |
| 6264 | position: absolute; | 6271 | position: absolute; |
| 6265 | left: 0; | 6272 | left: 0; |
| 6266 | margin-top: 5px; | 6273 | margin-top: 5px; |
| 6267 | width: auto; | 6274 | width: auto; |
| 6268 | padding: 0; | 6275 | padding: 0; |
| 6269 | } | 6276 | } |
| 6270 | .daterangepicker.dropdown-menu { | 6277 | .daterangepicker.dropdown-menu { |
| 6271 | max-width: none; | 6278 | max-width: none; |
| 6272 | background-color: transparent; | 6279 | background-color: transparent; |
| 6273 | border: 0; | 6280 | border: 0; |
| 6274 | z-index: 1000; | 6281 | z-index: 1000; |
| 6275 | -webkit-box-shadow: none; | 6282 | -webkit-box-shadow: none; |
| 6276 | box-shadow: none; | 6283 | box-shadow: none; |
| 6277 | } | 6284 | } |
| 6278 | .daterangepicker.dropup { | 6285 | .daterangepicker.dropup { |
| 6279 | margin-top: -8px; | 6286 | margin-top: -8px; |
| 6280 | } | 6287 | } |
| 6281 | .daterangepicker .ranges, | 6288 | .daterangepicker .ranges, |
| 6282 | .daterangepicker .calendar { | 6289 | .daterangepicker .calendar { |
| 6283 | float: left; | 6290 | float: left; |
| 6284 | } | 6291 | } |
| 6285 | .daterangepicker.opensleft .calendars { | 6292 | .daterangepicker.opensleft .calendars { |
| 6286 | float: left; | 6293 | float: left; |
| 6287 | } | 6294 | } |
| 6288 | .daterangepicker.opensright .calendars { | 6295 | .daterangepicker.opensright .calendars { |
| 6289 | float: right; | 6296 | float: right; |
| 6290 | } | 6297 | } |
| 6291 | .daterangepicker.single .calendar { | 6298 | .daterangepicker.single .calendar { |
| 6292 | float: none; | 6299 | float: none; |
| 6293 | margin-left: 0; | 6300 | margin-left: 0; |
| 6294 | margin-right: 0; | 6301 | margin-right: 0; |
| 6295 | } | 6302 | } |
| 6296 | .daterangepicker.single .ranges { | 6303 | .daterangepicker.single .ranges { |
| 6297 | display: none; | 6304 | display: none; |
| 6298 | } | 6305 | } |
| 6299 | .daterangepicker.show-calendar .calendar { | 6306 | .daterangepicker.show-calendar .calendar { |
| 6300 | display: block; | 6307 | display: block; |
| 6301 | } | 6308 | } |
| 6302 | .daterangepicker .calendar { | 6309 | .daterangepicker .calendar { |
| 6303 | display: none; | 6310 | display: none; |
| 6304 | background-color: #fff; | 6311 | background-color: #fff; |
| 6305 | border-radius: 3px; | 6312 | border-radius: 3px; |
| 6306 | margin: 8px; | 6313 | margin: 8px; |
| 6307 | padding: 16px; | 6314 | padding: 16px; |
| 6308 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6315 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6309 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6316 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6310 | } | 6317 | } |
| 6311 | .daterangepicker table { | 6318 | .daterangepicker table { |
| 6312 | width: 100%; | 6319 | width: 100%; |
| 6313 | margin: 0; | 6320 | margin: 0; |
| 6314 | } | 6321 | } |
| 6315 | .daterangepicker table tbody th, | 6322 | .daterangepicker table tbody th, |
| 6316 | .daterangepicker table tbody td { | 6323 | .daterangepicker table tbody td { |
| 6317 | cursor: pointer; | 6324 | cursor: pointer; |
| 6318 | } | 6325 | } |
| 6319 | .daterangepicker th, | 6326 | .daterangepicker th, |
| 6320 | .daterangepicker td { | 6327 | .daterangepicker td { |
| 6321 | white-space: nowrap; | 6328 | white-space: nowrap; |
| 6322 | text-align: center; | 6329 | text-align: center; |
| 6323 | } | 6330 | } |
| 6324 | .daterangepicker th.week, | 6331 | .daterangepicker th.week, |
| 6325 | .daterangepicker td.week { | 6332 | .daterangepicker td.week { |
| 6326 | font-size: 80%; | 6333 | font-size: 80%; |
| 6327 | color: #ccc; | 6334 | color: #ccc; |
| 6328 | } | 6335 | } |
| 6329 | .daterangepicker th { | 6336 | .daterangepicker th { |
| 6330 | color: #999999; | 6337 | color: #999999; |
| 6331 | font-weight: normal; | 6338 | font-weight: normal; |
| 6332 | font-size: 12px; | 6339 | font-size: 12px; |
| 6333 | } | 6340 | } |
| 6334 | .daterangepicker th > i { | 6341 | .daterangepicker th > i { |
| 6335 | top: 0; | 6342 | top: 0; |
| 6336 | } | 6343 | } |
| 6337 | .daterangepicker th.prev, | 6344 | .daterangepicker th.prev, |
| 6338 | .daterangepicker th.next { | 6345 | .daterangepicker th.next { |
| 6339 | cursor: pointer; | 6346 | cursor: pointer; |
| 6340 | } | 6347 | } |
| 6341 | .daterangepicker th.available:hover, | 6348 | .daterangepicker th.available:hover, |
| 6342 | .daterangepicker th.available:focus { | 6349 | .daterangepicker th.available:focus { |
| 6343 | color: #333333; | 6350 | color: #333333; |
| 6344 | } | 6351 | } |
| 6345 | .daterangepicker td.available:hover, | 6352 | .daterangepicker td.available:hover, |
| 6346 | .daterangepicker td.available:focus { | 6353 | .daterangepicker td.available:focus { |
| 6347 | background-color: #f5f5f5; | 6354 | background-color: #f5f5f5; |
| 6348 | } | 6355 | } |
| 6349 | .daterangepicker td.off, | 6356 | .daterangepicker td.off, |
| 6350 | .daterangepicker td.disabled { | 6357 | .daterangepicker td.disabled { |
| 6351 | color: #ccc; | 6358 | color: #ccc; |
| 6352 | } | 6359 | } |
| 6353 | .daterangepicker td.disabled { | 6360 | .daterangepicker td.disabled { |
| 6354 | cursor: not-allowed; | 6361 | cursor: not-allowed; |
| 6355 | } | 6362 | } |
| 6356 | .daterangepicker td.in-range { | 6363 | .daterangepicker td.in-range { |
| 6357 | background-color: #f5f5f5; | 6364 | background-color: #f5f5f5; |
| 6358 | } | 6365 | } |
| 6359 | .daterangepicker td.active, | 6366 | .daterangepicker td.active, |
| 6360 | .daterangepicker td.active:hover, | 6367 | .daterangepicker td.active:hover, |
| 6361 | .daterangepicker td.active:focus { | 6368 | .daterangepicker td.active:focus { |
| 6362 | background-color: #26A69A; | 6369 | background-color: #26A69A; |
| 6363 | color: #fff; | 6370 | color: #fff; |
| 6364 | border-radius: 3px; | 6371 | border-radius: 3px; |
| 6365 | } | 6372 | } |
| 6366 | .daterangepicker .table-condensed tr > th, | 6373 | .daterangepicker .table-condensed tr > th, |
| 6367 | .daterangepicker .table-condensed tr > td { | 6374 | .daterangepicker .table-condensed tr > td { |
| 6368 | padding: 10px; | 6375 | padding: 10px; |
| 6369 | line-height: 1; | 6376 | line-height: 1; |
| 6370 | } | 6377 | } |
| 6371 | .daterangepicker .table-condensed thead tr:last-child th { | 6378 | .daterangepicker .table-condensed thead tr:last-child th { |
| 6372 | padding-top: 16px; | 6379 | padding-top: 16px; |
| 6373 | } | 6380 | } |
| 6374 | .daterangepicker .table-condensed .month { | 6381 | .daterangepicker .table-condensed .month { |
| 6375 | font-size: 17px; | 6382 | font-size: 17px; |
| 6376 | line-height: 1; | 6383 | line-height: 1; |
| 6377 | color: #333333; | 6384 | color: #333333; |
| 6378 | padding-top: 15px; | 6385 | padding-top: 15px; |
| 6379 | padding-bottom: 15px; | 6386 | padding-bottom: 15px; |
| 6380 | font-weight: 400; | 6387 | font-weight: 400; |
| 6381 | } | 6388 | } |
| 6382 | .daterangepicker select { | 6389 | .daterangepicker select { |
| 6383 | display: inline-block; | 6390 | display: inline-block; |
| 6384 | } | 6391 | } |
| 6385 | .daterangepicker select.monthselect { | 6392 | .daterangepicker select.monthselect { |
| 6386 | margin-right: 2%; | 6393 | margin-right: 2%; |
| 6387 | width: 56%; | 6394 | width: 56%; |
| 6388 | } | 6395 | } |
| 6389 | .daterangepicker select.yearselect { | 6396 | .daterangepicker select.yearselect { |
| 6390 | width: 40%; | 6397 | width: 40%; |
| 6391 | } | 6398 | } |
| 6392 | .daterangepicker select.hourselect, | 6399 | .daterangepicker select.hourselect, |
| 6393 | .daterangepicker select.minuteselect, | 6400 | .daterangepicker select.minuteselect, |
| 6394 | .daterangepicker select.secondselect, | 6401 | .daterangepicker select.secondselect, |
| 6395 | .daterangepicker select.ampmselect { | 6402 | .daterangepicker select.ampmselect { |
| 6396 | width: 60px; | 6403 | width: 60px; |
| 6397 | padding-left: 0; | 6404 | padding-left: 0; |
| 6398 | padding-right: 0; | 6405 | padding-right: 0; |
| 6399 | margin-bottom: 0; | 6406 | margin-bottom: 0; |
| 6400 | } | 6407 | } |
| 6401 | .daterangepicker .daterangepicker_input { | 6408 | .daterangepicker .daterangepicker_input { |
| 6402 | position: relative; | 6409 | position: relative; |
| 6403 | } | 6410 | } |
| 6404 | .daterangepicker .daterangepicker_input i { | 6411 | .daterangepicker .daterangepicker_input i { |
| 6405 | position: absolute; | 6412 | position: absolute; |
| 6406 | right: 0; | 6413 | right: 0; |
| 6407 | top: auto; | 6414 | top: auto; |
| 6408 | bottom: 11px; | 6415 | bottom: 11px; |
| 6409 | color: #999999; | 6416 | color: #999999; |
| 6410 | } | 6417 | } |
| 6411 | .daterangepicker .daterangepicker_input input { | 6418 | .daterangepicker .daterangepicker_input input { |
| 6412 | padding-right: 24px; | 6419 | padding-right: 24px; |
| 6413 | } | 6420 | } |
| 6414 | .daterangepicker .calendar-time { | 6421 | .daterangepicker .calendar-time { |
| 6415 | text-align: center; | 6422 | text-align: center; |
| 6416 | margin: 16px 0; | 6423 | margin: 16px 0; |
| 6417 | } | 6424 | } |
| 6418 | .daterangepicker .calendar-time select.disabled { | 6425 | .daterangepicker .calendar-time select.disabled { |
| 6419 | color: #ccc; | 6426 | color: #ccc; |
| 6420 | cursor: not-allowed; | 6427 | cursor: not-allowed; |
| 6421 | } | 6428 | } |
| 6422 | .ranges { | 6429 | .ranges { |
| 6423 | background-color: #fff; | 6430 | background-color: #fff; |
| 6424 | position: relative; | 6431 | position: relative; |
| 6425 | border-radius: 3px; | 6432 | border-radius: 3px; |
| 6426 | width: 200px; | 6433 | width: 200px; |
| 6427 | margin-top: 8px; | 6434 | margin-top: 8px; |
| 6428 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6435 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6429 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6436 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6430 | } | 6437 | } |
| 6431 | .opensright .ranges { | 6438 | .opensright .ranges { |
| 6432 | margin-left: 0; | 6439 | margin-left: 0; |
| 6433 | } | 6440 | } |
| 6434 | .opensleft .ranges { | 6441 | .opensleft .ranges { |
| 6435 | margin-right: 0; | 6442 | margin-right: 0; |
| 6436 | } | 6443 | } |
| 6437 | .ranges ul { | 6444 | .ranges ul { |
| 6438 | list-style: none; | 6445 | list-style: none; |
| 6439 | margin: 0; | 6446 | margin: 0; |
| 6440 | padding: 8px 0; | 6447 | padding: 8px 0; |
| 6441 | } | 6448 | } |
| 6442 | .ranges ul + .daterangepicker-inputs { | 6449 | .ranges ul + .daterangepicker-inputs { |
| 6443 | border-top: 1px solid #e5e5e5; | 6450 | border-top: 1px solid #e5e5e5; |
| 6444 | } | 6451 | } |
| 6445 | .ranges ul li { | 6452 | .ranges ul li { |
| 6446 | color: #333333; | 6453 | color: #333333; |
| 6447 | padding: 8px 16px; | 6454 | padding: 8px 16px; |
| 6448 | cursor: pointer; | 6455 | cursor: pointer; |
| 6449 | margin-top: 1px; | 6456 | margin-top: 1px; |
| 6450 | } | 6457 | } |
| 6451 | .ranges ul li:first-child { | 6458 | .ranges ul li:first-child { |
| 6452 | margin-top: 0; | 6459 | margin-top: 0; |
| 6453 | } | 6460 | } |
| 6454 | .ranges ul li:hover, | 6461 | .ranges ul li:hover, |
| 6455 | .ranges ul li:focus { | 6462 | .ranges ul li:focus { |
| 6456 | background-color: #f5f5f5; | 6463 | background-color: #f5f5f5; |
| 6457 | } | 6464 | } |
| 6458 | .ranges ul li.active { | 6465 | .ranges ul li.active { |
| 6459 | color: #fff; | 6466 | color: #fff; |
| 6460 | background-color: #26A69A; | 6467 | background-color: #26A69A; |
| 6461 | } | 6468 | } |
| 6462 | .ranges .daterangepicker-inputs { | 6469 | .ranges .daterangepicker-inputs { |
| 6463 | padding: 16px; | 6470 | padding: 16px; |
| 6464 | } | 6471 | } |
| 6465 | .ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input { | 6472 | .ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input { |
| 6466 | margin-top: 16px; | 6473 | margin-top: 16px; |
| 6467 | } | 6474 | } |
| 6468 | .ranges .daterangepicker-inputs .daterangepicker_input > span { | 6475 | .ranges .daterangepicker-inputs .daterangepicker_input > span { |
| 6469 | display: block; | 6476 | display: block; |
| 6470 | font-size: 12px; | 6477 | font-size: 12px; |
| 6471 | color: #999999; | 6478 | color: #999999; |
| 6472 | } | 6479 | } |
| 6473 | .ranges .range_inputs { | 6480 | .ranges .range_inputs { |
| 6474 | padding: 16px; | 6481 | padding: 16px; |
| 6475 | padding-top: 0; | 6482 | padding-top: 0; |
| 6476 | } | 6483 | } |
| 6477 | .ranges .range_inputs .btn { | 6484 | .ranges .range_inputs .btn { |
| 6478 | display: block; | 6485 | display: block; |
| 6479 | width: 100%; | 6486 | width: 100%; |
| 6480 | } | 6487 | } |
| 6481 | .ranges .range_inputs .btn + .btn { | 6488 | .ranges .range_inputs .btn + .btn { |
| 6482 | margin-top: 16px; | 6489 | margin-top: 16px; |
| 6483 | } | 6490 | } |
| 6484 | @media (min-width: 769px) { | 6491 | @media (min-width: 769px) { |
| 6485 | .ranges { | 6492 | .ranges { |
| 6486 | margin: 8px; | 6493 | margin: 8px; |
| 6487 | } | 6494 | } |
| 6488 | } | 6495 | } |
| 6489 | .daterange-custom { | 6496 | .daterange-custom { |
| 6490 | cursor: pointer; | 6497 | cursor: pointer; |
| 6491 | } | 6498 | } |
| 6492 | .daterange-custom:after { | 6499 | .daterange-custom:after { |
| 6493 | content: ''; | 6500 | content: ''; |
| 6494 | display: table; | 6501 | display: table; |
| 6495 | clear: both; | 6502 | clear: both; |
| 6496 | } | 6503 | } |
| 6497 | .daterange-custom .label, | 6504 | .daterange-custom .label, |
| 6498 | .daterange-custom .badge { | 6505 | .daterange-custom .badge { |
| 6499 | margin: 4px 0 0 8px; | 6506 | margin: 4px 0 0 8px; |
| 6500 | vertical-align: top; | 6507 | vertical-align: top; |
| 6501 | } | 6508 | } |
| 6502 | .daterange-custom .label-icon { | 6509 | .daterange-custom .label-icon { |
| 6503 | margin-top: 0; | 6510 | margin-top: 0; |
| 6504 | margin-right: 5px; | 6511 | margin-right: 5px; |
| 6505 | } | 6512 | } |
| 6506 | .daterange-custom-display { | 6513 | .daterange-custom-display { |
| 6507 | display: inline-block; | 6514 | display: inline-block; |
| 6508 | position: relative; | 6515 | position: relative; |
| 6509 | padding-left: 21px; | 6516 | padding-left: 21px; |
| 6510 | line-height: 1; | 6517 | line-height: 1; |
| 6511 | } | 6518 | } |
| 6512 | .daterange-custom-display:after { | 6519 | .daterange-custom-display:after { |
| 6513 | content: '\e9c9'; | 6520 | content: '\e9c9'; |
| 6514 | font-family: 'icomoon'; | 6521 | font-family: 'icomoon'; |
| 6515 | display: inline-block; | 6522 | display: inline-block; |
| 6516 | position: absolute; | 6523 | position: absolute; |
| 6517 | top: 50%; | 6524 | top: 50%; |
| 6518 | left: 0; | 6525 | left: 0; |
| 6519 | margin-top: -8px; | 6526 | margin-top: -8px; |
| 6520 | -webkit-font-smoothing: antialiased; | 6527 | -webkit-font-smoothing: antialiased; |
| 6521 | -moz-osx-font-smoothing: grayscale; | 6528 | -moz-osx-font-smoothing: grayscale; |
| 6522 | -webkit-transition: all ease-in-out 0.2s; | 6529 | -webkit-transition: all ease-in-out 0.2s; |
| 6523 | -o-transition: all ease-in-out 0.2s; | 6530 | -o-transition: all ease-in-out 0.2s; |
| 6524 | transition: all ease-in-out 0.2s; | 6531 | transition: all ease-in-out 0.2s; |
| 6525 | } | 6532 | } |
| 6526 | .daterange-custom.is-opened .daterange-custom-display:after { | 6533 | .daterange-custom.is-opened .daterange-custom-display:after { |
| 6527 | -webkit-transform: rotate(180deg); | 6534 | -webkit-transform: rotate(180deg); |
| 6528 | -ms-transform: rotate(180deg); | 6535 | -ms-transform: rotate(180deg); |
| 6529 | -o-transform: rotate(180deg); | 6536 | -o-transform: rotate(180deg); |
| 6530 | transform: rotate(180deg); | 6537 | transform: rotate(180deg); |
| 6531 | } | 6538 | } |
| 6532 | .daterange-custom-display > i { | 6539 | .daterange-custom-display > i { |
| 6533 | display: inline-block; | 6540 | display: inline-block; |
| 6534 | font-size: 28px; | 6541 | font-size: 28px; |
| 6535 | font-weight: normal; | 6542 | font-weight: normal; |
| 6536 | font-style: normal; | 6543 | font-style: normal; |
| 6537 | letter-spacing: -0.015em; | 6544 | letter-spacing: -0.015em; |
| 6538 | } | 6545 | } |
| 6539 | .daterange-custom-display b { | 6546 | .daterange-custom-display b { |
| 6540 | display: inline-block; | 6547 | display: inline-block; |
| 6541 | margin-left: 4px; | 6548 | margin-left: 4px; |
| 6542 | font-weight: 400; | 6549 | font-weight: 400; |
| 6543 | } | 6550 | } |
| 6544 | .daterange-custom-display b > i { | 6551 | .daterange-custom-display b > i { |
| 6545 | font-size: 11px; | 6552 | font-size: 11px; |
| 6546 | display: block; | 6553 | display: block; |
| 6547 | line-height: 12px; | 6554 | line-height: 12px; |
| 6548 | text-transform: uppercase; | 6555 | text-transform: uppercase; |
| 6549 | font-style: normal; | 6556 | font-style: normal; |
| 6550 | font-weight: 400; | 6557 | font-weight: 400; |
| 6551 | } | 6558 | } |
| 6552 | .daterange-custom-display em { | 6559 | .daterange-custom-display em { |
| 6553 | line-height: 30px; | 6560 | line-height: 30px; |
| 6554 | vertical-align: top; | 6561 | vertical-align: top; |
| 6555 | margin: 0 4px; | 6562 | margin: 0 4px; |
| 6556 | } | 6563 | } |
| 6557 | @media (max-width: 769px) { | 6564 | @media (max-width: 769px) { |
| 6558 | .opensleft, | 6565 | .opensleft, |
| 6559 | .opensright { | 6566 | .opensright { |
| 6560 | left: 0!important; | 6567 | left: 0!important; |
| 6561 | right: 0; | 6568 | right: 0; |
| 6562 | } | 6569 | } |
| 6563 | .opensleft .calendars, | 6570 | .opensleft .calendars, |
| 6564 | .opensright .calendars { | 6571 | .opensright .calendars { |
| 6565 | float: none; | 6572 | float: none; |
| 6566 | } | 6573 | } |
| 6567 | .daterangepicker.opensleft .ranges, | 6574 | .daterangepicker.opensleft .ranges, |
| 6568 | .daterangepicker.opensright .ranges, | 6575 | .daterangepicker.opensright .ranges, |
| 6569 | .daterangepicker.opensleft .calendar, | 6576 | .daterangepicker.opensleft .calendar, |
| 6570 | .daterangepicker.opensright .calendar, | 6577 | .daterangepicker.opensright .calendar, |
| 6571 | .daterangepicker.opensleft .calendars, | 6578 | .daterangepicker.opensleft .calendars, |
| 6572 | .daterangepicker.opensright .calendars { | 6579 | .daterangepicker.opensright .calendars { |
| 6573 | float: none; | 6580 | float: none; |
| 6574 | } | 6581 | } |
| 6575 | .daterangepicker { | 6582 | .daterangepicker { |
| 6576 | width: 100%; | 6583 | width: 100%; |
| 6577 | padding-left: 20px; | 6584 | padding-left: 20px; |
| 6578 | padding-right: 20px; | 6585 | padding-right: 20px; |
| 6579 | } | 6586 | } |
| 6580 | .daterangepicker .calendar { | 6587 | .daterangepicker .calendar { |
| 6581 | margin-left: 0; | 6588 | margin-left: 0; |
| 6582 | margin-right: 0; | 6589 | margin-right: 0; |
| 6583 | } | 6590 | } |
| 6584 | .daterangepicker .ranges { | 6591 | .daterangepicker .ranges { |
| 6585 | width: 100%; | 6592 | width: 100%; |
| 6586 | } | 6593 | } |
| 6587 | } | 6594 | } |
| 6588 | /* ------------------------------------------------------------------------------ | 6595 | /* ------------------------------------------------------------------------------ |
| 6589 | * | 6596 | * |
| 6590 | * # Pick-a-date - Picker base | 6597 | * # Pick-a-date - Picker base |
| 6591 | * | 6598 | * |
| 6592 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker | 6599 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker |
| 6593 | * | 6600 | * |
| 6594 | * Version: 1.2 | 6601 | * Version: 1.2 |
| 6595 | * Latest update: Jul 5, 2016 | 6602 | * Latest update: Jul 5, 2016 |
| 6596 | * | 6603 | * |
| 6597 | * ---------------------------------------------------------------------------- */ | 6604 | * ---------------------------------------------------------------------------- */ |
| 6598 | .picker { | 6605 | .picker { |
| 6599 | width: 100%; | 6606 | width: 100%; |
| 6600 | text-align: left; | 6607 | text-align: left; |
| 6601 | position: absolute; | 6608 | position: absolute; |
| 6602 | top: 100%; | 6609 | top: 100%; |
| 6603 | margin-top: -1px; | 6610 | margin-top: -1px; |
| 6604 | z-index: 990; | 6611 | z-index: 990; |
| 6605 | -webkit-user-select: none; | 6612 | -webkit-user-select: none; |
| 6606 | -moz-user-select: none; | 6613 | -moz-user-select: none; |
| 6607 | -ms-user-select: none; | 6614 | -ms-user-select: none; |
| 6608 | user-select: none; | 6615 | user-select: none; |
| 6609 | } | 6616 | } |
| 6610 | .picker__input { | 6617 | .picker__input { |
| 6611 | cursor: default; | 6618 | cursor: default; |
| 6612 | } | 6619 | } |
| 6613 | .picker__holder { | 6620 | .picker__holder { |
| 6614 | width: 100%; | 6621 | width: 100%; |
| 6615 | overflow-y: auto; | 6622 | overflow-y: auto; |
| 6616 | position: absolute; | 6623 | position: absolute; |
| 6617 | display: none; | 6624 | display: none; |
| 6618 | background-color: #fff; | 6625 | background-color: #fff; |
| 6619 | border-top-width: 0; | 6626 | border-top-width: 0; |
| 6620 | border-bottom-width: 0; | 6627 | border-bottom-width: 0; |
| 6621 | max-width: 290px; | 6628 | max-width: 290px; |
| 6622 | max-height: 0; | 6629 | max-height: 0; |
| 6623 | outline: 0; | 6630 | outline: 0; |
| 6624 | -webkit-overflow-scrolling: touch; | 6631 | -webkit-overflow-scrolling: touch; |
| 6625 | border-bottom-right-radius: 3px; | 6632 | border-bottom-right-radius: 3px; |
| 6626 | border-bottom-left-radius: 3px; | 6633 | border-bottom-left-radius: 3px; |
| 6627 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6634 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6628 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6635 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6629 | } | 6636 | } |
| 6630 | .picker--opened .picker__holder { | 6637 | .picker--opened .picker__holder { |
| 6631 | max-height: 480px; | 6638 | max-height: 480px; |
| 6632 | border-top-width: 1px; | 6639 | border-top-width: 1px; |
| 6633 | border-bottom-width: 1px; | 6640 | border-bottom-width: 1px; |
| 6634 | display: block; | 6641 | display: block; |
| 6635 | } | 6642 | } |
| 6636 | /* ------------------------------------------------------------------------------ | 6643 | /* ------------------------------------------------------------------------------ |
| 6637 | * | 6644 | * |
| 6638 | * # Pick-a-date - Date picker | 6645 | * # Pick-a-date - Date picker |
| 6639 | * | 6646 | * |
| 6640 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker | 6647 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker |
| 6641 | * | 6648 | * |
| 6642 | * Version: 1.1 | 6649 | * Version: 1.1 |
| 6643 | * Latest update: Mar 10, 2016 | 6650 | * Latest update: Mar 10, 2016 |
| 6644 | * | 6651 | * |
| 6645 | * ---------------------------------------------------------------------------- */ | 6652 | * ---------------------------------------------------------------------------- */ |
| 6646 | .picker__box { | 6653 | .picker__box { |
| 6647 | padding: 16px; | 6654 | padding: 16px; |
| 6648 | } | 6655 | } |
| 6649 | .picker__header { | 6656 | .picker__header { |
| 6650 | text-align: center; | 6657 | text-align: center; |
| 6651 | position: relative; | 6658 | position: relative; |
| 6652 | font-size: 17px; | 6659 | font-size: 17px; |
| 6653 | line-height: 1; | 6660 | line-height: 1; |
| 6654 | padding-top: 15px; | 6661 | padding-top: 15px; |
| 6655 | padding-bottom: 15px; | 6662 | padding-bottom: 15px; |
| 6656 | } | 6663 | } |
| 6657 | .picker__month, | 6664 | .picker__month, |
| 6658 | .picker__year { | 6665 | .picker__year { |
| 6659 | display: inline-block; | 6666 | display: inline-block; |
| 6660 | margin-left: 5px; | 6667 | margin-left: 5px; |
| 6661 | margin-right: 5px; | 6668 | margin-right: 5px; |
| 6662 | } | 6669 | } |
| 6663 | .picker__year { | 6670 | .picker__year { |
| 6664 | color: #999999; | 6671 | color: #999999; |
| 6665 | font-size: 13px; | 6672 | font-size: 13px; |
| 6666 | } | 6673 | } |
| 6667 | .picker__select--month, | 6674 | .picker__select--month, |
| 6668 | .picker__select--year { | 6675 | .picker__select--year { |
| 6669 | border-color: #ddd; | 6676 | border-color: #ddd; |
| 6670 | height: 34px; | 6677 | height: 34px; |
| 6671 | font-size: 13px; | 6678 | font-size: 13px; |
| 6672 | line-height: 1.6666667; | 6679 | line-height: 1.6666667; |
| 6673 | margin-left: 5px; | 6680 | margin-left: 5px; |
| 6674 | margin-right: 5px; | 6681 | margin-right: 5px; |
| 6675 | outline: 0; | 6682 | outline: 0; |
| 6676 | } | 6683 | } |
| 6677 | .picker__select--month { | 6684 | .picker__select--month { |
| 6678 | width: 35%; | 6685 | width: 35%; |
| 6679 | } | 6686 | } |
| 6680 | .picker__select--year { | 6687 | .picker__select--year { |
| 6681 | width: 35%; | 6688 | width: 35%; |
| 6682 | } | 6689 | } |
| 6683 | .picker__nav--prev, | 6690 | .picker__nav--prev, |
| 6684 | .picker__nav--next { | 6691 | .picker__nav--next { |
| 6685 | position: absolute; | 6692 | position: absolute; |
| 6686 | padding: 8px; | 6693 | padding: 8px; |
| 6687 | top: 50%; | 6694 | top: 50%; |
| 6688 | margin-top: -16px; | 6695 | margin-top: -16px; |
| 6689 | border-radius: 2px; | 6696 | border-radius: 2px; |
| 6690 | line-height: 1; | 6697 | line-height: 1; |
| 6691 | } | 6698 | } |
| 6692 | .picker__nav--prev:before, | 6699 | .picker__nav--prev:before, |
| 6693 | .picker__nav--next:before { | 6700 | .picker__nav--next:before { |
| 6694 | font-family: 'icomoon'; | 6701 | font-family: 'icomoon'; |
| 6695 | display: block; | 6702 | display: block; |
| 6696 | font-size: 16px; | 6703 | font-size: 16px; |
| 6697 | width: 16px; | 6704 | width: 16px; |
| 6698 | text-align: center; | 6705 | text-align: center; |
| 6699 | -webkit-font-smoothing: antialiased; | 6706 | -webkit-font-smoothing: antialiased; |
| 6700 | -moz-osx-font-smoothing: grayscale; | 6707 | -moz-osx-font-smoothing: grayscale; |
| 6701 | } | 6708 | } |
| 6702 | .picker__nav--prev:hover, | 6709 | .picker__nav--prev:hover, |
| 6703 | .picker__nav--next:hover { | 6710 | .picker__nav--next:hover { |
| 6704 | cursor: pointer; | 6711 | cursor: pointer; |
| 6705 | background-color: #f5f5f5; | 6712 | background-color: #f5f5f5; |
| 6706 | } | 6713 | } |
| 6707 | .picker__nav--prev { | 6714 | .picker__nav--prev { |
| 6708 | left: 0; | 6715 | left: 0; |
| 6709 | } | 6716 | } |
| 6710 | .picker__nav--prev:before { | 6717 | .picker__nav--prev:before { |
| 6711 | content: '\e9c8'; | 6718 | content: '\e9c8'; |
| 6712 | } | 6719 | } |
| 6713 | .picker__nav--next { | 6720 | .picker__nav--next { |
| 6714 | right: 0; | 6721 | right: 0; |
| 6715 | } | 6722 | } |
| 6716 | .picker__nav--next:before { | 6723 | .picker__nav--next:before { |
| 6717 | content: '\e9cb'; | 6724 | content: '\e9cb'; |
| 6718 | } | 6725 | } |
| 6719 | .picker__nav--disabled, | 6726 | .picker__nav--disabled, |
| 6720 | .picker__nav--disabled:hover, | 6727 | .picker__nav--disabled:hover, |
| 6721 | .picker__nav--disabled:before, | 6728 | .picker__nav--disabled:before, |
| 6722 | .picker__nav--disabled:before:hover { | 6729 | .picker__nav--disabled:before:hover { |
| 6723 | cursor: default; | 6730 | cursor: default; |
| 6724 | background: none; | 6731 | background: none; |
| 6725 | border-right-color: #f5f5f5; | 6732 | border-right-color: #f5f5f5; |
| 6726 | border-left-color: #f5f5f5; | 6733 | border-left-color: #f5f5f5; |
| 6727 | } | 6734 | } |
| 6728 | .picker__table { | 6735 | .picker__table { |
| 6729 | text-align: center; | 6736 | text-align: center; |
| 6730 | border-collapse: collapse; | 6737 | border-collapse: collapse; |
| 6731 | border-spacing: 0; | 6738 | border-spacing: 0; |
| 6732 | table-layout: fixed; | 6739 | table-layout: fixed; |
| 6733 | font-size: inherit; | 6740 | font-size: inherit; |
| 6734 | width: 100%; | 6741 | width: 100%; |
| 6735 | margin-bottom: 16px; | 6742 | margin-bottom: 16px; |
| 6736 | } | 6743 | } |
| 6737 | .picker__table td { | 6744 | .picker__table td { |
| 6738 | margin: 0; | 6745 | margin: 0; |
| 6739 | padding: 0; | 6746 | padding: 0; |
| 6740 | } | 6747 | } |
| 6741 | .picker__weekday { | 6748 | .picker__weekday { |
| 6742 | width: 14.285714286%; | 6749 | width: 14.285714286%; |
| 6743 | font-size: 12px; | 6750 | font-size: 12px; |
| 6744 | text-align: center; | 6751 | text-align: center; |
| 6745 | padding-bottom: 10px; | 6752 | padding-bottom: 10px; |
| 6746 | padding-top: 16px; | 6753 | padding-top: 16px; |
| 6747 | color: #999999; | 6754 | color: #999999; |
| 6748 | font-weight: 400; | 6755 | font-weight: 400; |
| 6749 | } | 6756 | } |
| 6750 | .picker__day { | 6757 | .picker__day { |
| 6751 | padding: 8px; | 6758 | padding: 8px; |
| 6752 | } | 6759 | } |
| 6753 | .picker__day--today { | 6760 | .picker__day--today { |
| 6754 | position: relative; | 6761 | position: relative; |
| 6755 | background-color: #f5f5f5; | 6762 | background-color: #f5f5f5; |
| 6756 | } | 6763 | } |
| 6757 | .picker__day--today:before { | 6764 | .picker__day--today:before { |
| 6758 | content: ""; | 6765 | content: ""; |
| 6759 | position: absolute; | 6766 | position: absolute; |
| 6760 | top: 2px; | 6767 | top: 2px; |
| 6761 | right: 2px; | 6768 | right: 2px; |
| 6762 | width: 0; | 6769 | width: 0; |
| 6763 | height: 0; | 6770 | height: 0; |
| 6764 | border-top: 6px solid #26A69A; | 6771 | border-top: 6px solid #26A69A; |
| 6765 | border-left: 6px solid transparent; | 6772 | border-left: 6px solid transparent; |
| 6766 | } | 6773 | } |
| 6767 | .picker__day--outfocus { | 6774 | .picker__day--outfocus { |
| 6768 | color: #ccc; | 6775 | color: #ccc; |
| 6769 | } | 6776 | } |
| 6770 | .picker__day--infocus:hover, | 6777 | .picker__day--infocus:hover, |
| 6771 | .picker__day--outfocus:hover { | 6778 | .picker__day--outfocus:hover { |
| 6772 | cursor: pointer; | 6779 | cursor: pointer; |
| 6773 | color: #333333; | 6780 | color: #333333; |
| 6774 | background-color: #f5f5f5; | 6781 | background-color: #f5f5f5; |
| 6775 | } | 6782 | } |
| 6776 | .picker__day--highlighted:before { | 6783 | .picker__day--highlighted:before { |
| 6777 | border-top-color: #fff; | 6784 | border-top-color: #fff; |
| 6778 | } | 6785 | } |
| 6779 | .picker__day--highlighted, | 6786 | .picker__day--highlighted, |
| 6780 | .picker__day--selected { | 6787 | .picker__day--selected { |
| 6781 | border-radius: 3px; | 6788 | border-radius: 3px; |
| 6782 | } | 6789 | } |
| 6783 | .picker__day--highlighted, | 6790 | .picker__day--highlighted, |
| 6784 | .picker__day--highlighted:hover, | 6791 | .picker__day--highlighted:hover, |
| 6785 | .picker--focused .picker__day--highlighted { | 6792 | .picker--focused .picker__day--highlighted { |
| 6786 | cursor: pointer; | 6793 | cursor: pointer; |
| 6787 | color: #fff; | 6794 | color: #fff; |
| 6788 | background-color: #26A69A; | 6795 | background-color: #26A69A; |
| 6789 | } | 6796 | } |
| 6790 | .picker__day--selected, | 6797 | .picker__day--selected, |
| 6791 | .picker__day--selected:hover, | 6798 | .picker__day--selected:hover, |
| 6792 | .picker--focused .picker__day--selected { | 6799 | .picker--focused .picker__day--selected { |
| 6793 | background-color: #26A69A; | 6800 | background-color: #26A69A; |
| 6794 | color: #fff; | 6801 | color: #fff; |
| 6795 | } | 6802 | } |
| 6796 | .picker__day--disabled, | 6803 | .picker__day--disabled, |
| 6797 | .picker__day--disabled:hover { | 6804 | .picker__day--disabled:hover { |
| 6798 | background: #fafafa; | 6805 | background: #fafafa; |
| 6799 | color: #999999; | 6806 | color: #999999; |
| 6800 | cursor: default; | 6807 | cursor: default; |
| 6801 | } | 6808 | } |
| 6802 | .picker__day--disabled:before { | 6809 | .picker__day--disabled:before { |
| 6803 | border-top-color: #999; | 6810 | border-top-color: #999; |
| 6804 | } | 6811 | } |
| 6805 | .picker__day--highlighted .picker__day--disabled, | 6812 | .picker__day--highlighted .picker__day--disabled, |
| 6806 | .picker__day--highlighted .picker__day--disabled:hover { | 6813 | .picker__day--highlighted .picker__day--disabled:hover { |
| 6807 | background-color: #bbbbbb; | 6814 | background-color: #bbbbbb; |
| 6808 | } | 6815 | } |
| 6809 | .picker__footer { | 6816 | .picker__footer { |
| 6810 | text-align: center; | 6817 | text-align: center; |
| 6811 | } | 6818 | } |
| 6812 | .picker__footer button { | 6819 | .picker__footer button { |
| 6813 | border: 0; | 6820 | border: 0; |
| 6814 | background: #fff; | 6821 | background: #fff; |
| 6815 | padding: 7px 14px; | 6822 | padding: 7px 14px; |
| 6816 | border-radius: 3px; | 6823 | border-radius: 3px; |
| 6817 | font-weight: 500; | 6824 | font-weight: 500; |
| 6818 | cursor: pointer; | 6825 | cursor: pointer; |
| 6819 | display: inline-block; | 6826 | display: inline-block; |
| 6820 | } | 6827 | } |
| 6821 | .picker__footer button:hover, | 6828 | .picker__footer button:hover, |
| 6822 | .picker__footer button:focus { | 6829 | .picker__footer button:focus { |
| 6823 | outline: 0; | 6830 | outline: 0; |
| 6824 | background-color: #f5f5f5; | 6831 | background-color: #f5f5f5; |
| 6825 | } | 6832 | } |
| 6826 | .picker__footer button:before { | 6833 | .picker__footer button:before { |
| 6827 | height: 0; | 6834 | height: 0; |
| 6828 | } | 6835 | } |
| 6829 | .picker__button--today:before { | 6836 | .picker__button--today:before { |
| 6830 | content: ''; | 6837 | content: ''; |
| 6831 | margin-right: 5px; | 6838 | margin-right: 5px; |
| 6832 | position: relative; | 6839 | position: relative; |
| 6833 | display: inline-block; | 6840 | display: inline-block; |
| 6834 | top: -1px; | 6841 | top: -1px; |
| 6835 | width: 0; | 6842 | width: 0; |
| 6836 | border-top: 6px solid #2196F3; | 6843 | border-top: 6px solid #2196F3; |
| 6837 | border-left: 6px solid transparent; | 6844 | border-left: 6px solid transparent; |
| 6838 | } | 6845 | } |
| 6839 | .picker__button--close:before { | 6846 | .picker__button--close:before { |
| 6840 | content: '\D7'; | 6847 | content: '\D7'; |
| 6841 | display: inline-block; | 6848 | display: inline-block; |
| 6842 | position: relative; | 6849 | position: relative; |
| 6843 | margin-right: 5px; | 6850 | margin-right: 5px; |
| 6844 | top: 1px; | 6851 | top: 1px; |
| 6845 | line-height: 1; | 6852 | line-height: 1; |
| 6846 | font-size: 16px; | 6853 | font-size: 16px; |
| 6847 | } | 6854 | } |
| 6848 | .picker__button--clear:before { | 6855 | .picker__button--clear:before { |
| 6849 | content: ''; | 6856 | content: ''; |
| 6850 | display: inline-block; | 6857 | display: inline-block; |
| 6851 | position: relative; | 6858 | position: relative; |
| 6852 | top: -3px; | 6859 | top: -3px; |
| 6853 | width: 8px; | 6860 | width: 8px; |
| 6854 | margin-right: 5px; | 6861 | margin-right: 5px; |
| 6855 | border-top: 2px solid #F44336; | 6862 | border-top: 2px solid #F44336; |
| 6856 | } | 6863 | } |
| 6857 | /* ------------------------------------------------------------------------------ | 6864 | /* ------------------------------------------------------------------------------ |
| 6858 | * | 6865 | * |
| 6859 | * # Pick-a-date - Time picker | 6866 | * # Pick-a-date - Time picker |
| 6860 | * | 6867 | * |
| 6861 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker | 6868 | * The mobile-friendly, responsive, and lightweight jQuery date & time input picker |
| 6862 | * | 6869 | * |
| 6863 | * Version: 1.1 | 6870 | * Version: 1.1 |
| 6864 | * Latest update: Mar 10, 2016 | 6871 | * Latest update: Mar 10, 2016 |
| 6865 | * | 6872 | * |
| 6866 | * ---------------------------------------------------------------------------- */ | 6873 | * ---------------------------------------------------------------------------- */ |
| 6867 | .picker--time { | 6874 | .picker--time { |
| 6868 | min-width: 256px; | 6875 | min-width: 256px; |
| 6869 | max-width: 320px; | 6876 | max-width: 320px; |
| 6870 | } | 6877 | } |
| 6871 | .picker--time .picker__box { | 6878 | .picker--time .picker__box { |
| 6872 | padding: 0; | 6879 | padding: 0; |
| 6873 | } | 6880 | } |
| 6874 | .picker__list { | 6881 | .picker__list { |
| 6875 | list-style: none; | 6882 | list-style: none; |
| 6876 | padding: 8px 0; | 6883 | padding: 8px 0; |
| 6877 | margin: 0; | 6884 | margin: 0; |
| 6878 | max-height: 250px; | 6885 | max-height: 250px; |
| 6879 | overflow-y: auto; | 6886 | overflow-y: auto; |
| 6880 | } | 6887 | } |
| 6881 | .picker__list-item { | 6888 | .picker__list-item { |
| 6882 | position: relative; | 6889 | position: relative; |
| 6883 | padding: 8px 16px; | 6890 | padding: 8px 16px; |
| 6884 | } | 6891 | } |
| 6885 | .picker__list-item:hover, | 6892 | .picker__list-item:hover, |
| 6886 | .picker__list-item:focus { | 6893 | .picker__list-item:focus { |
| 6887 | cursor: pointer; | 6894 | cursor: pointer; |
| 6888 | background-color: #f5f5f5; | 6895 | background-color: #f5f5f5; |
| 6889 | z-index: 10; | 6896 | z-index: 10; |
| 6890 | } | 6897 | } |
| 6891 | .picker--time .picker__button--clear { | 6898 | .picker--time .picker__button--clear { |
| 6892 | display: block; | 6899 | display: block; |
| 6893 | width: 100%; | 6900 | width: 100%; |
| 6894 | margin: 0; | 6901 | margin: 0; |
| 6895 | padding: 7px 14px; | 6902 | padding: 7px 14px; |
| 6896 | background-color: transparent; | 6903 | background-color: transparent; |
| 6897 | outline: 0; | 6904 | outline: 0; |
| 6898 | border: 0; | 6905 | border: 0; |
| 6899 | text-align: center; | 6906 | text-align: center; |
| 6900 | margin-bottom: -8px; | 6907 | margin-bottom: -8px; |
| 6901 | } | 6908 | } |
| 6902 | .picker__list-item--highlighted { | 6909 | .picker__list-item--highlighted { |
| 6903 | z-index: 10; | 6910 | z-index: 10; |
| 6904 | } | 6911 | } |
| 6905 | .picker__list-item--highlighted, | 6912 | .picker__list-item--highlighted, |
| 6906 | .picker__list-item--highlighted:hover, | 6913 | .picker__list-item--highlighted:hover, |
| 6907 | .picker--focused .picker__list-item--highlighted { | 6914 | .picker--focused .picker__list-item--highlighted { |
| 6908 | cursor: pointer; | 6915 | cursor: pointer; |
| 6909 | color: #fff; | 6916 | color: #fff; |
| 6910 | background-color: #26A69A; | 6917 | background-color: #26A69A; |
| 6911 | } | 6918 | } |
| 6912 | .picker__list-item--selected, | 6919 | .picker__list-item--selected, |
| 6913 | .picker__list-item--selected:hover, | 6920 | .picker__list-item--selected:hover, |
| 6914 | .picker--focused .picker__list-item--selected { | 6921 | .picker--focused .picker__list-item--selected { |
| 6915 | background-color: #26A69A; | 6922 | background-color: #26A69A; |
| 6916 | color: #fff; | 6923 | color: #fff; |
| 6917 | z-index: 10; | 6924 | z-index: 10; |
| 6918 | } | 6925 | } |
| 6919 | .picker__list-item--disabled, | 6926 | .picker__list-item--disabled, |
| 6920 | .picker__list-item--disabled:hover, | 6927 | .picker__list-item--disabled:hover, |
| 6921 | .picker--focused .picker__list-item--disabled { | 6928 | .picker--focused .picker__list-item--disabled { |
| 6922 | background-color: #fafafa; | 6929 | background-color: #fafafa; |
| 6923 | color: #999999; | 6930 | color: #999999; |
| 6924 | cursor: not-allowed; | 6931 | cursor: not-allowed; |
| 6925 | z-index: auto; | 6932 | z-index: auto; |
| 6926 | } | 6933 | } |
| 6927 | /* ------------------------------------------------------------------------------ | 6934 | /* ------------------------------------------------------------------------------ |
| 6928 | * | 6935 | * |
| 6929 | * # Anytime picker | 6936 | * # Anytime picker |
| 6930 | * | 6937 | * |
| 6931 | * jQuery datepicker/timepicker and a Date/String parse/format utility | 6938 | * jQuery datepicker/timepicker and a Date/String parse/format utility |
| 6932 | * | 6939 | * |
| 6933 | * Version: 1.2 | 6940 | * Version: 1.2 |
| 6934 | * Latest update: Mar 10, 2016 | 6941 | * Latest update: Mar 10, 2016 |
| 6935 | * | 6942 | * |
| 6936 | * ---------------------------------------------------------------------------- */ | 6943 | * ---------------------------------------------------------------------------- */ |
| 6937 | .AnyTime-pkr { | 6944 | .AnyTime-pkr { |
| 6938 | text-align: center; | 6945 | text-align: center; |
| 6939 | } | 6946 | } |
| 6940 | .AnyTime-pkr * { | 6947 | .AnyTime-pkr * { |
| 6941 | margin: 0; | 6948 | margin: 0; |
| 6942 | padding: 0; | 6949 | padding: 0; |
| 6943 | list-style: none; | 6950 | list-style: none; |
| 6944 | } | 6951 | } |
| 6945 | .AnyTime-pkr .AnyTime-date { | 6952 | .AnyTime-pkr .AnyTime-date { |
| 6946 | float: left; | 6953 | float: left; |
| 6947 | } | 6954 | } |
| 6948 | .AnyTime-pkr .AnyTime-date + .AnyTime-time { | 6955 | .AnyTime-pkr .AnyTime-date + .AnyTime-time { |
| 6949 | margin-left: 50px; | 6956 | margin-left: 50px; |
| 6950 | float: left; | 6957 | float: left; |
| 6951 | } | 6958 | } |
| 6952 | .AnyTime-win { | 6959 | .AnyTime-win { |
| 6953 | padding: 16px; | 6960 | padding: 16px; |
| 6954 | background-color: #fff; | 6961 | background-color: #fff; |
| 6955 | display: inline-block; | 6962 | display: inline-block; |
| 6956 | border-radius: 3px; | 6963 | border-radius: 3px; |
| 6957 | z-index: 10; | 6964 | z-index: 10; |
| 6958 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6965 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6959 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 6966 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 6960 | } | 6967 | } |
| 6961 | .AnyTime-cloak { | 6968 | .AnyTime-cloak { |
| 6962 | position: absolute; | 6969 | position: absolute; |
| 6963 | opacity: 0.7; | 6970 | opacity: 0.7; |
| 6964 | filter: alpha(opacity=70); | 6971 | filter: alpha(opacity=70); |
| 6965 | } | 6972 | } |
| 6966 | .AnyTime-hdr { | 6973 | .AnyTime-hdr { |
| 6967 | font-size: 15px; | 6974 | font-size: 15px; |
| 6968 | margin: 15px 10px; | 6975 | margin: 15px 10px; |
| 6969 | line-height: 1; | 6976 | line-height: 1; |
| 6970 | } | 6977 | } |
| 6971 | .AnyTime-x-btn { | 6978 | .AnyTime-x-btn { |
| 6972 | display: none; | 6979 | display: none; |
| 6973 | font-size: 0; | 6980 | font-size: 0; |
| 6974 | cursor: pointer; | 6981 | cursor: pointer; |
| 6975 | float: right; | 6982 | float: right; |
| 6976 | border-radius: 2px; | 6983 | border-radius: 2px; |
| 6977 | opacity: 0.6; | 6984 | opacity: 0.6; |
| 6978 | filter: alpha(opacity=60); | 6985 | filter: alpha(opacity=60); |
| 6979 | } | 6986 | } |
| 6980 | .AnyTime-x-btn:hover { | 6987 | .AnyTime-x-btn:hover { |
| 6981 | opacity: 1; | 6988 | opacity: 1; |
| 6982 | filter: alpha(opacity=100); | 6989 | filter: alpha(opacity=100); |
| 6983 | } | 6990 | } |
| 6984 | .AnyTime-x-btn:after { | 6991 | .AnyTime-x-btn:after { |
| 6985 | content: '\ed6b'; | 6992 | content: '\ed6b'; |
| 6986 | font-family: 'icomoon'; | 6993 | font-family: 'icomoon'; |
| 6987 | font-size: 16px; | 6994 | font-size: 16px; |
| 6988 | line-height: 1; | 6995 | line-height: 1; |
| 6989 | -webkit-font-smoothing: antialiased; | 6996 | -webkit-font-smoothing: antialiased; |
| 6990 | -moz-osx-font-smoothing: grayscale; | 6997 | -moz-osx-font-smoothing: grayscale; |
| 6991 | } | 6998 | } |
| 6992 | .AnyTime-lbl { | 6999 | .AnyTime-lbl { |
| 6993 | font-size: 13px; | 7000 | font-size: 13px; |
| 6994 | margin-bottom: 10px; | 7001 | margin-bottom: 10px; |
| 6995 | font-weight: 500; | 7002 | font-weight: 500; |
| 6996 | margin-top: 25px; | 7003 | margin-top: 25px; |
| 6997 | } | 7004 | } |
| 6998 | .AnyTime-lbl:first-child { | 7005 | .AnyTime-lbl:first-child { |
| 6999 | margin-top: 8px; | 7006 | margin-top: 8px; |
| 7000 | } | 7007 | } |
| 7001 | .AnyTime-yrs .ui-state-highlight, | 7008 | .AnyTime-yrs .ui-state-highlight, |
| 7002 | .AnyTime-yrs .ui-state-highlight:hover { | 7009 | .AnyTime-yrs .ui-state-highlight:hover { |
| 7003 | background-color: #F44336; | 7010 | background-color: #F44336; |
| 7004 | color: #fff; | 7011 | color: #fff; |
| 7005 | } | 7012 | } |
| 7006 | .AnyTime-mons .ui-state-highlight, | 7013 | .AnyTime-mons .ui-state-highlight, |
| 7007 | .AnyTime-mons .ui-state-highlight:hover { | 7014 | .AnyTime-mons .ui-state-highlight:hover { |
| 7008 | background-color: #26A69A; | 7015 | background-color: #26A69A; |
| 7009 | color: #fff; | 7016 | color: #fff; |
| 7010 | } | 7017 | } |
| 7011 | .AnyTime-time .ui-state-highlight, | 7018 | .AnyTime-time .ui-state-highlight, |
| 7012 | .AnyTime-time .ui-state-highlight:hover { | 7019 | .AnyTime-time .ui-state-highlight:hover { |
| 7013 | background-color: #607D8B; | 7020 | background-color: #607D8B; |
| 7014 | color: #fff; | 7021 | color: #fff; |
| 7015 | } | 7022 | } |
| 7016 | .AnyTime-dom-table .ui-state-highlight, | 7023 | .AnyTime-dom-table .ui-state-highlight, |
| 7017 | .AnyTime-body-yr-selector .ui-state-highlight, | 7024 | .AnyTime-body-yr-selector .ui-state-highlight, |
| 7018 | .AnyTime-dom-table .ui-state-highlight:hover, | 7025 | .AnyTime-dom-table .ui-state-highlight:hover, |
| 7019 | .AnyTime-body-yr-selector .ui-state-highlight:hover { | 7026 | .AnyTime-body-yr-selector .ui-state-highlight:hover { |
| 7020 | background-color: #2196F3; | 7027 | background-color: #2196F3; |
| 7021 | color: #fff; | 7028 | color: #fff; |
| 7022 | } | 7029 | } |
| 7023 | .AnyTime-yrs-past-btn, | 7030 | .AnyTime-yrs-past-btn, |
| 7024 | .AnyTime-yrs-ahead-btn { | 7031 | .AnyTime-yrs-ahead-btn { |
| 7025 | display: inline-block; | 7032 | display: inline-block; |
| 7026 | } | 7033 | } |
| 7027 | .AnyTime-yr-prior-btn, | 7034 | .AnyTime-yr-prior-btn, |
| 7028 | .AnyTime-yr-cur-btn, | 7035 | .AnyTime-yr-cur-btn, |
| 7029 | .AnyTime-yr-next-btn { | 7036 | .AnyTime-yr-next-btn { |
| 7030 | display: inline-block; | 7037 | display: inline-block; |
| 7031 | min-width: 50px; | 7038 | min-width: 50px; |
| 7032 | } | 7039 | } |
| 7033 | .AnyTime-mons:after { | 7040 | .AnyTime-mons:after { |
| 7034 | content: ""; | 7041 | content: ""; |
| 7035 | display: table; | 7042 | display: table; |
| 7036 | clear: both; | 7043 | clear: both; |
| 7037 | } | 7044 | } |
| 7038 | .AnyTime-dom-table { | 7045 | .AnyTime-dom-table { |
| 7039 | width: 100%; | 7046 | width: 100%; |
| 7040 | } | 7047 | } |
| 7041 | .AnyTime-pkr th.AnyTime-dow { | 7048 | .AnyTime-pkr th.AnyTime-dow { |
| 7042 | color: #999999; | 7049 | color: #999999; |
| 7043 | font-size: 12px; | 7050 | font-size: 12px; |
| 7044 | padding: 8px; | 7051 | padding: 8px; |
| 7045 | font-weight: 400; | 7052 | font-weight: 400; |
| 7046 | } | 7053 | } |
| 7047 | .AnyTime-mon-btn { | 7054 | .AnyTime-mon-btn { |
| 7048 | float: left; | 7055 | float: left; |
| 7049 | } | 7056 | } |
| 7050 | .AnyTime-mon7-btn { | 7057 | .AnyTime-mon7-btn { |
| 7051 | clear: left; | 7058 | clear: left; |
| 7052 | } | 7059 | } |
| 7053 | .AnyTime-dom-btn:hover { | 7060 | .AnyTime-dom-btn:hover { |
| 7054 | background-color: #f5f5f5; | 7061 | background-color: #f5f5f5; |
| 7055 | } | 7062 | } |
| 7056 | .AnyTime-dom-btn-empty { | 7063 | .AnyTime-dom-btn-empty { |
| 7057 | display: none; | 7064 | display: none; |
| 7058 | } | 7065 | } |
| 7059 | .AnyTime-time, | 7066 | .AnyTime-time, |
| 7060 | .AnyTime-hrs-am, | 7067 | .AnyTime-hrs-am, |
| 7061 | .AnyTime-hrs-pm, | 7068 | .AnyTime-hrs-pm, |
| 7062 | .AnyTime-mins-tens, | 7069 | .AnyTime-mins-tens, |
| 7063 | .AnyTime-mins-ones, | 7070 | .AnyTime-mins-ones, |
| 7064 | .AnyTime-secs-tens, | 7071 | .AnyTime-secs-tens, |
| 7065 | .AnyTime-secs-ones, | 7072 | .AnyTime-secs-ones, |
| 7066 | .AnyTime-hrs, | 7073 | .AnyTime-hrs, |
| 7067 | .AnyTime-mins, | 7074 | .AnyTime-mins, |
| 7068 | .AnyTime-secs, | 7075 | .AnyTime-secs, |
| 7069 | .AnyTime-offs { | 7076 | .AnyTime-offs { |
| 7070 | display: inline-block; | 7077 | display: inline-block; |
| 7071 | } | 7078 | } |
| 7072 | .AnyTime-btn { | 7079 | .AnyTime-btn { |
| 7073 | padding: 8px 16px; | 7080 | padding: 8px 16px; |
| 7074 | cursor: pointer; | 7081 | cursor: pointer; |
| 7075 | border-radius: 2px; | 7082 | border-radius: 2px; |
| 7076 | } | 7083 | } |
| 7077 | .AnyTime-btn:hover { | 7084 | .AnyTime-btn:hover { |
| 7078 | background-color: #f5f5f5; | 7085 | background-color: #f5f5f5; |
| 7079 | } | 7086 | } |
| 7080 | .AnyTime-hr-btn, | 7087 | .AnyTime-hr-btn, |
| 7081 | .AnyTime-min-ten-btn, | 7088 | .AnyTime-min-ten-btn, |
| 7082 | .AnyTime-min-one-btn, | 7089 | .AnyTime-min-one-btn, |
| 7083 | .AnyTime-sec-ten-btn, | 7090 | .AnyTime-sec-ten-btn, |
| 7084 | .AnyTime-sec-one-btn { | 7091 | .AnyTime-sec-one-btn { |
| 7085 | min-width: 40px; | 7092 | min-width: 40px; |
| 7086 | } | 7093 | } |
| 7087 | .AnyTime-hrs-pm, | 7094 | .AnyTime-hrs-pm, |
| 7088 | .AnyTime-mins-ones, | 7095 | .AnyTime-mins-ones, |
| 7089 | .AnyTime-secs-ones { | 7096 | .AnyTime-secs-ones { |
| 7090 | margin-left: 2px; | 7097 | margin-left: 2px; |
| 7091 | } | 7098 | } |
| 7092 | .AnyTime-mins-tens, | 7099 | .AnyTime-mins-tens, |
| 7093 | .AnyTime-secs-tens { | 7100 | .AnyTime-secs-tens { |
| 7094 | margin-left: 20px; | 7101 | margin-left: 20px; |
| 7095 | } | 7102 | } |
| 7096 | .AnyTime-off-cur-btn { | 7103 | .AnyTime-off-cur-btn { |
| 7097 | display: inline-block; | 7104 | display: inline-block; |
| 7098 | overflow: hidden; | 7105 | overflow: hidden; |
| 7099 | } | 7106 | } |
| 7100 | .AnyTime-off-select-btn { | 7107 | .AnyTime-off-select-btn { |
| 7101 | display: inline-block; | 7108 | display: inline-block; |
| 7102 | vertical-align: top; | 7109 | vertical-align: top; |
| 7103 | } | 7110 | } |
| 7104 | .AnyTime-off-selector { | 7111 | .AnyTime-off-selector { |
| 7105 | margin: 10px; | 7112 | margin: 10px; |
| 7106 | position: absolute; | 7113 | position: absolute; |
| 7107 | } | 7114 | } |
| 7108 | .AnyTime-body-off-selector { | 7115 | .AnyTime-body-off-selector { |
| 7109 | margin: 0; | 7116 | margin: 0; |
| 7110 | overflow-x: hidden; | 7117 | overflow-x: hidden; |
| 7111 | overflow-y: auto; | 7118 | overflow-y: auto; |
| 7112 | white-space: nowrap; | 7119 | white-space: nowrap; |
| 7113 | } | 7120 | } |
| 7114 | .AnyTime-off-off-btn { | 7121 | .AnyTime-off-off-btn { |
| 7115 | text-align: left; | 7122 | text-align: left; |
| 7116 | } | 7123 | } |
| 7117 | .AnyTime-yr-selector { | 7124 | .AnyTime-yr-selector { |
| 7118 | position: absolute; | 7125 | position: absolute; |
| 7119 | width: 90%; | 7126 | width: 90%; |
| 7120 | } | 7127 | } |
| 7121 | .AnyTime-body-yr-selector { | 7128 | .AnyTime-body-yr-selector { |
| 7122 | margin: 0; | 7129 | margin: 0; |
| 7123 | } | 7130 | } |
| 7124 | .AnyTime-yr-mil, | 7131 | .AnyTime-yr-mil, |
| 7125 | .AnyTime-yr-cent, | 7132 | .AnyTime-yr-cent, |
| 7126 | .AnyTime-yr-dec, | 7133 | .AnyTime-yr-dec, |
| 7127 | .AnyTime-yr-yr, | 7134 | .AnyTime-yr-yr, |
| 7128 | .AnyTime-yr-era { | 7135 | .AnyTime-yr-era { |
| 7129 | display: inline-block; | 7136 | display: inline-block; |
| 7130 | vertical-align: top; | 7137 | vertical-align: top; |
| 7131 | width: 20%; | 7138 | width: 20%; |
| 7132 | } | 7139 | } |
| 7133 | .AnyTime-era-btn { | 7140 | .AnyTime-era-btn { |
| 7134 | margin-left: 10px; | 7141 | margin-left: 10px; |
| 7135 | } | 7142 | } |
| 7136 | @media (max-width: 769px) { | 7143 | @media (max-width: 769px) { |
| 7137 | .AnyTime-pkr .AnyTime-date { | 7144 | .AnyTime-pkr .AnyTime-date { |
| 7138 | float: none; | 7145 | float: none; |
| 7139 | } | 7146 | } |
| 7140 | .AnyTime-mon-btn { | 7147 | .AnyTime-mon-btn { |
| 7141 | float: none; | 7148 | float: none; |
| 7142 | display: inline-block; | 7149 | display: inline-block; |
| 7143 | } | 7150 | } |
| 7144 | .AnyTime-date + .AnyTime-time { | 7151 | .AnyTime-date + .AnyTime-time { |
| 7145 | margin-left: 0; | 7152 | margin-left: 0; |
| 7146 | margin-top: 25px; | 7153 | margin-top: 25px; |
| 7147 | float: none; | 7154 | float: none; |
| 7148 | } | 7155 | } |
| 7149 | } | 7156 | } |
| 7150 | /* ------------------------------------------------------------------------------ | 7157 | /* ------------------------------------------------------------------------------ |
| 7151 | * | 7158 | * |
| 7152 | * # Spectrum color picker | 7159 | * # Spectrum color picker |
| 7153 | * | 7160 | * |
| 7154 | * Flexible and powerful jQuery colorpicker library | 7161 | * Flexible and powerful jQuery colorpicker library |
| 7155 | * | 7162 | * |
| 7156 | * Version: 1.1 | 7163 | * Version: 1.1 |
| 7157 | * Latest update: Mar 10, 2016 | 7164 | * Latest update: Mar 10, 2016 |
| 7158 | * | 7165 | * |
| 7159 | * ---------------------------------------------------------------------------- */ | 7166 | * ---------------------------------------------------------------------------- */ |
| 7160 | .sp-sat, | 7167 | .sp-sat, |
| 7161 | .sp-val, | 7168 | .sp-val, |
| 7162 | .sp-top-inner, | 7169 | .sp-top-inner, |
| 7163 | .sp-color, | 7170 | .sp-color, |
| 7164 | .sp-hue, | 7171 | .sp-hue, |
| 7165 | .sp-clear-enabled .sp-clear, | 7172 | .sp-clear-enabled .sp-clear, |
| 7166 | .sp-preview-inner, | 7173 | .sp-preview-inner, |
| 7167 | .sp-alpha-inner, | 7174 | .sp-alpha-inner, |
| 7168 | .sp-thumb-inner { | 7175 | .sp-thumb-inner { |
| 7169 | position: absolute; | 7176 | position: absolute; |
| 7170 | top: 0; | 7177 | top: 0; |
| 7171 | left: 0; | 7178 | left: 0; |
| 7172 | right: 0; | 7179 | right: 0; |
| 7173 | bottom: 0; | 7180 | bottom: 0; |
| 7174 | } | 7181 | } |
| 7175 | .sp-container.sp-input-disabled .sp-input-container, | 7182 | .sp-container.sp-input-disabled .sp-input-container, |
| 7176 | .sp-container.sp-buttons-disabled .sp-button-container, | 7183 | .sp-container.sp-buttons-disabled .sp-button-container, |
| 7177 | .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, | 7184 | .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, |
| 7178 | .sp-palette-only .sp-picker-container, | 7185 | .sp-palette-only .sp-picker-container, |
| 7179 | .sp-palette-disabled .sp-palette-container, | 7186 | .sp-palette-disabled .sp-palette-container, |
| 7180 | .sp-initial-disabled .sp-initial { | 7187 | .sp-initial-disabled .sp-initial { |
| 7181 | display: none; | 7188 | display: none; |
| 7182 | } | 7189 | } |
| 7183 | .sp-hidden { | 7190 | .sp-hidden { |
| 7184 | display: none!important; | 7191 | display: none!important; |
| 7185 | } | 7192 | } |
| 7186 | .sp-cf:before, | 7193 | .sp-cf:before, |
| 7187 | .sp-cf:after { | 7194 | .sp-cf:after { |
| 7188 | content: ""; | 7195 | content: ""; |
| 7189 | display: table; | 7196 | display: table; |
| 7190 | } | 7197 | } |
| 7191 | .sp-cf:after { | 7198 | .sp-cf:after { |
| 7192 | clear: both; | 7199 | clear: both; |
| 7193 | } | 7200 | } |
| 7194 | .sp-preview, | 7201 | .sp-preview, |
| 7195 | .sp-alpha, | 7202 | .sp-alpha, |
| 7196 | .sp-thumb-el { | 7203 | .sp-thumb-el { |
| 7197 | position: relative; | 7204 | position: relative; |
| 7198 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); | 7205 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); |
| 7199 | } | 7206 | } |
| 7200 | .sp-preview-inner, | 7207 | .sp-preview-inner, |
| 7201 | .sp-alpha-inner, | 7208 | .sp-alpha-inner, |
| 7202 | .sp-thumb-inner { | 7209 | .sp-thumb-inner { |
| 7203 | display: block; | 7210 | display: block; |
| 7204 | } | 7211 | } |
| 7205 | .sp-container { | 7212 | .sp-container { |
| 7206 | position: absolute; | 7213 | position: absolute; |
| 7207 | top: 0; | 7214 | top: 0; |
| 7208 | left: 0; | 7215 | left: 0; |
| 7209 | display: inline-block; | 7216 | display: inline-block; |
| 7210 | z-index: 1000; | 7217 | z-index: 1000; |
| 7211 | background-color: #fff; | 7218 | background-color: #fff; |
| 7212 | border-radius: 3px; | 7219 | border-radius: 3px; |
| 7213 | overflow: hidden; | 7220 | overflow: hidden; |
| 7214 | -webkit-box-sizing: content-box; | 7221 | -webkit-box-sizing: content-box; |
| 7215 | -moz-box-sizing: content-box; | 7222 | -moz-box-sizing: content-box; |
| 7216 | box-sizing: content-box; | 7223 | box-sizing: content-box; |
| 7217 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 7224 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 7218 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 7225 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 7219 | } | 7226 | } |
| 7220 | .sp-container.sp-flat { | 7227 | .sp-container.sp-flat { |
| 7221 | position: relative; | 7228 | position: relative; |
| 7222 | overflow-x: auto; | 7229 | overflow-x: auto; |
| 7223 | max-width: 100%; | 7230 | max-width: 100%; |
| 7224 | white-space: nowrap; | 7231 | white-space: nowrap; |
| 7225 | border: 1px solid #ddd; | 7232 | border: 1px solid #ddd; |
| 7226 | -webkit-box-shadow: none; | 7233 | -webkit-box-shadow: none; |
| 7227 | box-shadow: none; | 7234 | box-shadow: none; |
| 7228 | } | 7235 | } |
| 7229 | .sp-picker-container, | 7236 | .sp-picker-container, |
| 7230 | .sp-palette-container { | 7237 | .sp-palette-container { |
| 7231 | display: block; | 7238 | display: block; |
| 7232 | white-space: nowrap; | 7239 | white-space: nowrap; |
| 7233 | vertical-align: top; | 7240 | vertical-align: top; |
| 7234 | position: relative; | 7241 | position: relative; |
| 7235 | padding: 15px; | 7242 | padding: 15px; |
| 7236 | padding-bottom: 305px; | 7243 | padding-bottom: 305px; |
| 7237 | margin-bottom: -290px; | 7244 | margin-bottom: -290px; |
| 7238 | } | 7245 | } |
| 7239 | @media (min-width: 769px) { | 7246 | @media (min-width: 769px) { |
| 7240 | .sp-picker-container, | 7247 | .sp-picker-container, |
| 7241 | .sp-palette-container { | 7248 | .sp-palette-container { |
| 7242 | display: inline-block; | 7249 | display: inline-block; |
| 7243 | } | 7250 | } |
| 7244 | } | 7251 | } |
| 7245 | .sp-picker-container { | 7252 | .sp-picker-container { |
| 7246 | width: 230px; | 7253 | width: 230px; |
| 7247 | } | 7254 | } |
| 7248 | .sp-container, | 7255 | .sp-container, |
| 7249 | .sp-replacer, | 7256 | .sp-replacer, |
| 7250 | .sp-preview, | 7257 | .sp-preview, |
| 7251 | .sp-dragger, | 7258 | .sp-dragger, |
| 7252 | .sp-slider, | 7259 | .sp-slider, |
| 7253 | .sp-alpha, | 7260 | .sp-alpha, |
| 7254 | .sp-clear, | 7261 | .sp-clear, |
| 7255 | .sp-alpha-handle, | 7262 | .sp-alpha-handle, |
| 7256 | .sp-container.sp-dragging .sp-input, | 7263 | .sp-container.sp-dragging .sp-input, |
| 7257 | .sp-container button { | 7264 | .sp-container button { |
| 7258 | -webkit-user-select: none; | 7265 | -webkit-user-select: none; |
| 7259 | -moz-user-select: none; | 7266 | -moz-user-select: none; |
| 7260 | -ms-user-select: none; | 7267 | -ms-user-select: none; |
| 7261 | user-select: none; | 7268 | user-select: none; |
| 7262 | } | 7269 | } |
| 7263 | .sp-top { | 7270 | .sp-top { |
| 7264 | position: relative; | 7271 | position: relative; |
| 7265 | width: 100%; | 7272 | width: 100%; |
| 7266 | display: block; | 7273 | display: block; |
| 7267 | } | 7274 | } |
| 7268 | .sp-color { | 7275 | .sp-color { |
| 7269 | right: 20%; | 7276 | right: 20%; |
| 7270 | } | 7277 | } |
| 7271 | .sp-hue { | 7278 | .sp-hue { |
| 7272 | left: 85%; | 7279 | left: 85%; |
| 7273 | height: 100%; | 7280 | height: 100%; |
| 7274 | } | 7281 | } |
| 7275 | .sp-clear-enabled .sp-hue { | 7282 | .sp-clear-enabled .sp-hue { |
| 7276 | top: 40px; | 7283 | top: 40px; |
| 7277 | height: 75%; | 7284 | height: 75%; |
| 7278 | } | 7285 | } |
| 7279 | .sp-fill { | 7286 | .sp-fill { |
| 7280 | padding-top: 80%; | 7287 | padding-top: 80%; |
| 7281 | } | 7288 | } |
| 7282 | .sp-alpha-enabled .sp-top { | 7289 | .sp-alpha-enabled .sp-top { |
| 7283 | margin-bottom: 36px; | 7290 | margin-bottom: 36px; |
| 7284 | } | 7291 | } |
| 7285 | .sp-alpha-enabled .sp-alpha { | 7292 | .sp-alpha-enabled .sp-alpha { |
| 7286 | display: block; | 7293 | display: block; |
| 7287 | } | 7294 | } |
| 7288 | .sp-alpha-handle { | 7295 | .sp-alpha-handle { |
| 7289 | position: absolute; | 7296 | position: absolute; |
| 7290 | top: -4px; | 7297 | top: -4px; |
| 7291 | bottom: -4px; | 7298 | bottom: -4px; |
| 7292 | width: 5px; | 7299 | width: 5px; |
| 7293 | left: 50%; | 7300 | left: 50%; |
| 7294 | cursor: pointer; | 7301 | cursor: pointer; |
| 7295 | border: 1px solid #999999; | 7302 | border: 1px solid #999999; |
| 7296 | background-color: #fff; | 7303 | background-color: #fff; |
| 7297 | border-radius: 4px; | 7304 | border-radius: 4px; |
| 7298 | } | 7305 | } |
| 7299 | .sp-alpha { | 7306 | .sp-alpha { |
| 7300 | display: none; | 7307 | display: none; |
| 7301 | position: absolute; | 7308 | position: absolute; |
| 7302 | bottom: -22px; | 7309 | bottom: -22px; |
| 7303 | right: 0; | 7310 | right: 0; |
| 7304 | left: 0; | 7311 | left: 0; |
| 7305 | height: 6px; | 7312 | height: 6px; |
| 7306 | } | 7313 | } |
| 7307 | .sp-clear { | 7314 | .sp-clear { |
| 7308 | display: none; | 7315 | display: none; |
| 7309 | } | 7316 | } |
| 7310 | .sp-clear-display { | 7317 | .sp-clear-display { |
| 7311 | cursor: pointer; | 7318 | cursor: pointer; |
| 7312 | } | 7319 | } |
| 7313 | .sp-clear-display:after { | 7320 | .sp-clear-display:after { |
| 7314 | content: '\ee6e'; | 7321 | content: '\ee6e'; |
| 7315 | display: block; | 7322 | display: block; |
| 7316 | font-family: 'icomoon'; | 7323 | font-family: 'icomoon'; |
| 7317 | font-size: 16px; | 7324 | font-size: 16px; |
| 7318 | -webkit-font-smoothing: antialiased; | 7325 | -webkit-font-smoothing: antialiased; |
| 7319 | -moz-osx-font-smoothing: grayscale; | 7326 | -moz-osx-font-smoothing: grayscale; |
| 7320 | line-height: 30px; | 7327 | line-height: 30px; |
| 7321 | } | 7328 | } |
| 7322 | .sp-preview .sp-clear-display:after, | 7329 | .sp-preview .sp-clear-display:after, |
| 7323 | .sp-initial .sp-clear-display:after { | 7330 | .sp-initial .sp-clear-display:after { |
| 7324 | content: none; | 7331 | content: none; |
| 7325 | } | 7332 | } |
| 7326 | .sp-clear-enabled .sp-clear { | 7333 | .sp-clear-enabled .sp-clear { |
| 7327 | display: block; | 7334 | display: block; |
| 7328 | left: 85%; | 7335 | left: 85%; |
| 7329 | height: 30px; | 7336 | height: 30px; |
| 7330 | text-align: center; | 7337 | text-align: center; |
| 7331 | color: #999; | 7338 | color: #999; |
| 7332 | -webkit-box-shadow: 0 0 0 1px #ddd inset; | 7339 | -webkit-box-shadow: 0 0 0 1px #ddd inset; |
| 7333 | box-shadow: 0 0 0 1px #ddd inset; | 7340 | box-shadow: 0 0 0 1px #ddd inset; |
| 7334 | } | 7341 | } |
| 7335 | .sp-input-container { | 7342 | .sp-input-container { |
| 7336 | margin-top: 7.5px; | 7343 | margin-top: 7.5px; |
| 7337 | } | 7344 | } |
| 7338 | .sp-initial-disabled .sp-input-container { | 7345 | .sp-initial-disabled .sp-input-container { |
| 7339 | width: 100%; | 7346 | width: 100%; |
| 7340 | } | 7347 | } |
| 7341 | .sp-input { | 7348 | .sp-input { |
| 7342 | border: 1px solid transparent; | 7349 | border: 1px solid transparent; |
| 7343 | border-bottom-color: #ddd; | 7350 | border-bottom-color: #ddd; |
| 7344 | padding: 8px 0; | 7351 | padding: 8px 0; |
| 7345 | width: 100%; | 7352 | width: 100%; |
| 7346 | background-color: transparent; | 7353 | background-color: transparent; |
| 7347 | outline: 0; | 7354 | outline: 0; |
| 7348 | color: #333333; | 7355 | color: #333333; |
| 7349 | } | 7356 | } |
| 7350 | .sp-input:focus { | 7357 | .sp-input:focus { |
| 7351 | border-bottom-color: #009688; | 7358 | border-bottom-color: #009688; |
| 7352 | -webkit-box-shadow: 0 1px 0 #009688; | 7359 | -webkit-box-shadow: 0 1px 0 #009688; |
| 7353 | box-shadow: 0 1px 0 #009688; | 7360 | box-shadow: 0 1px 0 #009688; |
| 7354 | } | 7361 | } |
| 7355 | .sp-initial { | 7362 | .sp-initial { |
| 7356 | margin-top: 15px; | 7363 | margin-top: 15px; |
| 7357 | } | 7364 | } |
| 7358 | .sp-initial span { | 7365 | .sp-initial span { |
| 7359 | width: 50%; | 7366 | width: 50%; |
| 7360 | height: 25px; | 7367 | height: 25px; |
| 7361 | display: block; | 7368 | display: block; |
| 7362 | float: left; | 7369 | float: left; |
| 7363 | } | 7370 | } |
| 7364 | .sp-initial span .sp-thumb-inner { | 7371 | .sp-initial span .sp-thumb-inner { |
| 7365 | height: 25px; | 7372 | height: 25px; |
| 7366 | width: 100%; | 7373 | width: 100%; |
| 7367 | display: block; | 7374 | display: block; |
| 7368 | } | 7375 | } |
| 7369 | .sp-dragger { | 7376 | .sp-dragger { |
| 7370 | height: 5px; | 7377 | height: 5px; |
| 7371 | width: 5px; | 7378 | width: 5px; |
| 7372 | border: 1px solid #fff; | 7379 | border: 1px solid #fff; |
| 7373 | background-color: #333; | 7380 | background-color: #333; |
| 7374 | cursor: pointer; | 7381 | cursor: pointer; |
| 7375 | position: absolute; | 7382 | position: absolute; |
| 7376 | top: 0; | 7383 | top: 0; |
| 7377 | left: 0; | 7384 | left: 0; |
| 7378 | } | 7385 | } |
| 7379 | .sp-slider { | 7386 | .sp-slider { |
| 7380 | position: absolute; | 7387 | position: absolute; |
| 7381 | top: 0; | 7388 | top: 0; |
| 7382 | cursor: pointer; | 7389 | cursor: pointer; |
| 7383 | height: 4px; | 7390 | height: 4px; |
| 7384 | left: -2px; | 7391 | left: -2px; |
| 7385 | right: -2px; | 7392 | right: -2px; |
| 7386 | border: 1px solid #999999; | 7393 | border: 1px solid #999999; |
| 7387 | background-color: #fff; | 7394 | background-color: #fff; |
| 7388 | border-radius: 3px; | 7395 | border-radius: 3px; |
| 7389 | } | 7396 | } |
| 7390 | .sp-replacer { | 7397 | .sp-replacer { |
| 7391 | overflow: hidden; | 7398 | overflow: hidden; |
| 7392 | cursor: pointer; | 7399 | cursor: pointer; |
| 7393 | padding: 5px; | 7400 | padding: 5px; |
| 7394 | display: inline-block; | 7401 | display: inline-block; |
| 7395 | border: 1px solid #ddd; | 7402 | border: 1px solid #ddd; |
| 7396 | background-color: #fff; | 7403 | background-color: #fff; |
| 7397 | vertical-align: middle; | 7404 | vertical-align: middle; |
| 7398 | border-radius: 3px; | 7405 | border-radius: 3px; |
| 7399 | } | 7406 | } |
| 7400 | .sp-replacer:hover, | 7407 | .sp-replacer:hover, |
| 7401 | .sp-replacer.sp-active { | 7408 | .sp-replacer.sp-active { |
| 7402 | border-color: #c4c4c4; | 7409 | border-color: #c4c4c4; |
| 7403 | color: #333333; | 7410 | color: #333333; |
| 7404 | } | 7411 | } |
| 7405 | .sp-replacer[class*=bg-], | 7412 | .sp-replacer[class*=bg-], |
| 7406 | .sp-replacer[class*=bg-]:hover, | 7413 | .sp-replacer[class*=bg-]:hover, |
| 7407 | .sp-replacer[class*=bg-]:focus { | 7414 | .sp-replacer[class*=bg-]:focus { |
| 7408 | border-color: transparent; | 7415 | border-color: transparent; |
| 7409 | } | 7416 | } |
| 7410 | .sp-replacer[class*=bg-] .sp-dd { | 7417 | .sp-replacer[class*=bg-] .sp-dd { |
| 7411 | color: #fff; | 7418 | color: #fff; |
| 7412 | } | 7419 | } |
| 7413 | .sp-replacer[class*=bg-].sp-active .sp-dd { | 7420 | .sp-replacer[class*=bg-].sp-active .sp-dd { |
| 7414 | color: #fff; | 7421 | color: #fff; |
| 7415 | } | 7422 | } |
| 7416 | .sp-replacer.sp-disabled { | 7423 | .sp-replacer.sp-disabled { |
| 7417 | cursor: default; | 7424 | cursor: default; |
| 7418 | opacity: 0.8; | 7425 | opacity: 0.8; |
| 7419 | filter: alpha(opacity=80); | 7426 | filter: alpha(opacity=80); |
| 7420 | } | 7427 | } |
| 7421 | .sp-replacer.sp-disabled:not([class*=bg-]):hover, | 7428 | .sp-replacer.sp-disabled:not([class*=bg-]):hover, |
| 7422 | .sp-replacer.sp-disabled:not([class*=bg-]):focus { | 7429 | .sp-replacer.sp-disabled:not([class*=bg-]):focus { |
| 7423 | border-color: #ddd; | 7430 | border-color: #ddd; |
| 7424 | } | 7431 | } |
| 7425 | .sp-replacer.sp-disabled .sp-dd, | 7432 | .sp-replacer.sp-disabled .sp-dd, |
| 7426 | .sp-replacer.sp-disabled[class*=bg-] .sp-dd { | 7433 | .sp-replacer.sp-disabled[class*=bg-] .sp-dd { |
| 7427 | color: #999999; | 7434 | color: #999999; |
| 7428 | } | 7435 | } |
| 7429 | .sp-preview { | 7436 | .sp-preview { |
| 7430 | position: relative; | 7437 | position: relative; |
| 7431 | width: 26px; | 7438 | width: 26px; |
| 7432 | height: 24px; | 7439 | height: 24px; |
| 7433 | margin-right: 5px; | 7440 | margin-right: 5px; |
| 7434 | float: left; | 7441 | float: left; |
| 7435 | z-index: 0; | 7442 | z-index: 0; |
| 7436 | } | 7443 | } |
| 7437 | .sp-preview, | 7444 | .sp-preview, |
| 7438 | .sp-preview .sp-preview-inner { | 7445 | .sp-preview .sp-preview-inner { |
| 7439 | border-radius: 3px; | 7446 | border-radius: 3px; |
| 7440 | } | 7447 | } |
| 7441 | .sp-preview .sp-preview-inner, | 7448 | .sp-preview .sp-preview-inner, |
| 7442 | .sp-preview .sp-clear-display { | 7449 | .sp-preview .sp-clear-display { |
| 7443 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); | 7450 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); |
| 7444 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); | 7451 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); |
| 7445 | } | 7452 | } |
| 7446 | .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { | 7453 | .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { |
| 7447 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); | 7454 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); |
| 7448 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); | 7455 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); |
| 7449 | } | 7456 | } |
| 7450 | .sp-dd { | 7457 | .sp-dd { |
| 7451 | float: left; | 7458 | float: left; |
| 7452 | font-size: 0; | 7459 | font-size: 0; |
| 7453 | position: relative; | 7460 | position: relative; |
| 7454 | margin: 4px 2px; | 7461 | margin: 4px 2px; |
| 7455 | color: #333333; | 7462 | color: #333333; |
| 7456 | } | 7463 | } |
| 7457 | .sp-dd:after { | 7464 | .sp-dd:after { |
| 7458 | content: '\e9c5'; | 7465 | content: '\e9c5'; |
| 7459 | display: block; | 7466 | display: block; |
| 7460 | font-family: 'icomoon'; | 7467 | font-family: 'icomoon'; |
| 7461 | font-size: 16px; | 7468 | font-size: 16px; |
| 7462 | line-height: 1; | 7469 | line-height: 1; |
| 7463 | -webkit-font-smoothing: antialiased; | 7470 | -webkit-font-smoothing: antialiased; |
| 7464 | -moz-osx-font-smoothing: grayscale; | 7471 | -moz-osx-font-smoothing: grayscale; |
| 7465 | } | 7472 | } |
| 7466 | .sp-sat { | 7473 | .sp-sat { |
| 7467 | background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); | 7474 | background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); |
| 7468 | background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); | 7475 | background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); |
| 7469 | background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | 7476 | background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); |
| 7470 | background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | 7477 | background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); |
| 7471 | background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | 7478 | background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); |
| 7472 | background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); | 7479 | background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); |
| 7473 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; | 7480 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; |
| 7474 | filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); | 7481 | filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); |
| 7475 | -webkit-box-shadow: 0 0 0 1px #ccc inset; | 7482 | -webkit-box-shadow: 0 0 0 1px #ccc inset; |
| 7476 | box-shadow: 0 0 0 1px #ccc inset; | 7483 | box-shadow: 0 0 0 1px #ccc inset; |
| 7477 | } | 7484 | } |
| 7478 | .sp-val { | 7485 | .sp-val { |
| 7479 | background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); | 7486 | background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); |
| 7480 | background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); | 7487 | background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); |
| 7481 | background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | 7488 | background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); |
| 7482 | background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | 7489 | background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); |
| 7483 | background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | 7490 | background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); |
| 7484 | background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); | 7491 | background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); |
| 7485 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; | 7492 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; |
| 7486 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); | 7493 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); |
| 7487 | } | 7494 | } |
| 7488 | .sp-hue { | 7495 | .sp-hue { |
| 7489 | background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7496 | background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7490 | background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7497 | background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7491 | background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7498 | background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7492 | 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)); | 7499 | 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)); |
| 7493 | background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7500 | background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7494 | background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | 7501 | background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); |
| 7495 | } | 7502 | } |
| 7496 | .sp-1 { | 7503 | .sp-1 { |
| 7497 | height: 17%; | 7504 | height: 17%; |
| 7498 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); | 7505 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); |
| 7499 | } | 7506 | } |
| 7500 | .sp-2 { | 7507 | .sp-2 { |
| 7501 | height: 16%; | 7508 | height: 16%; |
| 7502 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); | 7509 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); |
| 7503 | } | 7510 | } |
| 7504 | .sp-3 { | 7511 | .sp-3 { |
| 7505 | height: 17%; | 7512 | height: 17%; |
| 7506 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); | 7513 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); |
| 7507 | } | 7514 | } |
| 7508 | .sp-4 { | 7515 | .sp-4 { |
| 7509 | height: 17%; | 7516 | height: 17%; |
| 7510 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); | 7517 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); |
| 7511 | } | 7518 | } |
| 7512 | .sp-5 { | 7519 | .sp-5 { |
| 7513 | height: 16%; | 7520 | height: 16%; |
| 7514 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); | 7521 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); |
| 7515 | } | 7522 | } |
| 7516 | .sp-6 { | 7523 | .sp-6 { |
| 7517 | height: 17%; | 7524 | height: 17%; |
| 7518 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); | 7525 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); |
| 7519 | } | 7526 | } |
| 7520 | .sp-palette { | 7527 | .sp-palette { |
| 7521 | max-width: 220px; | 7528 | max-width: 220px; |
| 7522 | } | 7529 | } |
| 7523 | .sp-palette-container { | 7530 | .sp-palette-container { |
| 7524 | padding-right: 0; | 7531 | padding-right: 0; |
| 7525 | } | 7532 | } |
| 7526 | .sp-palette-only .sp-palette-container { | 7533 | .sp-palette-only .sp-palette-container { |
| 7527 | border: 0; | 7534 | border: 0; |
| 7528 | padding-right: 15px; | 7535 | padding-right: 15px; |
| 7529 | } | 7536 | } |
| 7530 | .sp-thumb-el { | 7537 | .sp-thumb-el { |
| 7531 | position: relative; | 7538 | position: relative; |
| 7532 | } | 7539 | } |
| 7533 | .sp-palette .sp-thumb-el { | 7540 | .sp-palette .sp-thumb-el { |
| 7534 | display: inline-block; | 7541 | display: inline-block; |
| 7535 | position: relative; | 7542 | position: relative; |
| 7536 | cursor: pointer; | 7543 | cursor: pointer; |
| 7537 | } | 7544 | } |
| 7538 | .sp-thumb-el .sp-thumb-inner { | 7545 | .sp-thumb-el .sp-thumb-inner { |
| 7539 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 7546 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 7540 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; | 7547 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; |
| 7541 | } | 7548 | } |
| 7542 | .sp-thumb-el .sp-thumb-inner:hover { | 7549 | .sp-thumb-el .sp-thumb-inner:hover { |
| 7543 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7550 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7544 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7551 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7545 | } | 7552 | } |
| 7546 | .sp-palette .sp-thumb-el { | 7553 | .sp-palette .sp-thumb-el { |
| 7547 | width: 16px; | 7554 | width: 16px; |
| 7548 | height: 16px; | 7555 | height: 16px; |
| 7549 | } | 7556 | } |
| 7550 | .sp-palette .sp-thumb-el + .sp-thumb-el { | 7557 | .sp-palette .sp-thumb-el + .sp-thumb-el { |
| 7551 | margin-left: 5px; | 7558 | margin-left: 5px; |
| 7552 | } | 7559 | } |
| 7553 | .sp-palette .sp-thumb-el.sp-thumb-active { | 7560 | .sp-palette .sp-thumb-el.sp-thumb-active { |
| 7554 | -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; | 7561 | -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; |
| 7555 | box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; | 7562 | box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; |
| 7556 | } | 7563 | } |
| 7557 | .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { | 7564 | .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { |
| 7558 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7565 | -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7559 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; | 7566 | box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; |
| 7560 | } | 7567 | } |
| 7561 | .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, | 7568 | .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, |
| 7562 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { | 7569 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { |
| 7563 | content: '\e600'; | 7570 | content: '\e600'; |
| 7564 | display: block; | 7571 | display: block; |
| 7565 | font-family: 'icomoon'; | 7572 | font-family: 'icomoon'; |
| 7566 | font-size: 16px; | 7573 | font-size: 16px; |
| 7567 | line-height: 1; | 7574 | line-height: 1; |
| 7568 | color: #fff; | 7575 | color: #fff; |
| 7569 | -webkit-font-smoothing: antialiased; | 7576 | -webkit-font-smoothing: antialiased; |
| 7570 | -moz-osx-font-smoothing: grayscale; | 7577 | -moz-osx-font-smoothing: grayscale; |
| 7571 | } | 7578 | } |
| 7572 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { | 7579 | .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { |
| 7573 | color: #333333; | 7580 | color: #333333; |
| 7574 | } | 7581 | } |
| 7575 | .sp-palette-row { | 7582 | .sp-palette-row { |
| 7576 | font-size: 0; | 7583 | font-size: 0; |
| 7577 | } | 7584 | } |
| 7578 | .sp-palette-row + .sp-palette-row { | 7585 | .sp-palette-row + .sp-palette-row { |
| 7579 | margin-top: 5px; | 7586 | margin-top: 5px; |
| 7580 | } | 7587 | } |
| 7581 | .sp-palette-row:empty { | 7588 | .sp-palette-row:empty { |
| 7582 | margin-top: 0; | 7589 | margin-top: 0; |
| 7583 | } | 7590 | } |
| 7584 | .sp-cancel, | 7591 | .sp-cancel, |
| 7585 | .sp-choose, | 7592 | .sp-choose, |
| 7586 | .sp-palette-toggle { | 7593 | .sp-palette-toggle { |
| 7587 | border: 0; | 7594 | border: 0; |
| 7588 | border-radius: 2px; | 7595 | border-radius: 2px; |
| 7589 | padding: 7px 14px; | 7596 | padding: 7px 14px; |
| 7590 | float: left; | 7597 | float: left; |
| 7591 | width: 48%; | 7598 | width: 48%; |
| 7592 | text-transform: uppercase; | 7599 | text-transform: uppercase; |
| 7593 | font-weight: 500; | 7600 | font-weight: 500; |
| 7594 | text-align: center; | 7601 | text-align: center; |
| 7595 | font-size: 12px; | 7602 | font-size: 12px; |
| 7596 | outline: 0; | 7603 | outline: 0; |
| 7597 | } | 7604 | } |
| 7598 | .sp-palette-button-container, | 7605 | .sp-palette-button-container, |
| 7599 | .sp-button-container { | 7606 | .sp-button-container { |
| 7600 | margin-top: 15px; | 7607 | margin-top: 15px; |
| 7601 | text-align: center; | 7608 | text-align: center; |
| 7602 | } | 7609 | } |
| 7603 | .sp-container[class*=bg-] .sp-palette-button-container a, | 7610 | .sp-container[class*=bg-] .sp-palette-button-container a, |
| 7604 | .sp-container[class*=bg-] .sp-button-container a, | 7611 | .sp-container[class*=bg-] .sp-button-container a, |
| 7605 | .sp-container[class*=bg-] .sp-palette-button-container button, | 7612 | .sp-container[class*=bg-] .sp-palette-button-container button, |
| 7606 | .sp-container[class*=bg-] .sp-button-container button { | 7613 | .sp-container[class*=bg-] .sp-button-container button { |
| 7607 | background-color: rgba(0, 0, 0, 0.25); | 7614 | background-color: rgba(0, 0, 0, 0.25); |
| 7608 | color: #fff; | 7615 | color: #fff; |
| 7609 | border-color: transparent; | 7616 | border-color: transparent; |
| 7610 | } | 7617 | } |
| 7611 | .sp-cancel:hover, | 7618 | .sp-cancel:hover, |
| 7612 | .sp-palette-toggle:hover, | 7619 | .sp-palette-toggle:hover, |
| 7613 | .sp-choose:hover, | 7620 | .sp-choose:hover, |
| 7614 | .sp-cancel:focus, | 7621 | .sp-cancel:focus, |
| 7615 | .sp-palette-toggle:focus, | 7622 | .sp-palette-toggle:focus, |
| 7616 | .sp-choose:focus { | 7623 | .sp-choose:focus { |
| 7617 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 7624 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 7618 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 7625 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 7619 | } | 7626 | } |
| 7620 | .sp-cancel:active, | 7627 | .sp-cancel:active, |
| 7621 | .sp-palette-toggle:active, | 7628 | .sp-palette-toggle:active, |
| 7622 | .sp-choose:active { | 7629 | .sp-choose:active { |
| 7623 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 7630 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 7624 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 7631 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 7625 | } | 7632 | } |
| 7626 | .sp-cancel, | 7633 | .sp-cancel, |
| 7627 | .sp-palette-toggle { | 7634 | .sp-palette-toggle { |
| 7628 | color: #333; | 7635 | color: #333; |
| 7629 | background-color: #f5f5f5; | 7636 | background-color: #f5f5f5; |
| 7630 | margin-right: 4%; | 7637 | margin-right: 4%; |
| 7631 | } | 7638 | } |
| 7632 | .sp-cancel:hover, | 7639 | .sp-cancel:hover, |
| 7633 | .sp-palette-toggle:hover, | 7640 | .sp-palette-toggle:hover, |
| 7634 | .sp-cancel:focus, | 7641 | .sp-cancel:focus, |
| 7635 | .sp-palette-toggle:focus { | 7642 | .sp-palette-toggle:focus { |
| 7636 | color: #333; | 7643 | color: #333; |
| 7637 | } | 7644 | } |
| 7638 | .sp-palette-toggle { | 7645 | .sp-palette-toggle { |
| 7639 | margin-right: 0; | 7646 | margin-right: 0; |
| 7640 | width: auto; | 7647 | width: auto; |
| 7641 | float: none; | 7648 | float: none; |
| 7642 | } | 7649 | } |
| 7643 | .sp-choose { | 7650 | .sp-choose { |
| 7644 | color: #fff; | 7651 | color: #fff; |
| 7645 | background-color: #607D8B; | 7652 | background-color: #607D8B; |
| 7646 | } | 7653 | } |
| 7647 | /* ------------------------------------------------------------------------------ | 7654 | /* ------------------------------------------------------------------------------ |
| 7648 | * | 7655 | * |
| 7649 | * # Datepicker for Bootstrap | 7656 | * # Datepicker for Bootstrap |
| 7650 | * | 7657 | * |
| 7651 | * Styles for bootstrap datepicker. Comes as a part of datepaginator.js plugin | 7658 | * Styles for bootstrap datepicker. Comes as a part of datepaginator.js plugin |
| 7652 | * | 7659 | * |
| 7653 | * Version: 1.2 | 7660 | * Version: 1.2 |
| 7654 | * Latest update: Mar 10, 2016 | 7661 | * Latest update: Mar 10, 2016 |
| 7655 | * | 7662 | * |
| 7656 | * ---------------------------------------------------------------------------- */ | 7663 | * ---------------------------------------------------------------------------- */ |
| 7657 | .datepicker > div { | 7664 | .datepicker > div { |
| 7658 | display: none; | 7665 | display: none; |
| 7659 | } | 7666 | } |
| 7660 | .datepicker.datepicker-dropdown { | 7667 | .datepicker.datepicker-dropdown { |
| 7661 | top: 0; | 7668 | top: 0; |
| 7662 | left: 0; | 7669 | left: 0; |
| 7663 | margin: 0; | 7670 | margin: 0; |
| 7664 | padding: 16px; | 7671 | padding: 16px; |
| 7665 | } | 7672 | } |
| 7666 | .datepicker table { | 7673 | .datepicker table { |
| 7667 | margin: 0; | 7674 | margin: 0; |
| 7668 | } | 7675 | } |
| 7669 | .datepicker table tr td.day:hover { | 7676 | .datepicker table tr td.day:hover { |
| 7670 | background-color: #f5f5f5; | 7677 | background-color: #f5f5f5; |
| 7671 | cursor: pointer; | 7678 | cursor: pointer; |
| 7672 | } | 7679 | } |
| 7673 | .datepicker table tr td.old, | 7680 | .datepicker table tr td.old, |
| 7674 | .datepicker table tr td.new { | 7681 | .datepicker table tr td.new { |
| 7675 | color: #999999; | 7682 | color: #999999; |
| 7676 | } | 7683 | } |
| 7677 | .datepicker table tr td.disabled, | 7684 | .datepicker table tr td.disabled, |
| 7678 | .datepicker table tr td.disabled:hover { | 7685 | .datepicker table tr td.disabled:hover { |
| 7679 | background-color: transparent; | 7686 | background-color: transparent; |
| 7680 | color: #999999; | 7687 | color: #999999; |
| 7681 | cursor: default; | 7688 | cursor: default; |
| 7682 | } | 7689 | } |
| 7683 | .datepicker table tr td.today, | 7690 | .datepicker table tr td.today, |
| 7684 | .datepicker table tr td.today.disabled, | 7691 | .datepicker table tr td.today.disabled, |
| 7685 | .datepicker table tr td.today:hover, | 7692 | .datepicker table tr td.today:hover, |
| 7686 | .datepicker table tr td.today.disabled:hover { | 7693 | .datepicker table tr td.today.disabled:hover { |
| 7687 | background-color: #f5f5f5; | 7694 | background-color: #f5f5f5; |
| 7688 | } | 7695 | } |
| 7689 | .datepicker table tr td.range, | 7696 | .datepicker table tr td.range, |
| 7690 | .datepicker table tr td.range.disabled, | 7697 | .datepicker table tr td.range.disabled, |
| 7691 | .datepicker table tr td.range:hover, | 7698 | .datepicker table tr td.range:hover, |
| 7692 | .datepicker table tr td.range.disabled:hover { | 7699 | .datepicker table tr td.range.disabled:hover { |
| 7693 | background-color: #f5f5f5; | 7700 | background-color: #f5f5f5; |
| 7694 | border-radius: 0; | 7701 | border-radius: 0; |
| 7695 | } | 7702 | } |
| 7696 | .datepicker table tr td.range.today, | 7703 | .datepicker table tr td.range.today, |
| 7697 | .datepicker table tr td.range.today.disabled, | 7704 | .datepicker table tr td.range.today.disabled, |
| 7698 | .datepicker table tr td.range.today.active, | 7705 | .datepicker table tr td.range.today.active, |
| 7699 | .datepicker table tr td.range.today:hover, | 7706 | .datepicker table tr td.range.today:hover, |
| 7700 | .datepicker table tr td.range.today.disabled:hover, | 7707 | .datepicker table tr td.range.today.disabled:hover, |
| 7701 | .datepicker table tr td.range.today.active:hover { | 7708 | .datepicker table tr td.range.today.active:hover { |
| 7702 | background-color: #f5f5f5; | 7709 | background-color: #f5f5f5; |
| 7703 | } | 7710 | } |
| 7704 | .datepicker table tr td.active, | 7711 | .datepicker table tr td.active, |
| 7705 | .datepicker table tr td span.active, | 7712 | .datepicker table tr td span.active, |
| 7706 | .datepicker table tr td.active.disabled, | 7713 | .datepicker table tr td.active.disabled, |
| 7707 | .datepicker table tr td span.active.disabled, | 7714 | .datepicker table tr td span.active.disabled, |
| 7708 | .datepicker table tr td.active:hover, | 7715 | .datepicker table tr td.active:hover, |
| 7709 | .datepicker table tr td span.active:hover, | 7716 | .datepicker table tr td span.active:hover, |
| 7710 | .datepicker table tr td.active.disabled:hover, | 7717 | .datepicker table tr td.active.disabled:hover, |
| 7711 | .datepicker table tr td span.active.disabled:hover { | 7718 | .datepicker table tr td span.active.disabled:hover { |
| 7712 | background-color: #26A69A; | 7719 | background-color: #26A69A; |
| 7713 | color: #fff; | 7720 | color: #fff; |
| 7714 | } | 7721 | } |
| 7715 | .datepicker table tr td span { | 7722 | .datepicker table tr td span { |
| 7716 | display: block; | 7723 | display: block; |
| 7717 | width: 31%; | 7724 | width: 31%; |
| 7718 | padding: 8px 16px; | 7725 | padding: 8px 16px; |
| 7719 | float: left; | 7726 | float: left; |
| 7720 | margin: 1%; | 7727 | margin: 1%; |
| 7721 | cursor: pointer; | 7728 | cursor: pointer; |
| 7722 | border-radius: 3px; | 7729 | border-radius: 3px; |
| 7723 | } | 7730 | } |
| 7724 | .datepicker table tr td span:hover { | 7731 | .datepicker table tr td span:hover { |
| 7725 | background-color: #f5f5f5; | 7732 | background-color: #f5f5f5; |
| 7726 | } | 7733 | } |
| 7727 | .datepicker table tr td span.disabled, | 7734 | .datepicker table tr td span.disabled, |
| 7728 | .datepicker table tr td span.disabled:hover { | 7735 | .datepicker table tr td span.disabled:hover { |
| 7729 | background-color: transparent; | 7736 | background-color: transparent; |
| 7730 | color: #999999; | 7737 | color: #999999; |
| 7731 | cursor: default; | 7738 | cursor: default; |
| 7732 | } | 7739 | } |
| 7733 | .datepicker table tr td span.old, | 7740 | .datepicker table tr td span.old, |
| 7734 | .datepicker table tr td span.new { | 7741 | .datepicker table tr td span.new { |
| 7735 | color: #999999; | 7742 | color: #999999; |
| 7736 | } | 7743 | } |
| 7737 | .datepicker table th.datepicker-switch { | 7744 | .datepicker table th.datepicker-switch { |
| 7738 | font-size: 17px; | 7745 | font-size: 17px; |
| 7739 | font-weight: 400; | 7746 | font-weight: 400; |
| 7740 | } | 7747 | } |
| 7741 | .datepicker table thead tr:first-child th, | 7748 | .datepicker table thead tr:first-child th, |
| 7742 | .datepicker table tfoot tr th { | 7749 | .datepicker table tfoot tr th { |
| 7743 | cursor: pointer; | 7750 | cursor: pointer; |
| 7744 | padding-top: 15px; | 7751 | padding-top: 15px; |
| 7745 | padding-bottom: 15px; | 7752 | padding-bottom: 15px; |
| 7746 | line-height: 1; | 7753 | line-height: 1; |
| 7747 | } | 7754 | } |
| 7748 | .datepicker table .cw { | 7755 | .datepicker table .cw { |
| 7749 | width: 16px; | 7756 | width: 16px; |
| 7750 | padding: 0 2px 0 5px; | 7757 | padding: 0 2px 0 5px; |
| 7751 | vertical-align: middle; | 7758 | vertical-align: middle; |
| 7752 | } | 7759 | } |
| 7753 | .datepicker table thead tr:first-child th.cw { | 7760 | .datepicker table thead tr:first-child th.cw { |
| 7754 | cursor: default; | 7761 | cursor: default; |
| 7755 | background-color: transparent; | 7762 | background-color: transparent; |
| 7756 | } | 7763 | } |
| 7757 | .datepicker .table-condensed td, | 7764 | .datepicker .table-condensed td, |
| 7758 | .datepicker .table-condensed th { | 7765 | .datepicker .table-condensed th { |
| 7759 | text-align: center; | 7766 | text-align: center; |
| 7760 | padding: 10px; | 7767 | padding: 10px; |
| 7761 | border-radius: 3px; | 7768 | border-radius: 3px; |
| 7762 | border: 0; | 7769 | border: 0; |
| 7763 | line-height: 1; | 7770 | line-height: 1; |
| 7764 | } | 7771 | } |
| 7765 | .datepicker .table-condensed th.dow { | 7772 | .datepicker .table-condensed th.dow { |
| 7766 | padding-top: 16px; | 7773 | padding-top: 16px; |
| 7767 | color: #999999; | 7774 | color: #999999; |
| 7768 | } | 7775 | } |
| 7769 | .table-striped .datepicker table tr th, | 7776 | .table-striped .datepicker table tr th, |
| 7770 | .table-striped .datepicker table tr td { | 7777 | .table-striped .datepicker table tr td { |
| 7771 | background-color: transparent; | 7778 | background-color: transparent; |
| 7772 | } | 7779 | } |
| 7773 | /* ------------------------------------------------------------------------------ | 7780 | /* ------------------------------------------------------------------------------ |
| 7774 | * | 7781 | * |
| 7775 | * # Date paginator | 7782 | * # Date paginator |
| 7776 | * | 7783 | * |
| 7777 | * A jQuery plugin which adds date selection to the Bootstrap pagination component | 7784 | * A jQuery plugin which adds date selection to the Bootstrap pagination component |
| 7778 | * | 7785 | * |
| 7779 | * Version: 1.0 | 7786 | * Version: 1.0 |
| 7780 | * Latest update: May 25, 2015 | 7787 | * Latest update: May 25, 2015 |
| 7781 | * | 7788 | * |
| 7782 | * ---------------------------------------------------------------------------- */ | 7789 | * ---------------------------------------------------------------------------- */ |
| 7783 | .datepaginator { | 7790 | .datepaginator { |
| 7784 | height: 72px; | 7791 | height: 72px; |
| 7785 | text-align: center; | 7792 | text-align: center; |
| 7786 | } | 7793 | } |
| 7787 | .datepaginator-sm { | 7794 | .datepaginator-sm { |
| 7788 | height: 68px; | 7795 | height: 68px; |
| 7789 | } | 7796 | } |
| 7790 | .datepaginator-lg { | 7797 | .datepaginator-lg { |
| 7791 | height: 76px; | 7798 | height: 76px; |
| 7792 | } | 7799 | } |
| 7793 | .datepaginator .pagination { | 7800 | .datepaginator .pagination { |
| 7794 | white-space: nowrap; | 7801 | white-space: nowrap; |
| 7795 | } | 7802 | } |
| 7796 | .datepaginator .pagination > li { | 7803 | .datepaginator .pagination > li { |
| 7797 | display: inline-block; | 7804 | display: inline-block; |
| 7798 | } | 7805 | } |
| 7799 | .datepaginator .pagination > li > a { | 7806 | .datepaginator .pagination > li > a { |
| 7800 | min-width: auto; | 7807 | min-width: auto; |
| 7801 | text-align: center; | 7808 | text-align: center; |
| 7802 | border-radius: 3px; | 7809 | border-radius: 3px; |
| 7803 | margin-left: 0; | 7810 | margin-left: 0; |
| 7804 | border: 0; | 7811 | border: 0; |
| 7805 | } | 7812 | } |
| 7806 | .datepaginator .pagination > li .dp-nav-square-edges { | 7813 | .datepaginator .pagination > li .dp-nav-square-edges { |
| 7807 | border-radius: 0; | 7814 | border-radius: 0; |
| 7808 | } | 7815 | } |
| 7809 | .datepaginator .pagination > li .dp-off { | 7816 | .datepaginator .pagination > li .dp-off { |
| 7810 | background-color: #fafafa; | 7817 | background-color: #fafafa; |
| 7811 | } | 7818 | } |
| 7812 | .datepaginator .pagination > li .dp-no-select { | 7819 | .datepaginator .pagination > li .dp-no-select { |
| 7813 | color: #ccc; | 7820 | color: #ccc; |
| 7814 | background-color: #fafafa; | 7821 | background-color: #fafafa; |
| 7815 | } | 7822 | } |
| 7816 | .datepaginator .pagination > li .dp-no-select:hover { | 7823 | .datepaginator .pagination > li .dp-no-select:hover { |
| 7817 | background-color: #fafafa; | 7824 | background-color: #fafafa; |
| 7818 | } | 7825 | } |
| 7819 | .datepaginator .pagination > li #dp-calendar { | 7826 | .datepaginator .pagination > li #dp-calendar { |
| 7820 | position: absolute; | 7827 | position: absolute; |
| 7821 | right: 6px; | 7828 | right: 6px; |
| 7822 | top: 6px; | 7829 | top: 6px; |
| 7823 | } | 7830 | } |
| 7824 | .datepaginator .pagination > li > .dp-nav { | 7831 | .datepaginator .pagination > li > .dp-nav { |
| 7825 | height: 72px; | 7832 | height: 72px; |
| 7826 | padding: 29px 0; | 7833 | padding: 29px 0; |
| 7827 | width: 38px; | 7834 | width: 38px; |
| 7828 | line-height: 1; | 7835 | line-height: 1; |
| 7829 | border-radius: 3px; | 7836 | border-radius: 3px; |
| 7830 | } | 7837 | } |
| 7831 | .datepaginator .pagination > li > a.dp-nav-sm { | 7838 | .datepaginator .pagination > li > a.dp-nav-sm { |
| 7832 | height: 68px; | 7839 | height: 68px; |
| 7833 | padding: 27px 0; | 7840 | padding: 27px 0; |
| 7834 | } | 7841 | } |
| 7835 | .datepaginator .pagination > li > a.dp-nav-lg { | 7842 | .datepaginator .pagination > li > a.dp-nav-lg { |
| 7836 | height: 76px; | 7843 | height: 76px; |
| 7837 | padding: 31px 0; | 7844 | padding: 31px 0; |
| 7838 | } | 7845 | } |
| 7839 | .datepaginator .pagination > li > a.dp-item { | 7846 | .datepaginator .pagination > li > a.dp-item { |
| 7840 | height: 72px; | 7847 | height: 72px; |
| 7841 | padding: 15px 0; | 7848 | padding: 15px 0; |
| 7842 | width: 35px; | 7849 | width: 35px; |
| 7843 | } | 7850 | } |
| 7844 | .datepaginator .pagination > li > a.dp-item-sm { | 7851 | .datepaginator .pagination > li > a.dp-item-sm { |
| 7845 | height: 68px; | 7852 | height: 68px; |
| 7846 | padding: 13px 0; | 7853 | padding: 13px 0; |
| 7847 | } | 7854 | } |
| 7848 | .datepaginator .pagination > li > a.dp-item-lg { | 7855 | .datepaginator .pagination > li > a.dp-item-lg { |
| 7849 | height: 76px; | 7856 | height: 76px; |
| 7850 | padding: 17px 0; | 7857 | padding: 17px 0; |
| 7851 | } | 7858 | } |
| 7852 | .datepaginator .pagination > li > .dp-today, | 7859 | .datepaginator .pagination > li > .dp-today, |
| 7853 | .datepaginator .pagination > li > .dp-today:hover, | 7860 | .datepaginator .pagination > li > .dp-today:hover, |
| 7854 | .datepaginator .pagination > li > .dp-today:focus { | 7861 | .datepaginator .pagination > li > .dp-today:focus { |
| 7855 | background-color: #2196F3; | 7862 | background-color: #2196F3; |
| 7856 | color: #fff; | 7863 | color: #fff; |
| 7857 | } | 7864 | } |
| 7858 | .datepaginator .pagination > li > .dp-selected, | 7865 | .datepaginator .pagination > li > .dp-selected, |
| 7859 | .datepaginator .pagination > li > .dp-selected:hover, | 7866 | .datepaginator .pagination > li > .dp-selected:hover, |
| 7860 | .datepaginator .pagination > li > .dp-selected:focus { | 7867 | .datepaginator .pagination > li > .dp-selected:focus { |
| 7861 | background-color: #26A69A; | 7868 | background-color: #26A69A; |
| 7862 | color: #fff; | 7869 | color: #fff; |
| 7863 | width: 140px; | 7870 | width: 140px; |
| 7864 | } | 7871 | } |
| 7865 | /* ------------------------------------------------------------------------------ | 7872 | /* ------------------------------------------------------------------------------ |
| 7866 | * | 7873 | * |
| 7867 | * # PNotify notifications | 7874 | * # PNotify notifications |
| 7868 | * | 7875 | * |
| 7869 | * Styles for pnotify.min.js - a flexible JavaScript notification plugin | 7876 | * Styles for pnotify.min.js - a flexible JavaScript notification plugin |
| 7870 | * | 7877 | * |
| 7871 | * Version: 1.1 | 7878 | * Version: 1.1 |
| 7872 | * Latest update: Mar 10, 2016 | 7879 | * Latest update: Mar 10, 2016 |
| 7873 | * | 7880 | * |
| 7874 | * ---------------------------------------------------------------------------- */ | 7881 | * ---------------------------------------------------------------------------- */ |
| 7875 | .ui-pnotify { | 7882 | .ui-pnotify { |
| 7876 | top: 20px; | 7883 | top: 20px; |
| 7877 | right: 20px; | 7884 | right: 20px; |
| 7878 | position: absolute; | 7885 | position: absolute; |
| 7879 | height: auto; | 7886 | height: auto; |
| 7880 | z-index: 2; | 7887 | z-index: 2; |
| 7881 | border-radius: 3px; | 7888 | border-radius: 3px; |
| 7882 | } | 7889 | } |
| 7883 | body > .ui-pnotify { | 7890 | body > .ui-pnotify { |
| 7884 | position: fixed; | 7891 | position: fixed; |
| 7885 | z-index: 100040; | 7892 | z-index: 100040; |
| 7886 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 7893 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 7887 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 7894 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 7888 | } | 7895 | } |
| 7889 | .ui-pnotify.alert-rounded > .ui-pnotify-container { | 7896 | .ui-pnotify.alert-rounded > .ui-pnotify-container { |
| 7890 | border-radius: 100px; | 7897 | border-radius: 100px; |
| 7891 | } | 7898 | } |
| 7892 | .ui-pnotify[class*=bg-] > .ui-pnotify-container { | 7899 | .ui-pnotify[class*=bg-] > .ui-pnotify-container { |
| 7893 | background-color: inherit; | 7900 | background-color: inherit; |
| 7894 | border-color: transparent; | 7901 | border-color: transparent; |
| 7895 | color: #fff; | 7902 | color: #fff; |
| 7896 | } | 7903 | } |
| 7897 | .ui-pnotify[class*=text-] > .ui-pnotify-container, | 7904 | .ui-pnotify[class*=text-] > .ui-pnotify-container, |
| 7898 | .ui-pnotify[class*=alpha-] > .ui-pnotify-container { | 7905 | .ui-pnotify[class*=alpha-] > .ui-pnotify-container { |
| 7899 | background-color: inherit; | 7906 | background-color: inherit; |
| 7900 | border-color: inherit; | 7907 | border-color: inherit; |
| 7901 | color: inherit; | 7908 | color: inherit; |
| 7902 | } | 7909 | } |
| 7903 | .ui-pnotify.stack-top-left, | 7910 | .ui-pnotify.stack-top-left, |
| 7904 | .ui-pnotify.stack-bottom-left { | 7911 | .ui-pnotify.stack-bottom-left { |
| 7905 | left: 20px; | 7912 | left: 20px; |
| 7906 | right: auto; | 7913 | right: auto; |
| 7907 | } | 7914 | } |
| 7908 | .ui-pnotify.stack-bottom-right, | 7915 | .ui-pnotify.stack-bottom-right, |
| 7909 | .ui-pnotify.stack-bottom-left { | 7916 | .ui-pnotify.stack-bottom-left { |
| 7910 | bottom: 20px; | 7917 | bottom: 20px; |
| 7911 | top: auto; | 7918 | top: auto; |
| 7912 | } | 7919 | } |
| 7913 | .ui-pnotify.stack-modal { | 7920 | .ui-pnotify.stack-modal { |
| 7914 | left: 50%; | 7921 | left: 50%; |
| 7915 | right: auto; | 7922 | right: auto; |
| 7916 | margin-left: -150px; | 7923 | margin-left: -150px; |
| 7917 | } | 7924 | } |
| 7918 | .ui-pnotify.stack-custom-right { | 7925 | .ui-pnotify.stack-custom-right { |
| 7919 | top: auto; | 7926 | top: auto; |
| 7920 | left: auto; | 7927 | left: auto; |
| 7921 | bottom: 200px; | 7928 | bottom: 200px; |
| 7922 | right: 200px; | 7929 | right: 200px; |
| 7923 | } | 7930 | } |
| 7924 | .ui-pnotify.stack-custom-left { | 7931 | .ui-pnotify.stack-custom-left { |
| 7925 | top: 200px; | 7932 | top: 200px; |
| 7926 | left: 200px; | 7933 | left: 200px; |
| 7927 | right: auto; | 7934 | right: auto; |
| 7928 | bottom: auto; | 7935 | bottom: auto; |
| 7929 | } | 7936 | } |
| 7930 | .ui-pnotify.stack-custom-top { | 7937 | .ui-pnotify.stack-custom-top { |
| 7931 | right: 0; | 7938 | right: 0; |
| 7932 | left: 0; | 7939 | left: 0; |
| 7933 | top: 0; | 7940 | top: 0; |
| 7934 | } | 7941 | } |
| 7935 | .ui-pnotify.stack-custom-bottom { | 7942 | .ui-pnotify.stack-custom-bottom { |
| 7936 | right: 0; | 7943 | right: 0; |
| 7937 | left: 0; | 7944 | left: 0; |
| 7938 | bottom: 0; | 7945 | bottom: 0; |
| 7939 | top: auto; | 7946 | top: auto; |
| 7940 | } | 7947 | } |
| 7941 | .ui-pnotify.ui-pnotify-in { | 7948 | .ui-pnotify.ui-pnotify-in { |
| 7942 | display: block!important; | 7949 | display: block!important; |
| 7943 | } | 7950 | } |
| 7944 | .ui-pnotify.ui-pnotify-move { | 7951 | .ui-pnotify.ui-pnotify-move { |
| 7945 | -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7952 | -webkit-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7946 | -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7953 | -o-transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7947 | transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7954 | transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7948 | } | 7955 | } |
| 7949 | .ui-pnotify.ui-pnotify-fade-slow { | 7956 | .ui-pnotify.ui-pnotify-fade-slow { |
| 7950 | -webkit-transition: opacity linear 0.6s; | 7957 | -webkit-transition: opacity linear 0.6s; |
| 7951 | -o-transition: opacity linear 0.6s; | 7958 | -o-transition: opacity linear 0.6s; |
| 7952 | transition: opacity linear 0.6s; | 7959 | transition: opacity linear 0.6s; |
| 7953 | opacity: 0; | 7960 | opacity: 0; |
| 7954 | filter: alpha(opacity=0); | 7961 | filter: alpha(opacity=0); |
| 7955 | } | 7962 | } |
| 7956 | .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { | 7963 | .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { |
| 7957 | -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7964 | -webkit-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7958 | -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7965 | -o-transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7959 | transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7966 | transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7960 | } | 7967 | } |
| 7961 | .ui-pnotify.ui-pnotify-fade-normal { | 7968 | .ui-pnotify.ui-pnotify-fade-normal { |
| 7962 | -webkit-transition: opacity linear 0.4s; | 7969 | -webkit-transition: opacity linear 0.4s; |
| 7963 | -o-transition: opacity linear 0.4s; | 7970 | -o-transition: opacity linear 0.4s; |
| 7964 | transition: opacity linear 0.4s; | 7971 | transition: opacity linear 0.4s; |
| 7965 | opacity: 0; | 7972 | opacity: 0; |
| 7966 | filter: alpha(opacity=0); | 7973 | filter: alpha(opacity=0); |
| 7967 | } | 7974 | } |
| 7968 | .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { | 7975 | .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { |
| 7969 | -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7976 | -webkit-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7970 | -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7977 | -o-transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7971 | transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7978 | transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7972 | } | 7979 | } |
| 7973 | .ui-pnotify.ui-pnotify-fade-fast { | 7980 | .ui-pnotify.ui-pnotify-fade-fast { |
| 7974 | transition: opacity .2s linear; | 7981 | transition: opacity .2s linear; |
| 7975 | -webkit-transition: opacity linear 0.2s; | 7982 | -webkit-transition: opacity linear 0.2s; |
| 7976 | -o-transition: opacity linear 0.2s; | 7983 | -o-transition: opacity linear 0.2s; |
| 7977 | transition: opacity linear 0.2s; | 7984 | transition: opacity linear 0.2s; |
| 7978 | opacity: 0; | 7985 | opacity: 0; |
| 7979 | filter: alpha(opacity=0); | 7986 | filter: alpha(opacity=0); |
| 7980 | } | 7987 | } |
| 7981 | .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { | 7988 | .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { |
| 7982 | -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7989 | -webkit-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7983 | -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7990 | -o-transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7984 | transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; | 7991 | transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; |
| 7985 | } | 7992 | } |
| 7986 | .ui-pnotify.ui-pnotify-fade-in { | 7993 | .ui-pnotify.ui-pnotify-fade-in { |
| 7987 | opacity: 1; | 7994 | opacity: 1; |
| 7988 | filter: alpha(opacity=100); | 7995 | filter: alpha(opacity=100); |
| 7989 | } | 7996 | } |
| 7990 | .ui-pnotify-container { | 7997 | .ui-pnotify-container { |
| 7991 | padding: 15px 20px; | 7998 | padding: 15px 20px; |
| 7992 | height: 100%; | 7999 | height: 100%; |
| 7993 | position: relative; | 8000 | position: relative; |
| 7994 | left: 0; | 8001 | left: 0; |
| 7995 | margin: 0; | 8002 | margin: 0; |
| 7996 | border-radius: 3px; | 8003 | border-radius: 3px; |
| 7997 | } | 8004 | } |
| 7998 | .ui-pnotify-container:after { | 8005 | .ui-pnotify-container:after { |
| 7999 | content: " "; | 8006 | content: " "; |
| 8000 | visibility: hidden; | 8007 | visibility: hidden; |
| 8001 | display: block; | 8008 | display: block; |
| 8002 | height: 0; | 8009 | height: 0; |
| 8003 | clear: both; | 8010 | clear: both; |
| 8004 | } | 8011 | } |
| 8005 | .ui-pnotify-container.ui-pnotify-sharp { | 8012 | .ui-pnotify-container.ui-pnotify-sharp { |
| 8006 | border-radius: 0; | 8013 | border-radius: 0; |
| 8007 | } | 8014 | } |
| 8008 | .ui-pnotify-title { | 8015 | .ui-pnotify-title { |
| 8009 | display: block; | 8016 | display: block; |
| 8010 | margin-top: 0; | 8017 | margin-top: 0; |
| 8011 | margin-bottom: 8px; | 8018 | margin-bottom: 8px; |
| 8012 | font-size: 15px; | 8019 | font-size: 15px; |
| 8013 | } | 8020 | } |
| 8014 | .ui-pnotify-text { | 8021 | .ui-pnotify-text { |
| 8015 | display: block; | 8022 | display: block; |
| 8016 | } | 8023 | } |
| 8017 | .ui-pnotify-icon { | 8024 | .ui-pnotify-icon { |
| 8018 | display: block; | 8025 | display: block; |
| 8019 | float: left; | 8026 | float: left; |
| 8020 | line-height: 1; | 8027 | line-height: 1; |
| 8021 | } | 8028 | } |
| 8022 | .ui-pnotify-icon > [class^=icon-] { | 8029 | .ui-pnotify-icon > [class^=icon-] { |
| 8023 | margin-top: 4px; | 8030 | margin-top: 4px; |
| 8024 | margin-right: 15px; | 8031 | margin-right: 15px; |
| 8025 | } | 8032 | } |
| 8026 | .ui-pnotify-closer, | 8033 | .ui-pnotify-closer, |
| 8027 | .ui-pnotify-sticker { | 8034 | .ui-pnotify-sticker { |
| 8028 | float: right; | 8035 | float: right; |
| 8029 | margin-left: 8px; | 8036 | margin-left: 8px; |
| 8030 | margin-top: 4px; | 8037 | margin-top: 4px; |
| 8031 | line-height: 1; | 8038 | line-height: 1; |
| 8032 | outline: 0; | 8039 | outline: 0; |
| 8033 | } | 8040 | } |
| 8034 | .ui-pnotify-modal-overlay { | 8041 | .ui-pnotify-modal-overlay { |
| 8035 | background-color: rgba(0, 0, 0, 0.5); | 8042 | background-color: rgba(0, 0, 0, 0.5); |
| 8036 | top: 0; | 8043 | top: 0; |
| 8037 | left: 0; | 8044 | left: 0; |
| 8038 | position: absolute; | 8045 | position: absolute; |
| 8039 | height: 100%; | 8046 | height: 100%; |
| 8040 | width: 100%; | 8047 | width: 100%; |
| 8041 | z-index: 1; | 8048 | z-index: 1; |
| 8042 | } | 8049 | } |
| 8043 | body > .ui-pnotify-modal-overlay { | 8050 | body > .ui-pnotify-modal-overlay { |
| 8044 | position: fixed; | 8051 | position: fixed; |
| 8045 | z-index: 100039; | 8052 | z-index: 100039; |
| 8046 | } | 8053 | } |
| 8047 | .brighttheme { | 8054 | .brighttheme { |
| 8048 | border: 0px solid; | 8055 | border: 0px solid; |
| 8049 | } | 8056 | } |
| 8050 | .ui-pnotify[class*=bg-] > .brighttheme { | 8057 | .ui-pnotify[class*=bg-] > .brighttheme { |
| 8051 | background-color: inherit; | 8058 | background-color: inherit; |
| 8052 | border-color: inherit; | 8059 | border-color: inherit; |
| 8053 | color: inherit; | 8060 | color: inherit; |
| 8054 | } | 8061 | } |
| 8055 | .brighttheme-notice { | 8062 | .brighttheme-notice { |
| 8056 | background-color: #FFF3E0; | 8063 | background-color: #FFF3E0; |
| 8057 | border-color: #FF9800; | 8064 | border-color: #FF9800; |
| 8058 | } | 8065 | } |
| 8059 | .brighttheme-info { | 8066 | .brighttheme-info { |
| 8060 | background-color: #E3F2FD; | 8067 | background-color: #E3F2FD; |
| 8061 | border-color: #1E88E5; | 8068 | border-color: #1E88E5; |
| 8062 | } | 8069 | } |
| 8063 | .brighttheme-success { | 8070 | .brighttheme-success { |
| 8064 | background-color: #E8F5E9; | 8071 | background-color: #E8F5E9; |
| 8065 | border-color: #4CAF50; | 8072 | border-color: #4CAF50; |
| 8066 | } | 8073 | } |
| 8067 | .brighttheme-error { | 8074 | .brighttheme-error { |
| 8068 | background-color: #FBE9E7; | 8075 | background-color: #FBE9E7; |
| 8069 | border-color: #FF5722; | 8076 | border-color: #FF5722; |
| 8070 | } | 8077 | } |
| 8071 | .brighttheme-icon-closer, | 8078 | .brighttheme-icon-closer, |
| 8072 | .brighttheme-icon-sticker { | 8079 | .brighttheme-icon-sticker { |
| 8073 | position: relative; | 8080 | position: relative; |
| 8074 | width: 16px; | 8081 | width: 16px; |
| 8075 | height: 16px; | 8082 | height: 16px; |
| 8076 | display: inline-block; | 8083 | display: inline-block; |
| 8077 | width: 10px; | 8084 | width: 10px; |
| 8078 | height: 10px; | 8085 | height: 10px; |
| 8079 | outline: 0; | 8086 | outline: 0; |
| 8080 | } | 8087 | } |
| 8081 | .brighttheme-icon-closer:after, | 8088 | .brighttheme-icon-closer:after, |
| 8082 | .brighttheme-icon-sticker:after { | 8089 | .brighttheme-icon-sticker:after { |
| 8083 | content: ''; | 8090 | content: ''; |
| 8084 | font-family: 'Icomoon'; | 8091 | font-family: 'Icomoon'; |
| 8085 | font-size: 10px; | 8092 | font-size: 10px; |
| 8086 | display: block; | 8093 | display: block; |
| 8087 | -webkit-font-smoothing: antialiased; | 8094 | -webkit-font-smoothing: antialiased; |
| 8088 | -moz-osx-font-smoothing: grayscale; | 8095 | -moz-osx-font-smoothing: grayscale; |
| 8089 | } | 8096 | } |
| 8090 | .brighttheme-icon-closer:after { | 8097 | .brighttheme-icon-closer:after { |
| 8091 | content: "\ed6a"; | 8098 | content: "\ed6a"; |
| 8092 | } | 8099 | } |
| 8093 | .brighttheme-icon-sticker:after { | 8100 | .brighttheme-icon-sticker:after { |
| 8094 | content: "\ee70"; | 8101 | content: "\ee70"; |
| 8095 | } | 8102 | } |
| 8096 | .brighttheme-icon-sticker.brighttheme-icon-stuck:after { | 8103 | .brighttheme-icon-sticker.brighttheme-icon-stuck:after { |
| 8097 | content: "\ee75"; | 8104 | content: "\ee75"; |
| 8098 | } | 8105 | } |
| 8099 | .ui-pnotify[class*=alert-styled-] { | 8106 | .ui-pnotify[class*=alert-styled-] { |
| 8100 | border-width: 0; | 8107 | border-width: 0; |
| 8101 | padding: 0; | 8108 | padding: 0; |
| 8102 | } | 8109 | } |
| 8103 | .ui-pnotify.alert-styled-left .brighttheme { | 8110 | .ui-pnotify.alert-styled-left .brighttheme { |
| 8104 | border-left-width: 44px; | 8111 | border-left-width: 44px; |
| 8105 | } | 8112 | } |
| 8106 | .ui-pnotify.alert-styled-left:after { | 8113 | .ui-pnotify.alert-styled-left:after { |
| 8107 | left: 0; | 8114 | left: 0; |
| 8108 | } | 8115 | } |
| 8109 | .ui-pnotify.alert-styled-right .brighttheme { | 8116 | .ui-pnotify.alert-styled-right .brighttheme { |
| 8110 | border-right-width: 44px; | 8117 | border-right-width: 44px; |
| 8111 | } | 8118 | } |
| 8112 | .ui-pnotify.alert-styled-right:after { | 8119 | .ui-pnotify.alert-styled-right:after { |
| 8113 | right: 0; | 8120 | right: 0; |
| 8114 | } | 8121 | } |
| 8115 | .brighttheme .ui-pnotify-action-bar { | 8122 | .brighttheme .ui-pnotify-action-bar { |
| 8116 | padding-top: 15px; | 8123 | padding-top: 15px; |
| 8117 | } | 8124 | } |
| 8118 | .brighttheme .ui-pnotify-action-bar textarea, | 8125 | .brighttheme .ui-pnotify-action-bar textarea, |
| 8119 | .brighttheme .ui-pnotify-action-bar input { | 8126 | .brighttheme .ui-pnotify-action-bar input { |
| 8120 | display: block; | 8127 | display: block; |
| 8121 | width: 100%; | 8128 | width: 100%; |
| 8122 | border-color: transparent transparent #ddd; | 8129 | border-color: transparent transparent #ddd; |
| 8123 | background-color: transparent; | 8130 | background-color: transparent; |
| 8124 | margin-bottom: 15px !important; | 8131 | margin-bottom: 15px !important; |
| 8125 | color: #333333; | 8132 | color: #333333; |
| 8126 | padding: 8px 0; | 8133 | padding: 8px 0; |
| 8127 | } | 8134 | } |
| 8128 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea, | 8135 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea, |
| 8129 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input { | 8136 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input { |
| 8130 | border-bottom-color: #fff; | 8137 | border-bottom-color: #fff; |
| 8131 | color: #fff; | 8138 | color: #fff; |
| 8132 | } | 8139 | } |
| 8133 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder, | 8140 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder, |
| 8134 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder { | 8141 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder { |
| 8135 | color: #fff; | 8142 | color: #fff; |
| 8136 | opacity: 1; | 8143 | opacity: 1; |
| 8137 | } | 8144 | } |
| 8138 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder, | 8145 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder, |
| 8139 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder { | 8146 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder { |
| 8140 | color: #fff; | 8147 | color: #fff; |
| 8141 | } | 8148 | } |
| 8142 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder, | 8149 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder, |
| 8143 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder { | 8150 | .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder { |
| 8144 | color: #fff; | 8151 | color: #fff; |
| 8145 | } | 8152 | } |
| 8146 | .ui-pnotify[class*=bg-] .form-control { | 8153 | .ui-pnotify[class*=bg-] .form-control { |
| 8147 | border-bottom-color: #fff; | 8154 | border-bottom-color: #fff; |
| 8148 | color: #fff; | 8155 | color: #fff; |
| 8149 | } | 8156 | } |
| 8150 | .ui-pnotify[class*=bg-] .form-control::-moz-placeholder { | 8157 | .ui-pnotify[class*=bg-] .form-control::-moz-placeholder { |
| 8151 | color: #fff; | 8158 | color: #fff; |
| 8152 | opacity: 1; | 8159 | opacity: 1; |
| 8153 | } | 8160 | } |
| 8154 | .ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder { | 8161 | .ui-pnotify[class*=bg-] .form-control:-ms-input-placeholder { |
| 8155 | color: #fff; | 8162 | color: #fff; |
| 8156 | } | 8163 | } |
| 8157 | .ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder { | 8164 | .ui-pnotify[class*=bg-] .form-control::-webkit-input-placeholder { |
| 8158 | color: #fff; | 8165 | color: #fff; |
| 8159 | } | 8166 | } |
| 8160 | .ui-pnotify-history-container { | 8167 | .ui-pnotify-history-container { |
| 8161 | position: absolute; | 8168 | position: absolute; |
| 8162 | top: 0; | 8169 | top: 0; |
| 8163 | right: 20px; | 8170 | right: 20px; |
| 8164 | width: 70px; | 8171 | width: 70px; |
| 8165 | border-top: none; | 8172 | border-top: none; |
| 8166 | padding: 0; | 8173 | padding: 0; |
| 8167 | z-index: 10000; | 8174 | z-index: 10000; |
| 8168 | border-top-right-radius: 0; | 8175 | border-top-right-radius: 0; |
| 8169 | border-top-left-radius: 0; | 8176 | border-top-left-radius: 0; |
| 8170 | } | 8177 | } |
| 8171 | .ui-pnotify-history-container.ui-pnotify-history-fixed { | 8178 | .ui-pnotify-history-container.ui-pnotify-history-fixed { |
| 8172 | position: fixed; | 8179 | position: fixed; |
| 8173 | } | 8180 | } |
| 8174 | .ui-pnotify-history-container .ui-pnotify-history-header { | 8181 | .ui-pnotify-history-container .ui-pnotify-history-header { |
| 8175 | padding: 2px; | 8182 | padding: 2px; |
| 8176 | text-align: center; | 8183 | text-align: center; |
| 8177 | } | 8184 | } |
| 8178 | .ui-pnotify-history-container button { | 8185 | .ui-pnotify-history-container button { |
| 8179 | cursor: pointer; | 8186 | cursor: pointer; |
| 8180 | display: block; | 8187 | display: block; |
| 8181 | width: 100%; | 8188 | width: 100%; |
| 8182 | } | 8189 | } |
| 8183 | .ui-pnotify-history-container .ui-pnotify-history-pulldown { | 8190 | .ui-pnotify-history-container .ui-pnotify-history-pulldown { |
| 8184 | display: block; | 8191 | display: block; |
| 8185 | margin: 0 auto; | 8192 | margin: 0 auto; |
| 8186 | } | 8193 | } |
| 8187 | @media (max-width: 480px) { | 8194 | @media (max-width: 480px) { |
| 8188 | .ui-pnotify-mobile-able.ui-pnotify { | 8195 | .ui-pnotify-mobile-able.ui-pnotify { |
| 8189 | position: fixed; | 8196 | position: fixed; |
| 8190 | top: 0; | 8197 | top: 0; |
| 8191 | right: 0; | 8198 | right: 0; |
| 8192 | left: 0; | 8199 | left: 0; |
| 8193 | width: auto !important; | 8200 | width: auto !important; |
| 8194 | -webkit-font-smoothing: antialiased; | 8201 | -webkit-font-smoothing: antialiased; |
| 8195 | -moz-font-smoothing: antialiased; | 8202 | -moz-font-smoothing: antialiased; |
| 8196 | -ms-font-smoothing: antialiased; | 8203 | -ms-font-smoothing: antialiased; |
| 8197 | font-smoothing: antialiased; | 8204 | font-smoothing: antialiased; |
| 8198 | } | 8205 | } |
| 8199 | .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { | 8206 | .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { |
| 8200 | border-bottom-width: 5px; | 8207 | border-bottom-width: 5px; |
| 8201 | -webkit-box-shadow: none; | 8208 | -webkit-box-shadow: none; |
| 8202 | box-shadow: none; | 8209 | box-shadow: none; |
| 8203 | } | 8210 | } |
| 8204 | .ui-pnotify-mobile-able.ui-pnotify.stack-top-left, | 8211 | .ui-pnotify-mobile-able.ui-pnotify.stack-top-left, |
| 8205 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { | 8212 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { |
| 8206 | left: 0; | 8213 | left: 0; |
| 8207 | right: 0; | 8214 | right: 0; |
| 8208 | } | 8215 | } |
| 8209 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right, | 8216 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right, |
| 8210 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { | 8217 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { |
| 8211 | left: 0; | 8218 | left: 0; |
| 8212 | right: 0; | 8219 | right: 0; |
| 8213 | bottom: 0; | 8220 | bottom: 0; |
| 8214 | top: auto; | 8221 | top: auto; |
| 8215 | } | 8222 | } |
| 8216 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, | 8223 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, |
| 8217 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, | 8224 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, |
| 8218 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, | 8225 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, |
| 8219 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow { | 8226 | .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow { |
| 8220 | border-top-width: 5px; | 8227 | border-top-width: 5px; |
| 8221 | border-bottom-width: 1px; | 8228 | border-bottom-width: 1px; |
| 8222 | } | 8229 | } |
| 8223 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade { | 8230 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade { |
| 8224 | opacity: 0.2; | 8231 | opacity: 0.2; |
| 8225 | filter: alpha(opacity=20); | 8232 | filter: alpha(opacity=20); |
| 8226 | } | 8233 | } |
| 8227 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide { | 8234 | .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide { |
| 8228 | display: none !important; | 8235 | display: none !important; |
| 8229 | } | 8236 | } |
| 8230 | .ui-pnotify-mobile-able .ui-pnotify-container { | 8237 | .ui-pnotify-mobile-able .ui-pnotify-container { |
| 8231 | border-radius: 0; | 8238 | border-radius: 0; |
| 8232 | } | 8239 | } |
| 8233 | } | 8240 | } |
| 8234 | /* ------------------------------------------------------------------------------ | 8241 | /* ------------------------------------------------------------------------------ |
| 8235 | * | 8242 | * |
| 8236 | * # jGrowl notifications | 8243 | * # jGrowl notifications |
| 8237 | * | 8244 | * |
| 8238 | * Styles for jgrowl.min.js - an unobtrusive notification system for web applications | 8245 | * Styles for jgrowl.min.js - an unobtrusive notification system for web applications |
| 8239 | * | 8246 | * |
| 8240 | * Version: 1.0 | 8247 | * Version: 1.0 |
| 8241 | * Latest update: May 25, 2015 | 8248 | * Latest update: May 25, 2015 |
| 8242 | * | 8249 | * |
| 8243 | * ---------------------------------------------------------------------------- */ | 8250 | * ---------------------------------------------------------------------------- */ |
| 8244 | .jGrowl { | 8251 | .jGrowl { |
| 8245 | z-index: 2001; | 8252 | z-index: 2001; |
| 8246 | position: absolute; | 8253 | position: absolute; |
| 8247 | } | 8254 | } |
| 8248 | body > .jGrowl { | 8255 | body > .jGrowl { |
| 8249 | position: fixed; | 8256 | position: fixed; |
| 8250 | } | 8257 | } |
| 8251 | .jGrowl.top-left { | 8258 | .jGrowl.top-left { |
| 8252 | left: 20px; | 8259 | left: 20px; |
| 8253 | top: 20px; | 8260 | top: 20px; |
| 8254 | } | 8261 | } |
| 8255 | .jGrowl.top-center { | 8262 | .jGrowl.top-center { |
| 8256 | left: 50%; | 8263 | left: 50%; |
| 8257 | top: 20px; | 8264 | top: 20px; |
| 8258 | margin-left: -150px; | 8265 | margin-left: -150px; |
| 8259 | } | 8266 | } |
| 8260 | .jGrowl.top-right { | 8267 | .jGrowl.top-right { |
| 8261 | right: 20px; | 8268 | right: 20px; |
| 8262 | top: 20px; | 8269 | top: 20px; |
| 8263 | } | 8270 | } |
| 8264 | .jGrowl.center { | 8271 | .jGrowl.center { |
| 8265 | top: 40%; | 8272 | top: 40%; |
| 8266 | width: 300px; | 8273 | width: 300px; |
| 8267 | left: 50%; | 8274 | left: 50%; |
| 8268 | margin-left: -150px; | 8275 | margin-left: -150px; |
| 8269 | margin-top: -35px; | 8276 | margin-top: -35px; |
| 8270 | } | 8277 | } |
| 8271 | .jGrowl.center .jGrowl-notification, | 8278 | .jGrowl.center .jGrowl-notification, |
| 8272 | .jGrowl.center .jGrowl-closer { | 8279 | .jGrowl.center .jGrowl-closer { |
| 8273 | margin-left: auto; | 8280 | margin-left: auto; |
| 8274 | margin-right: auto; | 8281 | margin-right: auto; |
| 8275 | } | 8282 | } |
| 8276 | .jGrowl.bottom-left { | 8283 | .jGrowl.bottom-left { |
| 8277 | left: 20px; | 8284 | left: 20px; |
| 8278 | bottom: 20px; | 8285 | bottom: 20px; |
| 8279 | } | 8286 | } |
| 8280 | .jGrowl.bottom-center { | 8287 | .jGrowl.bottom-center { |
| 8281 | left: 50%; | 8288 | left: 50%; |
| 8282 | bottom: 20px; | 8289 | bottom: 20px; |
| 8283 | margin-left: -150px; | 8290 | margin-left: -150px; |
| 8284 | } | 8291 | } |
| 8285 | .jGrowl.bottom-right { | 8292 | .jGrowl.bottom-right { |
| 8286 | right: 20px; | 8293 | right: 20px; |
| 8287 | bottom: 20px; | 8294 | bottom: 20px; |
| 8288 | } | 8295 | } |
| 8289 | @media print { | 8296 | @media print { |
| 8290 | .jGrowl { | 8297 | .jGrowl { |
| 8291 | display: none; | 8298 | display: none; |
| 8292 | } | 8299 | } |
| 8293 | } | 8300 | } |
| 8294 | .jGrowl-notification { | 8301 | .jGrowl-notification { |
| 8295 | margin-bottom: 10px; | 8302 | margin-bottom: 10px; |
| 8296 | width: 300px; | 8303 | width: 300px; |
| 8297 | text-align: left; | 8304 | text-align: left; |
| 8298 | display: none; | 8305 | display: none; |
| 8299 | border-width: 0; | 8306 | border-width: 0; |
| 8300 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 8307 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 8301 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 8308 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 8302 | } | 8309 | } |
| 8303 | .jGrowl-notification .jGrowl-header { | 8310 | .jGrowl-notification .jGrowl-header { |
| 8304 | font-size: 15px; | 8311 | font-size: 15px; |
| 8305 | margin-bottom: 5px; | 8312 | margin-bottom: 5px; |
| 8306 | } | 8313 | } |
| 8307 | .jGrowl-notification .jGrowl-header:empty { | 8314 | .jGrowl-notification .jGrowl-header:empty { |
| 8308 | margin: 0; | 8315 | margin: 0; |
| 8309 | } | 8316 | } |
| 8310 | .jGrowl-notification .jGrowl-close { | 8317 | .jGrowl-notification .jGrowl-close { |
| 8311 | font-weight: 300; | 8318 | font-weight: 300; |
| 8312 | background: none; | 8319 | background: none; |
| 8313 | border: 0; | 8320 | border: 0; |
| 8314 | font-size: 17px; | 8321 | font-size: 17px; |
| 8315 | cursor: pointer; | 8322 | cursor: pointer; |
| 8316 | line-height: 1; | 8323 | line-height: 1; |
| 8317 | padding: 0; | 8324 | padding: 0; |
| 8318 | float: right; | 8325 | float: right; |
| 8319 | color: inherit; | 8326 | color: inherit; |
| 8320 | outline: 0; | 8327 | outline: 0; |
| 8321 | margin-left: 10px; | 8328 | margin-left: 10px; |
| 8322 | opacity: 0.75; | 8329 | opacity: 0.75; |
| 8323 | filter: alpha(opacity=75); | 8330 | filter: alpha(opacity=75); |
| 8324 | } | 8331 | } |
| 8325 | .jGrowl-notification .jGrowl-close:hover { | 8332 | .jGrowl-notification .jGrowl-close:hover { |
| 8326 | opacity: 1; | 8333 | opacity: 1; |
| 8327 | filter: alpha(opacity=100); | 8334 | filter: alpha(opacity=100); |
| 8328 | } | 8335 | } |
| 8329 | .jGrowl-closer { | 8336 | .jGrowl-closer { |
| 8330 | padding: 5px 0; | 8337 | padding: 5px 0; |
| 8331 | cursor: pointer; | 8338 | cursor: pointer; |
| 8332 | margin-top: 5px; | 8339 | margin-top: 5px; |
| 8333 | text-align: center; | 8340 | text-align: center; |
| 8334 | background-color: #fff; | 8341 | background-color: #fff; |
| 8335 | width: 300px; | 8342 | width: 300px; |
| 8336 | border-radius: 3px; | 8343 | border-radius: 3px; |
| 8337 | border: 1px solid #ddd; | 8344 | border: 1px solid #ddd; |
| 8338 | color: #999999; | 8345 | color: #999999; |
| 8339 | } | 8346 | } |
| 8340 | .alert-rounded + .jGrowl-closer { | 8347 | .alert-rounded + .jGrowl-closer { |
| 8341 | border-radius: 4px; | 8348 | border-radius: 4px; |
| 8342 | } | 8349 | } |
| 8343 | /* ------------------------------------------------------------------------------ | 8350 | /* ------------------------------------------------------------------------------ |
| 8344 | * | 8351 | * |
| 8345 | * # Sweet alerts | 8352 | * # Sweet alerts |
| 8346 | * | 8353 | * |
| 8347 | * Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert" | 8354 | * Styles for sweet_alert.min.js - A beautiful replacement for JavaScript's "Alert" |
| 8348 | * | 8355 | * |
| 8349 | * Version: 1.1 | 8356 | * Version: 1.1 |
| 8350 | * Latest update: Oct 28, 2015 | 8357 | * Latest update: Oct 28, 2015 |
| 8351 | * | 8358 | * |
| 8352 | * ---------------------------------------------------------------------------- */ | 8359 | * ---------------------------------------------------------------------------- */ |
| 8353 | /* # Core | 8360 | /* # Core |
| 8354 | -------------------------------------------------- */ | 8361 | -------------------------------------------------- */ |
| 8355 | body.stop-scrolling { | 8362 | body.stop-scrolling { |
| 8356 | height: 100%; | 8363 | height: 100%; |
| 8357 | overflow: hidden; | 8364 | overflow: hidden; |
| 8358 | } | 8365 | } |
| 8359 | .sweet-overlay { | 8366 | .sweet-overlay { |
| 8360 | background-color: rgba(0, 0, 0, 0.4); | 8367 | background-color: rgba(0, 0, 0, 0.4); |
| 8361 | position: fixed; | 8368 | position: fixed; |
| 8362 | left: 0; | 8369 | left: 0; |
| 8363 | right: 0; | 8370 | right: 0; |
| 8364 | top: 0; | 8371 | top: 0; |
| 8365 | bottom: 0; | 8372 | bottom: 0; |
| 8366 | display: none; | 8373 | display: none; |
| 8367 | z-index: 1050; | 8374 | z-index: 1050; |
| 8368 | } | 8375 | } |
| 8369 | .sweet-alert { | 8376 | .sweet-alert { |
| 8370 | background-color: #fff; | 8377 | background-color: #fff; |
| 8371 | width: 470px; | 8378 | width: 470px; |
| 8372 | padding: 20px; | 8379 | padding: 20px; |
| 8373 | border-radius: 3px; | 8380 | border-radius: 3px; |
| 8374 | text-align: center; | 8381 | text-align: center; |
| 8375 | position: fixed; | 8382 | position: fixed; |
| 8376 | left: 50%; | 8383 | left: 50%; |
| 8377 | top: 50%; | 8384 | top: 50%; |
| 8378 | margin-left: -235px; | 8385 | margin-left: -235px; |
| 8379 | margin-top: -200px; | 8386 | margin-top: -200px; |
| 8380 | overflow: hidden; | 8387 | overflow: hidden; |
| 8381 | display: none; | 8388 | display: none; |
| 8382 | z-index: 1060; | 8389 | z-index: 1060; |
| 8383 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 8390 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 8384 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 8391 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 8385 | } | 8392 | } |
| 8386 | .sweet-alert h2 { | 8393 | .sweet-alert h2 { |
| 8387 | margin-top: 10px; | 8394 | margin-top: 10px; |
| 8388 | font-size: 19px; | 8395 | font-size: 19px; |
| 8389 | text-align: center; | 8396 | text-align: center; |
| 8390 | display: block; | 8397 | display: block; |
| 8391 | position: relative; | 8398 | position: relative; |
| 8392 | } | 8399 | } |
| 8393 | .sweet-alert p { | 8400 | .sweet-alert p { |
| 8394 | text-align: center; | 8401 | text-align: center; |
| 8395 | position: relative; | 8402 | position: relative; |
| 8396 | } | 8403 | } |
| 8397 | .sweet-alert fieldset { | 8404 | .sweet-alert fieldset { |
| 8398 | border: none; | 8405 | border: none; |
| 8399 | position: relative; | 8406 | position: relative; |
| 8400 | } | 8407 | } |
| 8401 | .sweet-alert button { | 8408 | .sweet-alert button { |
| 8402 | background-color: #2196F3; | 8409 | background-color: #2196F3; |
| 8403 | color: #fff; | 8410 | color: #fff; |
| 8404 | border: 0; | 8411 | border: 0; |
| 8405 | border-radius: 3px; | 8412 | border-radius: 3px; |
| 8406 | padding: 8px 15px; | 8413 | padding: 8px 15px; |
| 8407 | margin: 10px 5px 0 5px; | 8414 | margin: 10px 5px 0 5px; |
| 8408 | box-shadow: none!important; | 8415 | box-shadow: none!important; |
| 8409 | } | 8416 | } |
| 8410 | .sweet-alert button:hover { | 8417 | .sweet-alert button:hover { |
| 8411 | background-color: #1E88E5; | 8418 | background-color: #1E88E5; |
| 8412 | } | 8419 | } |
| 8413 | .sweet-alert button:focus { | 8420 | .sweet-alert button:focus { |
| 8414 | outline: 0; | 8421 | outline: 0; |
| 8415 | } | 8422 | } |
| 8416 | .sweet-alert button:active { | 8423 | .sweet-alert button:active { |
| 8417 | background-color: #42A5F5; | 8424 | background-color: #42A5F5; |
| 8418 | } | 8425 | } |
| 8419 | .sweet-alert button.cancel { | 8426 | .sweet-alert button.cancel { |
| 8420 | background-color: transparent; | 8427 | background-color: transparent; |
| 8421 | color: #333333; | 8428 | color: #333333; |
| 8422 | } | 8429 | } |
| 8423 | .sweet-alert button[disabled] { | 8430 | .sweet-alert button[disabled] { |
| 8424 | cursor: default; | 8431 | cursor: default; |
| 8425 | opacity: 0.6; | 8432 | opacity: 0.6; |
| 8426 | filter: alpha(opacity=60); | 8433 | filter: alpha(opacity=60); |
| 8427 | } | 8434 | } |
| 8428 | .sweet-alert button.confirm[disabled] { | 8435 | .sweet-alert button.confirm[disabled] { |
| 8429 | color: transparent; | 8436 | color: transparent; |
| 8430 | } | 8437 | } |
| 8431 | .sweet-alert button.confirm[disabled] ~ .la-ball-fall { | 8438 | .sweet-alert button.confirm[disabled] ~ .la-ball-fall { |
| 8432 | visibility: visible; | 8439 | visibility: visible; |
| 8433 | -webkit-transition-delay: 0s; | 8440 | -webkit-transition-delay: 0s; |
| 8434 | transition-delay: 0s; | 8441 | transition-delay: 0s; |
| 8435 | opacity: 1; | 8442 | opacity: 1; |
| 8436 | filter: alpha(opacity=100); | 8443 | filter: alpha(opacity=100); |
| 8437 | } | 8444 | } |
| 8438 | .sweet-alert button::-moz-focus-inner { | 8445 | .sweet-alert button::-moz-focus-inner { |
| 8439 | border: 0; | 8446 | border: 0; |
| 8440 | } | 8447 | } |
| 8441 | .sweet-alert[data-has-cancel-button=false] button { | 8448 | .sweet-alert[data-has-cancel-button=false] button { |
| 8442 | -webkit-box-shadow: none !important; | 8449 | -webkit-box-shadow: none !important; |
| 8443 | box-shadow: none !important; | 8450 | box-shadow: none !important; |
| 8444 | } | 8451 | } |
| 8445 | .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { | 8452 | .sweet-alert[data-has-cancel-button=false][data-has-confirm-button=false] { |
| 8446 | padding-bottom: 40px; | 8453 | padding-bottom: 40px; |
| 8447 | } | 8454 | } |
| 8448 | .sweet-alert .sa-error-container { | 8455 | .sweet-alert .sa-error-container { |
| 8449 | background-color: #f5f5f5; | 8456 | background-color: #f5f5f5; |
| 8450 | overflow: hidden; | 8457 | overflow: hidden; |
| 8451 | padding: 0 10px; | 8458 | padding: 0 10px; |
| 8452 | max-height: 0; | 8459 | max-height: 0; |
| 8453 | border-radius: 3px; | 8460 | border-radius: 3px; |
| 8454 | -webkit-transition: padding 0.15s, max-height 0.15s; | 8461 | -webkit-transition: padding 0.15s, max-height 0.15s; |
| 8455 | -o-transition: padding 0.15s, max-height 0.15s; | 8462 | -o-transition: padding 0.15s, max-height 0.15s; |
| 8456 | transition: padding 0.15s, max-height 0.15s; | 8463 | transition: padding 0.15s, max-height 0.15s; |
| 8457 | } | 8464 | } |
| 8458 | .sweet-alert .sa-error-container p { | 8465 | .sweet-alert .sa-error-container p { |
| 8459 | display: inline-block; | 8466 | display: inline-block; |
| 8460 | margin-bottom: 0; | 8467 | margin-bottom: 0; |
| 8461 | } | 8468 | } |
| 8462 | .sweet-alert .sa-error-container.show { | 8469 | .sweet-alert .sa-error-container.show { |
| 8463 | padding: 10px 0; | 8470 | padding: 10px 0; |
| 8464 | max-height: 100px; | 8471 | max-height: 100px; |
| 8465 | -webkit-transition: padding 0.2s, max-height 0.2s; | 8472 | -webkit-transition: padding 0.2s, max-height 0.2s; |
| 8466 | -o-transition: padding 0.2s, max-height 0.2s; | 8473 | -o-transition: padding 0.2s, max-height 0.2s; |
| 8467 | transition: padding 0.2s, max-height 0.2s; | 8474 | transition: padding 0.2s, max-height 0.2s; |
| 8468 | } | 8475 | } |
| 8469 | .sweet-alert .sa-error-container .icon { | 8476 | .sweet-alert .sa-error-container .icon { |
| 8470 | display: inline-block; | 8477 | display: inline-block; |
| 8471 | width: 16px; | 8478 | width: 16px; |
| 8472 | height: 16px; | 8479 | height: 16px; |
| 8473 | line-height: 16px; | 8480 | line-height: 16px; |
| 8474 | border-radius: 50%; | 8481 | border-radius: 50%; |
| 8475 | background-color: #FF7043; | 8482 | background-color: #FF7043; |
| 8476 | color: white; | 8483 | color: white; |
| 8477 | text-align: center; | 8484 | text-align: center; |
| 8478 | margin-right: 8px; | 8485 | margin-right: 8px; |
| 8479 | } | 8486 | } |
| 8480 | .sweet-alert .sa-input-error { | 8487 | .sweet-alert .sa-input-error { |
| 8481 | position: absolute; | 8488 | position: absolute; |
| 8482 | top: 20px; | 8489 | top: 20px; |
| 8483 | right: 16px; | 8490 | right: 16px; |
| 8484 | width: 16px; | 8491 | width: 16px; |
| 8485 | height: 16px; | 8492 | height: 16px; |
| 8486 | -webkit-transform: scale(0.5); | 8493 | -webkit-transform: scale(0.5); |
| 8487 | -ms-transform: scale(0.5); | 8494 | -ms-transform: scale(0.5); |
| 8488 | -o-transform: scale(0.5); | 8495 | -o-transform: scale(0.5); |
| 8489 | transform: scale(0.5); | 8496 | transform: scale(0.5); |
| 8490 | -webkit-transform-origin: 50% 50%; | 8497 | -webkit-transform-origin: 50% 50%; |
| 8491 | -moz-transform-origin: 50% 50%; | 8498 | -moz-transform-origin: 50% 50%; |
| 8492 | -ms-transform-origin: 50% 50%; | 8499 | -ms-transform-origin: 50% 50%; |
| 8493 | transform-origin: 50% 50%; | 8500 | transform-origin: 50% 50%; |
| 8494 | -webkit-transition: all 0.1s; | 8501 | -webkit-transition: all 0.1s; |
| 8495 | -o-transition: all 0.1s; | 8502 | -o-transition: all 0.1s; |
| 8496 | transition: all 0.1s; | 8503 | transition: all 0.1s; |
| 8497 | opacity: 0; | 8504 | opacity: 0; |
| 8498 | filter: alpha(opacity=0); | 8505 | filter: alpha(opacity=0); |
| 8499 | } | 8506 | } |
| 8500 | .sweet-alert .sa-input-error:before, | 8507 | .sweet-alert .sa-input-error:before, |
| 8501 | .sweet-alert .sa-input-error:after { | 8508 | .sweet-alert .sa-input-error:after { |
| 8502 | content: ""; | 8509 | content: ""; |
| 8503 | width: 16px; | 8510 | width: 16px; |
| 8504 | height: 2px; | 8511 | height: 2px; |
| 8505 | background-color: #EF5350; | 8512 | background-color: #EF5350; |
| 8506 | border-radius: 3px; | 8513 | border-radius: 3px; |
| 8507 | position: absolute; | 8514 | position: absolute; |
| 8508 | top: 50%; | 8515 | top: 50%; |
| 8509 | margin-top: -1px; | 8516 | margin-top: -1px; |
| 8510 | left: 50%; | 8517 | left: 50%; |
| 8511 | margin-left: -8px; | 8518 | margin-left: -8px; |
| 8512 | } | 8519 | } |
| 8513 | .sweet-alert .sa-input-error:before { | 8520 | .sweet-alert .sa-input-error:before { |
| 8514 | -webkit-transform: rotate(-45deg); | 8521 | -webkit-transform: rotate(-45deg); |
| 8515 | -ms-transform: rotate(-45deg); | 8522 | -ms-transform: rotate(-45deg); |
| 8516 | -o-transform: rotate(-45deg); | 8523 | -o-transform: rotate(-45deg); |
| 8517 | transform: rotate(-45deg); | 8524 | transform: rotate(-45deg); |
| 8518 | } | 8525 | } |
| 8519 | .sweet-alert .sa-input-error:after { | 8526 | .sweet-alert .sa-input-error:after { |
| 8520 | -webkit-transform: rotate(45deg); | 8527 | -webkit-transform: rotate(45deg); |
| 8521 | -ms-transform: rotate(45deg); | 8528 | -ms-transform: rotate(45deg); |
| 8522 | -o-transform: rotate(45deg); | 8529 | -o-transform: rotate(45deg); |
| 8523 | transform: rotate(45deg); | 8530 | transform: rotate(45deg); |
| 8524 | } | 8531 | } |
| 8525 | .sweet-alert .sa-input-error.show { | 8532 | .sweet-alert .sa-input-error.show { |
| 8526 | -webkit-transform: scale(1); | 8533 | -webkit-transform: scale(1); |
| 8527 | -ms-transform: scale(1); | 8534 | -ms-transform: scale(1); |
| 8528 | -o-transform: scale(1); | 8535 | -o-transform: scale(1); |
| 8529 | transform: scale(1); | 8536 | transform: scale(1); |
| 8530 | opacity: 1; | 8537 | opacity: 1; |
| 8531 | filter: alpha(opacity=100); | 8538 | filter: alpha(opacity=100); |
| 8532 | } | 8539 | } |
| 8533 | .sweet-alert input { | 8540 | .sweet-alert input { |
| 8534 | width: 100%; | 8541 | width: 100%; |
| 8535 | border-radius: 3px; | 8542 | border-radius: 3px; |
| 8536 | border: 1px solid #ddd; | 8543 | border: 1px solid #ddd; |
| 8537 | margin-top: 10px; | 8544 | margin-top: 10px; |
| 8538 | margin-bottom: 10px; | 8545 | margin-bottom: 10px; |
| 8539 | font-size: 13px; | 8546 | font-size: 13px; |
| 8540 | padding: 8px 16px; | 8547 | padding: 8px 16px; |
| 8541 | display: none; | 8548 | display: none; |
| 8542 | -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; | 8549 | -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; |
| 8543 | box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; | 8550 | box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset; |
| 8544 | -webkit-box-sizing: border-box; | 8551 | -webkit-box-sizing: border-box; |
| 8545 | -moz-box-sizing: border-box; | 8552 | -moz-box-sizing: border-box; |
| 8546 | box-sizing: border-box; | 8553 | box-sizing: border-box; |
| 8547 | -webkit-transition: all 0.3s; | 8554 | -webkit-transition: all 0.3s; |
| 8548 | -o-transition: all 0.3s; | 8555 | -o-transition: all 0.3s; |
| 8549 | transition: all 0.3s; | 8556 | transition: all 0.3s; |
| 8550 | } | 8557 | } |
| 8551 | .sweet-alert input::-moz-placeholder { | 8558 | .sweet-alert input::-moz-placeholder { |
| 8552 | color: #bdbdbd; | 8559 | color: #bdbdbd; |
| 8553 | opacity: 1; | 8560 | opacity: 1; |
| 8554 | } | 8561 | } |
| 8555 | .sweet-alert input:-ms-input-placeholder { | 8562 | .sweet-alert input:-ms-input-placeholder { |
| 8556 | color: #bdbdbd; | 8563 | color: #bdbdbd; |
| 8557 | } | 8564 | } |
| 8558 | .sweet-alert input::-webkit-input-placeholder { | 8565 | .sweet-alert input::-webkit-input-placeholder { |
| 8559 | color: #bdbdbd; | 8566 | color: #bdbdbd; |
| 8560 | } | 8567 | } |
| 8561 | .sweet-alert input:focus { | 8568 | .sweet-alert input:focus { |
| 8562 | outline: 0; | 8569 | outline: 0; |
| 8563 | } | 8570 | } |
| 8564 | .sweet-alert input:focus::-moz-placeholder, | 8571 | .sweet-alert input:focus::-moz-placeholder, |
| 8565 | .sweet-alert input:focus:-ms-input-placeholder, | 8572 | .sweet-alert input:focus:-ms-input-placeholder, |
| 8566 | .sweet-alert input:focus::-webkit-input-placeholder { | 8573 | .sweet-alert input:focus::-webkit-input-placeholder { |
| 8567 | -webkit-transition: opacity ease 0.3s 0.03s; | 8574 | -webkit-transition: opacity ease 0.3s 0.03s; |
| 8568 | -o-transition: opacity ease 0.3s 0.03s; | 8575 | -o-transition: opacity ease 0.3s 0.03s; |
| 8569 | transition: opacity ease 0.3s 0.03s; | 8576 | transition: opacity ease 0.3s 0.03s; |
| 8570 | opacity: 0.5; | 8577 | opacity: 0.5; |
| 8571 | filter: alpha(opacity=50); | 8578 | filter: alpha(opacity=50); |
| 8572 | } | 8579 | } |
| 8573 | .sweet-alert.show-input input { | 8580 | .sweet-alert.show-input input { |
| 8574 | display: block; | 8581 | display: block; |
| 8575 | } | 8582 | } |
| 8576 | .sweet-alert .sa-confirm-button-container { | 8583 | .sweet-alert .sa-confirm-button-container { |
| 8577 | display: inline-block; | 8584 | display: inline-block; |
| 8578 | position: relative; | 8585 | position: relative; |
| 8579 | } | 8586 | } |
| 8580 | .sweet-alert .la-ball-fall { | 8587 | .sweet-alert .la-ball-fall { |
| 8581 | position: absolute; | 8588 | position: absolute; |
| 8582 | left: 50%; | 8589 | left: 50%; |
| 8583 | top: 50%; | 8590 | top: 50%; |
| 8584 | margin-left: -27px; | 8591 | margin-left: -27px; |
| 8585 | margin-top: 0; | 8592 | margin-top: 0; |
| 8586 | visibility: hidden; | 8593 | visibility: hidden; |
| 8587 | opacity: 0; | 8594 | opacity: 0; |
| 8588 | filter: alpha(opacity=0); | 8595 | filter: alpha(opacity=0); |
| 8589 | } | 8596 | } |
| 8590 | .sweet-alert .sa-icon { | 8597 | .sweet-alert .sa-icon { |
| 8591 | width: 80px; | 8598 | width: 80px; |
| 8592 | height: 80px; | 8599 | height: 80px; |
| 8593 | border: 4px solid #ddd; | 8600 | border: 4px solid #ddd; |
| 8594 | border-radius: 50%; | 8601 | border-radius: 50%; |
| 8595 | margin: 10px auto 20px auto; | 8602 | margin: 10px auto 20px auto; |
| 8596 | padding: 0; | 8603 | padding: 0; |
| 8597 | position: relative; | 8604 | position: relative; |
| 8598 | -webkit-box-sizing: content-box; | 8605 | -webkit-box-sizing: content-box; |
| 8599 | -moz-box-sizing: content-box; | 8606 | -moz-box-sizing: content-box; |
| 8600 | box-sizing: content-box; | 8607 | box-sizing: content-box; |
| 8601 | } | 8608 | } |
| 8602 | .sweet-alert .sa-icon.sa-error { | 8609 | .sweet-alert .sa-icon.sa-error { |
| 8603 | border-color: #F44336; | 8610 | border-color: #F44336; |
| 8604 | } | 8611 | } |
| 8605 | .sweet-alert .sa-icon.sa-error .sa-x-mark { | 8612 | .sweet-alert .sa-icon.sa-error .sa-x-mark { |
| 8606 | position: relative; | 8613 | position: relative; |
| 8607 | display: block; | 8614 | display: block; |
| 8608 | } | 8615 | } |
| 8609 | .sweet-alert .sa-icon.sa-error .sa-line { | 8616 | .sweet-alert .sa-icon.sa-error .sa-line { |
| 8610 | position: absolute; | 8617 | position: absolute; |
| 8611 | height: 5px; | 8618 | height: 5px; |
| 8612 | width: 47px; | 8619 | width: 47px; |
| 8613 | background-color: #F44336; | 8620 | background-color: #F44336; |
| 8614 | display: block; | 8621 | display: block; |
| 8615 | top: 37px; | 8622 | top: 37px; |
| 8616 | border-radius: 2px; | 8623 | border-radius: 2px; |
| 8617 | } | 8624 | } |
| 8618 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { | 8625 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { |
| 8619 | left: 17px; | 8626 | left: 17px; |
| 8620 | -webkit-transform: rotate(45deg); | 8627 | -webkit-transform: rotate(45deg); |
| 8621 | -ms-transform: rotate(45deg); | 8628 | -ms-transform: rotate(45deg); |
| 8622 | -o-transform: rotate(45deg); | 8629 | -o-transform: rotate(45deg); |
| 8623 | transform: rotate(45deg); | 8630 | transform: rotate(45deg); |
| 8624 | } | 8631 | } |
| 8625 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { | 8632 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { |
| 8626 | right: 16px; | 8633 | right: 16px; |
| 8627 | -webkit-transform: rotate(-45deg); | 8634 | -webkit-transform: rotate(-45deg); |
| 8628 | -ms-transform: rotate(-45deg); | 8635 | -ms-transform: rotate(-45deg); |
| 8629 | -o-transform: rotate(-45deg); | 8636 | -o-transform: rotate(-45deg); |
| 8630 | transform: rotate(-45deg); | 8637 | transform: rotate(-45deg); |
| 8631 | } | 8638 | } |
| 8632 | .sweet-alert .sa-icon.sa-warning { | 8639 | .sweet-alert .sa-icon.sa-warning { |
| 8633 | border-color: #FF5722; | 8640 | border-color: #FF5722; |
| 8634 | } | 8641 | } |
| 8635 | .sweet-alert .sa-icon.sa-warning .sa-body { | 8642 | .sweet-alert .sa-icon.sa-warning .sa-body { |
| 8636 | position: absolute; | 8643 | position: absolute; |
| 8637 | width: 5px; | 8644 | width: 5px; |
| 8638 | height: 47px; | 8645 | height: 47px; |
| 8639 | left: 50%; | 8646 | left: 50%; |
| 8640 | top: 10px; | 8647 | top: 10px; |
| 8641 | border-radius: 2px; | 8648 | border-radius: 2px; |
| 8642 | margin-left: -2px; | 8649 | margin-left: -2px; |
| 8643 | background-color: #FF5722; | 8650 | background-color: #FF5722; |
| 8644 | } | 8651 | } |
| 8645 | .sweet-alert .sa-icon.sa-warning .sa-dot { | 8652 | .sweet-alert .sa-icon.sa-warning .sa-dot { |
| 8646 | position: absolute; | 8653 | position: absolute; |
| 8647 | width: 7px; | 8654 | width: 7px; |
| 8648 | height: 7px; | 8655 | height: 7px; |
| 8649 | border-radius: 50%; | 8656 | border-radius: 50%; |
| 8650 | margin-left: -3px; | 8657 | margin-left: -3px; |
| 8651 | left: 50%; | 8658 | left: 50%; |
| 8652 | bottom: 10px; | 8659 | bottom: 10px; |
| 8653 | background-color: #FF5722; | 8660 | background-color: #FF5722; |
| 8654 | } | 8661 | } |
| 8655 | .sweet-alert .sa-icon.sa-info { | 8662 | .sweet-alert .sa-icon.sa-info { |
| 8656 | border-color: #2196F3; | 8663 | border-color: #2196F3; |
| 8657 | } | 8664 | } |
| 8658 | .sweet-alert .sa-icon.sa-info:before { | 8665 | .sweet-alert .sa-icon.sa-info:before { |
| 8659 | content: ""; | 8666 | content: ""; |
| 8660 | position: absolute; | 8667 | position: absolute; |
| 8661 | width: 5px; | 8668 | width: 5px; |
| 8662 | height: 29px; | 8669 | height: 29px; |
| 8663 | left: 50%; | 8670 | left: 50%; |
| 8664 | bottom: 17px; | 8671 | bottom: 17px; |
| 8665 | border-radius: 2px; | 8672 | border-radius: 2px; |
| 8666 | margin-left: -2px; | 8673 | margin-left: -2px; |
| 8667 | background-color: #2196F3; | 8674 | background-color: #2196F3; |
| 8668 | } | 8675 | } |
| 8669 | .sweet-alert .sa-icon.sa-info:after { | 8676 | .sweet-alert .sa-icon.sa-info:after { |
| 8670 | content: ""; | 8677 | content: ""; |
| 8671 | position: absolute; | 8678 | position: absolute; |
| 8672 | width: 7px; | 8679 | width: 7px; |
| 8673 | height: 7px; | 8680 | height: 7px; |
| 8674 | border-radius: 50%; | 8681 | border-radius: 50%; |
| 8675 | margin-left: -3px; | 8682 | margin-left: -3px; |
| 8676 | top: 19px; | 8683 | top: 19px; |
| 8677 | background-color: #2196F3; | 8684 | background-color: #2196F3; |
| 8678 | } | 8685 | } |
| 8679 | .sweet-alert .sa-icon.sa-success { | 8686 | .sweet-alert .sa-icon.sa-success { |
| 8680 | border-color: #4CAF50; | 8687 | border-color: #4CAF50; |
| 8681 | } | 8688 | } |
| 8682 | .sweet-alert .sa-icon.sa-success:before, | 8689 | .sweet-alert .sa-icon.sa-success:before, |
| 8683 | .sweet-alert .sa-icon.sa-success:after { | 8690 | .sweet-alert .sa-icon.sa-success:after { |
| 8684 | content: ''; | 8691 | content: ''; |
| 8685 | border-radius: 50%; | 8692 | border-radius: 50%; |
| 8686 | position: absolute; | 8693 | position: absolute; |
| 8687 | width: 60px; | 8694 | width: 60px; |
| 8688 | height: 120px; | 8695 | height: 120px; |
| 8689 | background-color: #fff; | 8696 | background-color: #fff; |
| 8690 | -webkit-transform: rotate(45deg); | 8697 | -webkit-transform: rotate(45deg); |
| 8691 | -ms-transform: rotate(45deg); | 8698 | -ms-transform: rotate(45deg); |
| 8692 | -o-transform: rotate(45deg); | 8699 | -o-transform: rotate(45deg); |
| 8693 | transform: rotate(45deg); | 8700 | transform: rotate(45deg); |
| 8694 | } | 8701 | } |
| 8695 | .sweet-alert .sa-icon.sa-success:before { | 8702 | .sweet-alert .sa-icon.sa-success:before { |
| 8696 | border-radius: 120px 0 0 120px; | 8703 | border-radius: 120px 0 0 120px; |
| 8697 | top: -7px; | 8704 | top: -7px; |
| 8698 | left: -33px; | 8705 | left: -33px; |
| 8699 | -webkit-transform: rotate(-45deg); | 8706 | -webkit-transform: rotate(-45deg); |
| 8700 | -ms-transform: rotate(-45deg); | 8707 | -ms-transform: rotate(-45deg); |
| 8701 | -o-transform: rotate(-45deg); | 8708 | -o-transform: rotate(-45deg); |
| 8702 | transform: rotate(-45deg); | 8709 | transform: rotate(-45deg); |
| 8703 | -webkit-transform-origin: 60px 60px; | 8710 | -webkit-transform-origin: 60px 60px; |
| 8704 | -moz-transform-origin: 60px 60px; | 8711 | -moz-transform-origin: 60px 60px; |
| 8705 | -ms-transform-origin: 60px 60px; | 8712 | -ms-transform-origin: 60px 60px; |
| 8706 | transform-origin: 60px 60px; | 8713 | transform-origin: 60px 60px; |
| 8707 | } | 8714 | } |
| 8708 | .sweet-alert .sa-icon.sa-success:after { | 8715 | .sweet-alert .sa-icon.sa-success:after { |
| 8709 | border-radius: 0 120px 120px 0; | 8716 | border-radius: 0 120px 120px 0; |
| 8710 | top: -11px; | 8717 | top: -11px; |
| 8711 | left: 30px; | 8718 | left: 30px; |
| 8712 | -webkit-transform: rotate(-45deg); | 8719 | -webkit-transform: rotate(-45deg); |
| 8713 | -ms-transform: rotate(-45deg); | 8720 | -ms-transform: rotate(-45deg); |
| 8714 | -o-transform: rotate(-45deg); | 8721 | -o-transform: rotate(-45deg); |
| 8715 | transform: rotate(-45deg); | 8722 | transform: rotate(-45deg); |
| 8716 | -webkit-transform-origin: 0 60px; | 8723 | -webkit-transform-origin: 0 60px; |
| 8717 | -moz-transform-origin: 0 60px; | 8724 | -moz-transform-origin: 0 60px; |
| 8718 | -ms-transform-origin: 0 60px; | 8725 | -ms-transform-origin: 0 60px; |
| 8719 | transform-origin: 0 60px; | 8726 | transform-origin: 0 60px; |
| 8720 | } | 8727 | } |
| 8721 | .sweet-alert .sa-icon.sa-success .sa-placeholder { | 8728 | .sweet-alert .sa-icon.sa-success .sa-placeholder { |
| 8722 | width: 80px; | 8729 | width: 80px; |
| 8723 | height: 80px; | 8730 | height: 80px; |
| 8724 | border: 4px solid rgba(76, 175, 80, 0.2); | 8731 | border: 4px solid rgba(76, 175, 80, 0.2); |
| 8725 | border-radius: 50%; | 8732 | border-radius: 50%; |
| 8726 | position: absolute; | 8733 | position: absolute; |
| 8727 | left: -4px; | 8734 | left: -4px; |
| 8728 | top: -4px; | 8735 | top: -4px; |
| 8729 | z-index: 2; | 8736 | z-index: 2; |
| 8730 | -webkit-box-sizing: content-box; | 8737 | -webkit-box-sizing: content-box; |
| 8731 | -moz-box-sizing: content-box; | 8738 | -moz-box-sizing: content-box; |
| 8732 | box-sizing: content-box; | 8739 | box-sizing: content-box; |
| 8733 | } | 8740 | } |
| 8734 | .sweet-alert .sa-icon.sa-success .sa-fix { | 8741 | .sweet-alert .sa-icon.sa-success .sa-fix { |
| 8735 | width: 5px; | 8742 | width: 5px; |
| 8736 | height: 90px; | 8743 | height: 90px; |
| 8737 | background-color: #fff; | 8744 | background-color: #fff; |
| 8738 | position: absolute; | 8745 | position: absolute; |
| 8739 | left: 28px; | 8746 | left: 28px; |
| 8740 | top: 8px; | 8747 | top: 8px; |
| 8741 | z-index: 1; | 8748 | z-index: 1; |
| 8742 | -webkit-transform: rotate(-45deg); | 8749 | -webkit-transform: rotate(-45deg); |
| 8743 | -ms-transform: rotate(-45deg); | 8750 | -ms-transform: rotate(-45deg); |
| 8744 | -o-transform: rotate(-45deg); | 8751 | -o-transform: rotate(-45deg); |
| 8745 | transform: rotate(-45deg); | 8752 | transform: rotate(-45deg); |
| 8746 | } | 8753 | } |
| 8747 | .sweet-alert .sa-icon.sa-success .sa-line { | 8754 | .sweet-alert .sa-icon.sa-success .sa-line { |
| 8748 | height: 5px; | 8755 | height: 5px; |
| 8749 | background-color: #4CAF50; | 8756 | background-color: #4CAF50; |
| 8750 | display: block; | 8757 | display: block; |
| 8751 | border-radius: 2px; | 8758 | border-radius: 2px; |
| 8752 | position: absolute; | 8759 | position: absolute; |
| 8753 | z-index: 2; | 8760 | z-index: 2; |
| 8754 | } | 8761 | } |
| 8755 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { | 8762 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { |
| 8756 | width: 25px; | 8763 | width: 25px; |
| 8757 | left: 14px; | 8764 | left: 14px; |
| 8758 | top: 46px; | 8765 | top: 46px; |
| 8759 | -webkit-transform: rotate(45deg); | 8766 | -webkit-transform: rotate(45deg); |
| 8760 | -ms-transform: rotate(45deg); | 8767 | -ms-transform: rotate(45deg); |
| 8761 | -o-transform: rotate(45deg); | 8768 | -o-transform: rotate(45deg); |
| 8762 | transform: rotate(45deg); | 8769 | transform: rotate(45deg); |
| 8763 | } | 8770 | } |
| 8764 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { | 8771 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { |
| 8765 | width: 47px; | 8772 | width: 47px; |
| 8766 | right: 8px; | 8773 | right: 8px; |
| 8767 | top: 38px; | 8774 | top: 38px; |
| 8768 | -webkit-transform: rotate(-45deg); | 8775 | -webkit-transform: rotate(-45deg); |
| 8769 | -ms-transform: rotate(-45deg); | 8776 | -ms-transform: rotate(-45deg); |
| 8770 | -o-transform: rotate(-45deg); | 8777 | -o-transform: rotate(-45deg); |
| 8771 | transform: rotate(-45deg); | 8778 | transform: rotate(-45deg); |
| 8772 | } | 8779 | } |
| 8773 | .sweet-alert .sa-icon.sa-custom { | 8780 | .sweet-alert .sa-icon.sa-custom { |
| 8774 | background-size: contain; | 8781 | background-size: contain; |
| 8775 | border-radius: 0; | 8782 | border-radius: 0; |
| 8776 | border: 0; | 8783 | border: 0; |
| 8777 | background-position: center center; | 8784 | background-position: center center; |
| 8778 | background-repeat: no-repeat; | 8785 | background-repeat: no-repeat; |
| 8779 | } | 8786 | } |
| 8780 | @media (max-width: 480px) { | 8787 | @media (max-width: 480px) { |
| 8781 | .sweet-alert { | 8788 | .sweet-alert { |
| 8782 | width: auto; | 8789 | width: auto; |
| 8783 | margin-left: 0; | 8790 | margin-left: 0; |
| 8784 | margin-right: 0; | 8791 | margin-right: 0; |
| 8785 | left: 20px; | 8792 | left: 20px; |
| 8786 | right: 20px; | 8793 | right: 20px; |
| 8787 | } | 8794 | } |
| 8788 | } | 8795 | } |
| 8789 | /* # Animations | 8796 | /* # Animations |
| 8790 | -------------------------------------------------- */ | 8797 | -------------------------------------------------- */ |
| 8791 | @-webkit-keyframes showSweetAlert { | 8798 | @-webkit-keyframes showSweetAlert { |
| 8792 | 0% { | 8799 | 0% { |
| 8793 | -webkit-transform: scale(0.7); | 8800 | -webkit-transform: scale(0.7); |
| 8794 | -ms-transform: scale(0.7); | 8801 | -ms-transform: scale(0.7); |
| 8795 | -o-transform: scale(0.7); | 8802 | -o-transform: scale(0.7); |
| 8796 | transform: scale(0.7); | 8803 | transform: scale(0.7); |
| 8797 | } | 8804 | } |
| 8798 | 45% { | 8805 | 45% { |
| 8799 | -webkit-transform: scale(1.05); | 8806 | -webkit-transform: scale(1.05); |
| 8800 | -ms-transform: scale(1.05); | 8807 | -ms-transform: scale(1.05); |
| 8801 | -o-transform: scale(1.05); | 8808 | -o-transform: scale(1.05); |
| 8802 | transform: scale(1.05); | 8809 | transform: scale(1.05); |
| 8803 | } | 8810 | } |
| 8804 | 80% { | 8811 | 80% { |
| 8805 | -webkit-transform: scale(0.95); | 8812 | -webkit-transform: scale(0.95); |
| 8806 | -ms-transform: scale(0.95); | 8813 | -ms-transform: scale(0.95); |
| 8807 | -o-transform: scale(0.95); | 8814 | -o-transform: scale(0.95); |
| 8808 | transform: scale(0.95); | 8815 | transform: scale(0.95); |
| 8809 | } | 8816 | } |
| 8810 | 100% { | 8817 | 100% { |
| 8811 | -webkit-transform: scale(1); | 8818 | -webkit-transform: scale(1); |
| 8812 | -ms-transform: scale(1); | 8819 | -ms-transform: scale(1); |
| 8813 | -o-transform: scale(1); | 8820 | -o-transform: scale(1); |
| 8814 | transform: scale(1); | 8821 | transform: scale(1); |
| 8815 | } | 8822 | } |
| 8816 | } | 8823 | } |
| 8817 | @keyframes showSweetAlert { | 8824 | @keyframes showSweetAlert { |
| 8818 | 0% { | 8825 | 0% { |
| 8819 | -webkit-transform: scale(0.7); | 8826 | -webkit-transform: scale(0.7); |
| 8820 | -ms-transform: scale(0.7); | 8827 | -ms-transform: scale(0.7); |
| 8821 | -o-transform: scale(0.7); | 8828 | -o-transform: scale(0.7); |
| 8822 | transform: scale(0.7); | 8829 | transform: scale(0.7); |
| 8823 | } | 8830 | } |
| 8824 | 45% { | 8831 | 45% { |
| 8825 | -webkit-transform: scale(1.05); | 8832 | -webkit-transform: scale(1.05); |
| 8826 | -ms-transform: scale(1.05); | 8833 | -ms-transform: scale(1.05); |
| 8827 | -o-transform: scale(1.05); | 8834 | -o-transform: scale(1.05); |
| 8828 | transform: scale(1.05); | 8835 | transform: scale(1.05); |
| 8829 | } | 8836 | } |
| 8830 | 80% { | 8837 | 80% { |
| 8831 | -webkit-transform: scale(0.95); | 8838 | -webkit-transform: scale(0.95); |
| 8832 | -ms-transform: scale(0.95); | 8839 | -ms-transform: scale(0.95); |
| 8833 | -o-transform: scale(0.95); | 8840 | -o-transform: scale(0.95); |
| 8834 | transform: scale(0.95); | 8841 | transform: scale(0.95); |
| 8835 | } | 8842 | } |
| 8836 | 100% { | 8843 | 100% { |
| 8837 | -webkit-transform: scale(1); | 8844 | -webkit-transform: scale(1); |
| 8838 | -ms-transform: scale(1); | 8845 | -ms-transform: scale(1); |
| 8839 | -o-transform: scale(1); | 8846 | -o-transform: scale(1); |
| 8840 | transform: scale(1); | 8847 | transform: scale(1); |
| 8841 | } | 8848 | } |
| 8842 | } | 8849 | } |
| 8843 | .showSweetAlert[data-animation=pop] { | 8850 | .showSweetAlert[data-animation=pop] { |
| 8844 | -webkit-animation: showSweetAlert 0.3s; | 8851 | -webkit-animation: showSweetAlert 0.3s; |
| 8845 | -o-animation: showSweetAlert 0.3s; | 8852 | -o-animation: showSweetAlert 0.3s; |
| 8846 | animation: showSweetAlert 0.3s; | 8853 | animation: showSweetAlert 0.3s; |
| 8847 | } | 8854 | } |
| 8848 | .showSweetAlert[data-animation=none] { | 8855 | .showSweetAlert[data-animation=none] { |
| 8849 | -webkit-animation: none; | 8856 | -webkit-animation: none; |
| 8850 | -o-animation: none; | 8857 | -o-animation: none; |
| 8851 | animation: none; | 8858 | animation: none; |
| 8852 | } | 8859 | } |
| 8853 | @-webkit-keyframes hideSweetAlert { | 8860 | @-webkit-keyframes hideSweetAlert { |
| 8854 | 0% { | 8861 | 0% { |
| 8855 | -webkit-transform: scale(1); | 8862 | -webkit-transform: scale(1); |
| 8856 | -ms-transform: scale(1); | 8863 | -ms-transform: scale(1); |
| 8857 | -o-transform: scale(1); | 8864 | -o-transform: scale(1); |
| 8858 | transform: scale(1); | 8865 | transform: scale(1); |
| 8859 | } | 8866 | } |
| 8860 | 100% { | 8867 | 100% { |
| 8861 | -webkit-transform: scale(0.5); | 8868 | -webkit-transform: scale(0.5); |
| 8862 | -ms-transform: scale(0.5); | 8869 | -ms-transform: scale(0.5); |
| 8863 | -o-transform: scale(0.5); | 8870 | -o-transform: scale(0.5); |
| 8864 | transform: scale(0.5); | 8871 | transform: scale(0.5); |
| 8865 | } | 8872 | } |
| 8866 | } | 8873 | } |
| 8867 | @keyframes hideSweetAlert { | 8874 | @keyframes hideSweetAlert { |
| 8868 | 0% { | 8875 | 0% { |
| 8869 | -webkit-transform: scale(1); | 8876 | -webkit-transform: scale(1); |
| 8870 | -ms-transform: scale(1); | 8877 | -ms-transform: scale(1); |
| 8871 | -o-transform: scale(1); | 8878 | -o-transform: scale(1); |
| 8872 | transform: scale(1); | 8879 | transform: scale(1); |
| 8873 | } | 8880 | } |
| 8874 | 100% { | 8881 | 100% { |
| 8875 | -webkit-transform: scale(0.5); | 8882 | -webkit-transform: scale(0.5); |
| 8876 | -ms-transform: scale(0.5); | 8883 | -ms-transform: scale(0.5); |
| 8877 | -o-transform: scale(0.5); | 8884 | -o-transform: scale(0.5); |
| 8878 | transform: scale(0.5); | 8885 | transform: scale(0.5); |
| 8879 | } | 8886 | } |
| 8880 | } | 8887 | } |
| 8881 | .hideSweetAlert[data-animation=pop] { | 8888 | .hideSweetAlert[data-animation=pop] { |
| 8882 | -webkit-animation: hideSweetAlert 0.2s; | 8889 | -webkit-animation: hideSweetAlert 0.2s; |
| 8883 | -o-animation: hideSweetAlert 0.2s; | 8890 | -o-animation: hideSweetAlert 0.2s; |
| 8884 | animation: hideSweetAlert 0.2s; | 8891 | animation: hideSweetAlert 0.2s; |
| 8885 | } | 8892 | } |
| 8886 | .hideSweetAlert[data-animation=none] { | 8893 | .hideSweetAlert[data-animation=none] { |
| 8887 | -webkit-animation: none; | 8894 | -webkit-animation: none; |
| 8888 | -o-animation: none; | 8895 | -o-animation: none; |
| 8889 | animation: none; | 8896 | animation: none; |
| 8890 | } | 8897 | } |
| 8891 | @-webkit-keyframes slideFromTop { | 8898 | @-webkit-keyframes slideFromTop { |
| 8892 | 0% { | 8899 | 0% { |
| 8893 | top: 0%; | 8900 | top: 0%; |
| 8894 | } | 8901 | } |
| 8895 | 100% { | 8902 | 100% { |
| 8896 | top: 50%; | 8903 | top: 50%; |
| 8897 | } | 8904 | } |
| 8898 | } | 8905 | } |
| 8899 | @keyframes slideFromTop { | 8906 | @keyframes slideFromTop { |
| 8900 | 0% { | 8907 | 0% { |
| 8901 | top: 0%; | 8908 | top: 0%; |
| 8902 | } | 8909 | } |
| 8903 | 100% { | 8910 | 100% { |
| 8904 | top: 50%; | 8911 | top: 50%; |
| 8905 | } | 8912 | } |
| 8906 | } | 8913 | } |
| 8907 | .showSweetAlert[data-animation=slide-from-top] { | 8914 | .showSweetAlert[data-animation=slide-from-top] { |
| 8908 | -webkit-animation: slideFromTop 0.3s; | 8915 | -webkit-animation: slideFromTop 0.3s; |
| 8909 | -o-animation: slideFromTop 0.3s; | 8916 | -o-animation: slideFromTop 0.3s; |
| 8910 | animation: slideFromTop 0.3s; | 8917 | animation: slideFromTop 0.3s; |
| 8911 | } | 8918 | } |
| 8912 | @-webkit-keyframes slideToTop { | 8919 | @-webkit-keyframes slideToTop { |
| 8913 | 0% { | 8920 | 0% { |
| 8914 | top: 50%; | 8921 | top: 50%; |
| 8915 | } | 8922 | } |
| 8916 | 100% { | 8923 | 100% { |
| 8917 | top: 0%; | 8924 | top: 0%; |
| 8918 | } | 8925 | } |
| 8919 | } | 8926 | } |
| 8920 | @keyframes slideToTop { | 8927 | @keyframes slideToTop { |
| 8921 | 0% { | 8928 | 0% { |
| 8922 | top: 50%; | 8929 | top: 50%; |
| 8923 | } | 8930 | } |
| 8924 | 100% { | 8931 | 100% { |
| 8925 | top: 0%; | 8932 | top: 0%; |
| 8926 | } | 8933 | } |
| 8927 | } | 8934 | } |
| 8928 | .hideSweetAlert[data-animation=slide-from-top] { | 8935 | .hideSweetAlert[data-animation=slide-from-top] { |
| 8929 | -webkit-animation: slideToTop 0.4s; | 8936 | -webkit-animation: slideToTop 0.4s; |
| 8930 | -o-animation: slideToTop 0.4s; | 8937 | -o-animation: slideToTop 0.4s; |
| 8931 | animation: slideToTop 0.4s; | 8938 | animation: slideToTop 0.4s; |
| 8932 | } | 8939 | } |
| 8933 | @-webkit-keyframes slideFromBottom { | 8940 | @-webkit-keyframes slideFromBottom { |
| 8934 | 0% { | 8941 | 0% { |
| 8935 | top: 70%; | 8942 | top: 70%; |
| 8936 | } | 8943 | } |
| 8937 | 100% { | 8944 | 100% { |
| 8938 | top: 50%; | 8945 | top: 50%; |
| 8939 | } | 8946 | } |
| 8940 | } | 8947 | } |
| 8941 | @keyframes slideFromBottom { | 8948 | @keyframes slideFromBottom { |
| 8942 | 0% { | 8949 | 0% { |
| 8943 | top: 70%; | 8950 | top: 70%; |
| 8944 | } | 8951 | } |
| 8945 | 100% { | 8952 | 100% { |
| 8946 | top: 50%; | 8953 | top: 50%; |
| 8947 | } | 8954 | } |
| 8948 | } | 8955 | } |
| 8949 | .showSweetAlert[data-animation=slide-from-bottom] { | 8956 | .showSweetAlert[data-animation=slide-from-bottom] { |
| 8950 | -webkit-animation: slideFromBottom 0.3s; | 8957 | -webkit-animation: slideFromBottom 0.3s; |
| 8951 | -o-animation: slideFromBottom 0.3s; | 8958 | -o-animation: slideFromBottom 0.3s; |
| 8952 | animation: slideFromBottom 0.3s; | 8959 | animation: slideFromBottom 0.3s; |
| 8953 | } | 8960 | } |
| 8954 | @-webkit-keyframes slideToBottom { | 8961 | @-webkit-keyframes slideToBottom { |
| 8955 | 0% { | 8962 | 0% { |
| 8956 | top: 50%; | 8963 | top: 50%; |
| 8957 | } | 8964 | } |
| 8958 | 100% { | 8965 | 100% { |
| 8959 | top: 70%; | 8966 | top: 70%; |
| 8960 | } | 8967 | } |
| 8961 | } | 8968 | } |
| 8962 | @keyframes slideToBottom { | 8969 | @keyframes slideToBottom { |
| 8963 | 0% { | 8970 | 0% { |
| 8964 | top: 50%; | 8971 | top: 50%; |
| 8965 | } | 8972 | } |
| 8966 | 100% { | 8973 | 100% { |
| 8967 | top: 70%; | 8974 | top: 70%; |
| 8968 | } | 8975 | } |
| 8969 | } | 8976 | } |
| 8970 | .hideSweetAlert[data-animation=slide-from-bottom] { | 8977 | .hideSweetAlert[data-animation=slide-from-bottom] { |
| 8971 | -webkit-animation: slideToBottom 0.3s; | 8978 | -webkit-animation: slideToBottom 0.3s; |
| 8972 | -o-animation: slideToBottom 0.3s; | 8979 | -o-animation: slideToBottom 0.3s; |
| 8973 | animation: slideToBottom 0.3s; | 8980 | animation: slideToBottom 0.3s; |
| 8974 | } | 8981 | } |
| 8975 | @-webkit-keyframes animateSuccessTip { | 8982 | @-webkit-keyframes animateSuccessTip { |
| 8976 | 0% { | 8983 | 0% { |
| 8977 | width: 0; | 8984 | width: 0; |
| 8978 | left: 1px; | 8985 | left: 1px; |
| 8979 | top: 19px; | 8986 | top: 19px; |
| 8980 | } | 8987 | } |
| 8981 | 54% { | 8988 | 54% { |
| 8982 | width: 0; | 8989 | width: 0; |
| 8983 | left: 1px; | 8990 | left: 1px; |
| 8984 | top: 19px; | 8991 | top: 19px; |
| 8985 | } | 8992 | } |
| 8986 | 70% { | 8993 | 70% { |
| 8987 | width: 50px; | 8994 | width: 50px; |
| 8988 | left: -8px; | 8995 | left: -8px; |
| 8989 | top: 37px; | 8996 | top: 37px; |
| 8990 | } | 8997 | } |
| 8991 | 84% { | 8998 | 84% { |
| 8992 | width: 17px; | 8999 | width: 17px; |
| 8993 | left: 21px; | 9000 | left: 21px; |
| 8994 | top: 48px; | 9001 | top: 48px; |
| 8995 | } | 9002 | } |
| 8996 | 100% { | 9003 | 100% { |
| 8997 | width: 25px; | 9004 | width: 25px; |
| 8998 | left: 14px; | 9005 | left: 14px; |
| 8999 | top: 45px; | 9006 | top: 45px; |
| 9000 | } | 9007 | } |
| 9001 | } | 9008 | } |
| 9002 | @keyframes animateSuccessTip { | 9009 | @keyframes animateSuccessTip { |
| 9003 | 0% { | 9010 | 0% { |
| 9004 | width: 0; | 9011 | width: 0; |
| 9005 | left: 1px; | 9012 | left: 1px; |
| 9006 | top: 19px; | 9013 | top: 19px; |
| 9007 | } | 9014 | } |
| 9008 | 54% { | 9015 | 54% { |
| 9009 | width: 0; | 9016 | width: 0; |
| 9010 | left: 1px; | 9017 | left: 1px; |
| 9011 | top: 19px; | 9018 | top: 19px; |
| 9012 | } | 9019 | } |
| 9013 | 70% { | 9020 | 70% { |
| 9014 | width: 50px; | 9021 | width: 50px; |
| 9015 | left: -8px; | 9022 | left: -8px; |
| 9016 | top: 37px; | 9023 | top: 37px; |
| 9017 | } | 9024 | } |
| 9018 | 84% { | 9025 | 84% { |
| 9019 | width: 17px; | 9026 | width: 17px; |
| 9020 | left: 21px; | 9027 | left: 21px; |
| 9021 | top: 48px; | 9028 | top: 48px; |
| 9022 | } | 9029 | } |
| 9023 | 100% { | 9030 | 100% { |
| 9024 | width: 25px; | 9031 | width: 25px; |
| 9025 | left: 14px; | 9032 | left: 14px; |
| 9026 | top: 45px; | 9033 | top: 45px; |
| 9027 | } | 9034 | } |
| 9028 | } | 9035 | } |
| 9029 | .animateSuccessTip { | 9036 | .animateSuccessTip { |
| 9030 | -webkit-animation: animateSuccessTip 0.75s; | 9037 | -webkit-animation: animateSuccessTip 0.75s; |
| 9031 | -o-animation: animateSuccessTip 0.75s; | 9038 | -o-animation: animateSuccessTip 0.75s; |
| 9032 | animation: animateSuccessTip 0.75s; | 9039 | animation: animateSuccessTip 0.75s; |
| 9033 | } | 9040 | } |
| 9034 | @-webkit-keyframes animateSuccessLong { | 9041 | @-webkit-keyframes animateSuccessLong { |
| 9035 | 0% { | 9042 | 0% { |
| 9036 | width: 0; | 9043 | width: 0; |
| 9037 | right: 46px; | 9044 | right: 46px; |
| 9038 | top: 54px; | 9045 | top: 54px; |
| 9039 | } | 9046 | } |
| 9040 | 65% { | 9047 | 65% { |
| 9041 | width: 0; | 9048 | width: 0; |
| 9042 | right: 46px; | 9049 | right: 46px; |
| 9043 | top: 54px; | 9050 | top: 54px; |
| 9044 | } | 9051 | } |
| 9045 | 84% { | 9052 | 84% { |
| 9046 | width: 55px; | 9053 | width: 55px; |
| 9047 | right: 0px; | 9054 | right: 0px; |
| 9048 | top: 35px; | 9055 | top: 35px; |
| 9049 | } | 9056 | } |
| 9050 | 100% { | 9057 | 100% { |
| 9051 | width: 47px; | 9058 | width: 47px; |
| 9052 | right: 8px; | 9059 | right: 8px; |
| 9053 | top: 38px; | 9060 | top: 38px; |
| 9054 | } | 9061 | } |
| 9055 | } | 9062 | } |
| 9056 | @keyframes animateSuccessLong { | 9063 | @keyframes animateSuccessLong { |
| 9057 | 0% { | 9064 | 0% { |
| 9058 | width: 0; | 9065 | width: 0; |
| 9059 | right: 46px; | 9066 | right: 46px; |
| 9060 | top: 54px; | 9067 | top: 54px; |
| 9061 | } | 9068 | } |
| 9062 | 65% { | 9069 | 65% { |
| 9063 | width: 0; | 9070 | width: 0; |
| 9064 | right: 46px; | 9071 | right: 46px; |
| 9065 | top: 54px; | 9072 | top: 54px; |
| 9066 | } | 9073 | } |
| 9067 | 84% { | 9074 | 84% { |
| 9068 | width: 55px; | 9075 | width: 55px; |
| 9069 | right: 0px; | 9076 | right: 0px; |
| 9070 | top: 35px; | 9077 | top: 35px; |
| 9071 | } | 9078 | } |
| 9072 | 100% { | 9079 | 100% { |
| 9073 | width: 47px; | 9080 | width: 47px; |
| 9074 | right: 8px; | 9081 | right: 8px; |
| 9075 | top: 38px; | 9082 | top: 38px; |
| 9076 | } | 9083 | } |
| 9077 | } | 9084 | } |
| 9078 | .animateSuccessLong { | 9085 | .animateSuccessLong { |
| 9079 | -webkit-animation: animateSuccessLong 0.75s; | 9086 | -webkit-animation: animateSuccessLong 0.75s; |
| 9080 | -o-animation: animateSuccessLong 0.75s; | 9087 | -o-animation: animateSuccessLong 0.75s; |
| 9081 | animation: animateSuccessLong 0.75s; | 9088 | animation: animateSuccessLong 0.75s; |
| 9082 | } | 9089 | } |
| 9083 | @-webkit-keyframes rotatePlaceholder { | 9090 | @-webkit-keyframes rotatePlaceholder { |
| 9084 | 0% { | 9091 | 0% { |
| 9085 | -webkit-transform: rotate(-45deg); | 9092 | -webkit-transform: rotate(-45deg); |
| 9086 | -ms-transform: rotate(-45deg); | 9093 | -ms-transform: rotate(-45deg); |
| 9087 | -o-transform: rotate(-45deg); | 9094 | -o-transform: rotate(-45deg); |
| 9088 | transform: rotate(-45deg); | 9095 | transform: rotate(-45deg); |
| 9089 | } | 9096 | } |
| 9090 | 5% { | 9097 | 5% { |
| 9091 | -webkit-transform: rotate(-45deg); | 9098 | -webkit-transform: rotate(-45deg); |
| 9092 | -ms-transform: rotate(-45deg); | 9099 | -ms-transform: rotate(-45deg); |
| 9093 | -o-transform: rotate(-45deg); | 9100 | -o-transform: rotate(-45deg); |
| 9094 | transform: rotate(-45deg); | 9101 | transform: rotate(-45deg); |
| 9095 | } | 9102 | } |
| 9096 | 12% { | 9103 | 12% { |
| 9097 | -webkit-transform: rotate(-405deg); | 9104 | -webkit-transform: rotate(-405deg); |
| 9098 | -ms-transform: rotate(-405deg); | 9105 | -ms-transform: rotate(-405deg); |
| 9099 | -o-transform: rotate(-405deg); | 9106 | -o-transform: rotate(-405deg); |
| 9100 | transform: rotate(-405deg); | 9107 | transform: rotate(-405deg); |
| 9101 | } | 9108 | } |
| 9102 | 100% { | 9109 | 100% { |
| 9103 | -webkit-transform: rotate(-405deg); | 9110 | -webkit-transform: rotate(-405deg); |
| 9104 | -ms-transform: rotate(-405deg); | 9111 | -ms-transform: rotate(-405deg); |
| 9105 | -o-transform: rotate(-405deg); | 9112 | -o-transform: rotate(-405deg); |
| 9106 | transform: rotate(-405deg); | 9113 | transform: rotate(-405deg); |
| 9107 | } | 9114 | } |
| 9108 | } | 9115 | } |
| 9109 | @keyframes rotatePlaceholder { | 9116 | @keyframes rotatePlaceholder { |
| 9110 | 0% { | 9117 | 0% { |
| 9111 | -webkit-transform: rotate(-45deg); | 9118 | -webkit-transform: rotate(-45deg); |
| 9112 | -ms-transform: rotate(-45deg); | 9119 | -ms-transform: rotate(-45deg); |
| 9113 | -o-transform: rotate(-45deg); | 9120 | -o-transform: rotate(-45deg); |
| 9114 | transform: rotate(-45deg); | 9121 | transform: rotate(-45deg); |
| 9115 | } | 9122 | } |
| 9116 | 5% { | 9123 | 5% { |
| 9117 | -webkit-transform: rotate(-45deg); | 9124 | -webkit-transform: rotate(-45deg); |
| 9118 | -ms-transform: rotate(-45deg); | 9125 | -ms-transform: rotate(-45deg); |
| 9119 | -o-transform: rotate(-45deg); | 9126 | -o-transform: rotate(-45deg); |
| 9120 | transform: rotate(-45deg); | 9127 | transform: rotate(-45deg); |
| 9121 | } | 9128 | } |
| 9122 | 12% { | 9129 | 12% { |
| 9123 | -webkit-transform: rotate(-405deg); | 9130 | -webkit-transform: rotate(-405deg); |
| 9124 | -ms-transform: rotate(-405deg); | 9131 | -ms-transform: rotate(-405deg); |
| 9125 | -o-transform: rotate(-405deg); | 9132 | -o-transform: rotate(-405deg); |
| 9126 | transform: rotate(-405deg); | 9133 | transform: rotate(-405deg); |
| 9127 | } | 9134 | } |
| 9128 | 100% { | 9135 | 100% { |
| 9129 | -webkit-transform: rotate(-405deg); | 9136 | -webkit-transform: rotate(-405deg); |
| 9130 | -ms-transform: rotate(-405deg); | 9137 | -ms-transform: rotate(-405deg); |
| 9131 | -o-transform: rotate(-405deg); | 9138 | -o-transform: rotate(-405deg); |
| 9132 | transform: rotate(-405deg); | 9139 | transform: rotate(-405deg); |
| 9133 | } | 9140 | } |
| 9134 | } | 9141 | } |
| 9135 | .sa-icon.sa-success.animate::after { | 9142 | .sa-icon.sa-success.animate::after { |
| 9136 | -webkit-animation: rotatePlaceholder 4.25s ease-in; | 9143 | -webkit-animation: rotatePlaceholder 4.25s ease-in; |
| 9137 | -o-animation: rotatePlaceholder 4.25s ease-in; | 9144 | -o-animation: rotatePlaceholder 4.25s ease-in; |
| 9138 | animation: rotatePlaceholder 4.25s ease-in; | 9145 | animation: rotatePlaceholder 4.25s ease-in; |
| 9139 | } | 9146 | } |
| 9140 | @-webkit-keyframes animateErrorIcon { | 9147 | @-webkit-keyframes animateErrorIcon { |
| 9141 | 0% { | 9148 | 0% { |
| 9142 | -webkit-transform: rotateX(100deg); | 9149 | -webkit-transform: rotateX(100deg); |
| 9143 | -ms-transform: rotateX(100deg); | 9150 | -ms-transform: rotateX(100deg); |
| 9144 | -o-transform: rotateX(100deg); | 9151 | -o-transform: rotateX(100deg); |
| 9145 | transform: rotateX(100deg); | 9152 | transform: rotateX(100deg); |
| 9146 | opacity: 0; | 9153 | opacity: 0; |
| 9147 | filter: alpha(opacity=0); | 9154 | filter: alpha(opacity=0); |
| 9148 | } | 9155 | } |
| 9149 | 100% { | 9156 | 100% { |
| 9150 | -webkit-transform: rotateX(0deg); | 9157 | -webkit-transform: rotateX(0deg); |
| 9151 | -ms-transform: rotateX(0deg); | 9158 | -ms-transform: rotateX(0deg); |
| 9152 | -o-transform: rotateX(0deg); | 9159 | -o-transform: rotateX(0deg); |
| 9153 | transform: rotateX(0deg); | 9160 | transform: rotateX(0deg); |
| 9154 | opacity: 1; | 9161 | opacity: 1; |
| 9155 | filter: alpha(opacity=100); | 9162 | filter: alpha(opacity=100); |
| 9156 | } | 9163 | } |
| 9157 | } | 9164 | } |
| 9158 | @keyframes animateErrorIcon { | 9165 | @keyframes animateErrorIcon { |
| 9159 | 0% { | 9166 | 0% { |
| 9160 | -webkit-transform: rotateX(100deg); | 9167 | -webkit-transform: rotateX(100deg); |
| 9161 | -ms-transform: rotateX(100deg); | 9168 | -ms-transform: rotateX(100deg); |
| 9162 | -o-transform: rotateX(100deg); | 9169 | -o-transform: rotateX(100deg); |
| 9163 | transform: rotateX(100deg); | 9170 | transform: rotateX(100deg); |
| 9164 | opacity: 0; | 9171 | opacity: 0; |
| 9165 | filter: alpha(opacity=0); | 9172 | filter: alpha(opacity=0); |
| 9166 | } | 9173 | } |
| 9167 | 100% { | 9174 | 100% { |
| 9168 | -webkit-transform: rotateX(0deg); | 9175 | -webkit-transform: rotateX(0deg); |
| 9169 | -ms-transform: rotateX(0deg); | 9176 | -ms-transform: rotateX(0deg); |
| 9170 | -o-transform: rotateX(0deg); | 9177 | -o-transform: rotateX(0deg); |
| 9171 | transform: rotateX(0deg); | 9178 | transform: rotateX(0deg); |
| 9172 | opacity: 1; | 9179 | opacity: 1; |
| 9173 | filter: alpha(opacity=100); | 9180 | filter: alpha(opacity=100); |
| 9174 | } | 9181 | } |
| 9175 | } | 9182 | } |
| 9176 | .animateErrorIcon { | 9183 | .animateErrorIcon { |
| 9177 | -webkit-animation: animateErrorIcon 0.5s; | 9184 | -webkit-animation: animateErrorIcon 0.5s; |
| 9178 | -o-animation: animateErrorIcon 0.5s; | 9185 | -o-animation: animateErrorIcon 0.5s; |
| 9179 | animation: animateErrorIcon 0.5s; | 9186 | animation: animateErrorIcon 0.5s; |
| 9180 | } | 9187 | } |
| 9181 | @-webkit-keyframes animateXMark { | 9188 | @-webkit-keyframes animateXMark { |
| 9182 | 0% { | 9189 | 0% { |
| 9183 | margin-top: 26px; | 9190 | margin-top: 26px; |
| 9184 | -webkit-transform: scale(0.4); | 9191 | -webkit-transform: scale(0.4); |
| 9185 | -ms-transform: scale(0.4); | 9192 | -ms-transform: scale(0.4); |
| 9186 | -o-transform: scale(0.4); | 9193 | -o-transform: scale(0.4); |
| 9187 | transform: scale(0.4); | 9194 | transform: scale(0.4); |
| 9188 | opacity: 0; | 9195 | opacity: 0; |
| 9189 | filter: alpha(opacity=0); | 9196 | filter: alpha(opacity=0); |
| 9190 | } | 9197 | } |
| 9191 | 50% { | 9198 | 50% { |
| 9192 | margin-top: 26px; | 9199 | margin-top: 26px; |
| 9193 | -webkit-transform: scale(0.4); | 9200 | -webkit-transform: scale(0.4); |
| 9194 | -ms-transform: scale(0.4); | 9201 | -ms-transform: scale(0.4); |
| 9195 | -o-transform: scale(0.4); | 9202 | -o-transform: scale(0.4); |
| 9196 | transform: scale(0.4); | 9203 | transform: scale(0.4); |
| 9197 | opacity: 0; | 9204 | opacity: 0; |
| 9198 | filter: alpha(opacity=0); | 9205 | filter: alpha(opacity=0); |
| 9199 | } | 9206 | } |
| 9200 | 80% { | 9207 | 80% { |
| 9201 | margin-top: -6px; | 9208 | margin-top: -6px; |
| 9202 | -webkit-transform: scale(1.15); | 9209 | -webkit-transform: scale(1.15); |
| 9203 | -ms-transform: scale(1.15); | 9210 | -ms-transform: scale(1.15); |
| 9204 | -o-transform: scale(1.15); | 9211 | -o-transform: scale(1.15); |
| 9205 | transform: scale(1.15); | 9212 | transform: scale(1.15); |
| 9206 | } | 9213 | } |
| 9207 | 100% { | 9214 | 100% { |
| 9208 | margin-top: 0; | 9215 | margin-top: 0; |
| 9209 | -webkit-transform: scale(1); | 9216 | -webkit-transform: scale(1); |
| 9210 | -ms-transform: scale(1); | 9217 | -ms-transform: scale(1); |
| 9211 | -o-transform: scale(1); | 9218 | -o-transform: scale(1); |
| 9212 | transform: scale(1); | 9219 | transform: scale(1); |
| 9213 | opacity: 1; | 9220 | opacity: 1; |
| 9214 | filter: alpha(opacity=100); | 9221 | filter: alpha(opacity=100); |
| 9215 | } | 9222 | } |
| 9216 | } | 9223 | } |
| 9217 | @keyframes animateXMark { | 9224 | @keyframes animateXMark { |
| 9218 | 0% { | 9225 | 0% { |
| 9219 | margin-top: 26px; | 9226 | margin-top: 26px; |
| 9220 | -webkit-transform: scale(0.4); | 9227 | -webkit-transform: scale(0.4); |
| 9221 | -ms-transform: scale(0.4); | 9228 | -ms-transform: scale(0.4); |
| 9222 | -o-transform: scale(0.4); | 9229 | -o-transform: scale(0.4); |
| 9223 | transform: scale(0.4); | 9230 | transform: scale(0.4); |
| 9224 | opacity: 0; | 9231 | opacity: 0; |
| 9225 | filter: alpha(opacity=0); | 9232 | filter: alpha(opacity=0); |
| 9226 | } | 9233 | } |
| 9227 | 50% { | 9234 | 50% { |
| 9228 | margin-top: 26px; | 9235 | margin-top: 26px; |
| 9229 | -webkit-transform: scale(0.4); | 9236 | -webkit-transform: scale(0.4); |
| 9230 | -ms-transform: scale(0.4); | 9237 | -ms-transform: scale(0.4); |
| 9231 | -o-transform: scale(0.4); | 9238 | -o-transform: scale(0.4); |
| 9232 | transform: scale(0.4); | 9239 | transform: scale(0.4); |
| 9233 | opacity: 0; | 9240 | opacity: 0; |
| 9234 | filter: alpha(opacity=0); | 9241 | filter: alpha(opacity=0); |
| 9235 | } | 9242 | } |
| 9236 | 80% { | 9243 | 80% { |
| 9237 | margin-top: -6px; | 9244 | margin-top: -6px; |
| 9238 | -webkit-transform: scale(1.15); | 9245 | -webkit-transform: scale(1.15); |
| 9239 | -ms-transform: scale(1.15); | 9246 | -ms-transform: scale(1.15); |
| 9240 | -o-transform: scale(1.15); | 9247 | -o-transform: scale(1.15); |
| 9241 | transform: scale(1.15); | 9248 | transform: scale(1.15); |
| 9242 | } | 9249 | } |
| 9243 | 100% { | 9250 | 100% { |
| 9244 | margin-top: 0; | 9251 | margin-top: 0; |
| 9245 | -webkit-transform: scale(1); | 9252 | -webkit-transform: scale(1); |
| 9246 | -ms-transform: scale(1); | 9253 | -ms-transform: scale(1); |
| 9247 | -o-transform: scale(1); | 9254 | -o-transform: scale(1); |
| 9248 | transform: scale(1); | 9255 | transform: scale(1); |
| 9249 | opacity: 1; | 9256 | opacity: 1; |
| 9250 | filter: alpha(opacity=100); | 9257 | filter: alpha(opacity=100); |
| 9251 | } | 9258 | } |
| 9252 | } | 9259 | } |
| 9253 | .animateXMark { | 9260 | .animateXMark { |
| 9254 | -webkit-animation: animateXMark 0.5s; | 9261 | -webkit-animation: animateXMark 0.5s; |
| 9255 | -o-animation: animateXMark 0.5s; | 9262 | -o-animation: animateXMark 0.5s; |
| 9256 | animation: animateXMark 0.5s; | 9263 | animation: animateXMark 0.5s; |
| 9257 | } | 9264 | } |
| 9258 | @-webkit-keyframes pulseWarning { | 9265 | @-webkit-keyframes pulseWarning { |
| 9259 | 0% { | 9266 | 0% { |
| 9260 | border-color: #F8D486; | 9267 | border-color: #F8D486; |
| 9261 | } | 9268 | } |
| 9262 | 100% { | 9269 | 100% { |
| 9263 | border-color: #F8BB86; | 9270 | border-color: #F8BB86; |
| 9264 | } | 9271 | } |
| 9265 | } | 9272 | } |
| 9266 | @keyframes pulseWarning { | 9273 | @keyframes pulseWarning { |
| 9267 | 0% { | 9274 | 0% { |
| 9268 | border-color: #F8D486; | 9275 | border-color: #F8D486; |
| 9269 | } | 9276 | } |
| 9270 | 100% { | 9277 | 100% { |
| 9271 | border-color: #F8BB86; | 9278 | border-color: #F8BB86; |
| 9272 | } | 9279 | } |
| 9273 | } | 9280 | } |
| 9274 | .pulseWarning { | 9281 | .pulseWarning { |
| 9275 | -webkit-animation: pulseWarning 0.75s infinite alternate; | 9282 | -webkit-animation: pulseWarning 0.75s infinite alternate; |
| 9276 | -o-animation: pulseWarning 0.75s infinite alternate; | 9283 | -o-animation: pulseWarning 0.75s infinite alternate; |
| 9277 | animation: pulseWarning 0.75s infinite alternate; | 9284 | animation: pulseWarning 0.75s infinite alternate; |
| 9278 | } | 9285 | } |
| 9279 | @-webkit-keyframes pulseWarningIns { | 9286 | @-webkit-keyframes pulseWarningIns { |
| 9280 | 0% { | 9287 | 0% { |
| 9281 | background-color: #F8D486; | 9288 | background-color: #F8D486; |
| 9282 | } | 9289 | } |
| 9283 | 100% { | 9290 | 100% { |
| 9284 | background-color: #F8BB86; | 9291 | background-color: #F8BB86; |
| 9285 | } | 9292 | } |
| 9286 | } | 9293 | } |
| 9287 | @keyframes pulseWarningIns { | 9294 | @keyframes pulseWarningIns { |
| 9288 | 0% { | 9295 | 0% { |
| 9289 | background-color: #F8D486; | 9296 | background-color: #F8D486; |
| 9290 | } | 9297 | } |
| 9291 | 100% { | 9298 | 100% { |
| 9292 | background-color: #F8BB86; | 9299 | background-color: #F8BB86; |
| 9293 | } | 9300 | } |
| 9294 | } | 9301 | } |
| 9295 | .pulseWarningIns { | 9302 | .pulseWarningIns { |
| 9296 | -webkit-animation: pulseWarningIns 0.75s infinite alternate; | 9303 | -webkit-animation: pulseWarningIns 0.75s infinite alternate; |
| 9297 | -o-animation: pulseWarningIns 0.75s infinite alternate; | 9304 | -o-animation: pulseWarningIns 0.75s infinite alternate; |
| 9298 | animation: pulseWarningIns 0.75s infinite alternate; | 9305 | animation: pulseWarningIns 0.75s infinite alternate; |
| 9299 | } | 9306 | } |
| 9300 | @-webkit-keyframes rotate-loading { | 9307 | @-webkit-keyframes rotate-loading { |
| 9301 | 0% { | 9308 | 0% { |
| 9302 | -webkit-transform: rotate(0deg); | 9309 | -webkit-transform: rotate(0deg); |
| 9303 | -ms-transform: rotate(0deg); | 9310 | -ms-transform: rotate(0deg); |
| 9304 | -o-transform: rotate(0deg); | 9311 | -o-transform: rotate(0deg); |
| 9305 | transform: rotate(0deg); | 9312 | transform: rotate(0deg); |
| 9306 | } | 9313 | } |
| 9307 | 100% { | 9314 | 100% { |
| 9308 | -webkit-transform: rotate(360deg); | 9315 | -webkit-transform: rotate(360deg); |
| 9309 | -ms-transform: rotate(360deg); | 9316 | -ms-transform: rotate(360deg); |
| 9310 | -o-transform: rotate(360deg); | 9317 | -o-transform: rotate(360deg); |
| 9311 | transform: rotate(360deg); | 9318 | transform: rotate(360deg); |
| 9312 | } | 9319 | } |
| 9313 | } | 9320 | } |
| 9314 | @keyframes rotate-loading { | 9321 | @keyframes rotate-loading { |
| 9315 | 0% { | 9322 | 0% { |
| 9316 | -webkit-transform: rotate(0deg); | 9323 | -webkit-transform: rotate(0deg); |
| 9317 | -ms-transform: rotate(0deg); | 9324 | -ms-transform: rotate(0deg); |
| 9318 | -o-transform: rotate(0deg); | 9325 | -o-transform: rotate(0deg); |
| 9319 | transform: rotate(0deg); | 9326 | transform: rotate(0deg); |
| 9320 | } | 9327 | } |
| 9321 | 100% { | 9328 | 100% { |
| 9322 | -webkit-transform: rotate(360deg); | 9329 | -webkit-transform: rotate(360deg); |
| 9323 | -ms-transform: rotate(360deg); | 9330 | -ms-transform: rotate(360deg); |
| 9324 | -o-transform: rotate(360deg); | 9331 | -o-transform: rotate(360deg); |
| 9325 | transform: rotate(360deg); | 9332 | transform: rotate(360deg); |
| 9326 | } | 9333 | } |
| 9327 | } | 9334 | } |
| 9328 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { | 9335 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { |
| 9329 | -ms-transform: rotate(45deg); | 9336 | -ms-transform: rotate(45deg); |
| 9330 | } | 9337 | } |
| 9331 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { | 9338 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { |
| 9332 | -ms-transform: rotate(-45deg); | 9339 | -ms-transform: rotate(-45deg); |
| 9333 | } | 9340 | } |
| 9334 | .sweet-alert .sa-icon.sa-success { | 9341 | .sweet-alert .sa-icon.sa-success { |
| 9335 | border-color: transparent; | 9342 | border-color: transparent; |
| 9336 | } | 9343 | } |
| 9337 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { | 9344 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { |
| 9338 | -ms-transform: rotate(45deg); | 9345 | -ms-transform: rotate(45deg); |
| 9339 | } | 9346 | } |
| 9340 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { | 9347 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { |
| 9341 | -ms-transform: rotate(-45deg); | 9348 | -ms-transform: rotate(-45deg); |
| 9342 | } | 9349 | } |
| 9343 | .la-ball-fall { | 9350 | .la-ball-fall { |
| 9344 | display: block; | 9351 | display: block; |
| 9345 | font-size: 0; | 9352 | font-size: 0; |
| 9346 | color: #fff; | 9353 | color: #fff; |
| 9347 | width: 54px; | 9354 | width: 54px; |
| 9348 | height: 12px; | 9355 | height: 12px; |
| 9349 | } | 9356 | } |
| 9350 | .la-ball-fall.la-dark { | 9357 | .la-ball-fall.la-dark { |
| 9351 | color: #333333; | 9358 | color: #333333; |
| 9352 | } | 9359 | } |
| 9353 | .la-ball-fall > div { | 9360 | .la-ball-fall > div { |
| 9354 | display: inline-block; | 9361 | display: inline-block; |
| 9355 | float: none; | 9362 | float: none; |
| 9356 | background-color: #fff; | 9363 | background-color: #fff; |
| 9357 | border: 0 solid #fff; | 9364 | border: 0 solid #fff; |
| 9358 | width: 6px; | 9365 | width: 6px; |
| 9359 | height: 6px; | 9366 | height: 6px; |
| 9360 | margin: 2px; | 9367 | margin: 2px; |
| 9361 | border-radius: 100%; | 9368 | border-radius: 100%; |
| 9362 | -webkit-animation: ball-fall 1s ease-in-out infinite; | 9369 | -webkit-animation: ball-fall 1s ease-in-out infinite; |
| 9363 | -o-animation: ball-fall 1s ease-in-out infinite; | 9370 | -o-animation: ball-fall 1s ease-in-out infinite; |
| 9364 | animation: ball-fall 1s ease-in-out infinite; | 9371 | animation: ball-fall 1s ease-in-out infinite; |
| 9365 | opacity: 0; | 9372 | opacity: 0; |
| 9366 | filter: alpha(opacity=0); | 9373 | filter: alpha(opacity=0); |
| 9367 | } | 9374 | } |
| 9368 | .la-ball-fall > div:nth-child(1) { | 9375 | .la-ball-fall > div:nth-child(1) { |
| 9369 | -webkit-animation-delay: -200ms; | 9376 | -webkit-animation-delay: -200ms; |
| 9370 | animation-delay: -200ms; | 9377 | animation-delay: -200ms; |
| 9371 | } | 9378 | } |
| 9372 | .la-ball-fall > div:nth-child(2) { | 9379 | .la-ball-fall > div:nth-child(2) { |
| 9373 | -webkit-animation-delay: -100ms; | 9380 | -webkit-animation-delay: -100ms; |
| 9374 | animation-delay: -100ms; | 9381 | animation-delay: -100ms; |
| 9375 | } | 9382 | } |
| 9376 | .la-ball-fall > div:nth-child(3) { | 9383 | .la-ball-fall > div:nth-child(3) { |
| 9377 | -webkit-animation-delay: 0ms; | 9384 | -webkit-animation-delay: 0ms; |
| 9378 | animation-delay: 0ms; | 9385 | animation-delay: 0ms; |
| 9379 | } | 9386 | } |
| 9380 | .la-ball-fall.la-sm { | 9387 | .la-ball-fall.la-sm { |
| 9381 | width: 26px; | 9388 | width: 26px; |
| 9382 | height: 8px; | 9389 | height: 8px; |
| 9383 | } | 9390 | } |
| 9384 | .la-ball-fall.la-sm > div { | 9391 | .la-ball-fall.la-sm > div { |
| 9385 | width: 4px; | 9392 | width: 4px; |
| 9386 | height: 4px; | 9393 | height: 4px; |
| 9387 | margin: 2px; | 9394 | margin: 2px; |
| 9388 | } | 9395 | } |
| 9389 | .la-ball-fall.la-2x { | 9396 | .la-ball-fall.la-2x { |
| 9390 | width: 108px; | 9397 | width: 108px; |
| 9391 | height: 36px; | 9398 | height: 36px; |
| 9392 | } | 9399 | } |
| 9393 | .la-ball-fall.la-2x > div { | 9400 | .la-ball-fall.la-2x > div { |
| 9394 | width: 20px; | 9401 | width: 20px; |
| 9395 | height: 20px; | 9402 | height: 20px; |
| 9396 | margin: 8px; | 9403 | margin: 8px; |
| 9397 | } | 9404 | } |
| 9398 | .la-ball-fall.la-3x { | 9405 | .la-ball-fall.la-3x { |
| 9399 | width: 162px; | 9406 | width: 162px; |
| 9400 | height: 54px; | 9407 | height: 54px; |
| 9401 | } | 9408 | } |
| 9402 | .la-ball-fall.la-3x > div { | 9409 | .la-ball-fall.la-3x > div { |
| 9403 | width: 30px; | 9410 | width: 30px; |
| 9404 | height: 30px; | 9411 | height: 30px; |
| 9405 | margin: 12px; | 9412 | margin: 12px; |
| 9406 | } | 9413 | } |
| 9407 | @-webkit-keyframes ball-fall { | 9414 | @-webkit-keyframes ball-fall { |
| 9408 | 0% { | 9415 | 0% { |
| 9409 | -webkit-transform: translate(0, -145%); | 9416 | -webkit-transform: translate(0, -145%); |
| 9410 | -ms-transform: translate(0, -145%); | 9417 | -ms-transform: translate(0, -145%); |
| 9411 | -o-transform: translate(0, -145%); | 9418 | -o-transform: translate(0, -145%); |
| 9412 | transform: translate(0, -145%); | 9419 | transform: translate(0, -145%); |
| 9413 | opacity: 0; | 9420 | opacity: 0; |
| 9414 | filter: alpha(opacity=0); | 9421 | filter: alpha(opacity=0); |
| 9415 | } | 9422 | } |
| 9416 | 10% { | 9423 | 10% { |
| 9417 | opacity: 0.5; | 9424 | opacity: 0.5; |
| 9418 | filter: alpha(opacity=50); | 9425 | filter: alpha(opacity=50); |
| 9419 | } | 9426 | } |
| 9420 | 20% { | 9427 | 20% { |
| 9421 | -webkit-transform: translate(0, 0); | 9428 | -webkit-transform: translate(0, 0); |
| 9422 | -ms-transform: translate(0, 0); | 9429 | -ms-transform: translate(0, 0); |
| 9423 | -o-transform: translate(0, 0); | 9430 | -o-transform: translate(0, 0); |
| 9424 | transform: translate(0, 0); | 9431 | transform: translate(0, 0); |
| 9425 | opacity: 1; | 9432 | opacity: 1; |
| 9426 | filter: alpha(opacity=100); | 9433 | filter: alpha(opacity=100); |
| 9427 | } | 9434 | } |
| 9428 | 80% { | 9435 | 80% { |
| 9429 | -webkit-transform: translate(0, 0); | 9436 | -webkit-transform: translate(0, 0); |
| 9430 | -ms-transform: translate(0, 0); | 9437 | -ms-transform: translate(0, 0); |
| 9431 | -o-transform: translate(0, 0); | 9438 | -o-transform: translate(0, 0); |
| 9432 | transform: translate(0, 0); | 9439 | transform: translate(0, 0); |
| 9433 | opacity: 1; | 9440 | opacity: 1; |
| 9434 | filter: alpha(opacity=100); | 9441 | filter: alpha(opacity=100); |
| 9435 | } | 9442 | } |
| 9436 | 90% { | 9443 | 90% { |
| 9437 | opacity: 0.5; | 9444 | opacity: 0.5; |
| 9438 | filter: alpha(opacity=50); | 9445 | filter: alpha(opacity=50); |
| 9439 | } | 9446 | } |
| 9440 | 100% { | 9447 | 100% { |
| 9441 | -webkit-transform: translate(0, 145%); | 9448 | -webkit-transform: translate(0, 145%); |
| 9442 | -ms-transform: translate(0, 145%); | 9449 | -ms-transform: translate(0, 145%); |
| 9443 | -o-transform: translate(0, 145%); | 9450 | -o-transform: translate(0, 145%); |
| 9444 | transform: translate(0, 145%); | 9451 | transform: translate(0, 145%); |
| 9445 | opacity: 0; | 9452 | opacity: 0; |
| 9446 | filter: alpha(opacity=0); | 9453 | filter: alpha(opacity=0); |
| 9447 | } | 9454 | } |
| 9448 | } | 9455 | } |
| 9449 | @-moz-keyframes ball-fall { | 9456 | @-moz-keyframes ball-fall { |
| 9450 | 0% { | 9457 | 0% { |
| 9451 | -webkit-transform: translate(0, -145%); | 9458 | -webkit-transform: translate(0, -145%); |
| 9452 | -ms-transform: translate(0, -145%); | 9459 | -ms-transform: translate(0, -145%); |
| 9453 | -o-transform: translate(0, -145%); | 9460 | -o-transform: translate(0, -145%); |
| 9454 | transform: translate(0, -145%); | 9461 | transform: translate(0, -145%); |
| 9455 | opacity: 0; | 9462 | opacity: 0; |
| 9456 | filter: alpha(opacity=0); | 9463 | filter: alpha(opacity=0); |
| 9457 | } | 9464 | } |
| 9458 | 10% { | 9465 | 10% { |
| 9459 | opacity: 0.5; | 9466 | opacity: 0.5; |
| 9460 | filter: alpha(opacity=50); | 9467 | filter: alpha(opacity=50); |
| 9461 | } | 9468 | } |
| 9462 | 20% { | 9469 | 20% { |
| 9463 | -webkit-transform: translate(0, 0); | 9470 | -webkit-transform: translate(0, 0); |
| 9464 | -ms-transform: translate(0, 0); | 9471 | -ms-transform: translate(0, 0); |
| 9465 | -o-transform: translate(0, 0); | 9472 | -o-transform: translate(0, 0); |
| 9466 | transform: translate(0, 0); | 9473 | transform: translate(0, 0); |
| 9467 | opacity: 1; | 9474 | opacity: 1; |
| 9468 | filter: alpha(opacity=100); | 9475 | filter: alpha(opacity=100); |
| 9469 | } | 9476 | } |
| 9470 | 80% { | 9477 | 80% { |
| 9471 | -webkit-transform: translate(0, 0); | 9478 | -webkit-transform: translate(0, 0); |
| 9472 | -ms-transform: translate(0, 0); | 9479 | -ms-transform: translate(0, 0); |
| 9473 | -o-transform: translate(0, 0); | 9480 | -o-transform: translate(0, 0); |
| 9474 | transform: translate(0, 0); | 9481 | transform: translate(0, 0); |
| 9475 | opacity: 1; | 9482 | opacity: 1; |
| 9476 | filter: alpha(opacity=100); | 9483 | filter: alpha(opacity=100); |
| 9477 | } | 9484 | } |
| 9478 | 90% { | 9485 | 90% { |
| 9479 | opacity: 0.5; | 9486 | opacity: 0.5; |
| 9480 | filter: alpha(opacity=50); | 9487 | filter: alpha(opacity=50); |
| 9481 | } | 9488 | } |
| 9482 | 100% { | 9489 | 100% { |
| 9483 | -webkit-transform: translate(0, 145%); | 9490 | -webkit-transform: translate(0, 145%); |
| 9484 | -ms-transform: translate(0, 145%); | 9491 | -ms-transform: translate(0, 145%); |
| 9485 | -o-transform: translate(0, 145%); | 9492 | -o-transform: translate(0, 145%); |
| 9486 | transform: translate(0, 145%); | 9493 | transform: translate(0, 145%); |
| 9487 | opacity: 0; | 9494 | opacity: 0; |
| 9488 | filter: alpha(opacity=0); | 9495 | filter: alpha(opacity=0); |
| 9489 | } | 9496 | } |
| 9490 | } | 9497 | } |
| 9491 | @-o-keyframes ball-fall { | 9498 | @-o-keyframes ball-fall { |
| 9492 | 0% { | 9499 | 0% { |
| 9493 | -webkit-transform: translate(0, -145%); | 9500 | -webkit-transform: translate(0, -145%); |
| 9494 | -ms-transform: translate(0, -145%); | 9501 | -ms-transform: translate(0, -145%); |
| 9495 | -o-transform: translate(0, -145%); | 9502 | -o-transform: translate(0, -145%); |
| 9496 | transform: translate(0, -145%); | 9503 | transform: translate(0, -145%); |
| 9497 | opacity: 0; | 9504 | opacity: 0; |
| 9498 | filter: alpha(opacity=0); | 9505 | filter: alpha(opacity=0); |
| 9499 | } | 9506 | } |
| 9500 | 10% { | 9507 | 10% { |
| 9501 | opacity: 0.5; | 9508 | opacity: 0.5; |
| 9502 | filter: alpha(opacity=50); | 9509 | filter: alpha(opacity=50); |
| 9503 | } | 9510 | } |
| 9504 | 20% { | 9511 | 20% { |
| 9505 | -webkit-transform: translate(0, 0); | 9512 | -webkit-transform: translate(0, 0); |
| 9506 | -ms-transform: translate(0, 0); | 9513 | -ms-transform: translate(0, 0); |
| 9507 | -o-transform: translate(0, 0); | 9514 | -o-transform: translate(0, 0); |
| 9508 | transform: translate(0, 0); | 9515 | transform: translate(0, 0); |
| 9509 | opacity: 1; | 9516 | opacity: 1; |
| 9510 | filter: alpha(opacity=100); | 9517 | filter: alpha(opacity=100); |
| 9511 | } | 9518 | } |
| 9512 | 80% { | 9519 | 80% { |
| 9513 | -webkit-transform: translate(0, 0); | 9520 | -webkit-transform: translate(0, 0); |
| 9514 | -ms-transform: translate(0, 0); | 9521 | -ms-transform: translate(0, 0); |
| 9515 | -o-transform: translate(0, 0); | 9522 | -o-transform: translate(0, 0); |
| 9516 | transform: translate(0, 0); | 9523 | transform: translate(0, 0); |
| 9517 | opacity: 1; | 9524 | opacity: 1; |
| 9518 | filter: alpha(opacity=100); | 9525 | filter: alpha(opacity=100); |
| 9519 | } | 9526 | } |
| 9520 | 90% { | 9527 | 90% { |
| 9521 | opacity: 0.5; | 9528 | opacity: 0.5; |
| 9522 | filter: alpha(opacity=50); | 9529 | filter: alpha(opacity=50); |
| 9523 | } | 9530 | } |
| 9524 | 100% { | 9531 | 100% { |
| 9525 | -webkit-transform: translate(0, 145%); | 9532 | -webkit-transform: translate(0, 145%); |
| 9526 | -ms-transform: translate(0, 145%); | 9533 | -ms-transform: translate(0, 145%); |
| 9527 | -o-transform: translate(0, 145%); | 9534 | -o-transform: translate(0, 145%); |
| 9528 | transform: translate(0, 145%); | 9535 | transform: translate(0, 145%); |
| 9529 | opacity: 0; | 9536 | opacity: 0; |
| 9530 | filter: alpha(opacity=0); | 9537 | filter: alpha(opacity=0); |
| 9531 | } | 9538 | } |
| 9532 | } | 9539 | } |
| 9533 | @keyframes ball-fall { | 9540 | @keyframes ball-fall { |
| 9534 | 0% { | 9541 | 0% { |
| 9535 | -webkit-transform: translate(0, -145%); | 9542 | -webkit-transform: translate(0, -145%); |
| 9536 | -ms-transform: translate(0, -145%); | 9543 | -ms-transform: translate(0, -145%); |
| 9537 | -o-transform: translate(0, -145%); | 9544 | -o-transform: translate(0, -145%); |
| 9538 | transform: translate(0, -145%); | 9545 | transform: translate(0, -145%); |
| 9539 | opacity: 0; | 9546 | opacity: 0; |
| 9540 | filter: alpha(opacity=0); | 9547 | filter: alpha(opacity=0); |
| 9541 | } | 9548 | } |
| 9542 | 10% { | 9549 | 10% { |
| 9543 | opacity: 0.5; | 9550 | opacity: 0.5; |
| 9544 | filter: alpha(opacity=50); | 9551 | filter: alpha(opacity=50); |
| 9545 | } | 9552 | } |
| 9546 | 20% { | 9553 | 20% { |
| 9547 | -webkit-transform: translate(0, 0); | 9554 | -webkit-transform: translate(0, 0); |
| 9548 | -ms-transform: translate(0, 0); | 9555 | -ms-transform: translate(0, 0); |
| 9549 | -o-transform: translate(0, 0); | 9556 | -o-transform: translate(0, 0); |
| 9550 | transform: translate(0, 0); | 9557 | transform: translate(0, 0); |
| 9551 | opacity: 1; | 9558 | opacity: 1; |
| 9552 | filter: alpha(opacity=100); | 9559 | filter: alpha(opacity=100); |
| 9553 | } | 9560 | } |
| 9554 | 80% { | 9561 | 80% { |
| 9555 | -webkit-transform: translate(0, 0); | 9562 | -webkit-transform: translate(0, 0); |
| 9556 | -ms-transform: translate(0, 0); | 9563 | -ms-transform: translate(0, 0); |
| 9557 | -o-transform: translate(0, 0); | 9564 | -o-transform: translate(0, 0); |
| 9558 | transform: translate(0, 0); | 9565 | transform: translate(0, 0); |
| 9559 | opacity: 1; | 9566 | opacity: 1; |
| 9560 | filter: alpha(opacity=100); | 9567 | filter: alpha(opacity=100); |
| 9561 | } | 9568 | } |
| 9562 | 90% { | 9569 | 90% { |
| 9563 | opacity: 0.5; | 9570 | opacity: 0.5; |
| 9564 | filter: alpha(opacity=50); | 9571 | filter: alpha(opacity=50); |
| 9565 | } | 9572 | } |
| 9566 | 100% { | 9573 | 100% { |
| 9567 | -webkit-transform: translate(0, 145%); | 9574 | -webkit-transform: translate(0, 145%); |
| 9568 | -ms-transform: translate(0, 145%); | 9575 | -ms-transform: translate(0, 145%); |
| 9569 | -o-transform: translate(0, 145%); | 9576 | -o-transform: translate(0, 145%); |
| 9570 | transform: translate(0, 145%); | 9577 | transform: translate(0, 145%); |
| 9571 | opacity: 0; | 9578 | opacity: 0; |
| 9572 | filter: alpha(opacity=0); | 9579 | filter: alpha(opacity=0); |
| 9573 | } | 9580 | } |
| 9574 | } | 9581 | } |
| 9575 | /* ------------------------------------------------------------------------------ | 9582 | /* ------------------------------------------------------------------------------ |
| 9576 | * | 9583 | * |
| 9577 | * # Bootbox modal extension | 9584 | * # Bootbox modal extension |
| 9578 | * | 9585 | * |
| 9579 | * Styles for bootbox.min.js - advanced Bootstrap modals | 9586 | * Styles for bootbox.min.js - advanced Bootstrap modals |
| 9580 | * | 9587 | * |
| 9581 | * Version: 1.0 | 9588 | * Version: 1.0 |
| 9582 | * Latest update: Oct 9, 2015 | 9589 | * Latest update: Oct 9, 2015 |
| 9583 | * | 9590 | * |
| 9584 | * ---------------------------------------------------------------------------- */ | 9591 | * ---------------------------------------------------------------------------- */ |
| 9585 | .bootbox .modal-title { | 9592 | .bootbox .modal-title { |
| 9586 | font-size: 15px; | 9593 | font-size: 15px; |
| 9587 | } | 9594 | } |
| 9588 | /* ------------------------------------------------------------------------------ | 9595 | /* ------------------------------------------------------------------------------ |
| 9589 | * | 9596 | * |
| 9590 | * # jQuery UI slider pips | 9597 | * # jQuery UI slider pips |
| 9591 | * | 9598 | * |
| 9592 | * Styles for jQuery UI slider pips extension | 9599 | * Styles for jQuery UI slider pips extension |
| 9593 | * | 9600 | * |
| 9594 | * Version: 1.1 | 9601 | * Version: 1.1 |
| 9595 | * Latest update: Nov 15, 2015 | 9602 | * Latest update: Nov 15, 2015 |
| 9596 | * | 9603 | * |
| 9597 | * ---------------------------------------------------------------------------- */ | 9604 | * ---------------------------------------------------------------------------- */ |
| 9598 | /* # Pips | 9605 | /* # Pips |
| 9599 | -------------------------------------------------- */ | 9606 | -------------------------------------------------- */ |
| 9600 | .ui-slider-pips.ui-slider-horizontal { | 9607 | .ui-slider-pips.ui-slider-horizontal { |
| 9601 | margin-bottom: 32px; | 9608 | margin-bottom: 32px; |
| 9602 | margin-left: 10px; | 9609 | margin-left: 10px; |
| 9603 | margin-right: 10px; | 9610 | margin-right: 10px; |
| 9604 | } | 9611 | } |
| 9605 | .ui-slider-pips .ui-slider-label, | 9612 | .ui-slider-pips .ui-slider-label, |
| 9606 | .ui-slider-pips .ui-slider-pip-hide { | 9613 | .ui-slider-pips .ui-slider-pip-hide { |
| 9607 | display: none; | 9614 | display: none; |
| 9608 | } | 9615 | } |
| 9609 | .ui-slider-pips .ui-slider-pip-label .ui-slider-label { | 9616 | .ui-slider-pips .ui-slider-pip-label .ui-slider-label { |
| 9610 | display: block; | 9617 | display: block; |
| 9611 | } | 9618 | } |
| 9612 | .ui-slider-pips .ui-slider-pip { | 9619 | .ui-slider-pips .ui-slider-pip { |
| 9613 | height: 10px; | 9620 | height: 10px; |
| 9614 | line-height: 10px; | 9621 | line-height: 10px; |
| 9615 | font-size: 85%; | 9622 | font-size: 85%; |
| 9616 | width: 20px; | 9623 | width: 20px; |
| 9617 | margin-left: -11px; | 9624 | margin-left: -11px; |
| 9618 | position: absolute; | 9625 | position: absolute; |
| 9619 | overflow: visible; | 9626 | overflow: visible; |
| 9620 | text-align: center; | 9627 | text-align: center; |
| 9621 | top: 20px; | 9628 | top: 20px; |
| 9622 | left: 20px; | 9629 | left: 20px; |
| 9623 | cursor: pointer; | 9630 | cursor: pointer; |
| 9624 | -webkit-touch-callout: none; | 9631 | -webkit-touch-callout: none; |
| 9625 | -webkit-user-select: none; | 9632 | -webkit-user-select: none; |
| 9626 | -moz-user-select: none; | 9633 | -moz-user-select: none; |
| 9627 | -ms-user-select: none; | 9634 | -ms-user-select: none; |
| 9628 | user-select: none; | 9635 | user-select: none; |
| 9629 | } | 9636 | } |
| 9630 | .ui-slider-pips .ui-slider-pip:hover .ui-slider-label { | 9637 | .ui-slider-pips .ui-slider-pip:hover .ui-slider-label { |
| 9631 | font-weight: 500; | 9638 | font-weight: 500; |
| 9632 | } | 9639 | } |
| 9633 | .ui-slider-pips .ui-slider-line { | 9640 | .ui-slider-pips .ui-slider-line { |
| 9634 | background-color: #999; | 9641 | background-color: #999; |
| 9635 | width: 1px; | 9642 | width: 1px; |
| 9636 | height: 3px; | 9643 | height: 3px; |
| 9637 | position: absolute; | 9644 | position: absolute; |
| 9638 | left: 50%; | 9645 | left: 50%; |
| 9639 | } | 9646 | } |
| 9640 | .ui-slider-pips .ui-slider-label { | 9647 | .ui-slider-pips .ui-slider-label { |
| 9641 | position: absolute; | 9648 | position: absolute; |
| 9642 | top: 8px; | 9649 | top: 8px; |
| 9643 | left: 50%; | 9650 | left: 50%; |
| 9644 | width: 20px; | 9651 | width: 20px; |
| 9645 | margin-left: -10px; | 9652 | margin-left: -10px; |
| 9646 | } | 9653 | } |
| 9647 | .ui-slider-pips.ui-slider-vertical { | 9654 | .ui-slider-pips.ui-slider-vertical { |
| 9648 | margin: 10px 40px 10px 10px; | 9655 | margin: 10px 40px 10px 10px; |
| 9649 | } | 9656 | } |
| 9650 | .ui-slider-pips.ui-slider-vertical .ui-slider-pip { | 9657 | .ui-slider-pips.ui-slider-vertical .ui-slider-pip { |
| 9651 | text-align: left; | 9658 | text-align: left; |
| 9652 | top: auto; | 9659 | top: auto; |
| 9653 | left: 18px; | 9660 | left: 18px; |
| 9654 | margin-left: 0; | 9661 | margin-left: 0; |
| 9655 | margin-bottom: -4px; | 9662 | margin-bottom: -4px; |
| 9656 | } | 9663 | } |
| 9657 | .ui-slider-pips.ui-slider-vertical .ui-slider-line { | 9664 | .ui-slider-pips.ui-slider-vertical .ui-slider-line { |
| 9658 | width: 3px; | 9665 | width: 3px; |
| 9659 | height: 1px; | 9666 | height: 1px; |
| 9660 | position: absolute; | 9667 | position: absolute; |
| 9661 | top: 50%; | 9668 | top: 50%; |
| 9662 | left: 0; | 9669 | left: 0; |
| 9663 | } | 9670 | } |
| 9664 | .ui-slider-pips.ui-slider-vertical .ui-slider-label { | 9671 | .ui-slider-pips.ui-slider-vertical .ui-slider-label { |
| 9665 | top: 50%; | 9672 | top: 50%; |
| 9666 | margin-left: 0; | 9673 | margin-left: 0; |
| 9667 | margin-top: -5px; | 9674 | margin-top: -5px; |
| 9668 | width: 20px; | 9675 | width: 20px; |
| 9669 | left: 5px; | 9676 | left: 5px; |
| 9670 | } | 9677 | } |
| 9671 | /* # Tooltips | 9678 | /* # Tooltips |
| 9672 | -------------------------------------------------- */ | 9679 | -------------------------------------------------- */ |
| 9673 | .ui-slider-float .ui-slider-handle:focus, | 9680 | .ui-slider-float .ui-slider-handle:focus, |
| 9674 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, | 9681 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, |
| 9675 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { | 9682 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { |
| 9676 | outline: 0; | 9683 | outline: 0; |
| 9677 | } | 9684 | } |
| 9678 | .ui-slider-float .ui-slider-tip, | 9685 | .ui-slider-float .ui-slider-tip, |
| 9679 | .ui-slider-float .ui-slider-tip-label { | 9686 | .ui-slider-float .ui-slider-tip-label { |
| 9680 | position: absolute; | 9687 | position: absolute; |
| 9681 | visibility: hidden; | 9688 | visibility: hidden; |
| 9682 | top: -45px; | 9689 | top: -45px; |
| 9683 | display: block; | 9690 | display: block; |
| 9684 | width: 34px; | 9691 | width: 34px; |
| 9685 | margin-left: -16px; | 9692 | margin-left: -16px; |
| 9686 | left: 50%; | 9693 | left: 50%; |
| 9687 | height: 30px; | 9694 | height: 30px; |
| 9688 | line-height: 32px; | 9695 | line-height: 32px; |
| 9689 | background: #333333; | 9696 | background: #333333; |
| 9690 | border-radius: 3px; | 9697 | border-radius: 3px; |
| 9691 | text-align: center; | 9698 | text-align: center; |
| 9692 | font-size: 12px; | 9699 | font-size: 12px; |
| 9693 | color: #fff; | 9700 | color: #fff; |
| 9694 | opacity: 0; | 9701 | opacity: 0; |
| 9695 | filter: alpha(opacity=0); | 9702 | filter: alpha(opacity=0); |
| 9696 | -webkit-transition: all ease-in-out 0.2s 0.2s; | 9703 | -webkit-transition: all ease-in-out 0.2s 0.2s; |
| 9697 | -o-transition: all ease-in-out 0.2s 0.2s; | 9704 | -o-transition: all ease-in-out 0.2s 0.2s; |
| 9698 | transition: all ease-in-out 0.2s 0.2s; | 9705 | transition: all ease-in-out 0.2s 0.2s; |
| 9699 | } | 9706 | } |
| 9700 | .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, | 9707 | .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, |
| 9701 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip { | 9708 | .ui-slider-float .ui-slider-handle:focus .ui-slider-tip { |
| 9702 | top: -40px; | 9709 | top: -40px; |
| 9703 | visibility: visible; | 9710 | visibility: visible; |
| 9704 | opacity: 1; | 9711 | opacity: 1; |
| 9705 | filter: alpha(opacity=100); | 9712 | filter: alpha(opacity=100); |
| 9706 | -webkit-transition-delay: 0.2s; | 9713 | -webkit-transition-delay: 0.2s; |
| 9707 | transition-delay: 0.2s; | 9714 | transition-delay: 0.2s; |
| 9708 | } | 9715 | } |
| 9709 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label { | 9716 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label { |
| 9710 | top: 42px; | 9717 | top: 42px; |
| 9711 | } | 9718 | } |
| 9712 | .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { | 9719 | .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { |
| 9713 | top: 32px; | 9720 | top: 32px; |
| 9714 | font-weight: normal; | 9721 | font-weight: normal; |
| 9715 | } | 9722 | } |
| 9716 | .ui-slider-float .ui-slider-tip:after, | 9723 | .ui-slider-float .ui-slider-tip:after, |
| 9717 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { | 9724 | .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { |
| 9718 | content: ''; | 9725 | content: ''; |
| 9719 | width: 0; | 9726 | width: 0; |
| 9720 | height: 0; | 9727 | height: 0; |
| 9721 | border: 5px solid transparent; | 9728 | border: 5px solid transparent; |
| 9722 | border-top-color: #333333; | 9729 | border-top-color: #333333; |
| 9723 | position: absolute; | 9730 | position: absolute; |
| 9724 | bottom: -10px; | 9731 | bottom: -10px; |
| 9725 | left: 50%; | 9732 | left: 50%; |
| 9726 | margin-left: -5px; | 9733 | margin-left: -5px; |
| 9727 | } | 9734 | } |
| 9728 | .ui-slider-float.ui-slider-vertical .ui-slider-tip, | 9735 | .ui-slider-float.ui-slider-vertical .ui-slider-tip, |
| 9729 | .ui-slider-float.ui-slider-vertical .ui-slider-tip-label { | 9736 | .ui-slider-float.ui-slider-vertical .ui-slider-tip-label { |
| 9730 | top: 50%; | 9737 | top: 50%; |
| 9731 | margin-top: -16px; | 9738 | margin-top: -16px; |
| 9732 | width: 34px; | 9739 | width: 34px; |
| 9733 | margin-left: 0px; | 9740 | margin-left: 0px; |
| 9734 | left: -50px; | 9741 | left: -50px; |
| 9735 | -webkit-transition: all ease-in-out 0.2s 0.2s; | 9742 | -webkit-transition: all ease-in-out 0.2s 0.2s; |
| 9736 | -o-transition: all ease-in-out 0.2s 0.2s; | 9743 | -o-transition: all ease-in-out 0.2s 0.2s; |
| 9737 | transition: all ease-in-out 0.2s 0.2s; | 9744 | transition: all ease-in-out 0.2s 0.2s; |
| 9738 | } | 9745 | } |
| 9739 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip, | 9746 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:hover .ui-slider-tip, |
| 9740 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip, | 9747 | .ui-slider-float.ui-slider-vertical .ui-slider-handle:focus .ui-slider-tip, |
| 9741 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label, | 9748 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label, |
| 9742 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label { | 9749 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:focus .ui-slider-tip-label { |
| 9743 | top: 50%; | 9750 | top: 50%; |
| 9744 | margin-top: -16px; | 9751 | margin-top: -16px; |
| 9745 | left: -45px; | 9752 | left: -45px; |
| 9746 | } | 9753 | } |
| 9747 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label { | 9754 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label { |
| 9748 | left: 47px; | 9755 | left: 47px; |
| 9749 | } | 9756 | } |
| 9750 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label { | 9757 | .ui-slider-float.ui-slider-vertical .ui-slider-pip:hover .ui-slider-tip-label { |
| 9751 | left: 37px; | 9758 | left: 37px; |
| 9752 | } | 9759 | } |
| 9753 | .ui-slider-float.ui-slider-vertical .ui-slider-tip:after, | 9760 | .ui-slider-float.ui-slider-vertical .ui-slider-tip:after, |
| 9754 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after { | 9761 | .ui-slider-float.ui-slider-vertical .ui-slider-pip .ui-slider-tip-label:after { |
| 9755 | border-left-color: #333333; | 9762 | border-left-color: #333333; |
| 9756 | bottom: 9px; | 9763 | bottom: 9px; |
| 9757 | left: auto; | 9764 | left: auto; |
| 9758 | margin-right: -9px; | 9765 | margin-right: -9px; |
| 9759 | border-top-color: transparent; | 9766 | border-top-color: transparent; |
| 9760 | right: 0; | 9767 | right: 0; |
| 9761 | margin-left: 0; | 9768 | margin-left: 0; |
| 9762 | } | 9769 | } |
| 9763 | /* ------------------------------------------------------------------------------ | 9770 | /* ------------------------------------------------------------------------------ |
| 9764 | * | 9771 | * |
| 9765 | * # NoUI slider | 9772 | * # NoUI slider |
| 9766 | * | 9773 | * |
| 9767 | * Styles for NoUI range slider plugin | 9774 | * Styles for NoUI range slider plugin |
| 9768 | * | 9775 | * |
| 9769 | * Version: 1.1 | 9776 | * Version: 1.1 |
| 9770 | * Latest update: Mar 10, 2016 | 9777 | * Latest update: Mar 10, 2016 |
| 9771 | * | 9778 | * |
| 9772 | * ---------------------------------------------------------------------------- */ | 9779 | * ---------------------------------------------------------------------------- */ |
| 9773 | .noUi-target { | 9780 | .noUi-target { |
| 9774 | border-radius: 100px; | 9781 | border-radius: 100px; |
| 9775 | position: relative; | 9782 | position: relative; |
| 9776 | direction: ltr; | 9783 | direction: ltr; |
| 9777 | } | 9784 | } |
| 9778 | .noUi-target, | 9785 | .noUi-target, |
| 9779 | .noUi-target * { | 9786 | .noUi-target * { |
| 9780 | -webkit-user-select: none; | 9787 | -webkit-user-select: none; |
| 9781 | -moz-user-select: none; | 9788 | -moz-user-select: none; |
| 9782 | -ms-user-select: none; | 9789 | -ms-user-select: none; |
| 9783 | user-select: none; | 9790 | user-select: none; |
| 9784 | } | 9791 | } |
| 9785 | .noUi-base { | 9792 | .noUi-base { |
| 9786 | width: 100%; | 9793 | width: 100%; |
| 9787 | height: 100%; | 9794 | height: 100%; |
| 9788 | position: relative; | 9795 | position: relative; |
| 9789 | } | 9796 | } |
| 9790 | .noUi-origin { | 9797 | .noUi-origin { |
| 9791 | position: absolute; | 9798 | position: absolute; |
| 9792 | right: 0; | 9799 | right: 0; |
| 9793 | top: 0; | 9800 | top: 0; |
| 9794 | left: 0; | 9801 | left: 0; |
| 9795 | bottom: 0; | 9802 | bottom: 0; |
| 9796 | border-radius: 100px; | 9803 | border-radius: 100px; |
| 9797 | } | 9804 | } |
| 9798 | .noUi-state-drag * { | 9805 | .noUi-state-drag * { |
| 9799 | cursor: inherit !important; | 9806 | cursor: inherit !important; |
| 9800 | } | 9807 | } |
| 9801 | .noUi-background { | 9808 | .noUi-background { |
| 9802 | background-color: #eeeeee; | 9809 | background-color: #eeeeee; |
| 9803 | } | 9810 | } |
| 9804 | .noUi-connect { | 9811 | .noUi-connect { |
| 9805 | background-color: #5C6BC0; | 9812 | background-color: #5C6BC0; |
| 9806 | } | 9813 | } |
| 9807 | [disabled] .noUI-background { | 9814 | [disabled] .noUI-background { |
| 9808 | opacity: 0.75; | 9815 | opacity: 0.75; |
| 9809 | filter: alpha(opacity=75); | 9816 | filter: alpha(opacity=75); |
| 9810 | } | 9817 | } |
| 9811 | [disabled] .noUi-handle { | 9818 | [disabled] .noUi-handle { |
| 9812 | cursor: not-allowed; | 9819 | cursor: not-allowed; |
| 9813 | } | 9820 | } |
| 9814 | [disabled] .noUi-handle:focus, | 9821 | [disabled] .noUi-handle:focus, |
| 9815 | [disabled] .noUi-handle:active { | 9822 | [disabled] .noUi-handle:active { |
| 9816 | -webkit-transform: scale(1.25); | 9823 | -webkit-transform: scale(1.25); |
| 9817 | -ms-transform: scale(1.25); | 9824 | -ms-transform: scale(1.25); |
| 9818 | -o-transform: scale(1.25); | 9825 | -o-transform: scale(1.25); |
| 9819 | transform: scale(1.25); | 9826 | transform: scale(1.25); |
| 9820 | -webkit-box-shadow: none; | 9827 | -webkit-box-shadow: none; |
| 9821 | box-shadow: none; | 9828 | box-shadow: none; |
| 9822 | } | 9829 | } |
| 9823 | .noUi-horizontal { | 9830 | .noUi-horizontal { |
| 9824 | height: 4px; | 9831 | height: 4px; |
| 9825 | } | 9832 | } |
| 9826 | .noUi-horizontal .noUi-handle { | 9833 | .noUi-horizontal .noUi-handle { |
| 9827 | top: -4px; | 9834 | top: -4px; |
| 9828 | left: -6px; | 9835 | left: -6px; |
| 9829 | } | 9836 | } |
| 9830 | .noUi-horizontal.noUi-extended { | 9837 | .noUi-horizontal.noUi-extended { |
| 9831 | padding: 0 15px; | 9838 | padding: 0 15px; |
| 9832 | } | 9839 | } |
| 9833 | .noUi-horizontal.noUi-extended .noUi-origin { | 9840 | .noUi-horizontal.noUi-extended .noUi-origin { |
| 9834 | right: -15px; | 9841 | right: -15px; |
| 9835 | } | 9842 | } |
| 9836 | .noUi-horizontal.has-pips { | 9843 | .noUi-horizontal.has-pips { |
| 9837 | margin-bottom: 35px; | 9844 | margin-bottom: 35px; |
| 9838 | } | 9845 | } |
| 9839 | .noUi-vertical { | 9846 | .noUi-vertical { |
| 9840 | display: inline-block; | 9847 | display: inline-block; |
| 9841 | width: 4px; | 9848 | width: 4px; |
| 9842 | height: 150px; | 9849 | height: 150px; |
| 9843 | } | 9850 | } |
| 9844 | .noUi-vertical + .noUi-vertical { | 9851 | .noUi-vertical + .noUi-vertical { |
| 9845 | margin-left: 20px; | 9852 | margin-left: 20px; |
| 9846 | } | 9853 | } |
| 9847 | .noUi-vertical .noUi-handle { | 9854 | .noUi-vertical .noUi-handle { |
| 9848 | top: -6px; | 9855 | top: -6px; |
| 9849 | left: -4px; | 9856 | left: -4px; |
| 9850 | } | 9857 | } |
| 9851 | .noUi-vertical.noUi-extended { | 9858 | .noUi-vertical.noUi-extended { |
| 9852 | padding: 15px 0; | 9859 | padding: 15px 0; |
| 9853 | } | 9860 | } |
| 9854 | .noUi-vertical.noUi-extended .noUi-origin { | 9861 | .noUi-vertical.noUi-extended .noUi-origin { |
| 9855 | bottom: -15px; | 9862 | bottom: -15px; |
| 9856 | } | 9863 | } |
| 9857 | .noUi-vertical.has-pips { | 9864 | .noUi-vertical.has-pips { |
| 9858 | margin-right: 35px; | 9865 | margin-right: 35px; |
| 9859 | } | 9866 | } |
| 9860 | .noUi-dragable { | 9867 | .noUi-dragable { |
| 9861 | cursor: w-resize; | 9868 | cursor: w-resize; |
| 9862 | } | 9869 | } |
| 9863 | .noUi-vertical .noUi-dragable { | 9870 | .noUi-vertical .noUi-dragable { |
| 9864 | cursor: n-resize; | 9871 | cursor: n-resize; |
| 9865 | } | 9872 | } |
| 9866 | .noUi-handle { | 9873 | .noUi-handle { |
| 9867 | width: 12px; | 9874 | width: 12px; |
| 9868 | height: 12px; | 9875 | height: 12px; |
| 9869 | background-color: #5C6BC0; | 9876 | background-color: #5C6BC0; |
| 9870 | cursor: pointer; | 9877 | cursor: pointer; |
| 9871 | position: relative; | 9878 | position: relative; |
| 9872 | z-index: 1; | 9879 | z-index: 1; |
| 9873 | border-radius: 50%; | 9880 | border-radius: 50%; |
| 9874 | -webkit-transform: scale(1); | 9881 | -webkit-transform: scale(1); |
| 9875 | -ms-transform: scale(1); | 9882 | -ms-transform: scale(1); |
| 9876 | -o-transform: scale(1); | 9883 | -o-transform: scale(1); |
| 9877 | transform: scale(1); | 9884 | transform: scale(1); |
| 9878 | } | 9885 | } |
| 9879 | .noUi-stacking .noUi-handle { | 9886 | .noUi-stacking .noUi-handle { |
| 9880 | z-index: 10; | 9887 | z-index: 10; |
| 9881 | } | 9888 | } |
| 9882 | .noUi-handle:hover { | 9889 | .noUi-handle:hover { |
| 9883 | -webkit-transform: scale(1.25); | 9890 | -webkit-transform: scale(1.25); |
| 9884 | -ms-transform: scale(1.25); | 9891 | -ms-transform: scale(1.25); |
| 9885 | -o-transform: scale(1.25); | 9892 | -o-transform: scale(1.25); |
| 9886 | transform: scale(1.25); | 9893 | transform: scale(1.25); |
| 9887 | } | 9894 | } |
| 9888 | .noUi-handle:focus, | 9895 | .noUi-handle:focus, |
| 9889 | .noUi-handle:active { | 9896 | .noUi-handle:active { |
| 9890 | -webkit-transform: scale(1.5); | 9897 | -webkit-transform: scale(1.5); |
| 9891 | -ms-transform: scale(1.5); | 9898 | -ms-transform: scale(1.5); |
| 9892 | -o-transform: scale(1.5); | 9899 | -o-transform: scale(1.5); |
| 9893 | transform: scale(1.5); | 9900 | transform: scale(1.5); |
| 9894 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 9901 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 9895 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 9902 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 9896 | } | 9903 | } |
| 9897 | .noui-slider-white .noUi-handle { | 9904 | .noui-slider-white .noUi-handle { |
| 9898 | background-color: #fff!important; | 9905 | background-color: #fff!important; |
| 9899 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 9906 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 9900 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 9907 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 9901 | } | 9908 | } |
| 9902 | .noui-slider-white .noUi-handle:focus, | 9909 | .noui-slider-white .noUi-handle:focus, |
| 9903 | .noui-slider-white .noUi-handle:active { | 9910 | .noui-slider-white .noUi-handle:active { |
| 9904 | -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; | 9911 | -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; |
| 9905 | 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; | 9912 | 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; |
| 9906 | } | 9913 | } |
| 9907 | .noui-slider-lg .noUi-handle { | 9914 | .noui-slider-lg .noUi-handle { |
| 9908 | width: 15px; | 9915 | width: 15px; |
| 9909 | height: 15px; | 9916 | height: 15px; |
| 9910 | top: -5px; | 9917 | top: -5px; |
| 9911 | } | 9918 | } |
| 9912 | .noui-slider-lg.noui-slider-circle .noUi-handle:after { | 9919 | .noui-slider-lg.noui-slider-circle .noUi-handle:after { |
| 9913 | width: 5px; | 9920 | width: 5px; |
| 9914 | height: 5px; | 9921 | height: 5px; |
| 9915 | margin-top: -2.5px; | 9922 | margin-top: -2.5px; |
| 9916 | margin-left: -2.5px; | 9923 | margin-left: -2.5px; |
| 9917 | } | 9924 | } |
| 9918 | .noui-slider-lg.noUi-horizontal { | 9925 | .noui-slider-lg.noUi-horizontal { |
| 9919 | height: 5px; | 9926 | height: 5px; |
| 9920 | } | 9927 | } |
| 9921 | .noui-slider-lg.noUi-horizontal .noUi-handle { | 9928 | .noui-slider-lg.noUi-horizontal .noUi-handle { |
| 9922 | left: -7.5px; | 9929 | left: -7.5px; |
| 9923 | } | 9930 | } |
| 9924 | .noui-slider-lg.noUi-vertical { | 9931 | .noui-slider-lg.noUi-vertical { |
| 9925 | width: 5px; | 9932 | width: 5px; |
| 9926 | } | 9933 | } |
| 9927 | .noui-slider-lg.noUi-vertical .noUi-handle { | 9934 | .noui-slider-lg.noUi-vertical .noUi-handle { |
| 9928 | top: -7.5px; | 9935 | top: -7.5px; |
| 9929 | left: -5px; | 9936 | left: -5px; |
| 9930 | } | 9937 | } |
| 9931 | .noui-slider-sm.noUi-horizontal { | 9938 | .noui-slider-sm.noUi-horizontal { |
| 9932 | height: 3px; | 9939 | height: 3px; |
| 9933 | } | 9940 | } |
| 9934 | .noui-slider-sm.noUi-horizontal .noUi-handle { | 9941 | .noui-slider-sm.noUi-horizontal .noUi-handle { |
| 9935 | top: -4.5px; | 9942 | top: -4.5px; |
| 9936 | left: -6px; | 9943 | left: -6px; |
| 9937 | } | 9944 | } |
| 9938 | .noui-slider-sm.noUi-vertical { | 9945 | .noui-slider-sm.noUi-vertical { |
| 9939 | width: 3px; | 9946 | width: 3px; |
| 9940 | } | 9947 | } |
| 9941 | .noui-slider-sm.noUi-vertical .noUi-handle { | 9948 | .noui-slider-sm.noUi-vertical .noUi-handle { |
| 9942 | top: -6px; | 9949 | top: -6px; |
| 9943 | left: -4.5px; | 9950 | left: -4.5px; |
| 9944 | } | 9951 | } |
| 9945 | .noui-slider-xs.noUi-horizontal { | 9952 | .noui-slider-xs.noUi-horizontal { |
| 9946 | height: 2px; | 9953 | height: 2px; |
| 9947 | } | 9954 | } |
| 9948 | .noui-slider-xs.noUi-horizontal .noUi-handle { | 9955 | .noui-slider-xs.noUi-horizontal .noUi-handle { |
| 9949 | top: -5px; | 9956 | top: -5px; |
| 9950 | left: -6px; | 9957 | left: -6px; |
| 9951 | } | 9958 | } |
| 9952 | .noui-slider-xs.noUi-vertical { | 9959 | .noui-slider-xs.noUi-vertical { |
| 9953 | width: 2px; | 9960 | width: 2px; |
| 9954 | } | 9961 | } |
| 9955 | .noui-slider-xs.noUi-vertical .noUi-handle { | 9962 | .noui-slider-xs.noUi-vertical .noUi-handle { |
| 9956 | top: -6px; | 9963 | top: -6px; |
| 9957 | left: -5px; | 9964 | left: -5px; |
| 9958 | } | 9965 | } |
| 9959 | .noui-slider-circle .noUi-handle { | 9966 | .noui-slider-circle .noUi-handle { |
| 9960 | background-color: #999999; | 9967 | background-color: #999999; |
| 9961 | border-color: #999999; | 9968 | border-color: #999999; |
| 9962 | -webkit-box-shadow: none; | 9969 | -webkit-box-shadow: none; |
| 9963 | box-shadow: none; | 9970 | box-shadow: none; |
| 9964 | } | 9971 | } |
| 9965 | .noui-slider-circle .noUi-handle:after { | 9972 | .noui-slider-circle .noUi-handle:after { |
| 9966 | content: ''; | 9973 | content: ''; |
| 9967 | display: inline-block; | 9974 | display: inline-block; |
| 9968 | width: 4px; | 9975 | width: 4px; |
| 9969 | height: 4px; | 9976 | height: 4px; |
| 9970 | background-color: #fff; | 9977 | background-color: #fff; |
| 9971 | position: absolute; | 9978 | position: absolute; |
| 9972 | top: 50%; | 9979 | top: 50%; |
| 9973 | left: 50%; | 9980 | left: 50%; |
| 9974 | margin-top: -2px; | 9981 | margin-top: -2px; |
| 9975 | margin-left: -2px; | 9982 | margin-left: -2px; |
| 9976 | border-radius: 100px; | 9983 | border-radius: 100px; |
| 9977 | } | 9984 | } |
| 9978 | .noui-slider-primary .noUi-connect, | 9985 | .noui-slider-primary .noUi-connect, |
| 9979 | .noui-slider-primary.noUi-connect { | 9986 | .noui-slider-primary.noUi-connect { |
| 9980 | background-color: #2196F3; | 9987 | background-color: #2196F3; |
| 9981 | } | 9988 | } |
| 9982 | .noui-slider-primary .noUi-handle { | 9989 | .noui-slider-primary .noUi-handle { |
| 9983 | background-color: #2196F3; | 9990 | background-color: #2196F3; |
| 9984 | } | 9991 | } |
| 9985 | .noui-slider-primary .noUi-handle:focus, | 9992 | .noui-slider-primary .noUi-handle:focus, |
| 9986 | .noui-slider-primary .noUi-handle:active { | 9993 | .noui-slider-primary .noUi-handle:active { |
| 9987 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 9994 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 9988 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 9995 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 9989 | } | 9996 | } |
| 9990 | .noui-slider-danger .noUi-connect, | 9997 | .noui-slider-danger .noUi-connect, |
| 9991 | .noui-slider-danger.noUi-connect { | 9998 | .noui-slider-danger.noUi-connect { |
| 9992 | background-color: #F44336; | 9999 | background-color: #F44336; |
| 9993 | } | 10000 | } |
| 9994 | .noui-slider-danger .noUi-handle { | 10001 | .noui-slider-danger .noUi-handle { |
| 9995 | background-color: #F44336; | 10002 | background-color: #F44336; |
| 9996 | } | 10003 | } |
| 9997 | .noui-slider-danger .noUi-handle:focus, | 10004 | .noui-slider-danger .noUi-handle:focus, |
| 9998 | .noui-slider-danger .noUi-handle:active { | 10005 | .noui-slider-danger .noUi-handle:active { |
| 9999 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 10006 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 10000 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 10007 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 10001 | } | 10008 | } |
| 10002 | .noui-slider-success .noUi-connect, | 10009 | .noui-slider-success .noUi-connect, |
| 10003 | .noui-slider-success.noUi-connect { | 10010 | .noui-slider-success.noUi-connect { |
| 10004 | background-color: #4CAF50; | 10011 | background-color: #4CAF50; |
| 10005 | } | 10012 | } |
| 10006 | .noui-slider-success .noUi-handle { | 10013 | .noui-slider-success .noUi-handle { |
| 10007 | background-color: #4CAF50; | 10014 | background-color: #4CAF50; |
| 10008 | } | 10015 | } |
| 10009 | .noui-slider-success .noUi-handle:focus, | 10016 | .noui-slider-success .noUi-handle:focus, |
| 10010 | .noui-slider-success .noUi-handle:active { | 10017 | .noui-slider-success .noUi-handle:active { |
| 10011 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 10018 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 10012 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 10019 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 10013 | } | 10020 | } |
| 10014 | .noui-slider-warning .noUi-connect, | 10021 | .noui-slider-warning .noUi-connect, |
| 10015 | .noui-slider-warning.noUi-connect { | 10022 | .noui-slider-warning.noUi-connect { |
| 10016 | background-color: #FF5722; | 10023 | background-color: #FF5722; |
| 10017 | } | 10024 | } |
| 10018 | .noui-slider-warning .noUi-handle { | 10025 | .noui-slider-warning .noUi-handle { |
| 10019 | background-color: #FF5722; | 10026 | background-color: #FF5722; |
| 10020 | } | 10027 | } |
| 10021 | .noui-slider-warning .noUi-handle:focus, | 10028 | .noui-slider-warning .noUi-handle:focus, |
| 10022 | .noui-slider-warning .noUi-handle:active { | 10029 | .noui-slider-warning .noUi-handle:active { |
| 10023 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 10030 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 10024 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 10031 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 10025 | } | 10032 | } |
| 10026 | .noui-slider-info .noUi-connect, | 10033 | .noui-slider-info .noUi-connect, |
| 10027 | .noui-slider-info.noUi-connect { | 10034 | .noui-slider-info.noUi-connect { |
| 10028 | background-color: #00BCD4; | 10035 | background-color: #00BCD4; |
| 10029 | } | 10036 | } |
| 10030 | .noui-slider-info .noUi-handle { | 10037 | .noui-slider-info .noUi-handle { |
| 10031 | background-color: #00BCD4; | 10038 | background-color: #00BCD4; |
| 10032 | } | 10039 | } |
| 10033 | .noui-slider-info .noUi-handle:focus, | 10040 | .noui-slider-info .noUi-handle:focus, |
| 10034 | .noui-slider-info .noUi-handle:active { | 10041 | .noui-slider-info .noUi-handle:active { |
| 10035 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 10042 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 10036 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 10043 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 10037 | } | 10044 | } |
| 10038 | .noUi-tooltip { | 10045 | .noUi-tooltip { |
| 10039 | display: none; | 10046 | display: none; |
| 10040 | position: absolute; | 10047 | position: absolute; |
| 10041 | border-radius: 3px; | 10048 | border-radius: 3px; |
| 10042 | background: #333333; | 10049 | background: #333333; |
| 10043 | color: #fff; | 10050 | color: #fff; |
| 10044 | top: -43px; | 10051 | top: -43px; |
| 10045 | padding: 8px 16px; | 10052 | padding: 8px 16px; |
| 10046 | left: 50%; | 10053 | left: 50%; |
| 10047 | margin-left: -27px; | 10054 | margin-left: -27px; |
| 10048 | text-align: center; | 10055 | text-align: center; |
| 10049 | font-size: 12px; | 10056 | font-size: 12px; |
| 10050 | width: 54px; | 10057 | width: 54px; |
| 10051 | } | 10058 | } |
| 10052 | .noUi-tooltip:after { | 10059 | .noUi-tooltip:after { |
| 10053 | content: ''; | 10060 | content: ''; |
| 10054 | width: 0; | 10061 | width: 0; |
| 10055 | height: 0; | 10062 | height: 0; |
| 10056 | border: 5px solid transparent; | 10063 | border: 5px solid transparent; |
| 10057 | border-top-color: #333333; | 10064 | border-top-color: #333333; |
| 10058 | position: absolute; | 10065 | position: absolute; |
| 10059 | bottom: -10px; | 10066 | bottom: -10px; |
| 10060 | left: 50%; | 10067 | left: 50%; |
| 10061 | margin-left: -5px; | 10068 | margin-left: -5px; |
| 10062 | } | 10069 | } |
| 10063 | .noUi-handle:active .noUi-tooltip { | 10070 | .noUi-handle:active .noUi-tooltip { |
| 10064 | display: block; | 10071 | display: block; |
| 10065 | -webkit-transform: scale(0.75); | 10072 | -webkit-transform: scale(0.75); |
| 10066 | -ms-transform: scale(0.75); | 10073 | -ms-transform: scale(0.75); |
| 10067 | -o-transform: scale(0.75); | 10074 | -o-transform: scale(0.75); |
| 10068 | transform: scale(0.75); | 10075 | transform: scale(0.75); |
| 10069 | } | 10076 | } |
| 10070 | .noUi-pips { | 10077 | .noUi-pips { |
| 10071 | position: absolute; | 10078 | position: absolute; |
| 10072 | color: #999999; | 10079 | color: #999999; |
| 10073 | } | 10080 | } |
| 10074 | .noUi-value { | 10081 | .noUi-value { |
| 10075 | width: 40px; | 10082 | width: 40px; |
| 10076 | position: absolute; | 10083 | position: absolute; |
| 10077 | text-align: center; | 10084 | text-align: center; |
| 10078 | font-size: 11px; | 10085 | font-size: 11px; |
| 10079 | } | 10086 | } |
| 10080 | .noUi-value-sub { | 10087 | .noUi-value-sub { |
| 10081 | color: #ccc; | 10088 | color: #ccc; |
| 10082 | font-size: 11px; | 10089 | font-size: 11px; |
| 10083 | } | 10090 | } |
| 10084 | .noUi-marker { | 10091 | .noUi-marker { |
| 10085 | position: absolute; | 10092 | position: absolute; |
| 10086 | background-color: #ccc; | 10093 | background-color: #ccc; |
| 10087 | } | 10094 | } |
| 10088 | .noUi-pips-horizontal { | 10095 | .noUi-pips-horizontal { |
| 10089 | padding-top: 10px; | 10096 | padding-top: 10px; |
| 10090 | height: 35px; | 10097 | height: 35px; |
| 10091 | top: 100%; | 10098 | top: 100%; |
| 10092 | left: 0; | 10099 | left: 0; |
| 10093 | width: 100%; | 10100 | width: 100%; |
| 10094 | } | 10101 | } |
| 10095 | .noUi-value-horizontal { | 10102 | .noUi-value-horizontal { |
| 10096 | margin-left: -20px; | 10103 | margin-left: -20px; |
| 10097 | padding-top: 15px; | 10104 | padding-top: 15px; |
| 10098 | } | 10105 | } |
| 10099 | .noUi-value-horizontal.noUi-value-sub { | 10106 | .noUi-value-horizontal.noUi-value-sub { |
| 10100 | padding-top: 10px; | 10107 | padding-top: 10px; |
| 10101 | } | 10108 | } |
| 10102 | .noUi-marker-horizontal.noUi-marker { | 10109 | .noUi-marker-horizontal.noUi-marker { |
| 10103 | width: 1px; | 10110 | width: 1px; |
| 10104 | height: 3px; | 10111 | height: 3px; |
| 10105 | } | 10112 | } |
| 10106 | .noUi-marker-horizontal.noUi-marker-sub { | 10113 | .noUi-marker-horizontal.noUi-marker-sub { |
| 10107 | height: 6px; | 10114 | height: 6px; |
| 10108 | } | 10115 | } |
| 10109 | .noUi-marker-horizontal.noUi-marker-large { | 10116 | .noUi-marker-horizontal.noUi-marker-large { |
| 10110 | height: 10px; | 10117 | height: 10px; |
| 10111 | } | 10118 | } |
| 10112 | .noUi-pips-vertical { | 10119 | .noUi-pips-vertical { |
| 10113 | padding-left: 10px; | 10120 | padding-left: 10px; |
| 10114 | height: 100%; | 10121 | height: 100%; |
| 10115 | top: 0; | 10122 | top: 0; |
| 10116 | left: 100%; | 10123 | left: 100%; |
| 10117 | } | 10124 | } |
| 10118 | .noUi-value-vertical { | 10125 | .noUi-value-vertical { |
| 10119 | width: 15px; | 10126 | width: 15px; |
| 10120 | margin-left: 15px; | 10127 | margin-left: 15px; |
| 10121 | margin-top: -6px; | 10128 | margin-top: -6px; |
| 10122 | } | 10129 | } |
| 10123 | .noUi-marker-vertical.noUi-marker { | 10130 | .noUi-marker-vertical.noUi-marker { |
| 10124 | width: 3px; | 10131 | width: 3px; |
| 10125 | height: 1px; | 10132 | height: 1px; |
| 10126 | } | 10133 | } |
| 10127 | .noUi-marker-vertical.noUi-marker-sub { | 10134 | .noUi-marker-vertical.noUi-marker-sub { |
| 10128 | width: 6px; | 10135 | width: 6px; |
| 10129 | } | 10136 | } |
| 10130 | .noUi-marker-vertical.noUi-marker-large { | 10137 | .noUi-marker-vertical.noUi-marker-large { |
| 10131 | width: 10px; | 10138 | width: 10px; |
| 10132 | } | 10139 | } |
| 10133 | /* ------------------------------------------------------------------------------ | 10140 | /* ------------------------------------------------------------------------------ |
| 10134 | * | 10141 | * |
| 10135 | * # ION Range Slider | 10142 | * # ION Range Slider |
| 10136 | * | 10143 | * |
| 10137 | * Styles for ION range slider plugin | 10144 | * Styles for ION range slider plugin |
| 10138 | * | 10145 | * |
| 10139 | * Version: 1.1 | 10146 | * Version: 1.1 |
| 10140 | * Latest update: Mar 10, 2016 | 10147 | * Latest update: Mar 10, 2016 |
| 10141 | * | 10148 | * |
| 10142 | * ---------------------------------------------------------------------------- */ | 10149 | * ---------------------------------------------------------------------------- */ |
| 10143 | .irs { | 10150 | .irs { |
| 10144 | position: relative; | 10151 | position: relative; |
| 10145 | display: block; | 10152 | display: block; |
| 10146 | height: 43px; | 10153 | height: 43px; |
| 10147 | -webkit-touch-callout: none; | 10154 | -webkit-touch-callout: none; |
| 10148 | -webkit-user-select: none; | 10155 | -webkit-user-select: none; |
| 10149 | -moz-user-select: none; | 10156 | -moz-user-select: none; |
| 10150 | -ms-user-select: none; | 10157 | -ms-user-select: none; |
| 10151 | user-select: none; | 10158 | user-select: none; |
| 10152 | } | 10159 | } |
| 10153 | .irs-hidden-input { | 10160 | .irs-hidden-input { |
| 10154 | position: absolute !important; | 10161 | position: absolute !important; |
| 10155 | display: block !important; | 10162 | display: block !important; |
| 10156 | top: 0 !important; | 10163 | top: 0 !important; |
| 10157 | left: 0 !important; | 10164 | left: 0 !important; |
| 10158 | width: 0 !important; | 10165 | width: 0 !important; |
| 10159 | height: 0 !important; | 10166 | height: 0 !important; |
| 10160 | font-size: 0 !important; | 10167 | font-size: 0 !important; |
| 10161 | line-height: 0 !important; | 10168 | line-height: 0 !important; |
| 10162 | padding: 0 !important; | 10169 | padding: 0 !important; |
| 10163 | margin: 0 !important; | 10170 | margin: 0 !important; |
| 10164 | outline: none !important; | 10171 | outline: none !important; |
| 10165 | z-index: -9999 !important; | 10172 | z-index: -9999 !important; |
| 10166 | background: none !important; | 10173 | background: none !important; |
| 10167 | border-style: solid !important; | 10174 | border-style: solid !important; |
| 10168 | border-color: transparent !important; | 10175 | border-color: transparent !important; |
| 10169 | } | 10176 | } |
| 10170 | .irs-line { | 10177 | .irs-line { |
| 10171 | position: relative; | 10178 | position: relative; |
| 10172 | display: block; | 10179 | display: block; |
| 10173 | overflow: hidden; | 10180 | overflow: hidden; |
| 10174 | outline: none; | 10181 | outline: none; |
| 10175 | height: 4px; | 10182 | height: 4px; |
| 10176 | top: 37px; | 10183 | top: 37px; |
| 10177 | background-color: #eeeeee; | 10184 | background-color: #eeeeee; |
| 10178 | border-radius: 100px; | 10185 | border-radius: 100px; |
| 10179 | } | 10186 | } |
| 10180 | .irs-line-left, | 10187 | .irs-line-left, |
| 10181 | .irs-line-mid, | 10188 | .irs-line-mid, |
| 10182 | .irs-line-right { | 10189 | .irs-line-right { |
| 10183 | position: absolute; | 10190 | position: absolute; |
| 10184 | display: block; | 10191 | display: block; |
| 10185 | top: 0; | 10192 | top: 0; |
| 10186 | } | 10193 | } |
| 10187 | .irs-line-left { | 10194 | .irs-line-left { |
| 10188 | left: 0; | 10195 | left: 0; |
| 10189 | width: 11%; | 10196 | width: 11%; |
| 10190 | } | 10197 | } |
| 10191 | .irs-line-mid { | 10198 | .irs-line-mid { |
| 10192 | left: 9%; | 10199 | left: 9%; |
| 10193 | width: 82%; | 10200 | width: 82%; |
| 10194 | } | 10201 | } |
| 10195 | .irs-line-right { | 10202 | .irs-line-right { |
| 10196 | right: 0; | 10203 | right: 0; |
| 10197 | width: 11%; | 10204 | width: 11%; |
| 10198 | } | 10205 | } |
| 10199 | .irs-bar { | 10206 | .irs-bar { |
| 10200 | position: absolute; | 10207 | position: absolute; |
| 10201 | display: block; | 10208 | display: block; |
| 10202 | top: 37px; | 10209 | top: 37px; |
| 10203 | left: 0; | 10210 | left: 0; |
| 10204 | width: 0; | 10211 | width: 0; |
| 10205 | height: 4px; | 10212 | height: 4px; |
| 10206 | background-color: #5C6BC0; | 10213 | background-color: #5C6BC0; |
| 10207 | border-radius: 100px; | 10214 | border-radius: 100px; |
| 10208 | } | 10215 | } |
| 10209 | .irs-bar-edge { | 10216 | .irs-bar-edge { |
| 10210 | position: absolute; | 10217 | position: absolute; |
| 10211 | display: block; | 10218 | display: block; |
| 10212 | top: 25px; | 10219 | top: 25px; |
| 10213 | left: 0; | 10220 | left: 0; |
| 10214 | height: 12px; | 10221 | height: 12px; |
| 10215 | width: 9px; | 10222 | width: 9px; |
| 10216 | } | 10223 | } |
| 10217 | .irs-shadow { | 10224 | .irs-shadow { |
| 10218 | position: absolute; | 10225 | position: absolute; |
| 10219 | display: none; | 10226 | display: none; |
| 10220 | top: 37px; | 10227 | top: 37px; |
| 10221 | left: 0; | 10228 | left: 0; |
| 10222 | width: 0; | 10229 | width: 0; |
| 10223 | height: 4px; | 10230 | height: 4px; |
| 10224 | background-color: #333333; | 10231 | background-color: #333333; |
| 10225 | border-radius: 100px; | 10232 | border-radius: 100px; |
| 10226 | opacity: 0.25; | 10233 | opacity: 0.25; |
| 10227 | filter: alpha(opacity=25); | 10234 | filter: alpha(opacity=25); |
| 10228 | } | 10235 | } |
| 10229 | .irs-slider { | 10236 | .irs-slider { |
| 10230 | position: absolute; | 10237 | position: absolute; |
| 10231 | display: block; | 10238 | display: block; |
| 10232 | width: 12px; | 10239 | width: 12px; |
| 10233 | height: 12px; | 10240 | height: 12px; |
| 10234 | background-color: #5C6BC0; | 10241 | background-color: #5C6BC0; |
| 10235 | top: 33px; | 10242 | top: 33px; |
| 10236 | border-radius: 100px; | 10243 | border-radius: 100px; |
| 10237 | cursor: pointer; | 10244 | cursor: pointer; |
| 10238 | z-index: 1; | 10245 | z-index: 1; |
| 10239 | -webkit-transform: scale(1); | 10246 | -webkit-transform: scale(1); |
| 10240 | -ms-transform: scale(1); | 10247 | -ms-transform: scale(1); |
| 10241 | -o-transform: scale(1); | 10248 | -o-transform: scale(1); |
| 10242 | transform: scale(1); | 10249 | transform: scale(1); |
| 10243 | -webkit-transition: -webkit-transform ease-in-out 0.15s; | 10250 | -webkit-transition: -webkit-transform ease-in-out 0.15s; |
| 10244 | -o-transition: -webkit-transform ease-in-out 0.15s; | 10251 | -o-transition: -webkit-transform ease-in-out 0.15s; |
| 10245 | transition: -webkit-transform ease-in-out 0.15s; | 10252 | transition: -webkit-transform ease-in-out 0.15s; |
| 10246 | } | 10253 | } |
| 10247 | .irs-slider:hover { | 10254 | .irs-slider:hover { |
| 10248 | -webkit-transform: scale(1.25); | 10255 | -webkit-transform: scale(1.25); |
| 10249 | -ms-transform: scale(1.25); | 10256 | -ms-transform: scale(1.25); |
| 10250 | -o-transform: scale(1.25); | 10257 | -o-transform: scale(1.25); |
| 10251 | transform: scale(1.25); | 10258 | transform: scale(1.25); |
| 10252 | } | 10259 | } |
| 10253 | .irs-slider:focus, | 10260 | .irs-slider:focus, |
| 10254 | .irs-slider:active { | 10261 | .irs-slider:active { |
| 10255 | -webkit-transform: scale(1.5); | 10262 | -webkit-transform: scale(1.5); |
| 10256 | -ms-transform: scale(1.5); | 10263 | -ms-transform: scale(1.5); |
| 10257 | -o-transform: scale(1.5); | 10264 | -o-transform: scale(1.5); |
| 10258 | transform: scale(1.5); | 10265 | transform: scale(1.5); |
| 10259 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 10266 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 10260 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 10267 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 10261 | } | 10268 | } |
| 10262 | .irs-slider.type_last { | 10269 | .irs-slider.type_last { |
| 10263 | z-index: 2; | 10270 | z-index: 2; |
| 10264 | } | 10271 | } |
| 10265 | .irs-min, | 10272 | .irs-min, |
| 10266 | .irs-max, | 10273 | .irs-max, |
| 10267 | .irs-from, | 10274 | .irs-from, |
| 10268 | .irs-to, | 10275 | .irs-to, |
| 10269 | .irs-single { | 10276 | .irs-single { |
| 10270 | position: absolute; | 10277 | position: absolute; |
| 10271 | display: block; | 10278 | display: block; |
| 10272 | cursor: default; | 10279 | cursor: default; |
| 10273 | } | 10280 | } |
| 10274 | .irs-min, | 10281 | .irs-min, |
| 10275 | .irs-max { | 10282 | .irs-max { |
| 10276 | color: #999999; | 10283 | color: #999999; |
| 10277 | font-size: 11px; | 10284 | font-size: 11px; |
| 10278 | line-height: 1; | 10285 | line-height: 1; |
| 10279 | top: 0; | 10286 | top: 0; |
| 10280 | padding: 6px; | 10287 | padding: 6px; |
| 10281 | background-color: #eeeeee; | 10288 | background-color: #eeeeee; |
| 10282 | border-radius: 2px; | 10289 | border-radius: 2px; |
| 10283 | } | 10290 | } |
| 10284 | .irs-min { | 10291 | .irs-min { |
| 10285 | left: 0; | 10292 | left: 0; |
| 10286 | } | 10293 | } |
| 10287 | .irs-max { | 10294 | .irs-max { |
| 10288 | right: 0; | 10295 | right: 0; |
| 10289 | } | 10296 | } |
| 10290 | .irs-from, | 10297 | .irs-from, |
| 10291 | .irs-to, | 10298 | .irs-to, |
| 10292 | .irs-single { | 10299 | .irs-single { |
| 10293 | left: 0; | 10300 | left: 0; |
| 10294 | white-space: nowrap; | 10301 | white-space: nowrap; |
| 10295 | color: #fff; | 10302 | color: #fff; |
| 10296 | font-size: 11px; | 10303 | font-size: 11px; |
| 10297 | line-height: 1; | 10304 | line-height: 1; |
| 10298 | padding: 6px; | 10305 | padding: 6px; |
| 10299 | top: 0; | 10306 | top: 0; |
| 10300 | background-color: #333; | 10307 | background-color: #333; |
| 10301 | border-radius: 2px; | 10308 | border-radius: 2px; |
| 10302 | } | 10309 | } |
| 10303 | .irs-from:after, | 10310 | .irs-from:after, |
| 10304 | .irs-to:after, | 10311 | .irs-to:after, |
| 10305 | .irs-single:after { | 10312 | .irs-single:after { |
| 10306 | content: ""; | 10313 | content: ""; |
| 10307 | position: absolute; | 10314 | position: absolute; |
| 10308 | display: block; | 10315 | display: block; |
| 10309 | bottom: -8px; | 10316 | bottom: -8px; |
| 10310 | left: 50%; | 10317 | left: 50%; |
| 10311 | width: 0; | 10318 | width: 0; |
| 10312 | height: 0; | 10319 | height: 0; |
| 10313 | margin-left: -4px; | 10320 | margin-left: -4px; |
| 10314 | overflow: hidden; | 10321 | overflow: hidden; |
| 10315 | border: 4px solid transparent; | 10322 | border: 4px solid transparent; |
| 10316 | border-top-color: #333; | 10323 | border-top-color: #333; |
| 10317 | } | 10324 | } |
| 10318 | .irs-grid { | 10325 | .irs-grid { |
| 10319 | position: absolute; | 10326 | position: absolute; |
| 10320 | display: none; | 10327 | display: none; |
| 10321 | bottom: 0; | 10328 | bottom: 0; |
| 10322 | left: 0; | 10329 | left: 0; |
| 10323 | width: 100%; | 10330 | width: 100%; |
| 10324 | height: 24px; | 10331 | height: 24px; |
| 10325 | } | 10332 | } |
| 10326 | .irs-with-grid { | 10333 | .irs-with-grid { |
| 10327 | height: 75px; | 10334 | height: 75px; |
| 10328 | } | 10335 | } |
| 10329 | .irs-with-grid .irs-grid { | 10336 | .irs-with-grid .irs-grid { |
| 10330 | display: block; | 10337 | display: block; |
| 10331 | } | 10338 | } |
| 10332 | .irs-grid-pol { | 10339 | .irs-grid-pol { |
| 10333 | position: absolute; | 10340 | position: absolute; |
| 10334 | top: 0; | 10341 | top: 0; |
| 10335 | left: 0; | 10342 | left: 0; |
| 10336 | width: 1px; | 10343 | width: 1px; |
| 10337 | height: 8px; | 10344 | height: 8px; |
| 10338 | background-color: #999999; | 10345 | background-color: #999999; |
| 10339 | } | 10346 | } |
| 10340 | .irs-grid-pol.small { | 10347 | .irs-grid-pol.small { |
| 10341 | height: 4px; | 10348 | height: 4px; |
| 10342 | } | 10349 | } |
| 10343 | .irs-grid-text { | 10350 | .irs-grid-text { |
| 10344 | position: absolute; | 10351 | position: absolute; |
| 10345 | bottom: 0; | 10352 | bottom: 0; |
| 10346 | left: 0; | 10353 | left: 0; |
| 10347 | white-space: nowrap; | 10354 | white-space: nowrap; |
| 10348 | text-align: center; | 10355 | text-align: center; |
| 10349 | font-size: 11px; | 10356 | font-size: 11px; |
| 10350 | color: #999999; | 10357 | color: #999999; |
| 10351 | line-height: 1; | 10358 | line-height: 1; |
| 10352 | padding: 0 3px; | 10359 | padding: 0 3px; |
| 10353 | } | 10360 | } |
| 10354 | .irs-disable-mask { | 10361 | .irs-disable-mask { |
| 10355 | position: absolute; | 10362 | position: absolute; |
| 10356 | display: block; | 10363 | display: block; |
| 10357 | top: 0; | 10364 | top: 0; |
| 10358 | left: -1%; | 10365 | left: -1%; |
| 10359 | width: 102%; | 10366 | width: 102%; |
| 10360 | height: 100%; | 10367 | height: 100%; |
| 10361 | cursor: default; | 10368 | cursor: default; |
| 10362 | background: transparent; | 10369 | background: transparent; |
| 10363 | z-index: 2; | 10370 | z-index: 2; |
| 10364 | } | 10371 | } |
| 10365 | .irs-disabled { | 10372 | .irs-disabled { |
| 10366 | opacity: 0.6; | 10373 | opacity: 0.6; |
| 10367 | filter: alpha(opacity=60); | 10374 | filter: alpha(opacity=60); |
| 10368 | } | 10375 | } |
| 10369 | /* ------------------------------------------------------------------------------ | 10376 | /* ------------------------------------------------------------------------------ |
| 10370 | * | 10377 | * |
| 10371 | * # jQuery UI Interactions | 10378 | * # jQuery UI Interactions |
| 10372 | * | 10379 | * |
| 10373 | * Separate styles for jQuery UI library. Component's interactions | 10380 | * Separate styles for jQuery UI library. Component's interactions |
| 10374 | * | 10381 | * |
| 10375 | * Version: 1.1 | 10382 | * Version: 1.1 |
| 10376 | * Latest update: Mar 10, 2016 | 10383 | * Latest update: Mar 10, 2016 |
| 10377 | * | 10384 | * |
| 10378 | * ---------------------------------------------------------------------------- */ | 10385 | * ---------------------------------------------------------------------------- */ |
| 10379 | .ui-draggable-handle, | 10386 | .ui-draggable-handle, |
| 10380 | .ui-sortable-handle { | 10387 | .ui-sortable-handle { |
| 10381 | -ms-touch-action: none; | 10388 | -ms-touch-action: none; |
| 10382 | touch-action: none; | 10389 | touch-action: none; |
| 10383 | } | 10390 | } |
| 10384 | .ui-sortable .ui-state-disabled { | 10391 | .ui-sortable .ui-state-disabled { |
| 10385 | color: #999999; | 10392 | color: #999999; |
| 10386 | cursor: not-allowed; | 10393 | cursor: not-allowed; |
| 10387 | opacity: 0.75; | 10394 | opacity: 0.75; |
| 10388 | filter: alpha(opacity=75); | 10395 | filter: alpha(opacity=75); |
| 10389 | } | 10396 | } |
| 10390 | .sortable-placeholder { | 10397 | .sortable-placeholder { |
| 10391 | position: relative; | 10398 | position: relative; |
| 10392 | } | 10399 | } |
| 10393 | .sortable-placeholder:before { | 10400 | .sortable-placeholder:before { |
| 10394 | content: ''; | 10401 | content: ''; |
| 10395 | display: inline-block; | 10402 | display: inline-block; |
| 10396 | background-color: rgba(255, 255, 255, 0.8); | 10403 | background-color: rgba(255, 255, 255, 0.8); |
| 10397 | width: 100%; | 10404 | width: 100%; |
| 10398 | height: 100%; | 10405 | height: 100%; |
| 10399 | position: absolute; | 10406 | position: absolute; |
| 10400 | left: 0; | 10407 | left: 0; |
| 10401 | top: 0; | 10408 | top: 0; |
| 10402 | border: 1px dashed rgba(0, 0, 0, 0.2); | 10409 | border: 1px dashed rgba(0, 0, 0, 0.2); |
| 10403 | } | 10410 | } |
| 10404 | .sidebar .sortable-placeholder:before { | 10411 | .sidebar .sortable-placeholder:before { |
| 10405 | border-left: 0; | 10412 | border-left: 0; |
| 10406 | border-right: 0; | 10413 | border-right: 0; |
| 10407 | background-color: rgba(0, 0, 0, 0.05); | 10414 | background-color: rgba(0, 0, 0, 0.05); |
| 10408 | } | 10415 | } |
| 10409 | .sidebar-category.ui-sortable-helper { | 10416 | .sidebar-category.ui-sortable-helper { |
| 10410 | background-color: rgba(0, 0, 0, 0.4); | 10417 | background-color: rgba(0, 0, 0, 0.4); |
| 10411 | } | 10418 | } |
| 10412 | .sidebar-default .sidebar-category.ui-sortable-helper { | 10419 | .sidebar-default .sidebar-category.ui-sortable-helper { |
| 10413 | background-color: #fcfcfc; | 10420 | background-color: #fcfcfc; |
| 10414 | } | 10421 | } |
| 10415 | .panel + .sortable-placeholder { | 10422 | .panel + .sortable-placeholder { |
| 10416 | margin-bottom: 20px; | 10423 | margin-bottom: 20px; |
| 10417 | } | 10424 | } |
| 10418 | .sortable-placeholder + .panel { | 10425 | .sortable-placeholder + .panel { |
| 10419 | margin-top: 20px; | 10426 | margin-top: 20px; |
| 10420 | } | 10427 | } |
| 10421 | .panel-group > .sortable-placeholder:before { | 10428 | .panel-group > .sortable-placeholder:before { |
| 10422 | border-radius: 3px; | 10429 | border-radius: 3px; |
| 10423 | } | 10430 | } |
| 10424 | .panel-group .panel + .sortable-placeholder { | 10431 | .panel-group .panel + .sortable-placeholder { |
| 10425 | margin-top: 5px; | 10432 | margin-top: 5px; |
| 10426 | margin-bottom: 5px; | 10433 | margin-bottom: 5px; |
| 10427 | } | 10434 | } |
| 10428 | .panel-group .sortable-placeholder + .panel { | 10435 | .panel-group .sortable-placeholder + .panel { |
| 10429 | margin-top: 5px; | 10436 | margin-top: 5px; |
| 10430 | } | 10437 | } |
| 10431 | .table .ui-sortable-helper { | 10438 | .table .ui-sortable-helper { |
| 10432 | width: 100%; | 10439 | width: 100%; |
| 10433 | background-color: #fff; | 10440 | background-color: #fff; |
| 10434 | display: table; | 10441 | display: table; |
| 10435 | } | 10442 | } |
| 10436 | .table .sortable-placeholder { | 10443 | .table .sortable-placeholder { |
| 10437 | margin: 0; | 10444 | margin: 0; |
| 10438 | } | 10445 | } |
| 10439 | .table .sortable-placeholder:before { | 10446 | .table .sortable-placeholder:before { |
| 10440 | content: none; | 10447 | content: none; |
| 10441 | } | 10448 | } |
| 10442 | .table.ui-sortable { | 10449 | .table.ui-sortable { |
| 10443 | position: relative; | 10450 | position: relative; |
| 10444 | } | 10451 | } |
| 10445 | .ui-resizable { | 10452 | .ui-resizable { |
| 10446 | position: relative; | 10453 | position: relative; |
| 10447 | } | 10454 | } |
| 10448 | .ui-resizable, | 10455 | .ui-resizable, |
| 10449 | .ui-resizable .ui-dialog-content { | 10456 | .ui-resizable .ui-dialog-content { |
| 10450 | -webkit-box-sizing: content-box; | 10457 | -webkit-box-sizing: content-box; |
| 10451 | -moz-box-sizing: content-box; | 10458 | -moz-box-sizing: content-box; |
| 10452 | box-sizing: content-box; | 10459 | box-sizing: content-box; |
| 10453 | } | 10460 | } |
| 10454 | .ui-resizable-handle { | 10461 | .ui-resizable-handle { |
| 10455 | position: absolute; | 10462 | position: absolute; |
| 10456 | font-size: 0.1px; | 10463 | font-size: 0.1px; |
| 10457 | display: block; | 10464 | display: block; |
| 10458 | -ms-touch-action: none; | 10465 | -ms-touch-action: none; |
| 10459 | touch-action: none; | 10466 | touch-action: none; |
| 10460 | } | 10467 | } |
| 10461 | .ui-resizable-handle.ui-icon { | 10468 | .ui-resizable-handle.ui-icon { |
| 10462 | display: inline-block; | 10469 | display: inline-block; |
| 10463 | border-style: solid; | 10470 | border-style: solid; |
| 10464 | border-width: 0 0 6px 6px; | 10471 | border-width: 0 0 6px 6px; |
| 10465 | border-color: transparent transparent #333333 transparent; | 10472 | border-color: transparent transparent #333333 transparent; |
| 10466 | } | 10473 | } |
| 10467 | .ui-resizable-disabled .ui-resizable-handle, | 10474 | .ui-resizable-disabled .ui-resizable-handle, |
| 10468 | .ui-resizable-autohide .ui-resizable-handle { | 10475 | .ui-resizable-autohide .ui-resizable-handle { |
| 10469 | display: none; | 10476 | display: none; |
| 10470 | } | 10477 | } |
| 10471 | .ui-resizable-helper { | 10478 | .ui-resizable-helper { |
| 10472 | border: 1px dashed #ccc; | 10479 | border: 1px dashed #ccc; |
| 10473 | } | 10480 | } |
| 10474 | .ui-resizable-n { | 10481 | .ui-resizable-n { |
| 10475 | cursor: n-resize; | 10482 | cursor: n-resize; |
| 10476 | height: 7px; | 10483 | height: 7px; |
| 10477 | width: 100%; | 10484 | width: 100%; |
| 10478 | top: -5px; | 10485 | top: -5px; |
| 10479 | left: 0; | 10486 | left: 0; |
| 10480 | } | 10487 | } |
| 10481 | .ui-resizable-s { | 10488 | .ui-resizable-s { |
| 10482 | cursor: s-resize; | 10489 | cursor: s-resize; |
| 10483 | height: 7px; | 10490 | height: 7px; |
| 10484 | width: 100%; | 10491 | width: 100%; |
| 10485 | bottom: -5px; | 10492 | bottom: -5px; |
| 10486 | left: 0; | 10493 | left: 0; |
| 10487 | } | 10494 | } |
| 10488 | .ui-resizable-e { | 10495 | .ui-resizable-e { |
| 10489 | cursor: e-resize; | 10496 | cursor: e-resize; |
| 10490 | width: 7px; | 10497 | width: 7px; |
| 10491 | right: -5px; | 10498 | right: -5px; |
| 10492 | top: 0; | 10499 | top: 0; |
| 10493 | height: 100%; | 10500 | height: 100%; |
| 10494 | } | 10501 | } |
| 10495 | .ui-resizable-w { | 10502 | .ui-resizable-w { |
| 10496 | cursor: w-resize; | 10503 | cursor: w-resize; |
| 10497 | width: 7px; | 10504 | width: 7px; |
| 10498 | left: -5px; | 10505 | left: -5px; |
| 10499 | top: 0; | 10506 | top: 0; |
| 10500 | height: 100%; | 10507 | height: 100%; |
| 10501 | } | 10508 | } |
| 10502 | .ui-resizable-se { | 10509 | .ui-resizable-se { |
| 10503 | cursor: se-resize; | 10510 | cursor: se-resize; |
| 10504 | right: 1px; | 10511 | right: 1px; |
| 10505 | bottom: 1px; | 10512 | bottom: 1px; |
| 10506 | } | 10513 | } |
| 10507 | .ui-resizable-sw { | 10514 | .ui-resizable-sw { |
| 10508 | cursor: sw-resize; | 10515 | cursor: sw-resize; |
| 10509 | width: 9px; | 10516 | width: 9px; |
| 10510 | height: 9px; | 10517 | height: 9px; |
| 10511 | left: -5px; | 10518 | left: -5px; |
| 10512 | bottom: -5px; | 10519 | bottom: -5px; |
| 10513 | } | 10520 | } |
| 10514 | .ui-resizable-nw { | 10521 | .ui-resizable-nw { |
| 10515 | cursor: nw-resize; | 10522 | cursor: nw-resize; |
| 10516 | width: 9px; | 10523 | width: 9px; |
| 10517 | height: 9px; | 10524 | height: 9px; |
| 10518 | left: -5px; | 10525 | left: -5px; |
| 10519 | top: -5px; | 10526 | top: -5px; |
| 10520 | } | 10527 | } |
| 10521 | .ui-resizable-ne { | 10528 | .ui-resizable-ne { |
| 10522 | cursor: ne-resize; | 10529 | cursor: ne-resize; |
| 10523 | width: 9px; | 10530 | width: 9px; |
| 10524 | height: 9px; | 10531 | height: 9px; |
| 10525 | right: -5px; | 10532 | right: -5px; |
| 10526 | top: -5px; | 10533 | top: -5px; |
| 10527 | } | 10534 | } |
| 10528 | .ui-selectable { | 10535 | .ui-selectable { |
| 10529 | -ms-touch-action: none; | 10536 | -ms-touch-action: none; |
| 10530 | touch-action: none; | 10537 | touch-action: none; |
| 10531 | } | 10538 | } |
| 10532 | .ui-selectable-helper { | 10539 | .ui-selectable-helper { |
| 10533 | position: absolute; | 10540 | position: absolute; |
| 10534 | z-index: 100; | 10541 | z-index: 100; |
| 10535 | border: 1px dashed #333333; | 10542 | border: 1px dashed #333333; |
| 10536 | } | 10543 | } |
| 10537 | /* ------------------------------------------------------------------------------ | 10544 | /* ------------------------------------------------------------------------------ |
| 10538 | * | 10545 | * |
| 10539 | * # jQuery UI Widgets | 10546 | * # jQuery UI Widgets |
| 10540 | * | 10547 | * |
| 10541 | * Styles for jQuery UI widgets | 10548 | * Styles for jQuery UI widgets |
| 10542 | * | 10549 | * |
| 10543 | * Version: 1.2 | 10550 | * Version: 1.2 |
| 10544 | * Latest update: Aug 10, 2016 | 10551 | * Latest update: Aug 10, 2016 |
| 10545 | * | 10552 | * |
| 10546 | * ---------------------------------------------------------------------------- */ | 10553 | * ---------------------------------------------------------------------------- */ |
| 10547 | .ui-accordion .ui-accordion-header { | 10554 | .ui-accordion .ui-accordion-header { |
| 10548 | display: block; | 10555 | display: block; |
| 10549 | cursor: pointer; | 10556 | cursor: pointer; |
| 10550 | margin: 0; | 10557 | margin: 0; |
| 10551 | outline: 0; | 10558 | outline: 0; |
| 10552 | position: relative; | 10559 | position: relative; |
| 10553 | background-color: #fff; | 10560 | background-color: #fff; |
| 10554 | padding: 15px 20px; | 10561 | padding: 15px 20px; |
| 10555 | border: 1px solid #ddd; | 10562 | border: 1px solid #ddd; |
| 10556 | margin-top: 5px; | 10563 | margin-top: 5px; |
| 10557 | border-radius: 3px; | 10564 | border-radius: 3px; |
| 10558 | } | 10565 | } |
| 10559 | .ui-accordion .ui-accordion-header:first-child { | 10566 | .ui-accordion .ui-accordion-header:first-child { |
| 10560 | margin-top: 0; | 10567 | margin-top: 0; |
| 10561 | } | 10568 | } |
| 10562 | .ui-accordion .ui-accordion-header.ui-accordion-header-active { | 10569 | .ui-accordion .ui-accordion-header.ui-accordion-header-active { |
| 10563 | border-bottom-right-radius: 0; | 10570 | border-bottom-right-radius: 0; |
| 10564 | border-bottom-left-radius: 0; | 10571 | border-bottom-left-radius: 0; |
| 10565 | } | 10572 | } |
| 10566 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon { | 10573 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon { |
| 10567 | position: absolute; | 10574 | position: absolute; |
| 10568 | top: 50%; | 10575 | top: 50%; |
| 10569 | right: 20px; | 10576 | right: 20px; |
| 10570 | margin-top: -8px; | 10577 | margin-top: -8px; |
| 10571 | } | 10578 | } |
| 10572 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { | 10579 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { |
| 10573 | content: '\e9b8'; | 10580 | content: '\e9b8'; |
| 10574 | font-family: 'Icomoon'; | 10581 | font-family: 'Icomoon'; |
| 10575 | display: block; | 10582 | display: block; |
| 10576 | width: 16px; | 10583 | width: 16px; |
| 10577 | font-size: 16px; | 10584 | font-size: 16px; |
| 10578 | line-height: 1; | 10585 | line-height: 1; |
| 10579 | -webkit-font-smoothing: antialiased; | 10586 | -webkit-font-smoothing: antialiased; |
| 10580 | -moz-osx-font-smoothing: grayscale; | 10587 | -moz-osx-font-smoothing: grayscale; |
| 10581 | } | 10588 | } |
| 10582 | .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { | 10589 | .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { |
| 10583 | content: '\e9b7'; | 10590 | content: '\e9b7'; |
| 10584 | } | 10591 | } |
| 10585 | .ui-accordion .ui-accordion-icons { | 10592 | .ui-accordion .ui-accordion-icons { |
| 10586 | padding-right: 46px; | 10593 | padding-right: 46px; |
| 10587 | } | 10594 | } |
| 10588 | .ui-accordion .ui-accordion-content { | 10595 | .ui-accordion .ui-accordion-content { |
| 10589 | padding: 20px; | 10596 | padding: 20px; |
| 10590 | background-color: #fff; | 10597 | background-color: #fff; |
| 10591 | border: 1px solid #ddd; | 10598 | border: 1px solid #ddd; |
| 10592 | border-top: 0; | 10599 | border-top: 0; |
| 10593 | overflow: auto; | 10600 | overflow: auto; |
| 10594 | border-bottom-right-radius: 3px; | 10601 | border-bottom-right-radius: 3px; |
| 10595 | border-bottom-left-radius: 3px; | 10602 | border-bottom-left-radius: 3px; |
| 10596 | } | 10603 | } |
| 10597 | .accordion-sortable-group + .accordion-sortable-group { | 10604 | .accordion-sortable-group + .accordion-sortable-group { |
| 10598 | margin-top: 5px; | 10605 | margin-top: 5px; |
| 10599 | } | 10606 | } |
| 10600 | .ui-autocomplete { | 10607 | .ui-autocomplete { |
| 10601 | position: absolute; | 10608 | position: absolute; |
| 10602 | display: none; | 10609 | display: none; |
| 10603 | padding: 8px 0; | 10610 | padding: 8px 0; |
| 10604 | z-index: 1000; | 10611 | z-index: 1000; |
| 10605 | max-height: 250px; | 10612 | max-height: 250px; |
| 10606 | overflow-y: auto; | 10613 | overflow-y: auto; |
| 10607 | overflow-x: hidden; | 10614 | overflow-x: hidden; |
| 10608 | } | 10615 | } |
| 10609 | .ui-autocomplete .ui-autocomplete-category { | 10616 | .ui-autocomplete .ui-autocomplete-category { |
| 10610 | padding: 8px 16px; | 10617 | padding: 8px 16px; |
| 10611 | font-size: 11px; | 10618 | font-size: 11px; |
| 10612 | line-height: 1.82; | 10619 | line-height: 1.82; |
| 10613 | text-transform: uppercase; | 10620 | text-transform: uppercase; |
| 10614 | font-weight: 700; | 10621 | font-weight: 700; |
| 10615 | margin-top: 2px; | 10622 | margin-top: 2px; |
| 10616 | margin-bottom: 2px; | 10623 | margin-bottom: 2px; |
| 10617 | } | 10624 | } |
| 10618 | .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item { | 10625 | .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item { |
| 10619 | padding-left: 32px; | 10626 | padding-left: 32px; |
| 10620 | } | 10627 | } |
| 10621 | .ui-autocomplete-processing:after { | 10628 | .ui-autocomplete-processing:after { |
| 10622 | content: '\eb51'; | 10629 | content: '\eb51'; |
| 10623 | font-family: 'Icomoon'; | 10630 | font-family: 'Icomoon'; |
| 10624 | display: inline-block; | 10631 | display: inline-block; |
| 10625 | position: absolute; | 10632 | position: absolute; |
| 10626 | top: 50%; | 10633 | top: 50%; |
| 10627 | right: 0; | 10634 | right: 0; |
| 10628 | width: 16px; | 10635 | width: 16px; |
| 10629 | text-align: right; | 10636 | text-align: right; |
| 10630 | margin-top: -8px; | 10637 | margin-top: -8px; |
| 10631 | font-size: 16px; | 10638 | font-size: 16px; |
| 10632 | line-height: 1; | 10639 | line-height: 1; |
| 10633 | color: inherit; | 10640 | color: inherit; |
| 10634 | -webkit-font-smoothing: antialiased; | 10641 | -webkit-font-smoothing: antialiased; |
| 10635 | -moz-osx-font-smoothing: grayscale; | 10642 | -moz-osx-font-smoothing: grayscale; |
| 10636 | -webkit-animation: rotation 1s linear infinite; | 10643 | -webkit-animation: rotation 1s linear infinite; |
| 10637 | -o-animation: rotation 1s linear infinite; | 10644 | -o-animation: rotation 1s linear infinite; |
| 10638 | animation: rotation 1s linear infinite; | 10645 | animation: rotation 1s linear infinite; |
| 10639 | } | 10646 | } |
| 10640 | .ui-button { | 10647 | .ui-button { |
| 10641 | display: inline-block; | 10648 | display: inline-block; |
| 10642 | position: relative; | 10649 | position: relative; |
| 10643 | touch-action: manipulation; | 10650 | touch-action: manipulation; |
| 10644 | margin-bottom: 0; | 10651 | margin-bottom: 0; |
| 10645 | padding: 9px 17px; | 10652 | padding: 9px 17px; |
| 10646 | border-radius: 3px; | 10653 | border-radius: 3px; |
| 10647 | cursor: pointer; | 10654 | cursor: pointer; |
| 10648 | vertical-align: middle; | 10655 | vertical-align: middle; |
| 10649 | text-align: center; | 10656 | text-align: center; |
| 10650 | background-color: #f5f5f5; | 10657 | background-color: #f5f5f5; |
| 10651 | border: 0; | 10658 | border: 0; |
| 10652 | text-transform: uppercase; | 10659 | text-transform: uppercase; |
| 10653 | font-weight: 500; | 10660 | font-weight: 500; |
| 10654 | color: #333; | 10661 | color: #333; |
| 10655 | } | 10662 | } |
| 10656 | .ui-button.ui-state-hover, | 10663 | .ui-button.ui-state-hover, |
| 10657 | .ui-button.ui-state-focus { | 10664 | .ui-button.ui-state-focus { |
| 10658 | color: #333; | 10665 | color: #333; |
| 10659 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10666 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10660 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10667 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10661 | } | 10668 | } |
| 10662 | .ui-button.ui-state-active { | 10669 | .ui-button.ui-state-active { |
| 10663 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10670 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10664 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10671 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10665 | } | 10672 | } |
| 10666 | .ui-button.ui-state-disabled { | 10673 | .ui-button.ui-state-disabled { |
| 10667 | cursor: not-allowed; | 10674 | cursor: not-allowed; |
| 10668 | opacity: 0.65; | 10675 | opacity: 0.65; |
| 10669 | filter: alpha(opacity=65); | 10676 | filter: alpha(opacity=65); |
| 10670 | -webkit-box-shadow: none; | 10677 | -webkit-box-shadow: none; |
| 10671 | box-shadow: none; | 10678 | box-shadow: none; |
| 10672 | } | 10679 | } |
| 10673 | .ui-button[class*=bg-].ui-state-hover, | 10680 | .ui-button[class*=bg-].ui-state-hover, |
| 10674 | .ui-button[class*=bg-].ui-state-focus { | 10681 | .ui-button[class*=bg-].ui-state-focus { |
| 10675 | color: #fff; | 10682 | color: #fff; |
| 10676 | } | 10683 | } |
| 10677 | .ui-button.ui-button-link { | 10684 | .ui-button.ui-button-link { |
| 10678 | background-color: transparent; | 10685 | background-color: transparent; |
| 10679 | border-color: transparent; | 10686 | border-color: transparent; |
| 10680 | } | 10687 | } |
| 10681 | .ui-button.ui-button-link.ui-state-hover, | 10688 | .ui-button.ui-button-link.ui-state-hover, |
| 10682 | .ui-button.ui-button-link.ui-state-focus { | 10689 | .ui-button.ui-button-link.ui-state-focus { |
| 10683 | color: #166dba; | 10690 | color: #166dba; |
| 10684 | } | 10691 | } |
| 10685 | .ui-button.ui-button-link.ui-state-hover, | 10692 | .ui-button.ui-button-link.ui-state-hover, |
| 10686 | .ui-button.ui-button-link.ui-state-focus, | 10693 | .ui-button.ui-button-link.ui-state-focus, |
| 10687 | .ui-button.ui-button-link.ui-state-active { | 10694 | .ui-button.ui-button-link.ui-state-active { |
| 10688 | -webkit-box-shadow: none; | 10695 | -webkit-box-shadow: none; |
| 10689 | box-shadow: none; | 10696 | box-shadow: none; |
| 10690 | } | 10697 | } |
| 10691 | .ui-button::-moz-focus-inner { | 10698 | .ui-button::-moz-focus-inner { |
| 10692 | border: 0; | 10699 | border: 0; |
| 10693 | padding: 0; | 10700 | padding: 0; |
| 10694 | } | 10701 | } |
| 10695 | .ui-button-text-icon-primary .ui-button-icon-primary, | 10702 | .ui-button-text-icon-primary .ui-button-icon-primary, |
| 10696 | .ui-button-text-icons .ui-button-icon-primary, | 10703 | .ui-button-text-icons .ui-button-icon-primary, |
| 10697 | .ui-button-icon-primary .ui-button-icons-only { | 10704 | .ui-button-icon-primary .ui-button-icons-only { |
| 10698 | margin-right: 10px; | 10705 | margin-right: 10px; |
| 10699 | } | 10706 | } |
| 10700 | .ui-button-text-icon-secondary .ui-button-icon-secondary, | 10707 | .ui-button-text-icon-secondary .ui-button-icon-secondary, |
| 10701 | .ui-button-text-icons .ui-button-icon-secondary, | 10708 | .ui-button-text-icons .ui-button-icon-secondary, |
| 10702 | .ui-button-icons-only .ui-button-icon-secondary { | 10709 | .ui-button-icons-only .ui-button-icon-secondary { |
| 10703 | margin-left: 10px; | 10710 | margin-left: 10px; |
| 10704 | } | 10711 | } |
| 10705 | .ui-button-icon-only { | 10712 | .ui-button-icon-only { |
| 10706 | padding-left: 11px; | 10713 | padding-left: 11px; |
| 10707 | padding-right: 11px; | 10714 | padding-right: 11px; |
| 10708 | } | 10715 | } |
| 10709 | .ui-button-icon-only .ui-button-text, | 10716 | .ui-button-icon-only .ui-button-text, |
| 10710 | .ui-button-icons-only .ui-button-text { | 10717 | .ui-button-icons-only .ui-button-text { |
| 10711 | display: none; | 10718 | display: none; |
| 10712 | } | 10719 | } |
| 10713 | .ui-buttonset { | 10720 | .ui-buttonset { |
| 10714 | display: inline-block; | 10721 | display: inline-block; |
| 10715 | vertical-align: middle; | 10722 | vertical-align: middle; |
| 10716 | position: relative; | 10723 | position: relative; |
| 10717 | } | 10724 | } |
| 10718 | .ui-buttonset .ui-button { | 10725 | .ui-buttonset .ui-button { |
| 10719 | border-radius: 0; | 10726 | border-radius: 0; |
| 10720 | margin-left: 1px; | 10727 | margin-left: 1px; |
| 10721 | float: left; | 10728 | float: left; |
| 10722 | } | 10729 | } |
| 10723 | .ui-buttonset .ui-button:first-child, | 10730 | .ui-buttonset .ui-button:first-child, |
| 10724 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button { | 10731 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button { |
| 10725 | margin-left: 0; | 10732 | margin-left: 0; |
| 10726 | } | 10733 | } |
| 10727 | .ui-buttonset .ui-button:first-child, | 10734 | .ui-buttonset .ui-button:first-child, |
| 10728 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button:not(:last-child) { | 10735 | .ui-buttonset .ui-helper-hidden-accessible:first-child + .ui-button:not(:last-child) { |
| 10729 | border-bottom-left-radius: 3px; | 10736 | border-bottom-left-radius: 3px; |
| 10730 | border-top-left-radius: 3px; | 10737 | border-top-left-radius: 3px; |
| 10731 | } | 10738 | } |
| 10732 | .ui-buttonset .ui-button:last-child { | 10739 | .ui-buttonset .ui-button:last-child { |
| 10733 | border-bottom-right-radius: 3px; | 10740 | border-bottom-right-radius: 3px; |
| 10734 | border-top-right-radius: 3px; | 10741 | border-top-right-radius: 3px; |
| 10735 | } | 10742 | } |
| 10736 | .ui-buttonset-split { | 10743 | .ui-buttonset-split { |
| 10737 | position: relative; | 10744 | position: relative; |
| 10738 | display: inline-block; | 10745 | display: inline-block; |
| 10739 | } | 10746 | } |
| 10740 | .ui-buttonset-split > ul { | 10747 | .ui-buttonset-split > ul { |
| 10741 | position: absolute; | 10748 | position: absolute; |
| 10742 | text-align: left; | 10749 | text-align: left; |
| 10743 | min-width: 180px; | 10750 | min-width: 180px; |
| 10744 | } | 10751 | } |
| 10745 | .ui-datepicker { | 10752 | .ui-datepicker { |
| 10746 | min-width: 270px; | 10753 | min-width: 270px; |
| 10747 | background-color: #fff; | 10754 | background-color: #fff; |
| 10748 | padding: 16px; | 10755 | padding: 16px; |
| 10749 | display: none; | 10756 | display: none; |
| 10750 | border-radius: 3px; | 10757 | border-radius: 3px; |
| 10751 | z-index: 190; | 10758 | z-index: 190; |
| 10752 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 10759 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 10753 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 10760 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 10754 | } | 10761 | } |
| 10755 | .sidebar .ui-datepicker { | 10762 | .sidebar .ui-datepicker { |
| 10756 | min-width: 0; | 10763 | min-width: 0; |
| 10757 | } | 10764 | } |
| 10758 | .ui-datepicker .ui-datepicker-header { | 10765 | .ui-datepicker .ui-datepicker-header { |
| 10759 | position: relative; | 10766 | position: relative; |
| 10760 | } | 10767 | } |
| 10761 | .ui-datepicker .ui-datepicker-title { | 10768 | .ui-datepicker .ui-datepicker-title { |
| 10762 | margin: 0 40px; | 10769 | margin: 0 40px; |
| 10763 | padding-top: 15px; | 10770 | padding-top: 15px; |
| 10764 | padding-bottom: 15px; | 10771 | padding-bottom: 15px; |
| 10765 | font-size: 17px; | 10772 | font-size: 17px; |
| 10766 | text-align: center; | 10773 | text-align: center; |
| 10767 | line-height: 1; | 10774 | line-height: 1; |
| 10768 | } | 10775 | } |
| 10769 | .ui-datepicker .ui-datepicker-title .ui-datepicker-year { | 10776 | .ui-datepicker .ui-datepicker-title .ui-datepicker-year { |
| 10770 | font-size: 13px; | 10777 | font-size: 13px; |
| 10771 | color: #999999; | 10778 | color: #999999; |
| 10772 | margin-left: 5px; | 10779 | margin-left: 5px; |
| 10773 | } | 10780 | } |
| 10774 | .ui-datepicker .ui-datepicker-title select { | 10781 | .ui-datepicker .ui-datepicker-title select { |
| 10775 | outline: 0; | 10782 | outline: 0; |
| 10776 | height: 32px; | 10783 | height: 32px; |
| 10777 | border-color: #ddd; | 10784 | border-color: #ddd; |
| 10778 | } | 10785 | } |
| 10779 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, | 10786 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, |
| 10780 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { | 10787 | .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { |
| 10781 | width: 48%; | 10788 | width: 48%; |
| 10782 | font-size: 13px; | 10789 | font-size: 13px; |
| 10783 | color: #333333; | 10790 | color: #333333; |
| 10784 | } | 10791 | } |
| 10785 | .ui-datepicker .ui-datepicker-prev, | 10792 | .ui-datepicker .ui-datepicker-prev, |
| 10786 | .ui-datepicker .ui-datepicker-next { | 10793 | .ui-datepicker .ui-datepicker-next { |
| 10787 | position: absolute; | 10794 | position: absolute; |
| 10788 | top: 50%; | 10795 | top: 50%; |
| 10789 | margin-top: -16px; | 10796 | margin-top: -16px; |
| 10790 | color: #333333; | 10797 | color: #333333; |
| 10791 | padding: 8px; | 10798 | padding: 8px; |
| 10792 | border-radius: 2px; | 10799 | border-radius: 2px; |
| 10793 | } | 10800 | } |
| 10794 | .ui-datepicker .ui-datepicker-prev:after, | 10801 | .ui-datepicker .ui-datepicker-prev:after, |
| 10795 | .ui-datepicker .ui-datepicker-next:after { | 10802 | .ui-datepicker .ui-datepicker-next:after { |
| 10796 | font-family: 'icomoon'; | 10803 | font-family: 'icomoon'; |
| 10797 | display: block; | 10804 | display: block; |
| 10798 | font-size: 16px; | 10805 | font-size: 16px; |
| 10799 | width: 16px; | 10806 | width: 16px; |
| 10800 | text-align: center; | 10807 | text-align: center; |
| 10801 | line-height: 1; | 10808 | line-height: 1; |
| 10802 | -webkit-font-smoothing: antialiased; | 10809 | -webkit-font-smoothing: antialiased; |
| 10803 | -moz-osx-font-smoothing: grayscale; | 10810 | -moz-osx-font-smoothing: grayscale; |
| 10804 | } | 10811 | } |
| 10805 | .ui-datepicker .ui-datepicker-prev span, | 10812 | .ui-datepicker .ui-datepicker-prev span, |
| 10806 | .ui-datepicker .ui-datepicker-next span { | 10813 | .ui-datepicker .ui-datepicker-next span { |
| 10807 | display: none; | 10814 | display: none; |
| 10808 | } | 10815 | } |
| 10809 | .ui-datepicker .ui-datepicker-prev { | 10816 | .ui-datepicker .ui-datepicker-prev { |
| 10810 | left: 0; | 10817 | left: 0; |
| 10811 | } | 10818 | } |
| 10812 | .ui-datepicker .ui-datepicker-prev:after { | 10819 | .ui-datepicker .ui-datepicker-prev:after { |
| 10813 | content: '\e9c8'; | 10820 | content: '\e9c8'; |
| 10814 | } | 10821 | } |
| 10815 | .ui-datepicker .ui-datepicker-next { | 10822 | .ui-datepicker .ui-datepicker-next { |
| 10816 | right: 0; | 10823 | right: 0; |
| 10817 | } | 10824 | } |
| 10818 | .ui-datepicker .ui-datepicker-next:after { | 10825 | .ui-datepicker .ui-datepicker-next:after { |
| 10819 | content: '\e9cb'; | 10826 | content: '\e9cb'; |
| 10820 | } | 10827 | } |
| 10821 | .ui-datepicker .ui-datepicker-prev-hover, | 10828 | .ui-datepicker .ui-datepicker-prev-hover, |
| 10822 | .ui-datepicker .ui-datepicker-next-hover { | 10829 | .ui-datepicker .ui-datepicker-next-hover { |
| 10823 | background-color: #f5f5f5; | 10830 | background-color: #f5f5f5; |
| 10824 | } | 10831 | } |
| 10825 | .ui-datepicker table { | 10832 | .ui-datepicker table { |
| 10826 | width: 100%; | 10833 | width: 100%; |
| 10827 | border-collapse: collapse; | 10834 | border-collapse: collapse; |
| 10828 | margin: 0; | 10835 | margin: 0; |
| 10829 | } | 10836 | } |
| 10830 | .ui-datepicker table th { | 10837 | .ui-datepicker table th { |
| 10831 | text-align: center; | 10838 | text-align: center; |
| 10832 | font-weight: 400; | 10839 | font-weight: 400; |
| 10833 | border: 0; | 10840 | border: 0; |
| 10834 | padding-top: 10px; | 10841 | padding-top: 10px; |
| 10835 | padding-bottom: 10px; | 10842 | padding-bottom: 10px; |
| 10836 | font-size: 12px; | 10843 | font-size: 12px; |
| 10837 | color: #999999; | 10844 | color: #999999; |
| 10838 | } | 10845 | } |
| 10839 | .ui-datepicker table td { | 10846 | .ui-datepicker table td { |
| 10840 | border: 0; | 10847 | border: 0; |
| 10841 | padding: 1px; | 10848 | padding: 1px; |
| 10842 | position: relative; | 10849 | position: relative; |
| 10843 | } | 10850 | } |
| 10844 | .ui-datepicker table td span, | 10851 | .ui-datepicker table td span, |
| 10845 | .ui-datepicker table td a { | 10852 | .ui-datepicker table td a { |
| 10846 | display: block; | 10853 | display: block; |
| 10847 | padding: 6px; | 10854 | padding: 6px; |
| 10848 | text-align: center; | 10855 | text-align: center; |
| 10849 | text-decoration: none; | 10856 | text-decoration: none; |
| 10850 | border-radius: 3px; | 10857 | border-radius: 3px; |
| 10851 | color: #333333; | 10858 | color: #333333; |
| 10852 | min-width: 34px; | 10859 | min-width: 34px; |
| 10853 | } | 10860 | } |
| 10854 | .ui-datepicker table td .ui-state-hover { | 10861 | .ui-datepicker table td .ui-state-hover { |
| 10855 | background-color: #f5f5f5; | 10862 | background-color: #f5f5f5; |
| 10856 | } | 10863 | } |
| 10857 | .ui-datepicker table td.ui-state-disabled span { | 10864 | .ui-datepicker table td.ui-state-disabled span { |
| 10858 | color: #ccc; | 10865 | color: #ccc; |
| 10859 | } | 10866 | } |
| 10860 | .ui-datepicker table td.ui-datepicker-week-col { | 10867 | .ui-datepicker table td.ui-datepicker-week-col { |
| 10861 | padding: 6px; | 10868 | padding: 6px; |
| 10862 | color: #999999; | 10869 | color: #999999; |
| 10863 | } | 10870 | } |
| 10864 | .ui-datepicker table td.ui-datepicker-current-day .ui-state-active { | 10871 | .ui-datepicker table td.ui-datepicker-current-day .ui-state-active { |
| 10865 | background-color: #26A69A; | 10872 | background-color: #26A69A; |
| 10866 | color: #fff; | 10873 | color: #fff; |
| 10867 | } | 10874 | } |
| 10868 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight { | 10875 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight { |
| 10869 | background-color: #2196F3; | 10876 | background-color: #2196F3; |
| 10870 | color: #fff; | 10877 | color: #fff; |
| 10871 | } | 10878 | } |
| 10872 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after { | 10879 | .ui-datepicker table td.ui-datepicker-today .ui-state-highlight:after { |
| 10873 | content: ""; | 10880 | content: ""; |
| 10874 | position: absolute; | 10881 | position: absolute; |
| 10875 | top: 3px; | 10882 | top: 3px; |
| 10876 | right: 3px; | 10883 | right: 3px; |
| 10877 | width: 0; | 10884 | width: 0; |
| 10878 | height: 0; | 10885 | height: 0; |
| 10879 | border-top: 6px solid #fff; | 10886 | border-top: 6px solid #fff; |
| 10880 | border-left: 6px solid transparent; | 10887 | border-left: 6px solid transparent; |
| 10881 | } | 10888 | } |
| 10882 | .ui-datepicker table td a.ui-priority-secondary { | 10889 | .ui-datepicker table td a.ui-priority-secondary { |
| 10883 | opacity: 0.6; | 10890 | opacity: 0.6; |
| 10884 | filter: alpha(opacity=60); | 10891 | filter: alpha(opacity=60); |
| 10885 | } | 10892 | } |
| 10886 | .ui-datepicker .ui-datepicker-buttonpane button { | 10893 | .ui-datepicker .ui-datepicker-buttonpane button { |
| 10887 | float: right; | 10894 | float: right; |
| 10888 | background-color: #f5f5f5; | 10895 | background-color: #f5f5f5; |
| 10889 | font-weight: 400; | 10896 | font-weight: 400; |
| 10890 | margin-top: 16px; | 10897 | margin-top: 16px; |
| 10891 | border: 0; | 10898 | border: 0; |
| 10892 | cursor: pointer; | 10899 | cursor: pointer; |
| 10893 | padding: 8px 16px; | 10900 | padding: 8px 16px; |
| 10894 | width: auto; | 10901 | width: auto; |
| 10895 | overflow: visible; | 10902 | overflow: visible; |
| 10896 | outline: 0; | 10903 | outline: 0; |
| 10897 | border-radius: 3px; | 10904 | border-radius: 3px; |
| 10898 | } | 10905 | } |
| 10899 | .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { | 10906 | .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover { |
| 10900 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10907 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10901 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 10908 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 10902 | } | 10909 | } |
| 10903 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { | 10910 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { |
| 10904 | float: left; | 10911 | float: left; |
| 10905 | } | 10912 | } |
| 10906 | .ui-datepicker .ui-datepicker-buttonpane button:active { | 10913 | .ui-datepicker .ui-datepicker-buttonpane button:active { |
| 10907 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10914 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10908 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 10915 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 10909 | } | 10916 | } |
| 10910 | .ui-datepicker.ui-datepicker-multi { | 10917 | .ui-datepicker.ui-datepicker-multi { |
| 10911 | width: auto!important; | 10918 | width: auto!important; |
| 10912 | } | 10919 | } |
| 10913 | .datepicker-inline { | 10920 | .datepicker-inline { |
| 10914 | width: 264px; | 10921 | width: 264px; |
| 10915 | max-width: 100%; | 10922 | max-width: 100%; |
| 10916 | overflow-x: auto; | 10923 | overflow-x: auto; |
| 10917 | } | 10924 | } |
| 10918 | .full-width.datepicker-inline, | 10925 | .full-width.datepicker-inline, |
| 10919 | .sidebar .datepicker-inline, | 10926 | .sidebar .datepicker-inline, |
| 10920 | .popover .datepicker-inline { | 10927 | .popover .datepicker-inline { |
| 10921 | width: 100%; | 10928 | width: 100%; |
| 10922 | } | 10929 | } |
| 10923 | .ui-datepicker-trigger { | 10930 | .ui-datepicker-trigger { |
| 10924 | position: absolute; | 10931 | position: absolute; |
| 10925 | top: 4px; | 10932 | top: 4px; |
| 10926 | right: 0; | 10933 | right: 0; |
| 10927 | z-index: 4; | 10934 | z-index: 4; |
| 10928 | padding: 6px 0; | 10935 | padding: 6px 0; |
| 10929 | cursor: pointer; | 10936 | cursor: pointer; |
| 10930 | } | 10937 | } |
| 10931 | .ui-datepicker-row-break { | 10938 | .ui-datepicker-row-break { |
| 10932 | clear: both; | 10939 | clear: both; |
| 10933 | width: 100%; | 10940 | width: 100%; |
| 10934 | font-size: 0; | 10941 | font-size: 0; |
| 10935 | } | 10942 | } |
| 10936 | .ui-datepicker-multi .ui-datepicker-group { | 10943 | .ui-datepicker-multi .ui-datepicker-group { |
| 10937 | float: left; | 10944 | float: left; |
| 10938 | } | 10945 | } |
| 10939 | .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { | 10946 | .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { |
| 10940 | padding-left: 15px; | 10947 | padding-left: 15px; |
| 10941 | } | 10948 | } |
| 10942 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { | 10949 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { |
| 10943 | border-left-width: 0; | 10950 | border-left-width: 0; |
| 10944 | } | 10951 | } |
| 10945 | .ui-datepicker-multi .ui-datepicker-buttonpane { | 10952 | .ui-datepicker-multi .ui-datepicker-buttonpane { |
| 10946 | clear: left; | 10953 | clear: left; |
| 10947 | } | 10954 | } |
| 10948 | .ui-datepicker-multi-2 .ui-datepicker-group { | 10955 | .ui-datepicker-multi-2 .ui-datepicker-group { |
| 10949 | width: 46%; | 10956 | width: 46%; |
| 10950 | } | 10957 | } |
| 10951 | .ui-datepicker-multi-3 .ui-datepicker-group { | 10958 | .ui-datepicker-multi-3 .ui-datepicker-group { |
| 10952 | width: 33.3%; | 10959 | width: 33.3%; |
| 10953 | } | 10960 | } |
| 10954 | .ui-datepicker-multi-4 .ui-datepicker-group { | 10961 | .ui-datepicker-multi-4 .ui-datepicker-group { |
| 10955 | width: 25%; | 10962 | width: 25%; |
| 10956 | } | 10963 | } |
| 10957 | .ui-dialog { | 10964 | .ui-dialog { |
| 10958 | position: fixed; | 10965 | position: fixed; |
| 10959 | top: 0; | 10966 | top: 0; |
| 10960 | left: 0; | 10967 | left: 0; |
| 10961 | background-color: #fff; | 10968 | background-color: #fff; |
| 10962 | border-radius: 3px; | 10969 | border-radius: 3px; |
| 10963 | border: 1px solid transparent; | 10970 | border: 1px solid transparent; |
| 10964 | outline: 0; | 10971 | outline: 0; |
| 10965 | overflow: hidden; | 10972 | overflow: hidden; |
| 10966 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 10973 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 10967 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 10974 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 10968 | } | 10975 | } |
| 10969 | @media (max-width: 768px) { | 10976 | @media (max-width: 768px) { |
| 10970 | .ui-dialog { | 10977 | .ui-dialog { |
| 10971 | width: 90%!important; | 10978 | width: 90%!important; |
| 10972 | } | 10979 | } |
| 10973 | } | 10980 | } |
| 10974 | .ui-dialog-titlebar { | 10981 | .ui-dialog-titlebar { |
| 10975 | position: relative; | 10982 | position: relative; |
| 10976 | padding: 20px; | 10983 | padding: 20px; |
| 10977 | padding-bottom: 0; | 10984 | padding-bottom: 0; |
| 10978 | } | 10985 | } |
| 10979 | .ui-draggable .ui-dialog-titlebar { | 10986 | .ui-draggable .ui-dialog-titlebar { |
| 10980 | cursor: move; | 10987 | cursor: move; |
| 10981 | } | 10988 | } |
| 10982 | .ui-dialog-title { | 10989 | .ui-dialog-title { |
| 10983 | float: left; | 10990 | float: left; |
| 10984 | font-size: 17px; | 10991 | font-size: 17px; |
| 10985 | white-space: nowrap; | 10992 | white-space: nowrap; |
| 10986 | width: 90%; | 10993 | width: 90%; |
| 10987 | overflow: hidden; | 10994 | overflow: hidden; |
| 10988 | text-overflow: ellipsis; | 10995 | text-overflow: ellipsis; |
| 10989 | } | 10996 | } |
| 10990 | .ui-dialog-titlebar-close { | 10997 | .ui-dialog-titlebar-close { |
| 10991 | position: absolute; | 10998 | position: absolute; |
| 10992 | background-color: transparent; | 10999 | background-color: transparent; |
| 10993 | border: 0; | 11000 | border: 0; |
| 10994 | right: 20px; | 11001 | right: 20px; |
| 10995 | top: 50%; | 11002 | top: 50%; |
| 10996 | padding: 0; | 11003 | padding: 0; |
| 10997 | margin-top: 2px; | 11004 | margin-top: 2px; |
| 10998 | } | 11005 | } |
| 10999 | .ui-dialog-titlebar-close:after { | 11006 | .ui-dialog-titlebar-close:after { |
| 11000 | content: '\ed6b'; | 11007 | content: '\ed6b'; |
| 11001 | font-family: 'Icomoon'; | 11008 | font-family: 'Icomoon'; |
| 11002 | display: block; | 11009 | display: block; |
| 11003 | width: 16px; | 11010 | width: 16px; |
| 11004 | font-size: 16px; | 11011 | font-size: 16px; |
| 11005 | line-height: 1; | 11012 | line-height: 1; |
| 11006 | -webkit-font-smoothing: antialiased; | 11013 | -webkit-font-smoothing: antialiased; |
| 11007 | -moz-osx-font-smoothing: grayscale; | 11014 | -moz-osx-font-smoothing: grayscale; |
| 11008 | } | 11015 | } |
| 11009 | .ui-dialog-titlebar-close.ui-state-hover, | 11016 | .ui-dialog-titlebar-close.ui-state-hover, |
| 11010 | .ui-dialog-titlebar-close.ui-state-focus { | 11017 | .ui-dialog-titlebar-close.ui-state-focus { |
| 11011 | -webkit-box-shadow: none; | 11018 | -webkit-box-shadow: none; |
| 11012 | box-shadow: none; | 11019 | box-shadow: none; |
| 11013 | } | 11020 | } |
| 11014 | .ui-dialog-content { | 11021 | .ui-dialog-content { |
| 11015 | position: relative; | 11022 | position: relative; |
| 11016 | border: 0; | 11023 | border: 0; |
| 11017 | padding: 20px; | 11024 | padding: 20px; |
| 11018 | background: none; | 11025 | background: none; |
| 11019 | overflow: auto; | 11026 | overflow: auto; |
| 11020 | } | 11027 | } |
| 11021 | .ui-dialog-content .form-group:last-child, | 11028 | .ui-dialog-content .form-group:last-child, |
| 11022 | .ui-dialog-content p:last-child { | 11029 | .ui-dialog-content p:last-child { |
| 11023 | margin-bottom: 0; | 11030 | margin-bottom: 0; |
| 11024 | } | 11031 | } |
| 11025 | .ui-dialog-buttonpane { | 11032 | .ui-dialog-buttonpane { |
| 11026 | padding: 20px; | 11033 | padding: 20px; |
| 11027 | padding-top: 0; | 11034 | padding-top: 0; |
| 11028 | } | 11035 | } |
| 11029 | .ui-dialog-buttonpane .ui-dialog-buttonset { | 11036 | .ui-dialog-buttonpane .ui-dialog-buttonset { |
| 11030 | float: right; | 11037 | float: right; |
| 11031 | } | 11038 | } |
| 11032 | .ui-dialog-buttonpane button + button { | 11039 | .ui-dialog-buttonpane button + button { |
| 11033 | margin-left: 5px; | 11040 | margin-left: 5px; |
| 11034 | cursor: pointer; | 11041 | cursor: pointer; |
| 11035 | } | 11042 | } |
| 11036 | .ui-menu { | 11043 | .ui-menu { |
| 11037 | list-style: none; | 11044 | list-style: none; |
| 11038 | padding: 8px 0; | 11045 | padding: 8px 0; |
| 11039 | margin: 0; | 11046 | margin: 0; |
| 11040 | display: block; | 11047 | display: block; |
| 11041 | outline: none; | 11048 | outline: none; |
| 11042 | min-width: 180px; | 11049 | min-width: 180px; |
| 11043 | white-space: nowrap; | 11050 | white-space: nowrap; |
| 11044 | background-color: #fff; | 11051 | background-color: #fff; |
| 11045 | border-radius: 3px; | 11052 | border-radius: 3px; |
| 11046 | z-index: 1000; | 11053 | z-index: 1000; |
| 11047 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11054 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11048 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11055 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11049 | } | 11056 | } |
| 11050 | .ui-menu .ui-menu { | 11057 | .ui-menu .ui-menu { |
| 11051 | position: absolute; | 11058 | position: absolute; |
| 11052 | top: -8px !important; | 11059 | top: -8px !important; |
| 11053 | } | 11060 | } |
| 11054 | .ui-menu .ui-menu-item { | 11061 | .ui-menu .ui-menu-item { |
| 11055 | position: relative; | 11062 | position: relative; |
| 11056 | margin: 0; | 11063 | margin: 0; |
| 11057 | cursor: pointer; | 11064 | cursor: pointer; |
| 11058 | padding: 8px 16px; | 11065 | padding: 8px 16px; |
| 11059 | min-height: 0; | 11066 | min-height: 0; |
| 11060 | outline: 0; | 11067 | outline: 0; |
| 11061 | } | 11068 | } |
| 11062 | .ui-menu .ui-menu-item > a { | 11069 | .ui-menu .ui-menu-item > a { |
| 11063 | display: block; | 11070 | display: block; |
| 11064 | color: #333333; | 11071 | color: #333333; |
| 11065 | } | 11072 | } |
| 11066 | .ui-menu .ui-menu-item > i { | 11073 | .ui-menu .ui-menu-item > i { |
| 11067 | margin-right: 8px; | 11074 | margin-right: 8px; |
| 11068 | } | 11075 | } |
| 11069 | .ui-menu .ui-menu-item > .ui-menu-icon { | 11076 | .ui-menu .ui-menu-item > .ui-menu-icon { |
| 11070 | position: absolute; | 11077 | position: absolute; |
| 11071 | top: 50%; | 11078 | top: 50%; |
| 11072 | margin-top: -8px; | 11079 | margin-top: -8px; |
| 11073 | right: 15px; | 11080 | right: 15px; |
| 11074 | } | 11081 | } |
| 11075 | .ui-menu .ui-menu-item > .ui-menu-icon:after { | 11082 | .ui-menu .ui-menu-item > .ui-menu-icon:after { |
| 11076 | content: '\e9c7'; | 11083 | content: '\e9c7'; |
| 11077 | font-family: 'icomoon'; | 11084 | font-family: 'icomoon'; |
| 11078 | font-size: 16px; | 11085 | font-size: 16px; |
| 11079 | font-weight: 400; | 11086 | font-weight: 400; |
| 11080 | line-height: 1; | 11087 | line-height: 1; |
| 11081 | -webkit-font-smoothing: antialiased; | 11088 | -webkit-font-smoothing: antialiased; |
| 11082 | -moz-osx-font-smoothing: grayscale; | 11089 | -moz-osx-font-smoothing: grayscale; |
| 11083 | opacity: 0.8; | 11090 | opacity: 0.8; |
| 11084 | filter: alpha(opacity=80); | 11091 | filter: alpha(opacity=80); |
| 11085 | } | 11092 | } |
| 11086 | .ui-menu .ui-menu-item.ui-state-disabled, | 11093 | .ui-menu .ui-menu-item.ui-state-disabled, |
| 11087 | .ui-menu .ui-menu-item.ui-state-disabled a { | 11094 | .ui-menu .ui-menu-item.ui-state-disabled a { |
| 11088 | color: #999999; | 11095 | color: #999999; |
| 11089 | cursor: not-allowed; | 11096 | cursor: not-allowed; |
| 11090 | } | 11097 | } |
| 11091 | .ui-menu .ui-menu-header { | 11098 | .ui-menu .ui-menu-header { |
| 11092 | padding: 8px 16px; | 11099 | padding: 8px 16px; |
| 11093 | font-size: 11px; | 11100 | font-size: 11px; |
| 11094 | line-height: 1.82; | 11101 | line-height: 1.82; |
| 11095 | text-transform: uppercase; | 11102 | text-transform: uppercase; |
| 11096 | color: #999999; | 11103 | color: #999999; |
| 11097 | margin-top: 8px; | 11104 | margin-top: 8px; |
| 11098 | } | 11105 | } |
| 11099 | .ui-menu .ui-menu-header.highlight { | 11106 | .ui-menu .ui-menu-header.highlight { |
| 11100 | margin-top: 0; | 11107 | margin-top: 0; |
| 11101 | background-color: #f8f8f8; | 11108 | background-color: #f8f8f8; |
| 11102 | color: #999999; | 11109 | color: #999999; |
| 11103 | } | 11110 | } |
| 11104 | .ui-menu .ui-menu-header.highlight:first-child { | 11111 | .ui-menu .ui-menu-header.highlight:first-child { |
| 11105 | margin-top: 0; | 11112 | margin-top: 0; |
| 11106 | } | 11113 | } |
| 11107 | .ui-menu .ui-menu-item + .highlight, | 11114 | .ui-menu .ui-menu-item + .highlight, |
| 11108 | .ui-menu .highlight + .ui-menu-item { | 11115 | .ui-menu .highlight + .ui-menu-item { |
| 11109 | margin-top: 8px; | 11116 | margin-top: 8px; |
| 11110 | } | 11117 | } |
| 11111 | .ui-menu .ui-menu-item > a > i[class*=icon-], | 11118 | .ui-menu .ui-menu-item > a > i[class*=icon-], |
| 11112 | .ui-menu .ui-menu-header > i[class*=icon-] { | 11119 | .ui-menu .ui-menu-header > i[class*=icon-] { |
| 11113 | margin-top: 2px; | 11120 | margin-top: 2px; |
| 11114 | float: left; | 11121 | float: left; |
| 11115 | margin-right: 16px; | 11122 | margin-right: 16px; |
| 11116 | top: 0; | 11123 | top: 0; |
| 11117 | } | 11124 | } |
| 11118 | .ui-menu .ui-menu-item > a > i[class*=icon-].pull-right, | 11125 | .ui-menu .ui-menu-item > a > i[class*=icon-].pull-right, |
| 11119 | .ui-menu .ui-menu-header > i[class*=icon-].pull-right { | 11126 | .ui-menu .ui-menu-header > i[class*=icon-].pull-right { |
| 11120 | margin-right: 0; | 11127 | margin-right: 0; |
| 11121 | margin-left: 16px; | 11128 | margin-left: 16px; |
| 11122 | } | 11129 | } |
| 11123 | .ui-menu .ui-menu-divider { | 11130 | .ui-menu .ui-menu-divider { |
| 11124 | margin: 8px 0; | 11131 | margin: 8px 0; |
| 11125 | height: 0; | 11132 | height: 0; |
| 11126 | font-size: 0; | 11133 | font-size: 0; |
| 11127 | line-height: 0; | 11134 | line-height: 0; |
| 11128 | border-top: 1px solid #e5e5e5; | 11135 | border-top: 1px solid #e5e5e5; |
| 11129 | } | 11136 | } |
| 11130 | .ui-menu .ui-state-focus, | 11137 | .ui-menu .ui-state-focus, |
| 11131 | .ui-menu .ui-state-active { | 11138 | .ui-menu .ui-state-active { |
| 11132 | color: #333333; | 11139 | color: #333333; |
| 11133 | background-color: #f5f5f5; | 11140 | background-color: #f5f5f5; |
| 11134 | } | 11141 | } |
| 11135 | .ui-menu.ui-state-disabled, | 11142 | .ui-menu.ui-state-disabled, |
| 11136 | .ui-menu.ui-state-disabled .ui-menu-item, | 11143 | .ui-menu.ui-state-disabled .ui-menu-item, |
| 11137 | .ui-menu.ui-state-disabled a { | 11144 | .ui-menu.ui-state-disabled a { |
| 11138 | color: #999999; | 11145 | color: #999999; |
| 11139 | cursor: not-allowed; | 11146 | cursor: not-allowed; |
| 11140 | } | 11147 | } |
| 11141 | .ui-progressbar { | 11148 | .ui-progressbar { |
| 11142 | height: 18px; | 11149 | height: 18px; |
| 11143 | overflow: hidden; | 11150 | overflow: hidden; |
| 11144 | position: relative; | 11151 | position: relative; |
| 11145 | background-color: #eeeeee; | 11152 | background-color: #eeeeee; |
| 11146 | border-radius: 3px; | 11153 | border-radius: 3px; |
| 11147 | } | 11154 | } |
| 11148 | .ui-progressbar-value { | 11155 | .ui-progressbar-value { |
| 11149 | float: left; | 11156 | float: left; |
| 11150 | width: 0%; | 11157 | width: 0%; |
| 11151 | height: 100%; | 11158 | height: 100%; |
| 11152 | background-color: #2196F3; | 11159 | background-color: #2196F3; |
| 11153 | color: #fff; | 11160 | color: #fff; |
| 11154 | overflow: hidden; | 11161 | overflow: hidden; |
| 11155 | -webkit-transition: width 0.6s ease; | 11162 | -webkit-transition: width 0.6s ease; |
| 11156 | -o-transition: width 0.6s ease; | 11163 | -o-transition: width 0.6s ease; |
| 11157 | transition: width 0.6s ease; | 11164 | transition: width 0.6s ease; |
| 11158 | } | 11165 | } |
| 11159 | .ui-progressbar-value, | 11166 | .ui-progressbar-value, |
| 11160 | .ui-progressbar-overlay { | 11167 | .ui-progressbar-overlay { |
| 11161 | height: 100%; | 11168 | height: 100%; |
| 11162 | background-size: 40px 40px; | 11169 | background-size: 40px 40px; |
| 11163 | } | 11170 | } |
| 11164 | .ui-progressbar-striped .ui-progressbar-value, | 11171 | .ui-progressbar-striped .ui-progressbar-value, |
| 11165 | .ui-progressbar-striped .ui-progressbar-overlay { | 11172 | .ui-progressbar-striped .ui-progressbar-overlay { |
| 11166 | 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); | 11173 | 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); |
| 11167 | 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); | 11174 | 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); |
| 11168 | 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); | 11175 | 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); |
| 11169 | } | 11176 | } |
| 11170 | .ui-progressbar-overlay { | 11177 | .ui-progressbar-overlay { |
| 11171 | 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); | 11178 | 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); |
| 11172 | 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); | 11179 | 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); |
| 11173 | 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); | 11180 | 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); |
| 11174 | } | 11181 | } |
| 11175 | .ui-progressbar-active .ui-progressbar-value, | 11182 | .ui-progressbar-active .ui-progressbar-value, |
| 11176 | .ui-progressbar-overlay { | 11183 | .ui-progressbar-overlay { |
| 11177 | -webkit-animation: progress-bar-stripes 2s linear infinite; | 11184 | -webkit-animation: progress-bar-stripes 2s linear infinite; |
| 11178 | -o-animation: progress-bar-stripes 2s linear infinite; | 11185 | -o-animation: progress-bar-stripes 2s linear infinite; |
| 11179 | animation: progress-bar-stripes 2s linear infinite; | 11186 | animation: progress-bar-stripes 2s linear infinite; |
| 11180 | } | 11187 | } |
| 11181 | .ui-progressbar-indeterminate .ui-progressbar-value { | 11188 | .ui-progressbar-indeterminate .ui-progressbar-value { |
| 11182 | background-image: none; | 11189 | background-image: none; |
| 11183 | } | 11190 | } |
| 11184 | .ui-selectmenu-menu { | 11191 | .ui-selectmenu-menu { |
| 11185 | padding: 0; | 11192 | padding: 0; |
| 11186 | margin: 0; | 11193 | margin: 0; |
| 11187 | position: absolute; | 11194 | position: absolute; |
| 11188 | top: 0; | 11195 | top: 0; |
| 11189 | left: 0; | 11196 | left: 0; |
| 11190 | display: none; | 11197 | display: none; |
| 11191 | } | 11198 | } |
| 11192 | .ui-selectmenu-menu .ui-menu { | 11199 | .ui-selectmenu-menu .ui-menu { |
| 11193 | max-height: 250px; | 11200 | max-height: 250px; |
| 11194 | overflow-y: auto; | 11201 | overflow-y: auto; |
| 11195 | overflow-x: hidden; | 11202 | overflow-x: hidden; |
| 11196 | } | 11203 | } |
| 11197 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { | 11204 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { |
| 11198 | font-size: 11px; | 11205 | font-size: 11px; |
| 11199 | font-weight: 700; | 11206 | font-weight: 700; |
| 11200 | line-height: 1.82; | 11207 | line-height: 1.82; |
| 11201 | padding: 8px 16px; | 11208 | padding: 8px 16px; |
| 11202 | margin: 8px 0; | 11209 | margin: 8px 0; |
| 11203 | text-transform: uppercase; | 11210 | text-transform: uppercase; |
| 11204 | height: auto; | 11211 | height: auto; |
| 11205 | border: 0; | 11212 | border: 0; |
| 11206 | } | 11213 | } |
| 11207 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item { | 11214 | .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item { |
| 11208 | padding-left: 32px; | 11215 | padding-left: 32px; |
| 11209 | } | 11216 | } |
| 11210 | .ui-selectmenu-open { | 11217 | .ui-selectmenu-open { |
| 11211 | display: block; | 11218 | display: block; |
| 11212 | } | 11219 | } |
| 11213 | .ui-selectmenu-button { | 11220 | .ui-selectmenu-button { |
| 11214 | display: inline-block; | 11221 | display: inline-block; |
| 11215 | position: relative; | 11222 | position: relative; |
| 11216 | text-decoration: none; | 11223 | text-decoration: none; |
| 11217 | cursor: pointer; | 11224 | cursor: pointer; |
| 11218 | height: 38px; | 11225 | height: 38px; |
| 11219 | padding: 8px 0; | 11226 | padding: 8px 0; |
| 11220 | padding-right: 26px; | 11227 | padding-right: 26px; |
| 11221 | background-color: transparent; | 11228 | background-color: transparent; |
| 11222 | border: 1px solid transparent; | 11229 | border: 1px solid transparent; |
| 11223 | border-bottom-color: #ddd; | 11230 | border-bottom-color: #ddd; |
| 11224 | outline: 0; | 11231 | outline: 0; |
| 11225 | } | 11232 | } |
| 11226 | .ui-selectmenu-button.ui-state-focus, | 11233 | .ui-selectmenu-button.ui-state-focus, |
| 11227 | .ui-selectmenu-button[aria-expanded=true] { | 11234 | .ui-selectmenu-button[aria-expanded=true] { |
| 11228 | border-bottom-color: #009688; | 11235 | border-bottom-color: #009688; |
| 11229 | -webkit-box-shadow: 0 1px 0 #009688; | 11236 | -webkit-box-shadow: 0 1px 0 #009688; |
| 11230 | box-shadow: 0 1px 0 #009688; | 11237 | box-shadow: 0 1px 0 #009688; |
| 11231 | } | 11238 | } |
| 11232 | .ui-selectmenu-button:after { | 11239 | .ui-selectmenu-button:after { |
| 11233 | content: '\e9c5'; | 11240 | content: '\e9c5'; |
| 11234 | font-family: 'Icomoon'; | 11241 | font-family: 'Icomoon'; |
| 11235 | display: inline-block; | 11242 | display: inline-block; |
| 11236 | position: absolute; | 11243 | position: absolute; |
| 11237 | top: 50%; | 11244 | top: 50%; |
| 11238 | right: 0; | 11245 | right: 0; |
| 11239 | text-align: right; | 11246 | text-align: right; |
| 11240 | margin-top: -8px; | 11247 | margin-top: -8px; |
| 11241 | font-size: 16px; | 11248 | font-size: 16px; |
| 11242 | line-height: 1; | 11249 | line-height: 1; |
| 11243 | color: inherit; | 11250 | color: inherit; |
| 11244 | -webkit-font-smoothing: antialiased; | 11251 | -webkit-font-smoothing: antialiased; |
| 11245 | -moz-osx-font-smoothing: grayscale; | 11252 | -moz-osx-font-smoothing: grayscale; |
| 11246 | } | 11253 | } |
| 11247 | .ui-selectmenu-button .ui-selectmenu-text { | 11254 | .ui-selectmenu-button .ui-selectmenu-text { |
| 11248 | display: block; | 11255 | display: block; |
| 11249 | white-space: nowrap; | 11256 | white-space: nowrap; |
| 11250 | overflow: hidden; | 11257 | overflow: hidden; |
| 11251 | text-overflow: ellipsis; | 11258 | text-overflow: ellipsis; |
| 11252 | } | 11259 | } |
| 11253 | .ui-selectmenu-disabled { | 11260 | .ui-selectmenu-disabled { |
| 11254 | cursor: not-allowed; | 11261 | cursor: not-allowed; |
| 11255 | color: #999999; | 11262 | color: #999999; |
| 11256 | border-bottom-style: dashed; | 11263 | border-bottom-style: dashed; |
| 11257 | } | 11264 | } |
| 11258 | .ui-selectmenu-lg .ui-selectmenu-button { | 11265 | .ui-selectmenu-lg .ui-selectmenu-button { |
| 11259 | height: 40px; | 11266 | height: 40px; |
| 11260 | } | 11267 | } |
| 11261 | .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { | 11268 | .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { |
| 11262 | padding: 9px 0; | 11269 | padding: 9px 0; |
| 11263 | padding-right: 28px; | 11270 | padding-right: 28px; |
| 11264 | } | 11271 | } |
| 11265 | .ui-selectmenu-sm .ui-selectmenu-button { | 11272 | .ui-selectmenu-sm .ui-selectmenu-button { |
| 11266 | height: 36px; | 11273 | height: 36px; |
| 11267 | } | 11274 | } |
| 11268 | .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { | 11275 | .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { |
| 11269 | padding: 7px 0; | 11276 | padding: 7px 0; |
| 11270 | padding-right: 24px; | 11277 | padding-right: 24px; |
| 11271 | font-size: 12px; | 11278 | font-size: 12px; |
| 11272 | line-height: 1.6666667; | 11279 | line-height: 1.6666667; |
| 11273 | } | 11280 | } |
| 11274 | .ui-selectmenu-xs .ui-selectmenu-button { | 11281 | .ui-selectmenu-xs .ui-selectmenu-button { |
| 11275 | height: 34px; | 11282 | height: 34px; |
| 11276 | } | 11283 | } |
| 11277 | .ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text { | 11284 | .ui-selectmenu-xs .ui-selectmenu-button .ui-selectmenu-text { |
| 11278 | padding: 6px 0; | 11285 | padding: 6px 0; |
| 11279 | padding-right: 22px; | 11286 | padding-right: 22px; |
| 11280 | font-size: 12px; | 11287 | font-size: 12px; |
| 11281 | line-height: 1.6666667; | 11288 | line-height: 1.6666667; |
| 11282 | } | 11289 | } |
| 11283 | .ui-selectmenu-images .ui-menu-item > span { | 11290 | .ui-selectmenu-images .ui-menu-item > span { |
| 11284 | display: inline-block; | 11291 | display: inline-block; |
| 11285 | margin-right: 10px; | 11292 | margin-right: 10px; |
| 11286 | border-radius: 100px; | 11293 | border-radius: 100px; |
| 11287 | width: 20px; | 11294 | width: 20px; |
| 11288 | height: 20px; | 11295 | height: 20px; |
| 11289 | background-size: 20px 20px; | 11296 | background-size: 20px 20px; |
| 11290 | float: left; | 11297 | float: left; |
| 11291 | } | 11298 | } |
| 11292 | .ui-selectmenu-images .demo-img-amazon { | 11299 | .ui-selectmenu-images .demo-img-amazon { |
| 11293 | background: url('../images/brands/amazon.png') no-repeat; | 11300 | background: url('../images/brands/amazon.png') no-repeat; |
| 11294 | } | 11301 | } |
| 11295 | .ui-selectmenu-images .demo-img-youtube { | 11302 | .ui-selectmenu-images .demo-img-youtube { |
| 11296 | background: url('../images/brands/youtube.png') no-repeat; | 11303 | background: url('../images/brands/youtube.png') no-repeat; |
| 11297 | } | 11304 | } |
| 11298 | .ui-selectmenu-images .demo-img-twitter { | 11305 | .ui-selectmenu-images .demo-img-twitter { |
| 11299 | background: url('../images/brands/twitter.png') no-repeat; | 11306 | background: url('../images/brands/twitter.png') no-repeat; |
| 11300 | } | 11307 | } |
| 11301 | .ui-selectmenu-images .demo-img-bing { | 11308 | .ui-selectmenu-images .demo-img-bing { |
| 11302 | background: url('../images/brands/bing.png') no-repeat; | 11309 | background: url('../images/brands/bing.png') no-repeat; |
| 11303 | } | 11310 | } |
| 11304 | .ui-selectmenu-images .demo-img-spotify { | 11311 | .ui-selectmenu-images .demo-img-spotify { |
| 11305 | background: url('../images/brands/spotify.png') no-repeat; | 11312 | background: url('../images/brands/spotify.png') no-repeat; |
| 11306 | } | 11313 | } |
| 11307 | .ui-slider { | 11314 | .ui-slider { |
| 11308 | position: relative; | 11315 | position: relative; |
| 11309 | text-align: left; | 11316 | text-align: left; |
| 11310 | background-color: #eeeeee; | 11317 | background-color: #eeeeee; |
| 11311 | border-radius: 100px; | 11318 | border-radius: 100px; |
| 11312 | } | 11319 | } |
| 11313 | .ui-slider .ui-slider-handle { | 11320 | .ui-slider .ui-slider-handle { |
| 11314 | position: absolute; | 11321 | position: absolute; |
| 11315 | z-index: 2; | 11322 | z-index: 2; |
| 11316 | width: 12px; | 11323 | width: 12px; |
| 11317 | height: 12px; | 11324 | height: 12px; |
| 11318 | cursor: pointer; | 11325 | cursor: pointer; |
| 11319 | border-radius: 50%; | 11326 | border-radius: 50%; |
| 11320 | background-color: #5C6BC0; | 11327 | background-color: #5C6BC0; |
| 11321 | outline: 0; | 11328 | outline: 0; |
| 11322 | -webkit-transform: scale(1); | 11329 | -webkit-transform: scale(1); |
| 11323 | -ms-transform: scale(1); | 11330 | -ms-transform: scale(1); |
| 11324 | -o-transform: scale(1); | 11331 | -o-transform: scale(1); |
| 11325 | transform: scale(1); | 11332 | transform: scale(1); |
| 11326 | -webkit-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | 11333 | -webkit-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| 11327 | -o-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | 11334 | -o-transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| 11328 | transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; | 11335 | transition: -webkit-transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s; |
| 11329 | } | 11336 | } |
| 11330 | .ui-slider .ui-slider-handle.ui-state-hover { | 11337 | .ui-slider .ui-slider-handle.ui-state-hover { |
| 11331 | -webkit-transform: scale(1.25); | 11338 | -webkit-transform: scale(1.25); |
| 11332 | -ms-transform: scale(1.25); | 11339 | -ms-transform: scale(1.25); |
| 11333 | -o-transform: scale(1.25); | 11340 | -o-transform: scale(1.25); |
| 11334 | transform: scale(1.25); | 11341 | transform: scale(1.25); |
| 11335 | } | 11342 | } |
| 11336 | .ui-slider .ui-slider-handle.ui-state-focus, | 11343 | .ui-slider .ui-slider-handle.ui-state-focus, |
| 11337 | .ui-slider .ui-slider-handle.ui-state-active { | 11344 | .ui-slider .ui-slider-handle.ui-state-active { |
| 11338 | -webkit-transform: scale(1.5); | 11345 | -webkit-transform: scale(1.5); |
| 11339 | -ms-transform: scale(1.5); | 11346 | -ms-transform: scale(1.5); |
| 11340 | -o-transform: scale(1.5); | 11347 | -o-transform: scale(1.5); |
| 11341 | transform: scale(1.5); | 11348 | transform: scale(1.5); |
| 11342 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 11349 | -webkit-box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 11343 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); | 11350 | box-shadow: 0 0 0 10px rgba(92, 107, 192, 0.1); |
| 11344 | } | 11351 | } |
| 11345 | .ui-slider .ui-slider-range { | 11352 | .ui-slider .ui-slider-range { |
| 11346 | position: absolute; | 11353 | position: absolute; |
| 11347 | z-index: 1; | 11354 | z-index: 1; |
| 11348 | display: block; | 11355 | display: block; |
| 11349 | border: 0; | 11356 | border: 0; |
| 11350 | background-color: #5C6BC0; | 11357 | background-color: #5C6BC0; |
| 11351 | border-radius: 100px; | 11358 | border-radius: 100px; |
| 11352 | } | 11359 | } |
| 11353 | .ui-slider.ui-slider-disabled { | 11360 | .ui-slider.ui-slider-disabled { |
| 11354 | opacity: 0.6; | 11361 | opacity: 0.6; |
| 11355 | filter: alpha(opacity=60); | 11362 | filter: alpha(opacity=60); |
| 11356 | } | 11363 | } |
| 11357 | .ui-slider-horizontal { | 11364 | .ui-slider-horizontal { |
| 11358 | height: 4px; | 11365 | height: 4px; |
| 11359 | } | 11366 | } |
| 11360 | .ui-slider-horizontal .ui-slider-handle { | 11367 | .ui-slider-horizontal .ui-slider-handle { |
| 11361 | top: -4px; | 11368 | top: -4px; |
| 11362 | margin-left: -6px; | 11369 | margin-left: -6px; |
| 11363 | } | 11370 | } |
| 11364 | .ui-slider-horizontal .ui-slider-range { | 11371 | .ui-slider-horizontal .ui-slider-range { |
| 11365 | top: 0; | 11372 | top: 0; |
| 11366 | height: 100%; | 11373 | height: 100%; |
| 11367 | } | 11374 | } |
| 11368 | .ui-slider-horizontal .ui-slider-range-min { | 11375 | .ui-slider-horizontal .ui-slider-range-min { |
| 11369 | left: 0; | 11376 | left: 0; |
| 11370 | } | 11377 | } |
| 11371 | .ui-slider-horizontal .ui-slider-range-max { | 11378 | .ui-slider-horizontal .ui-slider-range-max { |
| 11372 | right: 0; | 11379 | right: 0; |
| 11373 | } | 11380 | } |
| 11374 | .ui-slider-vertical { | 11381 | .ui-slider-vertical { |
| 11375 | width: 4px; | 11382 | width: 4px; |
| 11376 | height: 150px; | 11383 | height: 150px; |
| 11377 | display: inline-block; | 11384 | display: inline-block; |
| 11378 | margin: 0 10px; | 11385 | margin: 0 10px; |
| 11379 | } | 11386 | } |
| 11380 | .ui-slider-vertical .ui-slider-handle { | 11387 | .ui-slider-vertical .ui-slider-handle { |
| 11381 | left: -4px; | 11388 | left: -4px; |
| 11382 | margin-bottom: -6px; | 11389 | margin-bottom: -6px; |
| 11383 | } | 11390 | } |
| 11384 | .ui-slider-vertical .ui-slider-range { | 11391 | .ui-slider-vertical .ui-slider-range { |
| 11385 | left: 0; | 11392 | left: 0; |
| 11386 | width: 100%; | 11393 | width: 100%; |
| 11387 | } | 11394 | } |
| 11388 | .ui-slider-vertical .ui-slider-range-min { | 11395 | .ui-slider-vertical .ui-slider-range-min { |
| 11389 | bottom: 0; | 11396 | bottom: 0; |
| 11390 | } | 11397 | } |
| 11391 | .ui-slider-vertical .ui-slider-range-max { | 11398 | .ui-slider-vertical .ui-slider-range-max { |
| 11392 | top: 0; | 11399 | top: 0; |
| 11393 | } | 11400 | } |
| 11394 | .ui-slider-circle .ui-slider-handle:after { | 11401 | .ui-slider-circle .ui-slider-handle:after { |
| 11395 | content: ''; | 11402 | content: ''; |
| 11396 | display: inline-block; | 11403 | display: inline-block; |
| 11397 | width: 4px; | 11404 | width: 4px; |
| 11398 | height: 4px; | 11405 | height: 4px; |
| 11399 | background-color: #fff; | 11406 | background-color: #fff; |
| 11400 | position: absolute; | 11407 | position: absolute; |
| 11401 | top: 50%; | 11408 | top: 50%; |
| 11402 | left: 50%; | 11409 | left: 50%; |
| 11403 | margin-top: -2px; | 11410 | margin-top: -2px; |
| 11404 | margin-left: -2px; | 11411 | margin-left: -2px; |
| 11405 | border-radius: 100px; | 11412 | border-radius: 100px; |
| 11406 | } | 11413 | } |
| 11407 | .ui-handle-white .ui-slider-handle { | 11414 | .ui-handle-white .ui-slider-handle { |
| 11408 | background-color: #fff!important; | 11415 | background-color: #fff!important; |
| 11409 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11416 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11410 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11417 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11411 | } | 11418 | } |
| 11412 | .ui-handle-white .ui-slider-handle.ui-state-focus, | 11419 | .ui-handle-white .ui-slider-handle.ui-state-focus, |
| 11413 | .ui-handle-white .ui-slider-handle.ui-state-active { | 11420 | .ui-handle-white .ui-slider-handle.ui-state-active { |
| 11414 | -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; | 11421 | -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; |
| 11415 | 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; | 11422 | 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; |
| 11416 | } | 11423 | } |
| 11417 | .ui-slider-lg .ui-slider-handle { | 11424 | .ui-slider-lg .ui-slider-handle { |
| 11418 | width: 15px; | 11425 | width: 15px; |
| 11419 | height: 15px; | 11426 | height: 15px; |
| 11420 | } | 11427 | } |
| 11421 | .ui-slider-lg .ui-slider-handle:after { | 11428 | .ui-slider-lg .ui-slider-handle:after { |
| 11422 | width: 5px; | 11429 | width: 5px; |
| 11423 | height: 5px; | 11430 | height: 5px; |
| 11424 | margin-top: -2.5px; | 11431 | margin-top: -2.5px; |
| 11425 | margin-left: -2.5px; | 11432 | margin-left: -2.5px; |
| 11426 | } | 11433 | } |
| 11427 | .ui-slider-lg.ui-slider-horizontal { | 11434 | .ui-slider-lg.ui-slider-horizontal { |
| 11428 | height: 5px; | 11435 | height: 5px; |
| 11429 | } | 11436 | } |
| 11430 | .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { | 11437 | .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { |
| 11431 | top: -5px; | 11438 | top: -5px; |
| 11432 | margin-left: -7.5px; | 11439 | margin-left: -7.5px; |
| 11433 | } | 11440 | } |
| 11434 | .ui-slider-lg.ui-slider-vertical { | 11441 | .ui-slider-lg.ui-slider-vertical { |
| 11435 | width: 5px; | 11442 | width: 5px; |
| 11436 | } | 11443 | } |
| 11437 | .ui-slider-lg.ui-slider-vertical .ui-slider-handle { | 11444 | .ui-slider-lg.ui-slider-vertical .ui-slider-handle { |
| 11438 | left: -5px; | 11445 | left: -5px; |
| 11439 | margin-bottom: -7.5px; | 11446 | margin-bottom: -7.5px; |
| 11440 | } | 11447 | } |
| 11441 | .ui-slider-sm.ui-slider-horizontal { | 11448 | .ui-slider-sm.ui-slider-horizontal { |
| 11442 | height: 3px; | 11449 | height: 3px; |
| 11443 | } | 11450 | } |
| 11444 | .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { | 11451 | .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { |
| 11445 | top: -4.5px; | 11452 | top: -4.5px; |
| 11446 | margin-left: -6px; | 11453 | margin-left: -6px; |
| 11447 | } | 11454 | } |
| 11448 | .ui-slider-sm.ui-slider-vertical { | 11455 | .ui-slider-sm.ui-slider-vertical { |
| 11449 | width: 3px; | 11456 | width: 3px; |
| 11450 | } | 11457 | } |
| 11451 | .ui-slider-sm.ui-slider-vertical .ui-slider-handle { | 11458 | .ui-slider-sm.ui-slider-vertical .ui-slider-handle { |
| 11452 | left: -4.5px; | 11459 | left: -4.5px; |
| 11453 | margin-bottom: -6px; | 11460 | margin-bottom: -6px; |
| 11454 | } | 11461 | } |
| 11455 | .ui-slider-xs.ui-slider-horizontal { | 11462 | .ui-slider-xs.ui-slider-horizontal { |
| 11456 | height: 2px; | 11463 | height: 2px; |
| 11457 | } | 11464 | } |
| 11458 | .ui-slider-xs.ui-slider-horizontal .ui-slider-handle { | 11465 | .ui-slider-xs.ui-slider-horizontal .ui-slider-handle { |
| 11459 | top: -5px; | 11466 | top: -5px; |
| 11460 | margin-left: -6px; | 11467 | margin-left: -6px; |
| 11461 | } | 11468 | } |
| 11462 | .ui-slider-xs.ui-slider-vertical { | 11469 | .ui-slider-xs.ui-slider-vertical { |
| 11463 | width: 2px; | 11470 | width: 2px; |
| 11464 | } | 11471 | } |
| 11465 | .ui-slider-xs.ui-slider-vertical .ui-slider-handle { | 11472 | .ui-slider-xs.ui-slider-vertical .ui-slider-handle { |
| 11466 | left: -5px; | 11473 | left: -5px; |
| 11467 | margin-bottom: -6px; | 11474 | margin-bottom: -6px; |
| 11468 | } | 11475 | } |
| 11469 | .ui-slider-primary .ui-slider-range, | 11476 | .ui-slider-primary .ui-slider-range, |
| 11470 | .ui-slider-primary .ui-slider-handle { | 11477 | .ui-slider-primary .ui-slider-handle { |
| 11471 | background-color: #2196F3; | 11478 | background-color: #2196F3; |
| 11472 | } | 11479 | } |
| 11473 | .ui-slider-primary .ui-slider-handle.ui-state-focus, | 11480 | .ui-slider-primary .ui-slider-handle.ui-state-focus, |
| 11474 | .ui-slider-primary .ui-slider-handle.ui-state-active { | 11481 | .ui-slider-primary .ui-slider-handle.ui-state-active { |
| 11475 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 11482 | -webkit-box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 11476 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); | 11483 | box-shadow: 0 0 0 10px rgba(33, 150, 243, 0.1); |
| 11477 | } | 11484 | } |
| 11478 | .ui-slider-danger .ui-slider-range, | 11485 | .ui-slider-danger .ui-slider-range, |
| 11479 | .ui-slider-danger .ui-slider-handle { | 11486 | .ui-slider-danger .ui-slider-handle { |
| 11480 | background-color: #F44336; | 11487 | background-color: #F44336; |
| 11481 | } | 11488 | } |
| 11482 | .ui-slider-danger .ui-slider-handle.ui-state-focus, | 11489 | .ui-slider-danger .ui-slider-handle.ui-state-focus, |
| 11483 | .ui-slider-danger .ui-slider-handle.ui-state-active { | 11490 | .ui-slider-danger .ui-slider-handle.ui-state-active { |
| 11484 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 11491 | -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 11485 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); | 11492 | box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1); |
| 11486 | } | 11493 | } |
| 11487 | .ui-slider-success .ui-slider-range, | 11494 | .ui-slider-success .ui-slider-range, |
| 11488 | .ui-slider-success .ui-slider-handle { | 11495 | .ui-slider-success .ui-slider-handle { |
| 11489 | background-color: #4CAF50; | 11496 | background-color: #4CAF50; |
| 11490 | } | 11497 | } |
| 11491 | .ui-slider-success .ui-slider-handle.ui-state-focus, | 11498 | .ui-slider-success .ui-slider-handle.ui-state-focus, |
| 11492 | .ui-slider-success .ui-slider-handle.ui-state-active { | 11499 | .ui-slider-success .ui-slider-handle.ui-state-active { |
| 11493 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 11500 | -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 11494 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); | 11501 | box-shadow: 0 0 0 10px rgba(76, 175, 80, 0.1); |
| 11495 | } | 11502 | } |
| 11496 | .ui-slider-warning .ui-slider-range, | 11503 | .ui-slider-warning .ui-slider-range, |
| 11497 | .ui-slider-warning .ui-slider-handle { | 11504 | .ui-slider-warning .ui-slider-handle { |
| 11498 | background-color: #FF5722; | 11505 | background-color: #FF5722; |
| 11499 | } | 11506 | } |
| 11500 | .ui-slider-warning .ui-slider-handle.ui-state-focus, | 11507 | .ui-slider-warning .ui-slider-handle.ui-state-focus, |
| 11501 | .ui-slider-warning .ui-slider-handle.ui-state-active { | 11508 | .ui-slider-warning .ui-slider-handle.ui-state-active { |
| 11502 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 11509 | -webkit-box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 11503 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); | 11510 | box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1); |
| 11504 | } | 11511 | } |
| 11505 | .ui-slider-info .ui-slider-range, | 11512 | .ui-slider-info .ui-slider-range, |
| 11506 | .ui-slider-info .ui-slider-handle { | 11513 | .ui-slider-info .ui-slider-handle { |
| 11507 | background-color: #00BCD4; | 11514 | background-color: #00BCD4; |
| 11508 | } | 11515 | } |
| 11509 | .ui-slider-info .ui-slider-handle.ui-state-focus, | 11516 | .ui-slider-info .ui-slider-handle.ui-state-focus, |
| 11510 | .ui-slider-info .ui-slider-handle.ui-state-active { | 11517 | .ui-slider-info .ui-slider-handle.ui-state-active { |
| 11511 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 11518 | -webkit-box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 11512 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); | 11519 | box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.1); |
| 11513 | } | 11520 | } |
| 11514 | .ui-spinner { | 11521 | .ui-spinner { |
| 11515 | position: relative; | 11522 | position: relative; |
| 11516 | display: table; | 11523 | display: table; |
| 11517 | } | 11524 | } |
| 11518 | .ui-spinner-input { | 11525 | .ui-spinner-input { |
| 11519 | display: table-cell; | 11526 | display: table-cell; |
| 11520 | width: calc(100% - 16px); | 11527 | width: calc(100% - 16px); |
| 11521 | } | 11528 | } |
| 11522 | .ui-spinner-button { | 11529 | .ui-spinner-button { |
| 11523 | font-size: 0; | 11530 | font-size: 0; |
| 11524 | cursor: pointer; | 11531 | cursor: pointer; |
| 11525 | display: table-cell; | 11532 | display: table-cell; |
| 11526 | width: 1%; | 11533 | width: 1%; |
| 11527 | border-radius: 0; | 11534 | border-radius: 0; |
| 11528 | padding-left: 11px; | 11535 | padding-left: 11px; |
| 11529 | padding-right: 11px; | 11536 | padding-right: 11px; |
| 11530 | } | 11537 | } |
| 11531 | .ui-spinner-button:after { | 11538 | .ui-spinner-button:after { |
| 11532 | font-family: 'Icomoon'; | 11539 | font-family: 'Icomoon'; |
| 11533 | display: inline-block; | 11540 | display: inline-block; |
| 11534 | width: 16px; | 11541 | width: 16px; |
| 11535 | font-size: 16px; | 11542 | font-size: 16px; |
| 11536 | line-height: 1; | 11543 | line-height: 1; |
| 11537 | -webkit-font-smoothing: antialiased; | 11544 | -webkit-font-smoothing: antialiased; |
| 11538 | -moz-osx-font-smoothing: grayscale; | 11545 | -moz-osx-font-smoothing: grayscale; |
| 11539 | } | 11546 | } |
| 11540 | .ui-spinner-button + .ui-spinner-button { | 11547 | .ui-spinner-button + .ui-spinner-button { |
| 11541 | border-left: 1px solid #fff; | 11548 | border-left: 1px solid #fff; |
| 11542 | } | 11549 | } |
| 11543 | .ui-spinner-button .ui-button-text { | 11550 | .ui-spinner-button .ui-button-text { |
| 11544 | display: none; | 11551 | display: none; |
| 11545 | } | 11552 | } |
| 11546 | .ui-spinner-button.ui-state-hover, | 11553 | .ui-spinner-button.ui-state-hover, |
| 11547 | .ui-spinner-button.ui-state-focus { | 11554 | .ui-spinner-button.ui-state-focus { |
| 11548 | color: #333333; | 11555 | color: #333333; |
| 11549 | } | 11556 | } |
| 11550 | .ui-spinner-button.ui-state-disabled { | 11557 | .ui-spinner-button.ui-state-disabled { |
| 11551 | background-color: transparent; | 11558 | background-color: transparent; |
| 11552 | color: #999999; | 11559 | color: #999999; |
| 11553 | cursor: not-allowed; | 11560 | cursor: not-allowed; |
| 11554 | -webkit-box-shadow: none; | 11561 | -webkit-box-shadow: none; |
| 11555 | box-shadow: none; | 11562 | box-shadow: none; |
| 11556 | } | 11563 | } |
| 11557 | .ui-spinner-up { | 11564 | .ui-spinner-up { |
| 11558 | border-bottom-left-radius: 3px; | 11565 | border-bottom-left-radius: 3px; |
| 11559 | border-top-left-radius: 3px; | 11566 | border-top-left-radius: 3px; |
| 11560 | } | 11567 | } |
| 11561 | .ui-spinner-up:after { | 11568 | .ui-spinner-up:after { |
| 11562 | content: '\e9f7'; | 11569 | content: '\e9f7'; |
| 11563 | } | 11570 | } |
| 11564 | .ui-spinner-down { | 11571 | .ui-spinner-down { |
| 11565 | margin-left: 1px; | 11572 | margin-left: 1px; |
| 11566 | border-bottom-right-radius: 3px; | 11573 | border-bottom-right-radius: 3px; |
| 11567 | border-top-right-radius: 3px; | 11574 | border-top-right-radius: 3px; |
| 11568 | } | 11575 | } |
| 11569 | .ui-spinner-down:after { | 11576 | .ui-spinner-down:after { |
| 11570 | content: '\e9e2'; | 11577 | content: '\e9e2'; |
| 11571 | } | 11578 | } |
| 11572 | .ui-tabs { | 11579 | .ui-tabs { |
| 11573 | position: relative; | 11580 | position: relative; |
| 11574 | } | 11581 | } |
| 11575 | .ui-tabs .ui-tabs-nav { | 11582 | .ui-tabs .ui-tabs-nav { |
| 11576 | margin-bottom: 20px; | 11583 | margin-bottom: 20px; |
| 11577 | border-bottom: 1px solid #ddd; | 11584 | border-bottom: 1px solid #ddd; |
| 11578 | } | 11585 | } |
| 11579 | .ui-tabs .ui-tabs-nav li { | 11586 | .ui-tabs .ui-tabs-nav li { |
| 11580 | list-style: none; | 11587 | list-style: none; |
| 11581 | position: relative; | 11588 | position: relative; |
| 11582 | padding: 0; | 11589 | padding: 0; |
| 11583 | white-space: nowrap; | 11590 | white-space: nowrap; |
| 11584 | margin-bottom: -1px; | 11591 | margin-bottom: -1px; |
| 11585 | } | 11592 | } |
| 11586 | @media (min-width: 769px) { | 11593 | @media (min-width: 769px) { |
| 11587 | .ui-tabs .ui-tabs-nav li { | 11594 | .ui-tabs .ui-tabs-nav li { |
| 11588 | float: left; | 11595 | float: left; |
| 11589 | } | 11596 | } |
| 11590 | } | 11597 | } |
| 11591 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { | 11598 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { |
| 11592 | display: block; | 11599 | display: block; |
| 11593 | color: #888; | 11600 | color: #888; |
| 11594 | padding: 12px 16px; | 11601 | padding: 12px 16px; |
| 11595 | border: 1px solid transparent; | 11602 | border: 1px solid transparent; |
| 11596 | text-transform: uppercase; | 11603 | text-transform: uppercase; |
| 11597 | border-top-width: 2px; | 11604 | border-top-width: 2px; |
| 11598 | } | 11605 | } |
| 11599 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled), | 11606 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled), |
| 11600 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) { | 11607 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) { |
| 11601 | color: #333333; | 11608 | color: #333333; |
| 11602 | } | 11609 | } |
| 11603 | .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { | 11610 | .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { |
| 11604 | color: #333333; | 11611 | color: #333333; |
| 11605 | background-color: #fff; | 11612 | background-color: #fff; |
| 11606 | cursor: default; | 11613 | cursor: default; |
| 11607 | border-color: #2196F3 #ddd transparent; | 11614 | border-color: #2196F3 #ddd transparent; |
| 11608 | } | 11615 | } |
| 11609 | .ui-tabs .ui-tabs-nav .ui-state-disabled { | 11616 | .ui-tabs .ui-tabs-nav .ui-state-disabled { |
| 11610 | color: #999999; | 11617 | color: #999999; |
| 11611 | cursor: not-allowed; | 11618 | cursor: not-allowed; |
| 11612 | opacity: 0.75; | 11619 | opacity: 0.75; |
| 11613 | filter: alpha(opacity=75); | 11620 | filter: alpha(opacity=75); |
| 11614 | } | 11621 | } |
| 11615 | .ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { | 11622 | .ui-tabs .ui-tabs-nav .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { |
| 11616 | background-color: #fff; | 11623 | background-color: #fff; |
| 11617 | border-bottom-color: #ddd; | 11624 | border-bottom-color: #ddd; |
| 11618 | } | 11625 | } |
| 11619 | @media (max-width: 768px) { | 11626 | @media (max-width: 768px) { |
| 11620 | .ui-tabs .ui-tabs-nav { | 11627 | .ui-tabs .ui-tabs-nav { |
| 11621 | border-bottom: 0; | 11628 | border-bottom: 0; |
| 11622 | position: relative; | 11629 | position: relative; |
| 11623 | background-color: #fff; | 11630 | background-color: #fff; |
| 11624 | padding: 8px 0; | 11631 | padding: 8px 0; |
| 11625 | border: 1px solid #ddd; | 11632 | border: 1px solid #ddd; |
| 11626 | border-radius: 3px; | 11633 | border-radius: 3px; |
| 11627 | } | 11634 | } |
| 11628 | .ui-tabs .ui-tabs-nav li { | 11635 | .ui-tabs .ui-tabs-nav li { |
| 11629 | margin-bottom: 0; | 11636 | margin-bottom: 0; |
| 11630 | } | 11637 | } |
| 11631 | .ui-tabs .ui-tabs-nav li + li { | 11638 | .ui-tabs .ui-tabs-nav li + li { |
| 11632 | margin-top: 1px; | 11639 | margin-top: 1px; |
| 11633 | } | 11640 | } |
| 11634 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { | 11641 | .ui-tabs .ui-tabs-nav .ui-tabs-anchor { |
| 11635 | border-width: 0 0 0 2px; | 11642 | border-width: 0 0 0 2px; |
| 11636 | border-left-color: transparent; | 11643 | border-left-color: transparent; |
| 11637 | } | 11644 | } |
| 11638 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor, | 11645 | .ui-tabs .ui-tabs-nav .ui-state-hover .ui-tabs-anchor, |
| 11639 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor { | 11646 | .ui-tabs .ui-tabs-nav .ui-state-focus .ui-tabs-anchor { |
| 11640 | background-color: #fafafa; | 11647 | background-color: #fafafa; |
| 11641 | } | 11648 | } |
| 11642 | .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor { | 11649 | .ui-tabs .ui-tabs-nav .ui-state-active .ui-tabs-anchor { |
| 11643 | border-left-color: #2196F3; | 11650 | border-left-color: #2196F3; |
| 11644 | background-color: #f5f5f5; | 11651 | background-color: #f5f5f5; |
| 11645 | } | 11652 | } |
| 11646 | .ui-tabs .ui-tabs-nav:before { | 11653 | .ui-tabs .ui-tabs-nav:before { |
| 11647 | content: 'Contents'; | 11654 | content: 'Contents'; |
| 11648 | color: inherit; | 11655 | color: inherit; |
| 11649 | font-size: 12px; | 11656 | font-size: 12px; |
| 11650 | line-height: 1.6666667; | 11657 | line-height: 1.6666667; |
| 11651 | font-weight: 500; | 11658 | font-weight: 500; |
| 11652 | margin-top: 7px; | 11659 | margin-top: 7px; |
| 11653 | margin-left: 15px; | 11660 | margin-left: 15px; |
| 11654 | margin-bottom: 15px; | 11661 | margin-bottom: 15px; |
| 11655 | text-transform: uppercase; | 11662 | text-transform: uppercase; |
| 11656 | opacity: 0.5; | 11663 | opacity: 0.5; |
| 11657 | filter: alpha(opacity=50); | 11664 | filter: alpha(opacity=50); |
| 11658 | } | 11665 | } |
| 11659 | } | 11666 | } |
| 11660 | .ui-tabs .ui-tabs-panel { | 11667 | .ui-tabs .ui-tabs-panel { |
| 11661 | display: block; | 11668 | display: block; |
| 11662 | } | 11669 | } |
| 11663 | .ui-tooltip { | 11670 | .ui-tooltip { |
| 11664 | position: absolute; | 11671 | position: absolute; |
| 11665 | z-index: 1070; | 11672 | z-index: 1070; |
| 11666 | max-width: 200px; | 11673 | max-width: 200px; |
| 11667 | padding: 3px 8px; | 11674 | padding: 3px 8px; |
| 11668 | color: #fff; | 11675 | color: #fff; |
| 11669 | text-align: center; | 11676 | text-align: center; |
| 11670 | background-color: #333; | 11677 | background-color: #333; |
| 11671 | border-radius: 3px; | 11678 | border-radius: 3px; |
| 11672 | } | 11679 | } |
| 11673 | .ui-widget-overlay { | 11680 | .ui-widget-overlay { |
| 11674 | position: fixed; | 11681 | position: fixed; |
| 11675 | top: 0; | 11682 | top: 0; |
| 11676 | left: 0; | 11683 | left: 0; |
| 11677 | width: 100%; | 11684 | width: 100%; |
| 11678 | height: 100%; | 11685 | height: 100%; |
| 11679 | background-color: #000; | 11686 | background-color: #000; |
| 11680 | opacity: 0.5; | 11687 | opacity: 0.5; |
| 11681 | filter: alpha(opacity=50); | 11688 | filter: alpha(opacity=50); |
| 11682 | } | 11689 | } |
| 11683 | .ui-helper-hidden { | 11690 | .ui-helper-hidden { |
| 11684 | display: none; | 11691 | display: none; |
| 11685 | } | 11692 | } |
| 11686 | .ui-helper-hidden-accessible { | 11693 | .ui-helper-hidden-accessible { |
| 11687 | border: 0; | 11694 | border: 0; |
| 11688 | clip: rect(0 0 0 0); | 11695 | clip: rect(0 0 0 0); |
| 11689 | height: 1px; | 11696 | height: 1px; |
| 11690 | margin: -1px; | 11697 | margin: -1px; |
| 11691 | overflow: hidden; | 11698 | overflow: hidden; |
| 11692 | padding: 0; | 11699 | padding: 0; |
| 11693 | position: absolute; | 11700 | position: absolute; |
| 11694 | width: 1px; | 11701 | width: 1px; |
| 11695 | } | 11702 | } |
| 11696 | .ui-helper-reset { | 11703 | .ui-helper-reset { |
| 11697 | margin: 0; | 11704 | margin: 0; |
| 11698 | padding: 0; | 11705 | padding: 0; |
| 11699 | border: 0; | 11706 | border: 0; |
| 11700 | outline: 0; | 11707 | outline: 0; |
| 11701 | list-style: none; | 11708 | list-style: none; |
| 11702 | } | 11709 | } |
| 11703 | .ui-helper-clearfix:before, | 11710 | .ui-helper-clearfix:before, |
| 11704 | .ui-helper-clearfix:after { | 11711 | .ui-helper-clearfix:after { |
| 11705 | content: ""; | 11712 | content: ""; |
| 11706 | display: table; | 11713 | display: table; |
| 11707 | border-collapse: collapse; | 11714 | border-collapse: collapse; |
| 11708 | } | 11715 | } |
| 11709 | .ui-helper-clearfix:after { | 11716 | .ui-helper-clearfix:after { |
| 11710 | clear: both; | 11717 | clear: both; |
| 11711 | } | 11718 | } |
| 11712 | .ui-helper-zfix { | 11719 | .ui-helper-zfix { |
| 11713 | width: 100%; | 11720 | width: 100%; |
| 11714 | height: 100%; | 11721 | height: 100%; |
| 11715 | top: 0; | 11722 | top: 0; |
| 11716 | left: 0; | 11723 | left: 0; |
| 11717 | position: absolute; | 11724 | position: absolute; |
| 11718 | opacity: 0; | 11725 | opacity: 0; |
| 11719 | filter: alpha(opacity=0); | 11726 | filter: alpha(opacity=0); |
| 11720 | } | 11727 | } |
| 11721 | .ui-front { | 11728 | .ui-front { |
| 11722 | z-index: 1040; | 11729 | z-index: 1040; |
| 11723 | } | 11730 | } |
| 11724 | /* ------------------------------------------------------------------------------ | 11731 | /* ------------------------------------------------------------------------------ |
| 11725 | * | 11732 | * |
| 11726 | * # Ripple effect | 11733 | * # Ripple effect |
| 11727 | * | 11734 | * |
| 11728 | * Material design ripple click effect | 11735 | * Material design ripple click effect |
| 11729 | * | 11736 | * |
| 11730 | * Version: 1.0 | 11737 | * Version: 1.0 |
| 11731 | * Latest update: Mar 10, 2016 | 11738 | * Latest update: Mar 10, 2016 |
| 11732 | * | 11739 | * |
| 11733 | * ---------------------------------------------------------------------------- */ | 11740 | * ---------------------------------------------------------------------------- */ |
| 11734 | .legitRipple { | 11741 | .legitRipple { |
| 11735 | position: relative; | 11742 | position: relative; |
| 11736 | overflow: hidden; | 11743 | overflow: hidden; |
| 11737 | z-index: 0; | 11744 | z-index: 0; |
| 11738 | -webkit-user-select: none; | 11745 | -webkit-user-select: none; |
| 11739 | -moz-user-select: none; | 11746 | -moz-user-select: none; |
| 11740 | -ms-user-select: none; | 11747 | -ms-user-select: none; |
| 11741 | user-select: none; | 11748 | user-select: none; |
| 11742 | } | 11749 | } |
| 11743 | .legitRipple-ripple { | 11750 | .legitRipple-ripple { |
| 11744 | position: absolute; | 11751 | position: absolute; |
| 11745 | width: 0; | 11752 | width: 0; |
| 11746 | z-index: -1; | 11753 | z-index: -1; |
| 11747 | pointer-events: none; | 11754 | pointer-events: none; |
| 11748 | border-radius: 50%; | 11755 | border-radius: 50%; |
| 11749 | background-color: rgba(255, 255, 255, 0.1); | 11756 | background-color: rgba(255, 255, 255, 0.1); |
| 11750 | will-change: transform, width, opacity; | 11757 | will-change: transform, width, opacity; |
| 11751 | opacity: 1; | 11758 | opacity: 1; |
| 11752 | filter: alpha(opacity=100); | 11759 | filter: alpha(opacity=100); |
| 11753 | -webkit-transform: translate3d(0, 0, 0); | 11760 | -webkit-transform: translate3d(0, 0, 0); |
| 11754 | transform: translate3d(0, 0, 0); | 11761 | transform: translate3d(0, 0, 0); |
| 11755 | -webkit-transform: translate(-50%, -50%); | 11762 | -webkit-transform: translate(-50%, -50%); |
| 11756 | -ms-transform: translate(-50%, -50%); | 11763 | -ms-transform: translate(-50%, -50%); |
| 11757 | -o-transform: translate(-50%, -50%); | 11764 | -o-transform: translate(-50%, -50%); |
| 11758 | transform: translate(-50%, -50%); | 11765 | transform: translate(-50%, -50%); |
| 11759 | -webkit-transition: width 0.2s linear, opacity 0.5s ease-out; | 11766 | -webkit-transition: width 0.2s linear, opacity 0.5s ease-out; |
| 11760 | -o-transition: width 0.2s linear, opacity 0.5s ease-out; | 11767 | -o-transition: width 0.2s linear, opacity 0.5s ease-out; |
| 11761 | transition: width 0.2s linear, opacity 0.5s ease-out; | 11768 | transition: width 0.2s linear, opacity 0.5s ease-out; |
| 11762 | } | 11769 | } |
| 11763 | .legitRipple-ripple:before { | 11770 | .legitRipple-ripple:before { |
| 11764 | content: ""; | 11771 | content: ""; |
| 11765 | padding-top: 100%; | 11772 | padding-top: 100%; |
| 11766 | display: block; | 11773 | display: block; |
| 11767 | } | 11774 | } |
| 11768 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li .legitRipple-ripple { | 11775 | .breadcrumb-line[class*=bg-] .breadcrumb-elements > li .legitRipple-ripple { |
| 11769 | background-color: rgba(255, 255, 255, 0.1); | 11776 | background-color: rgba(255, 255, 255, 0.1); |
| 11770 | } | 11777 | } |
| 11771 | .btn-default .legitRipple-ripple, | 11778 | .btn-default .legitRipple-ripple, |
| 11772 | .btn-link .legitRipple-ripple, | 11779 | .btn-link .legitRipple-ripple, |
| 11773 | .btn-flat .legitRipple-ripple, | 11780 | .btn-flat .legitRipple-ripple, |
| 11774 | .icons-list > li > a .legitRipple-ripple, | 11781 | .icons-list > li > a .legitRipple-ripple, |
| 11775 | .pagination > li:not(.active) > a .legitRipple-ripple, | 11782 | .pagination > li:not(.active) > a .legitRipple-ripple, |
| 11776 | .pagination > li:not(.active) > span .legitRipple-ripple, | 11783 | .pagination > li:not(.active) > span .legitRipple-ripple, |
| 11777 | .nav-tabs:not([class*=bg-]) > li > a .legitRipple-ripple, | 11784 | .nav-tabs:not([class*=bg-]) > li > a .legitRipple-ripple, |
| 11778 | .breadcrumb-elements > li .legitRipple-ripple, | 11785 | .breadcrumb-elements > li .legitRipple-ripple, |
| 11779 | .nav-pills > li > a .legitRipple-ripple, | 11786 | .nav-pills > li > a .legitRipple-ripple, |
| 11780 | .ui-button:not([class*=bg-]) .legitRipple-ripple, | 11787 | .ui-button:not([class*=bg-]) .legitRipple-ripple, |
| 11781 | .ui-tabs-anchor .legitRipple-ripple, | 11788 | .ui-tabs-anchor .legitRipple-ripple, |
| 11782 | .fc-button .legitRipple-ripple, | 11789 | .fc-button .legitRipple-ripple, |
| 11783 | .checkbox .legitRipple-ripple, | 11790 | .checkbox .legitRipple-ripple, |
| 11784 | .wizard > .actions > ul > li:first-child > a .legitRipple-ripple, | 11791 | .wizard > .actions > ul > li:first-child > a .legitRipple-ripple, |
| 11785 | .sidebar-default .navigation > li > a .legitRipple-ripple, | 11792 | .sidebar-default .navigation > li > a .legitRipple-ripple, |
| 11786 | .sidebar-default .navigation > li ul li > a .legitRipple-ripple, | 11793 | .sidebar-default .navigation > li ul li > a .legitRipple-ripple, |
| 11787 | .navbar-default .navbar-nav > li > a .legitRipple-ripple { | 11794 | .navbar-default .navbar-nav > li > a .legitRipple-ripple { |
| 11788 | background-color: rgba(0, 0, 0, 0.05); | 11795 | background-color: rgba(0, 0, 0, 0.05); |
| 11789 | } | 11796 | } |
| 11790 | img ~ .legitRipple-ripple { | 11797 | img ~ .legitRipple-ripple { |
| 11791 | z-index: auto; | 11798 | z-index: auto; |
| 11792 | } | 11799 | } |
| 11793 | .sidebar-user-material-content .legitRipple { | 11800 | .sidebar-user-material-content .legitRipple { |
| 11794 | border-radius: 50%; | 11801 | border-radius: 50%; |
| 11795 | } | 11802 | } |
| 11796 | .legitRipple-template { | 11803 | .legitRipple-template { |
| 11797 | display: none; | 11804 | display: none; |
| 11798 | } | 11805 | } |
| 11799 | .legitRipple-custom { | 11806 | .legitRipple-custom { |
| 11800 | overflow: hidden; | 11807 | overflow: hidden; |
| 11801 | } | 11808 | } |
| 11802 | .legitRipple-custom > * { | 11809 | .legitRipple-custom > * { |
| 11803 | position: absolute; | 11810 | position: absolute; |
| 11804 | top: 50%; | 11811 | top: 50%; |
| 11805 | left: 50%; | 11812 | left: 50%; |
| 11806 | min-width: 100%; | 11813 | min-width: 100%; |
| 11807 | min-height: 100%; | 11814 | min-height: 100%; |
| 11808 | -webkit-transform: translate(-50%, -50%); | 11815 | -webkit-transform: translate(-50%, -50%); |
| 11809 | -ms-transform: translate(-50%, -50%); | 11816 | -ms-transform: translate(-50%, -50%); |
| 11810 | -o-transform: translate(-50%, -50%); | 11817 | -o-transform: translate(-50%, -50%); |
| 11811 | transform: translate(-50%, -50%); | 11818 | transform: translate(-50%, -50%); |
| 11812 | } | 11819 | } |
| 11813 | /* ------------------------------------------------------------------------------ | 11820 | /* ------------------------------------------------------------------------------ |
| 11814 | * | 11821 | * |
| 11815 | * # Floating action buttons | 11822 | * # Floating action buttons |
| 11816 | * | 11823 | * |
| 11817 | * Material design floating action button with menu | 11824 | * Material design floating action button with menu |
| 11818 | * | 11825 | * |
| 11819 | * Version: 1.0 | 11826 | * Version: 1.0 |
| 11820 | * Latest update: Mar 10, 2016 | 11827 | * Latest update: Mar 10, 2016 |
| 11821 | * | 11828 | * |
| 11822 | * ---------------------------------------------------------------------------- */ | 11829 | * ---------------------------------------------------------------------------- */ |
| 11823 | .fab-menu { | 11830 | .fab-menu { |
| 11824 | position: relative; | 11831 | position: relative; |
| 11825 | display: inline-block; | 11832 | display: inline-block; |
| 11826 | white-space: nowrap; | 11833 | white-space: nowrap; |
| 11827 | padding: 0; | 11834 | padding: 0; |
| 11828 | margin: 0; | 11835 | margin: 0; |
| 11829 | list-style: none; | 11836 | list-style: none; |
| 11830 | z-index: 999; | 11837 | z-index: 999; |
| 11831 | } | 11838 | } |
| 11832 | .fab-menu-absolute { | 11839 | .fab-menu-absolute { |
| 11833 | position: absolute; | 11840 | position: absolute; |
| 11834 | } | 11841 | } |
| 11835 | .fab-menu-absolute.affix { | 11842 | .fab-menu-absolute.affix { |
| 11836 | position: fixed; | 11843 | position: fixed; |
| 11837 | } | 11844 | } |
| 11838 | .fab-menu-fixed { | 11845 | .fab-menu-fixed { |
| 11839 | position: fixed; | 11846 | position: fixed; |
| 11840 | z-index: 1030; | 11847 | z-index: 1030; |
| 11841 | } | 11848 | } |
| 11842 | .fab-menu-top-left, | 11849 | .fab-menu-top-left, |
| 11843 | .fab-menu-top-right { | 11850 | .fab-menu-top-right { |
| 11851 | margin-top: -26px; | ||
| 11852 | } | ||
| 11853 | .fab-menu-top-left.affix, | ||
| 11854 | .fab-menu-top-right.affix { | ||
| 11844 | top: 20px; | 11855 | top: 20px; |
| 11856 | margin-top: 0; | ||
| 11845 | } | 11857 | } |
| 11846 | .content-wrapper > .fab-menu-top-left, | 11858 | .content-wrapper > .fab-menu-top-left, |
| 11847 | .content-wrapper > .fab-menu-top-right { | 11859 | .content-wrapper > .fab-menu-top-right { |
| 11848 | top: -26px; | 11860 | top: -26px; |
| 11849 | } | 11861 | } |
| 11850 | .content-wrapper > .fab-menu-top-left.affix, | 11862 | .content-wrapper > .fab-menu-top-left.affix, |
| 11851 | .content-wrapper > .fab-menu-top-right.affix { | 11863 | .content-wrapper > .fab-menu-top-right.affix { |
| 11852 | top: 20px; | 11864 | top: 20px; |
| 11853 | } | 11865 | } |
| 11854 | .navbar-top .fab-menu-top-left.affix, | 11866 | .navbar-top .fab-menu-top-left.affix, |
| 11855 | .navbar-top .fab-menu-top-right.affix, | 11867 | .navbar-top .fab-menu-top-right.affix, |
| 11856 | .navbar-affixed-top .fab-menu-top-left.affix, | 11868 | .navbar-affixed-top .fab-menu-top-left.affix, |
| 11857 | .navbar-affixed-top .fab-menu-top-right.affix { | 11869 | .navbar-affixed-top .fab-menu-top-right.affix { |
| 11858 | top: 70px; | 11870 | top: 70px; |
| 11859 | } | 11871 | } |
| 11860 | .navbar-top-lg .fab-menu-top-left.affix, | 11872 | .navbar-top-lg .fab-menu-top-left.affix, |
| 11861 | .navbar-top-lg .fab-menu-top-right.affix, | 11873 | .navbar-top-lg .fab-menu-top-right.affix, |
| 11862 | .navbar-affixed-top-lg .fab-menu-top-left.affix, | 11874 | .navbar-affixed-top-lg .fab-menu-top-left.affix, |
| 11863 | .navbar-affixed-top-lg .fab-menu-top-right.affix { | 11875 | .navbar-affixed-top-lg .fab-menu-top-right.affix { |
| 11864 | top: 74px; | 11876 | top: 74px; |
| 11865 | } | 11877 | } |
| 11866 | .navbar-top-sm .fab-menu-top-left.affix, | 11878 | .navbar-top-sm .fab-menu-top-left.affix, |
| 11867 | .navbar-top-sm .fab-menu-top-right.affix, | 11879 | .navbar-top-sm .fab-menu-top-right.affix, |
| 11868 | .navbar-affixed-top-sm .fab-menu-top-left.affix, | 11880 | .navbar-affixed-top-sm .fab-menu-top-left.affix, |
| 11869 | .navbar-affixed-top-sm .fab-menu-top-right.affix { | 11881 | .navbar-affixed-top-sm .fab-menu-top-right.affix { |
| 11870 | top: 68px; | 11882 | top: 68px; |
| 11871 | } | 11883 | } |
| 11872 | .navbar-top-xs .fab-menu-top-left.affix, | 11884 | .navbar-top-xs .fab-menu-top-left.affix, |
| 11873 | .navbar-top-xs .fab-menu-top-right.affix, | 11885 | .navbar-top-xs .fab-menu-top-right.affix, |
| 11874 | .navbar-affixed-top-xs .fab-menu-top-left.affix, | 11886 | .navbar-affixed-top-xs .fab-menu-top-left.affix, |
| 11875 | .navbar-affixed-top-xs .fab-menu-top-right.affix { | 11887 | .navbar-affixed-top-xs .fab-menu-top-right.affix { |
| 11876 | top: 66px; | 11888 | top: 66px; |
| 11877 | } | 11889 | } |
| 11878 | .fab-menu-bottom-left, | 11890 | .fab-menu-bottom-left, |
| 11879 | .fab-menu-bottom-right { | 11891 | .fab-menu-bottom-right { |
| 11880 | bottom: 20px; | 11892 | bottom: 20px; |
| 11881 | -webkit-transition: bottom ease-in-out 0.15s; | 11893 | -webkit-transition: bottom ease-in-out 0.15s; |
| 11882 | -o-transition: bottom ease-in-out 0.15s; | 11894 | -o-transition: bottom ease-in-out 0.15s; |
| 11883 | transition: bottom ease-in-out 0.15s; | 11895 | transition: bottom ease-in-out 0.15s; |
| 11884 | } | 11896 | } |
| 11885 | .fab-menu-bottom-left.reached-bottom, | 11897 | .fab-menu-bottom-left.reached-bottom, |
| 11886 | .fab-menu-bottom-right.reached-bottom { | 11898 | .fab-menu-bottom-right.reached-bottom { |
| 11887 | bottom: 80px; | 11899 | bottom: 80px; |
| 11888 | } | 11900 | } |
| 11889 | .navbar-bottom .fab-menu-bottom-left.reached-bottom, | 11901 | .navbar-bottom .fab-menu-bottom-left.reached-bottom, |
| 11890 | .navbar-bottom .fab-menu-bottom-right.reached-bottom { | 11902 | .navbar-bottom .fab-menu-bottom-right.reached-bottom { |
| 11891 | bottom: 90px; | 11903 | bottom: 90px; |
| 11892 | } | 11904 | } |
| 11893 | .navbar-bottom-lg .fab-menu-bottom-left.reached-bottom, | 11905 | .navbar-bottom-lg .fab-menu-bottom-left.reached-bottom, |
| 11894 | .navbar-bottom-lg .fab-menu-bottom-right.reached-bottom { | 11906 | .navbar-bottom-lg .fab-menu-bottom-right.reached-bottom { |
| 11895 | bottom: 94px; | 11907 | bottom: 94px; |
| 11896 | } | 11908 | } |
| 11897 | .navbar-bottom-sm .fab-menu-bottom-left.reached-bottom, | 11909 | .navbar-bottom-sm .fab-menu-bottom-left.reached-bottom, |
| 11898 | .navbar-bottom-sm .fab-menu-bottom-right.reached-bottom { | 11910 | .navbar-bottom-sm .fab-menu-bottom-right.reached-bottom { |
| 11899 | bottom: 88px; | 11911 | bottom: 88px; |
| 11900 | } | 11912 | } |
| 11901 | .navbar-bottom-xs .fab-menu-bottom-left.reached-bottom, | 11913 | .navbar-bottom-xs .fab-menu-bottom-left.reached-bottom, |
| 11902 | .navbar-bottom-xs .fab-menu-bottom-right.reached-bottom { | 11914 | .navbar-bottom-xs .fab-menu-bottom-right.reached-bottom { |
| 11903 | bottom: 86px; | 11915 | bottom: 86px; |
| 11904 | } | 11916 | } |
| 11905 | .fab-menu-top-right, | 11917 | .fab-menu-top-right, |
| 11906 | .fab-menu-bottom-right { | 11918 | .fab-menu-bottom-right { |
| 11907 | right: 20px; | 11919 | right: 20px; |
| 11908 | } | 11920 | } |
| 11909 | .fab-menu-inner { | 11921 | .fab-menu-inner { |
| 11910 | list-style: none; | 11922 | list-style: none; |
| 11911 | margin: 0; | 11923 | margin: 0; |
| 11912 | padding: 0; | 11924 | padding: 0; |
| 11913 | } | 11925 | } |
| 11914 | .fab-menu-inner > li { | 11926 | .fab-menu-inner > li { |
| 11915 | display: block; | 11927 | display: block; |
| 11916 | position: absolute; | 11928 | position: absolute; |
| 11917 | top: 2px; | 11929 | top: 2px; |
| 11918 | left: 0; | 11930 | left: 0; |
| 11919 | right: 0; | 11931 | right: 0; |
| 11920 | text-align: center; | 11932 | text-align: center; |
| 11921 | padding-top: 20px; | 11933 | padding-top: 20px; |
| 11922 | margin-top: -20px; | 11934 | margin-top: -20px; |
| 11923 | } | 11935 | } |
| 11924 | .fab-menu-inner > li .btn { | 11936 | .fab-menu-inner > li .btn { |
| 11925 | border-width: 0; | 11937 | border-width: 0; |
| 11926 | } | 11938 | } |
| 11927 | .fab-menu-inner > li .btn-float { | 11939 | .fab-menu-inner > li .btn-float { |
| 11928 | padding: 0; | 11940 | padding: 0; |
| 11929 | width: 48px; | 11941 | width: 48px; |
| 11930 | height: 48px; | 11942 | height: 48px; |
| 11931 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11943 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11932 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 11944 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 11933 | } | 11945 | } |
| 11934 | .fab-menu-inner > li .btn-float:hover, | 11946 | .fab-menu-inner > li .btn-float:hover, |
| 11935 | .fab-menu-inner > li .btn-float:focus { | 11947 | .fab-menu-inner > li .btn-float:focus { |
| 11936 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11948 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11937 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 11949 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 11938 | } | 11950 | } |
| 11939 | .fab-menu-inner > li .btn-float > i { | 11951 | .fab-menu-inner > li .btn-float > i { |
| 11940 | margin: 16px; | 11952 | margin: 16px; |
| 11941 | } | 11953 | } |
| 11942 | .fab-menu-inner > li .btn-float.btn-flat > i { | 11954 | .fab-menu-inner > li .btn-float.btn-flat > i { |
| 11943 | margin: 14px; | 11955 | margin: 14px; |
| 11944 | } | 11956 | } |
| 11945 | .fab-menu-inner > li .badge, | 11957 | .fab-menu-inner > li .badge, |
| 11946 | .fab-menu-inner > li .label, | 11958 | .fab-menu-inner > li .label, |
| 11947 | .fab-menu-inner > li .status-mark { | 11959 | .fab-menu-inner > li .status-mark { |
| 11948 | position: absolute; | 11960 | position: absolute; |
| 11949 | } | 11961 | } |
| 11950 | @media (min-width: 769px) { | 11962 | @media (min-width: 769px) { |
| 11951 | .fab-menu-inner > li .badge, | 11963 | .fab-menu-inner > li .badge, |
| 11952 | .fab-menu-inner > li .label, | 11964 | .fab-menu-inner > li .label, |
| 11953 | .fab-menu-inner > li .status-mark { | 11965 | .fab-menu-inner > li .status-mark { |
| 11954 | -webkit-box-shadow: 0 0 0 2px #eeeded; | 11966 | -webkit-box-shadow: 0 0 0 2px #eeeded; |
| 11955 | box-shadow: 0 0 0 2px #eeeded; | 11967 | box-shadow: 0 0 0 2px #eeeded; |
| 11956 | } | 11968 | } |
| 11957 | } | 11969 | } |
| 11958 | .fab-menu-inner > li .badge, | 11970 | .fab-menu-inner > li .badge, |
| 11959 | .fab-menu-inner > li .label { | 11971 | .fab-menu-inner > li .label { |
| 11960 | top: 16px; | 11972 | top: 16px; |
| 11961 | right: -4px; | 11973 | right: -4px; |
| 11962 | } | 11974 | } |
| 11963 | .fab-menu-inner > li .status-mark { | 11975 | .fab-menu-inner > li .status-mark { |
| 11964 | top: 22px; | 11976 | top: 22px; |
| 11965 | right: 2px; | 11977 | right: 2px; |
| 11966 | } | 11978 | } |
| 11967 | .fab-menu-bottom-left .fab-menu-inner > li, | 11979 | .fab-menu-bottom-left .fab-menu-inner > li, |
| 11968 | .fab-menu-bottom-right .fab-menu-inner > li { | 11980 | .fab-menu-bottom-right .fab-menu-inner > li { |
| 11969 | padding-top: 0; | 11981 | padding-top: 0; |
| 11970 | margin-top: 0; | 11982 | margin-top: 0; |
| 11971 | padding-bottom: 20px; | 11983 | padding-bottom: 20px; |
| 11972 | margin-bottom: -20px; | 11984 | margin-bottom: -20px; |
| 11973 | } | 11985 | } |
| 11974 | .fab-menu-bottom-left .fab-menu-inner > li .badge, | 11986 | .fab-menu-bottom-left .fab-menu-inner > li .badge, |
| 11975 | .fab-menu-bottom-right .fab-menu-inner > li .badge, | 11987 | .fab-menu-bottom-right .fab-menu-inner > li .badge, |
| 11976 | .fab-menu-bottom-left .fab-menu-inner > li .label, | 11988 | .fab-menu-bottom-left .fab-menu-inner > li .label, |
| 11977 | .fab-menu-bottom-right .fab-menu-inner > li .label { | 11989 | .fab-menu-bottom-right .fab-menu-inner > li .label { |
| 11978 | top: -4px; | 11990 | top: -4px; |
| 11979 | } | 11991 | } |
| 11980 | .fab-menu-bottom-left .fab-menu-inner > li .status-mark, | 11992 | .fab-menu-bottom-left .fab-menu-inner > li .status-mark, |
| 11981 | .fab-menu-bottom-right .fab-menu-inner > li .status-mark { | 11993 | .fab-menu-bottom-right .fab-menu-inner > li .status-mark { |
| 11982 | top: 2px; | 11994 | top: 2px; |
| 11983 | } | 11995 | } |
| 11984 | .fab-menu-inner .dropdown-menu { | 11996 | .fab-menu-inner .dropdown-menu { |
| 11985 | margin-top: 0; | 11997 | margin-top: 0; |
| 11986 | margin-right: 10px; | 11998 | margin-right: 10px; |
| 11987 | top: 19px; | 11999 | top: 19px; |
| 11988 | left: auto; | 12000 | left: auto; |
| 11989 | right: 100%; | 12001 | right: 100%; |
| 11990 | } | 12002 | } |
| 11991 | .fab-menu-inner .dropdown-menu-right { | 12003 | .fab-menu-inner .dropdown-menu-right { |
| 11992 | margin-right: 0; | 12004 | margin-right: 0; |
| 11993 | margin-left: 10px; | 12005 | margin-left: 10px; |
| 11994 | right: auto; | 12006 | right: auto; |
| 11995 | left: 100%; | 12007 | left: 100%; |
| 11996 | } | 12008 | } |
| 11997 | .fab-menu-btn { | 12009 | .fab-menu-btn { |
| 11998 | z-index: 1001; | 12010 | z-index: 1001; |
| 11999 | border-width: 0; | 12011 | border-width: 0; |
| 12000 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12012 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12001 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12013 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12002 | } | 12014 | } |
| 12003 | .fab-menu-btn.btn-float { | 12015 | .fab-menu-btn.btn-float { |
| 12004 | padding: 26px; | 12016 | padding: 26px; |
| 12005 | } | 12017 | } |
| 12006 | .fab-menu-btn.btn-float > i { | 12018 | .fab-menu-btn.btn-float > i { |
| 12007 | position: absolute; | 12019 | position: absolute; |
| 12008 | top: 50%; | 12020 | top: 50%; |
| 12009 | left: 50%; | 12021 | left: 50%; |
| 12010 | margin-top: -8px; | 12022 | margin-top: -8px; |
| 12011 | margin-left: -8px; | 12023 | margin-left: -8px; |
| 12012 | } | 12024 | } |
| 12013 | .fab-menu-btn:hover, | 12025 | .fab-menu-btn:hover, |
| 12014 | .fab-menu-btn:focus, | 12026 | .fab-menu-btn:focus, |
| 12015 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-btn, | 12027 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-btn, |
| 12016 | .fab-menu[data-fab-state="open"] .fab-menu-btn { | 12028 | .fab-menu[data-fab-state="open"] .fab-menu-btn { |
| 12017 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 12029 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 12018 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 12030 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 12019 | } | 12031 | } |
| 12020 | .fab-icon-close, | 12032 | .fab-icon-close, |
| 12021 | .fab-icon-open { | 12033 | .fab-icon-open { |
| 12022 | -webkit-transform: rotate(360deg); | 12034 | -webkit-transform: rotate(360deg); |
| 12023 | -ms-transform: rotate(360deg); | 12035 | -ms-transform: rotate(360deg); |
| 12024 | -o-transform: rotate(360deg); | 12036 | -o-transform: rotate(360deg); |
| 12025 | transform: rotate(360deg); | 12037 | transform: rotate(360deg); |
| 12026 | -webkit-transition: all ease-in-out 0.3s; | 12038 | -webkit-transition: all ease-in-out 0.3s; |
| 12027 | -o-transition: all ease-in-out 0.3s; | 12039 | -o-transition: all ease-in-out 0.3s; |
| 12028 | transition: all ease-in-out 0.3s; | 12040 | transition: all ease-in-out 0.3s; |
| 12029 | } | 12041 | } |
| 12030 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, | 12042 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, |
| 12031 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, | 12043 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, |
| 12032 | .fab-menu[data-fab-state="open"] .fab-icon-close, | 12044 | .fab-menu[data-fab-state="open"] .fab-icon-close, |
| 12033 | .fab-menu[data-fab-state="open"] .fab-icon-open { | 12045 | .fab-menu[data-fab-state="open"] .fab-icon-open { |
| 12034 | -webkit-transform: rotate(0deg); | 12046 | -webkit-transform: rotate(0deg); |
| 12035 | -ms-transform: rotate(0deg); | 12047 | -ms-transform: rotate(0deg); |
| 12036 | -o-transform: rotate(0deg); | 12048 | -o-transform: rotate(0deg); |
| 12037 | transform: rotate(0deg); | 12049 | transform: rotate(0deg); |
| 12038 | } | 12050 | } |
| 12039 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, | 12051 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, |
| 12040 | .fab-menu[data-fab-state="open"] .fab-icon-open { | 12052 | .fab-menu[data-fab-state="open"] .fab-icon-open { |
| 12041 | opacity: 0; | 12053 | opacity: 0; |
| 12042 | filter: alpha(opacity=0); | 12054 | filter: alpha(opacity=0); |
| 12043 | } | 12055 | } |
| 12044 | .fab-icon-close { | 12056 | .fab-icon-close { |
| 12045 | opacity: 0; | 12057 | opacity: 0; |
| 12046 | filter: alpha(opacity=0); | 12058 | filter: alpha(opacity=0); |
| 12047 | } | 12059 | } |
| 12048 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, | 12060 | .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, |
| 12049 | .fab-menu[data-fab-state="open"] .fab-icon-close { | 12061 | .fab-menu[data-fab-state="open"] .fab-icon-close { |
| 12050 | opacity: 1; | 12062 | opacity: 1; |
| 12051 | filter: alpha(opacity=100); | 12063 | filter: alpha(opacity=100); |
| 12052 | } | 12064 | } |
| 12053 | .fab-menu .fab-menu-inner > li { | 12065 | .fab-menu .fab-menu-inner > li { |
| 12054 | visibility: hidden; | 12066 | visibility: hidden; |
| 12055 | opacity: 0; | 12067 | opacity: 0; |
| 12056 | filter: alpha(opacity=0); | 12068 | filter: alpha(opacity=0); |
| 12057 | -webkit-transition: all ease-in-out 0.3s; | 12069 | -webkit-transition: all ease-in-out 0.3s; |
| 12058 | -o-transition: all ease-in-out 0.3s; | 12070 | -o-transition: all ease-in-out 0.3s; |
| 12059 | transition: all ease-in-out 0.3s; | 12071 | transition: all ease-in-out 0.3s; |
| 12060 | } | 12072 | } |
| 12061 | .fab-menu .fab-menu-inner > li:nth-child(1) { | 12073 | .fab-menu .fab-menu-inner > li:nth-child(1) { |
| 12062 | -webkit-transition-delay: 0.05s; | 12074 | -webkit-transition-delay: 0.05s; |
| 12063 | transition-delay: 0.05s; | 12075 | transition-delay: 0.05s; |
| 12064 | } | 12076 | } |
| 12065 | .fab-menu .fab-menu-inner > li:nth-child(2) { | 12077 | .fab-menu .fab-menu-inner > li:nth-child(2) { |
| 12066 | -webkit-transition-delay: 0.1s; | 12078 | -webkit-transition-delay: 0.1s; |
| 12067 | transition-delay: 0.1s; | 12079 | transition-delay: 0.1s; |
| 12068 | } | 12080 | } |
| 12069 | .fab-menu .fab-menu-inner > li:nth-child(3) { | 12081 | .fab-menu .fab-menu-inner > li:nth-child(3) { |
| 12070 | -webkit-transition-delay: 0.15s; | 12082 | -webkit-transition-delay: 0.15s; |
| 12071 | transition-delay: 0.15s; | 12083 | transition-delay: 0.15s; |
| 12072 | } | 12084 | } |
| 12073 | .fab-menu .fab-menu-inner > li:nth-child(4) { | 12085 | .fab-menu .fab-menu-inner > li:nth-child(4) { |
| 12074 | -webkit-transition-delay: 0.2s; | 12086 | -webkit-transition-delay: 0.2s; |
| 12075 | transition-delay: 0.2s; | 12087 | transition-delay: 0.2s; |
| 12076 | } | 12088 | } |
| 12077 | .fab-menu .fab-menu-inner > li:nth-child(5) { | 12089 | .fab-menu .fab-menu-inner > li:nth-child(5) { |
| 12078 | -webkit-transition-delay: 0.25s; | 12090 | -webkit-transition-delay: 0.25s; |
| 12079 | transition-delay: 0.25s; | 12091 | transition-delay: 0.25s; |
| 12080 | } | 12092 | } |
| 12081 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li, | 12093 | .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li, |
| 12082 | .fab-menu[data-fab-state="open"] .fab-menu-inner > li { | 12094 | .fab-menu[data-fab-state="open"] .fab-menu-inner > li { |
| 12083 | visibility: visible; | 12095 | visibility: visible; |
| 12084 | opacity: 1; | 12096 | opacity: 1; |
| 12085 | filter: alpha(opacity=100); | 12097 | filter: alpha(opacity=100); |
| 12086 | } | 12098 | } |
| 12087 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12099 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12088 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12100 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12089 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12101 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12090 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12102 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12091 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12103 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12092 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { | 12104 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { |
| 12093 | top: 72px; | 12105 | top: 72px; |
| 12094 | -webkit-transition-delay: 0.05s; | 12106 | -webkit-transition-delay: 0.05s; |
| 12095 | transition-delay: 0.05s; | 12107 | transition-delay: 0.05s; |
| 12096 | } | 12108 | } |
| 12097 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12109 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12098 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12110 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12099 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12111 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12100 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12112 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12101 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12113 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12102 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { | 12114 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { |
| 12103 | top: 140px; | 12115 | top: 140px; |
| 12104 | -webkit-transition-delay: 0.1s; | 12116 | -webkit-transition-delay: 0.1s; |
| 12105 | transition-delay: 0.1s; | 12117 | transition-delay: 0.1s; |
| 12106 | } | 12118 | } |
| 12107 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12119 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12108 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12120 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12109 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12121 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12110 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12122 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12111 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12123 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12112 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { | 12124 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { |
| 12113 | top: 208px; | 12125 | top: 208px; |
| 12114 | -webkit-transition-delay: 0.15s; | 12126 | -webkit-transition-delay: 0.15s; |
| 12115 | transition-delay: 0.15s; | 12127 | transition-delay: 0.15s; |
| 12116 | } | 12128 | } |
| 12117 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12129 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12118 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12130 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12119 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12131 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12120 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12132 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12121 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12133 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12122 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { | 12134 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { |
| 12123 | top: 276px; | 12135 | top: 276px; |
| 12124 | -webkit-transition-delay: 0.2s; | 12136 | -webkit-transition-delay: 0.2s; |
| 12125 | transition-delay: 0.2s; | 12137 | transition-delay: 0.2s; |
| 12126 | } | 12138 | } |
| 12127 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12139 | .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12128 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12140 | .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12129 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12141 | .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12130 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12142 | .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12131 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12143 | .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12132 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { | 12144 | .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { |
| 12133 | top: 344px; | 12145 | top: 344px; |
| 12134 | -webkit-transition-delay: 0.25s; | 12146 | -webkit-transition-delay: 0.25s; |
| 12135 | transition-delay: 0.25s; | 12147 | transition-delay: 0.25s; |
| 12136 | } | 12148 | } |
| 12137 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12149 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12138 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12150 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12139 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), | 12151 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), |
| 12140 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12152 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12141 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), | 12153 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), |
| 12142 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { | 12154 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { |
| 12143 | top: -64px; | 12155 | top: -64px; |
| 12144 | -webkit-transition-delay: 0.05s; | 12156 | -webkit-transition-delay: 0.05s; |
| 12145 | transition-delay: 0.05s; | 12157 | transition-delay: 0.05s; |
| 12146 | } | 12158 | } |
| 12147 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12159 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12148 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12160 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12149 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), | 12161 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), |
| 12150 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12162 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12151 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), | 12163 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), |
| 12152 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { | 12164 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { |
| 12153 | top: -132px; | 12165 | top: -132px; |
| 12154 | -webkit-transition-delay: 0.1s; | 12166 | -webkit-transition-delay: 0.1s; |
| 12155 | transition-delay: 0.1s; | 12167 | transition-delay: 0.1s; |
| 12156 | } | 12168 | } |
| 12157 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12169 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12158 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12170 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12159 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), | 12171 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), |
| 12160 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12172 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12161 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), | 12173 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), |
| 12162 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { | 12174 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { |
| 12163 | top: -200px; | 12175 | top: -200px; |
| 12164 | -webkit-transition-delay: 0.15s; | 12176 | -webkit-transition-delay: 0.15s; |
| 12165 | transition-delay: 0.15s; | 12177 | transition-delay: 0.15s; |
| 12166 | } | 12178 | } |
| 12167 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12179 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12168 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12180 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12169 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), | 12181 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), |
| 12170 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12182 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12171 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), | 12183 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), |
| 12172 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { | 12184 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { |
| 12173 | top: -268px; | 12185 | top: -268px; |
| 12174 | -webkit-transition-delay: 0.2s; | 12186 | -webkit-transition-delay: 0.2s; |
| 12175 | transition-delay: 0.2s; | 12187 | transition-delay: 0.2s; |
| 12176 | } | 12188 | } |
| 12177 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12189 | .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12178 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12190 | .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12179 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), | 12191 | .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), |
| 12180 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12192 | .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12181 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), | 12193 | .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), |
| 12182 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { | 12194 | .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { |
| 12183 | top: -336px; | 12195 | top: -336px; |
| 12184 | -webkit-transition-delay: 0.25s; | 12196 | -webkit-transition-delay: 0.25s; |
| 12185 | transition-delay: 0.25s; | 12197 | transition-delay: 0.25s; |
| 12186 | } | 12198 | } |
| 12187 | .fab-menu-inner div[data-fab-label]:after { | 12199 | .fab-menu-inner div[data-fab-label]:after { |
| 12188 | content: attr(data-fab-label); | 12200 | content: attr(data-fab-label); |
| 12189 | position: absolute; | 12201 | position: absolute; |
| 12190 | top: 50%; | 12202 | top: 50%; |
| 12191 | margin-top: -8px; | 12203 | margin-top: -8px; |
| 12192 | right: 70px; | 12204 | right: 70px; |
| 12193 | color: #fff; | 12205 | color: #fff; |
| 12194 | background-color: #333; | 12206 | background-color: #333; |
| 12195 | padding: 8px 16px; | 12207 | padding: 8px 16px; |
| 12196 | visibility: hidden; | 12208 | visibility: hidden; |
| 12197 | border-radius: 3px; | 12209 | border-radius: 3px; |
| 12198 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12210 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12199 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | 12211 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
| 12200 | opacity: 0; | 12212 | opacity: 0; |
| 12201 | filter: alpha(opacity=0); | 12213 | filter: alpha(opacity=0); |
| 12202 | -webkit-transition: all ease-in-out 0.3s; | 12214 | -webkit-transition: all ease-in-out 0.3s; |
| 12203 | -o-transition: all ease-in-out 0.3s; | 12215 | -o-transition: all ease-in-out 0.3s; |
| 12204 | transition: all ease-in-out 0.3s; | 12216 | transition: all ease-in-out 0.3s; |
| 12205 | } | 12217 | } |
| 12206 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, | 12218 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, |
| 12207 | .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { | 12219 | .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { |
| 12208 | margin-top: -28px; | 12220 | margin-top: -28px; |
| 12209 | } | 12221 | } |
| 12210 | .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after, | 12222 | .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after, |
| 12211 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, | 12223 | .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, |
| 12212 | .fab-menu-inner div[data-fab-label].fab-label-right:after { | 12224 | .fab-menu-inner div[data-fab-label].fab-label-right:after { |
| 12213 | right: auto; | 12225 | right: auto; |
| 12214 | left: 70px; | 12226 | left: 70px; |
| 12215 | } | 12227 | } |
| 12216 | .fab-menu[data-fab-toggle="hover"] .fab-menu-inner div[data-fab-label]:hover:after, | 12228 | .fab-menu[data-fab-toggle="hover"] .fab-menu-inner div[data-fab-label]:hover:after, |
| 12217 | .fab-menu[data-fab-state="open"] .fab-menu-inner div[data-fab-label]:hover:after { | 12229 | .fab-menu[data-fab-state="open"] .fab-menu-inner div[data-fab-label]:hover:after { |
| 12218 | visibility: visible; | 12230 | visibility: visible; |
| 12219 | opacity: 1; | 12231 | opacity: 1; |
| 12220 | filter: alpha(opacity=100); | 12232 | filter: alpha(opacity=100); |
| 12221 | } | 12233 | } |
| 12222 | .fab-menu-inner div[data-fab-label].fab-label-light:after { | 12234 | .fab-menu-inner div[data-fab-label].fab-label-light:after { |
| 12223 | background-color: #fff; | 12235 | background-color: #fff; |
| 12224 | color: #333333; | 12236 | color: #333333; |
| 12225 | } | 12237 | } |
| 12226 | .fab-menu-inner div[data-fab-label].fab-label-visible:after { | 12238 | .fab-menu-inner div[data-fab-label].fab-label-visible:after { |
| 12227 | visibility: visible; | 12239 | visibility: visible; |
| 12228 | opacity: 1; | 12240 | opacity: 1; |
| 12229 | filter: alpha(opacity=100); | 12241 | filter: alpha(opacity=100); |
| 12230 | } | 12242 | } |
| 12231 | /* ------------------------------------------------------------------------------ | 12243 | /* ------------------------------------------------------------------------------ |
| 12232 | * | 12244 | * |
| 12233 | * # Prism | 12245 | * # Prism |
| 12234 | * | 12246 | * |
| 12235 | * Lightweight, extensible syntax highlighter | 12247 | * Lightweight, extensible syntax highlighter |
| 12236 | * | 12248 | * |
| 12237 | * Version: 1.0 | 12249 | * Version: 1.0 |
| 12238 | * Latest update: May 10, 2015 | 12250 | * Latest update: May 10, 2015 |
| 12239 | * | 12251 | * |
| 12240 | * ---------------------------------------------------------------------------- */ | 12252 | * ---------------------------------------------------------------------------- */ |
| 12241 | code[class*="language-"], | 12253 | code[class*="language-"], |
| 12242 | pre[class*="language-"] { | 12254 | pre[class*="language-"] { |
| 12243 | text-shadow: 0 1px #fff; | 12255 | text-shadow: 0 1px #fff; |
| 12244 | word-break: normal; | 12256 | word-break: normal; |
| 12245 | line-height: 1.5; | 12257 | line-height: 1.5; |
| 12246 | direction: ltr; | 12258 | direction: ltr; |
| 12247 | } | 12259 | } |
| 12248 | @media print { | 12260 | @media print { |
| 12249 | code[class*="language-"], | 12261 | code[class*="language-"], |
| 12250 | pre[class*="language-"] { | 12262 | pre[class*="language-"] { |
| 12251 | text-shadow: none; | 12263 | text-shadow: none; |
| 12252 | } | 12264 | } |
| 12253 | } | 12265 | } |
| 12254 | .token.comment, | 12266 | .token.comment, |
| 12255 | .token.prolog, | 12267 | .token.prolog, |
| 12256 | .token.doctype, | 12268 | .token.doctype, |
| 12257 | .token.cdata, | 12269 | .token.cdata, |
| 12258 | .token.punctuation { | 12270 | .token.punctuation { |
| 12259 | color: #999; | 12271 | color: #999; |
| 12260 | } | 12272 | } |
| 12261 | .token.property, | 12273 | .token.property, |
| 12262 | .token.tag, | 12274 | .token.tag, |
| 12263 | .token.boolean, | 12275 | .token.boolean, |
| 12264 | .token.number, | 12276 | .token.number, |
| 12265 | .token.constant, | 12277 | .token.constant, |
| 12266 | .token.symbol { | 12278 | .token.symbol { |
| 12267 | color: #905; | 12279 | color: #905; |
| 12268 | } | 12280 | } |
| 12269 | .token.selector, | 12281 | .token.selector, |
| 12270 | .token.attr-name, | 12282 | .token.attr-name, |
| 12271 | .token.string, | 12283 | .token.string, |
| 12272 | .token.builtin { | 12284 | .token.builtin { |
| 12273 | color: #690; | 12285 | color: #690; |
| 12274 | } | 12286 | } |
| 12275 | .token.operator, | 12287 | .token.operator, |
| 12276 | .token.entity, | 12288 | .token.entity, |
| 12277 | .token.url, | 12289 | .token.url, |
| 12278 | .language-css .token.string, | 12290 | .language-css .token.string, |
| 12279 | .style .token.string, | 12291 | .style .token.string, |
| 12280 | .token.variable { | 12292 | .token.variable { |
| 12281 | color: #a67f59; | 12293 | color: #a67f59; |
| 12282 | background: rgba(255, 255, 255, 0.5); | 12294 | background: rgba(255, 255, 255, 0.5); |
| 12283 | } | 12295 | } |
| 12284 | .token.atrule, | 12296 | .token.atrule, |
| 12285 | .token.attr-value, | 12297 | .token.attr-value, |
| 12286 | .token.keyword { | 12298 | .token.keyword { |
| 12287 | color: #07a; | 12299 | color: #07a; |
| 12288 | } | 12300 | } |
| 12289 | .token.function { | 12301 | .token.function { |
| 12290 | color: #DD4A68; | 12302 | color: #DD4A68; |
| 12291 | } | 12303 | } |
| 12292 | .token.regex, | 12304 | .token.regex, |
| 12293 | .token.important { | 12305 | .token.important { |
| 12294 | color: #e90; | 12306 | color: #e90; |
| 12295 | } | 12307 | } |
| 12296 | .token.important { | 12308 | .token.important { |
| 12297 | font-weight: bold; | 12309 | font-weight: bold; |
| 12298 | } | 12310 | } |
| 12299 | .token.entity { | 12311 | .token.entity { |
| 12300 | cursor: help; | 12312 | cursor: help; |
| 12301 | } | 12313 | } |
| 12302 | .namespace { | 12314 | .namespace { |
| 12303 | opacity: 0.7; | 12315 | opacity: 0.7; |
| 12304 | filter: alpha(opacity=70); | 12316 | filter: alpha(opacity=70); |
| 12305 | } | 12317 | } |
| 12306 | .line-highlight { | 12318 | .line-highlight { |
| 12307 | position: absolute; | 12319 | position: absolute; |
| 12308 | left: 0; | 12320 | left: 0; |
| 12309 | right: 0; | 12321 | right: 0; |
| 12310 | margin-top: 20px; | 12322 | margin-top: 20px; |
| 12311 | background: rgba(133, 238, 149, 0.12); | 12323 | background: rgba(133, 238, 149, 0.12); |
| 12312 | pointer-events: none; | 12324 | pointer-events: none; |
| 12313 | white-space: pre; | 12325 | white-space: pre; |
| 12314 | line-height: inherit; | 12326 | line-height: inherit; |
| 12315 | } | 12327 | } |
| 12316 | .line-highlight:before, | 12328 | .line-highlight:before, |
| 12317 | .line-highlight:after { | 12329 | .line-highlight:after { |
| 12318 | content: attr(data-start); | 12330 | content: attr(data-start); |
| 12319 | position: absolute; | 12331 | position: absolute; |
| 12320 | top: 0px; | 12332 | top: 0px; |
| 12321 | left: 10px; | 12333 | left: 10px; |
| 12322 | padding: 2px; | 12334 | padding: 2px; |
| 12323 | text-align: center; | 12335 | text-align: center; |
| 12324 | font-size: 10px; | 12336 | font-size: 10px; |
| 12325 | color: #999999; | 12337 | color: #999999; |
| 12326 | } | 12338 | } |
| 12327 | .line-highlight[data-end]:after { | 12339 | .line-highlight[data-end]:after { |
| 12328 | content: attr(data-end); | 12340 | content: attr(data-end); |
| 12329 | top: auto; | 12341 | top: auto; |
| 12330 | bottom: 0; | 12342 | bottom: 0; |
| 12331 | } | 12343 | } |
| 12332 | pre.line-numbers { | 12344 | pre.line-numbers { |
| 12333 | position: relative; | 12345 | position: relative; |
| 12334 | padding-left: 50px; | 12346 | padding-left: 50px; |
| 12335 | counter-reset: linenumber; | 12347 | counter-reset: linenumber; |
| 12336 | } | 12348 | } |
| 12337 | pre.line-numbers > code { | 12349 | pre.line-numbers > code { |
| 12338 | position: relative; | 12350 | position: relative; |
| 12339 | } | 12351 | } |
| 12340 | .line-numbers .line-numbers-rows { | 12352 | .line-numbers .line-numbers-rows { |
| 12341 | position: absolute; | 12353 | position: absolute; |
| 12342 | pointer-events: none; | 12354 | pointer-events: none; |
| 12343 | top: 0; | 12355 | top: 0; |
| 12344 | font-size: 100%; | 12356 | font-size: 100%; |
| 12345 | left: -50px; | 12357 | left: -50px; |
| 12346 | width: 36px; | 12358 | width: 36px; |
| 12347 | letter-spacing: -1px; | 12359 | letter-spacing: -1px; |
| 12348 | border-right: 1px solid #999; | 12360 | border-right: 1px solid #999; |
| 12349 | -webkit-user-select: none; | 12361 | -webkit-user-select: none; |
| 12350 | -moz-user-select: none; | 12362 | -moz-user-select: none; |
| 12351 | -ms-user-select: none; | 12363 | -ms-user-select: none; |
| 12352 | user-select: none; | 12364 | user-select: none; |
| 12353 | } | 12365 | } |
| 12354 | .line-numbers .line-numbers-rows > span { | 12366 | .line-numbers .line-numbers-rows > span { |
| 12355 | pointer-events: none; | 12367 | pointer-events: none; |
| 12356 | display: block; | 12368 | display: block; |
| 12357 | counter-increment: linenumber; | 12369 | counter-increment: linenumber; |
| 12358 | } | 12370 | } |
| 12359 | .line-numbers .line-numbers-rows > span:before { | 12371 | .line-numbers .line-numbers-rows > span:before { |
| 12360 | content: counter(linenumber); | 12372 | content: counter(linenumber); |
| 12361 | color: #999999; | 12373 | color: #999999; |
| 12362 | display: block; | 12374 | display: block; |
| 12363 | padding-right: 10px; | 12375 | padding-right: 10px; |
| 12364 | text-align: right; | 12376 | text-align: right; |
| 12365 | } | 12377 | } |
| 12366 | pre[class*="language-"] { | 12378 | pre[class*="language-"] { |
| 12367 | overflow: auto; | 12379 | overflow: auto; |
| 12368 | position: relative; | 12380 | position: relative; |
| 12369 | border-left-width: 3px; | 12381 | border-left-width: 3px; |
| 12370 | border-left-color: #2196F3; | 12382 | border-left-color: #2196F3; |
| 12371 | background-color: #fdfdfd; | 12383 | background-color: #fdfdfd; |
| 12372 | background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12384 | background-image: -webkit-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12373 | background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12385 | background-image: -moz-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12374 | background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12386 | background-image: -ms-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12375 | background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12387 | background-image: -o-linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12376 | background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); | 12388 | background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); |
| 12377 | background-size: 3em 3em; | 12389 | background-size: 3em 3em; |
| 12378 | background-origin: content-box; | 12390 | background-origin: content-box; |
| 12379 | border-bottom-left-radius: 0; | 12391 | border-bottom-left-radius: 0; |
| 12380 | border-top-left-radius: 0; | 12392 | border-top-left-radius: 0; |
| 12381 | } | 12393 | } |
| 12382 | pre[class*="language-"] > code[data-language] { | 12394 | pre[class*="language-"] > code[data-language] { |
| 12383 | display: block; | 12395 | display: block; |
| 12384 | } | 12396 | } |
| 12385 | pre[class*="language-"] > code[data-language]:before { | 12397 | pre[class*="language-"] > code[data-language]:before { |
| 12386 | content: attr(data-language); | 12398 | content: attr(data-language); |
| 12387 | background-color: #f8f8f8; | 12399 | background-color: #f8f8f8; |
| 12388 | display: inline-block; | 12400 | display: inline-block; |
| 12389 | position: absolute; | 12401 | position: absolute; |
| 12390 | top: 0px; | 12402 | top: 0px; |
| 12391 | right: 0px; | 12403 | right: 0px; |
| 12392 | font-size: 11px; | 12404 | font-size: 11px; |
| 12393 | border-radius: 0 0 0 2px; | 12405 | border-radius: 0 0 0 2px; |
| 12394 | padding: 4px 8px; | 12406 | padding: 4px 8px; |
| 12395 | text-shadow: none; | 12407 | text-shadow: none; |
| 12396 | color: #333333; | 12408 | color: #333333; |
| 12397 | border-left: 1px solid #ddd; | 12409 | border-left: 1px solid #ddd; |
| 12398 | border-bottom: 1px solid #ddd; | 12410 | border-bottom: 1px solid #ddd; |
| 12399 | } | 12411 | } |
| 12400 | pre[class*="language-"].line-numbers > code[data-language]:before { | 12412 | pre[class*="language-"].line-numbers > code[data-language]:before { |
| 12401 | top: -15px; | 12413 | top: -15px; |
| 12402 | right: -15px; | 12414 | right: -15px; |
| 12403 | } | 12415 | } |
| 12404 | pre[data-line] { | 12416 | pre[data-line] { |
| 12405 | position: relative; | 12417 | position: relative; |
| 12406 | padding-left: 36px; | 12418 | padding-left: 36px; |
| 12407 | } | 12419 | } |
| 12408 | /* ------------------------------------------------------------------------------ | 12420 | /* ------------------------------------------------------------------------------ |
| 12409 | * | 12421 | * |
| 12410 | * # Fancytree | 12422 | * # Fancytree |
| 12411 | * | 12423 | * |
| 12412 | * Tree plugin for jQuery with support for persistence, keyboard, checkboxes, | 12424 | * Tree plugin for jQuery with support for persistence, keyboard, checkboxes, |
| 12413 | * tables (grid), drag'n'drop, and lazy loading | 12425 | * tables (grid), drag'n'drop, and lazy loading |
| 12414 | * | 12426 | * |
| 12415 | * Version: 1.1 | 12427 | * Version: 1.1 |
| 12416 | * Latest update: Jul 5, 2016 | 12428 | * Latest update: Jul 5, 2016 |
| 12417 | * | 12429 | * |
| 12418 | * ---------------------------------------------------------------------------- */ | 12430 | * ---------------------------------------------------------------------------- */ |
| 12419 | /* # Core | 12431 | /* # Core |
| 12420 | -------------------------------------------------- */ | 12432 | -------------------------------------------------- */ |
| 12421 | .fancytree-container { | 12433 | .fancytree-container { |
| 12422 | list-style: none; | 12434 | list-style: none; |
| 12423 | white-space: nowrap; | 12435 | white-space: nowrap; |
| 12424 | padding: 0; | 12436 | padding: 0; |
| 12425 | margin: 0; | 12437 | margin: 0; |
| 12426 | overflow: auto; | 12438 | overflow: auto; |
| 12427 | position: relative; | 12439 | position: relative; |
| 12428 | } | 12440 | } |
| 12429 | .fancytree-container:focus { | 12441 | .fancytree-container:focus { |
| 12430 | outline: 0; | 12442 | outline: 0; |
| 12431 | } | 12443 | } |
| 12432 | .fancytree-container ul { | 12444 | .fancytree-container ul { |
| 12433 | list-style: none; | 12445 | list-style: none; |
| 12434 | padding: 0 0 0 20px; | 12446 | padding: 0 0 0 20px; |
| 12435 | margin: 0; | 12447 | margin: 0; |
| 12436 | } | 12448 | } |
| 12437 | .fancytree-container ul li { | 12449 | .fancytree-container ul li { |
| 12438 | margin-top: 1px; | 12450 | margin-top: 1px; |
| 12439 | } | 12451 | } |
| 12440 | .ui-fancytree-disabled .fancytree-container { | 12452 | .ui-fancytree-disabled .fancytree-container { |
| 12441 | opacity: 0.6; | 12453 | opacity: 0.6; |
| 12442 | filter: alpha(opacity=60); | 12454 | filter: alpha(opacity=60); |
| 12443 | } | 12455 | } |
| 12444 | .ui-fancytree-disabled .fancytree-container, | 12456 | .ui-fancytree-disabled .fancytree-container, |
| 12445 | .ui-fancytree-disabled .fancytree-title, | 12457 | .ui-fancytree-disabled .fancytree-title, |
| 12446 | .ui-fancytree-disabled .fancytree-expander { | 12458 | .ui-fancytree-disabled .fancytree-expander { |
| 12447 | cursor: not-allowed; | 12459 | cursor: not-allowed; |
| 12448 | } | 12460 | } |
| 12449 | .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { | 12461 | .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { |
| 12450 | background-color: #f5f5f5; | 12462 | background-color: #f5f5f5; |
| 12451 | color: #333333; | 12463 | color: #333333; |
| 12452 | } | 12464 | } |
| 12453 | .ui-helper-hidden { | 12465 | .ui-helper-hidden { |
| 12454 | display: none; | 12466 | display: none; |
| 12455 | } | 12467 | } |
| 12456 | .fancytree-expander:after, | 12468 | .fancytree-expander:after, |
| 12457 | .fancytree-icon:after, | 12469 | .fancytree-icon:after, |
| 12458 | .fancytree-checkbox:after, | 12470 | .fancytree-checkbox:after, |
| 12459 | .fancytree-drag-helper-img:after, | 12471 | .fancytree-drag-helper-img:after, |
| 12460 | .fancytree-drop-before:after, | 12472 | .fancytree-drop-before:after, |
| 12461 | .fancytree-drop-after:after, | 12473 | .fancytree-drop-after:after, |
| 12462 | .fancytree-loading .fancytree-expander:after, | 12474 | .fancytree-loading .fancytree-expander:after, |
| 12463 | .fancytree-statusnode-wait .fancytree-icon:after { | 12475 | .fancytree-statusnode-wait .fancytree-icon:after { |
| 12464 | font-family: 'icomoon'; | 12476 | font-family: 'icomoon'; |
| 12465 | display: inline-block; | 12477 | display: inline-block; |
| 12466 | font-size: 16px; | 12478 | font-size: 16px; |
| 12467 | line-height: 1; | 12479 | line-height: 1; |
| 12468 | -webkit-font-smoothing: antialiased; | 12480 | -webkit-font-smoothing: antialiased; |
| 12469 | -moz-osx-font-smoothing: grayscale; | 12481 | -moz-osx-font-smoothing: grayscale; |
| 12470 | } | 12482 | } |
| 12471 | .fancytree-icon, | 12483 | .fancytree-icon, |
| 12472 | .fancytree-checkbox, | 12484 | .fancytree-checkbox, |
| 12473 | .fancytree-custom-icon { | 12485 | .fancytree-custom-icon { |
| 12474 | margin-top: 5px; | 12486 | margin-top: 5px; |
| 12475 | float: left; | 12487 | float: left; |
| 12476 | } | 12488 | } |
| 12477 | .fancytree-checkbox { | 12489 | .fancytree-checkbox { |
| 12478 | margin: 4px 10px 0 2px; | 12490 | margin: 4px 10px 0 2px; |
| 12479 | } | 12491 | } |
| 12480 | .fancytree-custom-icon { | 12492 | .fancytree-custom-icon { |
| 12481 | display: inline-block; | 12493 | display: inline-block; |
| 12482 | } | 12494 | } |
| 12483 | img.fancytree-icon { | 12495 | img.fancytree-icon { |
| 12484 | width: 16px; | 12496 | width: 16px; |
| 12485 | height: 16px; | 12497 | height: 16px; |
| 12486 | margin-left: 3px; | 12498 | margin-left: 3px; |
| 12487 | margin-top: 3px; | 12499 | margin-top: 3px; |
| 12488 | vertical-align: top; | 12500 | vertical-align: top; |
| 12489 | border-style: none; | 12501 | border-style: none; |
| 12490 | } | 12502 | } |
| 12491 | .fancytree-expander { | 12503 | .fancytree-expander { |
| 12492 | cursor: pointer; | 12504 | cursor: pointer; |
| 12493 | float: left; | 12505 | float: left; |
| 12494 | margin-top: 5px; | 12506 | margin-top: 5px; |
| 12495 | width: 16px; | 12507 | width: 16px; |
| 12496 | line-height: 1; | 12508 | line-height: 1; |
| 12497 | } | 12509 | } |
| 12498 | .fancytree-exp-c .fancytree-expander:after { | 12510 | .fancytree-exp-c .fancytree-expander:after { |
| 12499 | content: '\e9c7'; | 12511 | content: '\e9c7'; |
| 12500 | } | 12512 | } |
| 12501 | .fancytree-exp-cl .fancytree-expander:after { | 12513 | .fancytree-exp-cl .fancytree-expander:after { |
| 12502 | content: '\e9c7'; | 12514 | content: '\e9c7'; |
| 12503 | } | 12515 | } |
| 12504 | .fancytree-exp-cd .fancytree-expander:after, | 12516 | .fancytree-exp-cd .fancytree-expander:after, |
| 12505 | .fancytree-exp-cdl .fancytree-expander:after { | 12517 | .fancytree-exp-cdl .fancytree-expander:after { |
| 12506 | content: '\e9c7'; | 12518 | content: '\e9c7'; |
| 12507 | } | 12519 | } |
| 12508 | .fancytree-exp-e .fancytree-expander:after, | 12520 | .fancytree-exp-e .fancytree-expander:after, |
| 12509 | .fancytree-exp-ed .fancytree-expander:after { | 12521 | .fancytree-exp-ed .fancytree-expander:after { |
| 12510 | content: '\e9c5'; | 12522 | content: '\e9c5'; |
| 12511 | } | 12523 | } |
| 12512 | .fancytree-exp-el .fancytree-expander:after, | 12524 | .fancytree-exp-el .fancytree-expander:after, |
| 12513 | .fancytree-exp-edl .fancytree-expander:after { | 12525 | .fancytree-exp-edl .fancytree-expander:after { |
| 12514 | content: '\e9c5'; | 12526 | content: '\e9c5'; |
| 12515 | } | 12527 | } |
| 12516 | .fancytree-statusnode-error .fancytree-icon:after { | 12528 | .fancytree-statusnode-error .fancytree-icon:after { |
| 12517 | content: '\ed63'; | 12529 | content: '\ed63'; |
| 12518 | } | 12530 | } |
| 12519 | .fancytree-loading .fancytree-expander, | 12531 | .fancytree-loading .fancytree-expander, |
| 12520 | .fancytree-statusnode-wait .fancytree-icon { | 12532 | .fancytree-statusnode-wait .fancytree-icon { |
| 12521 | margin-left: auto; | 12533 | margin-left: auto; |
| 12522 | margin-right: auto; | 12534 | margin-right: auto; |
| 12523 | width: 16px; | 12535 | width: 16px; |
| 12524 | height: 16px; | 12536 | height: 16px; |
| 12525 | display: inline-block; | 12537 | display: inline-block; |
| 12526 | text-align: center; | 12538 | text-align: center; |
| 12527 | } | 12539 | } |
| 12528 | .fancytree-loading .fancytree-expander:after, | 12540 | .fancytree-loading .fancytree-expander:after, |
| 12529 | .fancytree-statusnode-wait .fancytree-icon:after { | 12541 | .fancytree-statusnode-wait .fancytree-icon:after { |
| 12530 | content: '\ed6c'; | 12542 | content: '\ed6c'; |
| 12531 | -webkit-transition: all 0.15s ease-in-out; | 12543 | -webkit-transition: all 0.15s ease-in-out; |
| 12532 | -o-transition: all 0.15s ease-in-out; | 12544 | -o-transition: all 0.15s ease-in-out; |
| 12533 | transition: all 0.15s ease-in-out; | 12545 | transition: all 0.15s ease-in-out; |
| 12534 | } | 12546 | } |
| 12535 | .fancytree-icon { | 12547 | .fancytree-icon { |
| 12536 | display: inline-block; | 12548 | display: inline-block; |
| 12537 | width: 16px; | 12549 | width: 16px; |
| 12538 | height: 16px; | 12550 | height: 16px; |
| 12539 | } | 12551 | } |
| 12540 | .fancytree-ico-c .fancytree-icon:after, | 12552 | .fancytree-ico-c .fancytree-icon:after, |
| 12541 | .fancytree-ico-e .fancytree-icon:after { | 12553 | .fancytree-ico-e .fancytree-icon:after { |
| 12542 | content: '\ea1a'; | 12554 | content: '\ea1a'; |
| 12543 | } | 12555 | } |
| 12544 | .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { | 12556 | .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { |
| 12545 | content: '\ea0f'; | 12557 | content: '\ea0f'; |
| 12546 | } | 12558 | } |
| 12547 | .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { | 12559 | .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { |
| 12548 | content: '\ea11'; | 12560 | content: '\ea11'; |
| 12549 | } | 12561 | } |
| 12550 | .fancytree-ico-cf .fancytree-icon:after, | 12562 | .fancytree-ico-cf .fancytree-icon:after, |
| 12551 | .fancytree-ico-ef .fancytree-icon:after { | 12563 | .fancytree-ico-ef .fancytree-icon:after { |
| 12552 | content: '\ea3d'; | 12564 | content: '\ea3d'; |
| 12553 | } | 12565 | } |
| 12554 | .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { | 12566 | .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { |
| 12555 | content: '\ea41'; | 12567 | content: '\ea41'; |
| 12556 | } | 12568 | } |
| 12557 | .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { | 12569 | .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { |
| 12558 | content: '\ea43'; | 12570 | content: '\ea43'; |
| 12559 | } | 12571 | } |
| 12560 | .fancytree-checkbox { | 12572 | .fancytree-checkbox { |
| 12561 | width: 18px; | 12573 | width: 18px; |
| 12562 | height: 18px; | 12574 | height: 18px; |
| 12563 | border: 2px solid #777; | 12575 | border: 2px solid #777; |
| 12564 | display: block; | 12576 | display: block; |
| 12565 | text-align: center; | 12577 | text-align: center; |
| 12566 | position: relative; | 12578 | position: relative; |
| 12567 | cursor: pointer; | 12579 | cursor: pointer; |
| 12568 | border-radius: 2px; | 12580 | border-radius: 2px; |
| 12569 | } | 12581 | } |
| 12570 | .fancytree-selected .fancytree-checkbox { | 12582 | .fancytree-selected .fancytree-checkbox { |
| 12571 | border-color: transparent; | 12583 | border-color: transparent; |
| 12572 | } | 12584 | } |
| 12573 | .fancytree-checkbox:after, | 12585 | .fancytree-checkbox:after, |
| 12574 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { | 12586 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { |
| 12575 | content: "\ed6e"; | 12587 | content: "\ed6e"; |
| 12576 | margin-top: -1px; | 12588 | margin-top: -1px; |
| 12577 | margin-left: -1px; | 12589 | margin-left: -1px; |
| 12578 | display: none; | 12590 | display: none; |
| 12579 | } | 12591 | } |
| 12580 | .fancytree-partsel > .fancytree-checkbox:after { | 12592 | .fancytree-partsel > .fancytree-checkbox:after { |
| 12581 | content: ""; | 12593 | content: ""; |
| 12582 | width: 8px; | 12594 | width: 8px; |
| 12583 | height: 8px; | 12595 | height: 8px; |
| 12584 | display: none; | 12596 | display: none; |
| 12585 | background-color: #777; | 12597 | background-color: #777; |
| 12586 | margin: 3px; | 12598 | margin: 3px; |
| 12587 | } | 12599 | } |
| 12588 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { | 12600 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { |
| 12589 | background-color: transparent; | 12601 | background-color: transparent; |
| 12590 | width: auto; | 12602 | width: auto; |
| 12591 | height: auto; | 12603 | height: auto; |
| 12592 | } | 12604 | } |
| 12593 | .fancytree-selected .fancytree-checkbox:after, | 12605 | .fancytree-selected .fancytree-checkbox:after, |
| 12594 | .fancytree-partsel .fancytree-checkbox:after, | 12606 | .fancytree-partsel .fancytree-checkbox:after, |
| 12595 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { | 12607 | .fancytree-partsel.fancytree-selected .fancytree-checkbox:after { |
| 12596 | display: block; | 12608 | display: block; |
| 12597 | } | 12609 | } |
| 12598 | .fancytree-radio .fancytree-checkbox { | 12610 | .fancytree-radio .fancytree-checkbox { |
| 12599 | border-radius: 100%; | 12611 | border-radius: 100%; |
| 12600 | } | 12612 | } |
| 12601 | .fancytree-radio .fancytree-checkbox:after { | 12613 | .fancytree-radio .fancytree-checkbox:after { |
| 12602 | content: ''; | 12614 | content: ''; |
| 12603 | width: 8px; | 12615 | width: 8px; |
| 12604 | height: 8px; | 12616 | height: 8px; |
| 12605 | background-color: #777; | 12617 | background-color: #777; |
| 12606 | margin: 3px; | 12618 | margin: 3px; |
| 12607 | border-radius: 100px; | 12619 | border-radius: 100px; |
| 12608 | } | 12620 | } |
| 12609 | .fancytree-radio .fancytree-selected .fancytree-checkbox { | 12621 | .fancytree-radio .fancytree-selected .fancytree-checkbox { |
| 12610 | border-color: #777; | 12622 | border-color: #777; |
| 12611 | } | 12623 | } |
| 12612 | /* # Other styles | 12624 | /* # Other styles |
| 12613 | -------------------------------------------------- */ | 12625 | -------------------------------------------------- */ |
| 12614 | .fancytree-drag-helper { | 12626 | .fancytree-drag-helper { |
| 12615 | border: 1px solid #ddd; | 12627 | border: 1px solid #ddd; |
| 12616 | background-color: #fff; | 12628 | background-color: #fff; |
| 12617 | padding: 4px 5px; | 12629 | padding: 4px 5px; |
| 12618 | opacity: 0.8; | 12630 | opacity: 0.8; |
| 12619 | filter: alpha(opacity=80); | 12631 | filter: alpha(opacity=80); |
| 12620 | } | 12632 | } |
| 12621 | .fancytree-drag-helper-img:after { | 12633 | .fancytree-drag-helper-img:after { |
| 12622 | position: absolute; | 12634 | position: absolute; |
| 12623 | top: 50%; | 12635 | top: 50%; |
| 12624 | margin-top: -9px; | 12636 | margin-top: -9px; |
| 12625 | right: -26px; | 12637 | right: -26px; |
| 12626 | } | 12638 | } |
| 12627 | .fancytree-drop-accept .fancytree-drag-helper-img:after { | 12639 | .fancytree-drop-accept .fancytree-drag-helper-img:after { |
| 12628 | content: '\ee73'; | 12640 | content: '\ee73'; |
| 12629 | color: #4CAF50; | 12641 | color: #4CAF50; |
| 12630 | } | 12642 | } |
| 12631 | .fancytree-drop-reject .fancytree-drag-helper-img:after { | 12643 | .fancytree-drop-reject .fancytree-drag-helper-img:after { |
| 12632 | content: '\ed63'; | 12644 | content: '\ed63'; |
| 12633 | color: #F44336; | 12645 | color: #F44336; |
| 12634 | } | 12646 | } |
| 12635 | #fancytree-drop-marker.fancytree-drop-before, | 12647 | #fancytree-drop-marker.fancytree-drop-before, |
| 12636 | #fancytree-drop-marker.fancytree-drop-after { | 12648 | #fancytree-drop-marker.fancytree-drop-after { |
| 12637 | width: 200px; | 12649 | width: 200px; |
| 12638 | border-top: 1px solid #333333; | 12650 | border-top: 1px solid #333333; |
| 12639 | position: absolute!important; | 12651 | position: absolute!important; |
| 12640 | } | 12652 | } |
| 12641 | .fancytree-drag-source { | 12653 | .fancytree-drag-source { |
| 12642 | background-color: #ddd; | 12654 | background-color: #ddd; |
| 12643 | } | 12655 | } |
| 12644 | .fancytree-drag-source .fancytree.title { | 12656 | .fancytree-drag-source .fancytree.title { |
| 12645 | color: #333333; | 12657 | color: #333333; |
| 12646 | } | 12658 | } |
| 12647 | .fancytree-drop-target.fancytree-drop-accept a { | 12659 | .fancytree-drop-target.fancytree-drop-accept a { |
| 12648 | background-color: #2196F3 !important; | 12660 | background-color: #2196F3 !important; |
| 12649 | color: #fff !important; | 12661 | color: #fff !important; |
| 12650 | text-decoration: none; | 12662 | text-decoration: none; |
| 12651 | } | 12663 | } |
| 12652 | .fancytree-node { | 12664 | .fancytree-node { |
| 12653 | display: inherit; | 12665 | display: inherit; |
| 12654 | width: 100%; | 12666 | width: 100%; |
| 12655 | position: relative; | 12667 | position: relative; |
| 12656 | } | 12668 | } |
| 12657 | .fancytree-title { | 12669 | .fancytree-title { |
| 12658 | border: 0; | 12670 | border: 0; |
| 12659 | padding: 4px 6px; | 12671 | padding: 4px 6px; |
| 12660 | border-radius: 2px; | 12672 | border-radius: 2px; |
| 12661 | margin-left: 4px; | 12673 | margin-left: 4px; |
| 12662 | display: inline-block; | 12674 | display: inline-block; |
| 12663 | cursor: pointer; | 12675 | cursor: pointer; |
| 12664 | } | 12676 | } |
| 12665 | .fancytree-title > input { | 12677 | .fancytree-title > input { |
| 12666 | border: 0; | 12678 | border: 0; |
| 12667 | outline: 0; | 12679 | outline: 0; |
| 12668 | padding: 0; | 12680 | padding: 0; |
| 12669 | background-color: transparent; | 12681 | background-color: transparent; |
| 12670 | } | 12682 | } |
| 12671 | .fancytree-selected .fancytree-title { | 12683 | .fancytree-selected .fancytree-title { |
| 12672 | background-color: #ddd; | 12684 | background-color: #ddd; |
| 12673 | color: #333333; | 12685 | color: #333333; |
| 12674 | } | 12686 | } |
| 12675 | .fancytree-treefocus .fancytree-selected .fancytree-title { | 12687 | .fancytree-treefocus .fancytree-selected .fancytree-title { |
| 12676 | background-color: #2196F3; | 12688 | background-color: #2196F3; |
| 12677 | color: #fff; | 12689 | color: #fff; |
| 12678 | } | 12690 | } |
| 12679 | .fancytree-active .fancytree-title { | 12691 | .fancytree-active .fancytree-title { |
| 12680 | background-color: #ddd; | 12692 | background-color: #ddd; |
| 12681 | } | 12693 | } |
| 12682 | .sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title, | 12694 | .sidebar:not(.sidebar-default) .fancytree-selected .fancytree-title, |
| 12683 | .sidebar:not(.sidebar-default) .fancytree-active .fancytree-title { | 12695 | .sidebar:not(.sidebar-default) .fancytree-active .fancytree-title { |
| 12684 | background-color: rgba(255, 255, 255, 0.2); | 12696 | background-color: rgba(255, 255, 255, 0.2); |
| 12685 | color: #fff; | 12697 | color: #fff; |
| 12686 | } | 12698 | } |
| 12687 | .sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title { | 12699 | .sidebar:not(.sidebar-default) .fancytree-treefocus .fancytree-selected .fancytree-title { |
| 12688 | background-color: #2196F3; | 12700 | background-color: #2196F3; |
| 12689 | color: #fff; | 12701 | color: #fff; |
| 12690 | } | 12702 | } |
| 12691 | .fancytree-ext-table .fancytree-node { | 12703 | .fancytree-ext-table .fancytree-node { |
| 12692 | display: inline-block; | 12704 | display: inline-block; |
| 12693 | width: auto; | 12705 | width: auto; |
| 12694 | } | 12706 | } |
| 12695 | .fancytree-ext-table .fancytree-title { | 12707 | .fancytree-ext-table .fancytree-title { |
| 12696 | display: inline; | 12708 | display: inline; |
| 12697 | } | 12709 | } |
| 12698 | .fancytree-ext-table.fancytree-container { | 12710 | .fancytree-ext-table.fancytree-container { |
| 12699 | white-space: normal; | 12711 | white-space: normal; |
| 12700 | } | 12712 | } |
| 12701 | .fancytree-ext-table .fancytree-expander, | 12713 | .fancytree-ext-table .fancytree-expander, |
| 12702 | .fancytree-ext-table .fancytree-icon, | 12714 | .fancytree-ext-table .fancytree-icon, |
| 12703 | .fancytree-ext-table .fancytree-custom-icon { | 12715 | .fancytree-ext-table .fancytree-custom-icon { |
| 12704 | margin-top: 1px; | 12716 | margin-top: 1px; |
| 12705 | } | 12717 | } |
| 12706 | .fancytree-ext-table .fancytree-checkbox { | 12718 | .fancytree-ext-table .fancytree-checkbox { |
| 12707 | margin: 0 auto; | 12719 | margin: 0 auto; |
| 12708 | float: none; | 12720 | float: none; |
| 12709 | } | 12721 | } |
| 12710 | .fancytree-ext-table .checker { | 12722 | .fancytree-ext-table .checker { |
| 12711 | display: block; | 12723 | display: block; |
| 12712 | margin: 0 auto; | 12724 | margin: 0 auto; |
| 12713 | } | 12725 | } |
| 12714 | .fancytree-ext-table tbody tr td:first-child { | 12726 | .fancytree-ext-table tbody tr td:first-child { |
| 12715 | text-align: center; | 12727 | text-align: center; |
| 12716 | } | 12728 | } |
| 12717 | .fancytree-ext-table tbody tr.fancytree-focused { | 12729 | .fancytree-ext-table tbody tr.fancytree-focused { |
| 12718 | background-color: #f5f5f5; | 12730 | background-color: #f5f5f5; |
| 12719 | } | 12731 | } |
| 12720 | .fancytree-ext-table tbody tr.fancytree-active { | 12732 | .fancytree-ext-table tbody tr.fancytree-active { |
| 12721 | background-color: #f5f5f5; | 12733 | background-color: #f5f5f5; |
| 12722 | } | 12734 | } |
| 12723 | .fancytree-ext-table tbody tr.fancytree-selected { | 12735 | .fancytree-ext-table tbody tr.fancytree-selected { |
| 12724 | background-color: #2196F3; | 12736 | background-color: #2196F3; |
| 12725 | color: #fff; | 12737 | color: #fff; |
| 12726 | } | 12738 | } |
| 12727 | .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox { | 12739 | .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox { |
| 12728 | color: #fff; | 12740 | color: #fff; |
| 12729 | } | 12741 | } |
| 12730 | .fancytree-ext-table tbody tr.fancytree-selected .checker span { | 12742 | .fancytree-ext-table tbody tr.fancytree-selected .checker span { |
| 12731 | color: #fff; | 12743 | color: #fff; |
| 12732 | border-color: #fff; | 12744 | border-color: #fff; |
| 12733 | } | 12745 | } |
| 12734 | .fancytree-ext-table tbody tr.fancytree-selected .checker span.checked { | 12746 | .fancytree-ext-table tbody tr.fancytree-selected .checker span.checked { |
| 12735 | border-color: transparent; | 12747 | border-color: transparent; |
| 12736 | } | 12748 | } |
| 12737 | .fancytree-ext-childcounter .fancytree-childcounter { | 12749 | .fancytree-ext-childcounter .fancytree-childcounter { |
| 12738 | position: absolute; | 12750 | position: absolute; |
| 12739 | right: 0; | 12751 | right: 0; |
| 12740 | top: 4px; | 12752 | top: 4px; |
| 12741 | color: #999999; | 12753 | color: #999999; |
| 12742 | } | 12754 | } |
| 12743 | /* ------------------------------------------------------------------------------ | 12755 | /* ------------------------------------------------------------------------------ |
| 12744 | * | 12756 | * |
| 12745 | * # Ladda progress buttons | 12757 | * # Ladda progress buttons |
| 12746 | * | 12758 | * |
| 12747 | * Buttons with built-in loading indicators | 12759 | * Buttons with built-in loading indicators |
| 12748 | * | 12760 | * |
| 12749 | * Version: 1.0 | 12761 | * Version: 1.0 |
| 12750 | * Latest update: May 25, 2015 | 12762 | * Latest update: May 25, 2015 |
| 12751 | * | 12763 | * |
| 12752 | * ---------------------------------------------------------------------------- */ | 12764 | * ---------------------------------------------------------------------------- */ |
| 12753 | .btn-ladda, | 12765 | .btn-ladda, |
| 12754 | .btn-ladda .ladda-spinner, | 12766 | .btn-ladda .ladda-spinner, |
| 12755 | .btn-ladda .ladda-label { | 12767 | .btn-ladda .ladda-label { |
| 12756 | -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; | 12768 | -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; |
| 12757 | -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; | 12769 | -o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; |
| 12758 | transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; | 12770 | transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; |
| 12759 | } | 12771 | } |
| 12760 | .btn-ladda .ladda-spinner { | 12772 | .btn-ladda .ladda-spinner { |
| 12761 | position: absolute; | 12773 | position: absolute; |
| 12762 | z-index: 2; | 12774 | z-index: 2; |
| 12763 | display: inline-block; | 12775 | display: inline-block; |
| 12764 | top: 50%; | 12776 | top: 50%; |
| 12765 | pointer-events: none; | 12777 | pointer-events: none; |
| 12766 | opacity: 0; | 12778 | opacity: 0; |
| 12767 | filter: alpha(opacity=0); | 12779 | filter: alpha(opacity=0); |
| 12768 | } | 12780 | } |
| 12769 | .btn-ladda .ladda-label { | 12781 | .btn-ladda .ladda-label { |
| 12770 | z-index: 3; | 12782 | z-index: 3; |
| 12771 | } | 12783 | } |
| 12772 | .btn-ladda .ladda-progress { | 12784 | .btn-ladda .ladda-progress { |
| 12773 | position: absolute; | 12785 | position: absolute; |
| 12774 | width: 0; | 12786 | width: 0; |
| 12775 | height: 100%; | 12787 | height: 100%; |
| 12776 | left: 0; | 12788 | left: 0; |
| 12777 | top: 0; | 12789 | top: 0; |
| 12778 | background-color: rgba(0, 0, 0, 0.2); | 12790 | background-color: rgba(0, 0, 0, 0.2); |
| 12779 | visibility: hidden; | 12791 | visibility: hidden; |
| 12780 | -webkit-transition: all linear 0.3s; | 12792 | -webkit-transition: all linear 0.3s; |
| 12781 | -o-transition: all linear 0.3s; | 12793 | -o-transition: all linear 0.3s; |
| 12782 | transition: all linear 0.3s; | 12794 | transition: all linear 0.3s; |
| 12783 | opacity: 0; | 12795 | opacity: 0; |
| 12784 | filter: alpha(opacity=0); | 12796 | filter: alpha(opacity=0); |
| 12785 | } | 12797 | } |
| 12786 | .btn-ladda[data-loading] .ladda-progress { | 12798 | .btn-ladda[data-loading] .ladda-progress { |
| 12787 | visibility: visible; | 12799 | visibility: visible; |
| 12788 | opacity: 1; | 12800 | opacity: 1; |
| 12789 | filter: alpha(opacity=100); | 12801 | filter: alpha(opacity=100); |
| 12790 | } | 12802 | } |
| 12791 | .btn-ladda[data-style=zoom-in], | 12803 | .btn-ladda[data-style=zoom-in], |
| 12792 | .btn-ladda[data-style=zoom-out] { | 12804 | .btn-ladda[data-style=zoom-out] { |
| 12793 | overflow: hidden; | 12805 | overflow: hidden; |
| 12794 | } | 12806 | } |
| 12795 | .btn-ladda[data-style=zoom-in], | 12807 | .btn-ladda[data-style=zoom-in], |
| 12796 | .btn-ladda[data-style=zoom-out], | 12808 | .btn-ladda[data-style=zoom-out], |
| 12797 | .btn-ladda[data-style=zoom-in] .ladda-spinner, | 12809 | .btn-ladda[data-style=zoom-in] .ladda-spinner, |
| 12798 | .btn-ladda[data-style=zoom-out] .ladda-spinner, | 12810 | .btn-ladda[data-style=zoom-out] .ladda-spinner, |
| 12799 | .btn-ladda[data-style=zoom-in] .ladda-label, | 12811 | .btn-ladda[data-style=zoom-in] .ladda-label, |
| 12800 | .btn-ladda[data-style=zoom-out] .ladda-label { | 12812 | .btn-ladda[data-style=zoom-out] .ladda-label { |
| 12801 | -webkit-transition: 0.3s ease all; | 12813 | -webkit-transition: 0.3s ease all; |
| 12802 | -o-transition: 0.3s ease all; | 12814 | -o-transition: 0.3s ease all; |
| 12803 | transition: 0.3s ease all; | 12815 | transition: 0.3s ease all; |
| 12804 | } | 12816 | } |
| 12805 | .btn-ladda[data-style=zoom-in] .ladda-label, | 12817 | .btn-ladda[data-style=zoom-in] .ladda-label, |
| 12806 | .btn-ladda[data-style=zoom-out] .ladda-label { | 12818 | .btn-ladda[data-style=zoom-out] .ladda-label { |
| 12807 | position: relative; | 12819 | position: relative; |
| 12808 | display: inline-block; | 12820 | display: inline-block; |
| 12809 | } | 12821 | } |
| 12810 | .btn-ladda[data-style=zoom-in] .ladda-spinner, | 12822 | .btn-ladda[data-style=zoom-in] .ladda-spinner, |
| 12811 | .btn-ladda[data-style=zoom-out] .ladda-spinner { | 12823 | .btn-ladda[data-style=zoom-out] .ladda-spinner { |
| 12812 | left: 50%; | 12824 | left: 50%; |
| 12813 | } | 12825 | } |
| 12814 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, | 12826 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, |
| 12815 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { | 12827 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { |
| 12816 | opacity: 0; | 12828 | opacity: 0; |
| 12817 | filter: alpha(opacity=0); | 12829 | filter: alpha(opacity=0); |
| 12818 | } | 12830 | } |
| 12819 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, | 12831 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, |
| 12820 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { | 12832 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { |
| 12821 | -webkit-transform: none; | 12833 | -webkit-transform: none; |
| 12822 | -moz-transform: none; | 12834 | -moz-transform: none; |
| 12823 | -ms-transform: none; | 12835 | -ms-transform: none; |
| 12824 | -o-transform: none; | 12836 | -o-transform: none; |
| 12825 | transform: none; | 12837 | transform: none; |
| 12826 | opacity: 1; | 12838 | opacity: 1; |
| 12827 | filter: alpha(opacity=100); | 12839 | filter: alpha(opacity=100); |
| 12828 | } | 12840 | } |
| 12829 | .btn-ladda[data-style=zoom-in] .ladda-spinner { | 12841 | .btn-ladda[data-style=zoom-in] .ladda-spinner { |
| 12830 | -webkit-transform: scale(0.2); | 12842 | -webkit-transform: scale(0.2); |
| 12831 | -ms-transform: scale(0.2); | 12843 | -ms-transform: scale(0.2); |
| 12832 | -o-transform: scale(0.2); | 12844 | -o-transform: scale(0.2); |
| 12833 | transform: scale(0.2); | 12845 | transform: scale(0.2); |
| 12834 | } | 12846 | } |
| 12835 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { | 12847 | .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { |
| 12836 | -webkit-transform: scale(2.2); | 12848 | -webkit-transform: scale(2.2); |
| 12837 | -ms-transform: scale(2.2); | 12849 | -ms-transform: scale(2.2); |
| 12838 | -o-transform: scale(2.2); | 12850 | -o-transform: scale(2.2); |
| 12839 | transform: scale(2.2); | 12851 | transform: scale(2.2); |
| 12840 | } | 12852 | } |
| 12841 | .btn-ladda[data-style=zoom-out] .ladda-spinner { | 12853 | .btn-ladda[data-style=zoom-out] .ladda-spinner { |
| 12842 | -webkit-transform: scale(2.5); | 12854 | -webkit-transform: scale(2.5); |
| 12843 | -ms-transform: scale(2.5); | 12855 | -ms-transform: scale(2.5); |
| 12844 | -o-transform: scale(2.5); | 12856 | -o-transform: scale(2.5); |
| 12845 | transform: scale(2.5); | 12857 | transform: scale(2.5); |
| 12846 | } | 12858 | } |
| 12847 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { | 12859 | .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { |
| 12848 | -webkit-transform: scale(0.5); | 12860 | -webkit-transform: scale(0.5); |
| 12849 | -ms-transform: scale(0.5); | 12861 | -ms-transform: scale(0.5); |
| 12850 | -o-transform: scale(0.5); | 12862 | -o-transform: scale(0.5); |
| 12851 | transform: scale(0.5); | 12863 | transform: scale(0.5); |
| 12852 | } | 12864 | } |
| 12853 | .btn-ladda[data-style=expand-left] { | 12865 | .btn-ladda[data-style=expand-left] { |
| 12854 | overflow: hidden; | 12866 | overflow: hidden; |
| 12855 | } | 12867 | } |
| 12856 | .btn-ladda[data-style=expand-left] .ladda-spinner { | 12868 | .btn-ladda[data-style=expand-left] .ladda-spinner { |
| 12857 | left: 20px; | 12869 | left: 20px; |
| 12858 | } | 12870 | } |
| 12859 | .btn-ladda[data-style=expand-left][data-loading] { | 12871 | .btn-ladda[data-style=expand-left][data-loading] { |
| 12860 | padding-left: 35px; | 12872 | padding-left: 35px; |
| 12861 | } | 12873 | } |
| 12862 | .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { | 12874 | .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { |
| 12863 | opacity: 1; | 12875 | opacity: 1; |
| 12864 | filter: alpha(opacity=100); | 12876 | filter: alpha(opacity=100); |
| 12865 | } | 12877 | } |
| 12866 | .btn-ladda[data-style=expand-right] { | 12878 | .btn-ladda[data-style=expand-right] { |
| 12867 | overflow: hidden; | 12879 | overflow: hidden; |
| 12868 | } | 12880 | } |
| 12869 | .btn-ladda[data-style=expand-right] .ladda-spinner { | 12881 | .btn-ladda[data-style=expand-right] .ladda-spinner { |
| 12870 | right: 20px; | 12882 | right: 20px; |
| 12871 | } | 12883 | } |
| 12872 | .btn-ladda[data-style=expand-right][data-loading] { | 12884 | .btn-ladda[data-style=expand-right][data-loading] { |
| 12873 | padding-right: 35px; | 12885 | padding-right: 35px; |
| 12874 | } | 12886 | } |
| 12875 | .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { | 12887 | .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { |
| 12876 | opacity: 1; | 12888 | opacity: 1; |
| 12877 | filter: alpha(opacity=100); | 12889 | filter: alpha(opacity=100); |
| 12878 | } | 12890 | } |
| 12879 | .btn-ladda[data-style=expand-up] { | 12891 | .btn-ladda[data-style=expand-up] { |
| 12880 | overflow: hidden; | 12892 | overflow: hidden; |
| 12881 | } | 12893 | } |
| 12882 | .btn-ladda[data-style=expand-up] .ladda-spinner { | 12894 | .btn-ladda[data-style=expand-up] .ladda-spinner { |
| 12883 | top: -16px; | 12895 | top: -16px; |
| 12884 | left: 50%; | 12896 | left: 50%; |
| 12885 | } | 12897 | } |
| 12886 | .btn-ladda[data-style=expand-up][data-loading] { | 12898 | .btn-ladda[data-style=expand-up][data-loading] { |
| 12887 | padding-top: 40px; | 12899 | padding-top: 40px; |
| 12888 | } | 12900 | } |
| 12889 | .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { | 12901 | .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { |
| 12890 | top: 12px; | 12902 | top: 12px; |
| 12891 | margin-top: 8px; | 12903 | margin-top: 8px; |
| 12892 | opacity: 1; | 12904 | opacity: 1; |
| 12893 | filter: alpha(opacity=100); | 12905 | filter: alpha(opacity=100); |
| 12894 | } | 12906 | } |
| 12895 | .btn-ladda[data-style=expand-down] { | 12907 | .btn-ladda[data-style=expand-down] { |
| 12896 | overflow: hidden; | 12908 | overflow: hidden; |
| 12897 | } | 12909 | } |
| 12898 | .btn-ladda[data-style=expand-down] .ladda-spinner { | 12910 | .btn-ladda[data-style=expand-down] .ladda-spinner { |
| 12899 | top: 44px; | 12911 | top: 44px; |
| 12900 | left: 50%; | 12912 | left: 50%; |
| 12901 | } | 12913 | } |
| 12902 | .btn-ladda[data-style=expand-down][data-loading] { | 12914 | .btn-ladda[data-style=expand-down][data-loading] { |
| 12903 | padding-bottom: 40px; | 12915 | padding-bottom: 40px; |
| 12904 | } | 12916 | } |
| 12905 | .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { | 12917 | .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { |
| 12906 | opacity: 1; | 12918 | opacity: 1; |
| 12907 | filter: alpha(opacity=100); | 12919 | filter: alpha(opacity=100); |
| 12908 | } | 12920 | } |
| 12909 | .btn-ladda[data-style=slide-left] { | 12921 | .btn-ladda[data-style=slide-left] { |
| 12910 | overflow: hidden; | 12922 | overflow: hidden; |
| 12911 | } | 12923 | } |
| 12912 | .btn-ladda[data-style=slide-left] .ladda-label { | 12924 | .btn-ladda[data-style=slide-left] .ladda-label { |
| 12913 | left: 0; | 12925 | left: 0; |
| 12914 | position: relative; | 12926 | position: relative; |
| 12915 | } | 12927 | } |
| 12916 | .btn-ladda[data-style=slide-left] .ladda-spinner { | 12928 | .btn-ladda[data-style=slide-left] .ladda-spinner { |
| 12917 | right: 0; | 12929 | right: 0; |
| 12918 | } | 12930 | } |
| 12919 | .btn-ladda[data-style=slide-left][data-loading] .ladda-label { | 12931 | .btn-ladda[data-style=slide-left][data-loading] .ladda-label { |
| 12920 | left: -100%; | 12932 | left: -100%; |
| 12921 | opacity: 0; | 12933 | opacity: 0; |
| 12922 | filter: alpha(opacity=0); | 12934 | filter: alpha(opacity=0); |
| 12923 | } | 12935 | } |
| 12924 | .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { | 12936 | .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { |
| 12925 | right: 50%; | 12937 | right: 50%; |
| 12926 | opacity: 1; | 12938 | opacity: 1; |
| 12927 | filter: alpha(opacity=100); | 12939 | filter: alpha(opacity=100); |
| 12928 | } | 12940 | } |
| 12929 | .btn-ladda[data-style=slide-right] { | 12941 | .btn-ladda[data-style=slide-right] { |
| 12930 | overflow: hidden; | 12942 | overflow: hidden; |
| 12931 | } | 12943 | } |
| 12932 | .btn-ladda[data-style=slide-right] .ladda-label { | 12944 | .btn-ladda[data-style=slide-right] .ladda-label { |
| 12933 | right: 0; | 12945 | right: 0; |
| 12934 | position: relative; | 12946 | position: relative; |
| 12935 | } | 12947 | } |
| 12936 | .btn-ladda[data-style=slide-right] .ladda-spinner { | 12948 | .btn-ladda[data-style=slide-right] .ladda-spinner { |
| 12937 | left: 0; | 12949 | left: 0; |
| 12938 | } | 12950 | } |
| 12939 | .btn-ladda[data-style=slide-right][data-loading] .ladda-label { | 12951 | .btn-ladda[data-style=slide-right][data-loading] .ladda-label { |
| 12940 | right: -100%; | 12952 | right: -100%; |
| 12941 | opacity: 0; | 12953 | opacity: 0; |
| 12942 | filter: alpha(opacity=0); | 12954 | filter: alpha(opacity=0); |
| 12943 | } | 12955 | } |
| 12944 | .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { | 12956 | .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { |
| 12945 | left: 50%; | 12957 | left: 50%; |
| 12946 | opacity: 1; | 12958 | opacity: 1; |
| 12947 | filter: alpha(opacity=100); | 12959 | filter: alpha(opacity=100); |
| 12948 | } | 12960 | } |
| 12949 | .btn-ladda[data-style=slide-up] { | 12961 | .btn-ladda[data-style=slide-up] { |
| 12950 | overflow: hidden; | 12962 | overflow: hidden; |
| 12951 | } | 12963 | } |
| 12952 | .btn-ladda[data-style=slide-up] .ladda-label { | 12964 | .btn-ladda[data-style=slide-up] .ladda-label { |
| 12953 | top: 0; | 12965 | top: 0; |
| 12954 | position: relative; | 12966 | position: relative; |
| 12955 | } | 12967 | } |
| 12956 | .btn-ladda[data-style=slide-up] .ladda-spinner { | 12968 | .btn-ladda[data-style=slide-up] .ladda-spinner { |
| 12957 | top: 100%; | 12969 | top: 100%; |
| 12958 | left: 50%; | 12970 | left: 50%; |
| 12959 | } | 12971 | } |
| 12960 | .btn-ladda[data-style=slide-up][data-loading] .ladda-label { | 12972 | .btn-ladda[data-style=slide-up][data-loading] .ladda-label { |
| 12961 | top: -16px; | 12973 | top: -16px; |
| 12962 | opacity: 0; | 12974 | opacity: 0; |
| 12963 | filter: alpha(opacity=0); | 12975 | filter: alpha(opacity=0); |
| 12964 | } | 12976 | } |
| 12965 | .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { | 12977 | .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { |
| 12966 | top: 16px; | 12978 | top: 16px; |
| 12967 | opacity: 1; | 12979 | opacity: 1; |
| 12968 | filter: alpha(opacity=100); | 12980 | filter: alpha(opacity=100); |
| 12969 | } | 12981 | } |
| 12970 | .btn-ladda[data-style=slide-down] { | 12982 | .btn-ladda[data-style=slide-down] { |
| 12971 | overflow: hidden; | 12983 | overflow: hidden; |
| 12972 | } | 12984 | } |
| 12973 | .btn-ladda[data-style=slide-down] .ladda-label { | 12985 | .btn-ladda[data-style=slide-down] .ladda-label { |
| 12974 | top: 0; | 12986 | top: 0; |
| 12975 | position: relative; | 12987 | position: relative; |
| 12976 | } | 12988 | } |
| 12977 | .btn-ladda[data-style=slide-down] .ladda-spinner { | 12989 | .btn-ladda[data-style=slide-down] .ladda-spinner { |
| 12978 | top: -100%; | 12990 | top: -100%; |
| 12979 | left: 50%; | 12991 | left: 50%; |
| 12980 | } | 12992 | } |
| 12981 | .btn-ladda[data-style=slide-down][data-loading] .ladda-label { | 12993 | .btn-ladda[data-style=slide-down][data-loading] .ladda-label { |
| 12982 | top: 16px; | 12994 | top: 16px; |
| 12983 | opacity: 0; | 12995 | opacity: 0; |
| 12984 | filter: alpha(opacity=0); | 12996 | filter: alpha(opacity=0); |
| 12985 | } | 12997 | } |
| 12986 | .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { | 12998 | .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { |
| 12987 | top: 16px; | 12999 | top: 16px; |
| 12988 | opacity: 1; | 13000 | opacity: 1; |
| 12989 | filter: alpha(opacity=100); | 13001 | filter: alpha(opacity=100); |
| 12990 | } | 13002 | } |
| 12991 | .btn-ladda[data-style=fade] { | 13003 | .btn-ladda[data-style=fade] { |
| 12992 | overflow: hidden; | 13004 | overflow: hidden; |
| 12993 | } | 13005 | } |
| 12994 | .btn-ladda[data-style=fade] .ladda-spinner { | 13006 | .btn-ladda[data-style=fade] .ladda-spinner { |
| 12995 | left: 50%; | 13007 | left: 50%; |
| 12996 | } | 13008 | } |
| 12997 | .btn-ladda[data-style=fade][data-loading] .ladda-label { | 13009 | .btn-ladda[data-style=fade][data-loading] .ladda-label { |
| 12998 | opacity: 0; | 13010 | opacity: 0; |
| 12999 | filter: alpha(opacity=0); | 13011 | filter: alpha(opacity=0); |
| 13000 | } | 13012 | } |
| 13001 | .btn-ladda[data-style=fade][data-loading] .ladda-spinner { | 13013 | .btn-ladda[data-style=fade][data-loading] .ladda-spinner { |
| 13002 | opacity: 1; | 13014 | opacity: 1; |
| 13003 | filter: alpha(opacity=100); | 13015 | filter: alpha(opacity=100); |
| 13004 | } | 13016 | } |
| 13005 | .btn-ladda[data-style=radius] { | 13017 | .btn-ladda[data-style=radius] { |
| 13006 | overflow: hidden; | 13018 | overflow: hidden; |
| 13007 | border-radius: 2px; | 13019 | border-radius: 2px; |
| 13008 | -webkit-transition: all ease-in-out 0.5s; | 13020 | -webkit-transition: all ease-in-out 0.5s; |
| 13009 | -o-transition: all ease-in-out 0.5s; | 13021 | -o-transition: all ease-in-out 0.5s; |
| 13010 | transition: all ease-in-out 0.5s; | 13022 | transition: all ease-in-out 0.5s; |
| 13011 | } | 13023 | } |
| 13012 | .btn-ladda[data-style=radius] .ladda-spinner { | 13024 | .btn-ladda[data-style=radius] .ladda-spinner { |
| 13013 | left: 50%; | 13025 | left: 50%; |
| 13014 | } | 13026 | } |
| 13015 | .btn-ladda[data-style=radius][data-loading] { | 13027 | .btn-ladda[data-style=radius][data-loading] { |
| 13016 | border-radius: 4px; | 13028 | border-radius: 4px; |
| 13017 | } | 13029 | } |
| 13018 | .btn-ladda[data-style=radius][data-loading] .ladda-label { | 13030 | .btn-ladda[data-style=radius][data-loading] .ladda-label { |
| 13019 | opacity: 0; | 13031 | opacity: 0; |
| 13020 | filter: alpha(opacity=0); | 13032 | filter: alpha(opacity=0); |
| 13021 | } | 13033 | } |
| 13022 | .btn-ladda[data-style=radius][data-loading] .ladda-spinner { | 13034 | .btn-ladda[data-style=radius][data-loading] .ladda-spinner { |
| 13023 | opacity: 1; | 13035 | opacity: 1; |
| 13024 | filter: alpha(opacity=100); | 13036 | filter: alpha(opacity=100); |
| 13025 | } | 13037 | } |
| 13026 | /* ------------------------------------------------------------------------------ | 13038 | /* ------------------------------------------------------------------------------ |
| 13027 | * | 13039 | * |
| 13028 | * # Headroom | 13040 | * # Headroom |
| 13029 | * | 13041 | * |
| 13030 | * Hide BS navbar component on page scroll | 13042 | * Hide BS navbar component on page scroll |
| 13031 | * | 13043 | * |
| 13032 | * Version: 1.1 | 13044 | * Version: 1.1 |
| 13033 | * Latest update: Mar 10, 2016 | 13045 | * Latest update: Mar 10, 2016 |
| 13034 | * | 13046 | * |
| 13035 | * ---------------------------------------------------------------------------- */ | 13047 | * ---------------------------------------------------------------------------- */ |
| 13036 | .headroom { | 13048 | .headroom { |
| 13037 | -webkit-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; | 13049 | -webkit-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; |
| 13038 | -o-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; | 13050 | -o-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; |
| 13039 | transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; | 13051 | transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, box-shadow 0.2s ease-in-out; |
| 13040 | } | 13052 | } |
| 13041 | .navbar.headroom-top-pinned { | 13053 | .navbar.headroom-top-pinned { |
| 13042 | top: 0; | 13054 | top: 0; |
| 13043 | } | 13055 | } |
| 13044 | .navbar.headroom-top-unpinned { | 13056 | .navbar.headroom-top-unpinned { |
| 13045 | top: -52px; | 13057 | top: -52px; |
| 13046 | -webkit-box-shadow: none; | 13058 | -webkit-box-shadow: none; |
| 13047 | box-shadow: none; | 13059 | box-shadow: none; |
| 13048 | } | 13060 | } |
| 13049 | .navbar-lg.navbar.headroom-top-unpinned { | 13061 | .navbar-lg.navbar.headroom-top-unpinned { |
| 13050 | top: -56px; | 13062 | top: -56px; |
| 13051 | } | 13063 | } |
| 13052 | .navbar-sm.navbar.headroom-top-unpinned { | 13064 | .navbar-sm.navbar.headroom-top-unpinned { |
| 13053 | top: -50px; | 13065 | top: -50px; |
| 13054 | } | 13066 | } |
| 13055 | .navbar-xs.navbar.headroom-top-unpinned { | 13067 | .navbar-xs.navbar.headroom-top-unpinned { |
| 13056 | top: -48px; | 13068 | top: -48px; |
| 13057 | } | 13069 | } |
| 13058 | .navbar.headroom-bottom-pinned { | 13070 | .navbar.headroom-bottom-pinned { |
| 13059 | bottom: -52px; | 13071 | bottom: -52px; |
| 13060 | -webkit-box-shadow: none; | 13072 | -webkit-box-shadow: none; |
| 13061 | box-shadow: none; | 13073 | box-shadow: none; |
| 13062 | } | 13074 | } |
| 13063 | .navbar-lg.navbar.headroom-bottom-pinned { | 13075 | .navbar-lg.navbar.headroom-bottom-pinned { |
| 13064 | bottom: -56px; | 13076 | bottom: -56px; |
| 13065 | } | 13077 | } |
| 13066 | .navbar-sm.navbar.headroom-bottom-pinned { | 13078 | .navbar-sm.navbar.headroom-bottom-pinned { |
| 13067 | bottom: -50px; | 13079 | bottom: -50px; |
| 13068 | } | 13080 | } |
| 13069 | .navbar-xs.navbar.headroom-bottom-pinned { | 13081 | .navbar-xs.navbar.headroom-bottom-pinned { |
| 13070 | bottom: -48px; | 13082 | bottom: -48px; |
| 13071 | } | 13083 | } |
| 13072 | .navbar.headroom-bottom-unpinned { | 13084 | .navbar.headroom-bottom-unpinned { |
| 13073 | bottom: 0; | 13085 | bottom: 0; |
| 13074 | } | 13086 | } |
| 13075 | /* ------------------------------------------------------------------------------ | 13087 | /* ------------------------------------------------------------------------------ |
| 13076 | * | 13088 | * |
| 13077 | * # FullCalendar | 13089 | * # FullCalendar |
| 13078 | * | 13090 | * |
| 13079 | * A JavaScript event calendar. Customizable and open source | 13091 | * A JavaScript event calendar. Customizable and open source |
| 13080 | * | 13092 | * |
| 13081 | * Version: 1.3 | 13093 | * Version: 1.3 |
| 13082 | * Latest update: Jul 4, 2016 | 13094 | * Latest update: Jul 4, 2016 |
| 13083 | * | 13095 | * |
| 13084 | * ---------------------------------------------------------------------------- */ | 13096 | * ---------------------------------------------------------------------------- */ |
| 13085 | .fc { | 13097 | .fc { |
| 13086 | direction: ltr; | 13098 | direction: ltr; |
| 13087 | text-align: left; | 13099 | text-align: left; |
| 13088 | } | 13100 | } |
| 13089 | .fc-view > table { | 13101 | .fc-view > table { |
| 13090 | min-width: 769px; | 13102 | min-width: 769px; |
| 13091 | } | 13103 | } |
| 13092 | .fc-events-container { | 13104 | .fc-events-container { |
| 13093 | background-color: #fcfcfc; | 13105 | background-color: #fcfcfc; |
| 13094 | border: 1px solid #ddd; | 13106 | border: 1px solid #ddd; |
| 13095 | padding: 10px; | 13107 | padding: 10px; |
| 13096 | border-radius: 3px; | 13108 | border-radius: 3px; |
| 13097 | } | 13109 | } |
| 13098 | .fc-events-container .fc-event { | 13110 | .fc-events-container .fc-event { |
| 13099 | margin: 0; | 13111 | margin: 0; |
| 13100 | padding: 4px 14px; | 13112 | padding: 4px 14px; |
| 13101 | } | 13113 | } |
| 13102 | .fc-events-container .fc-event + .fc-event { | 13114 | .fc-events-container .fc-event + .fc-event { |
| 13103 | margin-top: 10px; | 13115 | margin-top: 10px; |
| 13104 | } | 13116 | } |
| 13105 | .fc-unthemed th, | 13117 | .fc-unthemed th, |
| 13106 | .fc-unthemed td, | 13118 | .fc-unthemed td, |
| 13107 | .fc-unthemed hr, | 13119 | .fc-unthemed hr, |
| 13108 | .fc-unthemed thead, | 13120 | .fc-unthemed thead, |
| 13109 | .fc-unthemed tbody, | 13121 | .fc-unthemed tbody, |
| 13110 | .fc-unthemed .fc-row, | 13122 | .fc-unthemed .fc-row, |
| 13111 | .fc-unthemed .fc-popover { | 13123 | .fc-unthemed .fc-popover { |
| 13112 | border-color: #ddd; | 13124 | border-color: #ddd; |
| 13113 | } | 13125 | } |
| 13114 | .fc-unthemed thead, | 13126 | .fc-unthemed thead, |
| 13115 | .fc-unthemed thead td, | 13127 | .fc-unthemed thead td, |
| 13116 | .fc-unthemed thead th { | 13128 | .fc-unthemed thead th { |
| 13117 | border-bottom-color: #bbb; | 13129 | border-bottom-color: #bbb; |
| 13118 | } | 13130 | } |
| 13119 | .fc-unthemed hr { | 13131 | .fc-unthemed hr { |
| 13120 | background-color: #f5f5f5; | 13132 | background-color: #f5f5f5; |
| 13121 | } | 13133 | } |
| 13122 | .fc-unthemed .fc-popover { | 13134 | .fc-unthemed .fc-popover { |
| 13123 | background-color: #fff; | 13135 | background-color: #fff; |
| 13124 | border-radius: 3px; | 13136 | border-radius: 3px; |
| 13125 | } | 13137 | } |
| 13126 | .fc-unthemed .fc-popover .fc-header { | 13138 | .fc-unthemed .fc-popover .fc-header { |
| 13127 | background-color: #f5f5f5; | 13139 | background-color: #f5f5f5; |
| 13128 | } | 13140 | } |
| 13129 | .fc-unthemed .fc-today { | 13141 | .fc-unthemed .fc-today { |
| 13130 | background-color: #E8F5E9; | 13142 | background-color: #E8F5E9; |
| 13131 | } | 13143 | } |
| 13132 | .fc-highlight { | 13144 | .fc-highlight { |
| 13133 | background-color: #e5e5e5; | 13145 | background-color: #e5e5e5; |
| 13134 | opacity: 0.3; | 13146 | opacity: 0.3; |
| 13135 | filter: alpha(opacity=30); | 13147 | filter: alpha(opacity=30); |
| 13136 | } | 13148 | } |
| 13137 | .fc-bgevent { | 13149 | .fc-bgevent { |
| 13138 | background-color: #81C784; | 13150 | background-color: #81C784; |
| 13139 | opacity: 0.3; | 13151 | opacity: 0.3; |
| 13140 | filter: alpha(opacity=30); | 13152 | filter: alpha(opacity=30); |
| 13141 | } | 13153 | } |
| 13142 | .fc-nonbusiness { | 13154 | .fc-nonbusiness { |
| 13143 | background-color: #ccc; | 13155 | background-color: #ccc; |
| 13144 | } | 13156 | } |
| 13145 | .fc-icon { | 13157 | .fc-icon { |
| 13146 | display: block; | 13158 | display: block; |
| 13147 | } | 13159 | } |
| 13148 | .fc-icon:after { | 13160 | .fc-icon:after { |
| 13149 | display: inline-block; | 13161 | display: inline-block; |
| 13150 | font-family: "icomoon"; | 13162 | font-family: "icomoon"; |
| 13151 | line-height: 1; | 13163 | line-height: 1; |
| 13152 | font-size: 16px; | 13164 | font-size: 16px; |
| 13153 | vertical-align: middle; | 13165 | vertical-align: middle; |
| 13154 | position: relative; | 13166 | position: relative; |
| 13155 | top: -1px; | 13167 | top: -1px; |
| 13156 | -webkit-font-smoothing: antialiased; | 13168 | -webkit-font-smoothing: antialiased; |
| 13157 | -moz-osx-font-smoothing: grayscale; | 13169 | -moz-osx-font-smoothing: grayscale; |
| 13158 | } | 13170 | } |
| 13159 | .fc-icon-left-single-arrow:after { | 13171 | .fc-icon-left-single-arrow:after { |
| 13160 | content: "\e9c0"; | 13172 | content: "\e9c0"; |
| 13161 | } | 13173 | } |
| 13162 | .fc-icon-right-single-arrow:after { | 13174 | .fc-icon-right-single-arrow:after { |
| 13163 | content: "\e9c3"; | 13175 | content: "\e9c3"; |
| 13164 | } | 13176 | } |
| 13165 | .fc-icon-left-double-arrow:after { | 13177 | .fc-icon-left-double-arrow:after { |
| 13166 | content: "\000AB"; | 13178 | content: "\000AB"; |
| 13167 | } | 13179 | } |
| 13168 | .fc-icon-right-double-arrow:after { | 13180 | .fc-icon-right-double-arrow:after { |
| 13169 | content: "\000BB"; | 13181 | content: "\000BB"; |
| 13170 | } | 13182 | } |
| 13171 | .fc-icon-x:after { | 13183 | .fc-icon-x:after { |
| 13172 | content: "\ed6b"; | 13184 | content: "\ed6b"; |
| 13173 | font-size: 12px; | 13185 | font-size: 12px; |
| 13174 | display: block; | 13186 | display: block; |
| 13175 | } | 13187 | } |
| 13176 | .fc-button { | 13188 | .fc-button { |
| 13177 | margin: 0; | 13189 | margin: 0; |
| 13178 | border: 0; | 13190 | border: 0; |
| 13179 | padding: 9px 17px; | 13191 | padding: 9px 17px; |
| 13180 | white-space: nowrap; | 13192 | white-space: nowrap; |
| 13181 | cursor: pointer; | 13193 | cursor: pointer; |
| 13182 | outline: 0; | 13194 | outline: 0; |
| 13183 | text-transform: uppercase; | 13195 | text-transform: uppercase; |
| 13184 | font-weight: 500; | 13196 | font-weight: 500; |
| 13185 | } | 13197 | } |
| 13186 | .fc-button::-moz-focus-inner { | 13198 | .fc-button::-moz-focus-inner { |
| 13187 | margin: 0; | 13199 | margin: 0; |
| 13188 | padding: 0; | 13200 | padding: 0; |
| 13189 | } | 13201 | } |
| 13190 | .fc-state-default { | 13202 | .fc-state-default { |
| 13191 | background-color: #f5f5f5; | 13203 | background-color: #f5f5f5; |
| 13192 | } | 13204 | } |
| 13193 | .fc-state-default.fc-corner-left { | 13205 | .fc-state-default.fc-corner-left { |
| 13194 | border-bottom-left-radius: 3px; | 13206 | border-bottom-left-radius: 3px; |
| 13195 | border-top-left-radius: 3px; | 13207 | border-top-left-radius: 3px; |
| 13196 | } | 13208 | } |
| 13197 | .fc-state-default.fc-corner-right { | 13209 | .fc-state-default.fc-corner-right { |
| 13198 | border-bottom-right-radius: 3px; | 13210 | border-bottom-right-radius: 3px; |
| 13199 | border-top-right-radius: 3px; | 13211 | border-top-right-radius: 3px; |
| 13200 | } | 13212 | } |
| 13201 | .fc-state-hover { | 13213 | .fc-state-hover { |
| 13202 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13214 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13203 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13215 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13204 | } | 13216 | } |
| 13205 | .fc-state-down, | 13217 | .fc-state-down, |
| 13206 | .fc-state-active { | 13218 | .fc-state-active { |
| 13207 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13219 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13208 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13220 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13209 | } | 13221 | } |
| 13210 | .fc-state-disabled { | 13222 | .fc-state-disabled { |
| 13211 | color: #999999; | 13223 | color: #999999; |
| 13212 | cursor: not-allowed; | 13224 | cursor: not-allowed; |
| 13213 | opacity: 0.65; | 13225 | opacity: 0.65; |
| 13214 | filter: alpha(opacity=65); | 13226 | filter: alpha(opacity=65); |
| 13215 | -webkit-box-shadow: none; | 13227 | -webkit-box-shadow: none; |
| 13216 | box-shadow: none; | 13228 | box-shadow: none; |
| 13217 | } | 13229 | } |
| 13218 | .fc-button-group { | 13230 | .fc-button-group { |
| 13219 | display: inline-block; | 13231 | display: inline-block; |
| 13220 | } | 13232 | } |
| 13221 | .fc .fc-button-group > * { | 13233 | .fc .fc-button-group > * { |
| 13222 | float: left; | 13234 | float: left; |
| 13223 | margin: 0 0 0 1px; | 13235 | margin: 0 0 0 1px; |
| 13224 | } | 13236 | } |
| 13225 | .fc .fc-button-group > :first-child { | 13237 | .fc .fc-button-group > :first-child { |
| 13226 | margin-left: 0; | 13238 | margin-left: 0; |
| 13227 | } | 13239 | } |
| 13228 | .fc-popover { | 13240 | .fc-popover { |
| 13229 | position: absolute; | 13241 | position: absolute; |
| 13230 | border: 1px solid #ddd; | 13242 | border: 1px solid #ddd; |
| 13231 | -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); | 13243 | -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); |
| 13232 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); | 13244 | box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05); |
| 13233 | } | 13245 | } |
| 13234 | .fc-popover .fc-header { | 13246 | .fc-popover .fc-header { |
| 13235 | padding: 10px; | 13247 | padding: 10px; |
| 13236 | } | 13248 | } |
| 13237 | .fc-popover .fc-header .fc-close { | 13249 | .fc-popover .fc-header .fc-close { |
| 13238 | cursor: pointer; | 13250 | cursor: pointer; |
| 13239 | } | 13251 | } |
| 13240 | .fc-ltr .fc-popover .fc-header .fc-title { | 13252 | .fc-ltr .fc-popover .fc-header .fc-title { |
| 13241 | float: left; | 13253 | float: left; |
| 13242 | } | 13254 | } |
| 13243 | .fc-ltr .fc-popover .fc-header .fc-close { | 13255 | .fc-ltr .fc-popover .fc-header .fc-close { |
| 13244 | float: right; | 13256 | float: right; |
| 13245 | } | 13257 | } |
| 13246 | .fc-unthemed .fc-popover .fc-header .fc-close { | 13258 | .fc-unthemed .fc-popover .fc-header .fc-close { |
| 13247 | margin-top: 2px; | 13259 | margin-top: 2px; |
| 13248 | opacity: 0.6; | 13260 | opacity: 0.6; |
| 13249 | filter: alpha(opacity=60); | 13261 | filter: alpha(opacity=60); |
| 13250 | } | 13262 | } |
| 13251 | .fc-unthemed .fc-popover .fc-header .fc-close:hover { | 13263 | .fc-unthemed .fc-popover .fc-header .fc-close:hover { |
| 13252 | opacity: 1; | 13264 | opacity: 1; |
| 13253 | filter: alpha(opacity=100); | 13265 | filter: alpha(opacity=100); |
| 13254 | } | 13266 | } |
| 13255 | .fc hr { | 13267 | .fc hr { |
| 13256 | height: 0; | 13268 | height: 0; |
| 13257 | margin: 0; | 13269 | margin: 0; |
| 13258 | padding: 0 0 2px; | 13270 | padding: 0 0 2px; |
| 13259 | border-style: solid; | 13271 | border-style: solid; |
| 13260 | border-width: 1px 0; | 13272 | border-width: 1px 0; |
| 13261 | } | 13273 | } |
| 13262 | .fc-clear { | 13274 | .fc-clear { |
| 13263 | clear: both; | 13275 | clear: both; |
| 13264 | } | 13276 | } |
| 13265 | .fc-bg, | 13277 | .fc-bg, |
| 13266 | .fc-bgevent-skeleton, | 13278 | .fc-bgevent-skeleton, |
| 13267 | .fc-highlight-skeleton, | 13279 | .fc-highlight-skeleton, |
| 13268 | .fc-helper-skeleton { | 13280 | .fc-helper-skeleton { |
| 13269 | position: absolute; | 13281 | position: absolute; |
| 13270 | top: 0; | 13282 | top: 0; |
| 13271 | left: 0; | 13283 | left: 0; |
| 13272 | right: 0; | 13284 | right: 0; |
| 13273 | } | 13285 | } |
| 13274 | .fc-bg { | 13286 | .fc-bg { |
| 13275 | bottom: 0; | 13287 | bottom: 0; |
| 13276 | } | 13288 | } |
| 13277 | .fc-bg table { | 13289 | .fc-bg table { |
| 13278 | height: 100%; | 13290 | height: 100%; |
| 13279 | } | 13291 | } |
| 13280 | .fc table { | 13292 | .fc table { |
| 13281 | width: 100%; | 13293 | width: 100%; |
| 13282 | table-layout: fixed; | 13294 | table-layout: fixed; |
| 13283 | border-collapse: collapse; | 13295 | border-collapse: collapse; |
| 13284 | border-spacing: 0; | 13296 | border-spacing: 0; |
| 13285 | } | 13297 | } |
| 13286 | .fc th, | 13298 | .fc th, |
| 13287 | .fc td { | 13299 | .fc td { |
| 13288 | border-style: solid; | 13300 | border-style: solid; |
| 13289 | border-width: 1px; | 13301 | border-width: 1px; |
| 13290 | padding: 0; | 13302 | padding: 0; |
| 13291 | vertical-align: top; | 13303 | vertical-align: top; |
| 13292 | } | 13304 | } |
| 13293 | .fc th { | 13305 | .fc th { |
| 13294 | padding: 12px 20px; | 13306 | padding: 12px 20px; |
| 13295 | font-weight: 500; | 13307 | font-weight: 500; |
| 13296 | text-align: center; | 13308 | text-align: center; |
| 13297 | } | 13309 | } |
| 13298 | .fc td.fc-today { | 13310 | .fc td.fc-today { |
| 13299 | border-style: double; | 13311 | border-style: double; |
| 13300 | } | 13312 | } |
| 13301 | .fc-row { | 13313 | .fc-row { |
| 13302 | border-style: solid; | 13314 | border-style: solid; |
| 13303 | border-width: 0; | 13315 | border-width: 0; |
| 13304 | position: relative; | 13316 | position: relative; |
| 13305 | } | 13317 | } |
| 13306 | .fc-row table { | 13318 | .fc-row table { |
| 13307 | border-left: 0 hidden transparent; | 13319 | border-left: 0 hidden transparent; |
| 13308 | border-right: 0 hidden transparent; | 13320 | border-right: 0 hidden transparent; |
| 13309 | border-bottom: 0 hidden transparent; | 13321 | border-bottom: 0 hidden transparent; |
| 13310 | } | 13322 | } |
| 13311 | .fc-row:first-child table { | 13323 | .fc-row:first-child table { |
| 13312 | border-top: 0 hidden transparent; | 13324 | border-top: 0 hidden transparent; |
| 13313 | } | 13325 | } |
| 13314 | .fc-row .fc-bg { | 13326 | .fc-row .fc-bg { |
| 13315 | z-index: 1; | 13327 | z-index: 1; |
| 13316 | } | 13328 | } |
| 13317 | .fc-row .fc-bgevent-skeleton, | 13329 | .fc-row .fc-bgevent-skeleton, |
| 13318 | .fc-row .fc-highlight-skeleton { | 13330 | .fc-row .fc-highlight-skeleton { |
| 13319 | bottom: 0; | 13331 | bottom: 0; |
| 13320 | } | 13332 | } |
| 13321 | .fc-row .fc-bgevent-skeleton table, | 13333 | .fc-row .fc-bgevent-skeleton table, |
| 13322 | .fc-row .fc-highlight-skeleton table { | 13334 | .fc-row .fc-highlight-skeleton table { |
| 13323 | height: 100%; | 13335 | height: 100%; |
| 13324 | } | 13336 | } |
| 13325 | .fc-row .fc-bgevent-skeleton td, | 13337 | .fc-row .fc-bgevent-skeleton td, |
| 13326 | .fc-row .fc-highlight-skeleton td { | 13338 | .fc-row .fc-highlight-skeleton td { |
| 13327 | border-color: transparent; | 13339 | border-color: transparent; |
| 13328 | border: 0; | 13340 | border: 0; |
| 13329 | } | 13341 | } |
| 13330 | .fc-row .fc-bgevent-skeleton { | 13342 | .fc-row .fc-bgevent-skeleton { |
| 13331 | z-index: 2; | 13343 | z-index: 2; |
| 13332 | } | 13344 | } |
| 13333 | .fc-row .fc-highlight-skeleton { | 13345 | .fc-row .fc-highlight-skeleton { |
| 13334 | z-index: 3; | 13346 | z-index: 3; |
| 13335 | } | 13347 | } |
| 13336 | .fc-row .fc-content-skeleton td, | 13348 | .fc-row .fc-content-skeleton td, |
| 13337 | .fc-row .fc-helper-skeleton td { | 13349 | .fc-row .fc-helper-skeleton td { |
| 13338 | background: none; | 13350 | background: none; |
| 13339 | border-color: transparent; | 13351 | border-color: transparent; |
| 13340 | border-bottom: 0; | 13352 | border-bottom: 0; |
| 13341 | } | 13353 | } |
| 13342 | .fc-row .fc-content-skeleton tbody td, | 13354 | .fc-row .fc-content-skeleton tbody td, |
| 13343 | .fc-row .fc-helper-skeleton tbody td { | 13355 | .fc-row .fc-helper-skeleton tbody td { |
| 13344 | border-top: 0; | 13356 | border-top: 0; |
| 13345 | } | 13357 | } |
| 13346 | .fc-row .fc-content-skeleton { | 13358 | .fc-row .fc-content-skeleton { |
| 13347 | position: relative; | 13359 | position: relative; |
| 13348 | z-index: 4; | 13360 | z-index: 4; |
| 13349 | } | 13361 | } |
| 13350 | .fc-row .fc-helper-skeleton { | 13362 | .fc-row .fc-helper-skeleton { |
| 13351 | z-index: 5; | 13363 | z-index: 5; |
| 13352 | } | 13364 | } |
| 13353 | .fc-scroller { | 13365 | .fc-scroller { |
| 13354 | overflow-y: scroll; | 13366 | overflow-y: scroll; |
| 13355 | overflow-x: hidden; | 13367 | overflow-x: hidden; |
| 13356 | } | 13368 | } |
| 13357 | .fc-scroller > * { | 13369 | .fc-scroller > * { |
| 13358 | position: relative; | 13370 | position: relative; |
| 13359 | width: 100%; | 13371 | width: 100%; |
| 13360 | overflow: hidden; | 13372 | overflow: hidden; |
| 13361 | } | 13373 | } |
| 13362 | .fc-event { | 13374 | .fc-event { |
| 13363 | position: relative; | 13375 | position: relative; |
| 13364 | display: block; | 13376 | display: block; |
| 13365 | border: 1px solid #039BE5; | 13377 | border: 1px solid #039BE5; |
| 13366 | background-color: #039BE5; | 13378 | background-color: #039BE5; |
| 13367 | font-weight: normal; | 13379 | font-weight: normal; |
| 13368 | border-radius: 2px; | 13380 | border-radius: 2px; |
| 13369 | } | 13381 | } |
| 13370 | .fc-event, | 13382 | .fc-event, |
| 13371 | .fc-event:hover { | 13383 | .fc-event:hover { |
| 13372 | color: #fff; | 13384 | color: #fff; |
| 13373 | text-decoration: none; | 13385 | text-decoration: none; |
| 13374 | } | 13386 | } |
| 13375 | .fc-event[href], | 13387 | .fc-event[href], |
| 13376 | .fc-event.fc-draggable { | 13388 | .fc-event.fc-draggable { |
| 13377 | cursor: pointer; | 13389 | cursor: pointer; |
| 13378 | } | 13390 | } |
| 13379 | .fc-not-allowed, | 13391 | .fc-not-allowed, |
| 13380 | .fc-not-allowed .fc-event { | 13392 | .fc-not-allowed .fc-event { |
| 13381 | cursor: not-allowed; | 13393 | cursor: not-allowed; |
| 13382 | } | 13394 | } |
| 13383 | .fc-day-grid-event { | 13395 | .fc-day-grid-event { |
| 13384 | margin: 0 5px 5px 5px; | 13396 | margin: 0 5px 5px 5px; |
| 13385 | padding: 4px 8px; | 13397 | padding: 4px 8px; |
| 13386 | } | 13398 | } |
| 13387 | .fc-day-grid-event > .fc-content { | 13399 | .fc-day-grid-event > .fc-content { |
| 13388 | white-space: nowrap; | 13400 | white-space: nowrap; |
| 13389 | overflow: hidden; | 13401 | overflow: hidden; |
| 13390 | text-overflow: ellipsis; | 13402 | text-overflow: ellipsis; |
| 13391 | } | 13403 | } |
| 13392 | .fc-day-grid-event .fc-time { | 13404 | .fc-day-grid-event .fc-time { |
| 13393 | font-weight: 500; | 13405 | font-weight: 500; |
| 13394 | } | 13406 | } |
| 13395 | .fc-day-grid-event .fc-resizer { | 13407 | .fc-day-grid-event .fc-resizer { |
| 13396 | position: absolute; | 13408 | position: absolute; |
| 13397 | top: 0; | 13409 | top: 0; |
| 13398 | bottom: 0; | 13410 | bottom: 0; |
| 13399 | width: 7px; | 13411 | width: 7px; |
| 13400 | } | 13412 | } |
| 13401 | .fc-ltr .fc-day-grid-event .fc-resizer { | 13413 | .fc-ltr .fc-day-grid-event .fc-resizer { |
| 13402 | right: -3px; | 13414 | right: -3px; |
| 13403 | cursor: e-resize; | 13415 | cursor: e-resize; |
| 13404 | } | 13416 | } |
| 13405 | @media (min-width: 1200px) { | 13417 | @media (min-width: 1200px) { |
| 13406 | .fc-day-grid-event > .fc-content { | 13418 | .fc-day-grid-event > .fc-content { |
| 13407 | background-color: inherit; | 13419 | background-color: inherit; |
| 13408 | } | 13420 | } |
| 13409 | .fc-day-grid-event .fc-time { | 13421 | .fc-day-grid-event .fc-time { |
| 13410 | float: right; | 13422 | float: right; |
| 13411 | padding-left: 5px; | 13423 | padding-left: 5px; |
| 13412 | display: inline-block; | 13424 | display: inline-block; |
| 13413 | z-index: 2; | 13425 | z-index: 2; |
| 13414 | position: relative; | 13426 | position: relative; |
| 13415 | background-color: inherit; | 13427 | background-color: inherit; |
| 13416 | } | 13428 | } |
| 13417 | .fc-day-grid-event .fc-title { | 13429 | .fc-day-grid-event .fc-title { |
| 13418 | z-index: 1; | 13430 | z-index: 1; |
| 13419 | position: relative; | 13431 | position: relative; |
| 13420 | } | 13432 | } |
| 13421 | } | 13433 | } |
| 13422 | a.fc-more { | 13434 | a.fc-more { |
| 13423 | margin: 1px 5px; | 13435 | margin: 1px 5px; |
| 13424 | background-color: #fafafa; | 13436 | background-color: #fafafa; |
| 13425 | display: block; | 13437 | display: block; |
| 13426 | padding: 5px; | 13438 | padding: 5px; |
| 13427 | text-align: center; | 13439 | text-align: center; |
| 13428 | border-radius: 3px; | 13440 | border-radius: 3px; |
| 13429 | color: #999999; | 13441 | color: #999999; |
| 13430 | font-size: 12px; | 13442 | font-size: 12px; |
| 13431 | } | 13443 | } |
| 13432 | a.fc-more:hover { | 13444 | a.fc-more:hover { |
| 13433 | background-color: #f5f5f5; | 13445 | background-color: #f5f5f5; |
| 13434 | color: #333333; | 13446 | color: #333333; |
| 13435 | } | 13447 | } |
| 13436 | .fc-limited { | 13448 | .fc-limited { |
| 13437 | display: none; | 13449 | display: none; |
| 13438 | } | 13450 | } |
| 13439 | .fc-day-grid .fc-row { | 13451 | .fc-day-grid .fc-row { |
| 13440 | z-index: 1; | 13452 | z-index: 1; |
| 13441 | } | 13453 | } |
| 13442 | .fc-more-popover { | 13454 | .fc-more-popover { |
| 13443 | z-index: 2; | 13455 | z-index: 2; |
| 13444 | width: 220px; | 13456 | width: 220px; |
| 13445 | } | 13457 | } |
| 13446 | .fc-more-popover .fc-event-container { | 13458 | .fc-more-popover .fc-event-container { |
| 13447 | padding: 10px 5px; | 13459 | padding: 10px 5px; |
| 13448 | } | 13460 | } |
| 13449 | .fc-toolbar { | 13461 | .fc-toolbar { |
| 13450 | text-align: center; | 13462 | text-align: center; |
| 13451 | margin-bottom: 20px; | 13463 | margin-bottom: 20px; |
| 13452 | } | 13464 | } |
| 13453 | .fc-toolbar h2 { | 13465 | .fc-toolbar h2 { |
| 13454 | margin: 5px 0; | 13466 | margin: 5px 0; |
| 13455 | font-size: 17px; | 13467 | font-size: 17px; |
| 13456 | } | 13468 | } |
| 13457 | .fc-toolbar .fc-left { | 13469 | .fc-toolbar .fc-left { |
| 13458 | float: left; | 13470 | float: left; |
| 13459 | width: 33%; | 13471 | width: 33%; |
| 13460 | } | 13472 | } |
| 13461 | .fc-toolbar .fc-right { | 13473 | .fc-toolbar .fc-right { |
| 13462 | float: right; | 13474 | float: right; |
| 13463 | width: 33%; | 13475 | width: 33%; |
| 13464 | } | 13476 | } |
| 13465 | .fc-toolbar .fc-right .fc-button-group { | 13477 | .fc-toolbar .fc-right .fc-button-group { |
| 13466 | float: right; | 13478 | float: right; |
| 13467 | } | 13479 | } |
| 13468 | .fc-toolbar .fc-left > .fc-button, | 13480 | .fc-toolbar .fc-left > .fc-button, |
| 13469 | .fc-toolbar .fc-right > .fc-button { | 13481 | .fc-toolbar .fc-right > .fc-button { |
| 13470 | margin-left: 10px; | 13482 | margin-left: 10px; |
| 13471 | } | 13483 | } |
| 13472 | .fc-toolbar .fc-center { | 13484 | .fc-toolbar .fc-center { |
| 13473 | display: inline-block; | 13485 | display: inline-block; |
| 13474 | vertical-align: middle; | 13486 | vertical-align: middle; |
| 13475 | } | 13487 | } |
| 13476 | .fc-toolbar > * > * { | 13488 | .fc-toolbar > * > * { |
| 13477 | float: left; | 13489 | float: left; |
| 13478 | } | 13490 | } |
| 13479 | .fc-toolbar > * > :first-child { | 13491 | .fc-toolbar > * > :first-child { |
| 13480 | margin-left: 0; | 13492 | margin-left: 0; |
| 13481 | } | 13493 | } |
| 13482 | .fc-toolbar button { | 13494 | .fc-toolbar button { |
| 13483 | position: relative; | 13495 | position: relative; |
| 13484 | } | 13496 | } |
| 13485 | .fc-toolbar button:focus { | 13497 | .fc-toolbar button:focus { |
| 13486 | z-index: 5; | 13498 | z-index: 5; |
| 13487 | } | 13499 | } |
| 13488 | .fc-toolbar .fc-state-hover, | 13500 | .fc-toolbar .fc-state-hover, |
| 13489 | .fc-toolbar .ui-state-hover { | 13501 | .fc-toolbar .ui-state-hover { |
| 13490 | z-index: 2; | 13502 | z-index: 2; |
| 13491 | } | 13503 | } |
| 13492 | .fc-toolbar .fc-state-down { | 13504 | .fc-toolbar .fc-state-down { |
| 13493 | z-index: 3; | 13505 | z-index: 3; |
| 13494 | } | 13506 | } |
| 13495 | .fc-toolbar .fc-state-active, | 13507 | .fc-toolbar .fc-state-active, |
| 13496 | .fc-toolbar .ui-state-active { | 13508 | .fc-toolbar .ui-state-active { |
| 13497 | z-index: 4; | 13509 | z-index: 4; |
| 13498 | } | 13510 | } |
| 13499 | .fc-view-container { | 13511 | .fc-view-container { |
| 13500 | border-left: 1px solid #ddd; | 13512 | border-left: 1px solid #ddd; |
| 13501 | border-right: 1px solid #ddd; | 13513 | border-right: 1px solid #ddd; |
| 13502 | overflow: auto; | 13514 | overflow: auto; |
| 13503 | max-width: 100%; | 13515 | max-width: 100%; |
| 13504 | } | 13516 | } |
| 13505 | .fc-view-container .fc-view > table th, | 13517 | .fc-view-container .fc-view > table th, |
| 13506 | .fc-view-container .fc-view > table td { | 13518 | .fc-view-container .fc-view > table td { |
| 13507 | border-right-width: 0; | 13519 | border-right-width: 0; |
| 13508 | } | 13520 | } |
| 13509 | .fc-view-container .fc-view > table tr:first-child th:first-child, | 13521 | .fc-view-container .fc-view > table tr:first-child th:first-child, |
| 13510 | .fc-view-container .fc-view > table tr:first-child td:first-child { | 13522 | .fc-view-container .fc-view > table tr:first-child td:first-child { |
| 13511 | border-left-width: 0; | 13523 | border-left-width: 0; |
| 13512 | } | 13524 | } |
| 13513 | .fc-view-container *, | 13525 | .fc-view-container *, |
| 13514 | .fc-view-container *:before, | 13526 | .fc-view-container *:before, |
| 13515 | .fc-view-container *:after { | 13527 | .fc-view-container *:after { |
| 13516 | -webkit-box-sizing: content-box; | 13528 | -webkit-box-sizing: content-box; |
| 13517 | -moz-box-sizing: content-box; | 13529 | -moz-box-sizing: content-box; |
| 13518 | box-sizing: content-box; | 13530 | box-sizing: content-box; |
| 13519 | } | 13531 | } |
| 13520 | .fc-view, | 13532 | .fc-view, |
| 13521 | .fc-view > table { | 13533 | .fc-view > table { |
| 13522 | position: relative; | 13534 | position: relative; |
| 13523 | z-index: 1; | 13535 | z-index: 1; |
| 13524 | } | 13536 | } |
| 13525 | .fc-basicWeek-view .fc-content-skeleton, | 13537 | .fc-basicWeek-view .fc-content-skeleton, |
| 13526 | .fc-basicDay-view .fc-content-skeleton { | 13538 | .fc-basicDay-view .fc-content-skeleton { |
| 13527 | padding-top: 5px; | 13539 | padding-top: 5px; |
| 13528 | padding-bottom: 10px; | 13540 | padding-bottom: 10px; |
| 13529 | } | 13541 | } |
| 13530 | .fc-basic-view tbody .fc-row { | 13542 | .fc-basic-view tbody .fc-row { |
| 13531 | min-height: 100px; | 13543 | min-height: 100px; |
| 13532 | min-width: 100px; | 13544 | min-width: 100px; |
| 13533 | } | 13545 | } |
| 13534 | .fc-row.fc-rigid { | 13546 | .fc-row.fc-rigid { |
| 13535 | overflow: hidden; | 13547 | overflow: hidden; |
| 13536 | } | 13548 | } |
| 13537 | .fc-row.fc-rigid .fc-content-skeleton { | 13549 | .fc-row.fc-rigid .fc-content-skeleton { |
| 13538 | position: absolute; | 13550 | position: absolute; |
| 13539 | top: 0; | 13551 | top: 0; |
| 13540 | left: 0; | 13552 | left: 0; |
| 13541 | right: 0; | 13553 | right: 0; |
| 13542 | } | 13554 | } |
| 13543 | .fc-basic-view .fc-week-number, | 13555 | .fc-basic-view .fc-week-number, |
| 13544 | .fc-basic-view .fc-day-number { | 13556 | .fc-basic-view .fc-day-number { |
| 13545 | padding: 10px; | 13557 | padding: 10px; |
| 13546 | } | 13558 | } |
| 13547 | .fc-basic-view .fc-week-number { | 13559 | .fc-basic-view .fc-week-number { |
| 13548 | text-align: center; | 13560 | text-align: center; |
| 13549 | } | 13561 | } |
| 13550 | .fc-basic-view .fc-week-number span { | 13562 | .fc-basic-view .fc-week-number span { |
| 13551 | display: inline-block; | 13563 | display: inline-block; |
| 13552 | min-width: 1.25em; | 13564 | min-width: 1.25em; |
| 13553 | } | 13565 | } |
| 13554 | .fc-basic-view .fc-day-number { | 13566 | .fc-basic-view .fc-day-number { |
| 13555 | text-align: right; | 13567 | text-align: right; |
| 13556 | } | 13568 | } |
| 13557 | .fc-basic-view .fc-day-number.fc-other-month { | 13569 | .fc-basic-view .fc-day-number.fc-other-month { |
| 13558 | opacity: 0.3; | 13570 | opacity: 0.3; |
| 13559 | filter: alpha(opacity=30); | 13571 | filter: alpha(opacity=30); |
| 13560 | } | 13572 | } |
| 13561 | .fc-agenda-view .fc-day-grid { | 13573 | .fc-agenda-view .fc-day-grid { |
| 13562 | position: relative; | 13574 | position: relative; |
| 13563 | z-index: 2; | 13575 | z-index: 2; |
| 13564 | } | 13576 | } |
| 13565 | .fc-agenda-view .fc-day-grid .fc-row { | 13577 | .fc-agenda-view .fc-day-grid .fc-row { |
| 13566 | min-height: 3em; | 13578 | min-height: 3em; |
| 13567 | } | 13579 | } |
| 13568 | .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { | 13580 | .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { |
| 13569 | padding-top: 5px; | 13581 | padding-top: 5px; |
| 13570 | padding-bottom: 0; | 13582 | padding-bottom: 0; |
| 13571 | } | 13583 | } |
| 13572 | .fc-axis { | 13584 | .fc-axis { |
| 13573 | text-align: right; | 13585 | text-align: right; |
| 13574 | } | 13586 | } |
| 13575 | .fc .fc-axis { | 13587 | .fc .fc-axis { |
| 13576 | vertical-align: middle; | 13588 | vertical-align: middle; |
| 13577 | padding: 10px; | 13589 | padding: 10px; |
| 13578 | white-space: nowrap; | 13590 | white-space: nowrap; |
| 13579 | } | 13591 | } |
| 13580 | .fc-time-grid-container, | 13592 | .fc-time-grid-container, |
| 13581 | .fc-time-grid { | 13593 | .fc-time-grid { |
| 13582 | position: relative; | 13594 | position: relative; |
| 13583 | z-index: 1; | 13595 | z-index: 1; |
| 13584 | } | 13596 | } |
| 13585 | .fc-time-grid { | 13597 | .fc-time-grid { |
| 13586 | min-height: 100%; | 13598 | min-height: 100%; |
| 13587 | } | 13599 | } |
| 13588 | .fc-time-grid table { | 13600 | .fc-time-grid table { |
| 13589 | border: 0 hidden transparent; | 13601 | border: 0 hidden transparent; |
| 13590 | } | 13602 | } |
| 13591 | .fc-time-grid > .fc-bg { | 13603 | .fc-time-grid > .fc-bg { |
| 13592 | z-index: 1; | 13604 | z-index: 1; |
| 13593 | } | 13605 | } |
| 13594 | .fc-time-grid .fc-slats, | 13606 | .fc-time-grid .fc-slats, |
| 13595 | .fc-time-grid > hr { | 13607 | .fc-time-grid > hr { |
| 13596 | position: relative; | 13608 | position: relative; |
| 13597 | z-index: 2; | 13609 | z-index: 2; |
| 13598 | } | 13610 | } |
| 13599 | .fc-time-grid .fc-bgevent-skeleton, | 13611 | .fc-time-grid .fc-bgevent-skeleton, |
| 13600 | .fc-time-grid .fc-content-skeleton { | 13612 | .fc-time-grid .fc-content-skeleton { |
| 13601 | position: absolute; | 13613 | position: absolute; |
| 13602 | top: 0; | 13614 | top: 0; |
| 13603 | left: 0; | 13615 | left: 0; |
| 13604 | right: 0; | 13616 | right: 0; |
| 13605 | } | 13617 | } |
| 13606 | .fc-time-grid .fc-bgevent-skeleton { | 13618 | .fc-time-grid .fc-bgevent-skeleton { |
| 13607 | z-index: 3; | 13619 | z-index: 3; |
| 13608 | } | 13620 | } |
| 13609 | .fc-time-grid .fc-highlight-skeleton { | 13621 | .fc-time-grid .fc-highlight-skeleton { |
| 13610 | z-index: 4; | 13622 | z-index: 4; |
| 13611 | } | 13623 | } |
| 13612 | .fc-time-grid .fc-content-skeleton { | 13624 | .fc-time-grid .fc-content-skeleton { |
| 13613 | z-index: 5; | 13625 | z-index: 5; |
| 13614 | } | 13626 | } |
| 13615 | .fc-time-grid .fc-helper-skeleton { | 13627 | .fc-time-grid .fc-helper-skeleton { |
| 13616 | z-index: 6; | 13628 | z-index: 6; |
| 13617 | } | 13629 | } |
| 13618 | .fc-slats td { | 13630 | .fc-slats td { |
| 13619 | border-bottom: 0; | 13631 | border-bottom: 0; |
| 13620 | } | 13632 | } |
| 13621 | .fc-slats .fc-minor td { | 13633 | .fc-slats .fc-minor td { |
| 13622 | border-top-style: dotted; | 13634 | border-top-style: dotted; |
| 13623 | } | 13635 | } |
| 13624 | .fc-time-grid .fc-highlight-container { | 13636 | .fc-time-grid .fc-highlight-container { |
| 13625 | position: relative; | 13637 | position: relative; |
| 13626 | } | 13638 | } |
| 13627 | .fc-time-grid .fc-highlight { | 13639 | .fc-time-grid .fc-highlight { |
| 13628 | position: absolute; | 13640 | position: absolute; |
| 13629 | left: 0; | 13641 | left: 0; |
| 13630 | right: 0; | 13642 | right: 0; |
| 13631 | } | 13643 | } |
| 13632 | .fc-time-grid .fc-event-container, | 13644 | .fc-time-grid .fc-event-container, |
| 13633 | .fc-time-grid .fc-bgevent-container { | 13645 | .fc-time-grid .fc-bgevent-container { |
| 13634 | position: relative; | 13646 | position: relative; |
| 13635 | } | 13647 | } |
| 13636 | .fc-time-grid .fc-event, | 13648 | .fc-time-grid .fc-event, |
| 13637 | .fc-time-grid .fc-bgevent { | 13649 | .fc-time-grid .fc-bgevent { |
| 13638 | position: absolute; | 13650 | position: absolute; |
| 13639 | z-index: 1; | 13651 | z-index: 1; |
| 13640 | margin: 5px; | 13652 | margin: 5px; |
| 13641 | padding: 10px; | 13653 | padding: 10px; |
| 13642 | min-height: 45px; | 13654 | min-height: 45px; |
| 13643 | -webkit-box-shadow: 0 0 0 1px #fff; | 13655 | -webkit-box-shadow: 0 0 0 1px #fff; |
| 13644 | box-shadow: 0 0 0 1px #fff; | 13656 | box-shadow: 0 0 0 1px #fff; |
| 13645 | } | 13657 | } |
| 13646 | .fc-time-grid .fc-bgevent { | 13658 | .fc-time-grid .fc-bgevent { |
| 13647 | left: 0; | 13659 | left: 0; |
| 13648 | right: 0; | 13660 | right: 0; |
| 13649 | } | 13661 | } |
| 13650 | .fc-time-grid-event { | 13662 | .fc-time-grid-event { |
| 13651 | overflow: hidden; | 13663 | overflow: hidden; |
| 13652 | } | 13664 | } |
| 13653 | .fc-time-grid-event.fc-not-start { | 13665 | .fc-time-grid-event.fc-not-start { |
| 13654 | border-top-width: 0; | 13666 | border-top-width: 0; |
| 13655 | padding-top: 1px; | 13667 | padding-top: 1px; |
| 13656 | border-top-right-radius: 0; | 13668 | border-top-right-radius: 0; |
| 13657 | border-top-left-radius: 0; | 13669 | border-top-left-radius: 0; |
| 13658 | } | 13670 | } |
| 13659 | .fc-time-grid-event.fc-not-end { | 13671 | .fc-time-grid-event.fc-not-end { |
| 13660 | border-bottom-width: 0; | 13672 | border-bottom-width: 0; |
| 13661 | padding-bottom: 1px; | 13673 | padding-bottom: 1px; |
| 13662 | border-bottom-right-radius: 0; | 13674 | border-bottom-right-radius: 0; |
| 13663 | border-bottom-left-radius: 0; | 13675 | border-bottom-left-radius: 0; |
| 13664 | } | 13676 | } |
| 13665 | .fc-time-grid-event > .fc-content { | 13677 | .fc-time-grid-event > .fc-content { |
| 13666 | position: relative; | 13678 | position: relative; |
| 13667 | z-index: 2; | 13679 | z-index: 2; |
| 13668 | } | 13680 | } |
| 13669 | .fc-time-grid-event .fc-time { | 13681 | .fc-time-grid-event .fc-time { |
| 13670 | font-weight: 500; | 13682 | font-weight: 500; |
| 13671 | } | 13683 | } |
| 13672 | .fc-time-grid-event.fc-short .fc-content { | 13684 | .fc-time-grid-event.fc-short .fc-content { |
| 13673 | white-space: nowrap; | 13685 | white-space: nowrap; |
| 13674 | } | 13686 | } |
| 13675 | .fc-time-grid-event.fc-short .fc-time, | 13687 | .fc-time-grid-event.fc-short .fc-time, |
| 13676 | .fc-time-grid-event.fc-short .fc-title { | 13688 | .fc-time-grid-event.fc-short .fc-title { |
| 13677 | display: inline-block; | 13689 | display: inline-block; |
| 13678 | vertical-align: top; | 13690 | vertical-align: top; |
| 13679 | } | 13691 | } |
| 13680 | .fc-time-grid-event.fc-short .fc-time:before { | 13692 | .fc-time-grid-event.fc-short .fc-time:before { |
| 13681 | content: attr(data-start); | 13693 | content: attr(data-start); |
| 13682 | } | 13694 | } |
| 13683 | .fc-time-grid-event.fc-short .fc-time:after { | 13695 | .fc-time-grid-event.fc-short .fc-time:after { |
| 13684 | content: "\000A0-\000A0"; | 13696 | content: "\000A0-\000A0"; |
| 13685 | } | 13697 | } |
| 13686 | .fc-time-grid-event.fc-short .fc-time span { | 13698 | .fc-time-grid-event.fc-short .fc-time span { |
| 13687 | display: none; | 13699 | display: none; |
| 13688 | } | 13700 | } |
| 13689 | .fc-time-grid-event.fc-short .fc-title { | 13701 | .fc-time-grid-event.fc-short .fc-title { |
| 13690 | font-size: .85em; | 13702 | font-size: .85em; |
| 13691 | padding: 0; | 13703 | padding: 0; |
| 13692 | } | 13704 | } |
| 13693 | .fc-time-grid-event .fc-resizer { | 13705 | .fc-time-grid-event .fc-resizer { |
| 13694 | position: absolute; | 13706 | position: absolute; |
| 13695 | z-index: 3; | 13707 | z-index: 3; |
| 13696 | left: 0; | 13708 | left: 0; |
| 13697 | right: 0; | 13709 | right: 0; |
| 13698 | bottom: 0; | 13710 | bottom: 0; |
| 13699 | height: 8px; | 13711 | height: 8px; |
| 13700 | overflow: hidden; | 13712 | overflow: hidden; |
| 13701 | line-height: 10px; | 13713 | line-height: 10px; |
| 13702 | font-size: 12px; | 13714 | font-size: 12px; |
| 13703 | font-family: monospace; | 13715 | font-family: monospace; |
| 13704 | text-align: center; | 13716 | text-align: center; |
| 13705 | cursor: s-resize; | 13717 | cursor: s-resize; |
| 13706 | background-color: rgba(0, 0, 0, 0.05); | 13718 | background-color: rgba(0, 0, 0, 0.05); |
| 13707 | padding: 1px; | 13719 | padding: 1px; |
| 13708 | } | 13720 | } |
| 13709 | .fc-time-grid-event .fc-resizer:hover { | 13721 | .fc-time-grid-event .fc-resizer:hover { |
| 13710 | background-color: rgba(0, 0, 0, 0.1); | 13722 | background-color: rgba(0, 0, 0, 0.1); |
| 13711 | } | 13723 | } |
| 13712 | .fc-time-grid-event .fc-resizer:after { | 13724 | .fc-time-grid-event .fc-resizer:after { |
| 13713 | content: "="; | 13725 | content: "="; |
| 13714 | } | 13726 | } |
| 13715 | @media (max-width: 768px) { | 13727 | @media (max-width: 768px) { |
| 13716 | .fc-toolbar .fc-left, | 13728 | .fc-toolbar .fc-left, |
| 13717 | .fc-toolbar .fc-left > .fc-button, | 13729 | .fc-toolbar .fc-left > .fc-button, |
| 13718 | .fc-toolbar .fc-right, | 13730 | .fc-toolbar .fc-right, |
| 13719 | .fc-toolbar .fc-right > .fc-button, | 13731 | .fc-toolbar .fc-right > .fc-button, |
| 13720 | .fc-toolbar .fc-left .fc-button-group, | 13732 | .fc-toolbar .fc-left .fc-button-group, |
| 13721 | .fc-toolbar .fc-right .fc-button-group { | 13733 | .fc-toolbar .fc-right .fc-button-group { |
| 13722 | float: none; | 13734 | float: none; |
| 13723 | width: auto; | 13735 | width: auto; |
| 13724 | vertical-align: top; | 13736 | vertical-align: top; |
| 13725 | } | 13737 | } |
| 13726 | .fc-toolbar .fc-left, | 13738 | .fc-toolbar .fc-left, |
| 13727 | .fc-toolbar .fc-right { | 13739 | .fc-toolbar .fc-right { |
| 13728 | display: block; | 13740 | display: block; |
| 13729 | margin-bottom: 10px; | 13741 | margin-bottom: 10px; |
| 13730 | } | 13742 | } |
| 13731 | } | 13743 | } |
| 13732 | /* ------------------------------------------------------------------------------ | 13744 | /* ------------------------------------------------------------------------------ |
| 13733 | * | 13745 | * |
| 13734 | * # Dragula - drag and drop library | 13746 | * # Dragula - drag and drop library |
| 13735 | * | 13747 | * |
| 13736 | * Styles for Dragula Drag and drop plugin | 13748 | * Styles for Dragula Drag and drop plugin |
| 13737 | * | 13749 | * |
| 13738 | * Version: 1.0 | 13750 | * Version: 1.0 |
| 13739 | * Latest update: Nov 25, 2015 | 13751 | * Latest update: Nov 25, 2015 |
| 13740 | * | 13752 | * |
| 13741 | * ---------------------------------------------------------------------------- */ | 13753 | * ---------------------------------------------------------------------------- */ |
| 13742 | .gu-mirror { | 13754 | .gu-mirror { |
| 13743 | position: fixed !important; | 13755 | position: fixed !important; |
| 13744 | margin: 0 !important; | 13756 | margin: 0 !important; |
| 13745 | z-index: 9999 !important; | 13757 | z-index: 9999 !important; |
| 13746 | opacity: 0.8; | 13758 | opacity: 0.8; |
| 13747 | filter: alpha(opacity=80); | 13759 | filter: alpha(opacity=80); |
| 13748 | } | 13760 | } |
| 13749 | .gu-unselectable.dropdown-menu li:nth-last-child(2) { | 13761 | .gu-unselectable.dropdown-menu li:nth-last-child(2) { |
| 13750 | margin-bottom: 0; | 13762 | margin-bottom: 0; |
| 13751 | } | 13763 | } |
| 13752 | .nav-pills-toolbar > li.gu-mirror:not(.active) > a { | 13764 | .nav-pills-toolbar > li.gu-mirror:not(.active) > a { |
| 13753 | border: 0; | 13765 | border: 0; |
| 13754 | } | 13766 | } |
| 13755 | .gu-hide { | 13767 | .gu-hide { |
| 13756 | display: none !important; | 13768 | display: none !important; |
| 13757 | } | 13769 | } |
| 13758 | .gu-unselectable { | 13770 | .gu-unselectable { |
| 13759 | -webkit-user-select: none; | 13771 | -webkit-user-select: none; |
| 13760 | -moz-user-select: none; | 13772 | -moz-user-select: none; |
| 13761 | -ms-user-select: none; | 13773 | -ms-user-select: none; |
| 13762 | user-select: none; | 13774 | user-select: none; |
| 13763 | } | 13775 | } |
| 13764 | .gu-transit { | 13776 | .gu-transit { |
| 13765 | opacity: 0.5; | 13777 | opacity: 0.5; |
| 13766 | filter: alpha(opacity=50); | 13778 | filter: alpha(opacity=50); |
| 13767 | } | 13779 | } |
| 13768 | .dragula-handle { | 13780 | .dragula-handle { |
| 13769 | color: #999999; | 13781 | color: #999999; |
| 13770 | cursor: pointer; | 13782 | cursor: pointer; |
| 13771 | } | 13783 | } |
| 13772 | .dragula-handle:hover, | 13784 | .dragula-handle:hover, |
| 13773 | .dragula-handle:focus { | 13785 | .dragula-handle:focus { |
| 13774 | color: #333333; | 13786 | color: #333333; |
| 13775 | } | 13787 | } |
| 13776 | /* ------------------------------------------------------------------------------ | 13788 | /* ------------------------------------------------------------------------------ |
| 13777 | * | 13789 | * |
| 13778 | * # Plupload multiple file uploader | 13790 | * # Plupload multiple file uploader |
| 13779 | * | 13791 | * |
| 13780 | * Multi runtime single and multiple file uploader | 13792 | * Multi runtime single and multiple file uploader |
| 13781 | * | 13793 | * |
| 13782 | * Version: 1.1 | 13794 | * Version: 1.1 |
| 13783 | * Latest update: Mar 10, 2016 | 13795 | * Latest update: Mar 10, 2016 |
| 13784 | * | 13796 | * |
| 13785 | * ---------------------------------------------------------------------------- */ | 13797 | * ---------------------------------------------------------------------------- */ |
| 13786 | .plupload_wrapper { | 13798 | .plupload_wrapper { |
| 13787 | width: 100%; | 13799 | width: 100%; |
| 13788 | border: 2px dashed #ddd; | 13800 | border: 2px dashed #ddd; |
| 13789 | border-radius: 3px; | 13801 | border-radius: 3px; |
| 13790 | } | 13802 | } |
| 13791 | .panel > div > .plupload_wrapper { | 13803 | .panel > div > .plupload_wrapper { |
| 13792 | border: 0; | 13804 | border: 0; |
| 13793 | } | 13805 | } |
| 13794 | .panel.panel-flat > div > .plupload_wrapper { | 13806 | .panel.panel-flat > div > .plupload_wrapper { |
| 13795 | border-top: 1px solid #ddd; | 13807 | border-top: 1px solid #ddd; |
| 13796 | } | 13808 | } |
| 13797 | .plupload_header:after, | 13809 | .plupload_header:after, |
| 13798 | .plupload_filelist:empty:before, | 13810 | .plupload_filelist:empty:before, |
| 13799 | .plupload_filelist li.plupload_droptext:before, | 13811 | .plupload_filelist li.plupload_droptext:before, |
| 13800 | .plupload_file_action:after, | 13812 | .plupload_file_action:after, |
| 13801 | .plupload_delete a:after, | 13813 | .plupload_delete a:after, |
| 13802 | .plupload_failed a:after, | 13814 | .plupload_failed a:after, |
| 13803 | .plupload_done a:after { | 13815 | .plupload_done a:after { |
| 13804 | font-family: 'icomoon'; | 13816 | font-family: 'icomoon'; |
| 13805 | display: inline-block; | 13817 | display: inline-block; |
| 13806 | font-size: 16px; | 13818 | font-size: 16px; |
| 13807 | line-height: 1; | 13819 | line-height: 1; |
| 13808 | -webkit-font-smoothing: antialiased; | 13820 | -webkit-font-smoothing: antialiased; |
| 13809 | -moz-osx-font-smoothing: grayscale; | 13821 | -moz-osx-font-smoothing: grayscale; |
| 13810 | } | 13822 | } |
| 13811 | .plupload_header { | 13823 | .plupload_header { |
| 13812 | display: none; | 13824 | display: none; |
| 13813 | position: relative; | 13825 | position: relative; |
| 13814 | background-color: #0097A7; | 13826 | background-color: #0097A7; |
| 13815 | margin: -1px -1px 0 -1px; | 13827 | margin: -1px -1px 0 -1px; |
| 13816 | border-top-right-radius: 3px; | 13828 | border-top-right-radius: 3px; |
| 13817 | border-top-left-radius: 3px; | 13829 | border-top-left-radius: 3px; |
| 13818 | } | 13830 | } |
| 13819 | .plupload_header:after { | 13831 | .plupload_header:after { |
| 13820 | content: '\ec78'; | 13832 | content: '\ec78'; |
| 13821 | color: #fff; | 13833 | color: #fff; |
| 13822 | font-size: 32px; | 13834 | font-size: 32px; |
| 13823 | position: absolute; | 13835 | position: absolute; |
| 13824 | top: 50%; | 13836 | top: 50%; |
| 13825 | left: 20px; | 13837 | left: 20px; |
| 13826 | margin-top: -16px; | 13838 | margin-top: -16px; |
| 13827 | } | 13839 | } |
| 13828 | .plupload_header_content { | 13840 | .plupload_header_content { |
| 13829 | padding: 15px 20px; | 13841 | padding: 15px 20px; |
| 13830 | padding-left: 72px; | 13842 | padding-left: 72px; |
| 13831 | color: #fff; | 13843 | color: #fff; |
| 13832 | } | 13844 | } |
| 13833 | .plupload_header_title { | 13845 | .plupload_header_title { |
| 13834 | font-size: 15px; | 13846 | font-size: 15px; |
| 13835 | font-weight: 500; | 13847 | font-weight: 500; |
| 13836 | } | 13848 | } |
| 13837 | .plupload_header_text { | 13849 | .plupload_header_text { |
| 13838 | font-size: 11px; | 13850 | font-size: 11px; |
| 13839 | line-height: 1.82; | 13851 | line-height: 1.82; |
| 13840 | } | 13852 | } |
| 13841 | .plupload_clear, | 13853 | .plupload_clear, |
| 13842 | .plupload_clearer { | 13854 | .plupload_clearer { |
| 13843 | clear: both; | 13855 | clear: both; |
| 13844 | } | 13856 | } |
| 13845 | .plupload_clearer, | 13857 | .plupload_clearer, |
| 13846 | .plupload_progress_bar { | 13858 | .plupload_progress_bar { |
| 13847 | display: block; | 13859 | display: block; |
| 13848 | font-size: 0; | 13860 | font-size: 0; |
| 13849 | line-height: 0; | 13861 | line-height: 0; |
| 13850 | } | 13862 | } |
| 13851 | .plupload_button { | 13863 | .plupload_button { |
| 13852 | display: inline-block; | 13864 | display: inline-block; |
| 13853 | color: #fff; | 13865 | color: #fff; |
| 13854 | background-color: #2196F3; | 13866 | background-color: #2196F3; |
| 13855 | padding: 9px 17px; | 13867 | padding: 9px 17px; |
| 13856 | border-radius: 3px; | 13868 | border-radius: 3px; |
| 13857 | margin-right: 5px; | 13869 | margin-right: 5px; |
| 13858 | text-transform: uppercase; | 13870 | text-transform: uppercase; |
| 13859 | font-weight: 500; | 13871 | font-weight: 500; |
| 13860 | } | 13872 | } |
| 13861 | .plupload_button:hover, | 13873 | .plupload_button:hover, |
| 13862 | .plupload_button:focus { | 13874 | .plupload_button:focus { |
| 13863 | color: #fff; | 13875 | color: #fff; |
| 13864 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13876 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13865 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; | 13877 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset; |
| 13866 | } | 13878 | } |
| 13867 | .plupload_button:active { | 13879 | .plupload_button:active { |
| 13868 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13880 | -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13869 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; | 13881 | box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset; |
| 13870 | } | 13882 | } |
| 13871 | a.plupload_disabled, | 13883 | a.plupload_disabled, |
| 13872 | a.plupload_disabled:hover, | 13884 | a.plupload_disabled:hover, |
| 13873 | a.plupload_disabled:focus { | 13885 | a.plupload_disabled:focus { |
| 13874 | color: #999999; | 13886 | color: #999999; |
| 13875 | border-color: #ddd; | 13887 | border-color: #ddd; |
| 13876 | background: #fcfcfc; | 13888 | background: #fcfcfc; |
| 13877 | cursor: default; | 13889 | cursor: default; |
| 13878 | -webkit-box-shadow: none; | 13890 | -webkit-box-shadow: none; |
| 13879 | box-shadow: none; | 13891 | box-shadow: none; |
| 13880 | } | 13892 | } |
| 13881 | .plupload_start { | 13893 | .plupload_start { |
| 13882 | background-color: #26A69A; | 13894 | background-color: #26A69A; |
| 13883 | } | 13895 | } |
| 13884 | .plupload_filelist { | 13896 | .plupload_filelist { |
| 13885 | margin: 0; | 13897 | margin: 0; |
| 13886 | padding: 0; | 13898 | padding: 0; |
| 13887 | list-style: none; | 13899 | list-style: none; |
| 13888 | } | 13900 | } |
| 13889 | .plupload_scroll .plupload_filelist { | 13901 | .plupload_scroll .plupload_filelist { |
| 13890 | height: 250px; | 13902 | height: 250px; |
| 13891 | background: #fff; | 13903 | background: #fff; |
| 13892 | overflow-y: auto; | 13904 | overflow-y: auto; |
| 13893 | } | 13905 | } |
| 13894 | @media (max-width: 768px) { | 13906 | @media (max-width: 768px) { |
| 13895 | .plupload_scroll .plupload_filelist { | 13907 | .plupload_scroll .plupload_filelist { |
| 13896 | height: 200px; | 13908 | height: 200px; |
| 13897 | } | 13909 | } |
| 13898 | } | 13910 | } |
| 13899 | .plupload_filelist li { | 13911 | .plupload_filelist li { |
| 13900 | padding: 12px 20px; | 13912 | padding: 12px 20px; |
| 13901 | background-color: #fff; | 13913 | background-color: #fff; |
| 13902 | } | 13914 | } |
| 13903 | .plupload_filelist li:hover { | 13915 | .plupload_filelist li:hover { |
| 13904 | background-color: #f5f5f5; | 13916 | background-color: #f5f5f5; |
| 13905 | } | 13917 | } |
| 13906 | .plupload_filelist li.plupload_droptext:hover { | 13918 | .plupload_filelist li.plupload_droptext:hover { |
| 13907 | background-color: transparent; | 13919 | background-color: transparent; |
| 13908 | } | 13920 | } |
| 13909 | .plupload_filelist:empty, | 13921 | .plupload_filelist:empty, |
| 13910 | .plupload_filelist li.plupload_droptext { | 13922 | .plupload_filelist li.plupload_droptext { |
| 13911 | position: relative; | 13923 | position: relative; |
| 13912 | height: 250px; | 13924 | height: 250px; |
| 13913 | text-align: center; | 13925 | text-align: center; |
| 13914 | background-color: transparent; | 13926 | background-color: transparent; |
| 13915 | text-indent: -99999px; | 13927 | text-indent: -99999px; |
| 13916 | } | 13928 | } |
| 13917 | .plupload_filelist:empty:before, | 13929 | .plupload_filelist:empty:before, |
| 13918 | .plupload_filelist li.plupload_droptext:before { | 13930 | .plupload_filelist li.plupload_droptext:before { |
| 13919 | content: '\ea0e'; | 13931 | content: '\ea0e'; |
| 13920 | font-size: 80px; | 13932 | font-size: 80px; |
| 13921 | padding-top: 65px; | 13933 | padding-top: 65px; |
| 13922 | position: absolute; | 13934 | position: absolute; |
| 13923 | top: 0; | 13935 | top: 0; |
| 13924 | width: 80px; | 13936 | width: 80px; |
| 13925 | height: 80px; | 13937 | height: 80px; |
| 13926 | left: 50%; | 13938 | left: 50%; |
| 13927 | margin-left: -40px; | 13939 | margin-left: -40px; |
| 13928 | z-index: 2; | 13940 | z-index: 2; |
| 13929 | color: #ddd; | 13941 | color: #ddd; |
| 13930 | text-indent: 0; | 13942 | text-indent: 0; |
| 13931 | font-weight: normal; | 13943 | font-weight: normal; |
| 13932 | } | 13944 | } |
| 13933 | .plupload_filelist:empty:after, | 13945 | .plupload_filelist:empty:after, |
| 13934 | .plupload_filelist li.plupload_droptext:after { | 13946 | .plupload_filelist li.plupload_droptext:after { |
| 13935 | content: 'Drag files to upload'; | 13947 | content: 'Drag files to upload'; |
| 13936 | font-size: 19px; | 13948 | font-size: 19px; |
| 13937 | position: absolute; | 13949 | position: absolute; |
| 13938 | top: 50%; | 13950 | top: 50%; |
| 13939 | padding-top: 145px; | 13951 | padding-top: 145px; |
| 13940 | left: 50%; | 13952 | left: 50%; |
| 13941 | margin: -100px 0 0 -150px; | 13953 | margin: -100px 0 0 -150px; |
| 13942 | width: 300px; | 13954 | width: 300px; |
| 13943 | height: 200px; | 13955 | height: 200px; |
| 13944 | color: #bbb; | 13956 | color: #bbb; |
| 13945 | text-indent: 0; | 13957 | text-indent: 0; |
| 13946 | } | 13958 | } |
| 13947 | @media (max-width: 768px) { | 13959 | @media (max-width: 768px) { |
| 13948 | .plupload_filelist:empty, | 13960 | .plupload_filelist:empty, |
| 13949 | .plupload_filelist li.plupload_droptext { | 13961 | .plupload_filelist li.plupload_droptext { |
| 13950 | height: 200px; | 13962 | height: 200px; |
| 13951 | } | 13963 | } |
| 13952 | .plupload_filelist:empty:before, | 13964 | .plupload_filelist:empty:before, |
| 13953 | .plupload_filelist li.plupload_droptext:before, | 13965 | .plupload_filelist li.plupload_droptext:before, |
| 13954 | .plupload_filelist:empty:after, | 13966 | .plupload_filelist:empty:after, |
| 13955 | .plupload_filelist li.plupload_droptext:after { | 13967 | .plupload_filelist li.plupload_droptext:after { |
| 13956 | width: 100%; | 13968 | width: 100%; |
| 13957 | height: 200px; | 13969 | height: 200px; |
| 13958 | left: 0; | 13970 | left: 0; |
| 13959 | margin: 0; | 13971 | margin: 0; |
| 13960 | top: 0; | 13972 | top: 0; |
| 13961 | } | 13973 | } |
| 13962 | .plupload_filelist:empty:before, | 13974 | .plupload_filelist:empty:before, |
| 13963 | .plupload_filelist li.plupload_droptext:before { | 13975 | .plupload_filelist li.plupload_droptext:before { |
| 13964 | font-size: 64px; | 13976 | font-size: 64px; |
| 13965 | padding-top: 40px; | 13977 | padding-top: 40px; |
| 13966 | } | 13978 | } |
| 13967 | .plupload_filelist:empty:after, | 13979 | .plupload_filelist:empty:after, |
| 13968 | .plupload_filelist li.plupload_droptext:after { | 13980 | .plupload_filelist li.plupload_droptext:after { |
| 13969 | font-size: 17px; | 13981 | font-size: 17px; |
| 13970 | border-width: 3px 0; | 13982 | border-width: 3px 0; |
| 13971 | padding-top: 120px; | 13983 | padding-top: 120px; |
| 13972 | } | 13984 | } |
| 13973 | } | 13985 | } |
| 13974 | .plupload_filelist:empty:after { | 13986 | .plupload_filelist:empty:after { |
| 13975 | content: 'Add files to upload'; | 13987 | content: 'Add files to upload'; |
| 13976 | } | 13988 | } |
| 13977 | .plupload_filelist_header { | 13989 | .plupload_filelist_header { |
| 13978 | padding: 15px 20px; | 13990 | padding: 15px 20px; |
| 13979 | } | 13991 | } |
| 13980 | .plupload_filelist_header .plupload_file_name, | 13992 | .plupload_filelist_header .plupload_file_name, |
| 13981 | .plupload_filelist_header .plupload_file_size, | 13993 | .plupload_filelist_header .plupload_file_size, |
| 13982 | .plupload_filelist_header .plupload_file_status, | 13994 | .plupload_filelist_header .plupload_file_status, |
| 13983 | .plupload_filelist_header .plupload_file_action { | 13995 | .plupload_filelist_header .plupload_file_action { |
| 13984 | font-weight: 500; | 13996 | font-weight: 500; |
| 13985 | } | 13997 | } |
| 13986 | .plupload_filelist_footer { | 13998 | .plupload_filelist_footer { |
| 13987 | padding: 15px 20px; | 13999 | padding: 15px 20px; |
| 13988 | } | 14000 | } |
| 13989 | .plupload_filelist_footer .plupload_file_size, | 14001 | .plupload_filelist_footer .plupload_file_size, |
| 13990 | .plupload_filelist_footer .plupload_file_status, | 14002 | .plupload_filelist_footer .plupload_file_status, |
| 13991 | .plupload_filelist_footer .plupload_upload_status { | 14003 | .plupload_filelist_footer .plupload_upload_status { |
| 13992 | padding: 8px 0; | 14004 | padding: 8px 0; |
| 13993 | font-weight: 500; | 14005 | font-weight: 500; |
| 13994 | } | 14006 | } |
| 13995 | @media (max-width: 768px) { | 14007 | @media (max-width: 768px) { |
| 13996 | .plupload_filelist_footer .plupload_file_action, | 14008 | .plupload_filelist_footer .plupload_file_action, |
| 13997 | .plupload_filelist_footer .plupload_file_status, | 14009 | .plupload_filelist_footer .plupload_file_status, |
| 13998 | .plupload_filelist_footer .plupload_file_size, | 14010 | .plupload_filelist_footer .plupload_file_size, |
| 13999 | .plupload_filelist_footer .plupload_progress { | 14011 | .plupload_filelist_footer .plupload_progress { |
| 14000 | display: none; | 14012 | display: none; |
| 14001 | } | 14013 | } |
| 14002 | } | 14014 | } |
| 14003 | .plupload_file_action { | 14015 | .plupload_file_action { |
| 14004 | position: relative; | 14016 | position: relative; |
| 14005 | float: right; | 14017 | float: right; |
| 14006 | margin-left: 30px; | 14018 | margin-left: 30px; |
| 14007 | margin-top: 2px; | 14019 | margin-top: 2px; |
| 14008 | color: #999999; | 14020 | color: #999999; |
| 14009 | width: 16px; | 14021 | width: 16px; |
| 14010 | height: 16px; | 14022 | height: 16px; |
| 14011 | } | 14023 | } |
| 14012 | .plupload_file_action * { | 14024 | .plupload_file_action * { |
| 14013 | display: none; | 14025 | display: none; |
| 14014 | } | 14026 | } |
| 14015 | .plupload_file_action:after { | 14027 | .plupload_file_action:after { |
| 14016 | content: '\ec67'; | 14028 | content: '\ec67'; |
| 14017 | position: absolute; | 14029 | position: absolute; |
| 14018 | left: 0; | 14030 | left: 0; |
| 14019 | top: 0; | 14031 | top: 0; |
| 14020 | } | 14032 | } |
| 14021 | .plupload_filelist_footer .plupload_file_action { | 14033 | .plupload_filelist_footer .plupload_file_action { |
| 14022 | margin-top: 9px; | 14034 | margin-top: 9px; |
| 14023 | } | 14035 | } |
| 14024 | .plupload_filelist .plupload_file_action:after { | 14036 | .plupload_filelist .plupload_file_action:after { |
| 14025 | content: none; | 14037 | content: none; |
| 14026 | } | 14038 | } |
| 14027 | .plupload_delete .plupload_file_action > a { | 14039 | .plupload_delete .plupload_file_action > a { |
| 14028 | color: #333333; | 14040 | color: #333333; |
| 14029 | line-height: 1; | 14041 | line-height: 1; |
| 14030 | opacity: 0.5; | 14042 | opacity: 0.5; |
| 14031 | filter: alpha(opacity=50); | 14043 | filter: alpha(opacity=50); |
| 14032 | } | 14044 | } |
| 14033 | .plupload_delete .plupload_file_action > a:hover { | 14045 | .plupload_delete .plupload_file_action > a:hover { |
| 14034 | opacity: 1; | 14046 | opacity: 1; |
| 14035 | filter: alpha(opacity=100); | 14047 | filter: alpha(opacity=100); |
| 14036 | } | 14048 | } |
| 14037 | .plupload_uploading { | 14049 | .plupload_uploading { |
| 14038 | background-color: #E8F5E9; | 14050 | background-color: #E8F5E9; |
| 14039 | } | 14051 | } |
| 14040 | .plupload_delete a:after { | 14052 | .plupload_delete a:after { |
| 14041 | content: '\ed6b'; | 14053 | content: '\ed6b'; |
| 14042 | } | 14054 | } |
| 14043 | .plupload_failed a { | 14055 | .plupload_failed a { |
| 14044 | color: #F44336; | 14056 | color: #F44336; |
| 14045 | cursor: default; | 14057 | cursor: default; |
| 14046 | } | 14058 | } |
| 14047 | .plupload_failed a:after { | 14059 | .plupload_failed a:after { |
| 14048 | content: '\e9cf'; | 14060 | content: '\e9cf'; |
| 14049 | } | 14061 | } |
| 14050 | .plupload_done { | 14062 | .plupload_done { |
| 14051 | color: #999999; | 14063 | color: #999999; |
| 14052 | } | 14064 | } |
| 14053 | .plupload_done a { | 14065 | .plupload_done a { |
| 14054 | color: #4DB6AC; | 14066 | color: #4DB6AC; |
| 14055 | cursor: default; | 14067 | cursor: default; |
| 14056 | } | 14068 | } |
| 14057 | .plupload_done a:after { | 14069 | .plupload_done a:after { |
| 14058 | content: '\e9db'; | 14070 | content: '\e9db'; |
| 14059 | } | 14071 | } |
| 14060 | .plupload_progress, | 14072 | .plupload_progress, |
| 14061 | .plupload_upload_status { | 14073 | .plupload_upload_status { |
| 14062 | display: none; | 14074 | display: none; |
| 14063 | } | 14075 | } |
| 14064 | .plupload_progress_container { | 14076 | .plupload_progress_container { |
| 14065 | margin-top: 14px; | 14077 | margin-top: 14px; |
| 14066 | background-color: #eeeeee; | 14078 | background-color: #eeeeee; |
| 14067 | } | 14079 | } |
| 14068 | .plupload_progress_bar { | 14080 | .plupload_progress_bar { |
| 14069 | width: 0px; | 14081 | width: 0px; |
| 14070 | height: 4px; | 14082 | height: 4px; |
| 14071 | background: #4DB6AC; | 14083 | background: #4DB6AC; |
| 14072 | border-radius: 4px; | 14084 | border-radius: 4px; |
| 14073 | } | 14085 | } |
| 14074 | @media (min-width: 769px) { | 14086 | @media (min-width: 769px) { |
| 14075 | .plupload_file_name { | 14087 | .plupload_file_name { |
| 14076 | float: left; | 14088 | float: left; |
| 14077 | overflow: hidden; | 14089 | overflow: hidden; |
| 14078 | } | 14090 | } |
| 14079 | .plupload_filelist .plupload_file_name { | 14091 | .plupload_filelist .plupload_file_name { |
| 14080 | width: 205px; | 14092 | width: 205px; |
| 14081 | white-space: nowrap; | 14093 | white-space: nowrap; |
| 14082 | text-overflow: ellipsis; | 14094 | text-overflow: ellipsis; |
| 14083 | } | 14095 | } |
| 14084 | .plupload_file_size, | 14096 | .plupload_file_size, |
| 14085 | .plupload_file_status, | 14097 | .plupload_file_status, |
| 14086 | .plupload_progress { | 14098 | .plupload_progress { |
| 14087 | float: right; | 14099 | float: right; |
| 14088 | width: 80px; | 14100 | width: 80px; |
| 14089 | } | 14101 | } |
| 14090 | .plupload_file_size, | 14102 | .plupload_file_size, |
| 14091 | .plupload_file_status, | 14103 | .plupload_file_status, |
| 14092 | .plupload_file_action { | 14104 | .plupload_file_action { |
| 14093 | text-align: right; | 14105 | text-align: right; |
| 14094 | } | 14106 | } |
| 14095 | } | 14107 | } |
| 14096 | /* ------------------------------------------------------------------------------ | 14108 | /* ------------------------------------------------------------------------------ |
| 14097 | * | 14109 | * |
| 14098 | * # Bootstrap file input | 14110 | * # Bootstrap file input |
| 14099 | * | 14111 | * |
| 14100 | * File input styling for Bootstrap 3.0 | 14112 | * File input styling for Bootstrap 3.0 |
| 14101 | * | 14113 | * |
| 14102 | * Version: 1.3 | 14114 | * Version: 1.3 |
| 14103 | * Latest update: Aug 10, 2016 | 14115 | * Latest update: Aug 10, 2016 |
| 14104 | * | 14116 | * |
| 14105 | * ---------------------------------------------------------------------------- */ | 14117 | * ---------------------------------------------------------------------------- */ |
| 14106 | .file-input.has-error .form-control { | 14118 | .file-input.has-error .form-control { |
| 14107 | border-color: #ddd; | 14119 | border-color: #ddd; |
| 14108 | outline: 0; | 14120 | outline: 0; |
| 14109 | -webkit-box-shadow: none; | 14121 | -webkit-box-shadow: none; |
| 14110 | box-shadow: none; | 14122 | box-shadow: none; |
| 14111 | } | 14123 | } |
| 14112 | @media (min-width: 769px) { | 14124 | @media (min-width: 769px) { |
| 14113 | .file-input .btn > [class*=icon-], | 14125 | .file-input .btn > [class*=icon-], |
| 14114 | .file-input .btn > .glyphicon { | 14126 | .file-input .btn > .glyphicon { |
| 14115 | margin-right: 5px; | 14127 | margin-right: 5px; |
| 14116 | } | 14128 | } |
| 14117 | } | 14129 | } |
| 14118 | .file-object { | 14130 | .file-object { |
| 14119 | margin: 0 0 -8px 0; | 14131 | margin: 0 0 -8px 0; |
| 14120 | padding: 0; | 14132 | padding: 0; |
| 14121 | } | 14133 | } |
| 14122 | .btn-file { | 14134 | .btn-file { |
| 14123 | position: relative; | 14135 | position: relative; |
| 14124 | overflow: hidden; | 14136 | overflow: hidden; |
| 14125 | } | 14137 | } |
| 14126 | .btn-file input[type=file] { | 14138 | .btn-file input[type=file] { |
| 14127 | position: absolute; | 14139 | position: absolute; |
| 14128 | top: 0; | 14140 | top: 0; |
| 14129 | right: 0; | 14141 | right: 0; |
| 14130 | min-width: 100%; | 14142 | min-width: 100%; |
| 14131 | min-height: 100%; | 14143 | min-height: 100%; |
| 14132 | text-align: right; | 14144 | text-align: right; |
| 14133 | opacity: 0; | 14145 | opacity: 0; |
| 14134 | background: none repeat scroll 0 0 transparent; | 14146 | background: none repeat scroll 0 0 transparent; |
| 14135 | cursor: inherit; | 14147 | cursor: inherit; |
| 14136 | display: block; | 14148 | display: block; |
| 14137 | } | 14149 | } |
| 14138 | .file-caption-name { | 14150 | .file-caption-name { |
| 14139 | display: inline-block; | 14151 | display: inline-block; |
| 14140 | overflow: hidden; | 14152 | overflow: hidden; |
| 14141 | word-break: break-all; | 14153 | word-break: break-all; |
| 14142 | } | 14154 | } |
| 14143 | .file-caption-name [class*=icon-], | 14155 | .file-caption-name [class*=icon-], |
| 14144 | .file-caption-name .glyphicon { | 14156 | .file-caption-name .glyphicon { |
| 14145 | margin-right: 8px; | 14157 | margin-right: 8px; |
| 14146 | } | 14158 | } |
| 14147 | .file-input-new .file-caption-name { | 14159 | .file-input-new .file-caption-name { |
| 14148 | color: #999999; | 14160 | color: #999999; |
| 14149 | } | 14161 | } |
| 14150 | .file-input-new .file-caption-name > [class*=icon-], | 14162 | .file-input-new .file-caption-name > [class*=icon-], |
| 14151 | .file-input-new .file-caption-name > .glyphicon { | 14163 | .file-input-new .file-caption-name > .glyphicon { |
| 14152 | display: none; | 14164 | display: none; |
| 14153 | } | 14165 | } |
| 14154 | .file-error-message { | 14166 | .file-error-message { |
| 14155 | position: relative; | 14167 | position: relative; |
| 14156 | background-color: #f2dede; | 14168 | background-color: #f2dede; |
| 14157 | color: #a94442; | 14169 | color: #a94442; |
| 14158 | text-align: center; | 14170 | text-align: center; |
| 14159 | border-radius: 3px; | 14171 | border-radius: 3px; |
| 14160 | padding: 10px; | 14172 | padding: 10px; |
| 14161 | margin: 0 5px 5px 5px; | 14173 | margin: 0 5px 5px 5px; |
| 14162 | } | 14174 | } |
| 14163 | .file-drop-zone .file-error-message { | 14175 | .file-drop-zone .file-error-message { |
| 14164 | margin-top: 5px; | 14176 | margin-top: 5px; |
| 14165 | } | 14177 | } |
| 14166 | .file-error-message .close { | 14178 | .file-error-message .close { |
| 14167 | margin-top: 1px; | 14179 | margin-top: 1px; |
| 14168 | color: #a94442; | 14180 | color: #a94442; |
| 14169 | } | 14181 | } |
| 14170 | .file-error-message pre, | 14182 | .file-error-message pre, |
| 14171 | .file-error-message ul { | 14183 | .file-error-message ul { |
| 14172 | margin: 8px 0; | 14184 | margin: 8px 0; |
| 14173 | text-align: left; | 14185 | text-align: left; |
| 14174 | } | 14186 | } |
| 14175 | .file-caption-disabled { | 14187 | .file-caption-disabled { |
| 14176 | cursor: not-allowed; | 14188 | cursor: not-allowed; |
| 14177 | border-bottom-style: dashed; | 14189 | border-bottom-style: dashed; |
| 14178 | } | 14190 | } |
| 14179 | .file-caption-disabled:focus { | 14191 | .file-caption-disabled:focus { |
| 14180 | border-bottom-color: #ddd; | 14192 | border-bottom-color: #ddd; |
| 14181 | -webkit-box-shadow: none; | 14193 | -webkit-box-shadow: none; |
| 14182 | box-shadow: none; | 14194 | box-shadow: none; |
| 14183 | } | 14195 | } |
| 14184 | .file-caption-disabled .file-caption-name { | 14196 | .file-caption-disabled .file-caption-name { |
| 14185 | color: #ccc; | 14197 | color: #ccc; |
| 14186 | } | 14198 | } |
| 14187 | .file-preview-detail-modal { | 14199 | .file-preview-detail-modal { |
| 14188 | text-align: left; | 14200 | text-align: left; |
| 14189 | } | 14201 | } |
| 14190 | .file-preview { | 14202 | .file-preview { |
| 14191 | border-radius: 2px; | 14203 | border-radius: 2px; |
| 14192 | border: 1px solid #ddd; | 14204 | border: 1px solid #ddd; |
| 14193 | width: 100%; | 14205 | width: 100%; |
| 14194 | margin-bottom: 20px; | 14206 | margin-bottom: 20px; |
| 14195 | position: relative; | 14207 | position: relative; |
| 14196 | text-align: center; | 14208 | text-align: center; |
| 14197 | } | 14209 | } |
| 14198 | .file-preview > .close { | 14210 | .file-preview > .close { |
| 14199 | font-weight: 400; | 14211 | font-weight: 400; |
| 14200 | font-size: 17px; | 14212 | font-size: 17px; |
| 14201 | position: absolute; | 14213 | position: absolute; |
| 14202 | top: 0; | 14214 | top: 0; |
| 14203 | right: 0; | 14215 | right: 0; |
| 14204 | background-color: #fff; | 14216 | background-color: #fff; |
| 14205 | padding: 8px; | 14217 | padding: 8px; |
| 14206 | line-height: 0.6; | 14218 | line-height: 0.6; |
| 14207 | border-radius: 3px; | 14219 | border-radius: 3px; |
| 14208 | color: #555; | 14220 | color: #555; |
| 14209 | opacity: 1; | 14221 | opacity: 1; |
| 14210 | filter: alpha(opacity=100); | 14222 | filter: alpha(opacity=100); |
| 14211 | } | 14223 | } |
| 14212 | .file-preview-frame { | 14224 | .file-preview-frame { |
| 14213 | margin: 8px; | 14225 | margin: 8px; |
| 14214 | margin-right: 0; | 14226 | margin-right: 0; |
| 14215 | height: 160px; | 14227 | height: 160px; |
| 14216 | display: table; | 14228 | display: table; |
| 14217 | float: left; | 14229 | float: left; |
| 14218 | vertical-align: middle; | 14230 | vertical-align: middle; |
| 14219 | } | 14231 | } |
| 14220 | .file-drop-zone .file-preview-frame { | 14232 | .file-drop-zone .file-preview-frame { |
| 14221 | border: 1px solid #ddd; | 14233 | border: 1px solid #ddd; |
| 14222 | border-radius: 3px; | 14234 | border-radius: 3px; |
| 14223 | } | 14235 | } |
| 14224 | .file-preview-image { | 14236 | .file-preview-image { |
| 14225 | height: 160px; | 14237 | height: 160px; |
| 14226 | vertical-align: middle; | 14238 | vertical-align: middle; |
| 14227 | border-radius: 3px; | 14239 | border-radius: 3px; |
| 14228 | } | 14240 | } |
| 14229 | @media (max-width: 768px) { | 14241 | @media (max-width: 768px) { |
| 14230 | .file-preview-image { | 14242 | .file-preview-image { |
| 14231 | max-width: 100%; | 14243 | max-width: 100%; |
| 14232 | } | 14244 | } |
| 14233 | } | 14245 | } |
| 14234 | .file-preview-text { | 14246 | .file-preview-text { |
| 14235 | text-align: left; | 14247 | text-align: left; |
| 14236 | width: 160px; | 14248 | width: 160px; |
| 14237 | margin-bottom: 2px; | 14249 | margin-bottom: 2px; |
| 14238 | color: #428bca; | 14250 | color: #428bca; |
| 14239 | background-color: #fff; | 14251 | background-color: #fff; |
| 14240 | overflow-x: hidden; | 14252 | overflow-x: hidden; |
| 14241 | } | 14253 | } |
| 14242 | .file-preview-other { | 14254 | .file-preview-other { |
| 14243 | display: table-cell; | 14255 | display: table-cell; |
| 14244 | text-align: center; | 14256 | text-align: center; |
| 14245 | vertical-align: middle; | 14257 | vertical-align: middle; |
| 14246 | width: 160px; | 14258 | width: 160px; |
| 14247 | height: 160px; | 14259 | height: 160px; |
| 14248 | } | 14260 | } |
| 14249 | .file-preview-other:after { | 14261 | .file-preview-other:after { |
| 14250 | content: "\ea0c"; | 14262 | content: "\ea0c"; |
| 14251 | font-family: "icomoon"; | 14263 | font-family: "icomoon"; |
| 14252 | display: block; | 14264 | display: block; |
| 14253 | font-size: 64px; | 14265 | font-size: 64px; |
| 14254 | -webkit-font-smoothing: antialiased; | 14266 | -webkit-font-smoothing: antialiased; |
| 14255 | -moz-osx-font-smoothing: grayscale; | 14267 | -moz-osx-font-smoothing: grayscale; |
| 14256 | } | 14268 | } |
| 14257 | .file-preview-other .glyphicon { | 14269 | .file-preview-other .glyphicon { |
| 14258 | display: none; | 14270 | display: none; |
| 14259 | } | 14271 | } |
| 14260 | .file-preview-status { | 14272 | .file-preview-status { |
| 14261 | position: absolute; | 14273 | position: absolute; |
| 14262 | bottom: 0; | 14274 | bottom: 0; |
| 14263 | left: 0; | 14275 | left: 0; |
| 14264 | width: 100%; | 14276 | width: 100%; |
| 14265 | color: #333333; | 14277 | color: #333333; |
| 14266 | background-color: rgba(250, 250, 250, 0.8); | 14278 | background-color: rgba(250, 250, 250, 0.8); |
| 14267 | border-top: 1px solid #ddd; | 14279 | border-top: 1px solid #ddd; |
| 14268 | padding: 8px 16px; | 14280 | padding: 8px 16px; |
| 14269 | font-size: 12px; | 14281 | font-size: 12px; |
| 14270 | line-height: 1.6666667; | 14282 | line-height: 1.6666667; |
| 14271 | color: #333333 !important; | 14283 | color: #333333 !important; |
| 14272 | } | 14284 | } |
| 14273 | .file-preview-status:empty { | 14285 | .file-preview-status:empty { |
| 14274 | padding: 0; | 14286 | padding: 0; |
| 14275 | background-color: transparent; | 14287 | background-color: transparent; |
| 14276 | border: 0; | 14288 | border: 0; |
| 14277 | } | 14289 | } |
| 14278 | .file-thumb-loading { | 14290 | .file-thumb-loading { |
| 14279 | min-height: 109px; | 14291 | min-height: 109px; |
| 14280 | } | 14292 | } |
| 14281 | .file-thumb-loading:before, | 14293 | .file-thumb-loading:before, |
| 14282 | .file-uploading:before { | 14294 | .file-uploading:before { |
| 14283 | content: ""; | 14295 | content: ""; |
| 14284 | display: inline-block; | 14296 | display: inline-block; |
| 14285 | background-color: #263238; | 14297 | background-color: #263238; |
| 14286 | width: 32px; | 14298 | width: 32px; |
| 14287 | height: 32px; | 14299 | height: 32px; |
| 14288 | position: absolute; | 14300 | position: absolute; |
| 14289 | top: 50%; | 14301 | top: 50%; |
| 14290 | left: 50%; | 14302 | left: 50%; |
| 14291 | margin: -34.5px 0 0 -16px; | 14303 | margin: -34.5px 0 0 -16px; |
| 14292 | border-radius: 3px; | 14304 | border-radius: 3px; |
| 14293 | -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); | 14305 | -webkit-box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); |
| 14294 | box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); | 14306 | box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5); |
| 14295 | } | 14307 | } |
| 14296 | .file-thumb-loading:after, | 14308 | .file-thumb-loading:after, |
| 14297 | .file-uploading:after { | 14309 | .file-uploading:after { |
| 14298 | content: "\eb55"; | 14310 | content: "\eb55"; |
| 14299 | font-family: "icomoon"; | 14311 | font-family: "icomoon"; |
| 14300 | display: inline-block; | 14312 | display: inline-block; |
| 14301 | position: absolute; | 14313 | position: absolute; |
| 14302 | color: #fff; | 14314 | color: #fff; |
| 14303 | top: 50%; | 14315 | top: 50%; |
| 14304 | left: 50%; | 14316 | left: 50%; |
| 14305 | margin: -26.5px 0 0 -8px; | 14317 | margin: -26.5px 0 0 -8px; |
| 14306 | font-size: 16px; | 14318 | font-size: 16px; |
| 14307 | line-height: 1; | 14319 | line-height: 1; |
| 14308 | -webkit-font-smoothing: antialiased; | 14320 | -webkit-font-smoothing: antialiased; |
| 14309 | -moz-osx-font-smoothing: grayscale; | 14321 | -moz-osx-font-smoothing: grayscale; |
| 14310 | -webkit-animation: rotation 1s linear infinite; | 14322 | -webkit-animation: rotation 1s linear infinite; |
| 14311 | -o-animation: rotation 1s linear infinite; | 14323 | -o-animation: rotation 1s linear infinite; |
| 14312 | animation: rotation 1s linear infinite; | 14324 | animation: rotation 1s linear infinite; |
| 14313 | } | 14325 | } |
| 14314 | .file-upload-indicator { | 14326 | .file-upload-indicator { |
| 14315 | padding-top: 7px; | 14327 | padding-top: 7px; |
| 14316 | padding-bottom: 7px; | 14328 | padding-bottom: 7px; |
| 14317 | cursor: default; | 14329 | cursor: default; |
| 14318 | text-align: left; | 14330 | text-align: left; |
| 14319 | padding-left: 9px; | 14331 | padding-left: 9px; |
| 14320 | } | 14332 | } |
| 14321 | .file-input-new .file-preview, | 14333 | .file-input-new .file-preview, |
| 14322 | .file-input-new .close, | 14334 | .file-input-new .close, |
| 14323 | .file-input-new .glyphicon-file, | 14335 | .file-input-new .glyphicon-file, |
| 14324 | .file-input-new .fileinput-remove-button, | 14336 | .file-input-new .fileinput-remove-button, |
| 14325 | .file-input-new .fileinput-upload-button { | 14337 | .file-input-new .fileinput-upload-button { |
| 14326 | display: none; | 14338 | display: none; |
| 14327 | } | 14339 | } |
| 14328 | .file-input-new .input-group .input-group-btn > .btn-file { | 14340 | .file-input-new .input-group .input-group-btn > .btn-file { |
| 14329 | border-bottom-left-radius: 3px; | 14341 | border-bottom-left-radius: 3px; |
| 14330 | border-top-left-radius: 3px; | 14342 | border-top-left-radius: 3px; |
| 14331 | } | 14343 | } |
| 14332 | .file-input-ajax-new .fileinput-remove-button, | 14344 | .file-input-ajax-new .fileinput-remove-button, |
| 14333 | .file-input-ajax-new .fileinput-upload-button, | 14345 | .file-input-ajax-new .fileinput-upload-button, |
| 14334 | .file-input-ajax-new .fileinput-remove, | 14346 | .file-input-ajax-new .fileinput-remove, |
| 14335 | .file-input-ajax-new .file-caption-name > [class*=icon-], | 14347 | .file-input-ajax-new .file-caption-name > [class*=icon-], |
| 14336 | .file-input-ajax-new .file-caption-name > .glyphicon { | 14348 | .file-input-ajax-new .file-caption-name > .glyphicon { |
| 14337 | display: none; | 14349 | display: none; |
| 14338 | } | 14350 | } |
| 14339 | .file-actions { | 14351 | .file-actions { |
| 14340 | margin-top: 5px; | 14352 | margin-top: 5px; |
| 14341 | border-top: 1px solid #eeeeee; | 14353 | border-top: 1px solid #eeeeee; |
| 14342 | } | 14354 | } |
| 14343 | .file-actions .btn > [class*=icon-], | 14355 | .file-actions .btn > [class*=icon-], |
| 14344 | .file-actions .btn > .glyphicon { | 14356 | .file-actions .btn > .glyphicon { |
| 14345 | margin-right: 0; | 14357 | margin-right: 0; |
| 14346 | } | 14358 | } |
| 14347 | .file-footer-buttons { | 14359 | .file-footer-buttons { |
| 14348 | float: right; | 14360 | float: right; |
| 14349 | } | 14361 | } |
| 14350 | .file-footer-caption { | 14362 | .file-footer-caption { |
| 14351 | display: block; | 14363 | display: block; |
| 14352 | white-space: nowrap; | 14364 | white-space: nowrap; |
| 14353 | overflow: hidden; | 14365 | overflow: hidden; |
| 14354 | text-overflow: ellipsis; | 14366 | text-overflow: ellipsis; |
| 14355 | width: 160px; | 14367 | width: 160px; |
| 14356 | text-align: center; | 14368 | text-align: center; |
| 14357 | font-size: 11px; | 14369 | font-size: 11px; |
| 14358 | padding: 12px 7px 7px 7px; | 14370 | padding: 12px 7px 7px 7px; |
| 14359 | margin-left: auto; | 14371 | margin-left: auto; |
| 14360 | margin-right: auto; | 14372 | margin-right: auto; |
| 14361 | } | 14373 | } |
| 14362 | .file-preview-error { | 14374 | .file-preview-error { |
| 14363 | opacity: 0.65; | 14375 | opacity: 0.65; |
| 14364 | filter: alpha(opacity=65); | 14376 | filter: alpha(opacity=65); |
| 14365 | -webkit-box-shadow: none; | 14377 | -webkit-box-shadow: none; |
| 14366 | box-shadow: none; | 14378 | box-shadow: none; |
| 14367 | } | 14379 | } |
| 14368 | .file-drop-zone { | 14380 | .file-drop-zone { |
| 14369 | border: 1px dashed #ddd; | 14381 | border: 1px dashed #ddd; |
| 14370 | border-radius: 3px; | 14382 | border-radius: 3px; |
| 14371 | height: 100%; | 14383 | height: 100%; |
| 14372 | vertical-align: middle; | 14384 | vertical-align: middle; |
| 14373 | margin: 5px; | 14385 | margin: 5px; |
| 14374 | padding: 5px; | 14386 | padding: 5px; |
| 14375 | } | 14387 | } |
| 14376 | .file-drop-zone-title { | 14388 | .file-drop-zone-title { |
| 14377 | color: #999999; | 14389 | color: #999999; |
| 14378 | font-size: 21px; | 14390 | font-size: 21px; |
| 14379 | font-weight: 300; | 14391 | font-weight: 300; |
| 14380 | padding: 85px 10px; | 14392 | padding: 85px 10px; |
| 14381 | } | 14393 | } |
| 14382 | .file-highlighted { | 14394 | .file-highlighted { |
| 14383 | border-color: #ccc; | 14395 | border-color: #ccc; |
| 14384 | background-color: #fafafa; | 14396 | background-color: #fafafa; |
| 14385 | } | 14397 | } |
| 14386 | .file-thumb-progress { | 14398 | .file-thumb-progress { |
| 14387 | position: absolute; | 14399 | position: absolute; |
| 14388 | top: -5px; | 14400 | top: -5px; |
| 14389 | left: 0; | 14401 | left: 0; |
| 14390 | right: 0; | 14402 | right: 0; |
| 14391 | } | 14403 | } |
| 14392 | .file-thumb-progress .progress, | 14404 | .file-thumb-progress .progress, |
| 14393 | .file-thumb-progress .progress-bar { | 14405 | .file-thumb-progress .progress-bar { |
| 14394 | height: 5px; | 14406 | height: 5px; |
| 14395 | border-radius: 0; | 14407 | border-radius: 0; |
| 14396 | font-size: 0; | 14408 | font-size: 0; |
| 14397 | } | 14409 | } |
| 14398 | .file-thumbnail-footer { | 14410 | .file-thumbnail-footer { |
| 14399 | position: relative; | 14411 | position: relative; |
| 14400 | } | 14412 | } |
| 14401 | .btn-file ::-ms-browse { | 14413 | .btn-file ::-ms-browse { |
| 14402 | width: 100%; | 14414 | width: 100%; |
| 14403 | height: 100%; | 14415 | height: 100%; |
| 14404 | } | 14416 | } |
| 14405 | .file-zoom-fullscreen.modal { | 14417 | .file-zoom-fullscreen.modal { |
| 14406 | position: fixed; | 14418 | position: fixed; |
| 14407 | top: 0; | 14419 | top: 0; |
| 14408 | right: 0; | 14420 | right: 0; |
| 14409 | bottom: 0; | 14421 | bottom: 0; |
| 14410 | left: 0; | 14422 | left: 0; |
| 14411 | } | 14423 | } |
| 14412 | .file-zoom-fullscreen .modal-dialog { | 14424 | .file-zoom-fullscreen .modal-dialog { |
| 14413 | position: fixed; | 14425 | position: fixed; |
| 14414 | margin: 0; | 14426 | margin: 0; |
| 14415 | width: 100%; | 14427 | width: 100%; |
| 14416 | height: 100%; | 14428 | height: 100%; |
| 14417 | padding: 0; | 14429 | padding: 0; |
| 14418 | } | 14430 | } |
| 14419 | .file-zoom-fullscreen .modal-content { | 14431 | .file-zoom-fullscreen .modal-content { |
| 14420 | border-radius: 0; | 14432 | border-radius: 0; |
| 14421 | -webkit-box-shadow: none; | 14433 | -webkit-box-shadow: none; |
| 14422 | box-shadow: none; | 14434 | box-shadow: none; |
| 14423 | } | 14435 | } |
| 14424 | .file-zoom-fullscreen .modal-body { | 14436 | .file-zoom-fullscreen .modal-body { |
| 14425 | overflow-y: auto; | 14437 | overflow-y: auto; |
| 14426 | } | 14438 | } |
| 14427 | .file-zoom-dialog .btn-navigate { | 14439 | .file-zoom-dialog .btn-navigate { |
| 14428 | position: absolute; | 14440 | position: absolute; |
| 14429 | top: 50%; | 14441 | top: 50%; |
| 14430 | margin-top: -27px; | 14442 | margin-top: -27px; |
| 14431 | padding: 0; | 14443 | padding: 0; |
| 14432 | border: 0; | 14444 | border: 0; |
| 14433 | background: transparent; | 14445 | background: transparent; |
| 14434 | outline: none; | 14446 | outline: none; |
| 14435 | color: #fff; | 14447 | color: #fff; |
| 14436 | opacity: 0.7; | 14448 | opacity: 0.7; |
| 14437 | filter: alpha(opacity=70); | 14449 | filter: alpha(opacity=70); |
| 14438 | } | 14450 | } |
| 14439 | .file-zoom-dialog .btn-navigate > i { | 14451 | .file-zoom-dialog .btn-navigate > i { |
| 14440 | display: block; | 14452 | display: block; |
| 14441 | font-size: 32px; | 14453 | font-size: 32px; |
| 14442 | } | 14454 | } |
| 14443 | .file-zoom-dialog .btn-navigate:not([disabled]):hover, | 14455 | .file-zoom-dialog .btn-navigate:not([disabled]):hover, |
| 14444 | .file-zoom-dialog .btn-navigate:not([disabled]):focus { | 14456 | .file-zoom-dialog .btn-navigate:not([disabled]):focus { |
| 14445 | outline: none; | 14457 | outline: none; |
| 14446 | -webkit-box-shadow: none; | 14458 | -webkit-box-shadow: none; |
| 14447 | box-shadow: none; | 14459 | box-shadow: none; |
| 14448 | opacity: 0.5; | 14460 | opacity: 0.5; |
| 14449 | filter: alpha(opacity=50); | 14461 | filter: alpha(opacity=50); |
| 14450 | } | 14462 | } |
| 14451 | .file-zoom-dialog .btn-navigate[disabled] { | 14463 | .file-zoom-dialog .btn-navigate[disabled] { |
| 14452 | opacity: 0.3; | 14464 | opacity: 0.3; |
| 14453 | filter: alpha(opacity=30); | 14465 | filter: alpha(opacity=30); |
| 14454 | } | 14466 | } |
| 14455 | .file-zoom-dialog .btn-prev { | 14467 | .file-zoom-dialog .btn-prev { |
| 14456 | left: -42px; | 14468 | left: -42px; |
| 14457 | } | 14469 | } |
| 14458 | .file-zoom-dialog .btn-next { | 14470 | .file-zoom-dialog .btn-next { |
| 14459 | right: -42px; | 14471 | right: -42px; |
| 14460 | } | 14472 | } |
| 14461 | .file-zoom-dialog .floating-buttons { | 14473 | .file-zoom-dialog .floating-buttons { |
| 14462 | position: absolute; | 14474 | position: absolute; |
| 14463 | top: 20px; | 14475 | top: 20px; |
| 14464 | right: 20px; | 14476 | right: 20px; |
| 14465 | background-color: #fff; | 14477 | background-color: #fff; |
| 14466 | border-radius: 0 0 0 3px; | 14478 | border-radius: 0 0 0 3px; |
| 14467 | } | 14479 | } |
| 14468 | .file-zoom-dialog .floating-buttons:not(:empty) { | 14480 | .file-zoom-dialog .floating-buttons:not(:empty) { |
| 14469 | padding: 0 0 20px 20px; | 14481 | padding: 0 0 20px 20px; |
| 14470 | } | 14482 | } |
| 14471 | .file-zoom-dialog .floating-buttons, | 14483 | .file-zoom-dialog .floating-buttons, |
| 14472 | .file-zoom-dialog .floating-buttons .btn { | 14484 | .file-zoom-dialog .floating-buttons .btn { |
| 14473 | z-index: 3000; | 14485 | z-index: 3000; |
| 14474 | } | 14486 | } |
| 14475 | .kv-zoom-actions { | 14487 | .kv-zoom-actions { |
| 14476 | position: absolute; | 14488 | position: absolute; |
| 14477 | top: 50%; | 14489 | top: 50%; |
| 14478 | right: 20px; | 14490 | right: 20px; |
| 14479 | margin-top: -5px; | 14491 | margin-top: -5px; |
| 14480 | } | 14492 | } |
| 14481 | .file-zoom-content { | 14493 | .file-zoom-content { |
| 14482 | height: 480px; | 14494 | height: 480px; |
| 14483 | text-align: center; | 14495 | text-align: center; |
| 14484 | } | 14496 | } |
| 14485 | .file-drag-handle { | 14497 | .file-drag-handle { |
| 14486 | margin-right: 2px; | 14498 | margin-right: 2px; |
| 14487 | float: left; | 14499 | float: left; |
| 14488 | cursor: move; | 14500 | cursor: move; |
| 14489 | cursor: -webkit-grabbing; | 14501 | cursor: -webkit-grabbing; |
| 14490 | } | 14502 | } |
| 14491 | .file-drag-handle:hover { | 14503 | .file-drag-handle:hover { |
| 14492 | opacity: 0.7; | 14504 | opacity: 0.7; |
| 14493 | filter: alpha(opacity=70); | 14505 | filter: alpha(opacity=70); |
| 14494 | } | 14506 | } |
| 14495 | /* ------------------------------------------------------------------------------ | 14507 | /* ------------------------------------------------------------------------------ |
| 14496 | * | 14508 | * |
| 14497 | * # Dropzone file uploader | 14509 | * # Dropzone file uploader |
| 14498 | * | 14510 | * |
| 14499 | * Open source library that provides drag’n’drop file uploads with image previews | 14511 | * Open source library that provides drag’n’drop file uploads with image previews |
| 14500 | * | 14512 | * |
| 14501 | * Version: 1.2 | 14513 | * Version: 1.2 |
| 14502 | * Latest update: Mar 10, 2016 | 14514 | * Latest update: Mar 10, 2016 |
| 14503 | * | 14515 | * |
| 14504 | * ---------------------------------------------------------------------------- */ | 14516 | * ---------------------------------------------------------------------------- */ |
| 14505 | .dropzone { | 14517 | .dropzone { |
| 14506 | position: relative; | 14518 | position: relative; |
| 14507 | border: 3px dashed #eeeeee; | 14519 | border: 3px dashed #eeeeee; |
| 14508 | min-height: 250px; | 14520 | min-height: 250px; |
| 14509 | border-radius: 2px; | 14521 | border-radius: 2px; |
| 14510 | background-color: #fcfcfc; | 14522 | background-color: #fcfcfc; |
| 14511 | padding: 5px; | 14523 | padding: 5px; |
| 14512 | } | 14524 | } |
| 14513 | .dropzone.dz-clickable, | 14525 | .dropzone.dz-clickable, |
| 14514 | .dropzone.dz-clickable .dz-message, | 14526 | .dropzone.dz-clickable .dz-message, |
| 14515 | .dropzone.dz-clickable .dz-message span { | 14527 | .dropzone.dz-clickable .dz-message span { |
| 14516 | cursor: pointer; | 14528 | cursor: pointer; |
| 14517 | } | 14529 | } |
| 14518 | .dropzone.dz-clickable * { | 14530 | .dropzone.dz-clickable * { |
| 14519 | cursor: default; | 14531 | cursor: default; |
| 14520 | } | 14532 | } |
| 14521 | .dropzone .dz-message { | 14533 | .dropzone .dz-message { |
| 14522 | opacity: 1; | 14534 | opacity: 1; |
| 14523 | filter: alpha(opacity=100); | 14535 | filter: alpha(opacity=100); |
| 14524 | } | 14536 | } |
| 14525 | .dropzone.dz-started .dz-message { | 14537 | .dropzone.dz-started .dz-message { |
| 14526 | display: none; | 14538 | display: none; |
| 14527 | } | 14539 | } |
| 14528 | .dropzone.dz-drag-hover { | 14540 | .dropzone.dz-drag-hover { |
| 14529 | border-color: rgba(0, 0, 0, 0.15); | 14541 | border-color: rgba(0, 0, 0, 0.15); |
| 14530 | background: rgba(0, 0, 0, 0.04); | 14542 | background: rgba(0, 0, 0, 0.04); |
| 14531 | } | 14543 | } |
| 14532 | .sidebar .dropzone { | 14544 | .sidebar .dropzone { |
| 14533 | min-height: 190px; | 14545 | min-height: 190px; |
| 14534 | text-align: center; | 14546 | text-align: center; |
| 14535 | border-width: 2px; | 14547 | border-width: 2px; |
| 14536 | } | 14548 | } |
| 14537 | .sidebar .dropzone .dz-default.dz-message:before { | 14549 | .sidebar .dropzone .dz-default.dz-message:before { |
| 14538 | font-size: 64px; | 14550 | font-size: 64px; |
| 14539 | width: 64px; | 14551 | width: 64px; |
| 14540 | height: 64px; | 14552 | height: 64px; |
| 14541 | margin-left: -32px; | 14553 | margin-left: -32px; |
| 14542 | top: 50px; | 14554 | top: 50px; |
| 14543 | } | 14555 | } |
| 14544 | .sidebar .dropzone .dz-default.dz-message span { | 14556 | .sidebar .dropzone .dz-default.dz-message span { |
| 14545 | font-size: 15px; | 14557 | font-size: 15px; |
| 14546 | } | 14558 | } |
| 14547 | .sidebar .dropzone .dz-default.dz-message > span { | 14559 | .sidebar .dropzone .dz-default.dz-message > span { |
| 14548 | margin-top: 130px; | 14560 | margin-top: 130px; |
| 14549 | } | 14561 | } |
| 14550 | @media (min-width: 769px) { | 14562 | @media (min-width: 769px) { |
| 14551 | .dropzone { | 14563 | .dropzone { |
| 14552 | min-height: 320px; | 14564 | min-height: 320px; |
| 14553 | } | 14565 | } |
| 14554 | } | 14566 | } |
| 14555 | .dropzone .dz-default.dz-message { | 14567 | .dropzone .dz-default.dz-message { |
| 14556 | position: absolute; | 14568 | position: absolute; |
| 14557 | height: 230px; | 14569 | height: 230px; |
| 14558 | width: 100%; | 14570 | width: 100%; |
| 14559 | margin-top: -115px; | 14571 | margin-top: -115px; |
| 14560 | top: 50%; | 14572 | top: 50%; |
| 14561 | left: 0; | 14573 | left: 0; |
| 14562 | padding: 20px; | 14574 | padding: 20px; |
| 14563 | text-align: center; | 14575 | text-align: center; |
| 14564 | border-radius: 4px; | 14576 | border-radius: 4px; |
| 14565 | opacity: 1; | 14577 | opacity: 1; |
| 14566 | filter: alpha(opacity=100); | 14578 | filter: alpha(opacity=100); |
| 14567 | -webkit-transition: opacity 0.3s ease-in-out; | 14579 | -webkit-transition: opacity 0.3s ease-in-out; |
| 14568 | -o-transition: opacity 0.3s ease-in-out; | 14580 | -o-transition: opacity 0.3s ease-in-out; |
| 14569 | transition: opacity 0.3s ease-in-out; | 14581 | transition: opacity 0.3s ease-in-out; |
| 14570 | } | 14582 | } |
| 14571 | .dropzone .dz-default.dz-message:before { | 14583 | .dropzone .dz-default.dz-message:before { |
| 14572 | content: '\ea0e'; | 14584 | content: '\ea0e'; |
| 14573 | font-family: 'icomoon'; | 14585 | font-family: 'icomoon'; |
| 14574 | font-size: 64px; | 14586 | font-size: 64px; |
| 14575 | position: absolute; | 14587 | position: absolute; |
| 14576 | top: 48px; | 14588 | top: 48px; |
| 14577 | width: 64px; | 14589 | width: 64px; |
| 14578 | height: 64px; | 14590 | height: 64px; |
| 14579 | display: inline-block; | 14591 | display: inline-block; |
| 14580 | left: 50%; | 14592 | left: 50%; |
| 14581 | margin-left: -32px; | 14593 | margin-left: -32px; |
| 14582 | line-height: 1; | 14594 | line-height: 1; |
| 14583 | z-index: 2; | 14595 | z-index: 2; |
| 14584 | color: #ddd; | 14596 | color: #ddd; |
| 14585 | text-indent: 0; | 14597 | text-indent: 0; |
| 14586 | font-weight: normal; | 14598 | font-weight: normal; |
| 14587 | -webkit-font-smoothing: antialiased; | 14599 | -webkit-font-smoothing: antialiased; |
| 14588 | -moz-osx-font-smoothing: grayscale; | 14600 | -moz-osx-font-smoothing: grayscale; |
| 14589 | } | 14601 | } |
| 14590 | .dropzone .dz-default.dz-message span { | 14602 | .dropzone .dz-default.dz-message span { |
| 14591 | font-size: 15px; | 14603 | font-size: 15px; |
| 14592 | color: #bbb; | 14604 | color: #bbb; |
| 14593 | text-align: center; | 14605 | text-align: center; |
| 14594 | margin-top: 140px; | 14606 | margin-top: 140px; |
| 14595 | display: block; | 14607 | display: block; |
| 14596 | font-weight: 500; | 14608 | font-weight: 500; |
| 14597 | text-shadow: 0 1px 1px #fff; | 14609 | text-shadow: 0 1px 1px #fff; |
| 14598 | } | 14610 | } |
| 14599 | .dropzone .dz-default.dz-message span > span { | 14611 | .dropzone .dz-default.dz-message span > span { |
| 14600 | margin-top: 2px; | 14612 | margin-top: 2px; |
| 14601 | display: block; | 14613 | display: block; |
| 14602 | color: #ccc; | 14614 | color: #ccc; |
| 14603 | font-size: 15px; | 14615 | font-size: 15px; |
| 14604 | } | 14616 | } |
| 14605 | @media (min-width: 769px) { | 14617 | @media (min-width: 769px) { |
| 14606 | .dropzone .dz-default.dz-message:before { | 14618 | .dropzone .dz-default.dz-message:before { |
| 14607 | font-size: 80px; | 14619 | font-size: 80px; |
| 14608 | top: 48px; | 14620 | top: 48px; |
| 14609 | width: 80px; | 14621 | width: 80px; |
| 14610 | height: 80px; | 14622 | height: 80px; |
| 14611 | margin-left: -32px; | 14623 | margin-left: -32px; |
| 14612 | } | 14624 | } |
| 14613 | .dropzone .dz-default.dz-message span { | 14625 | .dropzone .dz-default.dz-message span { |
| 14614 | font-size: 19px; | 14626 | font-size: 19px; |
| 14615 | margin-top: 130px; | 14627 | margin-top: 130px; |
| 14616 | } | 14628 | } |
| 14617 | } | 14629 | } |
| 14618 | .dropzone.dz-drag-hover .dz-message { | 14630 | .dropzone.dz-drag-hover .dz-message { |
| 14619 | opacity: 0.15; | 14631 | opacity: 0.15; |
| 14620 | filter: alpha(opacity=15); | 14632 | filter: alpha(opacity=15); |
| 14621 | } | 14633 | } |
| 14622 | .dropzone.dz-started .dz-message { | 14634 | .dropzone.dz-started .dz-message { |
| 14623 | display: block; | 14635 | display: block; |
| 14624 | opacity: 0; | 14636 | opacity: 0; |
| 14625 | filter: alpha(opacity=0); | 14637 | filter: alpha(opacity=0); |
| 14626 | } | 14638 | } |
| 14627 | .dropzone .dz-preview, | 14639 | .dropzone .dz-preview, |
| 14628 | .dropzone-previews .dz-preview { | 14640 | .dropzone-previews .dz-preview { |
| 14629 | background-color: #fff; | 14641 | background-color: #fff; |
| 14630 | position: relative; | 14642 | position: relative; |
| 14631 | display: inline-block; | 14643 | display: inline-block; |
| 14632 | margin: 10px; | 14644 | margin: 10px; |
| 14633 | vertical-align: top; | 14645 | vertical-align: top; |
| 14634 | border: 1px solid #ddd; | 14646 | border: 1px solid #ddd; |
| 14635 | padding: 8px; | 14647 | padding: 8px; |
| 14636 | border-radius: 2px; | 14648 | border-radius: 2px; |
| 14637 | } | 14649 | } |
| 14638 | .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], | 14650 | .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], |
| 14639 | .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { | 14651 | .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { |
| 14640 | display: none; | 14652 | display: none; |
| 14641 | } | 14653 | } |
| 14642 | .dropzone .dz-preview .dz-details, | 14654 | .dropzone .dz-preview .dz-details, |
| 14643 | .dropzone-previews .dz-preview .dz-details { | 14655 | .dropzone-previews .dz-preview .dz-details { |
| 14644 | width: 140px; | 14656 | width: 140px; |
| 14645 | position: relative; | 14657 | position: relative; |
| 14646 | background-color: #fafafa; | 14658 | background-color: #fafafa; |
| 14647 | padding: 8px; | 14659 | padding: 8px; |
| 14648 | margin-bottom: 25px; | 14660 | margin-bottom: 25px; |
| 14649 | } | 14661 | } |
| 14650 | .dropzone .dz-preview .dz-details .dz-filename, | 14662 | .dropzone .dz-preview .dz-details .dz-filename, |
| 14651 | .dropzone-previews .dz-preview .dz-details .dz-filename { | 14663 | .dropzone-previews .dz-preview .dz-details .dz-filename { |
| 14652 | overflow: hidden; | 14664 | overflow: hidden; |
| 14653 | height: 100%; | 14665 | height: 100%; |
| 14654 | } | 14666 | } |
| 14655 | .dropzone .dz-preview .dz-details img, | 14667 | .dropzone .dz-preview .dz-details img, |
| 14656 | .dropzone-previews .dz-preview .dz-details img { | 14668 | .dropzone-previews .dz-preview .dz-details img { |
| 14657 | position: absolute; | 14669 | position: absolute; |
| 14658 | top: 0; | 14670 | top: 0; |
| 14659 | left: 0; | 14671 | left: 0; |
| 14660 | width: 140px; | 14672 | width: 140px; |
| 14661 | height: 140px; | 14673 | height: 140px; |
| 14662 | } | 14674 | } |
| 14663 | .dropzone .dz-preview .dz-details .dz-size, | 14675 | .dropzone .dz-preview .dz-details .dz-size, |
| 14664 | .dropzone-previews .dz-preview .dz-details .dz-size { | 14676 | .dropzone-previews .dz-preview .dz-details .dz-size { |
| 14665 | position: absolute; | 14677 | position: absolute; |
| 14666 | bottom: -26px; | 14678 | bottom: -26px; |
| 14667 | left: 0; | 14679 | left: 0; |
| 14668 | } | 14680 | } |
| 14669 | .dropzone .dz-preview:hover .dz-details img, | 14681 | .dropzone .dz-preview:hover .dz-details img, |
| 14670 | .dropzone-previews .dz-preview:hover .dz-details img { | 14682 | .dropzone-previews .dz-preview:hover .dz-details img { |
| 14671 | display: none; | 14683 | display: none; |
| 14672 | } | 14684 | } |
| 14673 | .dropzone .dz-preview .dz-error-mark, | 14685 | .dropzone .dz-preview .dz-error-mark, |
| 14674 | .dropzone-previews .dz-preview .dz-error-mark, | 14686 | .dropzone-previews .dz-preview .dz-error-mark, |
| 14675 | .dropzone .dz-preview .dz-success-mark, | 14687 | .dropzone .dz-preview .dz-success-mark, |
| 14676 | .dropzone-previews .dz-preview .dz-success-mark { | 14688 | .dropzone-previews .dz-preview .dz-success-mark { |
| 14677 | display: none; | 14689 | display: none; |
| 14678 | position: absolute; | 14690 | position: absolute; |
| 14679 | z-index: 9; | 14691 | z-index: 9; |
| 14680 | right: 8px; | 14692 | right: 8px; |
| 14681 | } | 14693 | } |
| 14682 | .dropzone .dz-preview .dz-error-mark:after, | 14694 | .dropzone .dz-preview .dz-error-mark:after, |
| 14683 | .dropzone-previews .dz-preview .dz-error-mark:after, | 14695 | .dropzone-previews .dz-preview .dz-error-mark:after, |
| 14684 | .dropzone .dz-preview .dz-success-mark:after, | 14696 | .dropzone .dz-preview .dz-success-mark:after, |
| 14685 | .dropzone-previews .dz-preview .dz-success-mark:after { | 14697 | .dropzone-previews .dz-preview .dz-success-mark:after { |
| 14686 | font-family: 'icomoon'; | 14698 | font-family: 'icomoon'; |
| 14687 | display: block; | 14699 | display: block; |
| 14688 | position: absolute; | 14700 | position: absolute; |
| 14689 | right: 0; | 14701 | right: 0; |
| 14690 | bottom: 3px; | 14702 | bottom: 3px; |
| 14691 | font-size: 12px; | 14703 | font-size: 12px; |
| 14692 | line-height: 1; | 14704 | line-height: 1; |
| 14693 | -webkit-font-smoothing: antialiased; | 14705 | -webkit-font-smoothing: antialiased; |
| 14694 | -moz-osx-font-smoothing: grayscale; | 14706 | -moz-osx-font-smoothing: grayscale; |
| 14695 | } | 14707 | } |
| 14696 | .dropzone .dz-preview .dz-error-mark span, | 14708 | .dropzone .dz-preview .dz-error-mark span, |
| 14697 | .dropzone-previews .dz-preview .dz-error-mark span, | 14709 | .dropzone-previews .dz-preview .dz-error-mark span, |
| 14698 | .dropzone .dz-preview .dz-success-mark span, | 14710 | .dropzone .dz-preview .dz-success-mark span, |
| 14699 | .dropzone-previews .dz-preview .dz-success-mark span, | 14711 | .dropzone-previews .dz-preview .dz-success-mark span, |
| 14700 | .dropzone .dz-preview .dz-error-mark svg, | 14712 | .dropzone .dz-preview .dz-error-mark svg, |
| 14701 | .dropzone-previews .dz-preview .dz-error-mark svg, | 14713 | .dropzone-previews .dz-preview .dz-error-mark svg, |
| 14702 | .dropzone .dz-preview .dz-success-mark svg, | 14714 | .dropzone .dz-preview .dz-success-mark svg, |
| 14703 | .dropzone-previews .dz-preview .dz-success-mark svg { | 14715 | .dropzone-previews .dz-preview .dz-success-mark svg { |
| 14704 | display: none; | 14716 | display: none; |
| 14705 | } | 14717 | } |
| 14706 | .dropzone .dz-preview .dz-error-mark, | 14718 | .dropzone .dz-preview .dz-error-mark, |
| 14707 | .dropzone-previews .dz-preview .dz-error-mark { | 14719 | .dropzone-previews .dz-preview .dz-error-mark { |
| 14708 | color: #F44336; | 14720 | color: #F44336; |
| 14709 | } | 14721 | } |
| 14710 | .dropzone .dz-preview .dz-error-mark:after, | 14722 | .dropzone .dz-preview .dz-error-mark:after, |
| 14711 | .dropzone-previews .dz-preview .dz-error-mark:after { | 14723 | .dropzone-previews .dz-preview .dz-error-mark:after { |
| 14712 | content: '\ed6a'; | 14724 | content: '\ed6a'; |
| 14713 | } | 14725 | } |
| 14714 | .dropzone .dz-preview .dz-success-mark, | 14726 | .dropzone .dz-preview .dz-success-mark, |
| 14715 | .dropzone-previews .dz-preview .dz-success-mark { | 14727 | .dropzone-previews .dz-preview .dz-success-mark { |
| 14716 | color: #4CAF50; | 14728 | color: #4CAF50; |
| 14717 | } | 14729 | } |
| 14718 | .dropzone .dz-preview .dz-success-mark:after, | 14730 | .dropzone .dz-preview .dz-success-mark:after, |
| 14719 | .dropzone-previews .dz-preview .dz-success-mark:after { | 14731 | .dropzone-previews .dz-preview .dz-success-mark:after { |
| 14720 | content: '\ed6e'; | 14732 | content: '\ed6e'; |
| 14721 | } | 14733 | } |
| 14722 | .dropzone .dz-preview.dz-error .dz-error-mark, | 14734 | .dropzone .dz-preview.dz-error .dz-error-mark, |
| 14723 | .dropzone-previews .dz-preview.dz-error .dz-error-mark, | 14735 | .dropzone-previews .dz-preview.dz-error .dz-error-mark, |
| 14724 | .dropzone .dz-preview.dz-success .dz-success-mark, | 14736 | .dropzone .dz-preview.dz-success .dz-success-mark, |
| 14725 | .dropzone-previews .dz-preview.dz-success .dz-success-mark { | 14737 | .dropzone-previews .dz-preview.dz-success .dz-success-mark { |
| 14726 | display: block; | 14738 | display: block; |
| 14727 | opacity: 1; | 14739 | opacity: 1; |
| 14728 | filter: alpha(opacity=100); | 14740 | filter: alpha(opacity=100); |
| 14729 | } | 14741 | } |
| 14730 | .dropzone .dz-preview .dz-progress, | 14742 | .dropzone .dz-preview .dz-progress, |
| 14731 | .dropzone-previews .dz-preview .dz-progress { | 14743 | .dropzone-previews .dz-preview .dz-progress { |
| 14732 | position: absolute; | 14744 | position: absolute; |
| 14733 | top: 118px; | 14745 | top: 118px; |
| 14734 | left: 8px; | 14746 | left: 8px; |
| 14735 | right: 8px; | 14747 | right: 8px; |
| 14736 | height: 4px; | 14748 | height: 4px; |
| 14737 | background-color: #eeeeee; | 14749 | background-color: #eeeeee; |
| 14738 | display: none; | 14750 | display: none; |
| 14739 | border-radius: 2px; | 14751 | border-radius: 2px; |
| 14740 | } | 14752 | } |
| 14741 | .dropzone .dz-preview .dz-progress .dz-upload, | 14753 | .dropzone .dz-preview .dz-progress .dz-upload, |
| 14742 | .dropzone-previews .dz-preview .dz-progress .dz-upload { | 14754 | .dropzone-previews .dz-preview .dz-progress .dz-upload { |
| 14743 | display: block; | 14755 | display: block; |
| 14744 | position: absolute; | 14756 | position: absolute; |
| 14745 | top: 0; | 14757 | top: 0; |
| 14746 | bottom: 0; | 14758 | bottom: 0; |
| 14747 | left: 0; | 14759 | left: 0; |
| 14748 | width: 0%; | 14760 | width: 0%; |
| 14749 | height: 100%; | 14761 | height: 100%; |
| 14750 | background-color: #00BCD4; | 14762 | background-color: #00BCD4; |
| 14751 | -webkit-transition: width 0.3s ease-in-out; | 14763 | -webkit-transition: width 0.3s ease-in-out; |
| 14752 | -o-transition: width 0.3s ease-in-out; | 14764 | -o-transition: width 0.3s ease-in-out; |
| 14753 | transition: width 0.3s ease-in-out; | 14765 | transition: width 0.3s ease-in-out; |
| 14754 | } | 14766 | } |
| 14755 | .dropzone .dz-preview.dz-processing .dz-progress, | 14767 | .dropzone .dz-preview.dz-processing .dz-progress, |
| 14756 | .dropzone-previews .dz-preview.dz-processing .dz-progress { | 14768 | .dropzone-previews .dz-preview.dz-processing .dz-progress { |
| 14757 | display: block; | 14769 | display: block; |
| 14758 | } | 14770 | } |
| 14759 | .dropzone .dz-preview.dz-success .dz-progress, | 14771 | .dropzone .dz-preview.dz-success .dz-progress, |
| 14760 | .dropzone-previews .dz-preview.dz-success .dz-progress { | 14772 | .dropzone-previews .dz-preview.dz-success .dz-progress { |
| 14761 | display: block; | 14773 | display: block; |
| 14762 | opacity: 0; | 14774 | opacity: 0; |
| 14763 | filter: alpha(opacity=0); | 14775 | filter: alpha(opacity=0); |
| 14764 | -webkit-transition: opacity 0.4s ease-in-out; | 14776 | -webkit-transition: opacity 0.4s ease-in-out; |
| 14765 | -o-transition: opacity 0.4s ease-in-out; | 14777 | -o-transition: opacity 0.4s ease-in-out; |
| 14766 | transition: opacity 0.4s ease-in-out; | 14778 | transition: opacity 0.4s ease-in-out; |
| 14767 | } | 14779 | } |
| 14768 | .dropzone .dz-preview .dz-error-message, | 14780 | .dropzone .dz-preview .dz-error-message, |
| 14769 | .dropzone-previews .dz-preview .dz-error-message { | 14781 | .dropzone-previews .dz-preview .dz-error-message { |
| 14770 | display: block; | 14782 | display: block; |
| 14771 | position: absolute; | 14783 | position: absolute; |
| 14772 | top: 0; | 14784 | top: 0; |
| 14773 | left: 0; | 14785 | left: 0; |
| 14774 | background: rgba(245, 245, 245, 0.8); | 14786 | background: rgba(245, 245, 245, 0.8); |
| 14775 | margin: 8px; | 14787 | margin: 8px; |
| 14776 | padding: 8px; | 14788 | padding: 8px; |
| 14777 | color: #F44336; | 14789 | color: #F44336; |
| 14778 | max-width: 100%; | 14790 | max-width: 100%; |
| 14779 | z-index: 5; | 14791 | z-index: 5; |
| 14780 | opacity: 0; | 14792 | opacity: 0; |
| 14781 | filter: alpha(opacity=0); | 14793 | filter: alpha(opacity=0); |
| 14782 | -webkit-transition: opacity 0.3s ease-in-out; | 14794 | -webkit-transition: opacity 0.3s ease-in-out; |
| 14783 | -o-transition: opacity 0.3s ease-in-out; | 14795 | -o-transition: opacity 0.3s ease-in-out; |
| 14784 | transition: opacity 0.3s ease-in-out; | 14796 | transition: opacity 0.3s ease-in-out; |
| 14785 | } | 14797 | } |
| 14786 | .dropzone .dz-preview.dz-error:hover .dz-error-message, | 14798 | .dropzone .dz-preview.dz-error:hover .dz-error-message, |
| 14787 | .dropzone-previews .dz-preview.dz-error:hover .dz-error-message { | 14799 | .dropzone-previews .dz-preview.dz-error:hover .dz-error-message { |
| 14788 | display: block; | 14800 | display: block; |
| 14789 | opacity: 1; | 14801 | opacity: 1; |
| 14790 | filter: alpha(opacity=100); | 14802 | filter: alpha(opacity=100); |
| 14791 | } | 14803 | } |
| 14792 | .dropzone .dz-preview.dz-error .dz-progress .dz-upload, | 14804 | .dropzone .dz-preview.dz-error .dz-progress .dz-upload, |
| 14793 | .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { | 14805 | .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { |
| 14794 | background: #F44336; | 14806 | background: #F44336; |
| 14795 | } | 14807 | } |
| 14796 | .dropzone .dz-preview.dz-image-preview:hover .dz-details img, | 14808 | .dropzone .dz-preview.dz-image-preview:hover .dz-details img, |
| 14797 | .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { | 14809 | .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { |
| 14798 | display: block; | 14810 | display: block; |
| 14799 | opacity: 0.1; | 14811 | opacity: 0.1; |
| 14800 | filter: alpha(opacity=10); | 14812 | filter: alpha(opacity=10); |
| 14801 | } | 14813 | } |
| 14802 | .dropzone .dz-preview a.dz-remove, | 14814 | .dropzone .dz-preview a.dz-remove, |
| 14803 | .dropzone-previews .dz-preview a.dz-remove { | 14815 | .dropzone-previews .dz-preview a.dz-remove { |
| 14804 | background-color: #fafafa; | 14816 | background-color: #fafafa; |
| 14805 | border-radius: 2px; | 14817 | border-radius: 2px; |
| 14806 | border: 1px solid #eeeeee; | 14818 | border: 1px solid #eeeeee; |
| 14807 | display: block; | 14819 | display: block; |
| 14808 | padding: 5px; | 14820 | padding: 5px; |
| 14809 | text-align: center; | 14821 | text-align: center; |
| 14810 | color: #999999; | 14822 | color: #999999; |
| 14811 | margin-top: 35px; | 14823 | margin-top: 35px; |
| 14812 | cursor: pointer; | 14824 | cursor: pointer; |
| 14813 | } | 14825 | } |
| 14814 | .dropzone .dz-preview a.dz-remove:hover, | 14826 | .dropzone .dz-preview a.dz-remove:hover, |
| 14815 | .dropzone-previews .dz-preview a.dz-remove:hover { | 14827 | .dropzone-previews .dz-preview a.dz-remove:hover { |
| 14816 | color: #333333; | 14828 | color: #333333; |
| 14817 | background-color: #f5f5f5; | 14829 | background-color: #f5f5f5; |
| 14818 | } | 14830 | } |
| 14819 | /* ------------------------------------------------------------------------------ | 14831 | /* ------------------------------------------------------------------------------ |
| 14820 | * | 14832 | * |
| 14821 | * # Image cropper | 14833 | * # Image cropper |
| 14822 | * | 14834 | * |
| 14823 | * Styles for cropper.min.js - a simple jQuery image cropping plugin | 14835 | * Styles for cropper.min.js - a simple jQuery image cropping plugin |
| 14824 | * | 14836 | * |
| 14825 | * Version: 1.0 | 14837 | * Version: 1.0 |
| 14826 | * Latest update: May 25, 2015 | 14838 | * Latest update: May 25, 2015 |
| 14827 | * | 14839 | * |
| 14828 | * ---------------------------------------------------------------------------- */ | 14840 | * ---------------------------------------------------------------------------- */ |
| 14829 | .image-cropper-container { | 14841 | .image-cropper-container { |
| 14830 | height: 350px; | 14842 | height: 350px; |
| 14831 | width: 100%; | 14843 | width: 100%; |
| 14832 | overflow: hidden; | 14844 | overflow: hidden; |
| 14833 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); | 14845 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); |
| 14834 | } | 14846 | } |
| 14835 | .eg-preview { | 14847 | .eg-preview { |
| 14836 | text-align: center; | 14848 | text-align: center; |
| 14837 | font-size: 0; | 14849 | font-size: 0; |
| 14838 | } | 14850 | } |
| 14839 | .eg-preview .preview { | 14851 | .eg-preview .preview { |
| 14840 | margin: 10px auto 0 auto; | 14852 | margin: 10px auto 0 auto; |
| 14841 | display: block; | 14853 | display: block; |
| 14842 | overflow: hidden; | 14854 | overflow: hidden; |
| 14843 | vertical-align: middle; | 14855 | vertical-align: middle; |
| 14844 | border-radius: 2px; | 14856 | border-radius: 2px; |
| 14845 | } | 14857 | } |
| 14846 | @media (min-width: 769px) { | 14858 | @media (min-width: 769px) { |
| 14847 | .eg-preview .preview { | 14859 | .eg-preview .preview { |
| 14848 | display: inline-block; | 14860 | display: inline-block; |
| 14849 | margin-left: 0; | 14861 | margin-left: 0; |
| 14850 | margin-right: 0; | 14862 | margin-right: 0; |
| 14851 | } | 14863 | } |
| 14852 | .eg-preview .preview + .preview { | 14864 | .eg-preview .preview + .preview { |
| 14853 | margin-left: 15px; | 14865 | margin-left: 15px; |
| 14854 | } | 14866 | } |
| 14855 | } | 14867 | } |
| 14856 | .eg-preview .preview-lg { | 14868 | .eg-preview .preview-lg { |
| 14857 | width: 150px; | 14869 | width: 150px; |
| 14858 | height: 150px; | 14870 | height: 150px; |
| 14859 | } | 14871 | } |
| 14860 | .eg-preview .preview-md { | 14872 | .eg-preview .preview-md { |
| 14861 | width: 120px; | 14873 | width: 120px; |
| 14862 | height: 120px; | 14874 | height: 120px; |
| 14863 | } | 14875 | } |
| 14864 | .eg-preview .preview-sm { | 14876 | .eg-preview .preview-sm { |
| 14865 | width: 90px; | 14877 | width: 90px; |
| 14866 | height: 90px; | 14878 | height: 90px; |
| 14867 | } | 14879 | } |
| 14868 | .eg-preview .preview-xs { | 14880 | .eg-preview .preview-xs { |
| 14869 | width: 60px; | 14881 | width: 60px; |
| 14870 | height: 60px; | 14882 | height: 60px; |
| 14871 | } | 14883 | } |
| 14872 | .eg-preview .preview-xxs { | 14884 | .eg-preview .preview-xxs { |
| 14873 | width: 40px; | 14885 | width: 40px; |
| 14874 | height: 40px; | 14886 | height: 40px; |
| 14875 | } | 14887 | } |
| 14876 | @media (min-width: 769px) { | 14888 | @media (min-width: 769px) { |
| 14877 | .eg-preview { | 14889 | .eg-preview { |
| 14878 | white-space: nowrap; | 14890 | white-space: nowrap; |
| 14879 | max-width: 100%; | 14891 | max-width: 100%; |
| 14880 | overflow: auto; | 14892 | overflow: auto; |
| 14881 | } | 14893 | } |
| 14882 | } | 14894 | } |
| 14883 | .cropper-container { | 14895 | .cropper-container { |
| 14884 | font-size: 0; | 14896 | font-size: 0; |
| 14885 | line-height: 0; | 14897 | line-height: 0; |
| 14886 | position: relative; | 14898 | position: relative; |
| 14887 | direction: ltr !important; | 14899 | direction: ltr !important; |
| 14888 | -ms-touch-action: none; | 14900 | -ms-touch-action: none; |
| 14889 | touch-action: none; | 14901 | touch-action: none; |
| 14890 | -webkit-tap-highlight-color: transparent; | 14902 | -webkit-tap-highlight-color: transparent; |
| 14891 | -webkit-touch-callout: none; | 14903 | -webkit-touch-callout: none; |
| 14892 | -webkit-user-select: none; | 14904 | -webkit-user-select: none; |
| 14893 | -moz-user-select: none; | 14905 | -moz-user-select: none; |
| 14894 | -ms-user-select: none; | 14906 | -ms-user-select: none; |
| 14895 | user-select: none; | 14907 | user-select: none; |
| 14896 | } | 14908 | } |
| 14897 | .cropper-container img { | 14909 | .cropper-container img { |
| 14898 | display: block; | 14910 | display: block; |
| 14899 | width: 100%; | 14911 | width: 100%; |
| 14900 | min-width: 0 !important; | 14912 | min-width: 0 !important; |
| 14901 | max-width: none !important; | 14913 | max-width: none !important; |
| 14902 | height: 100%; | 14914 | height: 100%; |
| 14903 | min-height: 0 !important; | 14915 | min-height: 0 !important; |
| 14904 | max-height: none !important; | 14916 | max-height: none !important; |
| 14905 | image-orientation: 0deg !important; | 14917 | image-orientation: 0deg !important; |
| 14906 | } | 14918 | } |
| 14907 | .cropper-wrap-box, | 14919 | .cropper-wrap-box, |
| 14908 | .cropper-canvas, | 14920 | .cropper-canvas, |
| 14909 | .cropper-drag-box, | 14921 | .cropper-drag-box, |
| 14910 | .cropper-crop-box, | 14922 | .cropper-crop-box, |
| 14911 | .cropper-modal { | 14923 | .cropper-modal { |
| 14912 | position: absolute; | 14924 | position: absolute; |
| 14913 | top: 0; | 14925 | top: 0; |
| 14914 | right: 0; | 14926 | right: 0; |
| 14915 | bottom: 0; | 14927 | bottom: 0; |
| 14916 | left: 0; | 14928 | left: 0; |
| 14917 | } | 14929 | } |
| 14918 | .cropper-wrap-box { | 14930 | .cropper-wrap-box { |
| 14919 | overflow: hidden; | 14931 | overflow: hidden; |
| 14920 | } | 14932 | } |
| 14921 | .cropper-drag-box { | 14933 | .cropper-drag-box { |
| 14922 | background-color: #fff; | 14934 | background-color: #fff; |
| 14923 | opacity: 0; | 14935 | opacity: 0; |
| 14924 | filter: alpha(opacity=0); | 14936 | filter: alpha(opacity=0); |
| 14925 | } | 14937 | } |
| 14926 | .cropper-modal { | 14938 | .cropper-modal { |
| 14927 | background-color: #000; | 14939 | background-color: #000; |
| 14928 | opacity: 0.5; | 14940 | opacity: 0.5; |
| 14929 | filter: alpha(opacity=50); | 14941 | filter: alpha(opacity=50); |
| 14930 | } | 14942 | } |
| 14931 | .cropper-view-box { | 14943 | .cropper-view-box { |
| 14932 | display: block; | 14944 | display: block; |
| 14933 | overflow: hidden; | 14945 | overflow: hidden; |
| 14934 | width: 100%; | 14946 | width: 100%; |
| 14935 | height: 100%; | 14947 | height: 100%; |
| 14936 | } | 14948 | } |
| 14937 | .cropper-dashed { | 14949 | .cropper-dashed { |
| 14938 | position: absolute; | 14950 | position: absolute; |
| 14939 | display: block; | 14951 | display: block; |
| 14940 | border: 0 dashed #eee; | 14952 | border: 0 dashed #eee; |
| 14941 | opacity: 0.5; | 14953 | opacity: 0.5; |
| 14942 | filter: alpha(opacity=50); | 14954 | filter: alpha(opacity=50); |
| 14943 | } | 14955 | } |
| 14944 | .cropper-dashed.dashed-h { | 14956 | .cropper-dashed.dashed-h { |
| 14945 | top: 33.33333%; | 14957 | top: 33.33333%; |
| 14946 | left: 0; | 14958 | left: 0; |
| 14947 | width: 100%; | 14959 | width: 100%; |
| 14948 | height: 33.33333%; | 14960 | height: 33.33333%; |
| 14949 | border-top-width: 1px; | 14961 | border-top-width: 1px; |
| 14950 | border-bottom-width: 1px; | 14962 | border-bottom-width: 1px; |
| 14951 | } | 14963 | } |
| 14952 | .cropper-dashed.dashed-v { | 14964 | .cropper-dashed.dashed-v { |
| 14953 | top: 0; | 14965 | top: 0; |
| 14954 | left: 33.33333%; | 14966 | left: 33.33333%; |
| 14955 | width: 33.33333%; | 14967 | width: 33.33333%; |
| 14956 | height: 100%; | 14968 | height: 100%; |
| 14957 | border-right-width: 1px; | 14969 | border-right-width: 1px; |
| 14958 | border-left-width: 1px; | 14970 | border-left-width: 1px; |
| 14959 | } | 14971 | } |
| 14960 | .cropper-center { | 14972 | .cropper-center { |
| 14961 | position: absolute; | 14973 | position: absolute; |
| 14962 | top: 50%; | 14974 | top: 50%; |
| 14963 | left: 50%; | 14975 | left: 50%; |
| 14964 | display: block; | 14976 | display: block; |
| 14965 | width: 0; | 14977 | width: 0; |
| 14966 | height: 0; | 14978 | height: 0; |
| 14967 | opacity: 0.75; | 14979 | opacity: 0.75; |
| 14968 | filter: alpha(opacity=75); | 14980 | filter: alpha(opacity=75); |
| 14969 | } | 14981 | } |
| 14970 | .cropper-center:before, | 14982 | .cropper-center:before, |
| 14971 | .cropper-center:after { | 14983 | .cropper-center:after { |
| 14972 | content: ' '; | 14984 | content: ' '; |
| 14973 | position: absolute; | 14985 | position: absolute; |
| 14974 | display: block; | 14986 | display: block; |
| 14975 | background-color: #eee; | 14987 | background-color: #eee; |
| 14976 | } | 14988 | } |
| 14977 | .cropper-center:before { | 14989 | .cropper-center:before { |
| 14978 | top: 0; | 14990 | top: 0; |
| 14979 | left: -3px; | 14991 | left: -3px; |
| 14980 | width: 7px; | 14992 | width: 7px; |
| 14981 | height: 1px; | 14993 | height: 1px; |
| 14982 | } | 14994 | } |
| 14983 | .cropper-center:after { | 14995 | .cropper-center:after { |
| 14984 | top: -3px; | 14996 | top: -3px; |
| 14985 | left: 0; | 14997 | left: 0; |
| 14986 | width: 1px; | 14998 | width: 1px; |
| 14987 | height: 7px; | 14999 | height: 7px; |
| 14988 | } | 15000 | } |
| 14989 | .cropper-face, | 15001 | .cropper-face, |
| 14990 | .cropper-line, | 15002 | .cropper-line, |
| 14991 | .cropper-point { | 15003 | .cropper-point { |
| 14992 | position: absolute; | 15004 | position: absolute; |
| 14993 | display: block; | 15005 | display: block; |
| 14994 | width: 100%; | 15006 | width: 100%; |
| 14995 | height: 100%; | 15007 | height: 100%; |
| 14996 | opacity: 0.1; | 15008 | opacity: 0.1; |
| 14997 | filter: alpha(opacity=10); | 15009 | filter: alpha(opacity=10); |
| 14998 | } | 15010 | } |
| 14999 | .cropper-face { | 15011 | .cropper-face { |
| 15000 | top: 0; | 15012 | top: 0; |
| 15001 | left: 0; | 15013 | left: 0; |
| 15002 | background-color: #fff; | 15014 | background-color: #fff; |
| 15003 | } | 15015 | } |
| 15004 | .cropper-line { | 15016 | .cropper-line { |
| 15005 | background-color: #2196F3; | 15017 | background-color: #2196F3; |
| 15006 | } | 15018 | } |
| 15007 | .cropper-line.line-e { | 15019 | .cropper-line.line-e { |
| 15008 | top: 0; | 15020 | top: 0; |
| 15009 | right: -3px; | 15021 | right: -3px; |
| 15010 | width: 5px; | 15022 | width: 5px; |
| 15011 | cursor: e-resize; | 15023 | cursor: e-resize; |
| 15012 | } | 15024 | } |
| 15013 | .cropper-line.line-n { | 15025 | .cropper-line.line-n { |
| 15014 | top: -3px; | 15026 | top: -3px; |
| 15015 | left: 0; | 15027 | left: 0; |
| 15016 | height: 5px; | 15028 | height: 5px; |
| 15017 | cursor: n-resize; | 15029 | cursor: n-resize; |
| 15018 | } | 15030 | } |
| 15019 | .cropper-line.line-w { | 15031 | .cropper-line.line-w { |
| 15020 | top: 0; | 15032 | top: 0; |
| 15021 | left: -3px; | 15033 | left: -3px; |
| 15022 | width: 5px; | 15034 | width: 5px; |
| 15023 | cursor: w-resize; | 15035 | cursor: w-resize; |
| 15024 | } | 15036 | } |
| 15025 | .cropper-line.line-s { | 15037 | .cropper-line.line-s { |
| 15026 | bottom: -3px; | 15038 | bottom: -3px; |
| 15027 | left: 0; | 15039 | left: 0; |
| 15028 | height: 5px; | 15040 | height: 5px; |
| 15029 | cursor: s-resize; | 15041 | cursor: s-resize; |
| 15030 | } | 15042 | } |
| 15031 | .cropper-point { | 15043 | .cropper-point { |
| 15032 | width: 5px; | 15044 | width: 5px; |
| 15033 | height: 5px; | 15045 | height: 5px; |
| 15034 | background-color: #2196F3; | 15046 | background-color: #2196F3; |
| 15035 | opacity: 0.75; | 15047 | opacity: 0.75; |
| 15036 | filter: alpha(opacity=75); | 15048 | filter: alpha(opacity=75); |
| 15037 | } | 15049 | } |
| 15038 | .cropper-point.point-e { | 15050 | .cropper-point.point-e { |
| 15039 | top: 50%; | 15051 | top: 50%; |
| 15040 | right: -3px; | 15052 | right: -3px; |
| 15041 | margin-top: -3px; | 15053 | margin-top: -3px; |
| 15042 | cursor: e-resize; | 15054 | cursor: e-resize; |
| 15043 | } | 15055 | } |
| 15044 | .cropper-point.point-n { | 15056 | .cropper-point.point-n { |
| 15045 | top: -3px; | 15057 | top: -3px; |
| 15046 | left: 50%; | 15058 | left: 50%; |
| 15047 | margin-left: -3px; | 15059 | margin-left: -3px; |
| 15048 | cursor: n-resize; | 15060 | cursor: n-resize; |
| 15049 | } | 15061 | } |
| 15050 | .cropper-point.point-w { | 15062 | .cropper-point.point-w { |
| 15051 | top: 50%; | 15063 | top: 50%; |
| 15052 | left: -3px; | 15064 | left: -3px; |
| 15053 | margin-top: -3px; | 15065 | margin-top: -3px; |
| 15054 | cursor: w-resize; | 15066 | cursor: w-resize; |
| 15055 | } | 15067 | } |
| 15056 | .cropper-point.point-s { | 15068 | .cropper-point.point-s { |
| 15057 | bottom: -3px; | 15069 | bottom: -3px; |
| 15058 | left: 50%; | 15070 | left: 50%; |
| 15059 | margin-left: -3px; | 15071 | margin-left: -3px; |
| 15060 | cursor: s-resize; | 15072 | cursor: s-resize; |
| 15061 | } | 15073 | } |
| 15062 | .cropper-point.point-ne { | 15074 | .cropper-point.point-ne { |
| 15063 | top: -3px; | 15075 | top: -3px; |
| 15064 | right: -3px; | 15076 | right: -3px; |
| 15065 | cursor: ne-resize; | 15077 | cursor: ne-resize; |
| 15066 | } | 15078 | } |
| 15067 | .cropper-point.point-nw { | 15079 | .cropper-point.point-nw { |
| 15068 | top: -3px; | 15080 | top: -3px; |
| 15069 | left: -3px; | 15081 | left: -3px; |
| 15070 | cursor: nw-resize; | 15082 | cursor: nw-resize; |
| 15071 | } | 15083 | } |
| 15072 | .cropper-point.point-sw { | 15084 | .cropper-point.point-sw { |
| 15073 | bottom: -3px; | 15085 | bottom: -3px; |
| 15074 | left: -3px; | 15086 | left: -3px; |
| 15075 | cursor: sw-resize; | 15087 | cursor: sw-resize; |
| 15076 | } | 15088 | } |
| 15077 | .cropper-point.point-se { | 15089 | .cropper-point.point-se { |
| 15078 | right: -3px; | 15090 | right: -3px; |
| 15079 | bottom: -3px; | 15091 | bottom: -3px; |
| 15080 | width: 20px; | 15092 | width: 20px; |
| 15081 | height: 20px; | 15093 | height: 20px; |
| 15082 | cursor: se-resize; | 15094 | cursor: se-resize; |
| 15083 | opacity: 1; | 15095 | opacity: 1; |
| 15084 | filter: alpha(opacity=100); | 15096 | filter: alpha(opacity=100); |
| 15085 | } | 15097 | } |
| 15086 | .cropper-point.point-se:before { | 15098 | .cropper-point.point-se:before { |
| 15087 | content: ' '; | 15099 | content: ' '; |
| 15088 | position: absolute; | 15100 | position: absolute; |
| 15089 | right: -50%; | 15101 | right: -50%; |
| 15090 | bottom: -50%; | 15102 | bottom: -50%; |
| 15091 | display: block; | 15103 | display: block; |
| 15092 | width: 200%; | 15104 | width: 200%; |
| 15093 | height: 200%; | 15105 | height: 200%; |
| 15094 | background-color: #2196F3; | 15106 | background-color: #2196F3; |
| 15095 | opacity: 0; | 15107 | opacity: 0; |
| 15096 | filter: alpha(opacity=0); | 15108 | filter: alpha(opacity=0); |
| 15097 | } | 15109 | } |
| 15098 | @media (min-width: 769px) { | 15110 | @media (min-width: 769px) { |
| 15099 | .cropper-point.point-se { | 15111 | .cropper-point.point-se { |
| 15100 | width: 15px; | 15112 | width: 15px; |
| 15101 | height: 15px; | 15113 | height: 15px; |
| 15102 | } | 15114 | } |
| 15103 | } | 15115 | } |
| 15104 | @media (min-width: 1025px) { | 15116 | @media (min-width: 1025px) { |
| 15105 | .cropper-point.point-se { | 15117 | .cropper-point.point-se { |
| 15106 | width: 10px; | 15118 | width: 10px; |
| 15107 | height: 10px; | 15119 | height: 10px; |
| 15108 | } | 15120 | } |
| 15109 | } | 15121 | } |
| 15110 | @media (min-width: 1200px) { | 15122 | @media (min-width: 1200px) { |
| 15111 | .cropper-point.point-se { | 15123 | .cropper-point.point-se { |
| 15112 | width: 5px; | 15124 | width: 5px; |
| 15113 | height: 5px; | 15125 | height: 5px; |
| 15114 | opacity: 0.75; | 15126 | opacity: 0.75; |
| 15115 | filter: alpha(opacity=75); | 15127 | filter: alpha(opacity=75); |
| 15116 | } | 15128 | } |
| 15117 | } | 15129 | } |
| 15118 | .cropper-bg { | 15130 | .cropper-bg { |
| 15119 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); | 15131 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); |
| 15120 | } | 15132 | } |
| 15121 | .cropper-invisible { | 15133 | .cropper-invisible { |
| 15122 | opacity: 0; | 15134 | opacity: 0; |
| 15123 | filter: alpha(opacity=0); | 15135 | filter: alpha(opacity=0); |
| 15124 | } | 15136 | } |
| 15125 | .cropper-hide { | 15137 | .cropper-hide { |
| 15126 | position: absolute; | 15138 | position: absolute; |
| 15127 | display: block; | 15139 | display: block; |
| 15128 | width: 0; | 15140 | width: 0; |
| 15129 | height: 0; | 15141 | height: 0; |
| 15130 | } | 15142 | } |
| 15131 | .cropper-hidden { | 15143 | .cropper-hidden { |
| 15132 | display: none !important; | 15144 | display: none !important; |
| 15133 | } | 15145 | } |
| 15134 | .cropper-disabled .cropper-drag-box, | 15146 | .cropper-disabled .cropper-drag-box, |
| 15135 | .cropper-disabled .cropper-face, | 15147 | .cropper-disabled .cropper-face, |
| 15136 | .cropper-disabled .cropper-line, | 15148 | .cropper-disabled .cropper-line, |
| 15137 | .cropper-disabled .cropper-point { | 15149 | .cropper-disabled .cropper-point { |
| 15138 | cursor: not-allowed; | 15150 | cursor: not-allowed; |
| 15139 | } | 15151 | } |
| 15140 | .cropper-move { | 15152 | .cropper-move { |
| 15141 | cursor: move; | 15153 | cursor: move; |
| 15142 | } | 15154 | } |
| 15143 | .cropper-crop { | 15155 | .cropper-crop { |
| 15144 | cursor: crosshair; | 15156 | cursor: crosshair; |
| 15145 | } | 15157 | } |
| 15146 | /* ------------------------------------------------------------------------------ | 15158 | /* ------------------------------------------------------------------------------ |
| 15147 | * | 15159 | * |
| 15148 | * # Fancybox lightbox | 15160 | * # Fancybox lightbox |
| 15149 | * | 15161 | * |
| 15150 | * Mac-style "lightbox" plugin that floats overtop of web page. | 15162 | * Mac-style "lightbox" plugin that floats overtop of web page. |
| 15151 | * | 15163 | * |
| 15152 | * Version: 1.2 | 15164 | * Version: 1.2 |
| 15153 | * Latest update: Mar 10, 2016 | 15165 | * Latest update: Mar 10, 2016 |
| 15154 | * | 15166 | * |
| 15155 | * ---------------------------------------------------------------------------- */ | 15167 | * ---------------------------------------------------------------------------- */ |
| 15156 | .fancybox-wrap, | 15168 | .fancybox-wrap, |
| 15157 | .fancybox-skin, | 15169 | .fancybox-skin, |
| 15158 | .fancybox-outer, | 15170 | .fancybox-outer, |
| 15159 | .fancybox-inner, | 15171 | .fancybox-inner, |
| 15160 | .fancybox-image, | 15172 | .fancybox-image, |
| 15161 | .fancybox-wrap iframe, | 15173 | .fancybox-wrap iframe, |
| 15162 | .fancybox-wrap object, | 15174 | .fancybox-wrap object, |
| 15163 | .fancybox-nav, | 15175 | .fancybox-nav, |
| 15164 | .fancybox-nav span, | 15176 | .fancybox-nav span, |
| 15165 | .fancybox-tmp { | 15177 | .fancybox-tmp { |
| 15166 | padding: 0; | 15178 | padding: 0; |
| 15167 | margin: 0; | 15179 | margin: 0; |
| 15168 | border: 0; | 15180 | border: 0; |
| 15169 | outline: none; | 15181 | outline: none; |
| 15170 | vertical-align: top; | 15182 | vertical-align: top; |
| 15171 | } | 15183 | } |
| 15172 | .fancybox-wrap { | 15184 | .fancybox-wrap { |
| 15173 | position: absolute; | 15185 | position: absolute; |
| 15174 | top: 0; | 15186 | top: 0; |
| 15175 | left: 0; | 15187 | left: 0; |
| 15176 | z-index: 8020; | 15188 | z-index: 8020; |
| 15177 | } | 15189 | } |
| 15178 | .fancybox-skin { | 15190 | .fancybox-skin { |
| 15179 | position: relative; | 15191 | position: relative; |
| 15180 | background-color: #fff; | 15192 | background-color: #fff; |
| 15181 | color: #333333; | 15193 | color: #333333; |
| 15182 | border-radius: 3px; | 15194 | border-radius: 3px; |
| 15183 | } | 15195 | } |
| 15184 | .fancybox-opened { | 15196 | .fancybox-opened { |
| 15185 | z-index: 8030; | 15197 | z-index: 8030; |
| 15186 | } | 15198 | } |
| 15187 | .fancybox-opened .fancybox-skin { | 15199 | .fancybox-opened .fancybox-skin { |
| 15188 | -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); | 15200 | -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); |
| 15189 | box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); | 15201 | box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); |
| 15190 | } | 15202 | } |
| 15191 | .fancybox-outer, | 15203 | .fancybox-outer, |
| 15192 | .fancybox-inner { | 15204 | .fancybox-inner { |
| 15193 | position: relative; | 15205 | position: relative; |
| 15194 | } | 15206 | } |
| 15195 | .fancybox-inner { | 15207 | .fancybox-inner { |
| 15196 | overflow: hidden; | 15208 | overflow: hidden; |
| 15197 | } | 15209 | } |
| 15198 | .fancybox-type-iframe .fancybox-inner { | 15210 | .fancybox-type-iframe .fancybox-inner { |
| 15199 | -webkit-overflow-scrolling: touch; | 15211 | -webkit-overflow-scrolling: touch; |
| 15200 | } | 15212 | } |
| 15201 | .fancybox-image, | 15213 | .fancybox-image, |
| 15202 | .fancybox-iframe { | 15214 | .fancybox-iframe { |
| 15203 | display: block; | 15215 | display: block; |
| 15204 | width: 100%; | 15216 | width: 100%; |
| 15205 | height: 100%; | 15217 | height: 100%; |
| 15206 | } | 15218 | } |
| 15207 | .fancybox-image { | 15219 | .fancybox-image { |
| 15208 | max-width: 100%; | 15220 | max-width: 100%; |
| 15209 | max-height: 100%; | 15221 | max-height: 100%; |
| 15210 | } | 15222 | } |
| 15211 | #fancybox-loading { | 15223 | #fancybox-loading { |
| 15212 | position: fixed; | 15224 | position: fixed; |
| 15213 | top: 50%; | 15225 | top: 50%; |
| 15214 | left: 50%; | 15226 | left: 50%; |
| 15215 | cursor: pointer; | 15227 | cursor: pointer; |
| 15216 | z-index: 8060; | 15228 | z-index: 8060; |
| 15217 | color: #fff; | 15229 | color: #fff; |
| 15218 | opacity: 0.8; | 15230 | opacity: 0.8; |
| 15219 | filter: alpha(opacity=80); | 15231 | filter: alpha(opacity=80); |
| 15220 | } | 15232 | } |
| 15221 | #fancybox-loading div:after { | 15233 | #fancybox-loading div:after { |
| 15222 | content: '\eb55'; | 15234 | content: '\eb55'; |
| 15223 | font-family: 'icomoon'; | 15235 | font-family: 'icomoon'; |
| 15224 | font-size: 16px; | 15236 | font-size: 16px; |
| 15225 | margin-top: -8px; | 15237 | margin-top: -8px; |
| 15226 | margin-left: -8px; | 15238 | margin-left: -8px; |
| 15227 | display: block; | 15239 | display: block; |
| 15228 | line-height: 1; | 15240 | line-height: 1; |
| 15229 | width: 16px; | 15241 | width: 16px; |
| 15230 | height: 16px; | 15242 | height: 16px; |
| 15231 | -webkit-font-smoothing: antialiased; | 15243 | -webkit-font-smoothing: antialiased; |
| 15232 | -moz-osx-font-smoothing: grayscale; | 15244 | -moz-osx-font-smoothing: grayscale; |
| 15233 | -webkit-animation: rotation 1s ease infinite; | 15245 | -webkit-animation: rotation 1s ease infinite; |
| 15234 | -o-animation: rotation 1s ease infinite; | 15246 | -o-animation: rotation 1s ease infinite; |
| 15235 | animation: rotation 1s ease infinite; | 15247 | animation: rotation 1s ease infinite; |
| 15236 | } | 15248 | } |
| 15237 | .fancybox-close { | 15249 | .fancybox-close { |
| 15238 | position: fixed; | 15250 | position: fixed; |
| 15239 | right: 0; | 15251 | right: 0; |
| 15240 | top: 0; | 15252 | top: 0; |
| 15241 | padding: 15px; | 15253 | padding: 15px; |
| 15242 | z-index: 8061; | 15254 | z-index: 8061; |
| 15243 | cursor: pointer; | 15255 | cursor: pointer; |
| 15244 | line-height: 1; | 15256 | line-height: 1; |
| 15245 | color: #fff; | 15257 | color: #fff; |
| 15246 | border-radius: 3px; | 15258 | border-radius: 3px; |
| 15247 | } | 15259 | } |
| 15248 | .fancybox-close:hover, | 15260 | .fancybox-close:hover, |
| 15249 | .fancybox-close:focus { | 15261 | .fancybox-close:focus { |
| 15250 | background-color: rgba(0, 0, 0, 0.25); | 15262 | background-color: rgba(0, 0, 0, 0.25); |
| 15251 | color: #fff; | 15263 | color: #fff; |
| 15252 | } | 15264 | } |
| 15253 | .fancybox-close:after { | 15265 | .fancybox-close:after { |
| 15254 | content: '\ed6a'; | 15266 | content: '\ed6a'; |
| 15255 | font-family: 'icomoon'; | 15267 | font-family: 'icomoon'; |
| 15256 | font-size: 16px; | 15268 | font-size: 16px; |
| 15257 | display: block; | 15269 | display: block; |
| 15258 | -webkit-font-smoothing: antialiased; | 15270 | -webkit-font-smoothing: antialiased; |
| 15259 | -moz-osx-font-smoothing: grayscale; | 15271 | -moz-osx-font-smoothing: grayscale; |
| 15260 | } | 15272 | } |
| 15261 | .fancybox-error { | 15273 | .fancybox-error { |
| 15262 | color: #F44336; | 15274 | color: #F44336; |
| 15263 | font-weight: 500; | 15275 | font-weight: 500; |
| 15264 | margin: 0; | 15276 | margin: 0; |
| 15265 | padding: 20px; | 15277 | padding: 20px; |
| 15266 | white-space: nowrap; | 15278 | white-space: nowrap; |
| 15267 | } | 15279 | } |
| 15268 | .fancybox-title { | 15280 | .fancybox-title { |
| 15269 | visibility: hidden; | 15281 | visibility: hidden; |
| 15270 | font-weight: 500; | 15282 | font-weight: 500; |
| 15271 | position: relative; | 15283 | position: relative; |
| 15272 | text-shadow: none; | 15284 | text-shadow: none; |
| 15273 | z-index: 8050; | 15285 | z-index: 8050; |
| 15274 | } | 15286 | } |
| 15275 | .fancybox-opened .fancybox-title { | 15287 | .fancybox-opened .fancybox-title { |
| 15276 | visibility: visible; | 15288 | visibility: visible; |
| 15277 | } | 15289 | } |
| 15278 | .fancybox-title-float-wrap { | 15290 | .fancybox-title-float-wrap { |
| 15279 | position: absolute; | 15291 | position: absolute; |
| 15280 | bottom: 0; | 15292 | bottom: 0; |
| 15281 | right: 50%; | 15293 | right: 50%; |
| 15282 | margin-bottom: -45px; | 15294 | margin-bottom: -45px; |
| 15283 | z-index: 8050; | 15295 | z-index: 8050; |
| 15284 | text-align: center; | 15296 | text-align: center; |
| 15285 | } | 15297 | } |
| 15286 | .fancybox-title-float-wrap .child { | 15298 | .fancybox-title-float-wrap .child { |
| 15287 | display: inline-block; | 15299 | display: inline-block; |
| 15288 | margin-right: -100%; | 15300 | margin-right: -100%; |
| 15289 | padding: 8px 16px; | 15301 | padding: 8px 16px; |
| 15290 | background: rgba(0, 0, 0, 0.5); | 15302 | background: rgba(0, 0, 0, 0.5); |
| 15291 | color: #fff; | 15303 | color: #fff; |
| 15292 | white-space: nowrap; | 15304 | white-space: nowrap; |
| 15293 | } | 15305 | } |
| 15294 | .fancybox-title-outside-wrap { | 15306 | .fancybox-title-outside-wrap { |
| 15295 | position: relative; | 15307 | position: relative; |
| 15296 | margin-top: 10px; | 15308 | margin-top: 10px; |
| 15297 | color: #fff; | 15309 | color: #fff; |
| 15298 | } | 15310 | } |
| 15299 | .fancybox-title-inside-wrap { | 15311 | .fancybox-title-inside-wrap { |
| 15300 | padding-top: 10px; | 15312 | padding-top: 10px; |
| 15301 | } | 15313 | } |
| 15302 | .fancybox-title-over-wrap { | 15314 | .fancybox-title-over-wrap { |
| 15303 | position: absolute; | 15315 | position: absolute; |
| 15304 | bottom: 0; | 15316 | bottom: 0; |
| 15305 | left: 0; | 15317 | left: 0; |
| 15306 | color: #fff; | 15318 | color: #fff; |
| 15307 | padding: 10px; | 15319 | padding: 10px; |
| 15308 | background-color: transparent; | 15320 | background-color: transparent; |
| 15309 | } | 15321 | } |
| 15310 | .fancybox-nav { | 15322 | .fancybox-nav { |
| 15311 | position: absolute; | 15323 | position: absolute; |
| 15312 | top: 0; | 15324 | top: 0; |
| 15313 | width: 40%; | 15325 | width: 40%; |
| 15314 | height: 100%; | 15326 | height: 100%; |
| 15315 | cursor: pointer; | 15327 | cursor: pointer; |
| 15316 | background-color: transparent; | 15328 | background-color: transparent; |
| 15317 | -webkit-tap-highlight-color: transparent; | 15329 | -webkit-tap-highlight-color: transparent; |
| 15318 | z-index: 8040; | 15330 | z-index: 8040; |
| 15319 | } | 15331 | } |
| 15320 | .fancybox-nav span { | 15332 | .fancybox-nav span { |
| 15321 | position: absolute; | 15333 | position: absolute; |
| 15322 | top: 50%; | 15334 | top: 50%; |
| 15323 | width: 32px; | 15335 | width: 32px; |
| 15324 | height: 32px; | 15336 | height: 32px; |
| 15325 | margin-top: -16px; | 15337 | margin-top: -16px; |
| 15326 | cursor: pointer; | 15338 | cursor: pointer; |
| 15327 | padding: 8px; | 15339 | padding: 8px; |
| 15328 | color: #fff; | 15340 | color: #fff; |
| 15329 | background-color: rgba(0, 0, 0, 0.5); | 15341 | background-color: rgba(0, 0, 0, 0.5); |
| 15330 | display: block; | 15342 | display: block; |
| 15331 | text-align: center; | 15343 | text-align: center; |
| 15332 | z-index: 8040; | 15344 | z-index: 8040; |
| 15333 | visibility: hidden; | 15345 | visibility: hidden; |
| 15334 | border-radius: 3px; | 15346 | border-radius: 3px; |
| 15335 | opacity: 0; | 15347 | opacity: 0; |
| 15336 | filter: alpha(opacity=0); | 15348 | filter: alpha(opacity=0); |
| 15337 | } | 15349 | } |
| 15338 | .fancybox-nav span:after { | 15350 | .fancybox-nav span:after { |
| 15339 | font-family: 'icomoon'; | 15351 | font-family: 'icomoon'; |
| 15340 | display: inline-block; | 15352 | display: inline-block; |
| 15341 | font-size: 16px; | 15353 | font-size: 16px; |
| 15342 | line-height: 1; | 15354 | line-height: 1; |
| 15343 | -webkit-font-smoothing: antialiased; | 15355 | -webkit-font-smoothing: antialiased; |
| 15344 | -moz-osx-font-smoothing: grayscale; | 15356 | -moz-osx-font-smoothing: grayscale; |
| 15345 | } | 15357 | } |
| 15346 | .fancybox-nav:hover span { | 15358 | .fancybox-nav:hover span { |
| 15347 | visibility: visible; | 15359 | visibility: visible; |
| 15348 | opacity: 1; | 15360 | opacity: 1; |
| 15349 | filter: alpha(opacity=100); | 15361 | filter: alpha(opacity=100); |
| 15350 | } | 15362 | } |
| 15351 | .fancybox-prev { | 15363 | .fancybox-prev { |
| 15352 | left: 0; | 15364 | left: 0; |
| 15353 | } | 15365 | } |
| 15354 | .fancybox-prev span { | 15366 | .fancybox-prev span { |
| 15355 | left: 10px; | 15367 | left: 10px; |
| 15356 | } | 15368 | } |
| 15357 | .fancybox-prev span:after { | 15369 | .fancybox-prev span:after { |
| 15358 | content: '\e9c8'; | 15370 | content: '\e9c8'; |
| 15359 | } | 15371 | } |
| 15360 | .fancybox-next { | 15372 | .fancybox-next { |
| 15361 | right: 0; | 15373 | right: 0; |
| 15362 | } | 15374 | } |
| 15363 | .fancybox-next span { | 15375 | .fancybox-next span { |
| 15364 | right: 10px; | 15376 | right: 10px; |
| 15365 | } | 15377 | } |
| 15366 | .fancybox-next span:after { | 15378 | .fancybox-next span:after { |
| 15367 | content: '\e9cb'; | 15379 | content: '\e9cb'; |
| 15368 | } | 15380 | } |
| 15369 | .fancybox-lock { | 15381 | .fancybox-lock { |
| 15370 | overflow: visible !important; | 15382 | overflow: visible !important; |
| 15371 | width: auto; | 15383 | width: auto; |
| 15372 | } | 15384 | } |
| 15373 | .fancybox-lock .fancybox-overlay { | 15385 | .fancybox-lock .fancybox-overlay { |
| 15374 | overflow: auto; | 15386 | overflow: auto; |
| 15375 | overflow-y: scroll; | 15387 | overflow-y: scroll; |
| 15376 | } | 15388 | } |
| 15377 | .fancybox-lock body { | 15389 | .fancybox-lock body { |
| 15378 | overflow: hidden !important; | 15390 | overflow: hidden !important; |
| 15379 | } | 15391 | } |
| 15380 | .fancybox-lock-test { | 15392 | .fancybox-lock-test { |
| 15381 | overflow-y: hidden !important; | 15393 | overflow-y: hidden !important; |
| 15382 | } | 15394 | } |
| 15383 | .fancybox-overlay { | 15395 | .fancybox-overlay { |
| 15384 | position: absolute; | 15396 | position: absolute; |
| 15385 | top: 0; | 15397 | top: 0; |
| 15386 | left: 0; | 15398 | left: 0; |
| 15387 | overflow: hidden; | 15399 | overflow: hidden; |
| 15388 | display: none; | 15400 | display: none; |
| 15389 | z-index: 8010; | 15401 | z-index: 8010; |
| 15390 | background-color: rgba(0, 0, 0, 0.8); | 15402 | background-color: rgba(0, 0, 0, 0.8); |
| 15391 | } | 15403 | } |
| 15392 | .fancybox-overlay-fixed { | 15404 | .fancybox-overlay-fixed { |
| 15393 | position: fixed; | 15405 | position: fixed; |
| 15394 | bottom: 0; | 15406 | bottom: 0; |
| 15395 | right: 0; | 15407 | right: 0; |
| 15396 | } | 15408 | } |
| 15397 | /* ------------------------------------------------------------------------------ | 15409 | /* ------------------------------------------------------------------------------ |
| 15398 | * | 15410 | * |
| 15399 | * # Footable | 15411 | * # Footable |
| 15400 | * | 15412 | * |
| 15401 | * jQuery plugin that aims to make HTML tables on smaller devices look awesome. | 15413 | * jQuery plugin that aims to make HTML tables on smaller devices look awesome. |
| 15402 | * | 15414 | * |
| 15403 | * Version: 1.0 | 15415 | * Version: 1.0 |
| 15404 | * Latest update: May 25, 2015 | 15416 | * Latest update: May 25, 2015 |
| 15405 | * | 15417 | * |
| 15406 | * ---------------------------------------------------------------------------- */ | 15418 | * ---------------------------------------------------------------------------- */ |
| 15407 | .footable { | 15419 | .footable { |
| 15408 | width: 100%; | 15420 | width: 100%; |
| 15409 | } | 15421 | } |
| 15410 | .footable > thead > tr > th { | 15422 | .footable > thead > tr > th { |
| 15411 | -webkit-touch-callout: none; | 15423 | -webkit-touch-callout: none; |
| 15412 | -webkit-user-select: none; | 15424 | -webkit-user-select: none; |
| 15413 | -moz-user-select: none; | 15425 | -moz-user-select: none; |
| 15414 | -ms-user-select: none; | 15426 | -ms-user-select: none; |
| 15415 | user-select: none; | 15427 | user-select: none; |
| 15416 | } | 15428 | } |
| 15417 | .footable.breakpoint > tbody > tr.footable-detail-show > td { | 15429 | .footable.breakpoint > tbody > tr.footable-detail-show > td { |
| 15418 | border-bottom: 0; | 15430 | border-bottom: 0; |
| 15419 | } | 15431 | } |
| 15420 | .footable.breakpoint > tbody > tr.footable-row-detail:hover { | 15432 | .footable.breakpoint > tbody > tr.footable-row-detail:hover { |
| 15421 | background-color: transparent; | 15433 | background-color: transparent; |
| 15422 | } | 15434 | } |
| 15423 | .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { | 15435 | .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { |
| 15424 | cursor: pointer; | 15436 | cursor: pointer; |
| 15425 | } | 15437 | } |
| 15426 | .footable.breakpoint > tbody > tr > .footable-cell-detail { | 15438 | .footable.breakpoint > tbody > tr > .footable-cell-detail { |
| 15427 | background-color: #eeeeee; | 15439 | background-color: #eeeeee; |
| 15428 | border-top: 0; | 15440 | border-top: 0; |
| 15429 | } | 15441 | } |
| 15430 | .footable.breakpoint > tbody > tr .footable-toggle:before { | 15442 | .footable.breakpoint > tbody > tr .footable-toggle:before { |
| 15431 | content: "\e9e4"; | 15443 | content: "\e9e4"; |
| 15432 | display: inline-block; | 15444 | display: inline-block; |
| 15433 | font-family: 'icomoon'; | 15445 | font-family: 'icomoon'; |
| 15434 | font-size: 16px; | 15446 | font-size: 16px; |
| 15435 | vertical-align: middle; | 15447 | vertical-align: middle; |
| 15436 | position: relative; | 15448 | position: relative; |
| 15437 | top: -1px; | 15449 | top: -1px; |
| 15438 | line-height: 1; | 15450 | line-height: 1; |
| 15439 | -webkit-font-smoothing: antialiased; | 15451 | -webkit-font-smoothing: antialiased; |
| 15440 | -moz-osx-font-smoothing: grayscale; | 15452 | -moz-osx-font-smoothing: grayscale; |
| 15441 | padding-right: 10px; | 15453 | padding-right: 10px; |
| 15442 | } | 15454 | } |
| 15443 | .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before { | 15455 | .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before { |
| 15444 | content: "\e9e7"; | 15456 | content: "\e9e7"; |
| 15445 | } | 15457 | } |
| 15446 | .footable-row-detail-inner { | 15458 | .footable-row-detail-inner { |
| 15447 | display: table; | 15459 | display: table; |
| 15448 | table-layout: fixed; | 15460 | table-layout: fixed; |
| 15449 | width: 100%; | 15461 | width: 100%; |
| 15450 | } | 15462 | } |
| 15451 | .footable-row-detail-row { | 15463 | .footable-row-detail-row { |
| 15452 | display: table-row; | 15464 | display: table-row; |
| 15453 | } | 15465 | } |
| 15454 | .footable-row-detail-group { | 15466 | .footable-row-detail-group { |
| 15455 | display: block; | 15467 | display: block; |
| 15456 | font-weight: 700; | 15468 | font-weight: 700; |
| 15457 | margin-top: 20px; | 15469 | margin-top: 20px; |
| 15458 | margin-bottom: 8px; | 15470 | margin-bottom: 8px; |
| 15459 | } | 15471 | } |
| 15460 | .footable-row-detail-group:first-child { | 15472 | .footable-row-detail-group:first-child { |
| 15461 | margin-top: 8px; | 15473 | margin-top: 8px; |
| 15462 | } | 15474 | } |
| 15463 | .footable-row-detail-name { | 15475 | .footable-row-detail-name { |
| 15464 | display: table-cell; | 15476 | display: table-cell; |
| 15465 | padding-right: 40px; | 15477 | padding-right: 40px; |
| 15466 | font-weight: 500; | 15478 | font-weight: 500; |
| 15467 | } | 15479 | } |
| 15468 | .footable-row-detail-value { | 15480 | .footable-row-detail-value { |
| 15469 | display: table-cell; | 15481 | display: table-cell; |
| 15470 | padding: 8px 0; | 15482 | padding: 8px 0; |
| 15471 | } | 15483 | } |
| 15472 | @media (max-width: 480px) { | 15484 | @media (max-width: 480px) { |
| 15473 | .footable-row-detail-inner { | 15485 | .footable-row-detail-inner { |
| 15474 | position: relative; | 15486 | position: relative; |
| 15475 | } | 15487 | } |
| 15476 | .footable-row-detail .dropdown, | 15488 | .footable-row-detail .dropdown, |
| 15477 | .footable-row-detail .dropup, | 15489 | .footable-row-detail .dropup, |
| 15478 | .footable-row-detail .btn-group { | 15490 | .footable-row-detail .btn-group { |
| 15479 | position: static; | 15491 | position: static; |
| 15480 | } | 15492 | } |
| 15481 | .footable-row-detail .dropdown-menu { | 15493 | .footable-row-detail .dropdown-menu { |
| 15482 | left: 0; | 15494 | left: 0; |
| 15483 | right: 0; | 15495 | right: 0; |
| 15484 | } | 15496 | } |
| 15485 | } | 15497 | } |
| 15486 | /* ------------------------------------------------------------------------------ | 15498 | /* ------------------------------------------------------------------------------ |
| 15487 | * | 15499 | * |
| 15488 | * # Handsontable library | 15500 | * # Handsontable library |
| 15489 | * | 15501 | * |
| 15490 | * EXCEL-LIKE SPREADSHEET FOR APPS | 15502 | * EXCEL-LIKE SPREADSHEET FOR APPS |
| 15491 | * | 15503 | * |
| 15492 | * Version: 1.0 | 15504 | * Version: 1.0 |
| 15493 | * Latest update: Nov 25, 2015 | 15505 | * Latest update: Nov 25, 2015 |
| 15494 | * | 15506 | * |
| 15495 | * ---------------------------------------------------------------------------- */ | 15507 | * ---------------------------------------------------------------------------- */ |
| 15496 | .hot-container { | 15508 | .hot-container { |
| 15497 | position: relative; | 15509 | position: relative; |
| 15498 | -webkit-box-shadow: 0 0 0 1px #ddd; | 15510 | -webkit-box-shadow: 0 0 0 1px #ddd; |
| 15499 | box-shadow: 0 0 0 1px #ddd; | 15511 | box-shadow: 0 0 0 1px #ddd; |
| 15500 | } | 15512 | } |
| 15501 | .hot-container .ht_master .wtHolder { | 15513 | .hot-container .ht_master .wtHolder { |
| 15502 | min-width: 100%; | 15514 | min-width: 100%; |
| 15503 | } | 15515 | } |
| 15504 | .hot-container.has-scroll { | 15516 | .hot-container.has-scroll { |
| 15505 | height: 300px; | 15517 | height: 300px; |
| 15506 | overflow: hidden; | 15518 | overflow: hidden; |
| 15507 | } | 15519 | } |
| 15508 | @media (max-width: 1024px) { | 15520 | @media (max-width: 1024px) { |
| 15509 | .hot-container { | 15521 | .hot-container { |
| 15510 | overflow-x: hidden; | 15522 | overflow-x: hidden; |
| 15511 | overflow-y: auto; | 15523 | overflow-y: auto; |
| 15512 | } | 15524 | } |
| 15513 | .hot-container .ht_master .wtHolder { | 15525 | .hot-container .ht_master .wtHolder { |
| 15514 | max-width: 100%; | 15526 | max-width: 100%; |
| 15515 | min-width: auto; | 15527 | min-width: auto; |
| 15516 | } | 15528 | } |
| 15517 | .hot-container:not(.has-scroll) .wtHolder { | 15529 | .hot-container:not(.has-scroll) .wtHolder { |
| 15518 | height: 100%!important; | 15530 | height: 100%!important; |
| 15519 | } | 15531 | } |
| 15520 | } | 15532 | } |
| 15521 | .handsontable .table-striped > tbody > tr:nth-of-type(odd) > td:not([class*=bg-]) { | 15533 | .handsontable .table-striped > tbody > tr:nth-of-type(odd) > td:not([class*=bg-]) { |
| 15522 | background-color: inherit; | 15534 | background-color: inherit; |
| 15523 | } | 15535 | } |
| 15524 | .handsontable .table-hover > tbody > tr:hover > th { | 15536 | .handsontable .table-hover > tbody > tr:hover > th { |
| 15525 | background-color: #f5f5f5; | 15537 | background-color: #f5f5f5; |
| 15526 | } | 15538 | } |
| 15527 | .changeType { | 15539 | .changeType { |
| 15528 | border: 0; | 15540 | border: 0; |
| 15529 | background-color: transparent; | 15541 | background-color: transparent; |
| 15530 | border-radius: 2px; | 15542 | border-radius: 2px; |
| 15531 | padding: 0; | 15543 | padding: 0; |
| 15532 | float: right; | 15544 | float: right; |
| 15533 | margin-right: 2px; | 15545 | margin-right: 2px; |
| 15534 | line-height: 16px; | 15546 | line-height: 16px; |
| 15535 | margin-top: 2px; | 15547 | margin-top: 2px; |
| 15536 | } | 15548 | } |
| 15537 | .changeType:hover { | 15549 | .changeType:hover { |
| 15538 | color: #777; | 15550 | color: #777; |
| 15539 | } | 15551 | } |
| 15540 | .changeTypeMenu { | 15552 | .changeTypeMenu { |
| 15541 | position: absolute; | 15553 | position: absolute; |
| 15542 | border: 1px solid #ccc; | 15554 | border: 1px solid #ccc; |
| 15543 | margin-top: 20px; | 15555 | margin-top: 20px; |
| 15544 | background-color: #fff; | 15556 | background-color: #fff; |
| 15545 | padding: 8px 0; | 15557 | padding: 8px 0; |
| 15546 | display: none; | 15558 | display: none; |
| 15547 | width: 160px; | 15559 | width: 160px; |
| 15548 | z-index: 1000; | 15560 | z-index: 1000; |
| 15549 | } | 15561 | } |
| 15550 | .changeTypeMenu li { | 15562 | .changeTypeMenu li { |
| 15551 | list-style: none; | 15563 | list-style: none; |
| 15552 | padding: 8px 16px; | 15564 | padding: 8px 16px; |
| 15553 | padding-right: 40px; | 15565 | padding-right: 40px; |
| 15554 | cursor: pointer; | 15566 | cursor: pointer; |
| 15555 | position: relative; | 15567 | position: relative; |
| 15556 | } | 15568 | } |
| 15557 | .changeTypeMenu li:hover { | 15569 | .changeTypeMenu li:hover { |
| 15558 | background-color: #f5f5f5; | 15570 | background-color: #f5f5f5; |
| 15559 | } | 15571 | } |
| 15560 | .changeTypeMenu li.active:after { | 15572 | .changeTypeMenu li.active:after { |
| 15561 | content: '\e600'; | 15573 | content: '\e600'; |
| 15562 | font-family: 'Icomoon'; | 15574 | font-family: 'Icomoon'; |
| 15563 | position: absolute; | 15575 | position: absolute; |
| 15564 | right: 16px; | 15576 | right: 16px; |
| 15565 | top: 50%; | 15577 | top: 50%; |
| 15566 | margin-top: -8px; | 15578 | margin-top: -8px; |
| 15567 | display: inline-block; | 15579 | display: inline-block; |
| 15568 | font-size: 16px; | 15580 | font-size: 16px; |
| 15569 | line-height: 1; | 15581 | line-height: 1; |
| 15570 | -webkit-font-smoothing: antialiased; | 15582 | -webkit-font-smoothing: antialiased; |
| 15571 | -moz-osx-font-smoothing: grayscale; | 15583 | -moz-osx-font-smoothing: grayscale; |
| 15572 | } | 15584 | } |
| 15573 | .handsontable { | 15585 | .handsontable { |
| 15574 | position: relative; | 15586 | position: relative; |
| 15575 | direction: ltr; | 15587 | direction: ltr; |
| 15576 | } | 15588 | } |
| 15577 | .handsontable .hide { | 15589 | .handsontable .hide { |
| 15578 | display: none; | 15590 | display: none; |
| 15579 | } | 15591 | } |
| 15580 | .handsontable .relative { | 15592 | .handsontable .relative { |
| 15581 | position: relative; | 15593 | position: relative; |
| 15582 | } | 15594 | } |
| 15583 | .handsontable.htAutoSize { | 15595 | .handsontable.htAutoSize { |
| 15584 | visibility: hidden; | 15596 | visibility: hidden; |
| 15585 | left: -99000px; | 15597 | left: -99000px; |
| 15586 | position: absolute; | 15598 | position: absolute; |
| 15587 | top: -99000px; | 15599 | top: -99000px; |
| 15588 | } | 15600 | } |
| 15589 | .handsontable .htDimmed { | 15601 | .handsontable .htDimmed { |
| 15590 | color: #999999; | 15602 | color: #999999; |
| 15591 | } | 15603 | } |
| 15592 | .handsontable .wtHider { | 15604 | .handsontable .wtHider { |
| 15593 | width: 0; | 15605 | width: 0; |
| 15594 | } | 15606 | } |
| 15595 | .handsontable .wtSpreader { | 15607 | .handsontable .wtSpreader { |
| 15596 | position: relative; | 15608 | position: relative; |
| 15597 | width: 0; | 15609 | width: 0; |
| 15598 | /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ | 15610 | /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */ |
| 15599 | height: auto; | 15611 | height: auto; |
| 15600 | } | 15612 | } |
| 15601 | .handsontable table, | 15613 | .handsontable table, |
| 15602 | .handsontable tbody, | 15614 | .handsontable tbody, |
| 15603 | .handsontable thead, | 15615 | .handsontable thead, |
| 15604 | .handsontable td, | 15616 | .handsontable td, |
| 15605 | .handsontable th, | 15617 | .handsontable th, |
| 15606 | .handsontable input, | 15618 | .handsontable input, |
| 15607 | .handsontable textarea, | 15619 | .handsontable textarea, |
| 15608 | .handsontable div { | 15620 | .handsontable div { |
| 15609 | -webkit-box-sizing: content-box; | 15621 | -webkit-box-sizing: content-box; |
| 15610 | -moz-box-sizing: content-box; | 15622 | -moz-box-sizing: content-box; |
| 15611 | box-sizing: content-box; | 15623 | box-sizing: content-box; |
| 15612 | } | 15624 | } |
| 15613 | .handsontable input, | 15625 | .handsontable input, |
| 15614 | .handsontable textarea { | 15626 | .handsontable textarea { |
| 15615 | min-height: initial; | 15627 | min-height: initial; |
| 15616 | } | 15628 | } |
| 15617 | .handsontable .htCore { | 15629 | .handsontable .htCore { |
| 15618 | border-collapse: separate; | 15630 | border-collapse: separate; |
| 15619 | border-spacing: 0; | 15631 | border-spacing: 0; |
| 15620 | margin: 0; | 15632 | margin: 0; |
| 15621 | border-width: 0; | 15633 | border-width: 0; |
| 15622 | table-layout: fixed; | 15634 | table-layout: fixed; |
| 15623 | width: 0; | 15635 | width: 0; |
| 15624 | outline-width: 0; | 15636 | outline-width: 0; |
| 15625 | max-width: none; | 15637 | max-width: none; |
| 15626 | max-height: none; | 15638 | max-height: none; |
| 15627 | } | 15639 | } |
| 15628 | .handsontable col, | 15640 | .handsontable col, |
| 15629 | .handsontable col.rowHeader { | 15641 | .handsontable col.rowHeader { |
| 15630 | width: 50px; | 15642 | width: 50px; |
| 15631 | } | 15643 | } |
| 15632 | .handsontable th, | 15644 | .handsontable th, |
| 15633 | .handsontable td { | 15645 | .handsontable td { |
| 15634 | border-right: 1px solid #ddd; | 15646 | border-right: 1px solid #ddd; |
| 15635 | border-bottom: 1px solid #ddd; | 15647 | border-bottom: 1px solid #ddd; |
| 15636 | height: 30px; | 15648 | height: 30px; |
| 15637 | empty-cells: show; | 15649 | empty-cells: show; |
| 15638 | position: relative; | 15650 | position: relative; |
| 15639 | padding: 0 4px; | 15651 | padding: 0 4px; |
| 15640 | overflow: hidden; | 15652 | overflow: hidden; |
| 15641 | outline-width: 0; | 15653 | outline-width: 0; |
| 15642 | white-space: pre-line; | 15654 | white-space: pre-line; |
| 15643 | } | 15655 | } |
| 15644 | .handsontable th.disabled, | 15656 | .handsontable th.disabled, |
| 15645 | .handsontable td.disabled { | 15657 | .handsontable td.disabled { |
| 15646 | background-color: #fafafa; | 15658 | background-color: #fafafa; |
| 15647 | color: #999999; | 15659 | color: #999999; |
| 15648 | } | 15660 | } |
| 15649 | .handsontable th { | 15661 | .handsontable th { |
| 15650 | text-align: center; | 15662 | text-align: center; |
| 15651 | font-weight: normal; | 15663 | font-weight: normal; |
| 15652 | white-space: nowrap; | 15664 | white-space: nowrap; |
| 15653 | } | 15665 | } |
| 15654 | .handsontable th:not([class*=bg-]) { | 15666 | .handsontable th:not([class*=bg-]) { |
| 15655 | background-color: #f5f5f5; | 15667 | background-color: #f5f5f5; |
| 15656 | } | 15668 | } |
| 15657 | .handsontable th.active { | 15669 | .handsontable th.active { |
| 15658 | background-color: #eeeeee; | 15670 | background-color: #eeeeee; |
| 15659 | } | 15671 | } |
| 15660 | .handsontable thead th { | 15672 | .handsontable thead th { |
| 15661 | padding: 0; | 15673 | padding: 0; |
| 15662 | } | 15674 | } |
| 15663 | .handsontable thead th .relative { | 15675 | .handsontable thead th .relative { |
| 15664 | padding: 2px 4px; | 15676 | padding: 2px 4px; |
| 15665 | overflow: hidden; | 15677 | overflow: hidden; |
| 15666 | text-overflow: ellipsis; | 15678 | text-overflow: ellipsis; |
| 15667 | } | 15679 | } |
| 15668 | .handsontable td:not([class*=bg-]) { | 15680 | .handsontable td:not([class*=bg-]) { |
| 15669 | background-color: #fff; | 15681 | background-color: #fff; |
| 15670 | } | 15682 | } |
| 15671 | .handsontable td.htInvalid { | 15683 | .handsontable td.htInvalid { |
| 15672 | background-color: #FFEBEE !important; | 15684 | background-color: #FFEBEE !important; |
| 15673 | } | 15685 | } |
| 15674 | .handsontable td.htNoWrap { | 15686 | .handsontable td.htNoWrap { |
| 15675 | white-space: nowrap; | 15687 | white-space: nowrap; |
| 15676 | } | 15688 | } |
| 15677 | .handsontable td.active { | 15689 | .handsontable td.active { |
| 15678 | background-color: #f8f8f8; | 15690 | background-color: #f8f8f8; |
| 15679 | } | 15691 | } |
| 15680 | .handsontable td.area { | 15692 | .handsontable td.area { |
| 15681 | background-color: #fff; | 15693 | background-color: #fff; |
| 15682 | background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15694 | background: -moz-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15683 | /* FF3.6+ */ | 15695 | /* FF3.6+ */ |
| 15684 | 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))); | 15696 | 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))); |
| 15685 | /* Chrome,Safari4+ */ | 15697 | /* Chrome,Safari4+ */ |
| 15686 | background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15698 | background: -webkit-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15687 | /* Chrome10+,Safari5.1+ */ | 15699 | /* Chrome10+,Safari5.1+ */ |
| 15688 | background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15700 | background: -o-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15689 | /* Opera 11.10+ */ | 15701 | /* Opera 11.10+ */ |
| 15690 | background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15702 | background: -ms-linear-gradient(top, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15691 | /* IE10+ */ | 15703 | /* IE10+ */ |
| 15692 | background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); | 15704 | background: linear-gradient(to bottom, rgba(181, 209, 255, 0.34) 0%, rgba(181, 209, 255, 0.34) 100%); |
| 15693 | /* W3C */ | 15705 | /* W3C */ |
| 15694 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0); | 15706 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57b5d1ff', endColorstr='#57b5d1ff', GradientType=0); |
| 15695 | /* IE6-9 */ | 15707 | /* IE6-9 */ |
| 15696 | } | 15708 | } |
| 15697 | .handsontable tr:first-child th.htNoFrame, | 15709 | .handsontable tr:first-child th.htNoFrame, |
| 15698 | .handsontable th:first-child.htNoFrame, | 15710 | .handsontable th:first-child.htNoFrame, |
| 15699 | .handsontable th.htNoFrame { | 15711 | .handsontable th.htNoFrame { |
| 15700 | border-left-width: 0; | 15712 | border-left-width: 0; |
| 15701 | background-color: #fff; | 15713 | background-color: #fff; |
| 15702 | border-color: #fff; | 15714 | border-color: #fff; |
| 15703 | } | 15715 | } |
| 15704 | .handsontable th:first-child, | 15716 | .handsontable th:first-child, |
| 15705 | .handsontable td:first-of-type, | 15717 | .handsontable td:first-of-type, |
| 15706 | .handsontable .htNoFrame + th, | 15718 | .handsontable .htNoFrame + th, |
| 15707 | .handsontable .htNoFrame + td { | 15719 | .handsontable .htNoFrame + td { |
| 15708 | border-left: 1px solid #ddd; | 15720 | border-left: 1px solid #ddd; |
| 15709 | } | 15721 | } |
| 15710 | .handsontable.htRowHeaders thead tr th:nth-child(2) { | 15722 | .handsontable.htRowHeaders thead tr th:nth-child(2) { |
| 15711 | border-left: 1px solid #ddd; | 15723 | border-left: 1px solid #ddd; |
| 15712 | } | 15724 | } |
| 15713 | .handsontable tr:first-child th, | 15725 | .handsontable tr:first-child th, |
| 15714 | .handsontable tr:first-child td { | 15726 | .handsontable tr:first-child td { |
| 15715 | border-top: 1px solid #ddd; | 15727 | border-top: 1px solid #ddd; |
| 15716 | } | 15728 | } |
| 15717 | .ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th, | 15729 | .ht_master:not(.innerBorderLeft) ~ .handsontable tbody tr th, |
| 15718 | .ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { | 15730 | .ht_master:not(.innerBorderLeft) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { |
| 15719 | border-right-width: 0; | 15731 | border-right-width: 0; |
| 15720 | } | 15732 | } |
| 15721 | .ht_master:not(.innerBorderTop) thead tr:last-child th, | 15733 | .ht_master:not(.innerBorderTop) thead tr:last-child th, |
| 15722 | .ht_master:not(.innerBorderTop) thead tr.lastChild th, | 15734 | .ht_master:not(.innerBorderTop) thead tr.lastChild th, |
| 15723 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, | 15735 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, |
| 15724 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { | 15736 | .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { |
| 15725 | border-bottom-width: 0; | 15737 | border-bottom-width: 0; |
| 15726 | } | 15738 | } |
| 15727 | .ht_master tbody tr:first-child td { | 15739 | .ht_master tbody tr:first-child td { |
| 15728 | border-top-color: transparent; | 15740 | border-top-color: transparent; |
| 15729 | } | 15741 | } |
| 15730 | .ht_clone_top tr:first-child th, | 15742 | .ht_clone_top tr:first-child th, |
| 15731 | .ht_clone_top tr:first-child td { | 15743 | .ht_clone_top tr:first-child td { |
| 15732 | border-top-color: transparent; | 15744 | border-top-color: transparent; |
| 15733 | } | 15745 | } |
| 15734 | .ht_clone_left thead tr:first-child th, | 15746 | .ht_clone_left thead tr:first-child th, |
| 15735 | .ht_clone_top_left_corner thead tr:first-child th, | 15747 | .ht_clone_top_left_corner thead tr:first-child th, |
| 15736 | .ht_clone_left tbody tr:first-child td, | 15748 | .ht_clone_left tbody tr:first-child td, |
| 15737 | .ht_clone_top_left_corner tbody tr:first-child td, | 15749 | .ht_clone_top_left_corner tbody tr:first-child td, |
| 15738 | .ht_clone_left tbody tr:first-child th, | 15750 | .ht_clone_left tbody tr:first-child th, |
| 15739 | .ht_clone_top_left_corner tbody tr:first-child th { | 15751 | .ht_clone_top_left_corner tbody tr:first-child th { |
| 15740 | border-top-color: transparent; | 15752 | border-top-color: transparent; |
| 15741 | } | 15753 | } |
| 15742 | .handsontable th:first-child, | 15754 | .handsontable th:first-child, |
| 15743 | .handsontable td:first-child { | 15755 | .handsontable td:first-child { |
| 15744 | border-left-color: transparent; | 15756 | border-left-color: transparent; |
| 15745 | } | 15757 | } |
| 15746 | .ht_master td:last-child, | 15758 | .ht_master td:last-child, |
| 15747 | .ht_clone_top th:last-child, | 15759 | .ht_clone_top th:last-child, |
| 15748 | .ht_clone_top td:last-child { | 15760 | .ht_clone_top td:last-child { |
| 15749 | border-right-color: transparent; | 15761 | border-right-color: transparent; |
| 15750 | } | 15762 | } |
| 15751 | .ht_master tbody tr:last-child th, | 15763 | .ht_master tbody tr:last-child th, |
| 15752 | .ht_clone_left tbody tr:last-child th, | 15764 | .ht_clone_left tbody tr:last-child th, |
| 15753 | .ht_master tbody tr:last-child td, | 15765 | .ht_master tbody tr:last-child td, |
| 15754 | .ht_clone_left tbody tr:last-child td { | 15766 | .ht_clone_left tbody tr:last-child td { |
| 15755 | border-bottom-color: transparent; | 15767 | border-bottom-color: transparent; |
| 15756 | } | 15768 | } |
| 15757 | .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th, | 15769 | .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th, |
| 15758 | .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th { | 15770 | .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th { |
| 15759 | border-top-color: #ddd; | 15771 | border-top-color: #ddd; |
| 15760 | } | 15772 | } |
| 15761 | .htColumnHeaders .handsontable tr:first-child td { | 15773 | .htColumnHeaders .handsontable tr:first-child td { |
| 15762 | border-top-color: #ddd; | 15774 | border-top-color: #ddd; |
| 15763 | } | 15775 | } |
| 15764 | .manualColumnMover, | 15776 | .manualColumnMover, |
| 15765 | .manualRowMover { | 15777 | .manualRowMover { |
| 15766 | position: fixed; | 15778 | position: fixed; |
| 15767 | top: 0; | 15779 | top: 0; |
| 15768 | background-color: transparent; | 15780 | background-color: transparent; |
| 15769 | z-index: 999; | 15781 | z-index: 999; |
| 15770 | cursor: move; | 15782 | cursor: move; |
| 15771 | } | 15783 | } |
| 15772 | .manualColumnMover { | 15784 | .manualColumnMover { |
| 15773 | left: 0; | 15785 | left: 0; |
| 15774 | width: 5px; | 15786 | width: 5px; |
| 15775 | height: 32px; | 15787 | height: 32px; |
| 15776 | } | 15788 | } |
| 15777 | .manualRowMover { | 15789 | .manualRowMover { |
| 15778 | left: -4px; | 15790 | left: -4px; |
| 15779 | height: 5px; | 15791 | height: 5px; |
| 15780 | width: 50px; | 15792 | width: 50px; |
| 15781 | } | 15793 | } |
| 15782 | .manualColumnMoverGuide, | 15794 | .manualColumnMoverGuide, |
| 15783 | .manualRowMoverGuide { | 15795 | .manualRowMoverGuide { |
| 15784 | position: fixed; | 15796 | position: fixed; |
| 15785 | left: 0; | 15797 | left: 0; |
| 15786 | top: 0; | 15798 | top: 0; |
| 15787 | background-color: #ddd; | 15799 | background-color: #ddd; |
| 15788 | display: none; | 15800 | display: none; |
| 15789 | opacity: 0.25; | 15801 | opacity: 0.25; |
| 15790 | filter: alpha(opacity=25); | 15802 | filter: alpha(opacity=25); |
| 15791 | } | 15803 | } |
| 15792 | .manualColumnMoverGuide.active, | 15804 | .manualColumnMoverGuide.active, |
| 15793 | .manualRowMoverGuide.active { | 15805 | .manualRowMoverGuide.active { |
| 15794 | display: block; | 15806 | display: block; |
| 15795 | } | 15807 | } |
| 15796 | .manualColumnMoverGuide:hover, | 15808 | .manualColumnMoverGuide:hover, |
| 15797 | .manualRowMoverGuide:hover, | 15809 | .manualRowMoverGuide:hover, |
| 15798 | .manualColumnMoverGuide.active, | 15810 | .manualColumnMoverGuide.active, |
| 15799 | .manualRowMoverGuide.active { | 15811 | .manualRowMoverGuide.active { |
| 15800 | background-color: #2196F3; | 15812 | background-color: #2196F3; |
| 15801 | } | 15813 | } |
| 15802 | .manualColumnMoverGuide { | 15814 | .manualColumnMoverGuide { |
| 15803 | max-height: 404px; | 15815 | max-height: 404px; |
| 15804 | } | 15816 | } |
| 15805 | .manualColumnResizer.active, | 15817 | .manualColumnResizer.active, |
| 15806 | .manualRowResizer.active { | 15818 | .manualRowResizer.active { |
| 15807 | display: block; | 15819 | display: block; |
| 15808 | } | 15820 | } |
| 15809 | .manualColumnResizer:hover, | 15821 | .manualColumnResizer:hover, |
| 15810 | .manualRowResizer:hover, | 15822 | .manualRowResizer:hover, |
| 15811 | .manualColumnResizer.active, | 15823 | .manualColumnResizer.active, |
| 15812 | .manualRowResizer.active { | 15824 | .manualRowResizer.active { |
| 15813 | background-color: #999999; | 15825 | background-color: #999999; |
| 15814 | } | 15826 | } |
| 15815 | .manualColumnResizer { | 15827 | .manualColumnResizer { |
| 15816 | position: fixed; | 15828 | position: fixed; |
| 15817 | top: 0; | 15829 | top: 0; |
| 15818 | cursor: col-resize; | 15830 | cursor: col-resize; |
| 15819 | z-index: 110; | 15831 | z-index: 110; |
| 15820 | width: 5px; | 15832 | width: 5px; |
| 15821 | height: 31px; | 15833 | height: 31px; |
| 15822 | } | 15834 | } |
| 15823 | .manualRowResizer { | 15835 | .manualRowResizer { |
| 15824 | position: fixed; | 15836 | position: fixed; |
| 15825 | left: 0; | 15837 | left: 0; |
| 15826 | cursor: row-resize; | 15838 | cursor: row-resize; |
| 15827 | z-index: 110; | 15839 | z-index: 110; |
| 15828 | height: 5px; | 15840 | height: 5px; |
| 15829 | width: 50px; | 15841 | width: 50px; |
| 15830 | } | 15842 | } |
| 15831 | .manualColumnResizerGuide { | 15843 | .manualColumnResizerGuide { |
| 15832 | position: fixed; | 15844 | position: fixed; |
| 15833 | right: 0; | 15845 | right: 0; |
| 15834 | top: 0; | 15846 | top: 0; |
| 15835 | background-color: #999999; | 15847 | background-color: #999999; |
| 15836 | display: none; | 15848 | display: none; |
| 15837 | width: 0; | 15849 | width: 0; |
| 15838 | border-right: 1px dashed #777; | 15850 | border-right: 1px dashed #777; |
| 15839 | margin-left: 5px; | 15851 | margin-left: 5px; |
| 15840 | } | 15852 | } |
| 15841 | .manualRowResizerGuide { | 15853 | .manualRowResizerGuide { |
| 15842 | position: fixed; | 15854 | position: fixed; |
| 15843 | left: 0; | 15855 | left: 0; |
| 15844 | bottom: 0; | 15856 | bottom: 0; |
| 15845 | background-color: #999999; | 15857 | background-color: #999999; |
| 15846 | display: none; | 15858 | display: none; |
| 15847 | height: 0; | 15859 | height: 0; |
| 15848 | border-bottom: 1px dashed #777; | 15860 | border-bottom: 1px dashed #777; |
| 15849 | margin-top: 5px; | 15861 | margin-top: 5px; |
| 15850 | } | 15862 | } |
| 15851 | .handsontable .columnSorting { | 15863 | .handsontable .columnSorting { |
| 15852 | position: relative; | 15864 | position: relative; |
| 15853 | } | 15865 | } |
| 15854 | .handsontable .columnSorting:hover { | 15866 | .handsontable .columnSorting:hover { |
| 15855 | cursor: pointer; | 15867 | cursor: pointer; |
| 15856 | } | 15868 | } |
| 15857 | .handsontable .columnSorting:before, | 15869 | .handsontable .columnSorting:before, |
| 15858 | .handsontable .columnSorting:after, | 15870 | .handsontable .columnSorting:after, |
| 15859 | .handsontable .columnSorting.ascending:after, | 15871 | .handsontable .columnSorting.ascending:after, |
| 15860 | .handsontable .columnSorting.descending:after { | 15872 | .handsontable .columnSorting.descending:after { |
| 15861 | font-family: 'Icomoon'; | 15873 | font-family: 'Icomoon'; |
| 15862 | font-size: 12px; | 15874 | font-size: 12px; |
| 15863 | color: #999999; | 15875 | color: #999999; |
| 15864 | position: absolute; | 15876 | position: absolute; |
| 15865 | display: inline-block; | 15877 | display: inline-block; |
| 15866 | top: 50%; | 15878 | top: 50%; |
| 15867 | margin-top: -6px; | 15879 | margin-top: -6px; |
| 15868 | right: -20px; | 15880 | right: -20px; |
| 15869 | line-height: 1; | 15881 | line-height: 1; |
| 15870 | -webkit-font-smoothing: antialiased; | 15882 | -webkit-font-smoothing: antialiased; |
| 15871 | -moz-osx-font-smoothing: grayscale; | 15883 | -moz-osx-font-smoothing: grayscale; |
| 15872 | } | 15884 | } |
| 15873 | .handsontable .columnSorting:before { | 15885 | .handsontable .columnSorting:before { |
| 15874 | content: '\e9c1'; | 15886 | content: '\e9c1'; |
| 15875 | margin-top: -2px; | 15887 | margin-top: -2px; |
| 15876 | } | 15888 | } |
| 15877 | .handsontable .columnSorting:after { | 15889 | .handsontable .columnSorting:after { |
| 15878 | content: '\e9c2'; | 15890 | content: '\e9c2'; |
| 15879 | margin-top: -10px; | 15891 | margin-top: -10px; |
| 15880 | } | 15892 | } |
| 15881 | .handsontable .columnSorting.ascending:before { | 15893 | .handsontable .columnSorting.ascending:before { |
| 15882 | content: none; | 15894 | content: none; |
| 15883 | } | 15895 | } |
| 15884 | .handsontable .columnSorting.ascending:after { | 15896 | .handsontable .columnSorting.ascending:after { |
| 15885 | content: '\e9c2'; | 15897 | content: '\e9c2'; |
| 15886 | } | 15898 | } |
| 15887 | .handsontable .columnSorting.descending:before { | 15899 | .handsontable .columnSorting.descending:before { |
| 15888 | content: none; | 15900 | content: none; |
| 15889 | } | 15901 | } |
| 15890 | .handsontable .columnSorting.descending:after { | 15902 | .handsontable .columnSorting.descending:after { |
| 15891 | content: '\e9c1'; | 15903 | content: '\e9c1'; |
| 15892 | } | 15904 | } |
| 15893 | .handsontable th.beforeHiddenColumn, | 15905 | .handsontable th.beforeHiddenColumn, |
| 15894 | .handsontable th.afterHiddenColumn { | 15906 | .handsontable th.afterHiddenColumn { |
| 15895 | position: relative; | 15907 | position: relative; |
| 15896 | } | 15908 | } |
| 15897 | .handsontable th.beforeHiddenColumn:after, | 15909 | .handsontable th.beforeHiddenColumn:after, |
| 15898 | .handsontable th.afterHiddenColumn:after, | 15910 | .handsontable th.afterHiddenColumn:after, |
| 15899 | .handsontable th.beforeHiddenColumn:before, | 15911 | .handsontable th.beforeHiddenColumn:before, |
| 15900 | .handsontable th.afterHiddenColumn:before { | 15912 | .handsontable th.afterHiddenColumn:before { |
| 15901 | content: '\25C0'; | 15913 | content: '\25C0'; |
| 15902 | color: #bbb; | 15914 | color: #bbb; |
| 15903 | position: absolute; | 15915 | position: absolute; |
| 15904 | right: 1px; | 15916 | right: 1px; |
| 15905 | top: 2px; | 15917 | top: 2px; |
| 15906 | font-size: 5pt; | 15918 | font-size: 5pt; |
| 15907 | } | 15919 | } |
| 15908 | .handsontable th.afterHiddenColumn:before { | 15920 | .handsontable th.afterHiddenColumn:before { |
| 15909 | left: 1px; | 15921 | left: 1px; |
| 15910 | top: 2px; | 15922 | top: 2px; |
| 15911 | right: auto; | 15923 | right: auto; |
| 15912 | content: '\25B6'; | 15924 | content: '\25B6'; |
| 15913 | } | 15925 | } |
| 15914 | .handsontable thead th.hiddenHeader { | 15926 | .handsontable thead th.hiddenHeader { |
| 15915 | display: none; | 15927 | display: none; |
| 15916 | } | 15928 | } |
| 15917 | .handsontable td.afterHiddenColumn.firstVisible { | 15929 | .handsontable td.afterHiddenColumn.firstVisible { |
| 15918 | border-left: 1px solid #ddd; | 15930 | border-left: 1px solid #ddd; |
| 15919 | } | 15931 | } |
| 15920 | .wtBorder { | 15932 | .wtBorder { |
| 15921 | position: absolute; | 15933 | position: absolute; |
| 15922 | font-size: 0; | 15934 | font-size: 0; |
| 15923 | z-index: 10; | 15935 | z-index: 10; |
| 15924 | } | 15936 | } |
| 15925 | .wtBorder.hidden { | 15937 | .wtBorder.hidden { |
| 15926 | display: none!important; | 15938 | display: none!important; |
| 15927 | } | 15939 | } |
| 15928 | .wtBorder.corner { | 15940 | .wtBorder.corner { |
| 15929 | font-size: 0; | 15941 | font-size: 0; |
| 15930 | cursor: crosshair; | 15942 | cursor: crosshair; |
| 15931 | } | 15943 | } |
| 15932 | .htBorder.htFillBorder { | 15944 | .htBorder.htFillBorder { |
| 15933 | background-color: #F44336; | 15945 | background-color: #F44336; |
| 15934 | width: 1px; | 15946 | width: 1px; |
| 15935 | height: 1px; | 15947 | height: 1px; |
| 15936 | } | 15948 | } |
| 15937 | .handsontableInput { | 15949 | .handsontableInput { |
| 15938 | border: none; | 15950 | border: none; |
| 15939 | outline-width: 0; | 15951 | outline-width: 0; |
| 15940 | margin: 0 ; | 15952 | margin: 0 ; |
| 15941 | padding: 1px 5px 0 5px; | 15953 | padding: 1px 5px 0 5px; |
| 15942 | font-family: inherit; | 15954 | font-family: inherit; |
| 15943 | line-height: 30px; | 15955 | line-height: 30px; |
| 15944 | font-size: inherit; | 15956 | font-size: inherit; |
| 15945 | resize: none; | 15957 | resize: none; |
| 15946 | display: inline-block; | 15958 | display: inline-block; |
| 15947 | background-color: #fff; | 15959 | background-color: #fff; |
| 15948 | -webkit-box-shadow: 0 0 0 2px #2196F3 inset; | 15960 | -webkit-box-shadow: 0 0 0 2px #2196F3 inset; |
| 15949 | box-shadow: 0 0 0 2px #2196F3 inset; | 15961 | box-shadow: 0 0 0 2px #2196F3 inset; |
| 15950 | } | 15962 | } |
| 15951 | .handsontableInputHolder { | 15963 | .handsontableInputHolder { |
| 15952 | position: absolute; | 15964 | position: absolute; |
| 15953 | top: 0; | 15965 | top: 0; |
| 15954 | left: 0; | 15966 | left: 0; |
| 15955 | z-index: 1000; | 15967 | z-index: 1000; |
| 15956 | } | 15968 | } |
| 15957 | .htSelectEditor { | 15969 | .htSelectEditor { |
| 15958 | -webkit-appearance: menulist-button !important; | 15970 | -webkit-appearance: menulist-button !important; |
| 15959 | position: absolute; | 15971 | position: absolute; |
| 15960 | width: auto; | 15972 | width: auto; |
| 15961 | outline: 0; | 15973 | outline: 0; |
| 15962 | border-color: #ddd; | 15974 | border-color: #ddd; |
| 15963 | background-color: transparent; | 15975 | background-color: transparent; |
| 15964 | } | 15976 | } |
| 15965 | .handsontable .htSubmenu { | 15977 | .handsontable .htSubmenu { |
| 15966 | position: relative; | 15978 | position: relative; |
| 15967 | } | 15979 | } |
| 15968 | .handsontable .htSubmenu > div:after { | 15980 | .handsontable .htSubmenu > div:after { |
| 15969 | content: '\e9c7'; | 15981 | content: '\e9c7'; |
| 15970 | font-family: 'icomoon'; | 15982 | font-family: 'icomoon'; |
| 15971 | position: absolute; | 15983 | position: absolute; |
| 15972 | top: 50%; | 15984 | top: 50%; |
| 15973 | margin-top: -8px; | 15985 | margin-top: -8px; |
| 15974 | right: 16px; | 15986 | right: 16px; |
| 15975 | font-size: 16px; | 15987 | font-size: 16px; |
| 15976 | line-height: 1; | 15988 | line-height: 1; |
| 15977 | -webkit-font-smoothing: antialiased; | 15989 | -webkit-font-smoothing: antialiased; |
| 15978 | -moz-osx-font-smoothing: grayscale; | 15990 | -moz-osx-font-smoothing: grayscale; |
| 15979 | opacity: 0.8; | 15991 | opacity: 0.8; |
| 15980 | filter: alpha(opacity=80); | 15992 | filter: alpha(opacity=80); |
| 15981 | } | 15993 | } |
| 15982 | .handsontable .htLeft { | 15994 | .handsontable .htLeft { |
| 15983 | text-align: left; | 15995 | text-align: left; |
| 15984 | } | 15996 | } |
| 15985 | .handsontable .htCenter { | 15997 | .handsontable .htCenter { |
| 15986 | text-align: center; | 15998 | text-align: center; |
| 15987 | } | 15999 | } |
| 15988 | .handsontable .htRight { | 16000 | .handsontable .htRight { |
| 15989 | text-align: right; | 16001 | text-align: right; |
| 15990 | } | 16002 | } |
| 15991 | .handsontable .htJustify { | 16003 | .handsontable .htJustify { |
| 15992 | text-align: justify; | 16004 | text-align: justify; |
| 15993 | } | 16005 | } |
| 15994 | .handsontable .htTop { | 16006 | .handsontable .htTop { |
| 15995 | vertical-align: top; | 16007 | vertical-align: top; |
| 15996 | } | 16008 | } |
| 15997 | .handsontable .htMiddle { | 16009 | .handsontable .htMiddle { |
| 15998 | vertical-align: middle; | 16010 | vertical-align: middle; |
| 15999 | } | 16011 | } |
| 16000 | .handsontable .htBottom { | 16012 | .handsontable .htBottom { |
| 16001 | vertical-align: bottom; | 16013 | vertical-align: bottom; |
| 16002 | } | 16014 | } |
| 16003 | .htAutocomplete { | 16015 | .htAutocomplete { |
| 16004 | padding-right: 20px; | 16016 | padding-right: 20px; |
| 16005 | } | 16017 | } |
| 16006 | .htPlaceholder { | 16018 | .htPlaceholder { |
| 16007 | color: #999999; | 16019 | color: #999999; |
| 16008 | } | 16020 | } |
| 16009 | .htAutocompleteArrow { | 16021 | .htAutocompleteArrow { |
| 16010 | color: #999999; | 16022 | color: #999999; |
| 16011 | cursor: default; | 16023 | cursor: default; |
| 16012 | font-size: 0; | 16024 | font-size: 0; |
| 16013 | line-height: 1; | 16025 | line-height: 1; |
| 16014 | position: absolute; | 16026 | position: absolute; |
| 16015 | top: 50%; | 16027 | top: 50%; |
| 16016 | right: 4px; | 16028 | right: 4px; |
| 16017 | margin-top: -2px; | 16029 | margin-top: -2px; |
| 16018 | display: inline-block; | 16030 | display: inline-block; |
| 16019 | margin-right: 4px; | 16031 | margin-right: 4px; |
| 16020 | border-top: 4px dashed; | 16032 | border-top: 4px dashed; |
| 16021 | border-right: 4px solid transparent; | 16033 | border-right: 4px solid transparent; |
| 16022 | border-left: 4px solid transparent; | 16034 | border-left: 4px solid transparent; |
| 16023 | } | 16035 | } |
| 16024 | .handsontable td:hover .htAutocompleteArrow, | 16036 | .handsontable td:hover .htAutocompleteArrow, |
| 16025 | .handsontable th:hover .htAutocompleteArrow { | 16037 | .handsontable th:hover .htAutocompleteArrow { |
| 16026 | color: #333333; | 16038 | color: #333333; |
| 16027 | } | 16039 | } |
| 16028 | .autocompleteEditor, | 16040 | .autocompleteEditor, |
| 16029 | .autocompleteEditor .wtHolder, | 16041 | .autocompleteEditor .wtHolder, |
| 16030 | .autocompleteEditor .htCore { | 16042 | .autocompleteEditor .htCore { |
| 16031 | min-width: 180px; | 16043 | min-width: 180px; |
| 16032 | } | 16044 | } |
| 16033 | .htCheckboxRendererInput.noValue { | 16045 | .htCheckboxRendererInput.noValue { |
| 16034 | opacity: 0.5; | 16046 | opacity: 0.5; |
| 16035 | filter: alpha(opacity=50); | 16047 | filter: alpha(opacity=50); |
| 16036 | } | 16048 | } |
| 16037 | .htCheckboxRendererLabel { | 16049 | .htCheckboxRendererLabel { |
| 16038 | cursor: pointer; | 16050 | cursor: pointer; |
| 16039 | display: inline-block; | 16051 | display: inline-block; |
| 16040 | width: 100%; | 16052 | width: 100%; |
| 16041 | margin-bottom: 0; | 16053 | margin-bottom: 0; |
| 16042 | } | 16054 | } |
| 16043 | .htCheckboxRendererLabel > .htCheckboxRendererInput { | 16055 | .htCheckboxRendererLabel > .htCheckboxRendererInput { |
| 16044 | margin-right: 10px; | 16056 | margin-right: 10px; |
| 16045 | } | 16057 | } |
| 16046 | .htCommentCell { | 16058 | .htCommentCell { |
| 16047 | position: relative; | 16059 | position: relative; |
| 16048 | } | 16060 | } |
| 16049 | .htCommentCell:after { | 16061 | .htCommentCell:after { |
| 16050 | content: ''; | 16062 | content: ''; |
| 16051 | position: absolute; | 16063 | position: absolute; |
| 16052 | top: 0; | 16064 | top: 0; |
| 16053 | right: 0; | 16065 | right: 0; |
| 16054 | border-left: 6px solid transparent; | 16066 | border-left: 6px solid transparent; |
| 16055 | border-top: 6px solid red; | 16067 | border-top: 6px solid red; |
| 16056 | } | 16068 | } |
| 16057 | .htCommentTextArea { | 16069 | .htCommentTextArea { |
| 16058 | background-color: #fff; | 16070 | background-color: #fff; |
| 16059 | border: 1px solid #ccc; | 16071 | border: 1px solid #ccc; |
| 16060 | padding: 9px; | 16072 | padding: 9px; |
| 16061 | margin-top: -1px; | 16073 | margin-top: -1px; |
| 16062 | border-radius: 0 0 3px 3px; | 16074 | border-radius: 0 0 3px 3px; |
| 16063 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); | 16075 | -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); |
| 16064 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); | 16076 | box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); |
| 16065 | } | 16077 | } |
| 16066 | .handsontable .handsontable.ht_clone_top .wtHider { | 16078 | .handsontable .handsontable.ht_clone_top .wtHider { |
| 16067 | padding: 0 0 5px 0; | 16079 | padding: 0 0 5px 0; |
| 16068 | } | 16080 | } |
| 16069 | .handsontable.listbox { | 16081 | .handsontable.listbox { |
| 16070 | margin: 0; | 16082 | margin: 0; |
| 16071 | background-color: #fff; | 16083 | background-color: #fff; |
| 16072 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16084 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16073 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16085 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16074 | } | 16086 | } |
| 16075 | .handsontable.listbox .ht_master table { | 16087 | .handsontable.listbox .ht_master table { |
| 16076 | border-collapse: separate; | 16088 | border-collapse: separate; |
| 16077 | border: 0; | 16089 | border: 0; |
| 16078 | } | 16090 | } |
| 16079 | .handsontable.listbox th, | 16091 | .handsontable.listbox th, |
| 16080 | .handsontable.listbox tr:first-child th, | 16092 | .handsontable.listbox tr:first-child th, |
| 16081 | .handsontable.listbox tr:last-child th, | 16093 | .handsontable.listbox tr:last-child th, |
| 16082 | .handsontable.listbox tr:first-child td, | 16094 | .handsontable.listbox tr:first-child td, |
| 16083 | .handsontable.listbox td { | 16095 | .handsontable.listbox td { |
| 16084 | border-color: transparent; | 16096 | border-color: transparent; |
| 16085 | } | 16097 | } |
| 16086 | .handsontable.listbox th, | 16098 | .handsontable.listbox th, |
| 16087 | .handsontable.listbox td { | 16099 | .handsontable.listbox td { |
| 16088 | white-space: nowrap; | 16100 | white-space: nowrap; |
| 16089 | text-overflow: ellipsis; | 16101 | text-overflow: ellipsis; |
| 16090 | } | 16102 | } |
| 16091 | .handsontable.listbox td.htDimmed { | 16103 | .handsontable.listbox td.htDimmed { |
| 16092 | cursor: pointer; | 16104 | cursor: pointer; |
| 16093 | color: inherit; | 16105 | color: inherit; |
| 16094 | font-style: inherit; | 16106 | font-style: inherit; |
| 16095 | } | 16107 | } |
| 16096 | .handsontable.listbox .wtBorder { | 16108 | .handsontable.listbox .wtBorder { |
| 16097 | visibility: hidden; | 16109 | visibility: hidden; |
| 16098 | } | 16110 | } |
| 16099 | .handsontable.listbox tr td.current, | 16111 | .handsontable.listbox tr td.current, |
| 16100 | .handsontable.listbox tr:hover td { | 16112 | .handsontable.listbox tr:hover td { |
| 16101 | background-color: #f5f5f5; | 16113 | background-color: #f5f5f5; |
| 16102 | } | 16114 | } |
| 16103 | .ht_clone_top { | 16115 | .ht_clone_top { |
| 16104 | z-index: 11; | 16116 | z-index: 11; |
| 16105 | } | 16117 | } |
| 16106 | .ht_clone_left { | 16118 | .ht_clone_left { |
| 16107 | z-index: 12; | 16119 | z-index: 12; |
| 16108 | } | 16120 | } |
| 16109 | .ht_clone_top_left_corner, | 16121 | .ht_clone_top_left_corner, |
| 16110 | .ht_clone_bottom_left_corner { | 16122 | .ht_clone_bottom_left_corner { |
| 16111 | z-index: 13; | 16123 | z-index: 13; |
| 16112 | } | 16124 | } |
| 16113 | .ht_clone_debug { | 16125 | .ht_clone_debug { |
| 16114 | z-index: 13; | 16126 | z-index: 13; |
| 16115 | } | 16127 | } |
| 16116 | .ht_master, | 16128 | .ht_master, |
| 16117 | .ht_clone_left, | 16129 | .ht_clone_left, |
| 16118 | .ht_clone_top, | 16130 | .ht_clone_top, |
| 16119 | .ht_clone_bottom { | 16131 | .ht_clone_bottom { |
| 16120 | overflow: hidden; | 16132 | overflow: hidden; |
| 16121 | } | 16133 | } |
| 16122 | .ht_master .wtHolder { | 16134 | .ht_master .wtHolder { |
| 16123 | overflow: auto; | 16135 | overflow: auto; |
| 16124 | } | 16136 | } |
| 16125 | .ht_clone_left .wtHolder { | 16137 | .ht_clone_left .wtHolder { |
| 16126 | overflow-x: hidden; | 16138 | overflow-x: hidden; |
| 16127 | overflow-y: auto; | 16139 | overflow-y: auto; |
| 16128 | } | 16140 | } |
| 16129 | .ht_clone_top .wtHolder, | 16141 | .ht_clone_top .wtHolder, |
| 16130 | .ht_clone_bottom .wtHolder { | 16142 | .ht_clone_bottom .wtHolder { |
| 16131 | overflow-x: hidden; | 16143 | overflow-x: hidden; |
| 16132 | overflow-y: hidden; | 16144 | overflow-y: hidden; |
| 16133 | } | 16145 | } |
| 16134 | .handsontable td.htSearchResult { | 16146 | .handsontable td.htSearchResult { |
| 16135 | background-color: #FFF3E0; | 16147 | background-color: #FFF3E0; |
| 16136 | } | 16148 | } |
| 16137 | .htBordered { | 16149 | .htBordered { |
| 16138 | border-width: 1px; | 16150 | border-width: 1px; |
| 16139 | } | 16151 | } |
| 16140 | .htBordered.htTopBorderSolid { | 16152 | .htBordered.htTopBorderSolid { |
| 16141 | border-top-style: solid; | 16153 | border-top-style: solid; |
| 16142 | border-top-color: #000; | 16154 | border-top-color: #000; |
| 16143 | } | 16155 | } |
| 16144 | .htBordered.htRightBorderSolid { | 16156 | .htBordered.htRightBorderSolid { |
| 16145 | border-right-style: solid; | 16157 | border-right-style: solid; |
| 16146 | border-right-color: #000; | 16158 | border-right-color: #000; |
| 16147 | } | 16159 | } |
| 16148 | .htBordered.htBottomBorderSolid { | 16160 | .htBordered.htBottomBorderSolid { |
| 16149 | border-bottom-style: solid; | 16161 | border-bottom-style: solid; |
| 16150 | border-bottom-color: #000; | 16162 | border-bottom-color: #000; |
| 16151 | } | 16163 | } |
| 16152 | .htBordered.htLeftBorderSolid { | 16164 | .htBordered.htLeftBorderSolid { |
| 16153 | border-left-style: solid; | 16165 | border-left-style: solid; |
| 16154 | border-left-color: #000; | 16166 | border-left-color: #000; |
| 16155 | } | 16167 | } |
| 16156 | .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { | 16168 | .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { |
| 16157 | padding-bottom: 5px; | 16169 | padding-bottom: 5px; |
| 16158 | } | 16170 | } |
| 16159 | .htCollapseButton { | 16171 | .htCollapseButton { |
| 16160 | width: 10px; | 16172 | width: 10px; |
| 16161 | height: 10px; | 16173 | height: 10px; |
| 16162 | line-height: 10px; | 16174 | line-height: 10px; |
| 16163 | text-align: center; | 16175 | text-align: center; |
| 16164 | border-radius: 3px; | 16176 | border-radius: 3px; |
| 16165 | border: 1px solid #f5f5f5; | 16177 | border: 1px solid #f5f5f5; |
| 16166 | cursor: pointer; | 16178 | cursor: pointer; |
| 16167 | margin-bottom: 3px; | 16179 | margin-bottom: 3px; |
| 16168 | position: relative; | 16180 | position: relative; |
| 16169 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16181 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16170 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16182 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16171 | } | 16183 | } |
| 16172 | .htCollapseButton:after { | 16184 | .htCollapseButton:after { |
| 16173 | content: ""; | 16185 | content: ""; |
| 16174 | height: 300%; | 16186 | height: 300%; |
| 16175 | width: 1px; | 16187 | width: 1px; |
| 16176 | display: block; | 16188 | display: block; |
| 16177 | background-color: #ccc; | 16189 | background-color: #ccc; |
| 16178 | margin-left: 4px; | 16190 | margin-left: 4px; |
| 16179 | position: absolute; | 16191 | position: absolute; |
| 16180 | bottom: 10px; | 16192 | bottom: 10px; |
| 16181 | } | 16193 | } |
| 16182 | thead .htCollapseButton { | 16194 | thead .htCollapseButton { |
| 16183 | position: absolute; | 16195 | position: absolute; |
| 16184 | top: 5px; | 16196 | top: 5px; |
| 16185 | right: 5px; | 16197 | right: 5px; |
| 16186 | background-color: #fff; | 16198 | background-color: #fff; |
| 16187 | } | 16199 | } |
| 16188 | thead .htCollapseButton:after { | 16200 | thead .htCollapseButton:after { |
| 16189 | height: 1px; | 16201 | height: 1px; |
| 16190 | width: 700%; | 16202 | width: 700%; |
| 16191 | right: 10px; | 16203 | right: 10px; |
| 16192 | top: 4px; | 16204 | top: 4px; |
| 16193 | } | 16205 | } |
| 16194 | .handsontable th .htExpandButton { | 16206 | .handsontable th .htExpandButton { |
| 16195 | position: absolute; | 16207 | position: absolute; |
| 16196 | top: 0; | 16208 | top: 0; |
| 16197 | display: none; | 16209 | display: none; |
| 16198 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16210 | -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16199 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); | 16211 | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); |
| 16200 | } | 16212 | } |
| 16201 | .handsontable th .htExpandButton.clickable { | 16213 | .handsontable th .htExpandButton.clickable { |
| 16202 | display: block; | 16214 | display: block; |
| 16203 | } | 16215 | } |
| 16204 | .handsontable thead th .htExpandButton { | 16216 | .handsontable thead th .htExpandButton { |
| 16205 | top: 5px; | 16217 | top: 5px; |
| 16206 | } | 16218 | } |
| 16207 | .collapsibleIndicator { | 16219 | .collapsibleIndicator { |
| 16208 | position: absolute; | 16220 | position: absolute; |
| 16209 | top: 50%; | 16221 | top: 50%; |
| 16210 | transform: translate(0%, -50%); | 16222 | transform: translate(0%, -50%); |
| 16211 | right: 5px; | 16223 | right: 5px; |
| 16212 | border: 1px solid #999999; | 16224 | border: 1px solid #999999; |
| 16213 | line-height: 10px; | 16225 | line-height: 10px; |
| 16214 | color: #333333; | 16226 | color: #333333; |
| 16215 | border-radius: 100px; | 16227 | border-radius: 100px; |
| 16216 | font-size: 10px; | 16228 | font-size: 10px; |
| 16217 | width: 10px; | 16229 | width: 10px; |
| 16218 | height: 10px; | 16230 | height: 10px; |
| 16219 | cursor: pointer; | 16231 | cursor: pointer; |
| 16220 | background-color: #eee; | 16232 | background-color: #eee; |
| 16221 | -webkit-box-shadow: 0 0 0 6px #eeeeee; | 16233 | -webkit-box-shadow: 0 0 0 6px #eeeeee; |
| 16222 | box-shadow: 0 0 0 6px #eeeeee; | 16234 | box-shadow: 0 0 0 6px #eeeeee; |
| 16223 | } | 16235 | } |
| 16224 | .handsontable col.hidden { | 16236 | .handsontable col.hidden { |
| 16225 | width: 0!important; | 16237 | width: 0!important; |
| 16226 | } | 16238 | } |
| 16227 | .handsontable table tr th.lightRightBorder { | 16239 | .handsontable table tr th.lightRightBorder { |
| 16228 | border-right: 1px solid #E6E6E6; | 16240 | border-right: 1px solid #E6E6E6; |
| 16229 | } | 16241 | } |
| 16230 | .handsontable tr.hidden, | 16242 | .handsontable tr.hidden, |
| 16231 | .handsontable tr.hidden td, | 16243 | .handsontable tr.hidden td, |
| 16232 | .handsontable tr.hidden th { | 16244 | .handsontable tr.hidden th { |
| 16233 | display: none; | 16245 | display: none; |
| 16234 | } | 16246 | } |
| 16235 | .wtDebugHidden { | 16247 | .wtDebugHidden { |
| 16236 | display: none; | 16248 | display: none; |
| 16237 | } | 16249 | } |
| 16238 | .wtDebugVisible { | 16250 | .wtDebugVisible { |
| 16239 | display: block; | 16251 | display: block; |
| 16240 | -webkit-animation-duration: 0.5s; | 16252 | -webkit-animation-duration: 0.5s; |
| 16241 | animation-duration: 0.5s; | 16253 | animation-duration: 0.5s; |
| 16242 | -webkit-animation-name: wtFadeInFromNone; | 16254 | -webkit-animation-name: wtFadeInFromNone; |
| 16243 | animation-name: wtFadeInFromNone; | 16255 | animation-name: wtFadeInFromNone; |
| 16244 | } | 16256 | } |
| 16245 | @keyframes wtFadeInFromNone { | 16257 | @keyframes wtFadeInFromNone { |
| 16246 | 0% { | 16258 | 0% { |
| 16247 | display: none; | 16259 | display: none; |
| 16248 | opacity: 0; | 16260 | opacity: 0; |
| 16249 | } | 16261 | } |
| 16250 | 1% { | 16262 | 1% { |
| 16251 | display: block; | 16263 | display: block; |
| 16252 | opacity: 0; | 16264 | opacity: 0; |
| 16253 | } | 16265 | } |
| 16254 | 100% { | 16266 | 100% { |
| 16255 | display: block; | 16267 | display: block; |
| 16256 | opacity: 1; | 16268 | opacity: 1; |
| 16257 | } | 16269 | } |
| 16258 | } | 16270 | } |
| 16259 | @-webkit-keyframes wtFadeInFromNone { | 16271 | @-webkit-keyframes wtFadeInFromNone { |
| 16260 | 0% { | 16272 | 0% { |
| 16261 | display: none; | 16273 | display: none; |
| 16262 | opacity: 0; | 16274 | opacity: 0; |
| 16263 | } | 16275 | } |
| 16264 | 1% { | 16276 | 1% { |
| 16265 | display: block; | 16277 | display: block; |
| 16266 | opacity: 0; | 16278 | opacity: 0; |
| 16267 | } | 16279 | } |
| 16268 | 100% { | 16280 | 100% { |
| 16269 | display: block; | 16281 | display: block; |
| 16270 | opacity: 1; | 16282 | opacity: 1; |
| 16271 | } | 16283 | } |
| 16272 | } | 16284 | } |
| 16273 | .handsontable.mobile, | 16285 | .handsontable.mobile, |
| 16274 | .handsontable.mobile .wtHolder { | 16286 | .handsontable.mobile .wtHolder { |
| 16275 | -webkit-touch-callout: none; | 16287 | -webkit-touch-callout: none; |
| 16276 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | 16288 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 16277 | -webkit-overflow-scrolling: touch; | 16289 | -webkit-overflow-scrolling: touch; |
| 16278 | -webkit-user-select: none; | 16290 | -webkit-user-select: none; |
| 16279 | -moz-user-select: none; | 16291 | -moz-user-select: none; |
| 16280 | -ms-user-select: none; | 16292 | -ms-user-select: none; |
| 16281 | user-select: none; | 16293 | user-select: none; |
| 16282 | } | 16294 | } |
| 16283 | .htMobileEditorContainer { | 16295 | .htMobileEditorContainer { |
| 16284 | display: none; | 16296 | display: none; |
| 16285 | position: absolute; | 16297 | position: absolute; |
| 16286 | top: 0; | 16298 | top: 0; |
| 16287 | width: 70%; | 16299 | width: 70%; |
| 16288 | height: 54pt; | 16300 | height: 54pt; |
| 16289 | background: #f5f5f5; | 16301 | background: #f5f5f5; |
| 16290 | border-radius: 20px; | 16302 | border-radius: 20px; |
| 16291 | border: 1px solid #eee; | 16303 | border: 1px solid #eee; |
| 16292 | z-index: 999; | 16304 | z-index: 999; |
| 16293 | -webkit-text-size-adjust: none; | 16305 | -webkit-text-size-adjust: none; |
| 16294 | -webkit-box-sizing: border-box; | 16306 | -webkit-box-sizing: border-box; |
| 16295 | -moz-box-sizing: border-box; | 16307 | -moz-box-sizing: border-box; |
| 16296 | box-sizing: border-box; | 16308 | box-sizing: border-box; |
| 16297 | } | 16309 | } |
| 16298 | .htMobileEditorContainer.active { | 16310 | .htMobileEditorContainer.active { |
| 16299 | display: block; | 16311 | display: block; |
| 16300 | } | 16312 | } |
| 16301 | .htMobileEditorContainer .inputs { | 16313 | .htMobileEditorContainer .inputs { |
| 16302 | position: absolute; | 16314 | position: absolute; |
| 16303 | right: 210px; | 16315 | right: 210px; |
| 16304 | bottom: 10px; | 16316 | bottom: 10px; |
| 16305 | top: 10px; | 16317 | top: 10px; |
| 16306 | left: 14px; | 16318 | left: 14px; |
| 16307 | height: 38px; | 16319 | height: 38px; |
| 16308 | } | 16320 | } |
| 16309 | .htMobileEditorContainer .inputs textarea { | 16321 | .htMobileEditorContainer .inputs textarea { |
| 16310 | font-size: 13px; | 16322 | font-size: 13px; |
| 16311 | border: 1px solid #a1a1a1; | 16323 | border: 1px solid #a1a1a1; |
| 16312 | -webkit-appearance: none; | 16324 | -webkit-appearance: none; |
| 16313 | position: absolute; | 16325 | position: absolute; |
| 16314 | left: 14px; | 16326 | left: 14px; |
| 16315 | right: 14px; | 16327 | right: 14px; |
| 16316 | top: 0; | 16328 | top: 0; |
| 16317 | bottom: 0; | 16329 | bottom: 0; |
| 16318 | padding: 8px; | 16330 | padding: 8px; |
| 16319 | -webkit-box-shadow: none; | 16331 | -webkit-box-shadow: none; |
| 16320 | box-shadow: none; | 16332 | box-shadow: none; |
| 16321 | } | 16333 | } |
| 16322 | .htMobileEditorContainer .cellPointer { | 16334 | .htMobileEditorContainer .cellPointer { |
| 16323 | position: absolute; | 16335 | position: absolute; |
| 16324 | top: -13px; | 16336 | top: -13px; |
| 16325 | height: 0; | 16337 | height: 0; |
| 16326 | width: 0; | 16338 | width: 0; |
| 16327 | left: 30px; | 16339 | left: 30px; |
| 16328 | border-left: 13px solid transparent; | 16340 | border-left: 13px solid transparent; |
| 16329 | border-right: 13px solid transparent; | 16341 | border-right: 13px solid transparent; |
| 16330 | border-bottom: 13px solid #ebebeb; | 16342 | border-bottom: 13px solid #ebebeb; |
| 16331 | } | 16343 | } |
| 16332 | .htMobileEditorContainer .cellPointer.hidden { | 16344 | .htMobileEditorContainer .cellPointer.hidden { |
| 16333 | display: none; | 16345 | display: none; |
| 16334 | } | 16346 | } |
| 16335 | .htMobileEditorContainer .cellPointer:before { | 16347 | .htMobileEditorContainer .cellPointer:before { |
| 16336 | content: ''; | 16348 | content: ''; |
| 16337 | display: block; | 16349 | display: block; |
| 16338 | position: absolute; | 16350 | position: absolute; |
| 16339 | top: 2px; | 16351 | top: 2px; |
| 16340 | height: 0; | 16352 | height: 0; |
| 16341 | width: 0; | 16353 | width: 0; |
| 16342 | left: -13px; | 16354 | left: -13px; |
| 16343 | border-left: 13px solid transparent; | 16355 | border-left: 13px solid transparent; |
| 16344 | border-right: 13px solid transparent; | 16356 | border-right: 13px solid transparent; |
| 16345 | border-bottom: 13px solid #f5f5f5; | 16357 | border-bottom: 13px solid #f5f5f5; |
| 16346 | } | 16358 | } |
| 16347 | .htMobileEditorContainer .moveHandle { | 16359 | .htMobileEditorContainer .moveHandle { |
| 16348 | position: absolute; | 16360 | position: absolute; |
| 16349 | top: 10px; | 16361 | top: 10px; |
| 16350 | left: 5px; | 16362 | left: 5px; |
| 16351 | width: 30px; | 16363 | width: 30px; |
| 16352 | bottom: 0px; | 16364 | bottom: 0px; |
| 16353 | cursor: move; | 16365 | cursor: move; |
| 16354 | z-index: 9999; | 16366 | z-index: 9999; |
| 16355 | } | 16367 | } |
| 16356 | .htMobileEditorContainer .moveHandle:after { | 16368 | .htMobileEditorContainer .moveHandle:after { |
| 16357 | content: "..\a..\a..\a.."; | 16369 | content: "..\a..\a..\a.."; |
| 16358 | white-space: pre; | 16370 | white-space: pre; |
| 16359 | line-height: 10px; | 16371 | line-height: 10px; |
| 16360 | font-size: 20px; | 16372 | font-size: 20px; |
| 16361 | display: inline-block; | 16373 | display: inline-block; |
| 16362 | margin-top: -8px; | 16374 | margin-top: -8px; |
| 16363 | color: #ebebeb; | 16375 | color: #ebebeb; |
| 16364 | } | 16376 | } |
| 16365 | .htMobileEditorContainer .positionControls { | 16377 | .htMobileEditorContainer .positionControls { |
| 16366 | width: 205px; | 16378 | width: 205px; |
| 16367 | position: absolute; | 16379 | position: absolute; |
| 16368 | right: 5px; | 16380 | right: 5px; |
| 16369 | top: 0; | 16381 | top: 0; |
| 16370 | bottom: 0; | 16382 | bottom: 0; |
| 16371 | } | 16383 | } |
| 16372 | .htMobileEditorContainer .positionControls > div { | 16384 | .htMobileEditorContainer .positionControls > div { |
| 16373 | width: 50px; | 16385 | width: 50px; |
| 16374 | height: 100%; | 16386 | height: 100%; |
| 16375 | float: left; | 16387 | float: left; |
| 16376 | } | 16388 | } |
| 16377 | .htMobileEditorContainer .positionControls > div:after { | 16389 | .htMobileEditorContainer .positionControls > div:after { |
| 16378 | content: " "; | 16390 | content: " "; |
| 16379 | display: block; | 16391 | display: block; |
| 16380 | width: 15px; | 16392 | width: 15px; |
| 16381 | height: 15px; | 16393 | height: 15px; |
| 16382 | text-align: center; | 16394 | text-align: center; |
| 16383 | line-height: 50px; | 16395 | line-height: 50px; |
| 16384 | } | 16396 | } |
| 16385 | .htMobileEditorContainer .leftButton:after, | 16397 | .htMobileEditorContainer .leftButton:after, |
| 16386 | .htMobileEditorContainer .rightButton:after, | 16398 | .htMobileEditorContainer .rightButton:after, |
| 16387 | .htMobileEditorContainer .upButton:after, | 16399 | .htMobileEditorContainer .upButton:after, |
| 16388 | .htMobileEditorContainer .downButton:after { | 16400 | .htMobileEditorContainer .downButton:after { |
| 16389 | margin: 21px 0 0 21px; | 16401 | margin: 21px 0 0 21px; |
| 16390 | -webkit-transform-origin: 5px; | 16402 | -webkit-transform-origin: 5px; |
| 16391 | -moz-transform-origin: 5px; | 16403 | -moz-transform-origin: 5px; |
| 16392 | -ms-transform-origin: 5px; | 16404 | -ms-transform-origin: 5px; |
| 16393 | transform-origin: 5px; | 16405 | transform-origin: 5px; |
| 16394 | } | 16406 | } |
| 16395 | .htMobileEditorContainer .leftButton:after { | 16407 | .htMobileEditorContainer .leftButton:after { |
| 16396 | border-top: 2px solid #288ffe; | 16408 | border-top: 2px solid #288ffe; |
| 16397 | border-left: 2px solid #288ffe; | 16409 | border-left: 2px solid #288ffe; |
| 16398 | -webkit-transform: rotate(-45deg); | 16410 | -webkit-transform: rotate(-45deg); |
| 16399 | -ms-transform: rotate(-45deg); | 16411 | -ms-transform: rotate(-45deg); |
| 16400 | -o-transform: rotate(-45deg); | 16412 | -o-transform: rotate(-45deg); |
| 16401 | transform: rotate(-45deg); | 16413 | transform: rotate(-45deg); |
| 16402 | } | 16414 | } |
| 16403 | .htMobileEditorContainer .leftButton:active:after { | 16415 | .htMobileEditorContainer .leftButton:active:after { |
| 16404 | border-color: #cfcfcf; | 16416 | border-color: #cfcfcf; |
| 16405 | } | 16417 | } |
| 16406 | .htMobileEditorContainer .rightButton:after { | 16418 | .htMobileEditorContainer .rightButton:after { |
| 16407 | border-top: 2px solid #288ffe; | 16419 | border-top: 2px solid #288ffe; |
| 16408 | border-left: 2px solid #288ffe; | 16420 | border-left: 2px solid #288ffe; |
| 16409 | -webkit-transform: rotate(135deg); | 16421 | -webkit-transform: rotate(135deg); |
| 16410 | -ms-transform: rotate(135deg); | 16422 | -ms-transform: rotate(135deg); |
| 16411 | -o-transform: rotate(135deg); | 16423 | -o-transform: rotate(135deg); |
| 16412 | transform: rotate(135deg); | 16424 | transform: rotate(135deg); |
| 16413 | } | 16425 | } |
| 16414 | .htMobileEditorContainer .rightButton:active:after { | 16426 | .htMobileEditorContainer .rightButton:active:after { |
| 16415 | border-color: #cfcfcf; | 16427 | border-color: #cfcfcf; |
| 16416 | } | 16428 | } |
| 16417 | .htMobileEditorContainer .upButton:after { | 16429 | .htMobileEditorContainer .upButton:after { |
| 16418 | border-top: 2px solid #288ffe; | 16430 | border-top: 2px solid #288ffe; |
| 16419 | border-left: 2px solid #288ffe; | 16431 | border-left: 2px solid #288ffe; |
| 16420 | -webkit-transform: rotate(45deg); | 16432 | -webkit-transform: rotate(45deg); |
| 16421 | -ms-transform: rotate(45deg); | 16433 | -ms-transform: rotate(45deg); |
| 16422 | -o-transform: rotate(45deg); | 16434 | -o-transform: rotate(45deg); |
| 16423 | transform: rotate(45deg); | 16435 | transform: rotate(45deg); |
| 16424 | } | 16436 | } |
| 16425 | .htMobileEditorContainer .upButton:active:after { | 16437 | .htMobileEditorContainer .upButton:active:after { |
| 16426 | border-color: #cfcfcf; | 16438 | border-color: #cfcfcf; |
| 16427 | } | 16439 | } |
| 16428 | .htMobileEditorContainer .downButton:after { | 16440 | .htMobileEditorContainer .downButton:after { |
| 16429 | border-top: 2px solid #288ffe; | 16441 | border-top: 2px solid #288ffe; |
| 16430 | border-left: 2px solid #288ffe; | 16442 | border-left: 2px solid #288ffe; |
| 16431 | -webkit-transform: rotate(225deg); | 16443 | -webkit-transform: rotate(225deg); |
| 16432 | -ms-transform: rotate(225deg); | 16444 | -ms-transform: rotate(225deg); |
| 16433 | -o-transform: rotate(225deg); | 16445 | -o-transform: rotate(225deg); |
| 16434 | transform: rotate(225deg); | 16446 | transform: rotate(225deg); |
| 16435 | } | 16447 | } |
| 16436 | .htMobileEditorContainer .downButton:active:after { | 16448 | .htMobileEditorContainer .downButton:active:after { |
| 16437 | border-color: #cfcfcf; | 16449 | border-color: #cfcfcf; |
| 16438 | } | 16450 | } |
| 16439 | .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), | 16451 | .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), |
| 16440 | .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { | 16452 | .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { |
| 16441 | z-index: 9999; | 16453 | z-index: 9999; |
| 16442 | } | 16454 | } |
| 16443 | .topLeftSelectionHandle, | 16455 | .topLeftSelectionHandle, |
| 16444 | .topLeftSelectionHandle-HitArea, | 16456 | .topLeftSelectionHandle-HitArea, |
| 16445 | .bottomRightSelectionHandle, | 16457 | .bottomRightSelectionHandle, |
| 16446 | .bottomRightSelectionHandle-HitArea { | 16458 | .bottomRightSelectionHandle-HitArea { |
| 16447 | left: -10000px; | 16459 | left: -10000px; |
| 16448 | top: -10000px; | 16460 | top: -10000px; |
| 16449 | } | 16461 | } |
| 16450 | .handsontable.hide-tween { | 16462 | .handsontable.hide-tween { |
| 16451 | -webkit-animation: opacity-hide 0.3s; | 16463 | -webkit-animation: opacity-hide 0.3s; |
| 16452 | -o-animation: opacity-hide 0.3s; | 16464 | -o-animation: opacity-hide 0.3s; |
| 16453 | animation: opacity-hide 0.3s; | 16465 | animation: opacity-hide 0.3s; |
| 16454 | -webkit-animation-fill-mode: forwards; | 16466 | -webkit-animation-fill-mode: forwards; |
| 16455 | animation-fill-mode: forwards; | 16467 | animation-fill-mode: forwards; |
| 16456 | } | 16468 | } |
| 16457 | .handsontable.show-tween { | 16469 | .handsontable.show-tween { |
| 16458 | -webkit-animation: opacity-show 0.3s; | 16470 | -webkit-animation: opacity-show 0.3s; |
| 16459 | -o-animation: opacity-show 0.3s; | 16471 | -o-animation: opacity-show 0.3s; |
| 16460 | animation: opacity-show 0.3s; | 16472 | animation: opacity-show 0.3s; |
| 16461 | -webkit-animation-fill-mode: forwards; | 16473 | -webkit-animation-fill-mode: forwards; |
| 16462 | animation-fill-mode: forwards; | 16474 | animation-fill-mode: forwards; |
| 16463 | } | 16475 | } |
| 16464 | @-webkit-keyframes opacity-hide { | 16476 | @-webkit-keyframes opacity-hide { |
| 16465 | from { | 16477 | from { |
| 16466 | opacity: 1; | 16478 | opacity: 1; |
| 16467 | } | 16479 | } |
| 16468 | to { | 16480 | to { |
| 16469 | opacity: 0; | 16481 | opacity: 0; |
| 16470 | } | 16482 | } |
| 16471 | } | 16483 | } |
| 16472 | @keyframes opacity-hide { | 16484 | @keyframes opacity-hide { |
| 16473 | from { | 16485 | from { |
| 16474 | opacity: 1; | 16486 | opacity: 1; |
| 16475 | } | 16487 | } |
| 16476 | to { | 16488 | to { |
| 16477 | opacity: 0; | 16489 | opacity: 0; |
| 16478 | } | 16490 | } |
| 16479 | } | 16491 | } |
| 16480 | @-webkit-keyframes opacity-show { | 16492 | @-webkit-keyframes opacity-show { |
| 16481 | from { | 16493 | from { |
| 16482 | opacity: 0; | 16494 | opacity: 0; |
| 16483 | } | 16495 | } |
| 16484 | to { | 16496 | to { |
| 16485 | opacity: 1; | 16497 | opacity: 1; |
| 16486 | } | 16498 | } |
| 16487 | } | 16499 | } |
| 16488 | @keyframes opacity-show { | 16500 | @keyframes opacity-show { |
| 16489 | from { | 16501 | from { |
| 16490 | opacity: 0; | 16502 | opacity: 0; |
| 16491 | } | 16503 | } |
| 16492 | to { | 16504 | to { |
| 16493 | opacity: 1; | 16505 | opacity: 1; |
| 16494 | } | 16506 | } |
| 16495 | } | 16507 | } |
| 16496 | .htContextMenu { | 16508 | .htContextMenu { |
| 16497 | display: none; | 16509 | display: none; |
| 16498 | position: absolute; | 16510 | position: absolute; |
| 16499 | z-index: 1051; | 16511 | z-index: 1051; |
| 16500 | } | 16512 | } |
| 16501 | .htContextMenu .ht_clone_top, | 16513 | .htContextMenu .ht_clone_top, |
| 16502 | .htContextMenu .ht_clone_left, | 16514 | .htContextMenu .ht_clone_left, |
| 16503 | .htContextMenu .ht_clone_corner, | 16515 | .htContextMenu .ht_clone_corner, |
| 16504 | .htContextMenu .ht_clone_debug { | 16516 | .htContextMenu .ht_clone_debug { |
| 16505 | display: none; | 16517 | display: none; |
| 16506 | } | 16518 | } |
| 16507 | .htContextMenu .htCore { | 16519 | .htContextMenu .htCore { |
| 16508 | background-color: #fff; | 16520 | background-color: #fff; |
| 16509 | padding: 8px 0; | 16521 | padding: 8px 0; |
| 16510 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16522 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16511 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16523 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16512 | } | 16524 | } |
| 16513 | .htContextMenu .wtBorder { | 16525 | .htContextMenu .wtBorder { |
| 16514 | visibility: hidden; | 16526 | visibility: hidden; |
| 16515 | } | 16527 | } |
| 16516 | .htContextMenu table tbody tr td { | 16528 | .htContextMenu table tbody tr td { |
| 16517 | position: relative; | 16529 | position: relative; |
| 16518 | border-width: 0; | 16530 | border-width: 0; |
| 16519 | padding: 0 16px; | 16531 | padding: 0 16px; |
| 16520 | cursor: pointer; | 16532 | cursor: pointer; |
| 16521 | overflow: hidden; | 16533 | overflow: hidden; |
| 16522 | white-space: nowrap; | 16534 | white-space: nowrap; |
| 16523 | text-overflow: ellipsis; | 16535 | text-overflow: ellipsis; |
| 16524 | } | 16536 | } |
| 16525 | .htContextMenu table tbody tr td:first-child { | 16537 | .htContextMenu table tbody tr td:first-child { |
| 16526 | border: 0; | 16538 | border: 0; |
| 16527 | } | 16539 | } |
| 16528 | .htContextMenu table tbody tr td.htDimmed { | 16540 | .htContextMenu table tbody tr td.htDimmed { |
| 16529 | color: #333333; | 16541 | color: #333333; |
| 16530 | } | 16542 | } |
| 16531 | .htContextMenu table tbody tr td.current, | 16543 | .htContextMenu table tbody tr td.current, |
| 16532 | .htContextMenu table tbody tr td.zeroclipboard-is-hover { | 16544 | .htContextMenu table tbody tr td.zeroclipboard-is-hover { |
| 16533 | background: #f5f5f5; | 16545 | background: #f5f5f5; |
| 16534 | } | 16546 | } |
| 16535 | .htContextMenu table tbody tr td.htSeparator { | 16547 | .htContextMenu table tbody tr td.htSeparator { |
| 16536 | height: 0; | 16548 | height: 0; |
| 16537 | padding: 0; | 16549 | padding: 0; |
| 16538 | background-color: transparent; | 16550 | background-color: transparent; |
| 16539 | cursor: default; | 16551 | cursor: default; |
| 16540 | } | 16552 | } |
| 16541 | .htContextMenu table tbody tr td.htSeparator > div { | 16553 | .htContextMenu table tbody tr td.htSeparator > div { |
| 16542 | height: 1px; | 16554 | height: 1px; |
| 16543 | background-color: #e5e5e5; | 16555 | background-color: #e5e5e5; |
| 16544 | margin: 8px 0; | 16556 | margin: 8px 0; |
| 16545 | } | 16557 | } |
| 16546 | .htContextMenu table tbody tr td.htDisabled { | 16558 | .htContextMenu table tbody tr td.htDisabled { |
| 16547 | color: #999999; | 16559 | color: #999999; |
| 16548 | } | 16560 | } |
| 16549 | .htContextMenu table tbody tr td.htDisabled, | 16561 | .htContextMenu table tbody tr td.htDisabled, |
| 16550 | .htContextMenu table tbody tr td.htDisabled:hover { | 16562 | .htContextMenu table tbody tr td.htDisabled:hover { |
| 16551 | cursor: default; | 16563 | cursor: default; |
| 16552 | } | 16564 | } |
| 16553 | .htContextMenu table tbody tr td div span.selected { | 16565 | .htContextMenu table tbody tr td div span.selected { |
| 16554 | position: absolute; | 16566 | position: absolute; |
| 16555 | right: 16px; | 16567 | right: 16px; |
| 16556 | top: 50%; | 16568 | top: 50%; |
| 16557 | margin-top: -8px; | 16569 | margin-top: -8px; |
| 16558 | font-size: 0; | 16570 | font-size: 0; |
| 16559 | color: #777; | 16571 | color: #777; |
| 16560 | } | 16572 | } |
| 16561 | .htContextMenu table tbody tr td div span.selected:after { | 16573 | .htContextMenu table tbody tr td div span.selected:after { |
| 16562 | content: '\e600'; | 16574 | content: '\e600'; |
| 16563 | font-family: 'Icomoon'; | 16575 | font-family: 'Icomoon'; |
| 16564 | display: inline-block; | 16576 | display: inline-block; |
| 16565 | font-size: 16px; | 16577 | font-size: 16px; |
| 16566 | line-height: 1; | 16578 | line-height: 1; |
| 16567 | -webkit-font-smoothing: antialiased; | 16579 | -webkit-font-smoothing: antialiased; |
| 16568 | -moz-osx-font-smoothing: grayscale; | 16580 | -moz-osx-font-smoothing: grayscale; |
| 16569 | } | 16581 | } |
| 16570 | .htContextMenu table tbody tr.htHidden { | 16582 | .htContextMenu table tbody tr.htHidden { |
| 16571 | display: none; | 16583 | display: none; |
| 16572 | } | 16584 | } |
| 16573 | .htContextMenu .ht_master .wtHolder { | 16585 | .htContextMenu .ht_master .wtHolder { |
| 16574 | overflow: hidden; | 16586 | overflow: hidden; |
| 16575 | } | 16587 | } |
| 16576 | .htContextMenuSub_Alignment { | 16588 | .htContextMenuSub_Alignment { |
| 16577 | margin-top: -8px; | 16589 | margin-top: -8px; |
| 16578 | margin-left: -1px; | 16590 | margin-left: -1px; |
| 16579 | } | 16591 | } |
| 16580 | .global-zeroclipboard-container, | 16592 | .global-zeroclipboard-container, |
| 16581 | .global-zeroclipboard-flash-bridge { | 16593 | .global-zeroclipboard-flash-bridge { |
| 16582 | cursor: pointer; | 16594 | cursor: pointer; |
| 16583 | } | 16595 | } |
| 16584 | .pika-single { | 16596 | .pika-single { |
| 16585 | z-index: 1000; | 16597 | z-index: 1000; |
| 16586 | display: block; | 16598 | display: block; |
| 16587 | position: relative; | 16599 | position: relative; |
| 16588 | background-color: #fff; | 16600 | background-color: #fff; |
| 16589 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16601 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16590 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 16602 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 16591 | } | 16603 | } |
| 16592 | .pika-single:before, | 16604 | .pika-single:before, |
| 16593 | .pika-single:after { | 16605 | .pika-single:after { |
| 16594 | content: " "; | 16606 | content: " "; |
| 16595 | display: table; | 16607 | display: table; |
| 16596 | } | 16608 | } |
| 16597 | .pika-single:after { | 16609 | .pika-single:after { |
| 16598 | clear: both; | 16610 | clear: both; |
| 16599 | } | 16611 | } |
| 16600 | .pika-single.is-hidden { | 16612 | .pika-single.is-hidden { |
| 16601 | display: none; | 16613 | display: none; |
| 16602 | } | 16614 | } |
| 16603 | .pika-single.is-bound { | 16615 | .pika-single.is-bound { |
| 16604 | position: absolute; | 16616 | position: absolute; |
| 16605 | } | 16617 | } |
| 16606 | .pika-lendar { | 16618 | .pika-lendar { |
| 16607 | float: left; | 16619 | float: left; |
| 16608 | max-width: 250px; | 16620 | max-width: 250px; |
| 16609 | margin: 16px; | 16621 | margin: 16px; |
| 16610 | } | 16622 | } |
| 16611 | .pika-title { | 16623 | .pika-title { |
| 16612 | position: relative; | 16624 | position: relative; |
| 16613 | text-align: center; | 16625 | text-align: center; |
| 16614 | margin-bottom: 10px; | 16626 | margin-bottom: 10px; |
| 16615 | } | 16627 | } |
| 16616 | .pika-title select { | 16628 | .pika-title select { |
| 16617 | cursor: pointer; | 16629 | cursor: pointer; |
| 16618 | position: absolute; | 16630 | position: absolute; |
| 16619 | z-index: 999; | 16631 | z-index: 999; |
| 16620 | margin: 0; | 16632 | margin: 0; |
| 16621 | left: 0; | 16633 | left: 0; |
| 16622 | height: 38px; | 16634 | height: 38px; |
| 16623 | padding: 8px 16px; | 16635 | padding: 8px 16px; |
| 16624 | opacity: 0; | 16636 | opacity: 0; |
| 16625 | filter: alpha(opacity=0); | 16637 | filter: alpha(opacity=0); |
| 16626 | } | 16638 | } |
| 16627 | .pika-label { | 16639 | .pika-label { |
| 16628 | display: inline-block; | 16640 | display: inline-block; |
| 16629 | position: relative; | 16641 | position: relative; |
| 16630 | z-index: 1000; | 16642 | z-index: 1000; |
| 16631 | overflow: hidden; | 16643 | overflow: hidden; |
| 16632 | margin: 0; | 16644 | margin: 0; |
| 16633 | padding-top: 15px; | 16645 | padding-top: 15px; |
| 16634 | padding-bottom: 15px; | 16646 | padding-bottom: 15px; |
| 16635 | font-size: 17px; | 16647 | font-size: 17px; |
| 16636 | line-height: 1; | 16648 | line-height: 1; |
| 16637 | } | 16649 | } |
| 16638 | .pika-label + .pika-label { | 16650 | .pika-label + .pika-label { |
| 16639 | margin-left: 10px; | 16651 | margin-left: 10px; |
| 16640 | top: -1px; | 16652 | top: -1px; |
| 16641 | font-size: 13px; | 16653 | font-size: 13px; |
| 16642 | color: #999999; | 16654 | color: #999999; |
| 16643 | } | 16655 | } |
| 16644 | .pika-prev, | 16656 | .pika-prev, |
| 16645 | .pika-next { | 16657 | .pika-next { |
| 16646 | display: block; | 16658 | display: block; |
| 16647 | position: relative; | 16659 | position: relative; |
| 16648 | border: 0; | 16660 | border: 0; |
| 16649 | padding: 5px; | 16661 | padding: 5px; |
| 16650 | margin: 10px 0; | 16662 | margin: 10px 0; |
| 16651 | font-size: 0; | 16663 | font-size: 0; |
| 16652 | background-color: transparent; | 16664 | background-color: transparent; |
| 16653 | } | 16665 | } |
| 16654 | .pika-prev:after, | 16666 | .pika-prev:after, |
| 16655 | .pika-next:after { | 16667 | .pika-next:after { |
| 16656 | font-family: 'Icomoon'; | 16668 | font-family: 'Icomoon'; |
| 16657 | display: block; | 16669 | display: block; |
| 16658 | font-size: 16px; | 16670 | font-size: 16px; |
| 16659 | width: 16px; | 16671 | width: 16px; |
| 16660 | text-align: center; | 16672 | text-align: center; |
| 16661 | line-height: 1; | 16673 | line-height: 1; |
| 16662 | -webkit-font-smoothing: antialiased; | 16674 | -webkit-font-smoothing: antialiased; |
| 16663 | -moz-osx-font-smoothing: grayscale; | 16675 | -moz-osx-font-smoothing: grayscale; |
| 16664 | } | 16676 | } |
| 16665 | .pika-prev:hover, | 16677 | .pika-prev:hover, |
| 16666 | .pika-next:hover { | 16678 | .pika-next:hover { |
| 16667 | background-color: #f5f5f5; | 16679 | background-color: #f5f5f5; |
| 16668 | } | 16680 | } |
| 16669 | .pika-prev.is-disabled, | 16681 | .pika-prev.is-disabled, |
| 16670 | .pika-next.is-disabled { | 16682 | .pika-next.is-disabled { |
| 16671 | cursor: default; | 16683 | cursor: default; |
| 16672 | opacity: .2; | 16684 | opacity: .2; |
| 16673 | } | 16685 | } |
| 16674 | .pika-prev { | 16686 | .pika-prev { |
| 16675 | float: left; | 16687 | float: left; |
| 16676 | } | 16688 | } |
| 16677 | .pika-prev:after { | 16689 | .pika-prev:after { |
| 16678 | content: '\e9c8'; | 16690 | content: '\e9c8'; |
| 16679 | } | 16691 | } |
| 16680 | .pika-next { | 16692 | .pika-next { |
| 16681 | float: right; | 16693 | float: right; |
| 16682 | } | 16694 | } |
| 16683 | .pika-next:after { | 16695 | .pika-next:after { |
| 16684 | content: '\e9cb'; | 16696 | content: '\e9cb'; |
| 16685 | } | 16697 | } |
| 16686 | .pika-table { | 16698 | .pika-table { |
| 16687 | width: 100%; | 16699 | width: 100%; |
| 16688 | border-collapse: collapse; | 16700 | border-collapse: collapse; |
| 16689 | border-spacing: 0; | 16701 | border-spacing: 0; |
| 16690 | border: 0; | 16702 | border: 0; |
| 16691 | table-layout: fixed; | 16703 | table-layout: fixed; |
| 16692 | } | 16704 | } |
| 16693 | .pika-table th, | 16705 | .pika-table th, |
| 16694 | .pika-table td { | 16706 | .pika-table td { |
| 16695 | position: relative; | 16707 | position: relative; |
| 16696 | } | 16708 | } |
| 16697 | .pika-table th { | 16709 | .pika-table th { |
| 16698 | color: #999999; | 16710 | color: #999999; |
| 16699 | font-size: 12px; | 16711 | font-size: 12px; |
| 16700 | font-weight: 400; | 16712 | font-weight: 400; |
| 16701 | text-align: center; | 16713 | text-align: center; |
| 16702 | padding-bottom: 10px; | 16714 | padding-bottom: 10px; |
| 16703 | } | 16715 | } |
| 16704 | .pika-table abbr { | 16716 | .pika-table abbr { |
| 16705 | border-bottom: 0; | 16717 | border-bottom: 0; |
| 16706 | cursor: default; | 16718 | cursor: default; |
| 16707 | } | 16719 | } |
| 16708 | .pika-button { | 16720 | .pika-button { |
| 16709 | display: block; | 16721 | display: block; |
| 16710 | border: 0; | 16722 | border: 0; |
| 16711 | margin: 0; | 16723 | margin: 0; |
| 16712 | width: 100%; | 16724 | width: 100%; |
| 16713 | padding: 8px; | 16725 | padding: 8px; |
| 16714 | text-align: center; | 16726 | text-align: center; |
| 16715 | border-radius: 3px; | 16727 | border-radius: 3px; |
| 16716 | background-color: transparent; | 16728 | background-color: transparent; |
| 16717 | } | 16729 | } |
| 16718 | .pika-button:hover { | 16730 | .pika-button:hover { |
| 16719 | background-color: #f5f5f5; | 16731 | background-color: #f5f5f5; |
| 16720 | } | 16732 | } |
| 16721 | .is-today .pika-button { | 16733 | .is-today .pika-button { |
| 16722 | background-color: #f5f5f5; | 16734 | background-color: #f5f5f5; |
| 16723 | } | 16735 | } |
| 16724 | .is-selected .pika-button { | 16736 | .is-selected .pika-button { |
| 16725 | color: #fff; | 16737 | color: #fff; |
| 16726 | background-color: #26A69A; | 16738 | background-color: #26A69A; |
| 16727 | } | 16739 | } |
| 16728 | .is-today .pika-button:before, | 16740 | .is-today .pika-button:before, |
| 16729 | .is-selected .pika-button:before, | 16741 | .is-selected .pika-button:before, |
| 16730 | .is-today.is-selected .pika-button:before { | 16742 | .is-today.is-selected .pika-button:before { |
| 16731 | content: ""; | 16743 | content: ""; |
| 16732 | position: absolute; | 16744 | position: absolute; |
| 16733 | top: 2px; | 16745 | top: 2px; |
| 16734 | right: 2px; | 16746 | right: 2px; |
| 16735 | width: 0; | 16747 | width: 0; |
| 16736 | height: 0; | 16748 | height: 0; |
| 16737 | border-top: 6px solid #fff; | 16749 | border-top: 6px solid #fff; |
| 16738 | border-left: 6px solid transparent; | 16750 | border-left: 6px solid transparent; |
| 16739 | } | 16751 | } |
| 16740 | .is-today .pika-button:before { | 16752 | .is-today .pika-button:before { |
| 16741 | border-top-color: #EF5350; | 16753 | border-top-color: #EF5350; |
| 16742 | } | 16754 | } |
| 16743 | .is-startrange .pika-button, | 16755 | .is-startrange .pika-button, |
| 16744 | .is-endrange .pika-button { | 16756 | .is-endrange .pika-button { |
| 16745 | color: #fff; | 16757 | color: #fff; |
| 16746 | background: #26A69A; | 16758 | background: #26A69A; |
| 16747 | } | 16759 | } |
| 16748 | .is-inrange .pika-button { | 16760 | .is-inrange .pika-button { |
| 16749 | background: #f5f5f5; | 16761 | background: #f5f5f5; |
| 16750 | } | 16762 | } |
| 16751 | .is-disabled .pika-button { | 16763 | .is-disabled .pika-button { |
| 16752 | pointer-events: none; | 16764 | pointer-events: none; |
| 16753 | cursor: not-allowed; | 16765 | cursor: not-allowed; |
| 16754 | opacity: 0.5; | 16766 | opacity: 0.5; |
| 16755 | filter: alpha(opacity=50); | 16767 | filter: alpha(opacity=50); |
| 16756 | } | 16768 | } |
| 16757 | .pika-select { | 16769 | .pika-select { |
| 16758 | display: inline-block; | 16770 | display: inline-block; |
| 16759 | } | 16771 | } |
| 16760 | .pika-week { | 16772 | .pika-week { |
| 16761 | font-size: 11px; | 16773 | font-size: 11px; |
| 16762 | color: #999999; | 16774 | color: #999999; |
| 16763 | } | 16775 | } |
| 16764 | /* ------------------------------------------------------------------------------ | 16776 | /* ------------------------------------------------------------------------------ |
| 16765 | * | 16777 | * |
| 16766 | * # Datatables library | 16778 | * # Datatables library |
| 16767 | * | 16779 | * |
| 16768 | * Add advanced interaction controls to any HTML table | 16780 | * Add advanced interaction controls to any HTML table |
| 16769 | * | 16781 | * |
| 16770 | * Version: 1.2 | 16782 | * Version: 1.2 |
| 16771 | * Latest update: Mar 10, 2016 | 16783 | * Latest update: Mar 10, 2016 |
| 16772 | * | 16784 | * |
| 16773 | * ---------------------------------------------------------------------------- */ | 16785 | * ---------------------------------------------------------------------------- */ |
| 16774 | .dataTable { | 16786 | .dataTable { |
| 16775 | margin: 0; | 16787 | margin: 0; |
| 16776 | max-width: none; | 16788 | max-width: none; |
| 16777 | border-collapse: separate; | 16789 | border-collapse: separate; |
| 16778 | } | 16790 | } |
| 16779 | .dataTable thead th, | 16791 | .dataTable thead th, |
| 16780 | .dataTable thead td { | 16792 | .dataTable thead td { |
| 16781 | outline: 0; | 16793 | outline: 0; |
| 16782 | position: relative; | 16794 | position: relative; |
| 16783 | } | 16795 | } |
| 16784 | .dataTable thead .sorting_asc, | 16796 | .dataTable thead .sorting_asc, |
| 16785 | .dataTable thead .sorting_desc, | 16797 | .dataTable thead .sorting_desc, |
| 16786 | .dataTable thead .sorting { | 16798 | .dataTable thead .sorting { |
| 16787 | cursor: pointer; | 16799 | cursor: pointer; |
| 16788 | } | 16800 | } |
| 16789 | .dataTable thead .sorting, | 16801 | .dataTable thead .sorting, |
| 16790 | .dataTable thead .sorting_asc, | 16802 | .dataTable thead .sorting_asc, |
| 16791 | .dataTable thead .sorting_desc, | 16803 | .dataTable thead .sorting_desc, |
| 16792 | .dataTable thead .sorting_asc_disabled, | 16804 | .dataTable thead .sorting_asc_disabled, |
| 16793 | .dataTable thead .sorting_desc_disabled { | 16805 | .dataTable thead .sorting_desc_disabled { |
| 16794 | padding-right: 40px; | 16806 | padding-right: 40px; |
| 16795 | } | 16807 | } |
| 16796 | .dataTable thead .sorting:before, | 16808 | .dataTable thead .sorting:before, |
| 16797 | .dataTable thead .sorting:after, | 16809 | .dataTable thead .sorting:after, |
| 16798 | .dataTable thead .sorting_asc:after, | 16810 | .dataTable thead .sorting_asc:after, |
| 16799 | .dataTable thead .sorting_desc:after, | 16811 | .dataTable thead .sorting_desc:after, |
| 16800 | .dataTable thead .sorting_asc_disabled:after, | 16812 | .dataTable thead .sorting_asc_disabled:after, |
| 16801 | .dataTable thead .sorting_desc_disabled:after { | 16813 | .dataTable thead .sorting_desc_disabled:after { |
| 16802 | content: ''; | 16814 | content: ''; |
| 16803 | font-family: 'icomoon'; | 16815 | font-family: 'icomoon'; |
| 16804 | position: absolute; | 16816 | position: absolute; |
| 16805 | top: 50%; | 16817 | top: 50%; |
| 16806 | right: 20px; | 16818 | right: 20px; |
| 16807 | font-size: 12px; | 16819 | font-size: 12px; |
| 16808 | margin-top: -6px; | 16820 | margin-top: -6px; |
| 16809 | display: inline-block; | 16821 | display: inline-block; |
| 16810 | line-height: 1; | 16822 | line-height: 1; |
| 16811 | -webkit-font-smoothing: antialiased; | 16823 | -webkit-font-smoothing: antialiased; |
| 16812 | -moz-osx-font-smoothing: grayscale; | 16824 | -moz-osx-font-smoothing: grayscale; |
| 16813 | } | 16825 | } |
| 16814 | .dataTable thead .sorting:before { | 16826 | .dataTable thead .sorting:before { |
| 16815 | content: '\e9c1'; | 16827 | content: '\e9c1'; |
| 16816 | margin-top: -2px; | 16828 | margin-top: -2px; |
| 16817 | color: #999999; | 16829 | color: #999999; |
| 16818 | } | 16830 | } |
| 16819 | .dataTable thead .sorting:after { | 16831 | .dataTable thead .sorting:after { |
| 16820 | content: '\e9c2'; | 16832 | content: '\e9c2'; |
| 16821 | margin-top: -10px; | 16833 | margin-top: -10px; |
| 16822 | color: #999999; | 16834 | color: #999999; |
| 16823 | } | 16835 | } |
| 16824 | .dataTable thead .sorting_asc:after { | 16836 | .dataTable thead .sorting_asc:after { |
| 16825 | content: '\e9c2'; | 16837 | content: '\e9c2'; |
| 16826 | } | 16838 | } |
| 16827 | .dataTable thead .sorting_desc:after { | 16839 | .dataTable thead .sorting_desc:after { |
| 16828 | content: '\e9c1'; | 16840 | content: '\e9c1'; |
| 16829 | } | 16841 | } |
| 16830 | .dataTable thead .sorting_asc_disabled:after { | 16842 | .dataTable thead .sorting_asc_disabled:after { |
| 16831 | content: '\e9c2'; | 16843 | content: '\e9c2'; |
| 16832 | color: #ccc; | 16844 | color: #ccc; |
| 16833 | } | 16845 | } |
| 16834 | .dataTable thead .sorting_desc_disabled:after { | 16846 | .dataTable thead .sorting_desc_disabled:after { |
| 16835 | content: '\e9c1'; | 16847 | content: '\e9c1'; |
| 16836 | color: #ccc; | 16848 | color: #ccc; |
| 16837 | } | 16849 | } |
| 16838 | .dataTable tbody > tr:first-child > th, | 16850 | .dataTable tbody > tr:first-child > th, |
| 16839 | .dataTable tbody > tr:first-child > td { | 16851 | .dataTable tbody > tr:first-child > td { |
| 16840 | border-top: 0; | 16852 | border-top: 0; |
| 16841 | } | 16853 | } |
| 16842 | .dataTable tbody + thead > tr:first-child > th, | 16854 | .dataTable tbody + thead > tr:first-child > th, |
| 16843 | .dataTable tbody + tfoot + thead > tr:first-child > th, | 16855 | .dataTable tbody + tfoot + thead > tr:first-child > th, |
| 16844 | .dataTable tbody + thead > tr:first-child > td, | 16856 | .dataTable tbody + thead > tr:first-child > td, |
| 16845 | .dataTable tbody + tfoot + thead > tr:first-child > td { | 16857 | .dataTable tbody + tfoot + thead > tr:first-child > td { |
| 16846 | border-top: 0; | 16858 | border-top: 0; |
| 16847 | } | 16859 | } |
| 16848 | .dataTable .dataTables_empty { | 16860 | .dataTable .dataTables_empty { |
| 16849 | text-align: center; | 16861 | text-align: center; |
| 16850 | } | 16862 | } |
| 16851 | .dataTable.table-bordered { | 16863 | .dataTable.table-bordered { |
| 16852 | border-collapse: collapse; | 16864 | border-collapse: collapse; |
| 16853 | } | 16865 | } |
| 16854 | .dataTables_wrapper { | 16866 | .dataTables_wrapper { |
| 16855 | position: relative; | 16867 | position: relative; |
| 16856 | clear: both; | 16868 | clear: both; |
| 16857 | } | 16869 | } |
| 16858 | .dataTables_wrapper:after { | 16870 | .dataTables_wrapper:after { |
| 16859 | visibility: hidden; | 16871 | visibility: hidden; |
| 16860 | display: block; | 16872 | display: block; |
| 16861 | content: ""; | 16873 | content: ""; |
| 16862 | clear: both; | 16874 | clear: both; |
| 16863 | height: 0; | 16875 | height: 0; |
| 16864 | } | 16876 | } |
| 16865 | .dataTables_wrapper .table-bordered { | 16877 | .dataTables_wrapper .table-bordered { |
| 16866 | border-top: 0; | 16878 | border-top: 0; |
| 16867 | } | 16879 | } |
| 16868 | .dataTables_wrapper + .panel-body { | 16880 | .dataTables_wrapper + .panel-body { |
| 16869 | border-top: 1px solid #ddd; | 16881 | border-top: 1px solid #ddd; |
| 16870 | } | 16882 | } |
| 16871 | .dataTables_processing { | 16883 | .dataTables_processing { |
| 16872 | position: absolute; | 16884 | position: absolute; |
| 16873 | top: 50%; | 16885 | top: 50%; |
| 16874 | left: 50%; | 16886 | left: 50%; |
| 16875 | width: 100%; | 16887 | width: 100%; |
| 16876 | height: 40px; | 16888 | height: 40px; |
| 16877 | margin-left: -50%; | 16889 | margin-left: -50%; |
| 16878 | margin-top: -25px; | 16890 | margin-top: -25px; |
| 16879 | padding-top: 20px; | 16891 | padding-top: 20px; |
| 16880 | text-align: center; | 16892 | text-align: center; |
| 16881 | background-color: #fff; | 16893 | background-color: #fff; |
| 16882 | 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))); | 16894 | 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))); |
| 16883 | 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%); | 16895 | 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%); |
| 16884 | 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%); | 16896 | 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%); |
| 16885 | 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%); | 16897 | 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%); |
| 16886 | 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%); | 16898 | 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%); |
| 16887 | 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%); | 16899 | 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%); |
| 16888 | } | 16900 | } |
| 16889 | .datatable-header, | 16901 | .datatable-header, |
| 16890 | .datatable-footer { | 16902 | .datatable-footer { |
| 16891 | padding: 20px 20px 0 20px; | 16903 | padding: 20px 20px 0 20px; |
| 16892 | } | 16904 | } |
| 16893 | .datatable-header:after, | 16905 | .datatable-header:after, |
| 16894 | .datatable-footer:after { | 16906 | .datatable-footer:after { |
| 16895 | content: ""; | 16907 | content: ""; |
| 16896 | display: table; | 16908 | display: table; |
| 16897 | clear: both; | 16909 | clear: both; |
| 16898 | } | 16910 | } |
| 16899 | .datatable-header > div:first-child, | 16911 | .datatable-header > div:first-child, |
| 16900 | .datatable-footer > div:first-child { | 16912 | .datatable-footer > div:first-child { |
| 16901 | margin-left: 0; | 16913 | margin-left: 0; |
| 16902 | } | 16914 | } |
| 16903 | .panel-body .datatable-header, | 16915 | .panel-body .datatable-header, |
| 16904 | .panel-body .datatable-footer { | 16916 | .panel-body .datatable-footer { |
| 16905 | padding-left: 0; | 16917 | padding-left: 0; |
| 16906 | padding-right: 0; | 16918 | padding-right: 0; |
| 16907 | } | 16919 | } |
| 16908 | .datatable-header { | 16920 | .datatable-header { |
| 16909 | border-bottom: 1px solid #ddd; | 16921 | border-bottom: 1px solid #ddd; |
| 16910 | } | 16922 | } |
| 16911 | .datatable-footer { | 16923 | .datatable-footer { |
| 16912 | border-top: 1px solid #bbb; | 16924 | border-top: 1px solid #bbb; |
| 16913 | } | 16925 | } |
| 16914 | .dataTables_length { | 16926 | .dataTables_length { |
| 16915 | float: right; | 16927 | float: right; |
| 16916 | display: inline-block; | 16928 | display: inline-block; |
| 16917 | margin: 0 0 20px 20px; | 16929 | margin: 0 0 20px 20px; |
| 16918 | } | 16930 | } |
| 16919 | .dataTables_length > label { | 16931 | .dataTables_length > label { |
| 16920 | margin-bottom: 0; | 16932 | margin-bottom: 0; |
| 16921 | } | 16933 | } |
| 16922 | .dataTables_length > label > span:first-child { | 16934 | .dataTables_length > label > span:first-child { |
| 16923 | float: left; | 16935 | float: left; |
| 16924 | margin: 9px 20px; | 16936 | margin: 9px 20px; |
| 16925 | margin-left: 0; | 16937 | margin-left: 0; |
| 16926 | } | 16938 | } |
| 16927 | .length-left .dataTables_length { | 16939 | .length-left .dataTables_length { |
| 16928 | float: left; | 16940 | float: left; |
| 16929 | } | 16941 | } |
| 16930 | .dataTables_length .select2-container { | 16942 | .dataTables_length .select2-container { |
| 16931 | width: auto; | 16943 | width: auto; |
| 16932 | } | 16944 | } |
| 16933 | .dataTables_length .select2-selection { | 16945 | .dataTables_length .select2-selection { |
| 16934 | min-width: 60px; | 16946 | min-width: 60px; |
| 16935 | } | 16947 | } |
| 16936 | .dataTables_filter { | 16948 | .dataTables_filter { |
| 16937 | position: relative; | 16949 | position: relative; |
| 16938 | display: block; | 16950 | display: block; |
| 16939 | float: left; | 16951 | float: left; |
| 16940 | margin: 0 0 20px 20px; | 16952 | margin: 0 0 20px 20px; |
| 16941 | } | 16953 | } |
| 16942 | .dataTables_filter > label { | 16954 | .dataTables_filter > label { |
| 16943 | margin-bottom: 0; | 16955 | margin-bottom: 0; |
| 16944 | position: relative; | 16956 | position: relative; |
| 16945 | } | 16957 | } |
| 16946 | .dataTables_filter > label:after { | 16958 | .dataTables_filter > label:after { |
| 16947 | content: "\e98e"; | 16959 | content: "\e98e"; |
| 16948 | font-family: 'icomoon'; | 16960 | font-family: 'icomoon'; |
| 16949 | font-size: 12px; | 16961 | font-size: 12px; |
| 16950 | display: inline-block; | 16962 | display: inline-block; |
| 16951 | position: absolute; | 16963 | position: absolute; |
| 16952 | top: 50%; | 16964 | top: 50%; |
| 16953 | right: 0; | 16965 | right: 0; |
| 16954 | margin-top: -6px; | 16966 | margin-top: -6px; |
| 16955 | color: #999999; | 16967 | color: #999999; |
| 16956 | line-height: 1; | 16968 | line-height: 1; |
| 16957 | -webkit-font-smoothing: antialiased; | 16969 | -webkit-font-smoothing: antialiased; |
| 16958 | -moz-osx-font-smoothing: grayscale; | 16970 | -moz-osx-font-smoothing: grayscale; |
| 16959 | } | 16971 | } |
| 16960 | .dataTables_filter > label > span { | 16972 | .dataTables_filter > label > span { |
| 16961 | float: left; | 16973 | float: left; |
| 16962 | margin: 9px 20px; | 16974 | margin: 9px 20px; |
| 16963 | margin-left: 0; | 16975 | margin-left: 0; |
| 16964 | } | 16976 | } |
| 16965 | .dataTables_filter input { | 16977 | .dataTables_filter input { |
| 16966 | outline: 0; | 16978 | outline: 0; |
| 16967 | width: 200px; | 16979 | width: 200px; |
| 16968 | height: 38px; | 16980 | height: 38px; |
| 16969 | padding: 8px 0; | 16981 | padding: 8px 0; |
| 16970 | padding-right: 24px; | 16982 | padding-right: 24px; |
| 16971 | font-size: 13px; | 16983 | font-size: 13px; |
| 16972 | line-height: 1.5384616; | 16984 | line-height: 1.5384616; |
| 16973 | color: #333333; | 16985 | color: #333333; |
| 16974 | background-color: transparent; | 16986 | background-color: transparent; |
| 16975 | border: 1px solid transparent; | 16987 | border: 1px solid transparent; |
| 16976 | border-width: 1px 0; | 16988 | border-width: 1px 0; |
| 16977 | border-bottom-color: #ddd; | 16989 | border-bottom-color: #ddd; |
| 16978 | } | 16990 | } |
| 16979 | .dataTables_filter input:focus { | 16991 | .dataTables_filter input:focus { |
| 16980 | border-bottom-color: #009688; | 16992 | border-bottom-color: #009688; |
| 16981 | -webkit-box-shadow: 0 1px 0 #009688; | 16993 | -webkit-box-shadow: 0 1px 0 #009688; |
| 16982 | box-shadow: 0 1px 0 #009688; | 16994 | box-shadow: 0 1px 0 #009688; |
| 16983 | } | 16995 | } |
| 16984 | .filter-right .dataTables_filter { | 16996 | .filter-right .dataTables_filter { |
| 16985 | float: right; | 16997 | float: right; |
| 16986 | } | 16998 | } |
| 16987 | .dataTables_info { | 16999 | .dataTables_info { |
| 16988 | float: left; | 17000 | float: left; |
| 16989 | padding: 9px 0; | 17001 | padding: 9px 0; |
| 16990 | margin-bottom: 20px; | 17002 | margin-bottom: 20px; |
| 16991 | } | 17003 | } |
| 16992 | .info-right .dataTables_info { | 17004 | .info-right .dataTables_info { |
| 16993 | float: right; | 17005 | float: right; |
| 16994 | } | 17006 | } |
| 16995 | .dataTables_paginate { | 17007 | .dataTables_paginate { |
| 16996 | float: right; | 17008 | float: right; |
| 16997 | text-align: right; | 17009 | text-align: right; |
| 16998 | margin: 0 0 20px 20px; | 17010 | margin: 0 0 20px 20px; |
| 16999 | } | 17011 | } |
| 17000 | .dataTables_paginate .paginate_button { | 17012 | .dataTables_paginate .paginate_button { |
| 17001 | display: inline-block; | 17013 | display: inline-block; |
| 17002 | padding: 9px; | 17014 | padding: 9px; |
| 17003 | min-width: 38px; | 17015 | min-width: 38px; |
| 17004 | margin-left: 2px; | 17016 | margin-left: 2px; |
| 17005 | text-align: center; | 17017 | text-align: center; |
| 17006 | text-decoration: none; | 17018 | text-decoration: none; |
| 17007 | cursor: pointer; | 17019 | cursor: pointer; |
| 17008 | color: #333333; | 17020 | color: #333333; |
| 17009 | border-radius: 3px; | 17021 | border-radius: 3px; |
| 17010 | } | 17022 | } |
| 17011 | .dataTables_paginate .paginate_button:first-child { | 17023 | .dataTables_paginate .paginate_button:first-child { |
| 17012 | margin-left: 0; | 17024 | margin-left: 0; |
| 17013 | } | 17025 | } |
| 17014 | .dataTables_paginate .paginate_button:hover, | 17026 | .dataTables_paginate .paginate_button:hover, |
| 17015 | .dataTables_paginate .paginate_button:focus { | 17027 | .dataTables_paginate .paginate_button:focus { |
| 17016 | background-color: #f5f5f5; | 17028 | background-color: #f5f5f5; |
| 17017 | } | 17029 | } |
| 17018 | .dataTables_paginate .paginate_button.current, | 17030 | .dataTables_paginate .paginate_button.current, |
| 17019 | .dataTables_paginate .paginate_button.current:hover, | 17031 | .dataTables_paginate .paginate_button.current:hover, |
| 17020 | .dataTables_paginate .paginate_button.current:focus { | 17032 | .dataTables_paginate .paginate_button.current:focus { |
| 17021 | color: #fff; | 17033 | color: #fff; |
| 17022 | background-color: #455A64; | 17034 | background-color: #455A64; |
| 17023 | } | 17035 | } |
| 17024 | .dataTables_paginate .paginate_button.disabled, | 17036 | .dataTables_paginate .paginate_button.disabled, |
| 17025 | .dataTables_paginate .paginate_button.disabled:hover, | 17037 | .dataTables_paginate .paginate_button.disabled:hover, |
| 17026 | .dataTables_paginate .paginate_button.disabled:focus { | 17038 | .dataTables_paginate .paginate_button.disabled:focus { |
| 17027 | cursor: default; | 17039 | cursor: default; |
| 17028 | background-color: transparent; | 17040 | background-color: transparent; |
| 17029 | color: #bbb; | 17041 | color: #bbb; |
| 17030 | } | 17042 | } |
| 17031 | .dataTables_paginate.paging_simple .paginate_button { | 17043 | .dataTables_paginate.paging_simple .paginate_button { |
| 17032 | padding-left: 16px; | 17044 | padding-left: 16px; |
| 17033 | padding-right: 16px; | 17045 | padding-right: 16px; |
| 17034 | } | 17046 | } |
| 17035 | .paginate-left .dataTables_paginate { | 17047 | .paginate-left .dataTables_paginate { |
| 17036 | float: left; | 17048 | float: left; |
| 17037 | } | 17049 | } |
| 17038 | .paging_simple .paginate_button:hover, | 17050 | .paging_simple .paginate_button:hover, |
| 17039 | .paging_simple .paginate_button:focus { | 17051 | .paging_simple .paginate_button:focus { |
| 17040 | color: #fff; | 17052 | color: #fff; |
| 17041 | background-color: #455A64; | 17053 | background-color: #455A64; |
| 17042 | } | 17054 | } |
| 17043 | .dataTables_scroll { | 17055 | .dataTables_scroll { |
| 17044 | clear: both; | 17056 | clear: both; |
| 17045 | } | 17057 | } |
| 17046 | .dataTables_scroll .dataTables_scrollHead table { | 17058 | .dataTables_scroll .dataTables_scrollHead table { |
| 17047 | border-bottom: 0; | 17059 | border-bottom: 0; |
| 17048 | } | 17060 | } |
| 17049 | .dataTables_scroll .dataTables_scrollHead th, | 17061 | .dataTables_scroll .dataTables_scrollHead th, |
| 17050 | .dataTables_scroll .dataTables_scrollHead td { | 17062 | .dataTables_scroll .dataTables_scrollHead td { |
| 17051 | white-space: nowrap; | 17063 | white-space: nowrap; |
| 17052 | } | 17064 | } |
| 17053 | .dataTables_scroll .dataTables_scrollBody { | 17065 | .dataTables_scroll .dataTables_scrollBody { |
| 17054 | -webkit-overflow-scrolling: touch; | 17066 | -webkit-overflow-scrolling: touch; |
| 17055 | } | 17067 | } |
| 17056 | .dataTables_scroll .dataTables_scrollBody table { | 17068 | .dataTables_scroll .dataTables_scrollBody table { |
| 17057 | border-bottom: 0; | 17069 | border-bottom: 0; |
| 17058 | } | 17070 | } |
| 17059 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, | 17071 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, |
| 17060 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after { | 17072 | .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after { |
| 17061 | content: none; | 17073 | content: none; |
| 17062 | } | 17074 | } |
| 17063 | .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { | 17075 | .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { |
| 17064 | border-top: 0; | 17076 | border-top: 0; |
| 17065 | } | 17077 | } |
| 17066 | .dataTables_scroll .dataTables_scrollBody th, | 17078 | .dataTables_scroll .dataTables_scrollBody th, |
| 17067 | .dataTables_scroll .dataTables_scrollBody td { | 17079 | .dataTables_scroll .dataTables_scrollBody td { |
| 17068 | white-space: nowrap; | 17080 | white-space: nowrap; |
| 17069 | } | 17081 | } |
| 17070 | .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing, | 17082 | .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing, |
| 17071 | .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing { | 17083 | .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing { |
| 17072 | height: 0; | 17084 | height: 0; |
| 17073 | overflow: hidden; | 17085 | overflow: hidden; |
| 17074 | margin: 0; | 17086 | margin: 0; |
| 17075 | padding: 0; | 17087 | padding: 0; |
| 17076 | } | 17088 | } |
| 17077 | .panel-body + .dataTables_wrapper, | 17089 | .panel-body + .dataTables_wrapper, |
| 17078 | .panel-body + * > .dataTables_wrapper { | 17090 | .panel-body + * > .dataTables_wrapper { |
| 17079 | border-top: 1px solid #ddd; | 17091 | border-top: 1px solid #ddd; |
| 17080 | } | 17092 | } |
| 17081 | .panel-body .dataTables_wrapper .datatable-footer { | 17093 | .panel-body .dataTables_wrapper .datatable-footer { |
| 17082 | border-top: 0; | 17094 | border-top: 0; |
| 17083 | } | 17095 | } |
| 17084 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_length, | 17096 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_length, |
| 17085 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_filter, | 17097 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_filter, |
| 17086 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_info, | 17098 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_info, |
| 17087 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_paginate { | 17099 | .panel-body .dataTables_wrapper .datatable-footer .dataTables_paginate { |
| 17088 | margin-bottom: 0; | 17100 | margin-bottom: 0; |
| 17089 | } | 17101 | } |
| 17090 | .panel-flat > .panel-heading + .dataTables_wrapper > .datatable-header { | 17102 | .panel-flat > .panel-heading + .dataTables_wrapper > .datatable-header { |
| 17091 | padding-top: 0; | 17103 | padding-top: 0; |
| 17092 | } | 17104 | } |
| 17093 | .panel > .dataTables_wrapper .table-bordered { | 17105 | .panel > .dataTables_wrapper .table-bordered { |
| 17094 | border: 0; | 17106 | border: 0; |
| 17095 | } | 17107 | } |
| 17096 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:first-child, | 17108 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:first-child, |
| 17097 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child, | 17109 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child, |
| 17098 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child, | 17110 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child, |
| 17099 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:first-child, | 17111 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:first-child, |
| 17100 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child, | 17112 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child, |
| 17101 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child { | 17113 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child { |
| 17102 | border-left: 0; | 17114 | border-left: 0; |
| 17103 | } | 17115 | } |
| 17104 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:last-child, | 17116 | .panel > .dataTables_wrapper .table-bordered > thead > tr > td:last-child, |
| 17105 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child, | 17117 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child, |
| 17106 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child, | 17118 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child, |
| 17107 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:last-child, | 17119 | .panel > .dataTables_wrapper .table-bordered > thead > tr > th:last-child, |
| 17108 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child, | 17120 | .panel > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child, |
| 17109 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child { | 17121 | .panel > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child { |
| 17110 | border-right: 0; | 17122 | border-right: 0; |
| 17111 | } | 17123 | } |
| 17112 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th, | 17124 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th, |
| 17113 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td { | 17125 | .panel > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td { |
| 17114 | border-bottom: 0; | 17126 | border-bottom: 0; |
| 17115 | } | 17127 | } |
| 17116 | .datatable-scroll-lg, | 17128 | .datatable-scroll-lg, |
| 17117 | .datatable-scroll, | 17129 | .datatable-scroll, |
| 17118 | .datatable-scroll-sm { | 17130 | .datatable-scroll-sm { |
| 17119 | min-height: .01%; | 17131 | min-height: .01%; |
| 17120 | } | 17132 | } |
| 17121 | .datatable-scroll-wrap { | 17133 | .datatable-scroll-wrap { |
| 17122 | width: 100%; | 17134 | width: 100%; |
| 17123 | min-height: .01%; | 17135 | min-height: .01%; |
| 17124 | overflow-x: auto; | 17136 | overflow-x: auto; |
| 17125 | } | 17137 | } |
| 17126 | @media (max-width: 768px) { | 17138 | @media (max-width: 768px) { |
| 17127 | .datatable-scroll-sm { | 17139 | .datatable-scroll-sm { |
| 17128 | width: 100%; | 17140 | width: 100%; |
| 17129 | overflow-x: scroll; | 17141 | overflow-x: scroll; |
| 17130 | } | 17142 | } |
| 17131 | .datatable-scroll-sm th, | 17143 | .datatable-scroll-sm th, |
| 17132 | .datatable-scroll-sm td { | 17144 | .datatable-scroll-sm td { |
| 17133 | white-space: nowrap; | 17145 | white-space: nowrap; |
| 17134 | } | 17146 | } |
| 17135 | } | 17147 | } |
| 17136 | @media (max-width: 1024px) { | 17148 | @media (max-width: 1024px) { |
| 17137 | .datatable-scroll { | 17149 | .datatable-scroll { |
| 17138 | width: 100%; | 17150 | width: 100%; |
| 17139 | overflow-x: scroll; | 17151 | overflow-x: scroll; |
| 17140 | } | 17152 | } |
| 17141 | .datatable-scroll th, | 17153 | .datatable-scroll th, |
| 17142 | .datatable-scroll td { | 17154 | .datatable-scroll td { |
| 17143 | white-space: nowrap; | 17155 | white-space: nowrap; |
| 17144 | } | 17156 | } |
| 17145 | } | 17157 | } |
| 17146 | @media (max-width: 1199px) { | 17158 | @media (max-width: 1199px) { |
| 17147 | .datatable-scroll-lg { | 17159 | .datatable-scroll-lg { |
| 17148 | width: 100%; | 17160 | width: 100%; |
| 17149 | overflow-x: scroll; | 17161 | overflow-x: scroll; |
| 17150 | } | 17162 | } |
| 17151 | .datatable-scroll-lg th, | 17163 | .datatable-scroll-lg th, |
| 17152 | .datatable-scroll-lg td { | 17164 | .datatable-scroll-lg td { |
| 17153 | white-space: nowrap; | 17165 | white-space: nowrap; |
| 17154 | } | 17166 | } |
| 17155 | } | 17167 | } |
| 17156 | @media (max-width: 768px) { | 17168 | @media (max-width: 768px) { |
| 17157 | .dataTables_info, | 17169 | .dataTables_info, |
| 17158 | .dataTables_paginate, | 17170 | .dataTables_paginate, |
| 17159 | .dataTables_length, | 17171 | .dataTables_length, |
| 17160 | .dataTables_filter, | 17172 | .dataTables_filter, |
| 17161 | .DTTT_container, | 17173 | .DTTT_container, |
| 17162 | .ColVis { | 17174 | .ColVis { |
| 17163 | float: none!important; | 17175 | float: none!important; |
| 17164 | text-align: center; | 17176 | text-align: center; |
| 17165 | margin-left: 0; | 17177 | margin-left: 0; |
| 17166 | } | 17178 | } |
| 17167 | .dataTables_info, | 17179 | .dataTables_info, |
| 17168 | .dataTables_paginate { | 17180 | .dataTables_paginate { |
| 17169 | margin-top: 0; | 17181 | margin-top: 0; |
| 17170 | } | 17182 | } |
| 17171 | .datatable-header { | 17183 | .datatable-header { |
| 17172 | text-align: center; | 17184 | text-align: center; |
| 17173 | } | 17185 | } |
| 17174 | } | 17186 | } |
| 17175 | /* ------------------------------------------------------------------------------ | 17187 | /* ------------------------------------------------------------------------------ |
| 17176 | * | 17188 | * |
| 17177 | * # Columns reorder | 17189 | * # Columns reorder |
| 17178 | * | 17190 | * |
| 17179 | * Easily modify the column order of a table through drop-and-drag of column headers | 17191 | * Easily modify the column order of a table through drop-and-drag of column headers |
| 17180 | * | 17192 | * |
| 17181 | * Version: 1.0 | 17193 | * Version: 1.0 |
| 17182 | * Latest update: May 25, 2015 | 17194 | * Latest update: May 25, 2015 |
| 17183 | * | 17195 | * |
| 17184 | * ---------------------------------------------------------------------------- */ | 17196 | * ---------------------------------------------------------------------------- */ |
| 17185 | .DTCR_clonedTable { | 17197 | .DTCR_clonedTable { |
| 17186 | background-color: rgba(255, 255, 255, 0.8); | 17198 | background-color: rgba(255, 255, 255, 0.8); |
| 17187 | z-index: 202; | 17199 | z-index: 202; |
| 17188 | cursor: move; | 17200 | cursor: move; |
| 17189 | } | 17201 | } |
| 17190 | .DTCR_clonedTable th, | 17202 | .DTCR_clonedTable th, |
| 17191 | .DTCR_clonedTable td { | 17203 | .DTCR_clonedTable td { |
| 17192 | border: 1px solid #ddd !important; | 17204 | border: 1px solid #ddd !important; |
| 17193 | } | 17205 | } |
| 17194 | .DTCR_pointer { | 17206 | .DTCR_pointer { |
| 17195 | width: 1px; | 17207 | width: 1px; |
| 17196 | background-color: #2196F3; | 17208 | background-color: #2196F3; |
| 17197 | z-index: 201; | 17209 | z-index: 201; |
| 17198 | } | 17210 | } |
| 17199 | /* ------------------------------------------------------------------------------ | 17211 | /* ------------------------------------------------------------------------------ |
| 17200 | * | 17212 | * |
| 17201 | * # Row Reorder extension | 17213 | * # Row Reorder extension |
| 17202 | * | 17214 | * |
| 17203 | * RowReorder adds the ability for rows in a DataTable to be reordered through | 17215 | * RowReorder adds the ability for rows in a DataTable to be reordered through |
| 17204 | * user interaction with the table. | 17216 | * user interaction with the table. |
| 17205 | * | 17217 | * |
| 17206 | * Version: 1.0 | 17218 | * Version: 1.0 |
| 17207 | * Latest update: Nov 10, 2015 | 17219 | * Latest update: Nov 10, 2015 |
| 17208 | * | 17220 | * |
| 17209 | * ---------------------------------------------------------------------------- */ | 17221 | * ---------------------------------------------------------------------------- */ |
| 17210 | .dt-rowReorder-float { | 17222 | .dt-rowReorder-float { |
| 17211 | position: absolute!important; | 17223 | position: absolute!important; |
| 17212 | table-layout: static; | 17224 | table-layout: static; |
| 17213 | outline: 1px dashed #777; | 17225 | outline: 1px dashed #777; |
| 17214 | outline-offset: -1px; | 17226 | outline-offset: -1px; |
| 17215 | background-color: #fff; | 17227 | background-color: #fff; |
| 17216 | z-index: 1030; | 17228 | z-index: 1030; |
| 17217 | cursor: move; | 17229 | cursor: move; |
| 17218 | opacity: 0.9; | 17230 | opacity: 0.9; |
| 17219 | filter: alpha(opacity=90); | 17231 | filter: alpha(opacity=90); |
| 17220 | } | 17232 | } |
| 17221 | .dt-rowReorder-moving { | 17233 | .dt-rowReorder-moving { |
| 17222 | outline: 1px solid #777; | 17234 | outline: 1px solid #777; |
| 17223 | outline-offset: -1px; | 17235 | outline-offset: -1px; |
| 17224 | } | 17236 | } |
| 17225 | .dt-rowReorder-noOverflow { | 17237 | .dt-rowReorder-noOverflow { |
| 17226 | overflow-x: hidden; | 17238 | overflow-x: hidden; |
| 17227 | } | 17239 | } |
| 17228 | .dataTable td.reorder { | 17240 | .dataTable td.reorder { |
| 17229 | text-align: center; | 17241 | text-align: center; |
| 17230 | cursor: move; | 17242 | cursor: move; |
| 17231 | } | 17243 | } |
| 17232 | /* ------------------------------------------------------------------------------ | 17244 | /* ------------------------------------------------------------------------------ |
| 17233 | * | 17245 | * |
| 17234 | * # Fixed columns | 17246 | * # Fixed columns |
| 17235 | * | 17247 | * |
| 17236 | * Extension that "freezes" in place the left most columns in a scrolling DataTable | 17248 | * Extension that "freezes" in place the left most columns in a scrolling DataTable |
| 17237 | * | 17249 | * |
| 17238 | * Version: 1.1 | 17250 | * Version: 1.1 |
| 17239 | * Latest update: Feb 25, 2016 | 17251 | * Latest update: Feb 25, 2016 |
| 17240 | * | 17252 | * |
| 17241 | * ---------------------------------------------------------------------------- */ | 17253 | * ---------------------------------------------------------------------------- */ |
| 17242 | .DTFC_Cloned { | 17254 | .DTFC_Cloned { |
| 17243 | background-color: #fff; | 17255 | background-color: #fff; |
| 17244 | border-bottom: 0; | 17256 | border-bottom: 0; |
| 17245 | } | 17257 | } |
| 17246 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > th, | 17258 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > th, |
| 17247 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > td { | 17259 | .DTFC_LeftWrapper .DTFC_Cloned.table > tbody > tr > td { |
| 17248 | border-right: 1px solid #ddd; | 17260 | border-right: 1px solid #ddd; |
| 17249 | } | 17261 | } |
| 17250 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > th, | 17262 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > th, |
| 17251 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > td { | 17263 | .DTFC_RightWrapper .DTFC_Cloned.table > tbody > tr > td { |
| 17252 | border-left: 1px solid #ddd; | 17264 | border-left: 1px solid #ddd; |
| 17253 | } | 17265 | } |
| 17254 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, | 17266 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, |
| 17255 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, | 17267 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, |
| 17256 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, | 17268 | .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, |
| 17257 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after { | 17269 | .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after { |
| 17258 | content: none; | 17270 | content: none; |
| 17259 | } | 17271 | } |
| 17260 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, | 17272 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, |
| 17261 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, | 17273 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, |
| 17262 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th, | 17274 | .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th, |
| 17263 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th { | 17275 | .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th { |
| 17264 | border-top: 0; | 17276 | border-top: 0; |
| 17265 | } | 17277 | } |
| 17266 | .DTFC_Blocker { | 17278 | .DTFC_Blocker { |
| 17267 | background-color: white; | 17279 | background-color: white; |
| 17268 | } | 17280 | } |
| 17269 | @media (max-width: 768px) { | 17281 | @media (max-width: 768px) { |
| 17270 | .DTFC_LeftWrapper, | 17282 | .DTFC_LeftWrapper, |
| 17271 | .DTFC_RightWrapper { | 17283 | .DTFC_RightWrapper { |
| 17272 | display: none; | 17284 | display: none; |
| 17273 | } | 17285 | } |
| 17274 | } | 17286 | } |
| 17275 | /* ------------------------------------------------------------------------------ | 17287 | /* ------------------------------------------------------------------------------ |
| 17276 | * | 17288 | * |
| 17277 | * # Fixed Header extension | 17289 | * # Fixed Header extension |
| 17278 | * | 17290 | * |
| 17279 | * This extension lets your users quickly determine what each column refers to | 17291 | * This extension lets your users quickly determine what each column refers to |
| 17280 | * rather than needing to scroll back to the top of the table. | 17292 | * rather than needing to scroll back to the top of the table. |
| 17281 | * | 17293 | * |
| 17282 | * Version: 1.0 | 17294 | * Version: 1.0 |
| 17283 | * Latest update: Nov 9, 2015 | 17295 | * Latest update: Nov 9, 2015 |
| 17284 | * | 17296 | * |
| 17285 | * ---------------------------------------------------------------------------- */ | 17297 | * ---------------------------------------------------------------------------- */ |
| 17286 | .fixedHeader-floating, | 17298 | .fixedHeader-floating, |
| 17287 | .fixedHeader-locked { | 17299 | .fixedHeader-locked { |
| 17288 | background-color: #fff; | 17300 | background-color: #fff; |
| 17289 | margin-top: 0; | 17301 | margin-top: 0; |
| 17290 | margin-bottom: 0; | 17302 | margin-bottom: 0; |
| 17291 | } | 17303 | } |
| 17292 | .fixedHeader-floating { | 17304 | .fixedHeader-floating { |
| 17293 | position: fixed; | 17305 | position: fixed; |
| 17294 | } | 17306 | } |
| 17295 | .fixedHeader-floating + .fixedHeader-floating, | 17307 | .fixedHeader-floating + .fixedHeader-floating, |
| 17296 | .fixedHeader-locked + .fixedHeader-floating { | 17308 | .fixedHeader-locked + .fixedHeader-floating { |
| 17297 | border-top: 0!important; | 17309 | border-top: 0!important; |
| 17298 | } | 17310 | } |
| 17299 | @media (max-width: 768px) { | 17311 | @media (max-width: 768px) { |
| 17300 | .fixedHeader-floating { | 17312 | .fixedHeader-floating { |
| 17301 | display: none; | 17313 | display: none; |
| 17302 | } | 17314 | } |
| 17303 | } | 17315 | } |
| 17304 | .fixedHeader-locked { | 17316 | .fixedHeader-locked { |
| 17305 | position: absolute; | 17317 | position: absolute; |
| 17306 | } | 17318 | } |
| 17307 | @media (max-width: 768px) { | 17319 | @media (max-width: 768px) { |
| 17308 | .fixedHeader-locked { | 17320 | .fixedHeader-locked { |
| 17309 | display: none; | 17321 | display: none; |
| 17310 | } | 17322 | } |
| 17311 | } | 17323 | } |
| 17312 | @media print { | 17324 | @media print { |
| 17313 | table.fixedHeader-floating { | 17325 | table.fixedHeader-floating { |
| 17314 | display: none; | 17326 | display: none; |
| 17315 | } | 17327 | } |
| 17316 | } | 17328 | } |
| 17317 | /* ------------------------------------------------------------------------------ | 17329 | /* ------------------------------------------------------------------------------ |
| 17318 | * | 17330 | * |
| 17319 | * # Autofill extension | 17331 | * # Autofill extension |
| 17320 | * | 17332 | * |
| 17321 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication | 17333 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication |
| 17322 | * option of an auto fill tool | 17334 | * option of an auto fill tool |
| 17323 | * | 17335 | * |
| 17324 | * Version: 1.1 | 17336 | * Version: 1.1 |
| 17325 | * Latest update: Mar 10, 2016 | 17337 | * Latest update: Mar 10, 2016 |
| 17326 | * | 17338 | * |
| 17327 | * ---------------------------------------------------------------------------- */ | 17339 | * ---------------------------------------------------------------------------- */ |
| 17328 | .dt-autofill-handle { | 17340 | .dt-autofill-handle { |
| 17329 | position: absolute; | 17341 | position: absolute; |
| 17330 | height: 8px; | 17342 | height: 8px; |
| 17331 | width: 8px; | 17343 | width: 8px; |
| 17332 | z-index: 102; | 17344 | z-index: 102; |
| 17333 | border: 1px solid #2196F3; | 17345 | border: 1px solid #2196F3; |
| 17334 | background: #2196F3; | 17346 | background: #2196F3; |
| 17335 | } | 17347 | } |
| 17336 | .dt-autofill-select { | 17348 | .dt-autofill-select { |
| 17337 | position: absolute; | 17349 | position: absolute; |
| 17338 | z-index: 1001; | 17350 | z-index: 1001; |
| 17339 | background-color: #2196F3; | 17351 | background-color: #2196F3; |
| 17340 | background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.75) 5px, rgba(255, 255, 255, 0.75) 10px); | 17352 | background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.75) 5px, rgba(255, 255, 255, 0.75) 10px); |
| 17341 | } | 17353 | } |
| 17342 | .dt-autofill-select.top, | 17354 | .dt-autofill-select.top, |
| 17343 | .dt-autofill-select.bottom { | 17355 | .dt-autofill-select.bottom { |
| 17344 | height: 1px; | 17356 | height: 1px; |
| 17345 | } | 17357 | } |
| 17346 | .dt-autofill-select.left, | 17358 | .dt-autofill-select.left, |
| 17347 | .dt-autofill-select.right { | 17359 | .dt-autofill-select.right { |
| 17348 | width: 1px; | 17360 | width: 1px; |
| 17349 | } | 17361 | } |
| 17350 | .dt-autofill-list { | 17362 | .dt-autofill-list { |
| 17351 | position: fixed; | 17363 | position: fixed; |
| 17352 | top: 50%; | 17364 | top: 50%; |
| 17353 | left: 50%; | 17365 | left: 50%; |
| 17354 | width: 500px; | 17366 | width: 500px; |
| 17355 | margin-left: -250px; | 17367 | margin-left: -250px; |
| 17356 | background-color: #fff; | 17368 | background-color: #fff; |
| 17357 | border-radius: 3px; | 17369 | border-radius: 3px; |
| 17358 | border: 1px solid transparent; | 17370 | border: 1px solid transparent; |
| 17359 | z-index: 1050; | 17371 | z-index: 1050; |
| 17360 | padding: 8px 0; | 17372 | padding: 8px 0; |
| 17361 | } | 17373 | } |
| 17362 | .dt-autofill-list ul { | 17374 | .dt-autofill-list ul { |
| 17363 | display: table; | 17375 | display: table; |
| 17364 | margin: 0; | 17376 | margin: 0; |
| 17365 | padding: 0; | 17377 | padding: 0; |
| 17366 | list-style: none; | 17378 | list-style: none; |
| 17367 | width: 100%; | 17379 | width: 100%; |
| 17368 | } | 17380 | } |
| 17369 | .dt-autofill-list ul li { | 17381 | .dt-autofill-list ul li { |
| 17370 | display: table-row; | 17382 | display: table-row; |
| 17371 | } | 17383 | } |
| 17372 | .dt-autofill-list ul li:hover { | 17384 | .dt-autofill-list ul li:hover { |
| 17373 | background-color: #f5f5f5; | 17385 | background-color: #f5f5f5; |
| 17374 | } | 17386 | } |
| 17375 | .dt-autofill-list .dt-autofill-question { | 17387 | .dt-autofill-list .dt-autofill-question { |
| 17376 | display: table-cell; | 17388 | display: table-cell; |
| 17377 | padding: 8px 15px; | 17389 | padding: 8px 15px; |
| 17378 | } | 17390 | } |
| 17379 | .dt-autofill-list .dt-autofill-question input[type=number] { | 17391 | .dt-autofill-list .dt-autofill-question input[type=number] { |
| 17380 | padding: 6px; | 17392 | padding: 6px; |
| 17381 | width: 30px; | 17393 | width: 30px; |
| 17382 | margin: -2px 0; | 17394 | margin: -2px 0; |
| 17383 | } | 17395 | } |
| 17384 | .dt-autofill-list .dt-autofill-button { | 17396 | .dt-autofill-list .dt-autofill-button { |
| 17385 | display: table-cell; | 17397 | display: table-cell; |
| 17386 | padding: 8px 16px; | 17398 | padding: 8px 16px; |
| 17387 | text-align: right; | 17399 | text-align: right; |
| 17388 | } | 17400 | } |
| 17389 | .dt-autofill-list .dt-autofill-button .btn { | 17401 | .dt-autofill-list .dt-autofill-button .btn { |
| 17390 | padding: 3px; | 17402 | padding: 3px; |
| 17391 | background-color: #2196F3; | 17403 | background-color: #2196F3; |
| 17392 | color: #fff; | 17404 | color: #fff; |
| 17393 | font-size: 0; | 17405 | font-size: 0; |
| 17394 | } | 17406 | } |
| 17395 | .dt-autofill-list .dt-autofill-button .btn:after { | 17407 | .dt-autofill-list .dt-autofill-button .btn:after { |
| 17396 | content: '\e9c3'; | 17408 | content: '\e9c3'; |
| 17397 | font-family: 'Icomoon'; | 17409 | font-family: 'Icomoon'; |
| 17398 | display: block; | 17410 | display: block; |
| 17399 | font-size: 16px; | 17411 | font-size: 16px; |
| 17400 | width: 16px; | 17412 | width: 16px; |
| 17401 | line-height: 1; | 17413 | line-height: 1; |
| 17402 | -webkit-font-smoothing: antialiased; | 17414 | -webkit-font-smoothing: antialiased; |
| 17403 | -moz-osx-font-smoothing: grayscale; | 17415 | -moz-osx-font-smoothing: grayscale; |
| 17404 | } | 17416 | } |
| 17405 | .dt-autofill-list .dt-autofill-button .btn:hover { | 17417 | .dt-autofill-list .dt-autofill-button .btn:hover { |
| 17406 | opacity: 0.85; | 17418 | opacity: 0.85; |
| 17407 | filter: alpha(opacity=85); | 17419 | filter: alpha(opacity=85); |
| 17408 | } | 17420 | } |
| 17409 | .dt-autofill-background { | 17421 | .dt-autofill-background { |
| 17410 | position: fixed; | 17422 | position: fixed; |
| 17411 | top: 0; | 17423 | top: 0; |
| 17412 | left: 0; | 17424 | left: 0; |
| 17413 | width: 100%; | 17425 | width: 100%; |
| 17414 | height: 100%; | 17426 | height: 100%; |
| 17415 | background-color: #000; | 17427 | background-color: #000; |
| 17416 | z-index: 1040; | 17428 | z-index: 1040; |
| 17417 | opacity: 0.5; | 17429 | opacity: 0.5; |
| 17418 | filter: alpha(opacity=50); | 17430 | filter: alpha(opacity=50); |
| 17419 | } | 17431 | } |
| 17420 | /* ------------------------------------------------------------------------------ | 17432 | /* ------------------------------------------------------------------------------ |
| 17421 | * | 17433 | * |
| 17422 | * # Select extension | 17434 | * # Select extension |
| 17423 | * | 17435 | * |
| 17424 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication | 17436 | * Spreadsheets such as Excel and Google Docs have a very handy data duplication |
| 17425 | * option of an auto fill tool | 17437 | * option of an auto fill tool |
| 17426 | * | 17438 | * |
| 17427 | * Version: 1.1 | 17439 | * Version: 1.1 |
| 17428 | * Latest update: Dec 9, 2015 | 17440 | * Latest update: Dec 9, 2015 |
| 17429 | * | 17441 | * |
| 17430 | * ---------------------------------------------------------------------------- */ | 17442 | * ---------------------------------------------------------------------------- */ |
| 17431 | .dataTable tbody > tr.selected, | 17443 | .dataTable tbody > tr.selected, |
| 17432 | .dataTable tbody > tr > .selected { | 17444 | .dataTable tbody > tr > .selected { |
| 17433 | background-color: #E8F5E9; | 17445 | background-color: #E8F5E9; |
| 17434 | } | 17446 | } |
| 17435 | .dataTables_wrapper .select-info, | 17447 | .dataTables_wrapper .select-info, |
| 17436 | .dataTables_wrapper .select-item { | 17448 | .dataTables_wrapper .select-item { |
| 17437 | margin-left: 10px; | 17449 | margin-left: 10px; |
| 17438 | } | 17450 | } |
| 17439 | @media (max-width: 768px) { | 17451 | @media (max-width: 768px) { |
| 17440 | .dataTables_wrapper .select-info, | 17452 | .dataTables_wrapper .select-info, |
| 17441 | .dataTables_wrapper .select-item { | 17453 | .dataTables_wrapper .select-item { |
| 17442 | margin-left: 0; | 17454 | margin-left: 0; |
| 17443 | display: block; | 17455 | display: block; |
| 17444 | } | 17456 | } |
| 17445 | } | 17457 | } |
| 17446 | .dataTable tbody .select-checkbox { | 17458 | .dataTable tbody .select-checkbox { |
| 17447 | position: relative; | 17459 | position: relative; |
| 17448 | } | 17460 | } |
| 17449 | .dataTable tbody .select-checkbox:before, | 17461 | .dataTable tbody .select-checkbox:before, |
| 17450 | .dataTable tbody .select-checkbox:after { | 17462 | .dataTable tbody .select-checkbox:after { |
| 17451 | display: block; | 17463 | display: block; |
| 17452 | color: #455A64; | 17464 | color: #455A64; |
| 17453 | position: absolute; | 17465 | position: absolute; |
| 17454 | top: 50%; | 17466 | top: 50%; |
| 17455 | left: 50%; | 17467 | left: 50%; |
| 17456 | cursor: pointer; | 17468 | cursor: pointer; |
| 17457 | } | 17469 | } |
| 17458 | .dataTable tbody .select-checkbox:before { | 17470 | .dataTable tbody .select-checkbox:before { |
| 17459 | content: ''; | 17471 | content: ''; |
| 17460 | width: 18px; | 17472 | width: 18px; |
| 17461 | height: 18px; | 17473 | height: 18px; |
| 17462 | margin-top: -9px; | 17474 | margin-top: -9px; |
| 17463 | margin-left: -9px; | 17475 | margin-left: -9px; |
| 17464 | border: 2px solid #607D8B; | 17476 | border: 2px solid #607D8B; |
| 17465 | border-radius: 2px; | 17477 | border-radius: 2px; |
| 17466 | } | 17478 | } |
| 17467 | .dataTable tbody .select-checkbox:after { | 17479 | .dataTable tbody .select-checkbox:after { |
| 17468 | content: "\ed6e"; | 17480 | content: "\ed6e"; |
| 17469 | font-family: 'icomoon'; | 17481 | font-family: 'icomoon'; |
| 17470 | font-size: 16px; | 17482 | font-size: 16px; |
| 17471 | line-height: 1; | 17483 | line-height: 1; |
| 17472 | -webkit-font-smoothing: antialiased; | 17484 | -webkit-font-smoothing: antialiased; |
| 17473 | -moz-osx-font-smoothing: grayscale; | 17485 | -moz-osx-font-smoothing: grayscale; |
| 17474 | margin-top: -8px; | 17486 | margin-top: -8px; |
| 17475 | margin-left: -8px; | 17487 | margin-left: -8px; |
| 17476 | opacity: 0; | 17488 | opacity: 0; |
| 17477 | filter: alpha(opacity=0); | 17489 | filter: alpha(opacity=0); |
| 17478 | -webkit-transform: scale(0); | 17490 | -webkit-transform: scale(0); |
| 17479 | -ms-transform: scale(0); | 17491 | -ms-transform: scale(0); |
| 17480 | -o-transform: scale(0); | 17492 | -o-transform: scale(0); |
| 17481 | transform: scale(0); | 17493 | transform: scale(0); |
| 17482 | -webkit-transition-duration: 0.1s; | 17494 | -webkit-transition-duration: 0.1s; |
| 17483 | transition-duration: 0.1s; | 17495 | transition-duration: 0.1s; |
| 17484 | } | 17496 | } |
| 17485 | .dataTable tbody .selected .select-checkbox:before { | 17497 | .dataTable tbody .selected .select-checkbox:before { |
| 17486 | border-color: transparent; | 17498 | border-color: transparent; |
| 17487 | -webkit-transition-duration: 0.1s; | 17499 | -webkit-transition-duration: 0.1s; |
| 17488 | transition-duration: 0.1s; | 17500 | transition-duration: 0.1s; |
| 17489 | } | 17501 | } |
| 17490 | .dataTable tbody .selected .select-checkbox:after { | 17502 | .dataTable tbody .selected .select-checkbox:after { |
| 17491 | opacity: 1; | 17503 | opacity: 1; |
| 17492 | filter: alpha(opacity=100); | 17504 | filter: alpha(opacity=100); |
| 17493 | -webkit-transform: scale(1); | 17505 | -webkit-transform: scale(1); |
| 17494 | -ms-transform: scale(1); | 17506 | -ms-transform: scale(1); |
| 17495 | -o-transform: scale(1); | 17507 | -o-transform: scale(1); |
| 17496 | transform: scale(1); | 17508 | transform: scale(1); |
| 17497 | } | 17509 | } |
| 17498 | /* ------------------------------------------------------------------------------ | 17510 | /* ------------------------------------------------------------------------------ |
| 17499 | * | 17511 | * |
| 17500 | * # Buttons extension | 17512 | * # Buttons extension |
| 17501 | * | 17513 | * |
| 17502 | * The Buttons extension for DataTables provides a common set of options, API | 17514 | * The Buttons extension for DataTables provides a common set of options, API |
| 17503 | * methods and styling to display buttons that will interact with a DataTable | 17515 | * methods and styling to display buttons that will interact with a DataTable |
| 17504 | * | 17516 | * |
| 17505 | * Version: 1.2 | 17517 | * Version: 1.2 |
| 17506 | * Latest update: Jul 5, 2016 | 17518 | * Latest update: Jul 5, 2016 |
| 17507 | * | 17519 | * |
| 17508 | * ---------------------------------------------------------------------------- */ | 17520 | * ---------------------------------------------------------------------------- */ |
| 17509 | .dt-buttons-full .dt-buttons { | 17521 | .dt-buttons-full .dt-buttons { |
| 17510 | text-align: center; | 17522 | text-align: center; |
| 17511 | float: none; | 17523 | float: none; |
| 17512 | display: block; | 17524 | display: block; |
| 17513 | margin: 0; | 17525 | margin: 0; |
| 17514 | padding: 20px 20px 10px 20px; | 17526 | padding: 20px 20px 10px 20px; |
| 17515 | border-bottom: 1px solid #ddd; | 17527 | border-bottom: 1px solid #ddd; |
| 17516 | } | 17528 | } |
| 17517 | .dt-buttons-full .dt-buttons > .btn { | 17529 | .dt-buttons-full .dt-buttons > .btn { |
| 17518 | margin-bottom: 10px; | 17530 | margin-bottom: 10px; |
| 17519 | float: none; | 17531 | float: none; |
| 17520 | } | 17532 | } |
| 17521 | .dt-buttons { | 17533 | .dt-buttons { |
| 17522 | float: right; | 17534 | float: right; |
| 17523 | display: inline-block; | 17535 | display: inline-block; |
| 17524 | margin: 0 0 20px 20px; | 17536 | margin: 0 0 20px 20px; |
| 17525 | } | 17537 | } |
| 17526 | .dt-buttons-left .dt-buttons { | 17538 | .dt-buttons-left .dt-buttons { |
| 17527 | float: left; | 17539 | float: left; |
| 17528 | } | 17540 | } |
| 17529 | .dt-buttons > .dt-button { | 17541 | .dt-buttons > .dt-button { |
| 17530 | display: inline-block; | 17542 | display: inline-block; |
| 17531 | } | 17543 | } |
| 17532 | .dt-buttons > .btn { | 17544 | .dt-buttons > .btn { |
| 17533 | border-radius: 0; | 17545 | border-radius: 0; |
| 17534 | } | 17546 | } |
| 17535 | .dt-buttons > .btn:first-child { | 17547 | .dt-buttons > .btn:first-child { |
| 17536 | border-bottom-left-radius: 3px; | 17548 | border-bottom-left-radius: 3px; |
| 17537 | border-top-left-radius: 3px; | 17549 | border-top-left-radius: 3px; |
| 17538 | } | 17550 | } |
| 17539 | .dt-buttons > .btn:last-child { | 17551 | .dt-buttons > .btn:last-child { |
| 17540 | border-bottom-right-radius: 3px; | 17552 | border-bottom-right-radius: 3px; |
| 17541 | border-top-right-radius: 3px; | 17553 | border-top-right-radius: 3px; |
| 17542 | } | 17554 | } |
| 17543 | .dt-buttons > .btn + .btn { | 17555 | .dt-buttons > .btn + .btn { |
| 17544 | margin-left: 1px; | 17556 | margin-left: 1px; |
| 17545 | } | 17557 | } |
| 17546 | @media screen and (max-width: 767px) { | 17558 | @media screen and (max-width: 767px) { |
| 17547 | .dt-buttons { | 17559 | .dt-buttons { |
| 17548 | float: none; | 17560 | float: none; |
| 17549 | text-align: center; | 17561 | text-align: center; |
| 17550 | display: block; | 17562 | display: block; |
| 17551 | } | 17563 | } |
| 17552 | .dt-buttons .btn { | 17564 | .dt-buttons .btn { |
| 17553 | float: none; | 17565 | float: none; |
| 17554 | } | 17566 | } |
| 17555 | } | 17567 | } |
| 17556 | .dt-button-info { | 17568 | .dt-button-info { |
| 17557 | position: fixed; | 17569 | position: fixed; |
| 17558 | top: 50%; | 17570 | top: 50%; |
| 17559 | left: 50%; | 17571 | left: 50%; |
| 17560 | width: 400px; | 17572 | width: 400px; |
| 17561 | margin-top: -100px; | 17573 | margin-top: -100px; |
| 17562 | margin-left: -200px; | 17574 | margin-left: -200px; |
| 17563 | padding: 20px; | 17575 | padding: 20px; |
| 17564 | background-color: #fff; | 17576 | background-color: #fff; |
| 17565 | border-radius: 3px; | 17577 | border-radius: 3px; |
| 17566 | text-align: center; | 17578 | text-align: center; |
| 17567 | z-index: 1050; | 17579 | z-index: 1050; |
| 17568 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 17580 | -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 17569 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); | 17581 | box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); |
| 17570 | } | 17582 | } |
| 17571 | .dt-button-info h2 { | 17583 | .dt-button-info h2 { |
| 17572 | margin-top: 0; | 17584 | margin-top: 0; |
| 17573 | line-height: 1.5384616; | 17585 | line-height: 1.5384616; |
| 17574 | font-size: 17px; | 17586 | font-size: 17px; |
| 17575 | } | 17587 | } |
| 17576 | .dt-button-background { | 17588 | .dt-button-background { |
| 17577 | position: fixed; | 17589 | position: fixed; |
| 17578 | top: 0; | 17590 | top: 0; |
| 17579 | left: 0; | 17591 | left: 0; |
| 17580 | height: 100%; | 17592 | height: 100%; |
| 17581 | width: 100%; | 17593 | width: 100%; |
| 17582 | background-color: #333; | 17594 | background-color: #333; |
| 17583 | z-index: 999; | 17595 | z-index: 999; |
| 17584 | opacity: 0.25; | 17596 | opacity: 0.25; |
| 17585 | filter: alpha(opacity=25); | 17597 | filter: alpha(opacity=25); |
| 17586 | } | 17598 | } |
| 17587 | .dt-button-collection { | 17599 | .dt-button-collection { |
| 17588 | position: absolute; | 17600 | position: absolute; |
| 17589 | top: 0; | 17601 | top: 0; |
| 17590 | left: 0; | 17602 | left: 0; |
| 17591 | background-color: #fff; | 17603 | background-color: #fff; |
| 17592 | display: block; | 17604 | display: block; |
| 17593 | z-index: 1000; | 17605 | z-index: 1000; |
| 17594 | padding: 8px 0; | 17606 | padding: 8px 0; |
| 17595 | overflow: hidden; | 17607 | overflow: hidden; |
| 17596 | min-width: 180px; | 17608 | min-width: 180px; |
| 17597 | border-radius: 3px; | 17609 | border-radius: 3px; |
| 17598 | -webkit-column-gap: 2px; | 17610 | -webkit-column-gap: 2px; |
| 17599 | -moz-column-gap: 2px; | 17611 | -moz-column-gap: 2px; |
| 17600 | -ms-column-gap: 2px; | 17612 | -ms-column-gap: 2px; |
| 17601 | -o-column-gap: 2px; | 17613 | -o-column-gap: 2px; |
| 17602 | column-gap: 2px; | 17614 | column-gap: 2px; |
| 17603 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 17615 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 17604 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); | 17616 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
| 17605 | } | 17617 | } |
| 17606 | .dt-button-collection > .dt-button { | 17618 | .dt-button-collection > .dt-button { |
| 17607 | padding: 8px 15px; | 17619 | padding: 8px 15px; |
| 17608 | color: #333333; | 17620 | color: #333333; |
| 17609 | display: block; | 17621 | display: block; |
| 17610 | outline: 0; | 17622 | outline: 0; |
| 17611 | } | 17623 | } |
| 17612 | .dt-button-collection > .dt-button + .dt-button { | 17624 | .dt-button-collection > .dt-button + .dt-button { |
| 17613 | margin-top: 1px; | 17625 | margin-top: 1px; |
| 17614 | } | 17626 | } |
| 17615 | .dt-button-collection > .dt-button:hover, | 17627 | .dt-button-collection > .dt-button:hover, |
| 17616 | .dt-button-collection > .dt-button:focus { | 17628 | .dt-button-collection > .dt-button:focus { |
| 17617 | color: #333333; | 17629 | color: #333333; |
| 17618 | background-color: #f5f5f5; | 17630 | background-color: #f5f5f5; |
| 17619 | } | 17631 | } |
| 17620 | .dt-button-collection > .dt-button.active { | 17632 | .dt-button-collection > .dt-button.active { |
| 17621 | color: #fff; | 17633 | color: #fff; |
| 17622 | background-color: #26A69A; | 17634 | background-color: #26A69A; |
| 17623 | } | 17635 | } |
| 17624 | .dt-button-collection.fixed { | 17636 | .dt-button-collection.fixed { |
| 17625 | position: fixed; | 17637 | position: fixed; |
| 17626 | top: 50%; | 17638 | top: 50%; |
| 17627 | left: 50%; | 17639 | left: 50%; |
| 17628 | margin-left: -75px; | 17640 | margin-left: -75px; |
| 17629 | padding-left: 6px; | 17641 | padding-left: 6px; |
| 17630 | padding-right: 6px; | 17642 | padding-right: 6px; |
| 17631 | } | 17643 | } |
| 17632 | .dt-button-collection.fixed.two-column { | 17644 | .dt-button-collection.fixed.two-column { |
| 17633 | margin-left: -150px; | 17645 | margin-left: -150px; |
| 17634 | } | 17646 | } |
| 17635 | .dt-button-collection.fixed.three-column { | 17647 | .dt-button-collection.fixed.three-column { |
| 17636 | margin-left: -225px; | 17648 | margin-left: -225px; |
| 17637 | } | 17649 | } |
| 17638 | .dt-button-collection.fixed.four-column { | 17650 | .dt-button-collection.fixed.four-column { |
| 17639 | margin-left: -300px; | 17651 | margin-left: -300px; |
| 17640 | } | 17652 | } |
| 17641 | .dt-button-collection > * { | 17653 | .dt-button-collection > * { |
| 17642 | -webkit-column-break-inside: avoid; | 17654 | -webkit-column-break-inside: avoid; |
| 17643 | break-inside: avoid; | 17655 | break-inside: avoid; |
| 17644 | } | 17656 | } |
| 17645 | .dt-button-collection.two-column { | 17657 | .dt-button-collection.two-column { |
| 17646 | width: 300px; | 17658 | width: 300px; |
| 17647 | -webkit-column-count: 2; | 17659 | -webkit-column-count: 2; |
| 17648 | -moz-column-count: 2; | 17660 | -moz-column-count: 2; |
| 17649 | -ms-column-count: 2; | 17661 | -ms-column-count: 2; |
| 17650 | -o-column-count: 2; | 17662 | -o-column-count: 2; |
| 17651 | column-count: 2; | 17663 | column-count: 2; |
| 17652 | } | 17664 | } |
| 17653 | .dt-button-collection.three-column { | 17665 | .dt-button-collection.three-column { |
| 17654 | width: 450px; | 17666 | width: 450px; |
| 17655 | -webkit-column-count: 3; | 17667 | -webkit-column-count: 3; |
| 17656 | -moz-column-count: 3; | 17668 | -moz-column-count: 3; |
| 17657 | -ms-column-count: 3; | 17669 | -ms-column-count: 3; |
| 17658 | -o-column-count: 3; | 17670 | -o-column-count: 3; |
| 17659 | column-count: 3; | 17671 | column-count: 3; |
| 17660 | } | 17672 | } |
| 17661 | .dt-button-collection.four-column { | 17673 | .dt-button-collection.four-column { |
| 17662 | width: 600px; | 17674 | width: 600px; |
| 17663 | -webkit-column-count: 4; | 17675 | -webkit-column-count: 4; |
| 17664 | -moz-column-count: 4; | 17676 | -moz-column-count: 4; |
| 17665 | -ms-column-count: 4; | 17677 | -ms-column-count: 4; |
| 17666 | -o-column-count: 4; | 17678 | -o-column-count: 4; |
| 17667 | column-count: 4; | 17679 | column-count: 4; |
| 17668 | } | 17680 | } |
| 17669 | /* ------------------------------------------------------------------------------ | 17681 | /* ------------------------------------------------------------------------------ |
| 17670 | * | 17682 | * |
| 17671 | * # Key Table extension | 17683 | * # Key Table extension |
| 17672 | * | 17684 | * |
| 17673 | * KeyTable provides Excel like cell navigation on any table. Events (focus, blur, | 17685 | * KeyTable provides Excel like cell navigation on any table. Events (focus, blur, |
| 17674 | * action etc) can be assigned to individual cells, columns, rows or all cells. | 17686 | * action etc) can be assigned to individual cells, columns, rows or all cells. |
| 17675 | * | 17687 | * |
| 17676 | * Version: 1.0 | 17688 | * Version: 1.0 |
| 17677 | * Latest update: Nov 10, 2015 | 17689 | * Latest update: Nov 10, 2015 |
| 17678 | * | 17690 | * |
| 17679 | * ---------------------------------------------------------------------------- */ | 17691 | * ---------------------------------------------------------------------------- */ |
| 17680 | .dataTable th.focus, | 17692 | .dataTable th.focus, |
| 17681 | .dataTable td.focus { | 17693 | .dataTable td.focus { |
| 17682 | outline: 2px solid #2196F3; | 17694 | outline: 2px solid #2196F3; |
| 17683 | outline-offset: -1px; | 17695 | outline-offset: -1px; |
| 17684 | } | 17696 | } |
| 17685 | .dataTable th.focus-success, | 17697 | .dataTable th.focus-success, |
| 17686 | .dataTable td.focus-success { | 17698 | .dataTable td.focus-success { |
| 17687 | background-color: #E8F5E9; | 17699 | background-color: #E8F5E9; |
| 17688 | outline-color: #4CAF50; | 17700 | outline-color: #4CAF50; |
| 17689 | } | 17701 | } |
| 17690 | .dataTable th.focus-info, | 17702 | .dataTable th.focus-info, |
| 17691 | .dataTable td.focus-info { | 17703 | .dataTable td.focus-info { |
| 17692 | background-color: #E3F2FD; | 17704 | background-color: #E3F2FD; |
| 17693 | outline-color: #2196F3; | 17705 | outline-color: #2196F3; |
| 17694 | } | 17706 | } |
| 17695 | .dataTable th.focus-warning, | 17707 | .dataTable th.focus-warning, |
| 17696 | .dataTable td.focus-warning { | 17708 | .dataTable td.focus-warning { |
| 17697 | background-color: #FBE9E7; | 17709 | background-color: #FBE9E7; |
| 17698 | outline-color: #FF5722; | 17710 | outline-color: #FF5722; |
| 17699 | } | 17711 | } |
| 17700 | .dataTable th.focus-danger, | 17712 | .dataTable th.focus-danger, |
| 17701 | .dataTable td.focus-danger { | 17713 | .dataTable td.focus-danger { |
| 17702 | background-color: #FFEBEE; | 17714 | background-color: #FFEBEE; |
| 17703 | outline-color: #F44336; | 17715 | outline-color: #F44336; |
| 17704 | } | 17716 | } |
| 17705 | /* ------------------------------------------------------------------------------ | 17717 | /* ------------------------------------------------------------------------------ |
| 17706 | * | 17718 | * |
| 17707 | * # Datatables Scroller | 17719 | * # Datatables Scroller |
| 17708 | * | 17720 | * |
| 17709 | * Drawing the rows required for the current display only, for fast operation | 17721 | * Drawing the rows required for the current display only, for fast operation |
| 17710 | * | 17722 | * |
| 17711 | * Version: 1.0 | 17723 | * Version: 1.0 |
| 17712 | * Latest update: May 25, 2015 | 17724 | * Latest update: May 25, 2015 |
| 17713 | * | 17725 | * |
| 17714 | * ---------------------------------------------------------------------------- */ | 17726 | * ---------------------------------------------------------------------------- */ |
| 17715 | .DTS tbody th, | 17727 | .DTS tbody th, |
| 17716 | .DTS tbody td { | 17728 | .DTS tbody td { |
| 17717 | white-space: nowrap; | 17729 | white-space: nowrap; |
| 17718 | } | 17730 | } |
| 17719 | .DTS .DTS_Loading { | 17731 | .DTS .DTS_Loading { |
| 17720 | position: absolute; | 17732 | position: absolute; |
| 17721 | top: 50%; | 17733 | top: 50%; |
| 17722 | left: 50%; | 17734 | left: 50%; |
| 17723 | width: 200px; | 17735 | width: 200px; |
| 17724 | height: 20px; | 17736 | height: 20px; |
| 17725 | margin-top: -20px; | 17737 | margin-top: -20px; |
| 17726 | margin-left: -100px; | 17738 | margin-left: -100px; |
| 17727 | z-index: 1; | 17739 | z-index: 1; |
| 17728 | border: 1px solid #999; | 17740 | border: 1px solid #999; |
| 17729 | padding: 20px 0; | 17741 | padding: 20px 0; |
| 17730 | text-align: center; | 17742 | text-align: center; |
| 17731 | background-color: rgba(255, 255, 255, 0.5); | 17743 | background-color: rgba(255, 255, 255, 0.5); |
| 17732 | } | 17744 | } |
| 17733 | .DTS .dataTables_scrollHead, | 17745 | .DTS .dataTables_scrollHead, |
| 17734 | .DTS .dataTables_scrollFoot { | 17746 | .DTS .dataTables_scrollFoot { |
| 17735 | background-color: #fff; | 17747 | background-color: #fff; |
| 17736 | } | 17748 | } |
| 17737 | .DTS .dataTables_scrollBody { | 17749 | .DTS .dataTables_scrollBody { |
| 17738 | z-index: 2; | 17750 | z-index: 2; |
| 17739 | } | 17751 | } |
| 17740 | /* ------------------------------------------------------------------------------ | 17752 | /* ------------------------------------------------------------------------------ |
| 17741 | * | 17753 | * |
| 17742 | * # Responsive extension | 17754 | * # Responsive extension |
| 17743 | * | 17755 | * |
| 17744 | * Optimise the table's layout for different screen sizes through the dynamic | 17756 | * Optimise the table's layout for different screen sizes through the dynamic |
| 17745 | * insertion and removal of columns from the table | 17757 | * insertion and removal of columns from the table |
| 17746 | * | 17758 | * |
| 17747 | * Version: 1.0 | 17759 | * Version: 1.0 |
| 17748 | * Latest update: May 25, 2015 | 17760 | * Latest update: May 25, 2015 |
| 17749 | * | 17761 | * |
| 17750 | * ---------------------------------------------------------------------------- */ | 17762 | * ---------------------------------------------------------------------------- */ |
| 17751 | .dtr-inline.collapsed tbody tr td:before, | 17763 | .dtr-inline.collapsed tbody tr td:before, |
| 17752 | .dtr-inline.collapsed tbody tr th:before { | 17764 | .dtr-inline.collapsed tbody tr th:before { |
| 17753 | margin-right: 10px; | 17765 | margin-right: 10px; |
| 17754 | } | 17766 | } |
| 17755 | .dtr-inline.collapsed tbody tr td:first-child, | 17767 | .dtr-inline.collapsed tbody tr td:first-child, |
| 17756 | .dtr-inline.collapsed tbody tr th:first-child { | 17768 | .dtr-inline.collapsed tbody tr th:first-child { |
| 17757 | position: relative; | 17769 | position: relative; |
| 17758 | cursor: pointer; | 17770 | cursor: pointer; |
| 17759 | white-space: nowrap; | 17771 | white-space: nowrap; |
| 17760 | } | 17772 | } |
| 17761 | .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, | 17773 | .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, |
| 17762 | .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { | 17774 | .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { |
| 17763 | display: none; | 17775 | display: none; |
| 17764 | } | 17776 | } |
| 17765 | .dtr-column tbody td.control, | 17777 | .dtr-column tbody td.control, |
| 17766 | .dtr-column tbody th.control { | 17778 | .dtr-column tbody th.control { |
| 17767 | position: relative; | 17779 | position: relative; |
| 17768 | cursor: pointer; | 17780 | cursor: pointer; |
| 17769 | } | 17781 | } |
| 17770 | .dtr-inline.collapsed tbody tr td:first-child:before, | 17782 | .dtr-inline.collapsed tbody tr td:first-child:before, |
| 17771 | .dtr-inline.collapsed tbody tr th:first-child:before, | 17783 | .dtr-inline.collapsed tbody tr th:first-child:before, |
| 17772 | .dtr-column tbody tr td.control:before, | 17784 | .dtr-column tbody tr td.control:before, |
| 17773 | .dtr-column tbody tr th.control:before { | 17785 | .dtr-column tbody tr th.control:before { |
| 17774 | content: '\e9e4'; | 17786 | content: '\e9e4'; |
| 17775 | font-family: 'icomoon'; | 17787 | font-family: 'icomoon'; |
| 17776 | display: inline-block; | 17788 | display: inline-block; |
| 17777 | font-size: 16px; | 17789 | font-size: 16px; |
| 17778 | width: 16px; | 17790 | width: 16px; |
| 17779 | line-height: 1; | 17791 | line-height: 1; |
| 17780 | position: relative; | 17792 | position: relative; |
| 17781 | top: -1px; | 17793 | top: -1px; |
| 17782 | vertical-align: middle; | 17794 | vertical-align: middle; |
| 17783 | -webkit-font-smoothing: antialiased; | 17795 | -webkit-font-smoothing: antialiased; |
| 17784 | -moz-osx-font-smoothing: grayscale; | 17796 | -moz-osx-font-smoothing: grayscale; |
| 17785 | } | 17797 | } |
| 17786 | .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, | 17798 | .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, |
| 17787 | .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before, | 17799 | .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before, |
| 17788 | .dataTable.dtr-column tbody tr.parent td.control:before, | 17800 | .dataTable.dtr-column tbody tr.parent td.control:before, |
| 17789 | .dataTable.dtr-column tbody tr.parent th.control:before { | 17801 | .dataTable.dtr-column tbody tr.parent th.control:before { |
| 17790 | content: '\e9e7'; | 17802 | content: '\e9e7'; |
| 17791 | } | 17803 | } |
| 17792 | .dtr-inline.collapsed tbody tr.child td:before { | 17804 | .dtr-inline.collapsed tbody tr.child td:before { |
| 17793 | display: none; | 17805 | display: none; |
| 17794 | } | 17806 | } |
| 17795 | .dataTable tr.child:hover { | 17807 | .dataTable tr.child:hover { |
| 17796 | background-color: transparent; | 17808 | background-color: transparent; |
| 17797 | } | 17809 | } |
| 17798 | .dataTable tr.child .dtr-title { | 17810 | .dataTable tr.child .dtr-title { |
| 17799 | display: table-cell; | 17811 | display: table-cell; |
| 17800 | font-weight: 500; | 17812 | font-weight: 500; |
| 17801 | padding-right: 40px; | 17813 | padding-right: 40px; |
| 17802 | } | 17814 | } |
| 17803 | .dataTable tr.child .dtr-data { | 17815 | .dataTable tr.child .dtr-data { |
| 17804 | display: table-cell; | 17816 | display: table-cell; |
| 17805 | padding: 8px 0; | 17817 | padding: 8px 0; |
| 17806 | } | 17818 | } |
| 17807 | .dataTable tr td.child { | 17819 | .dataTable tr td.child { |
| 17808 | white-space: normal; | 17820 | white-space: normal; |
| 17809 | position: relative; | 17821 | position: relative; |
| 17810 | } | 17822 | } |
| 17811 | .dataTable tr td.child > ul { | 17823 | .dataTable tr td.child > ul { |
| 17812 | display: table; | 17824 | display: table; |
| 17813 | table-layout: fixed; | 17825 | table-layout: fixed; |
| 17814 | width: 100%; | 17826 | width: 100%; |
| 17815 | list-style: none; | 17827 | list-style: none; |
| 17816 | margin: 0; | 17828 | margin: 0; |
| 17817 | padding: 0; | 17829 | padding: 0; |
| 17818 | } | 17830 | } |
| 17819 | .dataTable tr td.child > ul > li { | 17831 | .dataTable tr td.child > ul > li { |
| 17820 | display: table-row; | 17832 | display: table-row; |
| 17821 | } | 17833 | } |
| 17822 | @media (max-width: 480px) { | 17834 | @media (max-width: 480px) { |
| 17823 | .dataTable tr td.child > ul > li .dropdown, | 17835 | .dataTable tr td.child > ul > li .dropdown, |
| 17824 | .dataTable tr td.child > ul > li .dropup, | 17836 | .dataTable tr td.child > ul > li .dropup, |
| 17825 | .dataTable tr td.child > ul > li .btn-group { | 17837 | .dataTable tr td.child > ul > li .btn-group { |
| 17826 | position: static; | 17838 | position: static; |
| 17827 | } | 17839 | } |
| 17828 | .dataTable tr td.child > ul > li .dropdown-menu { | 17840 | .dataTable tr td.child > ul > li .dropdown-menu { |
| 17829 | left: 0; | 17841 | left: 0; |
| 17830 | right: 0; | 17842 | right: 0; |
| 17831 | border-radius: 0; | 17843 | border-radius: 0; |
| 17832 | border-width: 1px 0; | 17844 | border-width: 1px 0; |
| 17833 | } | 17845 | } |
| 17834 | } | 17846 | } |
| 17835 | /* ------------------------------------------------------------------------------ | 17847 | /* ------------------------------------------------------------------------------ |
| 17836 | * | 17848 | * |
| 17837 | * # Google maps base | 17849 | * # Google maps base |
| 17838 | * | 17850 | * |
| 17839 | * Styles related to Google Maps: containers, sizing etc. | 17851 | * Styles related to Google Maps: containers, sizing etc. |
| 17840 | * | 17852 | * |
| 17841 | * Version: 1.0 | 17853 | * Version: 1.0 |
| 17842 | * Latest update: May 25, 2015 | 17854 | * Latest update: May 25, 2015 |
| 17843 | * | 17855 | * |
| 17844 | * ---------------------------------------------------------------------------- */ | 17856 | * ---------------------------------------------------------------------------- */ |
| 17845 | .map-wrapper { | 17857 | .map-wrapper { |
| 17846 | width: 100%; | 17858 | width: 100%; |
| 17847 | height: 400px; | 17859 | height: 400px; |
| 17848 | } | 17860 | } |
| 17849 | .sidebar .map-wrapper { | 17861 | .sidebar .map-wrapper { |
| 17850 | height: 200px; | 17862 | height: 200px; |
| 17851 | border: 1px solid #ddd; | 17863 | border: 1px solid #ddd; |
| 17852 | } | 17864 | } |
| 17853 | /* ------------------------------------------------------------------------------ | 17865 | /* ------------------------------------------------------------------------------ |
| 17854 | * | 17866 | * |
| 17855 | * # Google Maps overrides | 17867 | * # Google Maps overrides |
| 17856 | * | 17868 | * |
| 17857 | * Override Google Maps default styles | 17869 | * Override Google Maps default styles |
| 17858 | * | 17870 | * |
| 17859 | * Version: 1.0 | 17871 | * Version: 1.0 |
| 17860 | * Latest update: May 25, 2015 | 17872 | * Latest update: May 25, 2015 |
| 17861 | * | 17873 | * |
| 17862 | * ---------------------------------------------------------------------------- */ | 17874 | * ---------------------------------------------------------------------------- */ |
| 17863 | .map-container { | 17875 | .map-container { |
| 17864 | height: 500px; | 17876 | height: 500px; |
| 17865 | } | 17877 | } |
| 17866 | .gm-style { | 17878 | .gm-style { |
| 17867 | font-size: 13px; | 17879 | font-size: 13px; |
| 17868 | } | 17880 | } |
| 17869 | .gm-style .gm-style-iw { | 17881 | .gm-style .gm-style-iw { |
| 17870 | font-size: 13px; | 17882 | font-size: 13px; |
| 17871 | font-weight: 400; | 17883 | font-weight: 400; |
| 17872 | } | 17884 | } |
| 17873 | /* ------------------------------------------------------------------------------ | 17885 | /* ------------------------------------------------------------------------------ |
| 17874 | * | 17886 | * |
| 17875 | * # Vector maps | 17887 | * # Vector maps |
| 17876 | * | 17888 | * |
| 17877 | * Vector map container, tooltip and zooming | 17889 | * Vector map container, tooltip and zooming |
| 17878 | * | 17890 | * |
| 17879 | * Version: 1.0 | 17891 | * Version: 1.0 |
| 17880 | * Latest update: May 25, 2015 | 17892 | * Latest update: May 25, 2015 |
| 17881 | * | 17893 | * |
| 17882 | * ---------------------------------------------------------------------------- */ | 17894 | * ---------------------------------------------------------------------------- */ |
| 17883 | .vector-map-container { | 17895 | .vector-map-container { |
| 17884 | height: 500px; | 17896 | height: 500px; |
| 17885 | } | 17897 | } |
| 17886 | .jvectormap-label { | 17898 | .jvectormap-label { |
| 17887 | position: absolute; | 17899 | position: absolute; |
| 17888 | display: none; | 17900 | display: none; |
| 17889 | border-radius: 2px; | 17901 | border-radius: 2px; |
| 17890 | background-color: #333; | 17902 | background-color: #333; |
| 17891 | color: #fff; | 17903 | color: #fff; |
| 17892 | padding: 8px 16px; | 17904 | padding: 8px 16px; |
| 17893 | } | 17905 | } |
| 17894 | .jvectormap-zoomin, | 17906 | .jvectormap-zoomin, |
| 17895 | .jvectormap-zoomout { | 17907 | .jvectormap-zoomout { |
| 17896 | position: absolute; | 17908 | position: absolute; |
| 17897 | left: 10px; | 17909 | left: 10px; |
| 17898 | border-radius: 2px; | 17910 | border-radius: 2px; |
| 17899 | padding: 8px; | 17911 | padding: 8px; |
| 17900 | color: white; | 17912 | color: white; |
| 17901 | cursor: pointer; | 17913 | cursor: pointer; |
| 17902 | font-size: 16px; | 17914 | font-size: 16px; |
| 17903 | font-weight: 300; | 17915 | font-weight: 300; |
| 17904 | line-height: 10px; | 17916 | line-height: 10px; |
| 17905 | background-color: #37474F; | 17917 | background-color: #37474F; |
| 17906 | text-align: center; | 17918 | text-align: center; |
| 17907 | } | 17919 | } |
| 17908 | .jvectormap-zoomin:hover, | 17920 | .jvectormap-zoomin:hover, |
| 17909 | .jvectormap-zoomout:hover { | 17921 | .jvectormap-zoomout:hover { |
| 17910 | background-color: #455A64; | 17922 | background-color: #455A64; |
| 17911 | } | 17923 | } |
| 17912 | .jvectormap-zoomin { | 17924 | .jvectormap-zoomin { |
| 17913 | top: 10px; | 17925 | top: 10px; |
| 17914 | } | 17926 | } |
| 17915 | .jvectormap-zoomout { | 17927 | .jvectormap-zoomout { |
| 17916 | top: 40px; | 17928 | top: 40px; |
| 17917 | } | 17929 | } |
| 17918 | /* ------------------------------------------------------------------------------ | 17930 | /* ------------------------------------------------------------------------------ |
| 17919 | * | 17931 | * |
| 17920 | * # Chart styling | 17932 | * # Chart styling |
| 17921 | * | 17933 | * |
| 17922 | * Charts base - container and sizing setup | 17934 | * Charts base - container and sizing setup |
| 17923 | * | 17935 | * |
| 17924 | * Version: 1.0 | 17936 | * Version: 1.0 |
| 17925 | * Latest update: May 25, 2015 | 17937 | * Latest update: May 25, 2015 |
| 17926 | * | 17938 | * |
| 17927 | * ---------------------------------------------------------------------------- */ | 17939 | * ---------------------------------------------------------------------------- */ |
| 17928 | .chart-container { | 17940 | .chart-container { |
| 17929 | position: relative; | 17941 | position: relative; |
| 17930 | width: 100%; | 17942 | width: 100%; |
| 17931 | } | 17943 | } |
| 17932 | .chart-container.has-scroll { | 17944 | .chart-container.has-scroll { |
| 17933 | overflow-x: scroll; | 17945 | overflow-x: scroll; |
| 17934 | overflow-y: visible; | 17946 | overflow-y: visible; |
| 17935 | max-width: 100%; | 17947 | max-width: 100%; |
| 17936 | } | 17948 | } |
| 17937 | @media (max-width: 768px) { | 17949 | @media (max-width: 768px) { |
| 17938 | .chart-container { | 17950 | .chart-container { |
| 17939 | overflow-x: scroll; | 17951 | overflow-x: scroll; |
| 17940 | overflow-y: visible; | 17952 | overflow-y: visible; |
| 17941 | max-width: 100%; | 17953 | max-width: 100%; |
| 17942 | } | 17954 | } |
| 17943 | } | 17955 | } |
| 17944 | .chart { | 17956 | .chart { |
| 17945 | position: relative; | 17957 | position: relative; |
| 17946 | display: block; | 17958 | display: block; |
| 17947 | width: 100%; | 17959 | width: 100%; |
| 17948 | direction: ltr; | 17960 | direction: ltr; |
| 17949 | } | 17961 | } |
| 17950 | .chart.has-minimum-width { | 17962 | .chart.has-minimum-width { |
| 17951 | min-width: 600px; | 17963 | min-width: 600px; |
| 17952 | } | 17964 | } |
| 17953 | .has-fixed-height { | 17965 | .has-fixed-height { |
| 17954 | height: 400px; | 17966 | height: 400px; |
| 17955 | } | 17967 | } |
| 17956 | .chart-pie { | 17968 | .chart-pie { |
| 17957 | width: 100%; | 17969 | width: 100%; |
| 17958 | height: 400px; | 17970 | height: 400px; |
| 17959 | min-width: 500px; | 17971 | min-width: 500px; |
| 17960 | } | 17972 | } |
| 17961 | /* ------------------------------------------------------------------------------ | 17973 | /* ------------------------------------------------------------------------------ |
| 17962 | * | 17974 | * |
| 17963 | * # C3 charts | 17975 | * # C3 charts |
| 17964 | * | 17976 | * |
| 17965 | * Styles for C3.js visualization library | 17977 | * Styles for C3.js visualization library |
| 17966 | * | 17978 | * |
| 17967 | * Version: 1.0 | 17979 | * Version: 1.0 |
| 17968 | * Latest update: May 25, 2015 | 17980 | * Latest update: May 25, 2015 |
| 17969 | * | 17981 | * |
| 17970 | * ---------------------------------------------------------------------------- */ | 17982 | * ---------------------------------------------------------------------------- */ |
| 17971 | .c3 svg { | 17983 | .c3 svg { |
| 17972 | font-size: 12px; | 17984 | font-size: 12px; |
| 17973 | } | 17985 | } |
| 17974 | .c3 path, | 17986 | .c3 path, |
| 17975 | .c3 line { | 17987 | .c3 line { |
| 17976 | fill: none; | 17988 | fill: none; |
| 17977 | stroke: #999999; | 17989 | stroke: #999999; |
| 17978 | } | 17990 | } |
| 17979 | .c3 path.domain { | 17991 | .c3 path.domain { |
| 17980 | shape-rendering: crispEdges; | 17992 | shape-rendering: crispEdges; |
| 17981 | } | 17993 | } |
| 17982 | .c3 text { | 17994 | .c3 text { |
| 17983 | -webkit-user-select: none; | 17995 | -webkit-user-select: none; |
| 17984 | -moz-user-select: none; | 17996 | -moz-user-select: none; |
| 17985 | -ms-user-select: none; | 17997 | -ms-user-select: none; |
| 17986 | user-select: none; | 17998 | user-select: none; |
| 17987 | } | 17999 | } |
| 17988 | .c3-legend-item-tile, | 18000 | .c3-legend-item-tile, |
| 17989 | .c3-xgrid-focus, | 18001 | .c3-xgrid-focus, |
| 17990 | .c3-ygrid, | 18002 | .c3-ygrid, |
| 17991 | .c3-event-rect, | 18003 | .c3-event-rect, |
| 17992 | .c3-bars path { | 18004 | .c3-bars path { |
| 17993 | shape-rendering: crispEdges; | 18005 | shape-rendering: crispEdges; |
| 17994 | } | 18006 | } |
| 17995 | .c3-chart-arc path { | 18007 | .c3-chart-arc path { |
| 17996 | stroke: #fff; | 18008 | stroke: #fff; |
| 17997 | } | 18009 | } |
| 17998 | .c3-chart-arc text { | 18010 | .c3-chart-arc text { |
| 17999 | fill: #fff; | 18011 | fill: #fff; |
| 18000 | font-size: 13px; | 18012 | font-size: 13px; |
| 18001 | } | 18013 | } |
| 18002 | .c3-grid line { | 18014 | .c3-grid line { |
| 18003 | stroke: #aaa; | 18015 | stroke: #aaa; |
| 18004 | } | 18016 | } |
| 18005 | .c3-grid text { | 18017 | .c3-grid text { |
| 18006 | fill: #aaa; | 18018 | fill: #aaa; |
| 18007 | } | 18019 | } |
| 18008 | .c3-xgrid, | 18020 | .c3-xgrid, |
| 18009 | .c3-ygrid { | 18021 | .c3-ygrid { |
| 18010 | stroke-dasharray: 3 3; | 18022 | stroke-dasharray: 3 3; |
| 18011 | } | 18023 | } |
| 18012 | .c3-text { | 18024 | .c3-text { |
| 18013 | font-weight: 500; | 18025 | font-weight: 500; |
| 18014 | } | 18026 | } |
| 18015 | .c3-text.c3-empty { | 18027 | .c3-text.c3-empty { |
| 18016 | fill: #808080; | 18028 | fill: #808080; |
| 18017 | font-size: 2em; | 18029 | font-size: 2em; |
| 18018 | } | 18030 | } |
| 18019 | .c3-line { | 18031 | .c3-line { |
| 18020 | stroke-width: 2px; | 18032 | stroke-width: 2px; |
| 18021 | } | 18033 | } |
| 18022 | .c3-area { | 18034 | .c3-area { |
| 18023 | stroke-width: 0; | 18035 | stroke-width: 0; |
| 18024 | opacity: 0.4; | 18036 | opacity: 0.4; |
| 18025 | filter: alpha(opacity=40); | 18037 | filter: alpha(opacity=40); |
| 18026 | } | 18038 | } |
| 18027 | .c3-circle._expanded_ { | 18039 | .c3-circle._expanded_ { |
| 18028 | stroke-width: 1.5px; | 18040 | stroke-width: 1.5px; |
| 18029 | stroke: #fff; | 18041 | stroke: #fff; |
| 18030 | } | 18042 | } |
| 18031 | .c3-selected-circle { | 18043 | .c3-selected-circle { |
| 18032 | fill: #fff; | 18044 | fill: #fff; |
| 18033 | stroke-width: 2px; | 18045 | stroke-width: 2px; |
| 18034 | } | 18046 | } |
| 18035 | .c3-bar { | 18047 | .c3-bar { |
| 18036 | stroke-width: 0; | 18048 | stroke-width: 0; |
| 18037 | } | 18049 | } |
| 18038 | .c3-bar._expanded_ { | 18050 | .c3-bar._expanded_ { |
| 18039 | fill-opacity: 0.75; | 18051 | fill-opacity: 0.75; |
| 18040 | } | 18052 | } |
| 18041 | .c3-chart-arcs-title { | 18053 | .c3-chart-arcs-title { |
| 18042 | font-size: 1.3em; | 18054 | font-size: 1.3em; |
| 18043 | } | 18055 | } |
| 18044 | .c3-chart-arcs .c3-chart-arcs-background { | 18056 | .c3-chart-arcs .c3-chart-arcs-background { |
| 18045 | fill: #e0e0e0; | 18057 | fill: #e0e0e0; |
| 18046 | stroke: none; | 18058 | stroke: none; |
| 18047 | } | 18059 | } |
| 18048 | .c3-chart-arcs .c3-chart-arcs-gauge-unit { | 18060 | .c3-chart-arcs .c3-chart-arcs-gauge-unit { |
| 18049 | fill: #333333; | 18061 | fill: #333333; |
| 18050 | font-size: 15px; | 18062 | font-size: 15px; |
| 18051 | } | 18063 | } |
| 18052 | .c3-chart-arcs .c3-chart-arcs-gauge-max, | 18064 | .c3-chart-arcs .c3-chart-arcs-gauge-max, |
| 18053 | .c3-chart-arcs .c3-chart-arcs-gauge-min { | 18065 | .c3-chart-arcs .c3-chart-arcs-gauge-min { |
| 18054 | fill: #999999; | 18066 | fill: #999999; |
| 18055 | } | 18067 | } |
| 18056 | .c3-chart-arc .c3-gauge-value { | 18068 | .c3-chart-arc .c3-gauge-value { |
| 18057 | fill: #333333; | 18069 | fill: #333333; |
| 18058 | font-size: 28px; | 18070 | font-size: 28px; |
| 18059 | } | 18071 | } |
| 18060 | .c3-target.c3-focused { | 18072 | .c3-target.c3-focused { |
| 18061 | opacity: 1; | 18073 | opacity: 1; |
| 18062 | filter: alpha(opacity=100); | 18074 | filter: alpha(opacity=100); |
| 18063 | } | 18075 | } |
| 18064 | .c3-target.c3-focused path.c3-line, | 18076 | .c3-target.c3-focused path.c3-line, |
| 18065 | .c3-target.c3-focused path.c3-step { | 18077 | .c3-target.c3-focused path.c3-step { |
| 18066 | stroke-width: 2px; | 18078 | stroke-width: 2px; |
| 18067 | } | 18079 | } |
| 18068 | .c3-target.c3-defocused { | 18080 | .c3-target.c3-defocused { |
| 18069 | opacity: 0.3 !important; | 18081 | opacity: 0.3 !important; |
| 18070 | filter: alpha(opacity=30) !important; | 18082 | filter: alpha(opacity=30) !important; |
| 18071 | } | 18083 | } |
| 18072 | .c3-region { | 18084 | .c3-region { |
| 18073 | fill: #546E7A; | 18085 | fill: #546E7A; |
| 18074 | fill-opacity: .1; | 18086 | fill-opacity: .1; |
| 18075 | } | 18087 | } |
| 18076 | .c3-brush .extent { | 18088 | .c3-brush .extent { |
| 18077 | fill-opacity: .1; | 18089 | fill-opacity: .1; |
| 18078 | } | 18090 | } |
| 18079 | .c3-legend-item { | 18091 | .c3-legend-item { |
| 18080 | font-size: 12px; | 18092 | font-size: 12px; |
| 18081 | } | 18093 | } |
| 18082 | .c3-legend-background { | 18094 | .c3-legend-background { |
| 18083 | fill: #fff; | 18095 | fill: #fff; |
| 18084 | stroke: lightgray; | 18096 | stroke: lightgray; |
| 18085 | stroke-width: 1; | 18097 | stroke-width: 1; |
| 18086 | opacity: 0.75; | 18098 | opacity: 0.75; |
| 18087 | filter: alpha(opacity=75); | 18099 | filter: alpha(opacity=75); |
| 18088 | } | 18100 | } |
| 18089 | .c3-tooltip { | 18101 | .c3-tooltip { |
| 18090 | border-collapse: collapse; | 18102 | border-collapse: collapse; |
| 18091 | border-spacing: 0; | 18103 | border-spacing: 0; |
| 18092 | background-color: #fff; | 18104 | background-color: #fff; |
| 18093 | empty-cells: show; | 18105 | empty-cells: show; |
| 18094 | opacity: 0.95; | 18106 | opacity: 0.95; |
| 18095 | filter: alpha(opacity=95); | 18107 | filter: alpha(opacity=95); |
| 18096 | } | 18108 | } |
| 18097 | .c3-tooltip th { | 18109 | .c3-tooltip th { |
| 18098 | background-color: #333; | 18110 | background-color: #333; |
| 18099 | padding: 4px 10px; | 18111 | padding: 4px 10px; |
| 18100 | text-align: center; | 18112 | text-align: center; |
| 18101 | color: #fff; | 18113 | color: #fff; |
| 18102 | border: 1px solid #333; | 18114 | border: 1px solid #333; |
| 18103 | font-weight: 500; | 18115 | font-weight: 500; |
| 18104 | } | 18116 | } |
| 18105 | .c3-tooltip td { | 18117 | .c3-tooltip td { |
| 18106 | font-size: 12px; | 18118 | font-size: 12px; |
| 18107 | padding: 6px 10px; | 18119 | padding: 6px 10px; |
| 18108 | background-color: #fff; | 18120 | background-color: #fff; |
| 18109 | border: 1px solid #ddd; | 18121 | border: 1px solid #ddd; |
| 18110 | } | 18122 | } |
| 18111 | .c3-tooltip td > span { | 18123 | .c3-tooltip td > span { |
| 18112 | display: inline-block; | 18124 | display: inline-block; |
| 18113 | width: 10px; | 18125 | width: 10px; |
| 18114 | height: 10px; | 18126 | height: 10px; |
| 18115 | margin-right: 6px; | 18127 | margin-right: 6px; |
| 18116 | } | 18128 | } |
| 18117 | .c3-tooltip td.value { | 18129 | .c3-tooltip td.value { |
| 18118 | text-align: right; | 18130 | text-align: right; |
| 18119 | } | 18131 | } |
| 18120 | /* ------------------------------------------------------------------------------ | 18132 | /* ------------------------------------------------------------------------------ |
| 18121 | * | 18133 | * |
| 18122 | * # D3.js library | 18134 | * # D3.js library |
| 18123 | * | 18135 | * |
| 18124 | * Basic styles for D3.js visualization library | 18136 | * Basic styles for D3.js visualization library |
| 18125 | * | 18137 | * |
| 18126 | * Version: 1.0 | 18138 | * Version: 1.0 |
| 18127 | * Latest update: May 25, 2015 | 18139 | * Latest update: May 25, 2015 |
| 18128 | * | 18140 | * |
| 18129 | * ---------------------------------------------------------------------------- */ | 18141 | * ---------------------------------------------------------------------------- */ |
| 18130 | .d3-axis path { | 18142 | .d3-axis path { |
| 18131 | fill: none; | 18143 | fill: none; |
| 18132 | stroke: #999999; | 18144 | stroke: #999999; |
| 18133 | shape-rendering: crispEdges; | 18145 | shape-rendering: crispEdges; |
| 18134 | } | 18146 | } |
| 18135 | .d3-axis line { | 18147 | .d3-axis line { |
| 18136 | stroke: #eeeeee; | 18148 | stroke: #eeeeee; |
| 18137 | shape-rendering: crispEdges; | 18149 | shape-rendering: crispEdges; |
| 18138 | } | 18150 | } |
| 18139 | .d3-axis .tick, | 18151 | .d3-axis .tick, |
| 18140 | .d3-axis .tick text { | 18152 | .d3-axis .tick text { |
| 18141 | font-size: 12px; | 18153 | font-size: 12px; |
| 18142 | fill: #333333; | 18154 | fill: #333333; |
| 18143 | } | 18155 | } |
| 18144 | .d3-axis-solid path, | 18156 | .d3-axis-solid path, |
| 18145 | .d3-axis-solid line { | 18157 | .d3-axis-solid line { |
| 18146 | stroke: #ccc; | 18158 | stroke: #ccc; |
| 18147 | } | 18159 | } |
| 18148 | .d3-axis-solid .tick { | 18160 | .d3-axis-solid .tick { |
| 18149 | fill: #999999; | 18161 | fill: #999999; |
| 18150 | } | 18162 | } |
| 18151 | .d3-axis-solid .tick text { | 18163 | .d3-axis-solid .tick text { |
| 18152 | fill: #999999; | 18164 | fill: #999999; |
| 18153 | } | 18165 | } |
| 18154 | .d3-axis-strong path, | 18166 | .d3-axis-strong path, |
| 18155 | .d3-axis-strong line { | 18167 | .d3-axis-strong line { |
| 18156 | stroke: #ccc; | 18168 | stroke: #ccc; |
| 18157 | } | 18169 | } |
| 18158 | .d3-axis-strong .tick { | 18170 | .d3-axis-strong .tick { |
| 18159 | fill: #333333; | 18171 | fill: #333333; |
| 18160 | } | 18172 | } |
| 18161 | .d3-axis-strong .tick text { | 18173 | .d3-axis-strong .tick text { |
| 18162 | fill: #333333; | 18174 | fill: #333333; |
| 18163 | } | 18175 | } |
| 18164 | .d3-axis-transparent path { | 18176 | .d3-axis-transparent path { |
| 18165 | stroke: none; | 18177 | stroke: none; |
| 18166 | } | 18178 | } |
| 18167 | .d3-axis-transparent line { | 18179 | .d3-axis-transparent line { |
| 18168 | stroke: #e5e5e5; | 18180 | stroke: #e5e5e5; |
| 18169 | } | 18181 | } |
| 18170 | .d3-axis-transparent .tick { | 18182 | .d3-axis-transparent .tick { |
| 18171 | fill: #999999; | 18183 | fill: #999999; |
| 18172 | } | 18184 | } |
| 18173 | .d3-axis-transparent .tick text { | 18185 | .d3-axis-transparent .tick text { |
| 18174 | fill: #999999; | 18186 | fill: #999999; |
| 18175 | } | 18187 | } |
| 18176 | .d3-tip { | 18188 | .d3-tip { |
| 18177 | position: absolute; | 18189 | position: absolute; |
| 18178 | padding: 9px 18px; | 18190 | padding: 9px 18px; |
| 18179 | border-radius: 3px; | 18191 | border-radius: 3px; |
| 18180 | background-color: #333; | 18192 | background-color: #333; |
| 18181 | color: #fff; | 18193 | color: #fff; |
| 18182 | margin-bottom: -3px; | 18194 | margin-bottom: -3px; |
| 18183 | font-size: 12px; | 18195 | font-size: 12px; |
| 18184 | z-index: 1070; | 18196 | z-index: 1070; |
| 18185 | } | 18197 | } |
| 18186 | .venntooltip { | 18198 | .venntooltip { |
| 18187 | position: absolute; | 18199 | position: absolute; |
| 18188 | text-align: center; | 18200 | text-align: center; |
| 18189 | min-width: 60px; | 18201 | min-width: 60px; |
| 18190 | white-space: nowrap; | 18202 | white-space: nowrap; |
| 18191 | background-color: #333; | 18203 | background-color: #333; |
| 18192 | color: #fff; | 18204 | color: #fff; |
| 18193 | padding: 8px 16px; | 18205 | padding: 8px 16px; |
| 18194 | border-radius: 3px; | 18206 | border-radius: 3px; |
| 18195 | display: none; | 18207 | display: none; |
| 18196 | } | 18208 | } |
| 18197 | .d3-line { | 18209 | .d3-line { |
| 18198 | fill: none; | 18210 | fill: none; |
| 18199 | } | 18211 | } |
| 18200 | .d3-line-thin { | 18212 | .d3-line-thin { |
| 18201 | stroke-width: 1px; | 18213 | stroke-width: 1px; |
| 18202 | } | 18214 | } |
| 18203 | .d3-line-medium { | 18215 | .d3-line-medium { |
| 18204 | stroke-width: 1.5px; | 18216 | stroke-width: 1.5px; |
| 18205 | } | 18217 | } |
| 18206 | .d3-line-strong { | 18218 | .d3-line-strong { |
| 18207 | stroke-width: 2px; | 18219 | stroke-width: 2px; |
| 18208 | } | 18220 | } |
| 18209 | .d3-line-circle { | 18221 | .d3-line-circle { |
| 18210 | fill: none; | 18222 | fill: none; |
| 18211 | cursor: pointer; | 18223 | cursor: pointer; |
| 18212 | } | 18224 | } |
| 18213 | .d3-line-circle-thin { | 18225 | .d3-line-circle-thin { |
| 18214 | stroke-width: 1px; | 18226 | stroke-width: 1px; |
| 18215 | } | 18227 | } |
| 18216 | .d3-line-circle-medium { | 18228 | .d3-line-circle-medium { |
| 18217 | stroke-width: 1.5px; | 18229 | stroke-width: 1.5px; |
| 18218 | } | 18230 | } |
| 18219 | .d3-line-circle-strong { | 18231 | .d3-line-circle-strong { |
| 18220 | stroke-width: 2px; | 18232 | stroke-width: 2px; |
| 18221 | } | 18233 | } |
| 18222 | .d3-grid .tick line { | 18234 | .d3-grid .tick line { |
| 18223 | stroke-width: 1px; | 18235 | stroke-width: 1px; |
| 18224 | stroke: #e5e5e5; | 18236 | stroke: #e5e5e5; |
| 18225 | shape-rendering: crispEdges; | 18237 | shape-rendering: crispEdges; |
| 18226 | } | 18238 | } |
| 18227 | .d3-grid .tick text { | 18239 | .d3-grid .tick text { |
| 18228 | fill: #333333; | 18240 | fill: #333333; |
| 18229 | stroke: none; | 18241 | stroke: none; |
| 18230 | } | 18242 | } |
| 18231 | .d3-grid-dashed .tick { | 18243 | .d3-grid-dashed .tick { |
| 18232 | stroke-dasharray: 4,2; | 18244 | stroke-dasharray: 4,2; |
| 18233 | stroke-width: 1px; | 18245 | stroke-width: 1px; |
| 18234 | stroke: #e5e5e5; | 18246 | stroke: #e5e5e5; |
| 18235 | shape-rendering: crispEdges; | 18247 | shape-rendering: crispEdges; |
| 18236 | } | 18248 | } |
| 18237 | .d3-grid-dashed path { | 18249 | .d3-grid-dashed path { |
| 18238 | stroke-width: 0; | 18250 | stroke-width: 0; |
| 18239 | } | 18251 | } |
| 18240 | .d3-crosshair-overlay { | 18252 | .d3-crosshair-overlay { |
| 18241 | fill: none; | 18253 | fill: none; |
| 18242 | pointer-events: all; | 18254 | pointer-events: all; |
| 18243 | } | 18255 | } |
| 18244 | .bullet-tick line { | 18256 | .bullet-tick line { |
| 18245 | stroke: #999999; | 18257 | stroke: #999999; |
| 18246 | stroke-width: 1px; | 18258 | stroke-width: 1px; |
| 18247 | shape-rendering: crispEdges; | 18259 | shape-rendering: crispEdges; |
| 18248 | } | 18260 | } |
| 18249 | .bullet-tick text { | 18261 | .bullet-tick text { |
| 18250 | fill: #999999; | 18262 | fill: #999999; |
| 18251 | font-size: 12px; | 18263 | font-size: 12px; |
| 18252 | } | 18264 | } |
| 18253 | .bullet-marker { | 18265 | .bullet-marker { |
| 18254 | stroke-width: 2px; | 18266 | stroke-width: 2px; |
| 18255 | shape-rendering: crispEdges; | 18267 | shape-rendering: crispEdges; |
| 18256 | } | 18268 | } |
| 18257 | .bullet-title { | 18269 | .bullet-title { |
| 18258 | font-size: 13px; | 18270 | font-size: 13px; |
| 18259 | font-weight: 500; | 18271 | font-weight: 500; |
| 18260 | } | 18272 | } |
| 18261 | .bullet-subtitle { | 18273 | .bullet-subtitle { |
| 18262 | fill: #999999; | 18274 | fill: #999999; |
| 18263 | } | 18275 | } |
| 18264 | .bullet-1 .bullet-range-1 { | 18276 | .bullet-1 .bullet-range-1 { |
| 18265 | fill: rgba(96, 125, 139, 0.8); | 18277 | fill: rgba(96, 125, 139, 0.8); |
| 18266 | } | 18278 | } |
| 18267 | .bullet-1 .bullet-range-2 { | 18279 | .bullet-1 .bullet-range-2 { |
| 18268 | fill: rgba(96, 125, 139, 0.4); | 18280 | fill: rgba(96, 125, 139, 0.4); |
| 18269 | } | 18281 | } |
| 18270 | .bullet-1 .bullet-range-3 { | 18282 | .bullet-1 .bullet-range-3 { |
| 18271 | fill: #607D8B; | 18283 | fill: #607D8B; |
| 18272 | } | 18284 | } |
| 18273 | .bullet-1 .bullet-measure-1 { | 18285 | .bullet-1 .bullet-measure-1 { |
| 18274 | fill: rgba(84, 110, 122, 0.9); | 18286 | fill: rgba(84, 110, 122, 0.9); |
| 18275 | } | 18287 | } |
| 18276 | .bullet-1 .bullet-measure-2 { | 18288 | .bullet-1 .bullet-measure-2 { |
| 18277 | fill: #fff; | 18289 | fill: #fff; |
| 18278 | } | 18290 | } |
| 18279 | .bullet-1 .bullet-marker { | 18291 | .bullet-1 .bullet-marker { |
| 18280 | stroke: #37474F; | 18292 | stroke: #37474F; |
| 18281 | } | 18293 | } |
| 18282 | .bullet-2 .bullet-range-1 { | 18294 | .bullet-2 .bullet-range-1 { |
| 18283 | fill: rgba(255, 112, 67, 0.6); | 18295 | fill: rgba(255, 112, 67, 0.6); |
| 18284 | } | 18296 | } |
| 18285 | .bullet-2 .bullet-range-2 { | 18297 | .bullet-2 .bullet-range-2 { |
| 18286 | fill: rgba(255, 112, 67, 0.3); | 18298 | fill: rgba(255, 112, 67, 0.3); |
| 18287 | } | 18299 | } |
| 18288 | .bullet-2 .bullet-range-3 { | 18300 | .bullet-2 .bullet-range-3 { |
| 18289 | fill: #FF7043; | 18301 | fill: #FF7043; |
| 18290 | } | 18302 | } |
| 18291 | .bullet-2 .bullet-measure-1 { | 18303 | .bullet-2 .bullet-measure-1 { |
| 18292 | fill: rgba(244, 81, 30, 0.9); | 18304 | fill: rgba(244, 81, 30, 0.9); |
| 18293 | } | 18305 | } |
| 18294 | .bullet-2 .bullet-measure-2 { | 18306 | .bullet-2 .bullet-measure-2 { |
| 18295 | fill: #fff; | 18307 | fill: #fff; |
| 18296 | } | 18308 | } |
| 18297 | .bullet-2 .bullet-marker { | 18309 | .bullet-2 .bullet-marker { |
| 18298 | stroke: #D84315; | 18310 | stroke: #D84315; |
| 18299 | } | 18311 | } |
| 18300 | .bullet-3 .bullet-range-1 { | 18312 | .bullet-3 .bullet-range-1 { |
| 18301 | fill: rgba(102, 187, 106, 0.7); | 18313 | fill: rgba(102, 187, 106, 0.7); |
| 18302 | } | 18314 | } |
| 18303 | .bullet-3 .bullet-range-2 { | 18315 | .bullet-3 .bullet-range-2 { |
| 18304 | fill: rgba(102, 187, 106, 0.35); | 18316 | fill: rgba(102, 187, 106, 0.35); |
| 18305 | } | 18317 | } |
| 18306 | .bullet-3 .bullet-range-3 { | 18318 | .bullet-3 .bullet-range-3 { |
| 18307 | fill: #66BB6A; | 18319 | fill: #66BB6A; |
| 18308 | } | 18320 | } |
| 18309 | .bullet-3 .bullet-measure-1 { | 18321 | .bullet-3 .bullet-measure-1 { |
| 18310 | fill: rgba(67, 160, 71, 0.9); | 18322 | fill: rgba(67, 160, 71, 0.9); |
| 18311 | } | 18323 | } |
| 18312 | .bullet-3 .bullet-measure-2 { | 18324 | .bullet-3 .bullet-measure-2 { |
| 18313 | fill: #fff; | 18325 | fill: #fff; |
| 18314 | } | 18326 | } |
| 18315 | .bullet-3 .bullet-marker { | 18327 | .bullet-3 .bullet-marker { |
| 18316 | stroke: #2E7D32; | 18328 | stroke: #2E7D32; |
| 18317 | } | 18329 | } |
| 18318 | .counter-icon { | 18330 | .counter-icon { |
| 18319 | font-size: 32px; | 18331 | font-size: 32px; |
| 18320 | position: absolute; | 18332 | position: absolute; |
| 18321 | left: 50%; | 18333 | left: 50%; |
| 18322 | margin-left: -16px; | 18334 | margin-left: -16px; |
| 18323 | } | 18335 | } |
| 18324 | /* ------------------------------------------------------------------------------ | 18336 | /* ------------------------------------------------------------------------------ |
| 18325 | * | 18337 | * |
| 18326 | * # Sparklines library | 18338 | * # Sparklines library |
| 18327 | * | 18339 | * |
| 18328 | * Generate sparklines (small inline charts) directly in the browser | 18340 | * Generate sparklines (small inline charts) directly in the browser |
| 18329 | * | 18341 | * |
| 18330 | * Version: 1.0 | 18342 | * Version: 1.0 |
| 18331 | * Latest update: May 25, 2015 | 18343 | * Latest update: May 25, 2015 |
| 18332 | * | 18344 | * |
| 18333 | * ---------------------------------------------------------------------------- */ | 18345 | * ---------------------------------------------------------------------------- */ |
| 18334 | .jqsfield { | 18346 | .jqsfield { |
| 18335 | font-size: 12px !important; | 18347 | font-size: 12px !important; |
| 18336 | font-family: 'Roboto', sans-serif !important; | 18348 | font-family: 'Roboto', sans-serif !important; |
| 18337 | } | 18349 | } |
| 18338 | .jqstooltip { | 18350 | .jqstooltip { |
| 18339 | font-size: 12px !important; | 18351 | font-size: 12px !important; |
| 18340 | font-family: 'Roboto', sans-serif !important; | 18352 | font-family: 'Roboto', sans-serif !important; |
| 18341 | padding: 8px !important; | 18353 | padding: 8px !important; |
| 18342 | line-height: 1.6666667 !important; | 18354 | line-height: 1.6666667 !important; |
| 18343 | border: 0 !important; | 18355 | border: 0 !important; |
| 18344 | border-radius: 3px !important; | 18356 | border-radius: 3px !important; |
| 18345 | -webkit-box-sizing: content-box; | 18357 | -webkit-box-sizing: content-box; |
| 18346 | -moz-box-sizing: content-box; | 18358 | -moz-box-sizing: content-box; |
| 18347 | box-sizing: content-box; | 18359 | box-sizing: content-box; |
| 18348 | } | 18360 | } |
| 18349 | /* ------------------------------------------------------------------------------ | 18361 | /* ------------------------------------------------------------------------------ |
| 18350 | * | 18362 | * |
| 18351 | * # Task manager | 18363 | * # Task manager |
| 18352 | * | 18364 | * |
| 18353 | * Styles related to task manager - detailed task, list and grid | 18365 | * Styles related to task manager - detailed task, list and grid |
| 18354 | * | 18366 | * |
| 18355 | * Version: 1.0 | 18367 | * Version: 1.0 |
| 18356 | * Latest update: May 25, 2015 | 18368 | * Latest update: May 25, 2015 |
| 18357 | * | 18369 | * |
| 18358 | * ---------------------------------------------------------------------------- */ | 18370 | * ---------------------------------------------------------------------------- */ |
| 18359 | .timer-weekdays { | 18371 | .timer-weekdays { |
| 18360 | list-style: none; | 18372 | list-style: none; |
| 18361 | margin: 0; | 18373 | margin: 0; |
| 18362 | padding: 0; | 18374 | padding: 0; |
| 18363 | text-align: center; | 18375 | text-align: center; |
| 18364 | } | 18376 | } |
| 18365 | .timer-weekdays > li { | 18377 | .timer-weekdays > li { |
| 18366 | display: inline-block; | 18378 | display: inline-block; |
| 18367 | margin: 2px 0; | 18379 | margin: 2px 0; |
| 18368 | } | 18380 | } |
| 18369 | .timer-weekdays > li > a { | 18381 | .timer-weekdays > li > a { |
| 18370 | display: block; | 18382 | display: block; |
| 18371 | margin: 0 1px; | 18383 | margin: 0 1px; |
| 18372 | } | 18384 | } |
| 18373 | .timer-weekdays .label-default { | 18385 | .timer-weekdays .label-default { |
| 18374 | background-color: #ccc; | 18386 | background-color: #ccc; |
| 18375 | border-color: #ccc; | 18387 | border-color: #ccc; |
| 18376 | } | 18388 | } |
| 18377 | .timer-weekdays .label-default:hover, | 18389 | .timer-weekdays .label-default:hover, |
| 18378 | .timer-weekdays .label-default:focus { | 18390 | .timer-weekdays .label-default:focus { |
| 18379 | border-color: #999999; | 18391 | border-color: #999999; |
| 18380 | } | 18392 | } |
| 18381 | .timer { | 18393 | .timer { |
| 18382 | list-style: none; | 18394 | list-style: none; |
| 18383 | padding: 0; | 18395 | padding: 0; |
| 18384 | margin: 0; | 18396 | margin: 0; |
| 18385 | text-align: center; | 18397 | text-align: center; |
| 18386 | } | 18398 | } |
| 18387 | .timer > li { | 18399 | .timer > li { |
| 18388 | font-size: 46px; | 18400 | font-size: 46px; |
| 18389 | text-align: center; | 18401 | text-align: center; |
| 18390 | display: inline-block; | 18402 | display: inline-block; |
| 18391 | color: #555; | 18403 | color: #555; |
| 18392 | font-weight: 300; | 18404 | font-weight: 300; |
| 18393 | } | 18405 | } |
| 18394 | .timer > li.dots { | 18406 | .timer > li.dots { |
| 18395 | font-size: 25px; | 18407 | font-size: 25px; |
| 18396 | vertical-align: top; | 18408 | vertical-align: top; |
| 18397 | padding: 16.66666667px 0; | 18409 | padding: 16.66666667px 0; |
| 18398 | } | 18410 | } |
| 18399 | .timer > li > span { | 18411 | .timer > li > span { |
| 18400 | display: block; | 18412 | display: block; |
| 18401 | font-size: 13px; | 18413 | font-size: 13px; |
| 18402 | } | 18414 | } |
| 18403 | .task-details { | 18415 | .task-details { |
| 18404 | float: right; | 18416 | float: right; |
| 18405 | margin: 0; | 18417 | margin: 0; |
| 18406 | } | 18418 | } |
| 18407 | @media (max-width: 1024px) { | 18419 | @media (max-width: 1024px) { |
| 18408 | .task-details { | 18420 | .task-details { |
| 18409 | float: none; | 18421 | float: none; |
| 18410 | margin-top: 15px; | 18422 | margin-top: 15px; |
| 18411 | list-style: none; | 18423 | list-style: none; |
| 18412 | padding: 0; | 18424 | padding: 0; |
| 18413 | } | 18425 | } |
| 18414 | .task-details > li { | 18426 | .task-details > li { |
| 18415 | float: left; | 18427 | float: left; |
| 18416 | position: relative; | 18428 | position: relative; |
| 18417 | padding-right: 20px; | 18429 | padding-right: 20px; |
| 18418 | margin-top: 0; | 18430 | margin-top: 0; |
| 18419 | } | 18431 | } |
| 18420 | .task-details > li:before { | 18432 | .task-details > li:before { |
| 18421 | content: '•'; | 18433 | content: '•'; |
| 18422 | position: absolute; | 18434 | position: absolute; |
| 18423 | right: 8px; | 18435 | right: 8px; |
| 18424 | color: #999; | 18436 | color: #999; |
| 18425 | } | 18437 | } |
| 18426 | .task-details > li:last-child:before { | 18438 | .task-details > li:last-child:before { |
| 18427 | content: none; | 18439 | content: none; |
| 18428 | } | 18440 | } |
| 18429 | } | 18441 | } |
| 18430 | @media (max-width: 768px) { | 18442 | @media (max-width: 768px) { |
| 18431 | .task-details > li { | 18443 | .task-details > li { |
| 18432 | float: none; | 18444 | float: none; |
| 18433 | } | 18445 | } |
| 18434 | .task-details > li:before { | 18446 | .task-details > li:before { |
| 18435 | content: none; | 18447 | content: none; |
| 18436 | } | 18448 | } |
| 18437 | .task-details > li + li { | 18449 | .task-details > li + li { |
| 18438 | margin-top: 10px; | 18450 | margin-top: 10px; |
| 18439 | } | 18451 | } |
| 18440 | } | 18452 | } |
| 18441 | /* ------------------------------------------------------------------------------ | 18453 | /* ------------------------------------------------------------------------------ |
| 18442 | * | 18454 | * |
| 18443 | * # Invoice template | 18455 | * # Invoice template |
| 18444 | * | 18456 | * |
| 18445 | * General styles for invoice, mainly responsive setup | 18457 | * General styles for invoice, mainly responsive setup |
| 18446 | * | 18458 | * |
| 18447 | * Version: 1.0 | 18459 | * Version: 1.0 |
| 18448 | * Latest update: May 25, 2015 | 18460 | * Latest update: May 25, 2015 |
| 18449 | * | 18461 | * |
| 18450 | * ---------------------------------------------------------------------------- */ | 18462 | * ---------------------------------------------------------------------------- */ |
| 18451 | @media (min-width: 769px) { | 18463 | @media (min-width: 769px) { |
| 18452 | .invoice-details, | 18464 | .invoice-details, |
| 18453 | .invoice-payment-details > li span { | 18465 | .invoice-payment-details > li span { |
| 18454 | float: right; | 18466 | float: right; |
| 18455 | text-align: right; | 18467 | text-align: right; |
| 18456 | } | 18468 | } |
| 18457 | } | 18469 | } |
| 18458 | .invoice-grid ul, | 18470 | .invoice-grid ul, |
| 18459 | .invoice-grid ol { | 18471 | .invoice-grid ol { |
| 18460 | margin-bottom: 0; | 18472 | margin-bottom: 0; |
| 18461 | } | 18473 | } |
| 18462 | @media (max-width: 768px) { | 18474 | @media (max-width: 768px) { |
| 18463 | .invoice-grid .text-right { | 18475 | .invoice-grid .text-right { |
| 18464 | text-align: inherit; | 18476 | text-align: inherit; |
| 18465 | } | 18477 | } |
| 18466 | .invoice-grid [class*=col-] + [class*=col-] { | 18478 | .invoice-grid [class*=col-] + [class*=col-] { |
| 18467 | margin-top: 20px; | 18479 | margin-top: 20px; |
| 18468 | } | 18480 | } |
| 18469 | } | 18481 | } |
| 18470 | /* ------------------------------------------------------------------------------ | 18482 | /* ------------------------------------------------------------------------------ |
| 18471 | * | 18483 | * |
| 18472 | * # User list | 18484 | * # User list |
| 18473 | * | 18485 | * |
| 18474 | * Styles for user lists - layouts, contact details etc. | 18486 | * Styles for user lists - layouts, contact details etc. |
| 18475 | * | 18487 | * |
| 18476 | * Version: 1.0 | 18488 | * Version: 1.0 |
| 18477 | * Latest update: May 25, 2015 | 18489 | * Latest update: May 25, 2015 |
| 18478 | * | 18490 | * |
| 18479 | * ---------------------------------------------------------------------------- */ | 18491 | * ---------------------------------------------------------------------------- */ |
| 18480 | .contact-details { | 18492 | .contact-details { |
| 18481 | padding: 15px; | 18493 | padding: 15px; |
| 18482 | padding-left: 30px; | 18494 | padding-left: 30px; |
| 18483 | background-color: #fcfcfc; | 18495 | background-color: #fcfcfc; |
| 18484 | border-top: 1px solid #eeeeee; | 18496 | border-top: 1px solid #eeeeee; |
| 18485 | border-bottom: 1px solid #eeeeee; | 18497 | border-bottom: 1px solid #eeeeee; |
| 18486 | } | 18498 | } |
| 18487 | .media-list-bordered .contact-details { | 18499 | .media-list-bordered .contact-details { |
| 18488 | border-bottom: 0; | 18500 | border-bottom: 0; |
| 18489 | } | 18501 | } |
| 18490 | .panel-body > .media-list .contact-details { | 18502 | .panel-body > .media-list .contact-details { |
| 18491 | padding-left: 15px; | 18503 | padding-left: 15px; |
| 18492 | background-color: transparent; | 18504 | background-color: transparent; |
| 18493 | margin-top: 15px; | 18505 | margin-top: 15px; |
| 18494 | } | 18506 | } |
| 18495 | .panel-body > .media-list-bordered .contact-details { | 18507 | .panel-body > .media-list-bordered .contact-details { |
| 18496 | padding-bottom: 0; | 18508 | padding-bottom: 0; |
| 18497 | } | 18509 | } |
| 18498 | .contact-details > ul, | 18510 | .contact-details > ul, |
| 18499 | .contact-details > ul > li:first-child { | 18511 | .contact-details > ul > li:first-child { |
| 18500 | margin: 0; | 18512 | margin: 0; |
| 18501 | } | 18513 | } |
| 18502 | /* ------------------------------------------------------------------------------ | 18514 | /* ------------------------------------------------------------------------------ |
| 18503 | * | 18515 | * |
| 18504 | * # User profile | 18516 | * # User profile |
| 18505 | * | 18517 | * |
| 18506 | * Styles for all user profile layouts | 18518 | * Styles for all user profile layouts |
| 18507 | * | 18519 | * |
| 18508 | * Version: 1.1 | 18520 | * Version: 1.1 |
| 18509 | * Latest update: Mar 6, 2016 | 18521 | * Latest update: Mar 6, 2016 |
| 18510 | * | 18522 | * |
| 18511 | * ---------------------------------------------------------------------------- */ | 18523 | * ---------------------------------------------------------------------------- */ |
| 18512 | .profile-cover { | 18524 | .profile-cover { |
| 18513 | position: relative; | 18525 | position: relative; |
| 18514 | } | 18526 | } |
| 18515 | .profile-cover + .navbar { | 18527 | .profile-cover + .navbar { |
| 18516 | margin-bottom: 40px; | 18528 | margin-bottom: 40px; |
| 18517 | } | 18529 | } |
| 18518 | .profile-cover .media { | 18530 | .profile-cover .media { |
| 18519 | position: absolute; | 18531 | position: absolute; |
| 18520 | bottom: 20px; | 18532 | bottom: 20px; |
| 18521 | left: 20px; | 18533 | left: 20px; |
| 18522 | right: 20px; | 18534 | right: 20px; |
| 18523 | } | 18535 | } |
| 18524 | .profile-cover .media .btn-default { | 18536 | .profile-cover .media .btn-default { |
| 18525 | border-color: #f5f5f5; | 18537 | border-color: #f5f5f5; |
| 18526 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18538 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18527 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18539 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18528 | } | 18540 | } |
| 18529 | .profile-cover .media-body, | 18541 | .profile-cover .media-body, |
| 18530 | .profile-cover small { | 18542 | .profile-cover small { |
| 18531 | color: #fff; | 18543 | color: #fff; |
| 18532 | text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); | 18544 | text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); |
| 18533 | } | 18545 | } |
| 18534 | @media (max-width: 768px) { | 18546 | @media (max-width: 768px) { |
| 18535 | .profile-cover .media { | 18547 | .profile-cover .media { |
| 18536 | text-align: center; | 18548 | text-align: center; |
| 18537 | margin-top: 0; | 18549 | margin-top: 0; |
| 18538 | bottom: auto; | 18550 | bottom: auto; |
| 18539 | top: 40px; | 18551 | top: 40px; |
| 18540 | } | 18552 | } |
| 18541 | .profile-cover .media-left, | 18553 | .profile-cover .media-left, |
| 18542 | .profile-cover .media-right { | 18554 | .profile-cover .media-right { |
| 18543 | padding: 0; | 18555 | padding: 0; |
| 18544 | display: block; | 18556 | display: block; |
| 18545 | overflow-x: auto; | 18557 | overflow-x: auto; |
| 18546 | } | 18558 | } |
| 18547 | .profile-cover .media-body { | 18559 | .profile-cover .media-body { |
| 18548 | display: block; | 18560 | display: block; |
| 18549 | margin-bottom: 20px; | 18561 | margin-bottom: 20px; |
| 18550 | width: 100%; | 18562 | width: 100%; |
| 18551 | } | 18563 | } |
| 18552 | .profile-cover .media-body > h1 { | 18564 | .profile-cover .media-body > h1 { |
| 18553 | white-space: nowrap; | 18565 | white-space: nowrap; |
| 18554 | overflow: hidden; | 18566 | overflow: hidden; |
| 18555 | text-overflow: ellipsis; | 18567 | text-overflow: ellipsis; |
| 18556 | max-width: 100%; | 18568 | max-width: 100%; |
| 18557 | } | 18569 | } |
| 18558 | } | 18570 | } |
| 18559 | .profile-cover-img { | 18571 | .profile-cover-img { |
| 18560 | background-position: 50% 50%; | 18572 | background-position: 50% 50%; |
| 18561 | background-repeat: no-repeat; | 18573 | background-repeat: no-repeat; |
| 18562 | background-size: cover; | 18574 | background-size: cover; |
| 18563 | height: 350px; | 18575 | height: 350px; |
| 18564 | border-top-right-radius: 3px; | 18576 | border-top-right-radius: 3px; |
| 18565 | border-top-left-radius: 3px; | 18577 | border-top-left-radius: 3px; |
| 18566 | } | 18578 | } |
| 18567 | @media (max-width: 768px) { | 18579 | @media (max-width: 768px) { |
| 18568 | .profile-cover-img { | 18580 | .profile-cover-img { |
| 18569 | height: 320px; | 18581 | height: 320px; |
| 18570 | } | 18582 | } |
| 18571 | } | 18583 | } |
| 18572 | .media .profile-thumb img { | 18584 | .media .profile-thumb img { |
| 18573 | width: 100px; | 18585 | width: 100px; |
| 18574 | height: 100px; | 18586 | height: 100px; |
| 18575 | border: 3px solid #fff; | 18587 | border: 3px solid #fff; |
| 18576 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18588 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18577 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); | 18589 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); |
| 18578 | } | 18590 | } |
| 18579 | /* ------------------------------------------------------------------------------ | 18591 | /* ------------------------------------------------------------------------------ |
| 18580 | * | 18592 | * |
| 18581 | * # Login and related forms | 18593 | * # Login and related forms |
| 18582 | * | 18594 | * |
| 18583 | * Styles related to user login - logins, registration, password revovery, unlock etc. | 18595 | * Styles related to user login - logins, registration, password revovery, unlock etc. |
| 18584 | * | 18596 | * |
| 18585 | * Version: 1.2 | 18597 | * Version: 1.2 |
| 18586 | * Latest update: Mar 10, 2016 | 18598 | * Latest update: Mar 10, 2016 |
| 18587 | * | 18599 | * |
| 18588 | * ---------------------------------------------------------------------------- */ | 18600 | * ---------------------------------------------------------------------------- */ |
| 18589 | .login-cover { | 18601 | .login-cover { |
| 18590 | background: url('../images/login_cover.jpg') no-repeat; | 18602 | background: url('../images/login_cover.jpg') no-repeat; |
| 18591 | background-size: cover; | 18603 | background-size: cover; |
| 18592 | } | 18604 | } |
| 18593 | .login-container .page-container { | 18605 | .login-container .page-container { |
| 18594 | padding-top: 40px; | 18606 | padding-top: 40px; |
| 18595 | position: static; | 18607 | position: static; |
| 18596 | } | 18608 | } |
| 18597 | .login-container .page-container .login-form { | 18609 | .login-container .page-container .login-form { |
| 18598 | width: 320px; | 18610 | width: 320px; |
| 18599 | } | 18611 | } |
| 18600 | .login-container .page-container .login-form .thumb { | 18612 | .login-container .page-container .login-form .thumb { |
| 18601 | margin: 0 auto 20px auto; | 18613 | margin: 0 auto 20px auto; |
| 18602 | } | 18614 | } |
| 18603 | .login-container .page-container .login-form, | 18615 | .login-container .page-container .login-form, |
| 18604 | .login-container .page-container .registration-form { | 18616 | .login-container .page-container .registration-form { |
| 18605 | margin: 0 auto 20px auto; | 18617 | margin: 0 auto 20px auto; |
| 18606 | } | 18618 | } |
| 18607 | @media (max-width: 480px) { | 18619 | @media (max-width: 480px) { |
| 18608 | .login-container .page-container .login-form, | 18620 | .login-container .page-container .login-form, |
| 18609 | .login-container .page-container .registration-form { | 18621 | .login-container .page-container .registration-form { |
| 18610 | width: 100%; | 18622 | width: 100%; |
| 18611 | } | 18623 | } |
| 18612 | } | 18624 | } |
| 18613 | .login-container .page-container .nav-tabs.nav-justified { | 18625 | .login-container .page-container .nav-tabs.nav-justified { |
| 18614 | margin-bottom: 0; | 18626 | margin-bottom: 0; |
| 18615 | } | 18627 | } |
| 18616 | .login-container .page-container .nav-tabs.nav-justified > li > a { | 18628 | .login-container .page-container .nav-tabs.nav-justified > li > a { |
| 18617 | border-top: 0!important; | 18629 | border-top: 0!important; |
| 18618 | padding-left: 15px; | 18630 | padding-left: 15px; |
| 18619 | padding-right: 15px; | 18631 | padding-right: 15px; |
| 18620 | background-color: #f5f5f5; | 18632 | background-color: #f5f5f5; |
| 18621 | } | 18633 | } |
| 18622 | .login-container .page-container .nav-tabs.nav-justified > li:first-child > a { | 18634 | .login-container .page-container .nav-tabs.nav-justified > li:first-child > a { |
| 18623 | border-left: 0; | 18635 | border-left: 0; |
| 18624 | border-radius: 3px 0 0 0; | 18636 | border-radius: 3px 0 0 0; |
| 18625 | } | 18637 | } |
| 18626 | .login-container .page-container .nav-tabs.nav-justified > li:last-child > a { | 18638 | .login-container .page-container .nav-tabs.nav-justified > li:last-child > a { |
| 18627 | border-right: 0; | 18639 | border-right: 0; |
| 18628 | border-radius: 0 3px 0 0; | 18640 | border-radius: 0 3px 0 0; |
| 18629 | } | 18641 | } |
| 18630 | .login-container .page-container .nav-tabs.nav-justified > li.active > a { | 18642 | .login-container .page-container .nav-tabs.nav-justified > li.active > a { |
| 18631 | background-color: transparent; | 18643 | background-color: transparent; |
| 18632 | } | 18644 | } |
| 18633 | @media (max-width: 768px) { | 18645 | @media (max-width: 768px) { |
| 18634 | .login-container .page-container .nav-tabs.nav-justified { | 18646 | .login-container .page-container .nav-tabs.nav-justified { |
| 18635 | padding: 0; | 18647 | padding: 0; |
| 18636 | border-width: 0 0 1px 0; | 18648 | border-width: 0 0 1px 0; |
| 18637 | border-radius: 0; | 18649 | border-radius: 0; |
| 18638 | } | 18650 | } |
| 18639 | .login-container .page-container .nav-tabs.nav-justified:before { | 18651 | .login-container .page-container .nav-tabs.nav-justified:before { |
| 18640 | content: none; | 18652 | content: none; |
| 18641 | } | 18653 | } |
| 18642 | .login-container .page-container .nav-tabs.nav-justified > li > a { | 18654 | .login-container .page-container .nav-tabs.nav-justified > li > a { |
| 18643 | border-width: 0!important; | 18655 | border-width: 0!important; |
| 18644 | } | 18656 | } |
| 18645 | } | 18657 | } |
| 18646 | .login-container .footer { | 18658 | .login-container .footer { |
| 18647 | left: 0; | 18659 | left: 0; |
| 18648 | right: 0; | 18660 | right: 0; |
| 18649 | } | 18661 | } |
| 18650 | @media (max-width: 768px) { | 18662 | @media (max-width: 768px) { |
| 18651 | .login-options, | 18663 | .login-options, |
| 18652 | .login-options .text-right { | 18664 | .login-options .text-right { |
| 18653 | text-align: center; | 18665 | text-align: center; |
| 18654 | } | 18666 | } |
| 18655 | } | 18667 | } |
| 18656 | /* ------------------------------------------------------------------------------ | 18668 | /* ------------------------------------------------------------------------------ |
| 18657 | * | 18669 | * |
| 18658 | * # Timeline | 18670 | * # Timeline |
| 18659 | * | 18671 | * |
| 18660 | * Styles for timeline in 3 layouts: left, right and centered | 18672 | * Styles for timeline in 3 layouts: left, right and centered |
| 18661 | * | 18673 | * |
| 18662 | * Version: 1.1 | 18674 | * Version: 1.1 |
| 18663 | * Latest update: Dec 11, 2015 | 18675 | * Latest update: Dec 11, 2015 |
| 18664 | * | 18676 | * |
| 18665 | * ---------------------------------------------------------------------------- */ | 18677 | * ---------------------------------------------------------------------------- */ |
| 18666 | .timeline { | 18678 | .timeline { |
| 18667 | position: relative; | 18679 | position: relative; |
| 18668 | height: 100%; | 18680 | height: 100%; |
| 18669 | } | 18681 | } |
| 18670 | .timeline:before, | 18682 | .timeline:before, |
| 18671 | .timeline:after { | 18683 | .timeline:after { |
| 18672 | content: ""; | 18684 | content: ""; |
| 18673 | position: absolute; | 18685 | position: absolute; |
| 18674 | top: 0; | 18686 | top: 0; |
| 18675 | left: 50%; | 18687 | left: 50%; |
| 18676 | margin-left: -2px; | 18688 | margin-left: -2px; |
| 18677 | background-color: #ccc; | 18689 | background-color: #ccc; |
| 18678 | height: 4px; | 18690 | height: 4px; |
| 18679 | width: 4px; | 18691 | width: 4px; |
| 18680 | border-radius: 50%; | 18692 | border-radius: 50%; |
| 18681 | z-index: 1; | 18693 | z-index: 1; |
| 18682 | } | 18694 | } |
| 18683 | .timeline:after { | 18695 | .timeline:after { |
| 18684 | top: auto; | 18696 | top: auto; |
| 18685 | bottom: 0; | 18697 | bottom: 0; |
| 18686 | } | 18698 | } |
| 18687 | .timeline-container { | 18699 | .timeline-container { |
| 18688 | position: relative; | 18700 | position: relative; |
| 18689 | padding-top: 10px; | 18701 | padding-top: 10px; |
| 18690 | margin-top: -10px; | 18702 | margin-top: -10px; |
| 18691 | padding-bottom: 1px; | 18703 | padding-bottom: 1px; |
| 18692 | } | 18704 | } |
| 18693 | .timeline-container:after { | 18705 | .timeline-container:after { |
| 18694 | content: ""; | 18706 | content: ""; |
| 18695 | position: absolute; | 18707 | position: absolute; |
| 18696 | top: 0; | 18708 | top: 0; |
| 18697 | left: 50%; | 18709 | left: 50%; |
| 18698 | margin-left: -1px; | 18710 | margin-left: -1px; |
| 18699 | background-color: #ccc; | 18711 | background-color: #ccc; |
| 18700 | height: 100%; | 18712 | height: 100%; |
| 18701 | width: 2px; | 18713 | width: 2px; |
| 18702 | z-index: -1; | 18714 | z-index: -1; |
| 18703 | } | 18715 | } |
| 18704 | .timeline-row { | 18716 | .timeline-row { |
| 18705 | position: relative; | 18717 | position: relative; |
| 18706 | } | 18718 | } |
| 18707 | .timeline-content { | 18719 | .timeline-content { |
| 18708 | margin-bottom: 20px; | 18720 | margin-bottom: 20px; |
| 18709 | } | 18721 | } |
| 18710 | .timeline-date { | 18722 | .timeline-date { |
| 18711 | text-align: center; | 18723 | text-align: center; |
| 18712 | background-color: #eeeded; | 18724 | background-color: #eeeded; |
| 18713 | position: relative; | 18725 | position: relative; |
| 18714 | z-index: 1; | 18726 | z-index: 1; |
| 18715 | padding-top: 20px; | 18727 | padding-top: 20px; |
| 18716 | padding-bottom: 20px; | 18728 | padding-bottom: 20px; |
| 18717 | margin-bottom: 20px; | 18729 | margin-bottom: 20px; |
| 18718 | } | 18730 | } |
| 18719 | .timeline-date:before, | 18731 | .timeline-date:before, |
| 18720 | .timeline-date:after { | 18732 | .timeline-date:after { |
| 18721 | content: ""; | 18733 | content: ""; |
| 18722 | position: absolute; | 18734 | position: absolute; |
| 18723 | top: 0; | 18735 | top: 0; |
| 18724 | left: 50%; | 18736 | left: 50%; |
| 18725 | margin-left: -2px; | 18737 | margin-left: -2px; |
| 18726 | background-color: #ccc; | 18738 | background-color: #ccc; |
| 18727 | height: 4px; | 18739 | height: 4px; |
| 18728 | width: 4px; | 18740 | width: 4px; |
| 18729 | border-radius: 50%; | 18741 | border-radius: 50%; |
| 18730 | z-index: 1; | 18742 | z-index: 1; |
| 18731 | } | 18743 | } |
| 18732 | .timeline-date:after { | 18744 | .timeline-date:after { |
| 18733 | top: auto; | 18745 | top: auto; |
| 18734 | bottom: 0; | 18746 | bottom: 0; |
| 18735 | } | 18747 | } |
| 18736 | .panel .timeline-date { | 18748 | .panel .timeline-date { |
| 18737 | background-color: #fff; | 18749 | background-color: #fff; |
| 18738 | } | 18750 | } |
| 18739 | .timeline-time { | 18751 | .timeline-time { |
| 18740 | text-align: center; | 18752 | text-align: center; |
| 18741 | padding-top: 20px; | 18753 | padding-top: 20px; |
| 18742 | padding-bottom: 20px; | 18754 | padding-bottom: 20px; |
| 18743 | background-color: #eeeded; | 18755 | background-color: #eeeded; |
| 18744 | position: relative; | 18756 | position: relative; |
| 18745 | margin-bottom: 20px; | 18757 | margin-bottom: 20px; |
| 18746 | } | 18758 | } |
| 18747 | .timeline-time:before, | 18759 | .timeline-time:before, |
| 18748 | .timeline-time:after { | 18760 | .timeline-time:after { |
| 18749 | content: ""; | 18761 | content: ""; |
| 18750 | position: absolute; | 18762 | position: absolute; |
| 18751 | top: 0; | 18763 | top: 0; |
| 18752 | left: 50%; | 18764 | left: 50%; |
| 18753 | margin-left: -2px; | 18765 | margin-left: -2px; |
| 18754 | background-color: #ccc; | 18766 | background-color: #ccc; |
| 18755 | height: 4px; | 18767 | height: 4px; |
| 18756 | width: 4px; | 18768 | width: 4px; |
| 18757 | border-radius: 50%; | 18769 | border-radius: 50%; |
| 18758 | } | 18770 | } |
| 18759 | .timeline-time:after { | 18771 | .timeline-time:after { |
| 18760 | top: auto; | 18772 | top: auto; |
| 18761 | bottom: 0; | 18773 | bottom: 0; |
| 18762 | } | 18774 | } |
| 18763 | .panel .timeline-time { | 18775 | .panel .timeline-time { |
| 18764 | background-color: #fff; | 18776 | background-color: #fff; |
| 18765 | } | 18777 | } |
| 18766 | .timeline-time span { | 18778 | .timeline-time span { |
| 18767 | display: block; | 18779 | display: block; |
| 18768 | color: #999999; | 18780 | color: #999999; |
| 18769 | font-size: 12px; | 18781 | font-size: 12px; |
| 18770 | } | 18782 | } |
| 18771 | .timeline-time span:before { | 18783 | .timeline-time span:before { |
| 18772 | content: '•'; | 18784 | content: '•'; |
| 18773 | display: inline-block; | 18785 | display: inline-block; |
| 18774 | margin-right: 5px; | 18786 | margin-right: 5px; |
| 18775 | position: relative; | 18787 | position: relative; |
| 18776 | top: 1px; | 18788 | top: 1px; |
| 18777 | } | 18789 | } |
| 18778 | @media (min-width: 1025px) { | 18790 | @media (min-width: 1025px) { |
| 18779 | .timeline-time:before, | 18791 | .timeline-time:before, |
| 18780 | .timeline-time:after { | 18792 | .timeline-time:after { |
| 18781 | content: none; | 18793 | content: none; |
| 18782 | } | 18794 | } |
| 18783 | } | 18795 | } |
| 18784 | .timeline-icon { | 18796 | .timeline-icon { |
| 18785 | width: 48px; | 18797 | width: 48px; |
| 18786 | height: 48px; | 18798 | height: 48px; |
| 18787 | border-radius: 50%; | 18799 | border-radius: 50%; |
| 18788 | margin: 0 auto 20px auto; | 18800 | margin: 0 auto 20px auto; |
| 18789 | background-color: #fff; | 18801 | background-color: #fff; |
| 18790 | border: 4px solid #eeeded; | 18802 | border: 4px solid #eeeded; |
| 18791 | } | 18803 | } |
| 18792 | .panel .timeline-icon { | 18804 | .panel .timeline-icon { |
| 18793 | border-color: #fff; | 18805 | border-color: #fff; |
| 18794 | } | 18806 | } |
| 18795 | .timeline-icon div { | 18807 | .timeline-icon div { |
| 18796 | border-radius: 50%; | 18808 | border-radius: 50%; |
| 18797 | height: 100%; | 18809 | height: 100%; |
| 18798 | -webkit-box-shadow: 0 0 0 2px #ccc inset; | 18810 | -webkit-box-shadow: 0 0 0 2px #ccc inset; |
| 18799 | box-shadow: 0 0 0 2px #ccc inset; | 18811 | box-shadow: 0 0 0 2px #ccc inset; |
| 18800 | } | 18812 | } |
| 18801 | .timeline-icon div[class*=bg-] { | 18813 | .timeline-icon div[class*=bg-] { |
| 18802 | -webkit-box-shadow: none; | 18814 | -webkit-box-shadow: none; |
| 18803 | box-shadow: none; | 18815 | box-shadow: none; |
| 18804 | } | 18816 | } |
| 18805 | .timeline-icon div > i { | 18817 | .timeline-icon div > i { |
| 18806 | display: block; | 18818 | display: block; |
| 18807 | line-height: 40px; | 18819 | line-height: 40px; |
| 18808 | top: 0; | 18820 | top: 0; |
| 18809 | } | 18821 | } |
| 18810 | .timeline-icon img { | 18822 | .timeline-icon img { |
| 18811 | width: 40px; | 18823 | width: 40px; |
| 18812 | height: 40px; | 18824 | height: 40px; |
| 18813 | border-radius: 50%; | 18825 | border-radius: 50%; |
| 18814 | } | 18826 | } |
| 18815 | @media (min-width: 1025px) { | 18827 | @media (min-width: 1025px) { |
| 18816 | .timeline-center .timeline-row { | 18828 | .timeline-center .timeline-row { |
| 18817 | margin-right: 50%; | 18829 | margin-right: 50%; |
| 18818 | padding-right: 44px; | 18830 | padding-right: 44px; |
| 18819 | } | 18831 | } |
| 18820 | .timeline-center .post-even { | 18832 | .timeline-center .post-even { |
| 18821 | margin-right: 0; | 18833 | margin-right: 0; |
| 18822 | padding-right: 0; | 18834 | padding-right: 0; |
| 18823 | margin-left: 50%; | 18835 | margin-left: 50%; |
| 18824 | padding-left: 44px; | 18836 | padding-left: 44px; |
| 18825 | } | 18837 | } |
| 18826 | .timeline-center .post-full { | 18838 | .timeline-center .post-full { |
| 18827 | margin: 0; | 18839 | margin: 0; |
| 18828 | padding: 0; | 18840 | padding: 0; |
| 18829 | } | 18841 | } |
| 18830 | .timeline-center .post-full .timeline-content { | 18842 | .timeline-center .post-full .timeline-content { |
| 18831 | position: relative; | 18843 | position: relative; |
| 18832 | } | 18844 | } |
| 18833 | .timeline-center .post-full .timeline-content:before, | 18845 | .timeline-center .post-full .timeline-content:before, |
| 18834 | .timeline-center .post-full .timeline-content:after { | 18846 | .timeline-center .post-full .timeline-content:after { |
| 18835 | content: ''; | 18847 | content: ''; |
| 18836 | border-style: solid; | 18848 | border-style: solid; |
| 18837 | border-color: #eeeded; | 18849 | border-color: #eeeded; |
| 18838 | display: block; | 18850 | display: block; |
| 18839 | position: absolute; | 18851 | position: absolute; |
| 18840 | left: 0; | 18852 | left: 0; |
| 18841 | right: 0; | 18853 | right: 0; |
| 18842 | } | 18854 | } |
| 18843 | .timeline-center .post-full .timeline-content:before { | 18855 | .timeline-center .post-full .timeline-content:before { |
| 18844 | border-width: 4px 0 0 0; | 18856 | border-width: 4px 0 0 0; |
| 18845 | top: -5px; | 18857 | top: -5px; |
| 18846 | } | 18858 | } |
| 18847 | .timeline-center .post-full .timeline-content:after { | 18859 | .timeline-center .post-full .timeline-content:after { |
| 18848 | border-width: 0 0 4px 0; | 18860 | border-width: 0 0 4px 0; |
| 18849 | bottom: -5px; | 18861 | bottom: -5px; |
| 18850 | } | 18862 | } |
| 18851 | .timeline-left .timeline-container:after, | 18863 | .timeline-left .timeline-container:after, |
| 18852 | .timeline-left:before, | 18864 | .timeline-left:before, |
| 18853 | .timeline-left:after, | 18865 | .timeline-left:after, |
| 18854 | .timeline-left .timeline-date:before, | 18866 | .timeline-left .timeline-date:before, |
| 18855 | .timeline-left .timeline-date:after { | 18867 | .timeline-left .timeline-date:after { |
| 18856 | left: 24px; | 18868 | left: 24px; |
| 18857 | } | 18869 | } |
| 18858 | .timeline-left .timeline-row, | 18870 | .timeline-left .timeline-row, |
| 18859 | .timeline-left .timeline-date { | 18871 | .timeline-left .timeline-date { |
| 18860 | padding-left: 68px; | 18872 | padding-left: 68px; |
| 18861 | } | 18873 | } |
| 18862 | .timeline-right .timeline-container:after, | 18874 | .timeline-right .timeline-container:after, |
| 18863 | .timeline-right:before, | 18875 | .timeline-right:before, |
| 18864 | .timeline-right:after, | 18876 | .timeline-right:after, |
| 18865 | .timeline-right .timeline-date:before, | 18877 | .timeline-right .timeline-date:before, |
| 18866 | .timeline-right .timeline-date:after { | 18878 | .timeline-right .timeline-date:after { |
| 18867 | left: auto; | 18879 | left: auto; |
| 18868 | right: 24px; | 18880 | right: 24px; |
| 18869 | margin-left: 0; | 18881 | margin-left: 0; |
| 18870 | margin-right: -2px; | 18882 | margin-right: -2px; |
| 18871 | } | 18883 | } |
| 18872 | .timeline-right .timeline-container:after { | 18884 | .timeline-right .timeline-container:after { |
| 18873 | margin-right: -1px; | 18885 | margin-right: -1px; |
| 18874 | } | 18886 | } |
| 18875 | .timeline-right .timeline-row, | 18887 | .timeline-right .timeline-row, |
| 18876 | .timeline-right .timeline-date { | 18888 | .timeline-right .timeline-date { |
| 18877 | padding-right: 68px; | 18889 | padding-right: 68px; |
| 18878 | } | 18890 | } |
| 18879 | .timeline-left .timeline-date, | 18891 | .timeline-left .timeline-date, |
| 18880 | .timeline-right .timeline-date { | 18892 | .timeline-right .timeline-date { |
| 18881 | padding-top: 10px; | 18893 | padding-top: 10px; |
| 18882 | padding-bottom: 10px; | 18894 | padding-bottom: 10px; |
| 18883 | } | 18895 | } |
| 18884 | .timeline-icon { | 18896 | .timeline-icon { |
| 18885 | position: absolute; | 18897 | position: absolute; |
| 18886 | top: 10px; | 18898 | top: 10px; |
| 18887 | } | 18899 | } |
| 18888 | .timeline-icon:after { | 18900 | .timeline-icon:after { |
| 18889 | content: ""; | 18901 | content: ""; |
| 18890 | position: absolute; | 18902 | position: absolute; |
| 18891 | top: 50%; | 18903 | top: 50%; |
| 18892 | margin-top: -1px; | 18904 | margin-top: -1px; |
| 18893 | height: 2px; | 18905 | height: 2px; |
| 18894 | width: 16px; | 18906 | width: 16px; |
| 18895 | background-color: #ccc; | 18907 | background-color: #ccc; |
| 18896 | z-index: 1; | 18908 | z-index: 1; |
| 18897 | } | 18909 | } |
| 18898 | .timeline-left .timeline-icon { | 18910 | .timeline-left .timeline-icon { |
| 18899 | left: 0; | 18911 | left: 0; |
| 18900 | } | 18912 | } |
| 18901 | .timeline-left .timeline-icon:after { | 18913 | .timeline-left .timeline-icon:after { |
| 18902 | left: 100%; | 18914 | left: 100%; |
| 18903 | margin-left: 4px; | 18915 | margin-left: 4px; |
| 18904 | } | 18916 | } |
| 18905 | .timeline-right .timeline-icon { | 18917 | .timeline-right .timeline-icon { |
| 18906 | right: 0; | 18918 | right: 0; |
| 18907 | } | 18919 | } |
| 18908 | .timeline-right .timeline-icon:after { | 18920 | .timeline-right .timeline-icon:after { |
| 18909 | right: 100%; | 18921 | right: 100%; |
| 18910 | margin-right: 4px; | 18922 | margin-right: 4px; |
| 18911 | } | 18923 | } |
| 18912 | .timeline-center .timeline-row:not(.post-full) .timeline-icon { | 18924 | .timeline-center .timeline-row:not(.post-full) .timeline-icon { |
| 18913 | left: 100%; | 18925 | left: 100%; |
| 18914 | margin-left: -24px; | 18926 | margin-left: -24px; |
| 18915 | } | 18927 | } |
| 18916 | .timeline-center .timeline-row.post-even .timeline-icon { | 18928 | .timeline-center .timeline-row.post-even .timeline-icon { |
| 18917 | left: auto; | 18929 | left: auto; |
| 18918 | right: 100%; | 18930 | right: 100%; |
| 18919 | margin-left: 0; | 18931 | margin-left: 0; |
| 18920 | margin-right: -24px; | 18932 | margin-right: -24px; |
| 18921 | } | 18933 | } |
| 18922 | .timeline-center .timeline-icon:after { | 18934 | .timeline-center .timeline-icon:after { |
| 18923 | right: 100%; | 18935 | right: 100%; |
| 18924 | margin-right: 4px; | 18936 | margin-right: 4px; |
| 18925 | } | 18937 | } |
| 18926 | .timeline-center .post-even .timeline-icon:after { | 18938 | .timeline-center .post-even .timeline-icon:after { |
| 18927 | left: 100%; | 18939 | left: 100%; |
| 18928 | margin-left: 4px; | 18940 | margin-left: 4px; |
| 18929 | } | 18941 | } |
| 18930 | .timeline-center .post-full .timeline-icon { | 18942 | .timeline-center .post-full .timeline-icon { |
| 18931 | position: static; | 18943 | position: static; |
| 18932 | } | 18944 | } |
| 18933 | .timeline-center .post-full .timeline-icon:after { | 18945 | .timeline-center .post-full .timeline-icon:after { |
| 18934 | content: none; | 18946 | content: none; |
| 18935 | } | 18947 | } |
| 18936 | .timeline-time { | 18948 | .timeline-time { |
| 18937 | padding: 0; | 18949 | padding: 0; |
| 18938 | text-align: inherit; | 18950 | text-align: inherit; |
| 18939 | background-color: transparent; | 18951 | background-color: transparent; |
| 18940 | } | 18952 | } |
| 18941 | .timeline-time:before { | 18953 | .timeline-time:before { |
| 18942 | content: none; | 18954 | content: none; |
| 18943 | } | 18955 | } |
| 18944 | .timeline-left .timeline-time, | 18956 | .timeline-left .timeline-time, |
| 18945 | .timeline-right .timeline-time { | 18957 | .timeline-right .timeline-time { |
| 18946 | padding-top: 10px; | 18958 | padding-top: 10px; |
| 18947 | margin-bottom: 20px; | 18959 | margin-bottom: 20px; |
| 18948 | padding-left: 10px; | 18960 | padding-left: 10px; |
| 18949 | } | 18961 | } |
| 18950 | .timeline-right .timeline-time { | 18962 | .timeline-right .timeline-time { |
| 18951 | text-align: right; | 18963 | text-align: right; |
| 18952 | padding-left: 0; | 18964 | padding-left: 0; |
| 18953 | padding-right: 10px; | 18965 | padding-right: 10px; |
| 18954 | } | 18966 | } |
| 18955 | .timeline-center .timeline-time, | 18967 | .timeline-center .timeline-time, |
| 18956 | .timeline-center .post-full .timeline-time { | 18968 | .timeline-center .post-full .timeline-time { |
| 18957 | position: absolute; | 18969 | position: absolute; |
| 18958 | left: 100%; | 18970 | left: 100%; |
| 18959 | top: 15px; | 18971 | top: 15px; |
| 18960 | width: 100%; | 18972 | width: 100%; |
| 18961 | padding-left: 44px; | 18973 | padding-left: 44px; |
| 18962 | } | 18974 | } |
| 18963 | .timeline-center .post-even .timeline-time, | 18975 | .timeline-center .post-even .timeline-time, |
| 18964 | .timeline-center .post-full .timeline-time { | 18976 | .timeline-center .post-full .timeline-time { |
| 18965 | left: auto; | 18977 | left: auto; |
| 18966 | right: 100%; | 18978 | right: 100%; |
| 18967 | padding-left: 0; | 18979 | padding-left: 0; |
| 18968 | padding-right: 44px; | 18980 | padding-right: 44px; |
| 18969 | text-align: right; | 18981 | text-align: right; |
| 18970 | } | 18982 | } |
| 18971 | .timeline-center .post-full .timeline-time { | 18983 | .timeline-center .post-full .timeline-time { |
| 18972 | right: 50%; | 18984 | right: 50%; |
| 18973 | top: 5px; | 18985 | top: 5px; |
| 18974 | } | 18986 | } |
| 18975 | } | 18987 | } |
| 18976 | /* ------------------------------------------------------------------------------ | 18988 | /* ------------------------------------------------------------------------------ |
| 18977 | * | 18989 | * |
| 18978 | * # Chat layouts | 18990 | * # Chat layouts |
| 18979 | * | 18991 | * |
| 18980 | * Conversation chat styles - layouts, chat elements, colors, options | 18992 | * Conversation chat styles - layouts, chat elements, colors, options |
| 18981 | * | 18993 | * |
| 18982 | * Version: 1.1 | 18994 | * Version: 1.1 |
| 18983 | * Latest update: Oct 20, 2015 | 18995 | * Latest update: Oct 20, 2015 |
| 18984 | * | 18996 | * |
| 18985 | * ---------------------------------------------------------------------------- */ | 18997 | * ---------------------------------------------------------------------------- */ |
| 18986 | .chat-list, | 18998 | .chat-list, |
| 18987 | .chat-stacked { | 18999 | .chat-stacked { |
| 18988 | max-height: 520px; | 19000 | max-height: 520px; |
| 18989 | overflow: auto; | 19001 | overflow: auto; |
| 18990 | } | 19002 | } |
| 18991 | .chat-list .media-left { | 19003 | .chat-list .media-left { |
| 18992 | padding-right: 20px; | 19004 | padding-right: 20px; |
| 18993 | } | 19005 | } |
| 18994 | .chat-list .media-right { | 19006 | .chat-list .media-right { |
| 18995 | padding-left: 20px; | 19007 | padding-left: 20px; |
| 18996 | } | 19008 | } |
| 18997 | .chat-list .media-content { | 19009 | .chat-list .media-content { |
| 18998 | position: relative; | 19010 | position: relative; |
| 18999 | padding: 10px 12px; | 19011 | padding: 10px 12px; |
| 19000 | width: auto; | 19012 | width: auto; |
| 19001 | border-radius: 3px; | 19013 | border-radius: 3px; |
| 19002 | display: inline-block; | 19014 | display: inline-block; |
| 19003 | } | 19015 | } |
| 19004 | .chat-list .media-content:not([class*=bg-]) { | 19016 | .chat-list .media-content:not([class*=bg-]) { |
| 19005 | background-color: #f5f5f5; | 19017 | background-color: #f5f5f5; |
| 19006 | border-color: #f5f5f5; | 19018 | border-color: #f5f5f5; |
| 19007 | } | 19019 | } |
| 19008 | .chat-list .media-content > i { | 19020 | .chat-list .media-content > i { |
| 19009 | top: 0; | 19021 | top: 0; |
| 19010 | margin: 2px; | 19022 | margin: 2px; |
| 19011 | } | 19023 | } |
| 19012 | .chat-list .reversed .media-content { | 19024 | .chat-list .reversed .media-content { |
| 19013 | text-align: left; | 19025 | text-align: left; |
| 19014 | color: #fff; | 19026 | color: #fff; |
| 19015 | } | 19027 | } |
| 19016 | .chat-list .reversed .media-content:not([class*=bg-]) { | 19028 | .chat-list .reversed .media-content:not([class*=bg-]) { |
| 19017 | background-color: #42A5F5; | 19029 | background-color: #42A5F5; |
| 19018 | border-color: #42A5F5; | 19030 | border-color: #42A5F5; |
| 19019 | } | 19031 | } |
| 19020 | .chat-list .reversed .media-content > a { | 19032 | .chat-list .reversed .media-content > a { |
| 19021 | color: #fff; | 19033 | color: #fff; |
| 19022 | } | 19034 | } |
| 19023 | .chat-list .reversed .media-body { | 19035 | .chat-list .reversed .media-body { |
| 19024 | text-align: right; | 19036 | text-align: right; |
| 19025 | } | 19037 | } |
| 19026 | .chat-list .date-step.media { | 19038 | .chat-list .date-step.media { |
| 19027 | text-align: center; | 19039 | text-align: center; |
| 19028 | margin-left: 0; | 19040 | margin-left: 0; |
| 19029 | margin-right: 0; | 19041 | margin-right: 0; |
| 19030 | color: #999; | 19042 | color: #999; |
| 19031 | } | 19043 | } |
| 19032 | .chat-list .chat-thumbs img { | 19044 | .chat-list .chat-thumbs img { |
| 19033 | margin-top: 5px; | 19045 | margin-top: 5px; |
| 19034 | margin-bottom: 5px; | 19046 | margin-bottom: 5px; |
| 19035 | max-height: 100px; | 19047 | max-height: 100px; |
| 19036 | height: auto; | 19048 | height: auto; |
| 19037 | max-width: 100%; | 19049 | max-width: 100%; |
| 19038 | display: inline-block; | 19050 | display: inline-block; |
| 19039 | border-radius: 3px; | 19051 | border-radius: 3px; |
| 19040 | } | 19052 | } |
| 19041 | .chat-list .media-content:before, | 19053 | .chat-list .media-content:before, |
| 19042 | .chat-list .reversed .media-content:before { | 19054 | .chat-list .reversed .media-content:before { |
| 19043 | content: ''; | 19055 | content: ''; |
| 19044 | left: -5px; | 19056 | left: -5px; |
| 19045 | top: 15px; | 19057 | top: 15px; |
| 19046 | position: absolute; | 19058 | position: absolute; |
| 19047 | margin-left: 0; | 19059 | margin-left: 0; |
| 19048 | } | 19060 | } |
| 19049 | .chat-list .media-content:before { | 19061 | .chat-list .media-content:before { |
| 19050 | border-top: 5px solid transparent; | 19062 | border-top: 5px solid transparent; |
| 19051 | border-right: 5px solid; | 19063 | border-right: 5px solid; |
| 19052 | border-right-color: inherit; | 19064 | border-right-color: inherit; |
| 19053 | border-bottom: 5px solid transparent; | 19065 | border-bottom: 5px solid transparent; |
| 19054 | } | 19066 | } |
| 19055 | .chat-list .reversed .media-content:before { | 19067 | .chat-list .reversed .media-content:before { |
| 19056 | left: auto; | 19068 | left: auto; |
| 19057 | right: -5px; | 19069 | right: -5px; |
| 19058 | border-right: 0; | 19070 | border-right: 0; |
| 19059 | border-top: 5px solid transparent; | 19071 | border-top: 5px solid transparent; |
| 19060 | border-left: 5px solid; | 19072 | border-left: 5px solid; |
| 19061 | border-left-color: inherit; | 19073 | border-left-color: inherit; |
| 19062 | border-bottom: 5px solid transparent; | 19074 | border-bottom: 5px solid transparent; |
| 19063 | } | 19075 | } |
| 19064 | @media (min-width: 769px) { | 19076 | @media (min-width: 769px) { |
| 19065 | .chat-list .media { | 19077 | .chat-list .media { |
| 19066 | margin-right: 20%; | 19078 | margin-right: 20%; |
| 19067 | } | 19079 | } |
| 19068 | .chat-list .media.reversed { | 19080 | .chat-list .media.reversed { |
| 19069 | margin-right: 0; | 19081 | margin-right: 0; |
| 19070 | margin-left: 20%; | 19082 | margin-left: 20%; |
| 19071 | } | 19083 | } |
| 19072 | } | 19084 | } |
| 19073 | .chat-list-inverse .media-content:not([class*=bg-]) { | 19085 | .chat-list-inverse .media-content:not([class*=bg-]) { |
| 19074 | color: #fff; | 19086 | color: #fff; |
| 19075 | background-color: #42A5F5; | 19087 | background-color: #42A5F5; |
| 19076 | border-color: #42A5F5; | 19088 | border-color: #42A5F5; |
| 19077 | } | 19089 | } |
| 19078 | .chat-list-inverse .media-content:before { | 19090 | .chat-list-inverse .media-content:before { |
| 19079 | border-right: 0; | 19091 | border-right: 0; |
| 19080 | border-top: 5px solid transparent; | 19092 | border-top: 5px solid transparent; |
| 19081 | border-right: 5px solid #42A5F5; | 19093 | border-right: 5px solid #42A5F5; |
| 19082 | border-bottom: 5px solid transparent; | 19094 | border-bottom: 5px solid transparent; |
| 19083 | } | 19095 | } |
| 19084 | .chat-list-inverse .media-content > a { | 19096 | .chat-list-inverse .media-content > a { |
| 19085 | color: #fff; | 19097 | color: #fff; |
| 19086 | } | 19098 | } |
| 19087 | .chat-list-inverse .reversed .media-content:not([class*=bg-]) { | 19099 | .chat-list-inverse .reversed .media-content:not([class*=bg-]) { |
| 19088 | background-color: #f5f5f5; | 19100 | background-color: #f5f5f5; |
| 19089 | color: inherit; | 19101 | color: inherit; |
| 19090 | } | 19102 | } |
| 19091 | .chat-list-inverse .reversed .media-content:before { | 19103 | .chat-list-inverse .reversed .media-content:before { |
| 19092 | border-top: 5px solid transparent; | 19104 | border-top: 5px solid transparent; |
| 19093 | border-left: 5px solid #f5f5f5; | 19105 | border-left: 5px solid #f5f5f5; |
| 19094 | border-bottom: 5px solid transparent; | 19106 | border-bottom: 5px solid transparent; |
| 19095 | } | 19107 | } |
| 19096 | /* ------------------------------------------------------------------------------ | 19108 | /* ------------------------------------------------------------------------------ |
| 19097 | * | 19109 | * |
| 19098 | * # Search | 19110 | * # Search |
| 19099 | * | 19111 | * |
| 19100 | * Styles for search results and input | 19112 | * Styles for search results and input |
| 19101 | * | 19113 | * |
| 19102 | * Version: 1.1 | 19114 | * Version: 1.1 |
| 19103 | * Latest update: Aug 10, 2016 | 19115 | * Latest update: Aug 10, 2016 |
| 19104 | * | 19116 | * |
| 19105 | * ---------------------------------------------------------------------------- */ | 19117 | * ---------------------------------------------------------------------------- */ |
| 19106 | .search-results-list .list-inline { | 19118 | .search-results-list .list-inline { |
| 19107 | margin-bottom: 5px; | 19119 | margin-bottom: 5px; |
| 19108 | } | 19120 | } |
| 19109 | .related-searches { | 19121 | .related-searches { |
| 19110 | margin-top: 20px; | 19122 | margin-top: 20px; |
| 19111 | margin-bottom: 20px; | 19123 | margin-bottom: 20px; |
| 19112 | padding: 20px; | 19124 | padding: 20px; |
| 19113 | border-top: 1px solid #eeeeee; | 19125 | border-top: 1px solid #eeeeee; |
| 19114 | border-bottom: 1px solid #eeeeee; | 19126 | border-bottom: 1px solid #eeeeee; |
| 19115 | } | 19127 | } |
| 19116 | .website-search-results { | 19128 | .website-search-results { |
| 19117 | padding: 20px; | 19129 | padding: 20px; |
| 19118 | padding-bottom: 0; | 19130 | padding-bottom: 0; |
| 19119 | border-bottom: 1px solid #eeeeee; | 19131 | border-bottom: 1px solid #eeeeee; |
| 19120 | } | 19132 | } |
| 19121 | .media-preview { | 19133 | .media-preview { |
| 19122 | width: auto; | 19134 | width: auto; |
| 19123 | height: auto; | 19135 | height: auto; |
| 19124 | max-width: none; | 19136 | max-width: none; |
| 19125 | max-height: 90px; | 19137 | max-height: 90px; |
| 19126 | } | 19138 | } |
| 19127 | @media (max-width: 768px) { | 19139 | @media (max-width: 768px) { |
| 19128 | .search-option-buttons { | 19140 | .search-option-buttons { |
| 19129 | text-align: center; | 19141 | text-align: center; |
| 19130 | } | 19142 | } |
| 19131 | .search-option-buttons > .text-right { | 19143 | .search-option-buttons > .text-right { |
| 19132 | text-align: inherit; | 19144 | text-align: inherit; |
| 19133 | } | 19145 | } |
| 19134 | } | 19146 | } |
| 19135 | /* ------------------------------------------------------------------------------ | 19147 | /* ------------------------------------------------------------------------------ |
| 19136 | * | 19148 | * |
| 19137 | * # Error pages | 19149 | * # Error pages |
| 19138 | * | 19150 | * |
| 19139 | * Styles for error and offline pages | 19151 | * Styles for error and offline pages |
| 19140 | * | 19152 | * |
| 19141 | * Version: 1.0 | 19153 | * Version: 1.0 |
| 19142 | * Latest update: May 25, 2015 | 19154 | * Latest update: May 25, 2015 |
| 19143 | * | 19155 | * |
| 19144 | * ---------------------------------------------------------------------------- */ | 19156 | * ---------------------------------------------------------------------------- */ |
| 19145 | .error-title { | 19157 | .error-title { |
| 19146 | color: #fff; | 19158 | color: #fff; |
| 19147 | font-size: 200px; | 19159 | font-size: 200px; |
| 19148 | line-height: 1; | 19160 | line-height: 1; |
| 19149 | margin-top: 20px; | 19161 | margin-top: 20px; |
| 19150 | margin-bottom: 40px; | 19162 | margin-bottom: 40px; |
| 19151 | font-weight: 300; | 19163 | font-weight: 300; |
| 19152 | text-stroke: 1px transparent; | 19164 | text-stroke: 1px transparent; |
| 19153 | display: block; | 19165 | display: block; |
| 19154 | 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); | 19166 | 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); |
| 19155 | } | 19167 | } |
| 19156 | @media (max-width: 768px) { | 19168 | @media (max-width: 768px) { |
| 19157 | .error-title { | 19169 | .error-title { |
| 19158 | font-size: 130px; | 19170 | font-size: 130px; |
| 19159 | } | 19171 | } |
| 19160 | } | 19172 | } |
| 19161 | .offline-title { | 19173 | .offline-title { |
| 19162 | font-size: 160px; | 19174 | font-size: 160px; |
| 19163 | } | 19175 | } |
| 19164 | @media (max-width: 768px) { | 19176 | @media (max-width: 768px) { |
| 19165 | .offline-title { | 19177 | .offline-title { |
| 19166 | font-size: 90px; | 19178 | font-size: 90px; |
| 19167 | } | 19179 | } |
| 19168 | } | 19180 | } |
| 19169 | /* ------------------------------------------------------------------------------ | 19181 | /* ------------------------------------------------------------------------------ |
| 19170 | * | 19182 | * |
| 19171 | * # Heading elmeents | 19183 | * # Heading elmeents |
| 19172 | * | 19184 | * |
| 19173 | * Display default and custom components in page header and panel heading | 19185 | * Display default and custom components in page header and panel heading |
| 19174 | * | 19186 | * |
| 19175 | * Version: 1.3 | 19187 | * Version: 1.3 |
| 19176 | * Latest update: Aug 10, 2016 | 19188 | * Latest update: Aug 10, 2016 |
| 19177 | * | 19189 | * |
| 19178 | * ---------------------------------------------------------------------------- */ | 19190 | * ---------------------------------------------------------------------------- */ |
| 19179 | .heading-elements-toggle { | 19191 | .heading-elements-toggle { |
| 19180 | cursor: pointer; | 19192 | cursor: pointer; |
| 19181 | display: block; | 19193 | display: block; |
| 19182 | line-height: 1; | 19194 | line-height: 1; |
| 19183 | position: absolute; | 19195 | position: absolute; |
| 19184 | top: 50%; | 19196 | top: 50%; |
| 19185 | right: 0; | 19197 | right: 0; |
| 19186 | margin-top: -8px; | 19198 | margin-top: -8px; |
| 19187 | } | 19199 | } |
| 19188 | .breadcrumb-elements-toggle { | 19200 | .breadcrumb-elements-toggle { |
| 19189 | float: right; | 19201 | float: right; |
| 19190 | cursor: pointer; | 19202 | cursor: pointer; |
| 19191 | line-height: 1; | 19203 | line-height: 1; |
| 19192 | margin-top: 12px; | 19204 | margin-top: 12px; |
| 19193 | } | 19205 | } |
| 19194 | .breadcrumb-line-component .breadcrumb-elements-toggle { | 19206 | .breadcrumb-line-component .breadcrumb-elements-toggle { |
| 19195 | margin-right: 20px; | 19207 | margin-right: 20px; |
| 19196 | } | 19208 | } |
| 19197 | .heading-elements-toggle, | 19209 | .heading-elements-toggle, |
| 19198 | .breadcrumb-elements-toggle, | 19210 | .breadcrumb-elements-toggle, |
| 19199 | .heading-elements-toggle:hover, | 19211 | .heading-elements-toggle:hover, |
| 19200 | .breadcrumb-elements-toggle:hover, | 19212 | .breadcrumb-elements-toggle:hover, |
| 19201 | .heading-elements-toggle:focus, | 19213 | .heading-elements-toggle:focus, |
| 19202 | .breadcrumb-elements-toggle:focus { | 19214 | .breadcrumb-elements-toggle:focus { |
| 19203 | color: inherit; | 19215 | color: inherit; |
| 19204 | } | 19216 | } |
| 19205 | .heading-elements-toggle > i, | 19217 | .heading-elements-toggle > i, |
| 19206 | .breadcrumb-elements-toggle > i { | 19218 | .breadcrumb-elements-toggle > i { |
| 19207 | top: 0; | 19219 | top: 0; |
| 19208 | } | 19220 | } |
| 19209 | @media (min-width: 769px) { | 19221 | @media (min-width: 769px) { |
| 19210 | .heading-elements-toggle, | 19222 | .heading-elements-toggle, |
| 19211 | .breadcrumb-elements-toggle { | 19223 | .breadcrumb-elements-toggle { |
| 19212 | display: none; | 19224 | display: none; |
| 19213 | } | 19225 | } |
| 19214 | } | 19226 | } |
| 19215 | .heading-elements { | 19227 | .heading-elements { |
| 19216 | background-color: inherit; | 19228 | background-color: inherit; |
| 19217 | position: absolute; | 19229 | position: absolute; |
| 19218 | top: 50%; | 19230 | top: 50%; |
| 19219 | right: 20px; | 19231 | right: 20px; |
| 19220 | height: 38px; | 19232 | height: 38px; |
| 19221 | margin-top: -19px; | 19233 | margin-top: -19px; |
| 19222 | } | 19234 | } |
| 19223 | @media (max-width: 768px) { | 19235 | @media (max-width: 768px) { |
| 19224 | .heading-elements:not(.not-collapsible) { | 19236 | .heading-elements:not(.not-collapsible) { |
| 19225 | position: static; | 19237 | position: static; |
| 19226 | margin-top: 0; | 19238 | margin-top: 0; |
| 19227 | height: auto; | 19239 | height: auto; |
| 19228 | } | 19240 | } |
| 19229 | } | 19241 | } |
| 19230 | .panel-body > .heading-elements { | 19242 | .panel-body > .heading-elements { |
| 19231 | top: 0; | 19243 | top: 0; |
| 19232 | margin-top: 16px; | 19244 | margin-top: 16px; |
| 19233 | z-index: 10; | 19245 | z-index: 10; |
| 19234 | } | 19246 | } |
| 19235 | @media (max-width: 768px) { | 19247 | @media (max-width: 768px) { |
| 19236 | .panel-body > .heading-elements-toggle { | 19248 | .panel-body > .heading-elements-toggle { |
| 19237 | top: 20px; | 19249 | top: 20px; |
| 19238 | margin-top: 0; | 19250 | margin-top: 0; |
| 19239 | } | 19251 | } |
| 19240 | .panel-body > .heading-elements.visible-elements { | 19252 | .panel-body > .heading-elements.visible-elements { |
| 19241 | top: 56px; | 19253 | top: 56px; |
| 19242 | background-color: #fff; | 19254 | background-color: #fff; |
| 19243 | } | 19255 | } |
| 19244 | } | 19256 | } |
| 19245 | .panel-footer > .heading-elements { | 19257 | .panel-footer > .heading-elements { |
| 19246 | position: static; | 19258 | position: static; |
| 19247 | margin-top: 0; | 19259 | margin-top: 0; |
| 19248 | padding-right: 20px; | 19260 | padding-right: 20px; |
| 19249 | } | 19261 | } |
| 19250 | .panel-footer > .heading-elements:after { | 19262 | .panel-footer > .heading-elements:after { |
| 19251 | content: ''; | 19263 | content: ''; |
| 19252 | display: table; | 19264 | display: table; |
| 19253 | clear: both; | 19265 | clear: both; |
| 19254 | } | 19266 | } |
| 19255 | .panel-footer-bordered > .heading-elements:not(.visible-elements) { | 19267 | .panel-footer-bordered > .heading-elements:not(.visible-elements) { |
| 19256 | margin-left: -20px; | 19268 | margin-left: -20px; |
| 19257 | padding-right: 0; | 19269 | padding-right: 0; |
| 19258 | } | 19270 | } |
| 19259 | @media (max-width: 768px) { | 19271 | @media (max-width: 768px) { |
| 19260 | .panel-footer > .heading-elements:not(.not-collapsible) > .pull-right { | 19272 | .panel-footer > .heading-elements:not(.not-collapsible) > .pull-right { |
| 19261 | float: none!important; | 19273 | float: none!important; |
| 19262 | } | 19274 | } |
| 19263 | .panel-footer .heading-elements-toggle { | 19275 | .panel-footer .heading-elements-toggle { |
| 19264 | position: static; | 19276 | position: static; |
| 19265 | padding-top: 10px; | 19277 | padding-top: 10px; |
| 19266 | padding-bottom: 10px; | 19278 | padding-bottom: 10px; |
| 19267 | margin-top: 0; | 19279 | margin-top: 0; |
| 19268 | display: block; | 19280 | display: block; |
| 19269 | text-align: center; | 19281 | text-align: center; |
| 19270 | } | 19282 | } |
| 19271 | } | 19283 | } |
| 19272 | .heading-thumbnails { | 19284 | .heading-thumbnails { |
| 19273 | list-style: none; | 19285 | list-style: none; |
| 19274 | margin: 0; | 19286 | margin: 0; |
| 19275 | padding: 0; | 19287 | padding: 0; |
| 19276 | font-size: 0; | 19288 | font-size: 0; |
| 19277 | } | 19289 | } |
| 19278 | .heading-thumbnails > li { | 19290 | .heading-thumbnails > li { |
| 19279 | position: relative; | 19291 | position: relative; |
| 19280 | display: inline-block; | 19292 | display: inline-block; |
| 19281 | font-size: 13px; | 19293 | font-size: 13px; |
| 19282 | } | 19294 | } |
| 19283 | .heading-thumbnails > li + li { | 19295 | .heading-thumbnails > li + li { |
| 19284 | margin-left: 10px; | 19296 | margin-left: 10px; |
| 19285 | } | 19297 | } |
| 19286 | .heading-thumbnails > li img { | 19298 | .heading-thumbnails > li img { |
| 19287 | height: auto; | 19299 | height: auto; |
| 19288 | max-height: 38px; | 19300 | max-height: 38px; |
| 19289 | max-width: 100%; | 19301 | max-width: 100%; |
| 19290 | border-radius: 100px; | 19302 | border-radius: 100px; |
| 19291 | } | 19303 | } |
| 19292 | .heading-thumbnails > li .label, | 19304 | .heading-thumbnails > li .label, |
| 19293 | .heading-thumbnails > li .badge { | 19305 | .heading-thumbnails > li .badge { |
| 19294 | position: absolute; | 19306 | position: absolute; |
| 19295 | top: -8px; | 19307 | top: -8px; |
| 19296 | right: -8px; | 19308 | right: -8px; |
| 19297 | border: 2px solid #fcfcfc; | 19309 | border: 2px solid #fcfcfc; |
| 19298 | } | 19310 | } |
| 19299 | .panel-default > .panel-heading .heading-thumbnails > li .label, | 19311 | .panel-default > .panel-heading .heading-thumbnails > li .label, |
| 19300 | .panel-default > .panel-heading .heading-thumbnails > li .badge, | 19312 | .panel-default > .panel-heading .heading-thumbnails > li .badge, |
| 19301 | .panel-footer-transparent .heading-thumbnails > li .label, | 19313 | .panel-footer-transparent .heading-thumbnails > li .label, |
| 19302 | .panel-footer-transparent .heading-thumbnails > li .badge { | 19314 | .panel-footer-transparent .heading-thumbnails > li .badge { |
| 19303 | border-color: #fff; | 19315 | border-color: #fff; |
| 19304 | } | 19316 | } |
| 19305 | .heading-thumbnails > li .status-mark { | 19317 | .heading-thumbnails > li .status-mark { |
| 19306 | position: absolute; | 19318 | position: absolute; |
| 19307 | top: 0; | 19319 | top: 0; |
| 19308 | right: 0; | 19320 | right: 0; |
| 19309 | box-shadow: 0 0 0 2px #fcfcfc; | 19321 | box-shadow: 0 0 0 2px #fcfcfc; |
| 19310 | } | 19322 | } |
| 19311 | .heading-thumbnails > li .status-mark[class*=border-] { | 19323 | .heading-thumbnails > li .status-mark[class*=border-] { |
| 19312 | background-color: #fcfcfc; | 19324 | background-color: #fcfcfc; |
| 19313 | } | 19325 | } |
| 19314 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark[class*=border-], | 19326 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark[class*=border-], |
| 19315 | .panel-footer-transparent .heading-thumbnails > li .status-mark[class*=border-] { | 19327 | .panel-footer-transparent .heading-thumbnails > li .status-mark[class*=border-] { |
| 19316 | background-color: #fff; | 19328 | background-color: #fff; |
| 19317 | } | 19329 | } |
| 19318 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark, | 19330 | .panel-default > .panel-heading .heading-thumbnails > li .status-mark, |
| 19319 | .panel-footer-transparent .heading-thumbnails > li .status-mark { | 19331 | .panel-footer-transparent .heading-thumbnails > li .status-mark { |
| 19320 | background-color: #fff; | 19332 | background-color: #fff; |
| 19321 | } | 19333 | } |
| 19322 | .heading-elements .heading-btn + .heading-btn, | 19334 | .heading-elements .heading-btn + .heading-btn, |
| 19323 | .page-header .heading-elements .icons-list > li + li, | 19335 | .page-header .heading-elements .icons-list > li + li, |
| 19324 | .thumbnail-heading .heading-elements .icons-list > li + li { | 19336 | .thumbnail-heading .heading-elements .icons-list > li + li { |
| 19325 | margin-left: 10px; | 19337 | margin-left: 10px; |
| 19326 | } | 19338 | } |
| 19327 | .page-header-inverse .heading-elements .btn-link { | 19339 | .page-header-inverse .heading-elements .btn-link { |
| 19328 | color: #fff; | 19340 | color: #fff; |
| 19329 | } | 19341 | } |
| 19330 | .heading-elements .list-inline { | 19342 | .heading-elements .list-inline { |
| 19331 | margin-bottom: 0; | 19343 | margin-bottom: 0; |
| 19332 | } | 19344 | } |
| 19333 | .heading-elements .breadcrumb { | 19345 | .heading-elements .breadcrumb { |
| 19334 | padding-top: 0; | 19346 | padding-top: 0; |
| 19335 | padding-bottom: 0; | 19347 | padding-bottom: 0; |
| 19336 | } | 19348 | } |
| 19337 | .heading-elements.panel-nav .nav > li > a { | 19349 | .heading-elements.panel-nav .nav > li > a { |
| 19338 | text-align: left; | 19350 | text-align: left; |
| 19339 | } | 19351 | } |
| 19340 | .heading-elements .daterange-custom { | 19352 | .heading-elements .daterange-custom { |
| 19341 | margin-top: 5px; | 19353 | margin-top: 5px; |
| 19342 | } | 19354 | } |
| 19343 | .heading-elements .heading-btn-group { | 19355 | .heading-elements .heading-btn-group { |
| 19344 | font-size: 0; | 19356 | font-size: 0; |
| 19345 | } | 19357 | } |
| 19346 | .heading-elements .heading-btn-group > .btn + .btn:not(.btn-link) { | 19358 | .heading-elements .heading-btn-group > .btn + .btn:not(.btn-link) { |
| 19347 | margin-left: 10px; | 19359 | margin-left: 10px; |
| 19348 | } | 19360 | } |
| 19349 | .heading-elements.visible-elements { | 19361 | .heading-elements.visible-elements { |
| 19350 | text-align: center; | 19362 | text-align: center; |
| 19351 | } | 19363 | } |
| 19352 | .heading-elements.visible-elements .heading-text, | 19364 | .heading-elements.visible-elements .heading-text, |
| 19353 | .heading-elements.visible-elements .heading-btn, | 19365 | .heading-elements.visible-elements .heading-btn, |
| 19354 | .heading-elements.visible-elements .heading-btn-group > .btn, | 19366 | .heading-elements.visible-elements .heading-btn-group > .btn, |
| 19355 | .heading-elements.visible-elements .ui-slider, | 19367 | .heading-elements.visible-elements .ui-slider, |
| 19356 | .heading-elements.visible-elements .noui-slider, | 19368 | .heading-elements.visible-elements .noui-slider, |
| 19357 | .heading-elements.visible-elements .nav-tabs, | 19369 | .heading-elements.visible-elements .nav-tabs, |
| 19358 | .heading-elements.visible-elements .nav-pills, | 19370 | .heading-elements.visible-elements .nav-pills, |
| 19359 | .heading-elements.visible-elements .pagination, | 19371 | .heading-elements.visible-elements .pagination, |
| 19360 | .heading-elements.visible-elements .progress, | 19372 | .heading-elements.visible-elements .progress, |
| 19361 | .heading-elements.visible-elements .icons-list, | 19373 | .heading-elements.visible-elements .icons-list, |
| 19362 | .heading-elements.visible-elements .pager, | 19374 | .heading-elements.visible-elements .pager, |
| 19363 | .heading-elements.visible-elements .breadcrumb, | 19375 | .heading-elements.visible-elements .breadcrumb, |
| 19364 | .heading-elements.visible-elements .daterange-custom, | 19376 | .heading-elements.visible-elements .daterange-custom, |
| 19365 | .heading-elements.visible-elements .heading-thumbnails, | 19377 | .heading-elements.visible-elements .heading-thumbnails, |
| 19366 | .heading-elements.visible-elements .heading-form .form-group, | 19378 | .heading-elements.visible-elements .heading-form .form-group, |
| 19367 | .heading-elements.visible-elements > .btn-group { | 19379 | .heading-elements.visible-elements > .btn-group { |
| 19368 | margin-top: 20px; | 19380 | margin-top: 20px; |
| 19369 | } | 19381 | } |
| 19370 | .heading-elements.visible-elements .nav-tabs, | 19382 | .heading-elements.visible-elements .nav-tabs, |
| 19371 | .heading-elements.visible-elements .nav-pills { | 19383 | .heading-elements.visible-elements .nav-pills { |
| 19372 | margin-bottom: 0; | 19384 | margin-bottom: 0; |
| 19373 | } | 19385 | } |
| 19374 | .heading-elements.visible-elements .heading-text:not(.label):not(.badge) { | 19386 | .heading-elements.visible-elements .heading-text:not(.label):not(.badge) { |
| 19375 | display: block; | 19387 | display: block; |
| 19376 | } | 19388 | } |
| 19377 | .heading-elements.visible-elements .select2-container, | 19389 | .heading-elements.visible-elements .select2-container, |
| 19378 | .heading-elements.visible-elements .selectboxit-container, | 19390 | .heading-elements.visible-elements .selectboxit-container, |
| 19379 | .heading-elements.visible-elements .selectboxit-options, | 19391 | .heading-elements.visible-elements .selectboxit-options, |
| 19380 | .heading-elements.visible-elements .multiselect + .btn-group, | 19392 | .heading-elements.visible-elements .multiselect + .btn-group, |
| 19381 | .heading-elements.visible-elements div.bootstrap-select { | 19393 | .heading-elements.visible-elements div.bootstrap-select { |
| 19382 | width: 100%!important; | 19394 | width: 100%!important; |
| 19383 | } | 19395 | } |
| 19384 | .heading-elements.visible-elements .input-group, | 19396 | .heading-elements.visible-elements .input-group, |
| 19385 | .heading-elements.visible-elements .input-group-btn, | 19397 | .heading-elements.visible-elements .input-group-btn, |
| 19386 | .heading-elements.visible-elements .btn-group, | 19398 | .heading-elements.visible-elements .btn-group, |
| 19387 | .heading-elements.visible-elements .dropdown, | 19399 | .heading-elements.visible-elements .dropdown, |
| 19388 | .heading-elements.visible-elements .dropup { | 19400 | .heading-elements.visible-elements .dropup { |
| 19389 | position: static; | 19401 | position: static; |
| 19390 | } | 19402 | } |
| 19391 | .heading-elements.visible-elements .dropdown-menu:not(.multiselect-container) { | 19403 | .heading-elements.visible-elements .dropdown-menu:not(.multiselect-container) { |
| 19392 | left: -1px; | 19404 | left: -1px; |
| 19393 | right: -1px; | 19405 | right: -1px; |
| 19394 | margin-top: 0; | 19406 | margin-top: 0; |
| 19395 | border-top-right-radius: 0; | 19407 | border-top-right-radius: 0; |
| 19396 | border-top-left-radius: 0; | 19408 | border-top-left-radius: 0; |
| 19397 | } | 19409 | } |
| 19398 | .heading-elements.visible-elements .multiselect-container { | 19410 | .heading-elements.visible-elements .multiselect-container { |
| 19399 | left: 0; | 19411 | left: 0; |
| 19400 | right: 0; | 19412 | right: 0; |
| 19401 | } | 19413 | } |
| 19402 | .heading-elements:not(.visible-elements) .heading-text, | 19414 | .heading-elements:not(.visible-elements) .heading-text, |
| 19403 | .heading-elements:not(.visible-elements) .heading-btn, | 19415 | .heading-elements:not(.visible-elements) .heading-btn, |
| 19404 | .heading-elements:not(.visible-elements) .ui-slider, | 19416 | .heading-elements:not(.visible-elements) .ui-slider, |
| 19405 | .heading-elements:not(.visible-elements) .noui-slider, | 19417 | .heading-elements:not(.visible-elements) .noui-slider, |
| 19406 | .heading-elements:not(.visible-elements) .nav-tabs, | 19418 | .heading-elements:not(.visible-elements) .nav-tabs, |
| 19407 | .heading-elements:not(.visible-elements) .nav-pills, | 19419 | .heading-elements:not(.visible-elements) .nav-pills, |
| 19408 | .heading-elements:not(.visible-elements) .pagination, | 19420 | .heading-elements:not(.visible-elements) .pagination, |
| 19409 | .heading-elements:not(.visible-elements) .progress, | 19421 | .heading-elements:not(.visible-elements) .progress, |
| 19410 | .heading-elements:not(.visible-elements) .icons-list, | 19422 | .heading-elements:not(.visible-elements) .icons-list, |
| 19411 | .heading-elements:not(.visible-elements) .breadcrumb, | 19423 | .heading-elements:not(.visible-elements) .breadcrumb, |
| 19412 | .heading-elements:not(.visible-elements) .pager, | 19424 | .heading-elements:not(.visible-elements) .pager, |
| 19413 | .heading-elements:not(.visible-elements) .heading-form, | 19425 | .heading-elements:not(.visible-elements) .heading-form, |
| 19414 | .heading-elements:not(.visible-elements) .daterange-custom, | 19426 | .heading-elements:not(.visible-elements) .daterange-custom, |
| 19415 | .heading-elements:not(.visible-elements) .heading-thumbnails, | 19427 | .heading-elements:not(.visible-elements) .heading-thumbnails, |
| 19416 | .heading-elements:not(.visible-elements) > .btn-group { | 19428 | .heading-elements:not(.visible-elements) > .btn-group { |
| 19417 | float: left; | 19429 | float: left; |
| 19418 | margin-left: 20px; | 19430 | margin-left: 20px; |
| 19419 | } | 19431 | } |
| 19420 | .heading-elements:not(.visible-elements) .heading-text { | 19432 | .heading-elements:not(.visible-elements) .heading-text { |
| 19421 | display: inline-block; | 19433 | display: inline-block; |
| 19422 | } | 19434 | } |
| 19423 | .heading-elements:not(.visible-elements) .heading-text + .heading-text { | 19435 | .heading-elements:not(.visible-elements) .heading-text + .heading-text { |
| 19424 | margin-left: 20px; | 19436 | margin-left: 20px; |
| 19425 | } | 19437 | } |
| 19426 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-container, | 19438 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-container, |
| 19427 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-options, | 19439 | .heading-elements:not(.visible-elements) .selectbox-fixed + .selectboxit-options, |
| 19428 | .heading-elements:not(.visible-elements) .progress, | 19440 | .heading-elements:not(.visible-elements) .progress, |
| 19429 | .heading-elements:not(.visible-elements) .ui-slider, | 19441 | .heading-elements:not(.visible-elements) .ui-slider, |
| 19430 | .heading-elements:not(.visible-elements) .noui-slider, | 19442 | .heading-elements:not(.visible-elements) .noui-slider, |
| 19431 | .heading-elements:not(.visible-elements) .input-group, | 19443 | .heading-elements:not(.visible-elements) .input-group, |
| 19432 | .heading-elements:not(.visible-elements) .selectboxit-container .selectboxit-options, | 19444 | .heading-elements:not(.visible-elements) .selectboxit-container .selectboxit-options, |
| 19433 | .heading-elements:not(.visible-elements) .heading-form .form-control { | 19445 | .heading-elements:not(.visible-elements) .heading-form .form-control { |
| 19434 | width: 220px; | 19446 | width: 220px; |
| 19435 | } | 19447 | } |
| 19436 | .heading-elements:not(.visible-elements) .select-sm, | 19448 | .heading-elements:not(.visible-elements) .select-sm, |
| 19437 | .heading-elements:not(.visible-elements) .input-sm, | 19449 | .heading-elements:not(.visible-elements) .input-sm, |
| 19438 | .heading-elements:not(.visible-elements) .input-group-sm, | 19450 | .heading-elements:not(.visible-elements) .input-group-sm, |
| 19439 | .heading-elements:not(.visible-elements) .uploader-sm, | 19451 | .heading-elements:not(.visible-elements) .uploader-sm, |
| 19440 | .heading-elements:not(.visible-elements) .pagination-sm, | 19452 | .heading-elements:not(.visible-elements) .pagination-sm, |
| 19441 | .heading-elements:not(.visible-elements) .pager-sm, | 19453 | .heading-elements:not(.visible-elements) .pager-sm, |
| 19442 | .heading-elements:not(.visible-elements) .selectbox-sm + .selectboxit-container, | 19454 | .heading-elements:not(.visible-elements) .selectbox-sm + .selectboxit-container, |
| 19443 | .heading-elements:not(.visible-elements) .btn-sm, | 19455 | .heading-elements:not(.visible-elements) .btn-sm, |
| 19444 | .heading-elements:not(.visible-elements) .btn-group-sm > .btn { | 19456 | .heading-elements:not(.visible-elements) .btn-group-sm > .btn { |
| 19445 | margin-top: 1px; | 19457 | margin-top: 1px; |
| 19446 | } | 19458 | } |
| 19447 | .heading-elements:not(.visible-elements) .select-xs, | 19459 | .heading-elements:not(.visible-elements) .select-xs, |
| 19448 | .heading-elements:not(.visible-elements) .input-xs, | 19460 | .heading-elements:not(.visible-elements) .input-xs, |
| 19449 | .heading-elements:not(.visible-elements) .input-group-xs, | 19461 | .heading-elements:not(.visible-elements) .input-group-xs, |
| 19450 | .heading-elements:not(.visible-elements) .uploader-xs, | 19462 | .heading-elements:not(.visible-elements) .uploader-xs, |
| 19451 | .heading-elements:not(.visible-elements) .pagination-xs, | 19463 | .heading-elements:not(.visible-elements) .pagination-xs, |
| 19452 | .heading-elements:not(.visible-elements) .pager-xs, | 19464 | .heading-elements:not(.visible-elements) .pager-xs, |
| 19453 | .heading-elements:not(.visible-elements) .selectbox-xs + .selectboxit-container, | 19465 | .heading-elements:not(.visible-elements) .selectbox-xs + .selectboxit-container, |
| 19454 | .heading-elements:not(.visible-elements) .btn-xs, | 19466 | .heading-elements:not(.visible-elements) .btn-xs, |
| 19455 | .heading-elements:not(.visible-elements) .btn-group-xs > .btn { | 19467 | .heading-elements:not(.visible-elements) .btn-group-xs > .btn { |
| 19456 | margin-top: 2px; | 19468 | margin-top: 2px; |
| 19457 | } | 19469 | } |
| 19458 | .heading-elements:not(.visible-elements) .btn-float { | 19470 | .heading-elements:not(.visible-elements) .btn-float { |
| 19459 | margin-top: -7px; | 19471 | margin-top: -7px; |
| 19460 | } | 19472 | } |
| 19461 | .heading-elements:not(.visible-elements) .btn-float.has-text { | 19473 | .heading-elements:not(.visible-elements) .btn-float.has-text { |
| 19462 | margin-top: -19.5px; | 19474 | margin-top: -19.5px; |
| 19463 | } | 19475 | } |
| 19464 | .heading-elements:not(.visible-elements) .btn-float.btn-link { | 19476 | .heading-elements:not(.visible-elements) .btn-float.btn-link { |
| 19465 | margin-top: -14px; | 19477 | margin-top: -14px; |
| 19466 | } | 19478 | } |
| 19467 | .heading-elements:not(.visible-elements) .ui-slider, | 19479 | .heading-elements:not(.visible-elements) .ui-slider, |
| 19468 | .heading-elements:not(.visible-elements) .noui-slider { | 19480 | .heading-elements:not(.visible-elements) .noui-slider { |
| 19469 | margin-top: 17px; | 19481 | margin-top: 17px; |
| 19470 | } | 19482 | } |
| 19471 | .heading-elements:not(.visible-elements) .ui-slider-lg, | 19483 | .heading-elements:not(.visible-elements) .ui-slider-lg, |
| 19472 | .heading-elements:not(.visible-elements) .noui-slider-lg { | 19484 | .heading-elements:not(.visible-elements) .noui-slider-lg { |
| 19473 | margin-top: 16.5px; | 19485 | margin-top: 16.5px; |
| 19474 | } | 19486 | } |
| 19475 | .heading-elements:not(.visible-elements) .ui-slider-sm, | 19487 | .heading-elements:not(.visible-elements) .ui-slider-sm, |
| 19476 | .heading-elements:not(.visible-elements) .noui-slider-sm { | 19488 | .heading-elements:not(.visible-elements) .noui-slider-sm { |
| 19477 | margin-top: 17.5px; | 19489 | margin-top: 17.5px; |
| 19478 | } | 19490 | } |
| 19479 | .heading-elements:not(.visible-elements) .ui-slider-xs, | 19491 | .heading-elements:not(.visible-elements) .ui-slider-xs, |
| 19480 | .heading-elements:not(.visible-elements) .noui-slider-xs { | 19492 | .heading-elements:not(.visible-elements) .noui-slider-xs { |
| 19481 | margin-top: 18px; | 19493 | margin-top: 18px; |
| 19482 | } | 19494 | } |
| 19483 | .heading-elements:not(.visible-elements) .progress { | 19495 | .heading-elements:not(.visible-elements) .progress { |
| 19484 | margin-top: 10px; | 19496 | margin-top: 10px; |
| 19485 | } | 19497 | } |
| 19486 | .heading-elements:not(.visible-elements) .progress-lg { | 19498 | .heading-elements:not(.visible-elements) .progress-lg { |
| 19487 | margin-top: 8px; | 19499 | margin-top: 8px; |
| 19488 | } | 19500 | } |
| 19489 | .heading-elements:not(.visible-elements) .progress-sm { | 19501 | .heading-elements:not(.visible-elements) .progress-sm { |
| 19490 | margin-top: 12px; | 19502 | margin-top: 12px; |
| 19491 | } | 19503 | } |
| 19492 | .heading-elements:not(.visible-elements) .progress-xs { | 19504 | .heading-elements:not(.visible-elements) .progress-xs { |
| 19493 | margin-top: 14px; | 19505 | margin-top: 14px; |
| 19494 | } | 19506 | } |
| 19495 | .heading-elements:not(.visible-elements) .progress-xxs { | 19507 | .heading-elements:not(.visible-elements) .progress-xxs { |
| 19496 | margin-top: 16px; | 19508 | margin-top: 16px; |
| 19497 | } | 19509 | } |
| 19498 | .heading-elements:not(.visible-elements) .progress-micro { | 19510 | .heading-elements:not(.visible-elements) .progress-micro { |
| 19499 | margin-top: 18px; | 19511 | margin-top: 18px; |
| 19500 | } | 19512 | } |
| 19501 | .heading-elements:not(.visible-elements) .icons-list { | 19513 | .heading-elements:not(.visible-elements) .icons-list { |
| 19502 | margin-top: 11px; | 19514 | margin-top: 11px; |
| 19503 | } | 19515 | } |
| 19504 | .heading-elements:not(.visible-elements) .heading-text { | 19516 | .heading-elements:not(.visible-elements) .heading-text { |
| 19505 | margin-top: 9px; | 19517 | margin-top: 9px; |
| 19506 | } | 19518 | } |
| 19507 | .heading-elements:not(.visible-elements).panel-nav > .nav { | 19519 | .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19508 | margin-bottom: 0; | 19520 | margin-bottom: 0; |
| 19509 | } | 19521 | } |
| 19510 | @media (min-width: 769px) { | 19522 | @media (min-width: 769px) { |
| 19511 | .heading-elements:not(.visible-elements).panel-nav > .nav { | 19523 | .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19512 | margin-top: -1px; | 19524 | margin-top: -1px; |
| 19513 | } | 19525 | } |
| 19514 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs { | 19526 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs { |
| 19515 | border-bottom-width: 0; | 19527 | border-bottom-width: 0; |
| 19516 | } | 19528 | } |
| 19517 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs.nav-tabs-bottom > li.active > a:after { | 19529 | .heading-elements:not(.visible-elements).panel-nav > .nav-tabs.nav-tabs-bottom > li.active > a:after { |
| 19518 | background-color: transparent; | 19530 | background-color: transparent; |
| 19519 | } | 19531 | } |
| 19520 | .heading-elements:not(.visible-elements).panel-nav > .nav-sm { | 19532 | .heading-elements:not(.visible-elements).panel-nav > .nav-sm { |
| 19521 | margin-top: 2px; | 19533 | margin-top: 2px; |
| 19522 | } | 19534 | } |
| 19523 | .heading-elements:not(.visible-elements).panel-nav > .nav-xs { | 19535 | .heading-elements:not(.visible-elements).panel-nav > .nav-xs { |
| 19524 | margin-top: 5px; | 19536 | margin-top: 5px; |
| 19525 | } | 19537 | } |
| 19526 | } | 19538 | } |
| 19527 | @media (max-width: 768px) { | 19539 | @media (max-width: 768px) { |
| 19528 | .heading-elements:not(.visible-elements).panel-nav { | 19540 | .heading-elements:not(.visible-elements).panel-nav { |
| 19529 | position: static; | 19541 | position: static; |
| 19530 | height: auto; | 19542 | height: auto; |
| 19531 | } | 19543 | } |
| 19532 | .heading-elements:not(.visible-elements).panel-nav > .nav { | 19544 | .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19533 | float: none; | 19545 | float: none; |
| 19534 | } | 19546 | } |
| 19535 | .panel-heading .heading-elements:not(.visible-elements).panel-nav { | 19547 | .panel-heading .heading-elements:not(.visible-elements).panel-nav { |
| 19536 | margin-top: 15px; | 19548 | margin-top: 15px; |
| 19537 | } | 19549 | } |
| 19538 | .panel-flat .panel-heading .heading-elements:not(.visible-elements).panel-nav { | 19550 | .panel-flat .panel-heading .heading-elements:not(.visible-elements).panel-nav { |
| 19539 | margin-top: 20px; | 19551 | margin-top: 20px; |
| 19540 | } | 19552 | } |
| 19541 | .panel-heading .heading-elements:not(.visible-elements).panel-nav > .nav { | 19553 | .panel-heading .heading-elements:not(.visible-elements).panel-nav > .nav { |
| 19542 | margin-left: 0; | 19554 | margin-left: 0; |
| 19543 | } | 19555 | } |
| 19544 | .panel-footer .heading-elements:not(.visible-elements).panel-nav.not-collapsible > .nav { | 19556 | .panel-footer .heading-elements:not(.visible-elements).panel-nav.not-collapsible > .nav { |
| 19545 | margin-top: 12px; | 19557 | margin-top: 12px; |
| 19546 | margin-bottom: 12px; | 19558 | margin-bottom: 12px; |
| 19547 | } | 19559 | } |
| 19548 | } | 19560 | } |
| 19549 | .heading-form .form-group { | 19561 | .heading-form .form-group { |
| 19550 | margin-bottom: 0; | 19562 | margin-bottom: 0; |
| 19551 | } | 19563 | } |
| 19552 | .heading-form .checkbox-switchery, | 19564 | .heading-form .checkbox-switchery, |
| 19553 | .heading-form .checkbox-switchery[class*="switchery-"] { | 19565 | .heading-form .checkbox-switchery[class*="switchery-"] { |
| 19554 | margin-bottom: 0; | 19566 | margin-bottom: 0; |
| 19555 | } | 19567 | } |
| 19556 | .heading-elements:not(.visible-elements) .heading-form .checkbox-inline, | 19568 | .heading-elements:not(.visible-elements) .heading-form .checkbox-inline, |
| 19557 | .heading-elements:not(.visible-elements) .heading-form .radio-inline { | 19569 | .heading-elements:not(.visible-elements) .heading-form .radio-inline { |
| 19558 | margin-top: 9px; | 19570 | margin-top: 9px; |
| 19559 | } | 19571 | } |
| 19560 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch { | 19572 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch { |
| 19561 | margin-top: 2px; | 19573 | margin-top: 2px; |
| 19562 | } | 19574 | } |
| 19563 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-sm { | 19575 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-sm { |
| 19564 | margin-top: 3px; | 19576 | margin-top: 3px; |
| 19565 | } | 19577 | } |
| 19566 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-xs { | 19578 | .heading-elements:not(.visible-elements) .heading-form .checkbox-switch-xs { |
| 19567 | margin-top: 4px; | 19579 | margin-top: 4px; |
| 19568 | } | 19580 | } |
| 19569 | .heading-elements:not(.visible-elements) .heading-form .input-group { | 19581 | .heading-elements:not(.visible-elements) .heading-form .input-group { |
| 19570 | max-width: 220px; | 19582 | max-width: 220px; |
| 19571 | } | 19583 | } |
| 19572 | .heading-elements:not(.visible-elements) .heading-form .input-group .form-control { | 19584 | .heading-elements:not(.visible-elements) .heading-form .input-group .form-control { |
| 19573 | width: 100%; | 19585 | width: 100%; |
| 19574 | margin-top: 0; | 19586 | margin-top: 0; |
| 19575 | } | 19587 | } |
| 19576 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-sm .btn, | 19588 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-sm .btn, |
| 19577 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-xs .btn { | 19589 | .heading-elements:not(.visible-elements) .heading-form .input-group.input-group-xs .btn { |
| 19578 | margin-top: 0; | 19590 | margin-top: 0; |
| 19579 | } | 19591 | } |
| 19580 | @media (min-width: 769px) { | 19592 | @media (min-width: 769px) { |
| 19581 | .heading-form .form-group { | 19593 | .heading-form .form-group { |
| 19582 | float: left; | 19594 | float: left; |
| 19583 | } | 19595 | } |
| 19584 | .heading-form .form-group + .form-group { | 19596 | .heading-form .form-group + .form-group { |
| 19585 | margin-left: 15px; | 19597 | margin-left: 15px; |
| 19586 | } | 19598 | } |
| 19587 | } | 19599 | } |
| 19588 | @media (max-width: 768px) { | 19600 | @media (max-width: 768px) { |
| 19589 | .heading-elements:not(.not-collapsible), | 19601 | .heading-elements:not(.not-collapsible), |
| 19590 | .breadcrumb-elements:not(.not-collapsible) { | 19602 | .breadcrumb-elements:not(.not-collapsible) { |
| 19591 | display: none; | 19603 | display: none; |
| 19592 | } | 19604 | } |
| 19593 | .heading-elements.visible-elements, | 19605 | .heading-elements.visible-elements, |
| 19594 | .breadcrumb-elements.visible-elements { | 19606 | .breadcrumb-elements.visible-elements { |
| 19595 | display: block; | 19607 | display: block; |
| 19596 | } | 19608 | } |
| 19597 | .panel .has-visible-elements { | 19609 | .panel .has-visible-elements { |
| 19598 | padding-bottom: 0; | 19610 | padding-bottom: 0; |
| 19599 | } | 19611 | } |
| 19600 | .panel-flat .panel-heading.has-visible-elements { | 19612 | .panel-flat .panel-heading.has-visible-elements { |
| 19601 | padding-bottom: 20px; | 19613 | padding-bottom: 20px; |
| 19602 | } | 19614 | } |
| 19603 | .panel .visible-elements { | 19615 | .panel .visible-elements { |
| 19604 | border-top: 1px solid #ddd; | 19616 | border-top: 1px solid #ddd; |
| 19605 | padding: 20px; | 19617 | padding: 20px; |
| 19606 | padding-top: 0; | 19618 | padding-top: 0; |
| 19607 | } | 19619 | } |
| 19608 | .panel-heading .visible-elements { | 19620 | .panel-heading .visible-elements { |
| 19609 | margin: 15px -20px 0 -20px; | 19621 | margin: 15px -20px 0 -20px; |
| 19610 | background-color: #fcfcfc; | 19622 | background-color: #fcfcfc; |
| 19611 | } | 19623 | } |
| 19612 | .panel-flat .panel-heading .visible-elements { | 19624 | .panel-flat .panel-heading .visible-elements { |
| 19613 | margin-top: 20px; | 19625 | margin-top: 20px; |
| 19614 | border-bottom: 1px solid #ddd; | 19626 | border-bottom: 1px solid #ddd; |
| 19615 | } | 19627 | } |
| 19616 | .panel-footer .visible-elements { | 19628 | .panel-footer .visible-elements { |
| 19617 | margin-top: 8px; | 19629 | margin-top: 8px; |
| 19618 | border-bottom-right-radius: 3px; | 19630 | border-bottom-right-radius: 3px; |
| 19619 | border-bottom-left-radius: 3px; | 19631 | border-bottom-left-radius: 3px; |
| 19620 | } | 19632 | } |
| 19621 | .panel-footer-condensed .visible-elements { | 19633 | .panel-footer-condensed .visible-elements { |
| 19622 | margin-top: 2px; | 19634 | margin-top: 2px; |
| 19623 | } | 19635 | } |
| 19624 | .panel-footer-transparent .visible-elements { | 19636 | .panel-footer-transparent .visible-elements { |
| 19625 | margin-top: 11px; | 19637 | margin-top: 11px; |
| 19626 | background-color: #fff; | 19638 | background-color: #fff; |
| 19627 | } | 19639 | } |
| 19628 | .panel[class*=bg-] .visible-elements, | 19640 | .panel[class*=bg-] .visible-elements, |
| 19629 | .panel-heading[class*=bg-] .visible-elements, | 19641 | .panel-heading[class*=bg-] .visible-elements, |
| 19630 | .panel-primary .visible-elements, | 19642 | .panel-primary .visible-elements, |
| 19631 | .panel-danger .visible-elements, | 19643 | .panel-danger .visible-elements, |
| 19632 | .panel-success .visible-elements, | 19644 | .panel-success .visible-elements, |
| 19633 | .panel-warning .visible-elements, | 19645 | .panel-warning .visible-elements, |
| 19634 | .panel-info .visible-elements { | 19646 | .panel-info .visible-elements { |
| 19635 | border-color: rgba(255, 255, 255, 0.2); | 19647 | border-color: rgba(255, 255, 255, 0.2); |
| 19636 | left: 0; | 19648 | left: 0; |
| 19637 | right: 0; | 19649 | right: 0; |
| 19638 | background-color: rgba(0, 0, 0, 0.1); | 19650 | background-color: rgba(0, 0, 0, 0.1); |
| 19639 | } | 19651 | } |
| 19640 | .visible-elements.breadcrumb-elements.not-collapsible { | 19652 | .visible-elements.breadcrumb-elements.not-collapsible { |
| 19641 | display: none; | 19653 | display: none; |
| 19642 | } | 19654 | } |
| 19643 | .page-header-content > .visible-elements { | 19655 | .page-header-content > .visible-elements { |
| 19644 | background-color: #eeeded; | 19656 | background-color: #eeeded; |
| 19645 | left: 0; | 19657 | left: 0; |
| 19646 | right: 0; | 19658 | right: 0; |
| 19647 | border-top: 1px solid #e2e0e0; | 19659 | border-top: 1px solid #e2e0e0; |
| 19648 | z-index: 1002; | 19660 | z-index: 1002; |
| 19649 | padding-bottom: 20px; | 19661 | padding-bottom: 20px; |
| 19650 | margin-left: -20px; | 19662 | margin-left: -20px; |
| 19651 | margin-right: -20px; | 19663 | margin-right: -20px; |
| 19652 | padding-left: 20px; | 19664 | padding-left: 20px; |
| 19653 | padding-right: 20px; | 19665 | padding-right: 20px; |
| 19654 | } | 19666 | } |
| 19655 | .page-header-default .page-header-content > .visible-elements { | 19667 | .page-header-default .page-header-content > .visible-elements { |
| 19656 | background-color: #fcfcfc; | 19668 | background-color: #fcfcfc; |
| 19657 | border-color: #ddd; | 19669 | border-color: #ddd; |
| 19658 | } | 19670 | } |
| 19659 | .page-header-inverse .page-header-content > .visible-elements { | 19671 | .page-header-inverse .page-header-content > .visible-elements { |
| 19660 | background-color: rgba(0, 0, 0, 0.1); | 19672 | background-color: rgba(0, 0, 0, 0.1); |
| 19661 | border-color: rgba(255, 255, 255, 0.1); | 19673 | border-color: rgba(255, 255, 255, 0.1); |
| 19662 | } | 19674 | } |
| 19663 | } | 19675 | } |
| 19664 | /* ------------------------------------------------------------------------------ | 19676 | /* ------------------------------------------------------------------------------ |
| 19665 | * | 19677 | * |
| 19666 | * # Helper classes | 19678 | * # Helper classes |
| 19667 | * | 19679 | * |
| 19668 | * Custom helper classes | 19680 | * Custom helper classes |
| 19669 | * | 19681 | * |
| 19670 | * Version: 1.1 | 19682 | * Version: 1.1 |
| 19671 | * Latest update: Mar 10, 2016 | 19683 | * Latest update: Mar 10, 2016 |
| 19672 | * | 19684 | * |
| 19673 | * ---------------------------------------------------------------------------- */ | 19685 | * ---------------------------------------------------------------------------- */ |
| 19674 | .no-edge-top { | 19686 | .no-edge-top { |
| 19675 | top: 0; | 19687 | top: 0; |
| 19676 | } | 19688 | } |
| 19677 | .no-edge-bottom { | 19689 | .no-edge-bottom { |
| 19678 | bottom: 0; | 19690 | bottom: 0; |
| 19679 | } | 19691 | } |
| 19680 | .no-edge-left { | 19692 | .no-edge-left { |
| 19681 | left: 0; | 19693 | left: 0; |
| 19682 | } | 19694 | } |
| 19683 | .no-edge-right { | 19695 | .no-edge-right { |
| 19684 | right: 0; | 19696 | right: 0; |
| 19685 | } | 19697 | } |
| 19686 | @media (min-width: 1200px) { | 19698 | @media (min-width: 1200px) { |
| 19687 | .pull-right-lg { | 19699 | .pull-right-lg { |
| 19688 | float: right; | 19700 | float: right; |
| 19689 | } | 19701 | } |
| 19690 | } | 19702 | } |
| 19691 | @media (min-width: 1025px) { | 19703 | @media (min-width: 1025px) { |
| 19692 | .pull-right-md { | 19704 | .pull-right-md { |
| 19693 | float: right; | 19705 | float: right; |
| 19694 | } | 19706 | } |
| 19695 | } | 19707 | } |
| 19696 | @media (min-width: 769px) { | 19708 | @media (min-width: 769px) { |
| 19697 | .pull-right-sm { | 19709 | .pull-right-sm { |
| 19698 | float: right; | 19710 | float: right; |
| 19699 | } | 19711 | } |
| 19700 | } | 19712 | } |
| 19701 | @media (min-width: 480px) { | 19713 | @media (min-width: 480px) { |
| 19702 | .pull-right-xs { | 19714 | .pull-right-xs { |
| 19703 | float: right; | 19715 | float: right; |
| 19704 | } | 19716 | } |
| 19705 | } | 19717 | } |
| 19706 | .valign-top { | 19718 | .valign-top { |
| 19707 | vertical-align: top; | 19719 | vertical-align: top; |
| 19708 | } | 19720 | } |
| 19709 | .valign-middle { | 19721 | .valign-middle { |
| 19710 | vertical-align: middle; | 19722 | vertical-align: middle; |
| 19711 | } | 19723 | } |
| 19712 | .valign-bottom { | 19724 | .valign-bottom { |
| 19713 | vertical-align: bottom; | 19725 | vertical-align: bottom; |
| 19714 | } | 19726 | } |
| 19715 | .valign-baseline { | 19727 | .valign-baseline { |
| 19716 | vertical-align: baseline; | 19728 | vertical-align: baseline; |
| 19717 | } | 19729 | } |
| 19718 | .valign-text-top { | 19730 | .valign-text-top { |
| 19719 | vertical-align: top; | 19731 | vertical-align: top; |
| 19720 | } | 19732 | } |
| 19721 | .valign-text-bottom { | 19733 | .valign-text-bottom { |
| 19722 | vertical-align: text-bottom; | 19734 | vertical-align: text-bottom; |
| 19723 | } | 19735 | } |
| 19724 | .position-relative { | 19736 | .position-relative { |
| 19725 | position: relative; | 19737 | position: relative; |
| 19726 | } | 19738 | } |
| 19727 | .position-static { | 19739 | .position-static { |
| 19728 | position: static; | 19740 | position: static; |
| 19729 | } | 19741 | } |
| 19730 | .display-block, | 19742 | .display-block, |
| 19731 | label.display-block { | 19743 | label.display-block { |
| 19732 | display: block; | 19744 | display: block; |
| 19733 | } | 19745 | } |
| 19734 | .display-inline-block { | 19746 | .display-inline-block { |
| 19735 | display: inline-block; | 19747 | display: inline-block; |
| 19736 | } | 19748 | } |
| 19737 | .cursor-pointer { | 19749 | .cursor-pointer { |
| 19738 | cursor: pointer; | 19750 | cursor: pointer; |
| 19739 | } | 19751 | } |
| 19740 | .cursor-move { | 19752 | .cursor-move { |
| 19741 | cursor: move; | 19753 | cursor: move; |
| 19742 | } | 19754 | } |
| 19743 | .cursor-default { | 19755 | .cursor-default { |
| 19744 | cursor: default; | 19756 | cursor: default; |
| 19745 | } | 19757 | } |
| 19746 | .overflow-hidden { | 19758 | .overflow-hidden { |
| 19747 | overflow: hidden; | 19759 | overflow: hidden; |
| 19748 | } | 19760 | } |
| 19749 | .overflow-visible { | 19761 | .overflow-visible { |
| 19750 | overflow: visible; | 19762 | overflow: visible; |
| 19751 | } | 19763 | } |
| 19752 | .overflow-auto { | 19764 | .overflow-auto { |
| 19753 | overflow: auto; | 19765 | overflow: auto; |
| 19754 | } | 19766 | } |
| 19755 | .content-group-xs { | 19767 | .content-group-xs { |
| 19756 | margin-bottom: 10px !important; | 19768 | margin-bottom: 10px !important; |
| 19757 | } | 19769 | } |
| 19758 | .content-group-sm { | 19770 | .content-group-sm { |
| 19759 | margin-bottom: 15px !important; | 19771 | margin-bottom: 15px !important; |
| 19760 | } | 19772 | } |
| 19761 | .content-group { | 19773 | .content-group { |
| 19762 | margin-bottom: 20px !important; | 19774 | margin-bottom: 20px !important; |
| 19763 | } | 19775 | } |
| 19764 | .content-group-lg { | 19776 | .content-group-lg { |
| 19765 | margin-bottom: 30px !important; | 19777 | margin-bottom: 30px !important; |
| 19766 | } | 19778 | } |
| 19767 | .no-margin { | 19779 | .no-margin { |
| 19768 | margin: 0!important; | 19780 | margin: 0!important; |
| 19769 | } | 19781 | } |
| 19770 | .no-margin-top { | 19782 | .no-margin-top { |
| 19771 | margin-top: 0!important; | 19783 | margin-top: 0!important; |
| 19772 | } | 19784 | } |
| 19773 | .no-margin-bottom { | 19785 | .no-margin-bottom { |
| 19774 | margin-bottom: 0!important; | 19786 | margin-bottom: 0!important; |
| 19775 | } | 19787 | } |
| 19776 | .no-margin-left { | 19788 | .no-margin-left { |
| 19777 | margin-left: 0!important; | 19789 | margin-left: 0!important; |
| 19778 | } | 19790 | } |
| 19779 | .no-margin-right { | 19791 | .no-margin-right { |
| 19780 | margin-right: 0!important; | 19792 | margin-right: 0!important; |
| 19781 | } | 19793 | } |
| 19782 | .m-5 { | 19794 | .m-5 { |
| 19783 | margin: 5px!important; | 19795 | margin: 5px!important; |
| 19784 | } | 19796 | } |
| 19785 | .m-10 { | 19797 | .m-10 { |
| 19786 | margin: 10px!important; | 19798 | margin: 10px!important; |
| 19787 | } | 19799 | } |
| 19788 | .m-15 { | 19800 | .m-15 { |
| 19789 | margin: 15px!important; | 19801 | margin: 15px!important; |
| 19790 | } | 19802 | } |
| 19791 | .m-20 { | 19803 | .m-20 { |
| 19792 | margin: 20px!important; | 19804 | margin: 20px!important; |
| 19793 | } | 19805 | } |
| 19794 | .mt-5 { | 19806 | .mt-5 { |
| 19795 | margin-top: 5px!important; | 19807 | margin-top: 5px!important; |
| 19796 | } | 19808 | } |
| 19797 | .mt-10 { | 19809 | .mt-10 { |
| 19798 | margin-top: 10px!important; | 19810 | margin-top: 10px!important; |
| 19799 | } | 19811 | } |
| 19800 | .mt-15 { | 19812 | .mt-15 { |
| 19801 | margin-top: 15px!important; | 19813 | margin-top: 15px!important; |
| 19802 | } | 19814 | } |
| 19803 | .mt-20 { | 19815 | .mt-20 { |
| 19804 | margin-top: 20px!important; | 19816 | margin-top: 20px!important; |
| 19805 | } | 19817 | } |
| 19806 | .mb-5 { | 19818 | .mb-5 { |
| 19807 | margin-bottom: 5px!important; | 19819 | margin-bottom: 5px!important; |
| 19808 | } | 19820 | } |
| 19809 | .mb-10 { | 19821 | .mb-10 { |
| 19810 | margin-bottom: 10px!important; | 19822 | margin-bottom: 10px!important; |
| 19811 | } | 19823 | } |
| 19812 | .mb-15 { | 19824 | .mb-15 { |
| 19813 | margin-bottom: 15px!important; | 19825 | margin-bottom: 15px!important; |
| 19814 | } | 19826 | } |
| 19815 | .mb-20 { | 19827 | .mb-20 { |
| 19816 | margin-bottom: 20px!important; | 19828 | margin-bottom: 20px!important; |
| 19817 | } | 19829 | } |
| 19818 | .ml-5 { | 19830 | .ml-5 { |
| 19819 | margin-left: 5px!important; | 19831 | margin-left: 5px!important; |
| 19820 | } | 19832 | } |
| 19821 | .ml-10 { | 19833 | .ml-10 { |
| 19822 | margin-left: 10px!important; | 19834 | margin-left: 10px!important; |
| 19823 | } | 19835 | } |
| 19824 | .ml-15 { | 19836 | .ml-15 { |
| 19825 | margin-left: 15px!important; | 19837 | margin-left: 15px!important; |
| 19826 | } | 19838 | } |
| 19827 | .ml-20 { | 19839 | .ml-20 { |
| 19828 | margin-left: 20px!important; | 19840 | margin-left: 20px!important; |
| 19829 | } | 19841 | } |
| 19830 | .mr-5 { | 19842 | .mr-5 { |
| 19831 | margin-right: 5px!important; | 19843 | margin-right: 5px!important; |
| 19832 | } | 19844 | } |
| 19833 | .mr-10 { | 19845 | .mr-10 { |
| 19834 | margin-right: 10px!important; | 19846 | margin-right: 10px!important; |
| 19835 | } | 19847 | } |
| 19836 | .mr-15 { | 19848 | .mr-15 { |
| 19837 | margin-right: 15px!important; | 19849 | margin-right: 15px!important; |
| 19838 | } | 19850 | } |
| 19839 | .mr-20 { | 19851 | .mr-20 { |
| 19840 | margin-right: 20px!important; | 19852 | margin-right: 20px!important; |
| 19841 | } | 19853 | } |
| 19842 | .no-padding { | 19854 | .no-padding { |
| 19843 | padding: 0!important; | 19855 | padding: 0!important; |
| 19844 | } | 19856 | } |
| 19845 | .no-padding-top { | 19857 | .no-padding-top { |
| 19846 | padding-top: 0!important; | 19858 | padding-top: 0!important; |
| 19847 | } | 19859 | } |
| 19848 | .no-padding-bottom { | 19860 | .no-padding-bottom { |
| 19849 | padding-bottom: 0!important; | 19861 | padding-bottom: 0!important; |
| 19850 | } | 19862 | } |
| 19851 | .no-padding-left { | 19863 | .no-padding-left { |
| 19852 | padding-left: 0!important; | 19864 | padding-left: 0!important; |
| 19853 | } | 19865 | } |
| 19854 | .no-padding-right { | 19866 | .no-padding-right { |
| 19855 | padding-right: 0!important; | 19867 | padding-right: 0!important; |
| 19856 | } | 19868 | } |
| 19857 | .p-5 { | 19869 | .p-5 { |
| 19858 | padding: 5px!important; | 19870 | padding: 5px!important; |
| 19859 | } | 19871 | } |
| 19860 | .p-10 { | 19872 | .p-10 { |
| 19861 | padding: 10px!important; | 19873 | padding: 10px!important; |
| 19862 | } | 19874 | } |
| 19863 | .p-15 { | 19875 | .p-15 { |
| 19864 | padding: 15px!important; | 19876 | padding: 15px!important; |
| 19865 | } | 19877 | } |
| 19866 | .p-20 { | 19878 | .p-20 { |
| 19867 | padding: 20px!important; | 19879 | padding: 20px!important; |
| 19868 | } | 19880 | } |
| 19869 | .pt-5 { | 19881 | .pt-5 { |
| 19870 | padding-top: 5px!important; | 19882 | padding-top: 5px!important; |
| 19871 | } | 19883 | } |
| 19872 | .pt-10 { | 19884 | .pt-10 { |
| 19873 | padding-top: 10px!important; | 19885 | padding-top: 10px!important; |
| 19874 | } | 19886 | } |
| 19875 | .pt-15 { | 19887 | .pt-15 { |
| 19876 | padding-top: 15px!important; | 19888 | padding-top: 15px!important; |
| 19877 | } | 19889 | } |
| 19878 | .pt-20 { | 19890 | .pt-20 { |
| 19879 | padding-top: 20px!important; | 19891 | padding-top: 20px!important; |
| 19880 | } | 19892 | } |
| 19881 | .pb-5 { | 19893 | .pb-5 { |
| 19882 | padding-bottom: 5px!important; | 19894 | padding-bottom: 5px!important; |
| 19883 | } | 19895 | } |
| 19884 | .pb-10 { | 19896 | .pb-10 { |
| 19885 | padding-bottom: 10px!important; | 19897 | padding-bottom: 10px!important; |
| 19886 | } | 19898 | } |
| 19887 | .pb-15 { | 19899 | .pb-15 { |
| 19888 | padding-bottom: 15px!important; | 19900 | padding-bottom: 15px!important; |
| 19889 | } | 19901 | } |
| 19890 | .pb-20 { | 19902 | .pb-20 { |
| 19891 | padding-bottom: 20px!important; | 19903 | padding-bottom: 20px!important; |
| 19892 | } | 19904 | } |
| 19893 | .pl-5 { | 19905 | .pl-5 { |
| 19894 | padding-left: 5px!important; | 19906 | padding-left: 5px!important; |
| 19895 | } | 19907 | } |
| 19896 | .pl-10 { | 19908 | .pl-10 { |
| 19897 | padding-left: 10px!important; | 19909 | padding-left: 10px!important; |
| 19898 | } | 19910 | } |
| 19899 | .pl-15 { | 19911 | .pl-15 { |
| 19900 | padding-left: 15px!important; | 19912 | padding-left: 15px!important; |
| 19901 | } | 19913 | } |
| 19902 | .pl-20 { | 19914 | .pl-20 { |
| 19903 | padding-left: 20px!important; | 19915 | padding-left: 20px!important; |
| 19904 | } | 19916 | } |
| 19905 | .pr-5 { | 19917 | .pr-5 { |
| 19906 | padding-right: 5px!important; | 19918 | padding-right: 5px!important; |
| 19907 | } | 19919 | } |
| 19908 | .pr-10 { | 19920 | .pr-10 { |
| 19909 | padding-right: 10px!important; | 19921 | padding-right: 10px!important; |
| 19910 | } | 19922 | } |
| 19911 | .pr-15 { | 19923 | .pr-15 { |
| 19912 | padding-right: 15px!important; | 19924 | padding-right: 15px!important; |
| 19913 | } | 19925 | } |
| 19914 | .pr-20 { | 19926 | .pr-20 { |
| 19915 | padding-right: 20px!important; | 19927 | padding-right: 20px!important; |
| 19916 | } | 19928 | } |
| 19917 | .no-border { | 19929 | .no-border { |
| 19918 | border: 0!important; | 19930 | border: 0!important; |
| 19919 | } | 19931 | } |
| 19920 | .no-border-top { | 19932 | .no-border-top { |
| 19921 | border-top: 0!important; | 19933 | border-top: 0!important; |
| 19922 | } | 19934 | } |
| 19923 | .no-border-bottom { | 19935 | .no-border-bottom { |
| 19924 | border-bottom: 0!important; | 19936 | border-bottom: 0!important; |
| 19925 | } | 19937 | } |
| 19926 | .no-border-left { | 19938 | .no-border-left { |
| 19927 | border-left: 0!important; | 19939 | border-left: 0!important; |
| 19928 | } | 19940 | } |
| 19929 | .no-border-right { | 19941 | .no-border-right { |
| 19930 | border-right: 0!important; | 19942 | border-right: 0!important; |
| 19931 | } | 19943 | } |
| 19932 | .no-border-radius { | 19944 | .no-border-radius { |
| 19933 | border-radius: 0; | 19945 | border-radius: 0; |
| 19934 | } | 19946 | } |
| 19935 | .no-border-radius-top { | 19947 | .no-border-radius-top { |
| 19936 | border-top-right-radius: 0; | 19948 | border-top-right-radius: 0; |
| 19937 | border-top-left-radius: 0; | 19949 | border-top-left-radius: 0; |
| 19938 | } | 19950 | } |
| 19939 | .no-border-radius-bottom { | 19951 | .no-border-radius-bottom { |
| 19940 | border-bottom-right-radius: 0; | 19952 | border-bottom-right-radius: 0; |
| 19941 | border-bottom-left-radius: 0; | 19953 | border-bottom-left-radius: 0; |
| 19942 | } | 19954 | } |
| 19943 | .no-border-radius-left { | 19955 | .no-border-radius-left { |
| 19944 | border-bottom-left-radius: 0; | 19956 | border-bottom-left-radius: 0; |
| 19945 | border-top-left-radius: 0; | 19957 | border-top-left-radius: 0; |
| 19946 | } | 19958 | } |
| 19947 | .no-border-radius-right { | 19959 | .no-border-radius-right { |
| 19948 | border-bottom-right-radius: 0; | 19960 | border-bottom-right-radius: 0; |
| 19949 | border-top-right-radius: 0; | 19961 | border-top-right-radius: 0; |
| 19950 | } | 19962 | } |
| 19951 | .border-top { | 19963 | .border-top { |
| 19952 | border-top: 1px solid; | 19964 | border-top: 1px solid; |
| 19953 | } | 19965 | } |
| 19954 | .border-bottom { | 19966 | .border-bottom { |
| 19955 | border-bottom: 1px solid; | 19967 | border-bottom: 1px solid; |
| 19956 | } | 19968 | } |
| 19957 | .border-left { | 19969 | .border-left { |
| 19958 | border-left: 1px solid; | 19970 | border-left: 1px solid; |
| 19959 | } | 19971 | } |
| 19960 | .border-right { | 19972 | .border-right { |
| 19961 | border-right: 1px solid; | 19973 | border-right: 1px solid; |
| 19962 | } | 19974 | } |
| 19963 | .border-lg { | 19975 | .border-lg { |
| 19964 | border-width: 2px; | 19976 | border-width: 2px; |
| 19965 | } | 19977 | } |
| 19966 | .border-top-lg { | 19978 | .border-top-lg { |
| 19967 | border-top: 2px solid; | 19979 | border-top: 2px solid; |
| 19968 | } | 19980 | } |
| 19969 | .border-bottom-lg { | 19981 | .border-bottom-lg { |
| 19970 | border-bottom: 2px solid; | 19982 | border-bottom: 2px solid; |
| 19971 | } | 19983 | } |
| 19972 | .border-left-lg { | 19984 | .border-left-lg { |
| 19973 | border-left: 2px solid; | 19985 | border-left: 2px solid; |
| 19974 | } | 19986 | } |
| 19975 | .border-right-lg { | 19987 | .border-right-lg { |
| 19976 | border-right: 2px solid; | 19988 | border-right: 2px solid; |
| 19977 | } | 19989 | } |
| 19978 | .border-xlg { | 19990 | .border-xlg { |
| 19979 | border-width: 3px; | 19991 | border-width: 3px; |