forked from Public/pics
Replace generic alert, form and table templates with new Bootstrap equivalents
This commit is contained in:
@@ -11,13 +11,6 @@
|
||||
margin: 0 0 0.2em;
|
||||
}
|
||||
|
||||
.floatleft {
|
||||
float: left;
|
||||
}
|
||||
.floatright {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Admin bar styles
|
||||
---------------------*/
|
||||
body {
|
||||
@@ -81,22 +74,6 @@ body {
|
||||
}
|
||||
|
||||
|
||||
/* Edit user screen
|
||||
---------------------*/
|
||||
.edituser dt {
|
||||
clear: left;
|
||||
float: left;
|
||||
width: 150px;
|
||||
}
|
||||
.edituser dd {
|
||||
float: left;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.edituser form div:last-child {
|
||||
padding: 1em 0 0;
|
||||
}
|
||||
|
||||
|
||||
/* Admin widgets
|
||||
------------------*/
|
||||
.widget {
|
||||
@@ -195,119 +172,3 @@ body {
|
||||
top: 400px;
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
|
||||
/* The pagination styles below are based on Bootstrap 2.3.2
|
||||
-------------------------------------------------------------*/
|
||||
|
||||
.table_pagination, .table_form {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.table_pagination ul {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.table_pagination ul > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.table_pagination ul > li > a,
|
||||
.table_pagination ul > li > span {
|
||||
float: left;
|
||||
padding: 4px 12px;
|
||||
line-height: 20px;
|
||||
text-decoration: none;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
.table_pagination ul > li > a:hover,
|
||||
.table_pagination ul > li > a:focus,
|
||||
.table_pagination ul > .active > a,
|
||||
.table_pagination ul > .active > span {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.table_pagination ul > .active > a,
|
||||
.table_pagination ul > .active > span {
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.table_pagination ul > .disabled > span,
|
||||
.table_pagination ul > .disabled > a,
|
||||
.table_pagination ul > .disabled > a:hover,
|
||||
.table_pagination ul > .disabled > a:focus {
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.table_pagination ul > li:first-child > a,
|
||||
.table_pagination ul > li:first-child > span {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
|
||||
/* The table styles below were taken from Bootstrap 2.3.2
|
||||
-----------------------------------------------------------*/
|
||||
table {
|
||||
max-width: 100%;
|
||||
background-color: transparent;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.table th,
|
||||
.table td {
|
||||
border-top: 1px solid #dddddd;
|
||||
line-height: 20px;
|
||||
padding: 8px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.table th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.table thead th {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.table caption + thead tr:first-child th,
|
||||
.table caption + thead tr:first-child td,
|
||||
.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;
|
||||
}
|
||||
|
||||
.table tbody + tbody {
|
||||
border-top: 2px solid #dddddd;
|
||||
}
|
||||
|
||||
.table .table {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.table-striped tbody > tr:nth-child(odd) > td,
|
||||
.table-striped tbody > tr:nth-child(odd) > th {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.table-hover tbody tr:hover > td,
|
||||
.table-hover tbody tr:hover > th {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
}
|
||||
|
||||
body {
|
||||
font: 13px/1.7 "Open Sans", sans-serif;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
padding: 0 0 3em;
|
||||
margin: 0;
|
||||
background: #aaa 0 -50% fixed;
|
||||
@@ -94,51 +94,6 @@ ul#nav li a:hover {
|
||||
}
|
||||
|
||||
|
||||
/* Pagination
|
||||
---------------*/
|
||||
.pagination {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
.pagination ul {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.pagination ul > li {
|
||||
display: inline;
|
||||
}
|
||||
.pagination ul > li > a, .pagination ul > li > span {
|
||||
float: left;
|
||||
font: 300 18px/2.2 "Open Sans", sans-serif;
|
||||
padding: 6px 22px;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.pagination ul > li > a:hover, .pagination ul > li > a:focus,
|
||||
.pagination ul > .active > a, .pagination ul > .active > span {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.pagination ul > .active > a, .pagination ul > .active > span {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.pagination ul > .disabled > span, .pagination ul > .disabled > a,
|
||||
.pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
|
||||
color: #999;
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.pagination .page-padding {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* Tiled grid
|
||||
---------------*/
|
||||
.tiled_header {
|
||||
@@ -372,51 +327,6 @@ footer a {
|
||||
|
||||
/* Input
|
||||
----------*/
|
||||
|
||||
input, select, .btn {
|
||||
background: #fff;
|
||||
border: 1px solid #dbdbdb;
|
||||
border-radius: 4px;
|
||||
color: #000;
|
||||
font: 13px/1.7 "Open Sans", "Helvetica", sans-serif;
|
||||
padding: 3px;
|
||||
}
|
||||
textarea {
|
||||
border: 1px solid #dbdbdb;
|
||||
border-radius: 4px;
|
||||
font: 14px/1.4 'Inconsolata', 'DejaVu Sans Mono', monospace;
|
||||
padding: 0.75%;
|
||||
}
|
||||
|
||||
input[type=submit], button, .btn {
|
||||
background-color: #eee;
|
||||
border-color: #dbdbdb;
|
||||
border-width: 1px;
|
||||
border-radius: 4px;
|
||||
color: #363636;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
justify-content: center;
|
||||
padding-bottom: calc(0.4em - 1px);
|
||||
padding-left: 0.8em;
|
||||
padding-right: 0.8em;
|
||||
padding-top: calc(0.4em - 1px);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
input:hover, select:hover, button:hover, .btn:hover {
|
||||
border-color: #b5b5b5;
|
||||
}
|
||||
input:focus, select:focus, button:focus, .btn:focus {
|
||||
border-color: #3273dc;
|
||||
}
|
||||
input:focus:not(:active), select:focus:not(:active), button:focus:not(:active), .btn:focus:not(:active) {
|
||||
box-shadow: 0px 0px 0px 2px rgba(50, 115, 220, 0.25);
|
||||
}
|
||||
input:active, select:active, button:active, .btn:active {
|
||||
border-color: #4a4a4a;
|
||||
}
|
||||
|
||||
.btn-red {
|
||||
background: #eebbaa;
|
||||
border-color: #cc9988;
|
||||
@@ -474,70 +384,6 @@ input:active, select:active, button:active, .btn:active {
|
||||
}
|
||||
|
||||
|
||||
/* Alert boxes -- styling borrowed from Bootstrap 2
|
||||
-----------------------------------------------------*/
|
||||
.alert {
|
||||
padding: 8px 35px 8px 14px;
|
||||
margin-bottom: 20px;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
background-color: #fcf8e3;
|
||||
border: 1px solid #fbeed5;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.alert,
|
||||
.alert h4 {
|
||||
color: #c09853;
|
||||
}
|
||||
.alert h4 {
|
||||
margin: 0;
|
||||
}
|
||||
.alert .close {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
right: -21px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.alert-success {
|
||||
background-color: #dff0d8;
|
||||
border-color: #d6e9c6;
|
||||
color: #468847;
|
||||
}
|
||||
.alert-success h4 {
|
||||
color: #468847;
|
||||
}
|
||||
.alert-danger,
|
||||
.alert-error {
|
||||
background-color: #f2dede;
|
||||
border-color: #eed3d7;
|
||||
color: #b94a48;
|
||||
}
|
||||
.alert-danger h4,
|
||||
.alert-error h4 {
|
||||
color: #b94a48;
|
||||
}
|
||||
.alert-info {
|
||||
background-color: #d9edf7;
|
||||
border-color: #bce8f1;
|
||||
color: #3a87ad;
|
||||
}
|
||||
.alert-info h4 {
|
||||
color: #3a87ad;
|
||||
}
|
||||
.alert-block {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.alert-block > p,
|
||||
.alert-block > ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.alert-block p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Styling for the photo pages
|
||||
--------------------------------*/
|
||||
#photo_frame {
|
||||
|
||||
Reference in New Issue
Block a user