mirror of https://github.com/sismics/docs.git
589 lines
8.8 KiB
Plaintext
589 lines
8.8 KiB
Plaintext
// Logo
|
|
.navbar-logo {
|
|
margin: 3px;
|
|
|
|
img {
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 50%;
|
|
}
|
|
}
|
|
|
|
// Navbar color
|
|
.navbar {
|
|
background-color: #24292e;
|
|
}
|
|
|
|
// Selected table line
|
|
.table tr {
|
|
&.active {
|
|
td {
|
|
background-color: #e8e8e8 !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Tags list
|
|
.table-tags {
|
|
td {
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
.label {
|
|
font-size: 100%;
|
|
}
|
|
}
|
|
|
|
// Documents list
|
|
.table-documents {
|
|
margin-top: 18px !important;
|
|
|
|
thead th {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
background-color: #f6f9fc;
|
|
border: none !important;
|
|
font-size: 90%;
|
|
}
|
|
|
|
tbody tr {
|
|
cursor: pointer;
|
|
|
|
td {
|
|
.label {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Footer
|
|
.footer {
|
|
border-top: 1px #e1e4e8 solid;
|
|
padding: 20px;
|
|
|
|
img {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
top: -10px;
|
|
transform: translateY(-100%);
|
|
}
|
|
}
|
|
|
|
// $http loader
|
|
.loader {
|
|
position: relative;
|
|
top: -2px;
|
|
|
|
&.loader-hide {
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
|
|
// Users list
|
|
.table-users {
|
|
tbody tr {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
// Logs list
|
|
.table-logs {
|
|
tbody tr td {
|
|
&:first-child {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.cell-message {
|
|
word-wrap: break-word;
|
|
}
|
|
}
|
|
}
|
|
|
|
// File view
|
|
.modal-fileview {
|
|
top: 2%;
|
|
max-height: 96%;
|
|
overflow-y: scroll;
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
// File thumbnails
|
|
.thumbnail {
|
|
a {
|
|
height: 200px;
|
|
display: block;
|
|
overflow: hidden;
|
|
background: #eee;
|
|
}
|
|
|
|
.caption {
|
|
height: 60px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
width: 26px;
|
|
height: 26px;
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
cursor: pointer;
|
|
margin-top: 100px;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
.caption-hover {
|
|
display: none;
|
|
}
|
|
|
|
.caption-hover-inverse {
|
|
display: block;
|
|
}
|
|
|
|
&:hover {
|
|
.caption-hover {
|
|
display: block;
|
|
}
|
|
|
|
.caption-hover-inverse {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// File name
|
|
.file-name {
|
|
word-wrap: break-word;
|
|
white-space: normal;
|
|
display: block;
|
|
}
|
|
|
|
// Permissions table
|
|
.table-permissions {
|
|
.label-acl {
|
|
margin-right: 6px;
|
|
}
|
|
}
|
|
|
|
// Fields bound to datepicker
|
|
input[readonly][datepicker-popup] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
// Share link
|
|
input[readonly].share-link {
|
|
cursor: pointer;
|
|
}
|
|
|
|
// Inline edition
|
|
.inline-edit {
|
|
cursor: pointer;
|
|
display: block;
|
|
|
|
span {
|
|
display: block;
|
|
}
|
|
|
|
input {
|
|
display: none;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&.active {
|
|
span {
|
|
display: none;
|
|
}
|
|
|
|
input {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Pagination
|
|
.pagination > .active > a {
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
// Pagination box
|
|
.pagination-box {
|
|
select {
|
|
vertical-align: top;
|
|
width: auto;
|
|
display: inline-block;
|
|
margin: 20px 0;
|
|
}
|
|
}
|
|
|
|
.nav-text-error {
|
|
color: #b94a48 !important;
|
|
}
|
|
|
|
// Comments
|
|
.page-header-side {
|
|
margin: 14px 0 20px;
|
|
}
|
|
|
|
// Dirty Bootstrap 3 fix, see https://github.com/twbs/bootstrap/issues/6686
|
|
.row { margin: 0; padding: 0 }
|
|
.navbar-nav.navbar-right:last-child {
|
|
margin-right: auto;
|
|
}
|
|
|
|
// Drag & drop related
|
|
.upload-zone {
|
|
min-height: 150px;
|
|
background: none;
|
|
border: 2px dashed #eee;
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.bg-success {
|
|
background-color: #dff0d8;
|
|
}
|
|
|
|
.thumbnail-checked {
|
|
box-shadow: inset 0 1px 2px rgba(27,31,35,0.075), 0 0 0 0.2em rgba(3,102,214,0.3);
|
|
transition: box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
.pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tab-pane {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
// Tag tree
|
|
.tag-tree-dropdown {
|
|
padding-left: 0;
|
|
|
|
.tag-tree {
|
|
li {
|
|
margin-left: 20px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Advanced search
|
|
.btn-open-search > * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.btn-open-search .glyphicon {
|
|
top: 0;
|
|
}
|
|
|
|
.search-dropdown-anchor {
|
|
position: relative;
|
|
}
|
|
|
|
.search-dropdown-menu {
|
|
left: 0 !important;
|
|
top: 34px !important;
|
|
padding-top: 15px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
// Workflow model edition
|
|
.route-step-row {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.text-center {
|
|
font-size: 200%;
|
|
}
|
|
}
|
|
|
|
// Settings
|
|
.settings-menu {
|
|
.panel-default {
|
|
border: 1px solid #eee;
|
|
box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
|
|
border-radius: 4px;
|
|
|
|
& > .panel-heading {
|
|
border-bottom: none;
|
|
background: #f9f9f9;
|
|
|
|
strong {
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
.list-group-item {
|
|
border: none;
|
|
}
|
|
|
|
.list-group-item.active {
|
|
background: none;
|
|
color: #337ab7;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
}
|
|
|
|
.settings-content {
|
|
.well {
|
|
box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
|
|
background: none;
|
|
padding: 0;
|
|
border-radius: 4px;
|
|
|
|
.table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
th {
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
background-color: #f6f9fc;
|
|
border-bottom: 1px solid #ddd;
|
|
font-size: 90%;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Feedback
|
|
.feedback {
|
|
display: block;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 200px;
|
|
transform: rotate(-90deg) translateY(-100%);
|
|
background: #ccc;
|
|
padding: 8px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
transform-origin: 100% 0;
|
|
|
|
&:hover {
|
|
background: #aaa;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
|
|
&:active {
|
|
background: #444;
|
|
}
|
|
|
|
&:active, &:focus {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
// Video player
|
|
.video-overlay {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
font-size: 500%;
|
|
color: #242424;
|
|
|
|
.glyphicon {
|
|
text-shadow: 0 0 20px #fff;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
&:hover {
|
|
color: #444;
|
|
}
|
|
|
|
video {
|
|
cursor: default;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
// Vertical alignment
|
|
.vertical-center {
|
|
min-height: 100vh;
|
|
height: 100vh; /* IE fix */
|
|
|
|
/* Make it a flex container */
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
|
|
/* Align the bootstrap's container vertically */
|
|
-webkit-box-align : center;
|
|
-webkit-align-items : center;
|
|
-moz-box-align : center;
|
|
-ms-flex-align : center;
|
|
align-items : center;
|
|
}
|
|
|
|
// Login
|
|
.login-img-container {
|
|
background: url('../../api/theme/image/background') no-repeat center;
|
|
background-size: cover;
|
|
height: 100%;
|
|
box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.13);
|
|
}
|
|
|
|
.login-box {
|
|
.btn-password-lost {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
form .row .col-md-6 {
|
|
padding: 0;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: #2aabd2;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.img-responsive {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
|
|
/* Styling for the ngProgress itself */
|
|
#ngProgress {
|
|
margin: 0;
|
|
padding: 0;
|
|
z-index: 99998;
|
|
background-color: green;
|
|
color: green;
|
|
box-shadow: 0 0 10px 0; /* Inherits the font color */
|
|
height: 2px;
|
|
opacity: 0;
|
|
|
|
/* Add CSS3 styles for transition smoothing */
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
|
|
/* Styling for the ngProgress-container */
|
|
#ngProgress-container {
|
|
position: fixed;
|
|
margin: 0;
|
|
padding: 0;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 99999;
|
|
}
|
|
|
|
// Translate
|
|
.translate-cloak {
|
|
display: none;
|
|
}
|
|
|
|
// Heart
|
|
.glyphicon-heart {
|
|
&:hover {
|
|
color: #e74c3c;
|
|
animation: pulse 1s linear infinite;
|
|
}
|
|
}
|
|
|
|
@keyframes pulse{
|
|
0% {
|
|
transform:scale(1.1);
|
|
}
|
|
50%{
|
|
transform:scale(0.8);
|
|
}
|
|
100%{
|
|
transform:scale(1.1);
|
|
}
|
|
}
|
|
|
|
// Margins
|
|
.mt-10 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mb-10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mb-19 {
|
|
margin-bottom: 19px;
|
|
}
|
|
|
|
// BS customizations
|
|
.btn {
|
|
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
|
|
font-weight: 500;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 0 1px rgba(50,50,93,.1), 0 2px 5px 0 rgba(50,50,93,.08), 0 1px 1.5px 0 rgba(0,0,0,.07), 0 1px 2px 0 rgba(0,0,0,.08), 0 0 0 0 transparent;
|
|
}
|
|
|
|
.form-control {
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 0 1px rgba(49,49,93,.03), 0 2px 5px 0 rgba(49,49,93,.1), 0 1px 2px 0 rgba(0,0,0,.08);
|
|
}
|
|
|
|
.dropdown-menu {
|
|
border: none;
|
|
box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.13);
|
|
}
|
|
|
|
.navbar-default {
|
|
border: none;
|
|
|
|
.navbar-brand {
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
.nav > li {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.navbar-default .navbar-nav > .active > a,
|
|
.navbar-default .navbar-nav > .active > a:hover,
|
|
.navbar-default .navbar-nav > .active > a:focus {
|
|
color: #2ab2dc;
|
|
background: none;
|
|
}
|
|
|
|
.well-3d {
|
|
border: 1px solid #eee;
|
|
box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
|
|
background: none;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
// Cards
|
|
.card {
|
|
min-width: 0;
|
|
word-wrap: break-word;
|
|
background-color: #fff;
|
|
background-clip: border-box;
|
|
border: 1px solid rgba(0,0,0,.125);
|
|
border-radius: .25em;
|
|
padding: 1.25em;
|
|
} |