diff --git a/admin/themes/default/css/default.css b/admin/themes/default/css/default.css index ae40ff3..6ca2786 100644 --- a/admin/themes/default/css/default.css +++ b/admin/themes/default/css/default.css @@ -1,13 +1,14 @@ /************************************ -Monstra -styles.css + Monstra + styles.css ************************************* CONTENTS - 1. GENERAL - 2. MEDIA QUERIES + 1. GENERAL + 2. COMPONENTS + 3. MEDIA QUERIES ************************************* -1. GENERAL + 1. GENERAL *************************************/ @font-face { @@ -23,10 +24,89 @@ body { background: #FAFAFA; } +h1,h2,h3,h4,h5 { + color: #222; +} + +.error-none { + display: none; +} + +.error-field { + border:1px solid red!important; +} + +a.btn-expand { + color: #333; + font-weight: bold; + font-size:14px; + text-decoration: none; + padding-left:4px; + padding-right:4px; +} + +footer { + margin-top: 40px; +} + +footer, +footer a { + color:#333; + font-size:10px; +} + +/************************************* + 2. COMPONENTS +*************************************/ + +/* Well */ +.well { + border: none; + border-radius: 0px; + background: #fff; + color: #555; + -webkit-font-smoothing: subpixel-antialiased; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); + box-shadow: 0 1px 3px rgba(0,0,0,.13); + +} + +.dashboard-well { + padding-top: 6px; + padding-bottom: 6px; +} + +.dashboard-well a.welcome-back { + text-decoration: none; + color: #333; + font-size: 16px; + padding-left: 0; +} + +/* Dropdown Menu */ +.dropdown-menu .divider { + background-color: #555454; +} + +.dropdown-menu { + border: 1px solid #333; + background: #333; + box-shadow: none; +} + +.dropdown-menu > li > a { + color: #eee; +} + +/* Navbar */ .navbar-inverse { background: #222; } +.navbar-default { + border-radius: 0px; +} + ul.navbar-nav { min-height: 60px; } @@ -46,11 +126,14 @@ ul.navbar-nav { } .navbar-inverse .navbar-nav > .open > a, -.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { background: #333; } -.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { background: #333; } @@ -60,8 +143,8 @@ a.navbar-brand { } .navbar-nav .dropdown-menu { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } .navbar-nav .dropdown-menu > li > a { @@ -75,10 +158,6 @@ a.navbar-brand { padding-right: 20px; } -.dropdown-menu .divider { - background-color: #555454; -} - .nav > li > a > img { width: 28px; height: 28px; @@ -86,37 +165,7 @@ a.navbar-brand { margin: 0 0 0 4px; } -h1,h2,h3,h4,h5 { - color: #222; -} - -td, th { - display: table-cell; - vertical-align: inherit!important; -} - -.navbar-default { - border-radius: 0px; -} - -.nav-tabs > li > a { - border-radius: 0px; -} - -.dropdown-menu { - border: 1px solid #333; - background: #333; - box-shadow: none; -} - -.dropdown-menu > li > a { - color: #eee; -} - -.tab-page { - background: #fff; -} - +/* Flat Elements */ .form-control, .btn, .dropdown-menu, @@ -133,16 +182,26 @@ code { text-shadow: none; } +/* Datapicker */ .datapicker { width: 200px; } +/* Breadcrumb */ .breadcrumb { background: #fff; border-radius: 0px; } /* Tabs */ +.nav-tabs > li > a { + border-radius: 0px; +} + +.tab-page { + background: #fff; +} + .tab-pane > table { margin-top:-20px; } @@ -162,46 +221,7 @@ code { padding: 20px 10px 10px; } -.small-grey-text { - color:#333; - font-size: 10px; -} - -.small-grey-text:hover { - color:#000; -} - -.small-white-text { - color:#fff; - font-size: 10px; -} - -.small-white-text:hover { - color:#fdfdfd; -} - -.error-none {display:none;} -.error-field {border:1px solid red!important;} -.container-fluid {padding-left:0px;} -img {max-width:none;} - -a.btn-expand{ - color: #333; - font-weight:bold; - font-size:14px; - text-decoration: none; - padding-left:4px; - padding-right:4px; -} - -footer a , footer{ - color:#333; - font-size:10px; -} - - /* Inputs */ - input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, @@ -209,77 +229,77 @@ input[type=phone]:focus, input[type=password]:focus, select:focus, textarea:focus { - border-color: #999; - box-shadow: none; + border-color: #999; + box-shadow: none; + outline: none!important; } /* Tables */ - table { - max-width: 100%; - border-collapse: collapse; - border-spacing: 0; - background-color: transparent; + max-width: 100%; + border-collapse: collapse; + border-spacing: 0; + background-color: transparent; } .table { - width: 100%; - margin-bottom: 18px; + width: 100%; + margin-bottom: 18px; } .table th, .table td { - padding: 8px; - line-height: 18px; - text-align: left; - border-top: 1px solid #dddddd; - background: #fff; + padding: 8px; + line-height: 18px; + text-align: left; + border-top: 1px solid #dddddd; + background: #fff; } .table th { - font-weight: bold; + font-weight: bold; } .table thead th { - vertical-align: bottom; + vertical-align: bottom; } .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { - border-top: 0; + border-top: 0; } .table tbody + tbody { - border-top: 2px solid #dddddd; + border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { - padding: 4px 5px; + padding: 4px 5px; } .table-bordered { - border: 1px solid #dddddd; - border-left: 0; - border-collapse: separate; - *border-collapse: collapsed; + border: 1px solid #dddddd; + border-left: 0; + border-collapse: separate; + *border-collapse: collapsed; } .table-bordered th:first-child, .table-bordered td:first-child { - border-left: 1px solid #dddddd; + border-left: 1px solid #dddddd; } .table-bordered td:first-child { - padding-left:15px; + padding-left:15px; } .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { - border-top: 0; + border-top: 0; } .table-bordered thead tr th { - font-weight:bold; - background-color: #fff; + font-weight:bold; + background-color: #fff; } - -.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child { +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child { border-top-left-radius: 0px; } @@ -290,20 +310,22 @@ table { .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { - background-color: #f9f9f9; -} -.table tbody tr:hover td, -.table tbody tr:hover th { - background-color: #f5f5f5; + background-color: #f9f9f9; } -.table-bordered th, .table-bordered td { +.table tbody tr:hover td, +.table tbody tr:hover th { + background-color: #f5f5f5; +} + +.table-bordered th, +.table-bordered td { border-left: none; height: 50px; } .table-bordered > thead > tr { - height: 45px; + height: 45px; } td, th { @@ -311,27 +333,19 @@ td, th { vertical-align: inherit!important; } -.table-bordered >thead>tr>th, -.table-bordered >tbody>tr>th, -.table-bordered >tfoot>tr>th, -.table-bordered >thead>tr>td, -.table-bordered >tbody>tr>td, -.table-bordered >tfoot>tr>td -{ - border: 0; - border-bottom: 1px solid #ccc; -} - -.markItUpHeader ul li { - padding: 5px; -} - -.markItUpHeader ul .markItUpSeparator { - display: none; +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 0; + border-bottom: 1px solid #ccc; } +/* Editor */ #editor_area { - height:400px!important; + height: 400px!important; border: 1px solid #ccc; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -340,6 +354,18 @@ td, th { padding: 6px 9px; } +.markItUpHeader ul li { + padding: 5px; +} + +.markItUpHeader ul .markItUpSeparator { + display: none; +} + +/************************************* + 3. MEDIA QUERIES +*************************************/ + /* iPhone 4 */ @media (max-width: 320px) { .markItUpButton11, @@ -355,36 +381,4 @@ td, th { .markItUpSeparator{ display: none; } - - #showImage { - min-width: 298px!important; - } } - -footer { - margin-top: 40px; -} - -.well { - border: none; - border-radius: 0px; - background: #fff; - color: #555; - -webkit-font-smoothing: subpixel-antialiased; - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); - box-shadow: 0 1px 3px rgba(0,0,0,.13); - -} - - -.dashboard-well { - padding-top: 6px; - padding-bottom: 6px; -} - -.dashboard-well a.welcome-back { - text-decoration: none; - color: #333; - font-size: 16px; - padding-left: 0; -} \ No newline at end of file