classifieds board classifieds board Template - ATWebDesigner
*{
font-family: 'Roboto Condensed', sans-serif;
font-size: 1em;
}
body{
margin: 0;
}
#content{
margin: 0;
padding: 0;
}
.container{
margin:0 auto;
}
#header{
padding: 10px 0 0;
margin: 0;
clear:both;
}
#header .logo{
text-align:center;
padding: 20px 0;
}
#header .logo h1{
font-family: 'PT Sans Narrow', sans-serif;
font-size: 1.6em;
font-weight: 600;
margin: 0;
color: #006df0;
}
#header .logo img{
max-width:100%;
}
#header .menu-top{
background:#006DF0;
}
#header .menu-top ul{
padding:8px 10px;
margin: 0;
}
#header .menu-top ul li{
display:inline-block;
width:48%;
text-align:center;
margin:4px 0.5%;
}
#header .menu-top ul li a{
display: block;
color:#fff;
text-decoration:none;
padding:8px 0;
font-size:0.9em;
border:1px solid #ddd;
text-transform:uppercase;
}
#header .menu-top ul li a:hover{
text-decoration:underline;
}
.container .title h2{
padding: 20px 0 15px;
margin:0 0;
font-size: 2em;
font-weight: 500;
text-transform: uppercase;
color: #222;
border-bottom: 1px solid #bbb;
text-align:center;
background: #eee;
}
.container .title h3{
padding: 12px 0;
color:#fff;
margin: 10px 0 0;
font-size: 1.1em;
font-weight: 500;
text-align:center;
background:#006DF0;
font-family: 'PT Sans Narrow', sans-serif;
text-transform: uppercase;
}
.container #photo{
clear:both;
padding:10px;
}
.container #photo img{
max-width:100%;
margin: 0 auto;
display: block;
}
.container .description{
margin: 0;
padding: 20px 10px 10px;
border-bottom:1px solid #ddd;
background: #eee;
}
.container .description p{
color:#444;
line-height: 1.6;
margin: 0 0 6px;
}
.container .description h7{
font: 600 1em 'PT Sans Narrow', sans-serif;
line-height: 2;
display: block;
margin: 15px 0 5px;
text-transform: uppercase;
color: #006df0;
}
.container .description ul{
padding:0 10px;
}
.container .description li{
list-style: none;
color: #222;
font-size:1em;
margin-bottom:8px;
line-height: 1.4;
}
.container .description li:hover{
transition:all 0.5s ease-in-out;
transform: translateX(12px);
color: #006df0;
}
.container .description li:before{
content: "\f046";
font:500 1em FontAwesome;
padding-right: 8px;
color: #006df0;
}
.container .description h5{
margin: 25px 0 15px;
padding-bottom:10px;
text-transform:uppercase;
color: #006df0;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 1.1em;
}
.container .police{
padding: 20px 0 0;
border-bottom:1px solid #ddd;
background: #eee;
}
.container .police .box{
display: block;
width: 100%;
margin: 20px 0 10px;
text-align:center;
vertical-align: top;
border-bottom: 1px solid #bbb;
min-height: 180px;
}
.container .police .box .image{
width:50px;
padding: 9px 0 5px;
margin:0 auto;
background:#006DF0;
border-radius: 2px;
}
.container .police .box:hover img{
transition:all 0.7s ease-out;
transform: rotate(360deg);
}
.container .police .box .title h4{
font-family: 'PT Sans Narrow', sans-serif;
font-size: 1em;
color:#006DF0;
text-transform: uppercase;
font-weight: 500;
}
.container .police .box .desc{
padding:0 20px;
}
.container .police .box .desc p{
font-size: 0.9em;
color:#444;
}
.container .gallery{
padding: 10px 0 0;
}
.container .gallery .plusPhoto{
display: inline-block;
width:46%;
padding:1%;
border:1px solid #ddd;
margin: 3px 0.3%;
}
.container .gallery .plusPhoto a{
}
.container .gallery .plusPhoto a img{
max-width:100%;
}
.container .gallery .plusPhoto a img:hover{
transform: scale(2.0);
z-index: 10000001;
}
.container .description.rules{
padding-bottom: 40px;
}
.container .description .colors{
margin-top:20px;
padding:10px 0;
border-top:1px solid #ddd;
}
.container .description .colors ul{
text-align:center;
}
.container .description .colors ul li{
display:inline-block;
width:48%;
padding:15px 0;
background:#006df0;
color:#fff;
border-radius:2px;
font-size:0.9em;
}
.container .description .colors ul li:hover{
transition:initial;
transform:initial;
}
.container .description .colors ul li:before{
display:none;
}
#blue{
background:#006df0;
}
#green{
background:#27ae60;
}
#red{
background:#e74c3c;
}
#lgreen{
background:#7FB800;
}
#purple{
background:#9b59b6;
}
#pink{
background:#ea1e63;
}
#orange{
background:#ff7f1d;
}
#sea{
background:#68B0AB;
}
#yellow{
background:#FFB400;
}
#foot{
padding: 20px 0 25px;
background:#222;
color:#fff;
}
#foot .col4{
display:block;
width: 90%;
padding: 0 5% 0;
margin: 30px 0 15px;
vertical-align:top;
}
#foot .col4 h6{
margin: 15px 0 15px 0;
font:600 1.1em 'PT Sans Narrow', sans-serif;
text-transform:uppercase;
padding-bottom:8px;
border-bottom:1px solid #bbb;
color:#006df0;
}
#foot .col4 p{
font-size:1em;
font-weight:400;
line-height:1.4;
margin:0 0 6px;
}
#foot .col4 .company{
}
#foot .col4 .company p{
font-size:0.9em;
color: #ccc;
}
#foot .col4 .company a{
color:#eee;
text-decoration:none;
font-size:0.8em;
display:block;
margin: 12px 0 5px;
padding:8px 0;
border:1px solid #fff;
border-radius:2px;
text-align:center;
max-width:180px;
}
#foot .col4 .company a:hover{
transition:all 0.7s ease-out;
background:#444;
}
#foot .col4 .company .favorite:before{
font-family: FontAwesome;
content:"\f004";
padding-right:4px;
color: #e74c3c;
}
#foot .col4 .adres{
font-size:0.9em;
}
#foot .col4 .adres p{
color: #fff;
}
#foot .col4 .adres .time:before{
font-family: FontAwesome;
content:"\f017";
padding-right:8px;
color: #006df0;
}
#foot .col4 .adres .location{
padding-top: 8px;
}
#foot .col4 .adres .location:before{
font-family: FontAwesome;
content:"\f041";
padding-right:8px;
color: #006df0;
}
#foot .col4 .contact{
}
#foot .col4 .contact p{
font-size:0.9em;
color:#ccc;
}
#foot .col4 .contact span{
display:block;
padding: 8px 0 4px;
font-size:1.04em;
color:#fff;
}
#foot .col4 .contact span:hover{
transition:color 0.7s ease-out;
color:#006df0;
}
#foot .col4 .contact .phone:before{
font-family: FontAwesome;
content:"\f095";
padding-right:8px;
color: #006df0;
}
#foot .col4 .contact .email{
overflow:hidden;
}
#foot .col4 .contact .email:before{
font-family: FontAwesome;
content:"\f0e0";
padding-right:8px;
color: #006df0;
}
#foot .col4 .myclassifieds board{
}
#foot .col4 .myclassifieds board ul{
padding:0 0 0 0px;
list-style:none;
}
#foot .col4 .myclassifieds board ul li{
padding-bottom: 6px;
}
#foot .col4 .myclassifieds board ul li a{
color:#fff;
line-height:1.4em;
text-decoration:none;
text-transform:uppercase;
}
#foot .col4 .myclassifieds board ul li .items:before{
font-family: FontAwesome;
content:"\f015";
padding-right:10px;
color: #006df0;
}
#foot .col4 .myclassifieds board ul li .profile:before{
font-family: FontAwesome;
content:"\f05a";
padding-right:10px;
color: #006df0;
}
#foot .col4 .myclassifieds board ul li .feedback:before{
font-family: FontAwesome;
content:"\f005";
padding-right:10px;
color: #006df0;
}
#foot .col4 .myclassifieds board ul li .contact:before{
font-family: FontAwesome;
content:"\f0e0";
padding-right:10px;
color: #006df0;
}
#foot .col4 .myclassifieds board ul li a:hover{
text-decoration:none;
transition: all 0.7s ease-out;
color: #006df0;
}
#foot .col4 .myclassifieds board ul li a:hover:before{
transition: all 0.7s ease-out;
padding-left:8px;
}
.tester{
padding:25px 0 20px;
}
.tester a{
background:#006df0;
color:#fff;
text-decoration:none;
padding:10px 25px;
border-radius:2px;
font:500 1em 'PT Sans Narrow', sans-serif;
}
.tester a:hover{
text-decoration:underline;
}
@media screen and (min-width:768px){
body{
max-width:1294px;
margin:0 auto;
}
#content{
width:96%;
margin:0 auto;
}
#header .menu-top ul{
padding:10px 10%;
}
#header .menu-top ul li{
width: 24%;
margin: 0 0.3%;
}
#header .menu-top ul li a{
border:0;
}
.container .police{
padding:5px 0 0;
}
.container .description{
padding:15px 36px;
}
.container .police .box{
display:inline-block;
width:24%;
margin:10px 0.4%;
padding: 20px 0 15px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 0;
min-height: 170px;
}
.container .gallery .plusPhoto{
width: 23%;
padding: 5px 0.5%;
margin: 5px 0.4%;
}
.container .description li:hover{
transform:translateX(16px);
}
.container .description .colors{
}
.container .description .colors ul{
}
#foot .col4{
display:inline-block;
width: 20%;
padding: 0 2.5% 0;
margin:0;
vertical-align:top;
}
}
@media screen and (min-width:768px) and (max-width:1024px){
#header .menu-top ul li{
margin: 0 0.1%;
}
.container .police .box{
margin:0 0.1%;
}
.containr .gallery .plusPhoto{
margin:0;
}
.container .description .colors ul li{
width:19%;
}
}
@media screen and (min-width:1367px){
.container .gallery .plusPhoto{
margin: 5px 0.3%;
}
.container .police .box{
margin: 10px 0.3%;
}
}
@media screen and (min-width:1024px){
.container .description .colors ul li{
width:10%;
}
}
.video-body {
margin: 0 auto;
text-align: center;
}
.textbutton {
display: block;
margin-left: auto;
margin-right: auto;
width: 282px;
margin-top: 50px;
border: 1px solid #ddd;
padding: 20px 100px;
}
.textbutton h4{
font-size: 54px;
text-align: center;
font-weight: 400;
line-height: 20px;
}
a, a:active, a:focus, a:hover {
outline: none;
text-decoration: none;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.videobutton:hover {
background-color: #FF4E4E;
}
.videobutton {
background-color: #DB0F0F;
border-radius: 20px;
display: block;
height: 72px;
width: 124px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
cursor: pointer;
text-align: center;
display: block;
margin: 50px auto;
}
.treugoljnik {
background-image: url(https://originalparts.ee/wp-content/uploads/2016/12/classifieds board-template-buton.png);
background-repeat: no-repeat;
display: inline-block;
width: 39px;
height: 45px;
margin-left: 14px;
margin-right: auto;
line-height: 72px;
margin-top: 14px;
}
#header .logo img{
max-height: 80px;
width: auto;
margin: 18px 0;
border: 0;
}
.video_area{margin-bottom:30px}
- Other Items
- My classifieds board
- Feedback
- Contact
The Luxuria - A Truly One of a Kind Luxury Floating Vessel
Video will open in a new window
[FlipperToolsVideo] .ft_vid { margin:.5em auto; max-width:480px; font-family:arial; text-align:center; position:relative; min-height:120px; overflow:hidden; background-color:#555; } .ft_vid p { position:absolute; margin:0; color:white; background-color:rgba(0,0,0,.5); } .ft_vid .ft_vid_head { font-size:16px; width:100%; height:28px; line-height:28px; text-align:left; top:0; left:0; padding-left:10px; overflow:hidden; } .ft_vid .ft_vid_foot { font-size:11px; width:100%; bottom:0; left:0; } .ft_vid img { display:block; max-width:100%; border:0; } .ft_vid a:after { content:"\A0\25BA"; position:absolute; width:60px; height:50px; left:0; top:0; right:0; bottom:0; margin:auto; border:0; border-radius:10px; color:white; background:rgba(0,0,0,.6); font-size:24px; line-height:50px; cursor:pointer; } .ft_vid a:hover:after { background:#CC181E; }GalleryMore Information
About Us
Global Boatworks is a publicly traded company that specializes in custom "Luxury Living Vessels". Visit us online:luxuriaonthewater.com
Add to favorite sellers
Location
Mon--Sa: 9AM - 5PM
Fort Lauderdale, FL
Contact
Call us: phone
My classifieds board
Add new question to the seller