.thumbnail-fluid {
overflow:hidden;
width:100%;
height:100%;
}

.thumbnail-fluid > div,.thumbnail-fluid > span,.thumbnail-fluid > a {
display:block;
position:relative;
right:50%;
float:right;
width:100%;
}

.thumbnail-fluid > div img,.thumbnail-fluid > span img,.thumbnail-fluid > a img {
position:relative;
right:-50%;
}

.thumbnail-inscribed {
width:100%;
height:9000px;
text-align:center;
}

.thumbnail-inscribed img {
max-width:100%;
max-height:9000px;
}

.around-button {
z-index:1;
overflow:hidden;
display:inline-block;
text-align:center;
padding:3px;
}

.around-button:before,.around-button:after {
content:".";
display:block;
overflow:hidden;
visibility:hidden;
font-size:0;
line-height:0;
width:0;
height:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.styled-button {
background:none repeat scroll 0 0 rgba(0,0,0,0);
border:none;
color:inherit;
cursor:pointer;
font-family:museo500, Raleway, "Open Sans", "PT Sans", sans-serif;
outline:medium none;
display:block;
height:38px;
line-height:38px;
position:relative;
text-decoration:none;
-webkit-transition:all .3s ease 0;
-moz-transition:all .3s ease 0;
transition:all .3s ease 0;
z-index:1;
text-align:center;
border-radius:2px;
padding:0 17px;
}

.styled-button i {
vertical-align:middle;
padding-right:1.16em;
font-size:1.2em;
}

.styled-button.inline {
display:inline-block;
}

.styled-button.block {
display:block;
}

.styled-button.style-1 {
height:42px;
line-height:40px!important;
border-radius:2px;
border-style:solid;
border-width:2px;
}

.styled-button.style-4 {
height:42px;
line-height:40px!important;
border-radius:2px;
border-style:solid;
border-width:2px;
width: 1185px;
}

.styled-button.style-4.color-blue {
color:#20b3ce;
text-shadow:none;
border-color:rgba(32,179,206,0.2);
}

.styled-button.style-1.color-blue {
color:#20b3ce;
text-shadow:none;
border-color:rgba(32,179,206,0.2);
}

.styled-button.style-1.color-blue:hover,.styled-button.style-1.color-blue:active {
color:#20b3ce;
background:rgba(32,179,206,0.18);
border-color:#20b3ce;
}

.styled-button.style-1.color-white {
color:#fff;
text-shadow:none;
border-color:rgba(255,255,255,0.2);
}

.styled-button.style-1.color-white:hover,.styled-button.style-1.color-white:active {
color:#fff;
background:rgba(255,255,255,0.18);
border-color:#fff;
}

.styled-button.style-1.color-dark {
color:#242424;
text-shadow:none;
border-color:rgba(36,36,36,0.2);
}

.styled-button.style-1.color-dark:hover,.styled-button.style-1.color-dark:active {
color:#242424;
background:rgba(36,36,36,0.18);
border-color:#242424;
}

.styled-button.style-1.color-red {
color:#e24f50;
text-shadow:none;
border-color:rgba(226,79,80,0.2);
}

.styled-button.style-1.color-red:hover,.styled-button.style-1.color-red:active {
color:#e24f50;
background-color:rgba(226,79,80,0.18);
border-color:#e24f50;
}

.styled-button.style-1.color-gray {
color:#d6dbde;
text-shadow:none;
border-color:rgba(214,219,222,0.2);
}

.styled-button.style-1.color-gray:hover,.styled-button.style-1.color-gray:active {
color:#d6dbde;
background-color:rgba(214,219,222,0.18);
}

.styled-button.style-2 {
height:43px;
line-height:43px!important;
border-radius:2px;
-webkit-transition:background .3s ease, color .3s ease;
-moz-transition:background .3s ease, color .3s ease;
transition:background .3s ease, color .3s ease;
border-style:solid;
border-width:0;
}

.styled-button.style-2.color-white {
border-bottom:1px solid #f7f7f7;
background-color:#fff;
color:#242424;
}

.styled-button.style-3 {
line-height:43px!important;
height:43px;
border-radius:2px;
-webkit-box-shadow:0 0 0 3px #eef1f3;
box-shadow:0 0 0 3px #eef1f3;
border-width:0;
}

.styled-button.style-3.color-white {
border-bottom:1px solid #f7f7f7;
background-color:#fff;
color:#242424;
-webkit-box-shadow:0 0 0 3px #ddd;
box-shadow:0 0 0 3px #ddd;
}

.styled-button.read-more {
height:38px;
line-height:38px!important;
padding:0 24px;
}

.styled-button.read-more i {
top:50%;
margin-top:-.6em;
}

.styled-button.read-more.color-blue i {
color:#20b3ce;
}

.styled-button.read-more.color-blue:hover span {
border-color:#20b3ce;
}

.styled-button.read-more.color-white {
color:#fff;
}

.styled-button.read-more.color-white:hover span {
border-color:#fff;
}

.styled-button.read-more.color-dark i {
color:#242424;
}

.styled-button.read-more.color-dark:hover span {
border-color:#242424;
}

.styled-button.read-more.color-red i {
color:#e24f50;
}

.styled-button.read-more.color-red:hover span {
border-color:#e24f50;
}

.styled-button.read-more.color-gray i {
color:#d6dbde;
}

.styled-button.read-more.color-gray:hover span {
border-color:#d6dbde;
}

.styled-button.size-13,.styled-button.read-more.size-13 i {
font-size:13px;
}

.styled-button.size-15,.styled-button.read-more.size-15 i {
font-size:15px;
}

.styled-button.size-17,.styled-button.read-more.size-17 i {
font-size:17px;
}

.styled-button.style-2.color-blue,.styled-button.style-3.color-blue {
border-bottom:1px solid #1f98ae;
background-color:#20b3ce;
color:#fff;
text-shadow:0 1px 0 #1f98ae;
}

.styled-button.style-2.color-blue:hover,.styled-button.style-3.color-blue:hover {
background-color:#1f98ae;
border-bottom:1px solid #1b7e90;
}

.styled-button.style-2.color-white:hover,.styled-button.style-3.color-white:hover {
background-color:#f7f7f7;
border-bottom:1px solid #efefef;
}

.styled-button.style-2.color-dark,.styled-button.style-3.color-dark {
border-bottom:1px solid #202020;
background-color:#242424;
color:#fff;
text-shadow:0 1px 0 #ddd;
}

.styled-button.style-2.color-dark:hover,.styled-button.style-3.color-dark:hover {
background-color:#202020;
border-bottom:1px solid #000;
}

.styled-button.style-2.color-red,.styled-button.style-3.color-red {
border-bottom:1px solid #c44c4d;
background-color:#e24f50;
color:#fff;
text-shadow:0 1px 0 #bc3f40;
}

.styled-button.style-2.color-red:hover,.styled-button.style-3.color-red:hover {
background-color:#c44c4d;
border-bottom:1px solid #e24f50 0 #0a0808;
}

.styled-button.style-2.color-gray,.styled-button.style-3.color-gray {
border-bottom:1px solid #ced3d6;
background-color:#d6dbde;
color:#fff;
text-shadow:0 1px 0 #b5babd;
}

.styled-button.style-2.color-gray:hover,.styled-button.style-3.color-gray:hover {
background-color:#ced3d6;
border-bottom:1px solid #c4c8ca;
}

@media only screen and min-width 800px and max-width 1024px {
.styled-button.size-13 {
font-size:11px;
}

.styled-button.size-15 {
font-size:13px;
}

.styled-button.size-17 {
font-size:14px;
}
}

@media only screen and min-width 480px and max-width 800px {
.styled-button.size-13 {
font-size:11px;
}

.styled-button.size-15 {
font-size:12px;
}

.styled-button.size-17 {
font-size:13px;
}
}

@media only screen and max-width 480px {
.styled-button.size-13 {
font-size:10px;
}

.styled-button.size-15 {
font-size:11px;
}

.styled-button.size-17 {
font-size:12px;
}
}
↑ Back to top

For bugs and suggestions feel free to contact me.

Contact Go Media for custom website development and responsive design.

Featured webmaster resources for assistance in web design and site management:


(based on csstidy 1.3)