clean duplicated css
authorrougeronj
Wed, 27 May 2015 18:57:03 +0200
changeset 95 46ce67c44723
parent 94 cb4cf30a1629
child 96 3542155549e4
clean duplicated css
client/app/auth/auth.css
client/app/books/book.css
client/app/my_visit/my_visit.css
client/app/search/search.css
client/app/slides/slides.css
client/app/visites/visite.css
--- a/client/app/auth/auth.css	Fri May 22 17:42:57 2015 +0200
+++ b/client/app/auth/auth.css	Wed May 27 18:57:03 2015 +0200
@@ -1,9 +1,9 @@
 .auth{
-	display:block;
-	margin:auto;
+    display:block;
+    margin:auto;
 }
 
 .auth input{
-	width: 300px;
-	margin: 10px 0;
+    width: 300px;
+    margin: 10px 0;
 }
\ No newline at end of file
--- a/client/app/books/book.css	Fri May 22 17:42:57 2015 +0200
+++ b/client/app/books/book.css	Wed May 27 18:57:03 2015 +0200
@@ -1,38 +1,60 @@
 .gallery .item {
-  overflow:hidden; position:relative; height: 250px; padding: 5px;
+    position:relative;
+    height: 206px;
+    width: 19%;
+    padding: 0;
+    margin: 5px;
+    border: 1px solid #cdcdcd;
+    overflow: hidden;
 }
 
-.img-ctn {
-    height: 100%; width: 100%; border: 1px solid #DDD; padding: 5px; overflow: hidden;
-}
-
-.img-ctn:hover {
-    background-color: #DDD;
+.gallery .item.no-img {
+    background-color: #dddddd;
+    border: 1px solid #cdcdcd;
 }
 
-.img-ctn p {
-    background-color: #ddd;
-    bottom: -5px;
-    display: none;
-    padding: 2px 5px;
+.gallery .item p {
+    text-align: center;
+    color: #505050;
     position: absolute;
-    width: calc(100% - 22px);
-}
+    width:100%;
+    background-color: rgba(255, 255, 255, 0.7);
+    bottom: 0;
+    margin: 0;
+}    
 
-.img-ctn:hover p, .img-ctn:hover .gallery-buttons {
-    display: block;
+.gallery .item.no-img p {
+    font-size: 38px;
+    height: 179px;
+    padding-top: 25px;
 }
 
 .gallery .item img {
-    margin: 0 auto;
-    max-height: 100%;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    width: 100%;
+    height: auto;
+    -webkit-transform: translate(-50%,-50%);
+        -ms-transform: translate(-50%,-50%);
+            transform: translate(-50%,-50%);
+}
+
+.gallery .item .img-landscape {
+    height: 100%;
+    width: auto;
 }
 
 .gallery-buttons{
-	display: none;
+    font-size:15px;
     position: absolute;
-    right: 10px;
-    top: 10px;
+    width: 100%;
+    padding: 2px 5px;
+    background-color: rgba(255, 255, 255, 0.7);
+}
+
+.gallery-buttons a{
+    cursor: pointer;
 }
 
 .subtitle {
@@ -43,17 +65,17 @@
 }
 
 .add-book{
-	padding:20px;
+    padding:20px;
 }
 .add-book input{
-	margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 
 .accordion-toggle .glyphicon{
-	font-size: 17px;
-	margin-left:10px;
+    font-size: 17px;
+    margin-left:10px;
 }
 
 .list-books:nth-child(odd){
-	background-color:#f8f8f8;
+    background-color:#f8f8f8;
 }
\ No newline at end of file
--- a/client/app/my_visit/my_visit.css	Fri May 22 17:42:57 2015 +0200
+++ b/client/app/my_visit/my_visit.css	Wed May 27 18:57:03 2015 +0200
@@ -1,65 +1,2 @@
-.gallery .item {
-  overflow:hidden; position:relative; height: 250px; padding: 5px;
-}
-
-.img-ctn {
-    height: 100%; width: 100%; border: 1px solid #DDD; padding: 5px; overflow: hidden;
-}
-
-.img-ctn:hover {
-    background-color: #DDD;
-}
-
-.img-ctn p {
-    background-color: #ddd;
-    bottom: -5px;
-    display: none;
-    padding: 2px 5px;
-    position: absolute;
-    width: calc(100% - 22px);
-}
-
-.img-ctn:hover p, .img-ctn:hover .gallery-buttons {
-    display: block;
-}
-
-.gallery .item img {
-    margin: 0 auto;
-    max-height: 100%;
-}
-
-.gallery-buttons{
-	display: none;
-    position: absolute;
-    right: 10px;
-    top: 10px;
-}
-
-.subtitle {
-    border-top: 1px solid #000;
-    border-bottom: 1px dotted #000;
-    margin-top: 20px;
-    padding: 6px 0 10px;
-}
-
-.add-book{
-	padding:20px;
-}
-.add-book input{
-	margin-bottom: 10px;
-}
-
-.accordion-toggle .glyphicon{
-	font-size: 17px;
-	margin-left:10px;
-}
-
-.list-books:nth-child(odd){
-	background-color:#f8f8f8;
-}
-
-.panel-title {
-    height: 15px;
-}
 
 
--- a/client/app/search/search.css	Fri May 22 17:42:57 2015 +0200
+++ b/client/app/search/search.css	Wed May 27 18:57:03 2015 +0200
@@ -22,5 +22,5 @@
     padding: 6px 0 10px;
 }
 .modal-body a{
-	cursor: pointer;
+    cursor: pointer;
 }
\ No newline at end of file
--- a/client/app/slides/slides.css	Fri May 22 17:42:57 2015 +0200
+++ b/client/app/slides/slides.css	Wed May 27 18:57:03 2015 +0200
@@ -5,31 +5,31 @@
 .slide-title,
 .slide-nav,
 .slide-content {
-	border-bottom:1px solid grey;
+    border-bottom:1px solid grey;
 }
 
 .slide-nav{
-	padding:10px 0;
-	display: inline-block;
-	width: 100%;
+    padding:10px 0;
+    display: inline-block;
+    width: 100%;
 }
 
 .slide-content{
-	padding:10px 0;
-	height: 400px;
+    padding:10px 0;
+    height: 400px;
 }
 
 .media{
-	border-right:1px solid grey;
-	height: 100%
+    border-right:1px solid grey;
+    height: 100%
 }
 
 .media img,
 .media video{
     max-height: 100%;
-	max-width: 100%;
-	display: block;
-	margin: auto;
+    max-width: 100%;
+    display: block;
+    margin: auto;
 }
 
 .caption {
@@ -37,8 +37,8 @@
     position: static;
     text-shadow: none;
     text-align: left;
-	overflow: scroll;
-	height: 100%
+    overflow: scroll;
+    height: 100%
 }
 
 .original-text {
@@ -50,27 +50,27 @@
     margin: 10px 0;
 }
 .user-details input.form-control{
-	margin: 10px 0;
+    margin: 10px 0;
 }
 
 #back{
-	float:left;
-	margin: 0 10px;
+    float:left;
+    margin: 0 10px;
 }
 
 #previous,
 #next{
-	float:right;
-	margin: 0 10px;
+    float:right;
+    margin: 0 10px;
 }
 .user-details p,
 .user-details h4{
-	border: 1px solid #ededed;
-	min-height: 21px;
-	padding: 6px 12px;
-	border-radius: 4px;
+    border: 1px solid #ededed;
+    min-height: 21px;
+    padding: 6px 12px;
+    border-radius: 4px;
 }
 
 .user-details p.description{
-	min-height: 140px;
+    min-height: 140px;
 }
\ No newline at end of file
--- a/client/app/visites/visite.css	Fri May 22 17:42:57 2015 +0200
+++ b/client/app/visites/visite.css	Wed May 27 18:57:03 2015 +0200
@@ -1,63 +0,0 @@
-.gallery .item {
-  overflow:hidden; position:relative; height: 250px; padding: 5px;
-}
-
-.img-ctn {
-    height: 100%; width: 100%; border: 1px solid #DDD; padding: 5px; overflow: hidden;
-}
-
-.img-ctn:hover {
-    background-color: #DDD;
-}
-
-.img-ctn p {
-    background-color: #ddd;
-    bottom: -5px;
-    display: none;
-    padding: 2px 5px;
-    position: absolute;
-    width: calc(100% - 22px);
-}
-
-.img-ctn:hover p, .img-ctn:hover .gallery-buttons {
-    display: block;
-}
-
-.gallery .item img {
-    margin: 0 auto;
-    max-height: 100%;
-}
-
-.gallery-buttons{
-	display: none;
-    position: absolute;
-    right: 10px;
-    top: 10px;
-}
-
-.subtitle {
-    border-top: 1px solid #000;
-    border-bottom: 1px dotted #000;
-    margin-top: 20px;
-    padding: 6px 0 10px;
-}
-
-.add-book{
-	padding:20px;
-}
-.add-book input{
-	margin-bottom: 10px;
-}
-
-.accordion-toggle .glyphicon{
-	font-size: 17px;
-	margin-left:10px;
-}
-
-.list-books:nth-child(odd){
-	background-color:#f8f8f8;
-}
-
-.col-md-2 {
-    width : 19%;
-}