geolba/tethys
6
0
Fork 0
Code Issues 2 Pull requests Projects 1 Releases Packages Wiki Activity

- better styling for section 'services': style.css, index.blade.php and services.blade.php

Browse source
This commit is contained in:
Arno Kaimbacher 2020-04-22 22:12:24 +02:00
parent 06effbb2f7
commit 5e63dc41f6
3 changed files with 42 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

44
public/css/style.css vendored
View file

@ -497,7 +497,6 @@ section.normal {
}
/* Work items */
.work-items {
list-style: none;
width: 100%;
@ -506,7 +505,7 @@ section.normal {
.work-items li {
position: relative;
overflow: hidden;
height: 360px;
height: 310px;
/* important because we need to overwrite the default skeleton */
margin: 0!important;
@ -528,41 +527,46 @@ section.normal {
}
/* Work detail */
.work-detail {
.work-back {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
opacity: 0;
background: rgba(0,0,0,.75);
opacity: 0;
background-color: #777;
color: white;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-radius: 3px;
}
.work-detail h3 {
font-size: 16px;
letter-spacing: .05em;
}
.work-detail p {
font-size: 15px;
.work-back p {
font-size: 14px;
/* text-transform: capitalize; */
padding-left: 20px;
padding-right: 20px;
}
.work-back p a {
color: #6aa3d5;
cursor: pointer;
text-decoration: none;
}
.work-back p a:hover {
color: #1EAEDB;
}
.work-front {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
/* opacity: 0; */
background: #F5F5F5;
color: black;
box-shadow: inset 0 0 0 10px grey;
border-radius: 3px;
}
.work-front p { font-size: 15px;
.work-front h3 {
margin-top: 15px;
}
.work-front p {
font-size: 15px;
color: black;
padding-left: 20px;
padding-right: 20px;
@ -570,12 +574,12 @@ section.normal {
.work-front .icon {
line-height: 1;
font-size: 40px;
color: #00bfffcc;
color: #6aa3d5;
}
.work-items li:hover .work-detail{
.work-items li:hover .work-back{
opacity: 1;
box-shadow: inset 0 0 0 10px #222;
/* box-shadow: inset 0 0 0 10px #222; */
}
.work-items li:hover .work-front{
opacity: 0;