src_js/iconolab-bundle/src/iconolab.scss
author Alexandre Segura <mex.zktk@gmail.com>
Wed, 15 Feb 2017 16:42:06 +0100
changeset 320 81945eedc63f
parent 313 ed4dd55d1e78
child 321 f8ee375445e6
permissions -rw-r--r--
Introduce refactored components using Vue.js.

header {
    margin-bottom: 20px;
}

#topnav {
    .navbar {
        margin-bottom: 0;
    }
}
#topsearch {
    padding: 15px 0;
    &, .navbar {
        background-color: #333;
    }
}

.drawingModeBtn {border: 1px solid orange; cursor: pointer; height: 25px; margin-bottom: 10px}

.form-drawing {border-bottom: 1px solid #C3C3C3; }

.form-drawing-wrapper .selected {border: 1px solid orange; color: white; background-color: orange}
.showPointer {cursor: pointer;}

.zoom-action-list {
	padding-left:21px;
}

.zoomTarget-wrapper {
	padding: 0px;
}

#zoomTarget, .cut-canvas {
	border: 1px solid #C3C3C3;
	padding-top: 2px;
	padding-bottom: 2px
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.annotation-content{
	margin-top: 15px;
	margin-bottom: 15px;
}

.highlight {
	border: 1px solid orange;
}

.revision-proposal {
	background-color: #ECF0F1;
}

.collection-home-btn{
	margin-top: 5px;
}

.img-stats-dt{
	width: 250px !important;
}

.img-stats-dd{
	margin-left: 270px !important;
}

.revision-link:hover{
  	text-decoration: underline;
}

.item-image-thumbnail:hover{
	cursor: pointer;
}

ul.annotation-comments{
	background-color: #ededed;
}
li.list-group-item{
	border: 1px solid #bbb
}

.comment-reply-link{
	cursor: pointer;
}
.comment-subtext{
	font-size:0.9em;
	display:inline;
}
.comment-metacategories{
	font-size:0.9em;
	display:inline;
}
.comment-separator{
	margin-top: 10px;
	margin-bottom: 5px;
}

.pagination-shortcut{
	cursor: pointer;
}

/* BADGES */

.badge-error {
  background-color: #b94a48;
}
.badge-warning {
  background-color: #f89406;
}
.badge-success {
  background-color: #468847;
}
.badge-info {
  background-color: #3a87ad;
}
.badge-inverse {
  background-color: #333333;
}

.notif-badge{
  margin-bottom: 5px;
}

/* USER PAGE */

.show-all-notifications{
  cursor: pointer;
}
.annotation-panel{
	min-width: 535px;
}
.annotation-detail{
	display:inline-block;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	white-space: normal;
	vertical-align: top;
	padding: 10px;
}

.stats-annotation-userpage{
	display:inline-block;
	vertical-align: top;
	padding: 10px;
}

.image-detail{
	display:inline-block;
	vertical-align: top;
	width:150px;
}
.large-image-detail{
	display:inline-block;
	vertical-align: top;
	width:400px;
}


.panel .dl-horizontal dt {
    white-space: normal;
	text-align: left;
}

.no-user-annotation{
	margin-left: 15px;
}
.dt-annotation{
	margin-bottom: 10px;
}
.userpage-annotation-btn{
	display:inline-block;
	vertical-align: top;
	margin-bottom:5px;
}

/* GLOBAL HOME PAGE */

.home-main-button-container{
	position: relative;
	width:0px;
	height: 0px;
}

.home-main-button{
	position: absolute;
	left: 15px;
	top: 15px
}

.collection-title{
	margin-top:0px;
}

/* COLLECTION HOME PAGE */

.collection-summary{
	padding-bottom: 15px;
	width: 100%
}

.collection-container{
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.collection-home-title{
	padding-bottom: 15px;
}

.tab-selector{
	margin-top: 15px;
}

.image-list-wrapper{
	margin-top: 15px;
}

li.image-list-li{
	margin-bottom: 5px;
	width: 370px;
	height: 430px;
	vertical-align:middle;
	padding:5px;
}
.image-list-image-container{
	 position: relative;
}
.object-info{
	margin-bottom:10px;
}
.collection-home-item-btn{
	margin-bottom:5px;
}
.collection-home-tab{
	cursor: pointer;
}


/* DIFF STYLE */

.diff-viewer-wrapper {margin-top: 5px;}
.diff-panel {border: 1px solid gray; width: 300px; heigth: 250px;}

del { text-decoration: line-through;	color: #b30000;	background: #fadad7;}

ins {	background: #eaf2c2; color: #406619; text-decoration: none; }

.diff-panel .close-btn {
	cursor: pointer;
	margin-right: 5px;
}

/* FOOTER STYLE */

footer div{
}


.partners-icons{
	margin-left: 20px;
}
.footer-link{
	margin-left: 20px;
}

.footer-info{
	margin-left:15px;
}

/* STATIC PAGES STYLE */

/* - LEGAL MENTIONS STYLE */

dl.legals-dl dd{
	margin-left: 10px;
}

/* HOME PAGE STYLE */

.show-complete-link, .hide-complete-link{
	cursor: pointer;
}

/* - COLLECTION HOME STYLE */

.collection-summary{
	margin-bottom: 15px;
}

.description-col{
	padding: 10px;
}