<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div id="throbber" style="display:none; min-height:120px;"></div>
<div id="noty-holder"></div>
<div id="wrapper">
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="" alt="LOGO"/>
</a>
</div>
<!-- Top Menu Items -->
<ul class="nav navbar-right top-nav">
<li><a href="#" data-placement="bottom" data-toggle="tooltip" data-original-title="Stats"><i class="fa fa-bar-chart-o"></i>
</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin User <b class="fa fa-angle-down"></b></a>
<ul class="dropdown-menu">
<li><a href="#"><i class="fa fa-fw fa-user"></i> Edit Profile</a></li>
<li><a href="#"><i class="fa fa-fw fa-cog"></i> Change Password</a></li>
<li class="divider"></li>
<li><a href="#"><i class="fa fa-fw fa-power-off"></i> Logout</a></li>
</ul>
</li>
</ul>
<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li>
<a href="#" data-toggle="collapse" data-target="#submenu-1"><i class="fa fa-fw fa-search"></i> MENU 1 <i class="fa fa-fw fa-angle-down pull-right"></i></a>
<ul id="submenu-1" class="collapse">
<li><a href="#"><i class="fa fa-angle-double-right"></i> SUBMENU 1.1</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> SUBMENU 1.2</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> SUBMENU 1.3</a></li>
</ul>
</li>
<li>
<a href="#" data-toggle="collapse" data-target="#submenu-2"><i class="fa fa-fw fa-star"></i> MENU 2 <i class="fa fa-fw fa-angle-down pull-right"></i></a>
<ul id="submenu-2" class="collapse">
<li><a href="#"><i class="fa fa-angle-double-right"></i> SUBMENU 2.1</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> SUBMENU 2.2</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> SUBMENU 2.3</a></li>
</ul>
</li>
<li>
<a href="investigaciones/favoritas"><i class="fa fa-fw fa-user-plus"></i> MENU 3</a>
</li>
<li>
<a href="sugerencias"><i class="fa fa-fw fa-paper-plane-o"></i> MENU 4</a>
</li>
<li>
<a href="faq"><i class="fa fa-fw fa fa-question-circle"></i> MENU 5</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
<div id="page-wrapper">
<div class="container-fluid">
<!-- Page Heading -->
<div class="row" id="main" >
<div class="col-sm-12 col-md-12 well" id="content">
<h1>Welcome Admin!</h1>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-comments fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">26</div>
<div>New Comments!</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">View Details</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-green">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-tasks fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">12</div>
<div>New Tasks!</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">View Details</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-yellow">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-shopping-cart fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">124</div>
<div>New Orders!</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">View Details</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="panel panel-red">
<div class="panel-heading">
<div class="row">
<div class="col-xs-3">
<i class="fa fa-support fa-5x"></i>
</div>
<div class="col-xs-9 text-right">
<div class="huge">13</div>
<div>Support Tickets!</div>
</div>
</div>
</div>
<a href="#">
<div class="panel-footer">
<span class="pull-left">View Details</span>
<span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
<div class="clearfix"></div>
</div>
</a>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->
</div><!-- /#wrapper -->
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
@media(min-width:768px) {
body {
margin-top: 50px;
}
/*html, body, #wrapper, #page-wrapper {height: 100%; overflow: hidden;}*/
}
#wrapper {
padding-left: 0;
}
#page-wrapper {
width: 100%;
padding: 0;
background-color: #fff;
}
@media(min-width:768px) {
#wrapper {
padding-left: 225px;
}
#page-wrapper {
padding: 22px 10px;
}
}
/* Top Navigation */
.top-nav {
padding: 0 15px;
}
.top-nav>li {
display: inline-block;
float: left;
}
.top-nav>li>a {
padding-top: 20px;
padding-bottom: 20px;
line-height: 20px;
color: #fff;
}
.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
color: #fff;
background-color: #1a242f;
}
.top-nav>.open>.dropdown-menu {
float: left;
position: absolute;
margin-top: 0;
/*border: 1px solid rgba(0,0,0,.15);*/
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.top-nav>.open>.dropdown-menu>li>a {
white-space: normal;
}
/* Side Navigation */
@media(min-width:768px) {
.side-nav {
position: fixed;
top: 60px;
left: 225px;
width: 225px;
margin-left: -225px;
border: none;
border-radius: 0;
border-top: 1px solid rgba(0, 0, 0, 0.5);
overflow-y: auto;
background-color: #222;
/*background-color: #5A6B7D;*/
bottom: 0;
overflow-x: hidden;
padding-bottom: 40px;
}
.side-nav>li>a {
width: 225px;
border-bottom: rgba(0,0,0,0.3) 1px solid;
}
.side-nav li a:hover,
.side-nav li a:focus {
outline: none;
background-color: #1a242f !important;
}
}
.side-nav>li>ul {
padding: 0;
border-bottom: 1px rgba(0,0,0,.3) solid;
}
.side-nav>li>ul>li>a {
display: block;
padding: 10px 15px 10px 38px;
text-decoration: none;
/*color: #999;*/
color: #fff;
}
.side-nav>li>ul>li>a:hover {
color: #fff;
}
.navbar .nav > li > a > .label {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 14px;
right: 6px;
font-size: 10px;
font-weight: normal;
min-width: 15px;
min-height: 15px;
line-height: 1.0em;
text-align: center;
padding: 2px;
}
.navbar .nav > li > a:hover > .label {
top: 10px;
}
.navbar-brand {
padding: 5px 15px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}
a {
color: #069
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
color: #000;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
ul {
list-style: none;
}
img {
max-width: 100%;
width: auto\9;
height: auto;
-ms-interpolation-mode: bicubic;
}
#content img:hover {
z-index: 998;
-webkit-box-shadow: 0 4px 5px #ccc;
box-shadow: 0px 4px 5px #ccc;
background: white;
padding: 0px;
}
.item-photos .main-photo img {
width: 100%;
}
#map_canvas img {
max-width: none;
}
button,
input,
select,
textarea {
color: #333;
font-size: 100%;
vertical-align: middle;
border-radius: 0px;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type="text"],
input[type="password"] {
height: 30px;
line-height: 30px;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
#sidebar .controls input[type="file"] {
width: 100%;
padding: 0;
cursor: pointer;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
.has-placeholder {
position: relative;
display: block;
float: left;
}
.has-placeholder label {
position: absolute;
top: 0;
left: 0;
vertical-align: middle;
color: #999;
line-height: 43px;
height: 100%;
width: 100%;
padding: 0 15px;
text-shadow: 0 1px 0 #fff;
overflow: hidden;
}
textarea {
background-color: #fff;
border: solid 1px #bfbfbf;
box-shadow: inset 0 1px 0 0 #E0E0E0;
display: inline-block;
vertical-align: middle;
color: #646464;
line-height: 1em;
width: 99.99%;
padding: 5px;
}
.select-box-focus {
outline: 0;
border: 1px solid #5B9DD9;
-webkit-box-shadow: 0 0 5px 1px #5B9DD9;
-moz-box-shadow: 0 0 5px 1px #5B9DD9;
box-shadow: 0 0 5px 1px #5B9DD9;
}
.select-box {
z-index: 0;
position: relative;
display: inline-block;
width: 100%;
background-color: #f9f9f9;
border: solid 1px #d3d3d3;
display: inline-block;
vertical-align: middle;
color: #fff!important;
line-height: 33px;
padding: 0 15px;
box-shadow: inset 0 1px 0 0 #fff;
padding: 0;
overflow: hidden;
}
.select-box .select-box-label {
height: 16px;
overflow: hidden;
display: block;
line-height: 16px;
float: left;
position: absolute;
top: 0;
color: #bababa;
padding: 0 15px;
height: 100%;
color: #999;
line-height: 30px;
text-shadow: 0 1px 0 #fff;
}
.select-box a:hover {
text-decoration: none;
}
.select-box select {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 30px;
-webkit-appearance: none;
z-index: 1003;
}
.select-box-icon {
z-index: 0;
position: absolute;
top: 0px;
right: 0;
height: 100%;
width: 24px;
display: block;
font-family: "icons";
color: #404040;
font-size: .8em;
text-align: left;
}
.ui-button {
background-color: #00c6a6;
background-image: none;
border: none;
display: inline-block;
vertical-align: middle;
padding: 0px 15px 0px 15px;
font-weight: 700;
box-shadow: inset 0 0 0 0 #eeeeee;
}
input.ui-button,
button.ui-button {
padding-left: 10px;
padding-right: 10px
}
.ui-button-main {
background-color: #428BCA;
}
a.ui-button {
line-height: 34px;
margin: 15px 0;
float: right;
color: #FFFFFF;
}
.ui-button-middle {
height: 36px;
font-size: 1em;
line-height: 1em;
}
.doublebutton {
float: right;
}
.doublebutton a {
border: solid 1px #d1d1d1;
background-color: #f7f7f7;
cursor: default;
font-size: 11px;
font-weight: 700;
text-align: center;
white-space: nowrap;
outline: 0;
padding: 8px;
cursor: pointer;
display: block;
float: left;
}
.doublebutton a span {
text-indent: -9999px;
float: left;
width: 16px;
height: 16px;
background-image: url(../images/icons.png);
cursor: pointer;
}
.doublebutton .list-button {
margin-right: 1px;
border-right: none;
}
.doublebutton .list-button span {
background-position: -16px -16px
}
.doublebutton .grid-button {
border-left: none;
}
span.active a.grid-button span {
background-position: -16px 0;
}
span.active a.list-button {
border: solid 1px #d1d1d1;
background-color: #f7f7f7;
}
span.active a.list-button span {
background-position: 0 -16px;
}
span.location {
height: 20px;
}
.active a.grid-button,
.doublebutton a.list-button {
background: #428bca;
border: 1px solid #428bca;
}
.alert_form {
background-color: #dee8f4;
padding: 15px 10px;
margin-bottom: 15px;
margin-top: 10px;
border: 1px solid #e2e2e2;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
}
.alert_form button {
width: 100%;
}
.alert_form input {
width: 184px;
margin-bottom: 12px;
}
.alert_form h3 {
color: #333;
}
.form-vertical .control-group {
clear: both;
margin-bottom: 10px;
}
.form-container .controls input,
.form-container .meta input {
background-color: #fff;
border: solid 1px #bfbfbf;
box-shadow: inset 0 1px 0 0 #E0E0E0;
display: inline-block;
vertical-align: middle;
color: #646464;
width: 50%;
padding: 0 10px;
font-size: 1em;
}
.form-container .ui-drop-files {
width: 280px;
padding: 0 10px;
height: 70px;
text-align: center;
font-size: 18px;
line-height: 70px;
color: rgba(0, 0, 0, 0.5);
}
.form-container .controls {
font-size: 1em;
}
.form-container .main-button {
}
.form-container .checkbox input,
input[type="checkbox"],
.form-container .meta input[type="checkbox"],
.form-container .controls input[type="checkbox"],
input[type="radio"],
.form-container .meta input[type="radio"],
.form-container .controls input[type="radio"] {
width: auto;
vertical-align: middle;
padding: 0;
border: none;
box-shadow: none;
margin-left: 0px;
}
.meta_list .meta ul {
padding: 0;
float: left;
width: calc(95% - 200px);
}
.meta_list .meta ul li {
float: left;
}
.meta_list .meta ul li label {
width: auto;
margin-left: 5px;
float: none;
}
.meta_list .meta .cf_date_interval {
width: 100px;
}
.meta_list .meta:after {
content: "";
clear: both;
}
.form-container .checkbox {
margin-bottom: 5px;
}
.form-container .checkbox label {
font-size: .85em;
}
.form-horizontal .actions {
border-top: solid 1px #eaeaea;
padding: 10px 10px 15px 155px;
margin: 0 25px;
text-align: center;
}
.form-horizontal .actions a {
font-size: .725em;
}
.form-horizontal label {
float: left;
width: 160px;
font-size: .85em;
}
.form-horizontal .controls {
margin-left: 10px;
}
.form-horizontal .controls label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .control-group,
.form-horizontal .meta_list .meta {
clear: both;
margin-bottom: 10px;
}
.form-container-box {
float: left;
width: 100%;
border: solid 1px #eaeaea;
margin: 0 auto;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
}
.form-container-box .header {
background-color: #f7f7f7;
padding: 10px 15px;
margin-bottom: 30px;
}
.form-container-box .header h1 {
margin: 0;
line-height: 1.2em;
}
/* categories image */
.home #main .categories .category h1 .category.for-sale { background: url(../images/sprite.gif) no-repeat; background-position: -2px -5px; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.vehicles { background: url(../images/sprite.gif) no-repeat; background-position:-5px -62px; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.classes { background: url(../images/sprite.gif) no-repeat; background-position:-60px -2px; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.real-estate { background: url(../images/sprite.gif) no-repeat; background-position:-62px -60px; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.services { background: url(../images/sprite.gif) no-repeat; background-position:-115px -5px; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.community { background: url(../images/sprite.gif) no-repeat; background-position:-115px -60px; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.jobs { background: url(../images/sprite.gif) no-repeat; background-position:-162px -5px; padding: 25px; padding-top: 10px;}
.home #main .categories .category h1 .category.personals { background: url(../images/sprite.gif) no-repeat; background-position:-162px -60px; padding: 25px; padding-top: 10px;}
#item-post .col-md-12{
float:none;
}
.category .select-box {
margin-bottom: 5px;
}
#plugin-hook table {
width: 100%;
}
table.prod-attr td input,
#plugin-hook .box .row input,
#plugin-hook .box .tabber input {
height: 30px;
}
#item-post select {
height: 30px;
position: relative;
display: inline-block;
background-color: #f9f9f9;
border: solid 1px #d3d3d3;
display: inline-block;
vertical-align: middle;
line-height: 33px;
padding: 0 15px;
box-shadow: inset 0 1px 0 0 #fff;
overflow: hidden;
}
#plugin-hook .box .row select,
#plugin-hook .box .row input,
#plugin-hook .meta input,
#item-post select#buysell_type,
#item-post .meta_list .meta select {
width: calc(100% - 245px);
margin-bottom: 10px;
margin-left: 15px;
}
#item-post .meta_list .meta textarea {
width: calc(95% - 165px);
}
#item-post .controls.email input,
#item-post .controls.name input,
#item-post .controls.address input,
#item-post .controls.city-area input,
#item-post .controls.city input,
#item-post .controls.region input,
#item-post .controls.title input {
width: 100%;
}
#item-post .cf_date_interval {
width: calc(50% - 140px) !important;
}
#item-post .meta input[type="radio"],
#item-post .meta input[type="checkbox"] {
width: 20px !important;
}
#item-post .price input#price,
#item-post .price .select-box {
width: calc(50% - 100px) !important;
}
.home #main {
float:left; width:78%;
margin-top: 30px;
}
.box ul.checkbox-list {
clear: both;
padding-left: 0px;
margin-top: 40px;
}
.attr-make td, .attr-model td {
padding: 10px 0px;
}
.box ul.checkbox-list li input {
float: right;
}
.box ul.checkbox-list li {
float: left;
}
#item-post td input {
float: left;
width: 100%;
}
#item-post td.inp {
width: 100%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.form-container .photos input {
width: 100%;
border: 0;
margin: 0;
padding: 0;
box-shadow: none;
}
.photos_div {
margin-bottom: 20px;
}
.form-container .controls #photos a {
font-size: 12px !important
}
button {
background-color: #428BCA;
background-image: none;
border: none;
display: inline-block;
vertical-align: middle;
color: #fff!important;
line-height: 36px;
font-weight: 700;
padding: 0 15px;
box-shadow: inset 0 0 0 0 #404040;
}
button:hover {
background-color: #3AD003;
}
.ui-drop-files {
box-shadow: none;
border: 4px dashed rgba(0, 0, 0, 0.2);
height: 100px;
background: rgba(0, 0, 0, 0.1)
}
.bordered-box {
border: solid 1px #e2e2e2;
padding: 15px;
font-size: .80em;
background-color: rgb(247, 247, 247);
}
.bordered-box ul {
padding-left: 10px;
list-style: inherit;
color: #080808;
font-size: 12px;
text-align: justify;
background-color: white;
padding: 5px 5px 1px 18px;
border: #00c6a6 solid 1px;
background-color: rgba(0, 198, 166, 0.05);
}
.bordered-box h2 {
font-size: 1.5em;
margin-top: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #00c6a6;
}
.mark-as {
border: solid 1px #d9aeae;
margin-bottom: 10px;
height: 33px;
}
.form-container .photos input {
width: 100%;
}
.form-container .photos img {
width: 120px;
}
.photos_div a {
display: block;
}
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000;
}
.hover .arrow-up {
border-bottom-color: #fff;
}
.arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
}
.hover .arrow-down {
border-top-color: #fff;
}
.arrow-left {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000;
}
.hover .arrow-left {
border-right-color: #fff;
}
.arrow-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000;
}
.hover .arrow-right {
border-left-color: #fff;
}
.paginate {
padding: 25px;
text-align: center;
clear: both;
}
.paginate li {
display: inline;
list-style-type: none;
}
.paginate a,
.paginate span {
margin: 0 1px;
padding: 5px 10px;
}
.paginate a.previous {
margin-right: 15px;
}
.paginate a.next {
margin-left: 15px;
}
.paginate strong {
border: 1px solid #EEE;
color: #F30;
margin: 0 1px;
padding: 5px 10px;
}
.paginate em {
border: 1px solid #EEE;
color: #AAA;
font-style: normal;
margin: 0 1px;
padding: 5px 10px;
}
.paginate em.previous {
margin-right: 15px;
}
.paginate em.next {
margin-left: 15px
}
.searchPaginationSelected,
.paginate a:hover {
font-weight: 700;
background-color: #3AD003;
color: #fff;
}
.see_by {
float: right;
border: solid 1px #D1D1D1;
background-color: #F7F7F7;
cursor: pointer;
font-size: 13px;
font-weight: 400;
text-align: center;
white-space: nowrap;
outline: 0;
padding: 7px 6px;
display: block;
margin-right: 10px;
position: relative;
}
.see_by span {
padding-right: 5px;
}
.see_by a {
padding-right: 6px;
}
.see_by a.current:link,
a.current:visited {
font-weight: 700
}
.see_by ul a:hover {
font-weight: 900;
font-size: 1.2em;
padding: 7px 40px;
background-color: #43DA04;
}
.see_by li {
margin: 6px;
}
.see_by span {
float: left
}
.see_by label {
float: right;
padding: 0 18px 0 5px;
color: #000;
margin: 0;
}
.see_by ul {
position: absolute;
right: -1px;
margin: 22px 0 0;
padding: 8px 10px;
list-style: none;
text-align: right;
background-color: #428bca;
border: solid 1px #f8f8f8;
display: none;
}
.see_by ul a {
font-size: 1em;
font-weight: 500;
color: #fff;
}
.see_by .arrow-up,
.see_by .arrow-down,
.see_by .arrow-right,
.see_by .arrow-left {
position: absolute;
right: 6px;
top: 11px;
}
.hover ul {
display: block;
}
.wrapper-flash {
font-weight: 700;
}
.flashmessage {
font-size: 14px;
padding: 15px 0;
width: 100%;
top: 10px;
z-index: 999;
text-align: center;
color: #fff;
position: relative;
}
.flashmessage-warning,
.help-box {
background-color: #d0a52a;
border: solid 1px #93741e
}
.flashmessage-error {
background-color: #c44e20
}
.flashmessage-ok {
background-color: #cfffcf;
color: #25772d
}
.flashmessage-info {
background-color: #30a0ef;
border: solid 1px #2477b2
}
.help-box {
padding: 5px 10px;
display: inline-block;
color: #fff;
font-size: 14px;
margin: 10px 0;
}
.flashmessage .ico-close {
position: absolute;
top: 14px;
right: 17px;
float: right;
font-size: 18px;
line-height: 18px;
color: #FFF;
text-shadow: none;
font-weight: 700;
cursor: pointer;
}
.flashmessage-error .close {
color: #B94A48;
}
.flashmessage-warning .close {
color: #C09853;
}
.flashmessage-success .close,
.flashmessage-information .close {
color: #3A87AD;
}
#error_list,
.error_list {
background-color: #F2DEDE;
border: solid 2px #EED3D7;
color: #B94A48;
padding: 10px;
display: none;
margin: 0 10px 20px;
-moz-column-count: 1;
-moz-column-gap: 1;
-webkit-column-count: 1;
-webkit-column-gap: 1;
column-count: 1;
column-gap: 1px;
}
#error_list li,
.error_list li {
padding: 2px 0 2px 18px;
}
#error_list li label,
.error_list li label {
margin-top: 0;
float: none;
width: auto;
text-align: center;
}
.user-card {
background-color: #f7f7f7;
position: relative;
padding-left: 120px;
height: 120px;
margin-bottom: 25px;
}
.user-card ul {
padding: 15px;
margin: 0;
}
.user-card .name {
font-size: 1.5em;
margin-bottom: 15px;
}
.user-card .website {
font-size: .725em;
}
.user-card .location,
.user-card .adress {
font-size: .725em;
}
.user-card img {
position: absolute;
left: 0;
top: 0;
width: 120px;
}
@font-face{font-family:"Osclass";font-weight:400;src:url(../fonts/osclass-regular.woff)}
@font-face{font-family:"Osclass";font-weight:100;src:url(../fonts/osclass-extra-light.woff)}
@font-face{font-family:"icons";src:url(../fonts/icons.eot);src:url(../fonts/icons.eot?#iefix) format("embedded-opentype"),
url(../fonts/icons.woff) format("woff"),
url(../fonts/icons.ttf) format("truetype"),
url(../fonts/icons.svg#untitledregular) format("svg");
font-weight:400;
font-style:normal;
}
html {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 100%;
line-height: 1.125em;
color: #404040;
}
.icons {
font-size: 32px;
line-height: 32px;
}
.icons:after {
display: inline-block;
font-family: "icons";
}
.ico-search:after {
content: "s";
}
.ico-menu:after {
content: "m";
}
.ico-grid:after {
content: "g";
}
body {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
position: relative;
background-color: #fbfbfb;
}
/* map */
body.home,
body.search,
body.item {
padding-bottom: 80px;
}
.wrapper {
width: 96%;
margin-left: auto;
margin-right: auto;
}
#wrapper {
min-height: 100%;
}
#responsive-trigger {
display: none;
}
fieldset h3,
fieldset h2 {
background-color: #F5F5F5;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
padding-left: 15px;
padding-bottom: 10px;
padding-top: 10px;
font-size: 18px;
font-weight: 400;
}
.header-fieldset h1 {
padding-left: 7px;
padding-bottom: 10px;
padding-top: 10px;
font-size: 30px;
font-weight: 400;
}
h1,h2,h3,h4,h5 {
font-weight: 700;
color: #337ab7;
letter-spacing: -.03em;
line-height: 1em;
margin-top: 0;
}
h1 {
font-size: 2.2em;
margin-top: 10px;
margin-bottom: 10px;
}
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.3em;
}
h5 {
font-size: 1.15em;
}
.clear {
clear: both
}
body.search #sidebar,
body.user #sidebar {
float: left;
width: 210px
}
body.user #main {
padding-left: 15px;
}
body.search #main,
body.user #main {
margin-top: 20px;
padding: 0 10px;
float: right;
width: calc(100% - 230px);
border: 1px solid #e2e2e2;
background-color: #FFF;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
}
body.search .actions {
height: 44px;
padding-right: 15px;
padding-top: 4px;
margin-bottom: 15px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.resp-toogle {
display: none;
}
.title-has-actions {
border-bottom: solid 1px #eaeaea;
margin-bottom: 10px;
}
.title-has-actions h1,
.title-has-actions h2,
.title-has-actions h3 {
float: left;
margin-bottom: 0;
}
.title-has-actions a {
float: left;
margin-left: 10px;
font-size: .825em;
line-height: 2em;
}
.flashmessage-404 {
background-color: #FCF8E3;
border: solid 1px #FBEED5;
color: #C09853;
font-size: 15px;
padding: 10px 15px;
margin-top: 25px;
}
.flashmessage-404 ul {
list-style: disc;
padding: 10px 0 10px 25px;
}
body.not-found .categories h2,
body.not-found .categories h3 {
float: left;
width: 25%;
font-size: 13px;
font-weight: 400;
margin: 3px 0;
}
body.not-found .categories {
margin-top: 10px;
}
body.not-found fieldset.main {
padding: 10px 0;
}
body.not-found #uniform-sCategory {
display: none;
}
body.not-found h1 {
font-size: 24px;
margin-bottom: 20px;
}
body.not-found #query {
background-color: #fff;
border: solid 1px #bfbfbf;
box-shadow: inset 0 1px 0 0 #E0E0E0;
display: inline-block;
vertical-align: middle;
color: #646464;
line-height: 43px;
padding: 0 15px;
width: 280px;
padding: 0 10px;
height: 34px;
line-height: 30px;
font-size: 1em;
}
#footer {
clear: both;
margin-top: 160px;
padding-bottom: 20px;
box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.4);
padding-top: 15px;
font-size: .725em;
background-color: #333;
color: #FFF;
width: 100%;
}
body.register #footer,
body.login #footer,
body.user-profile #footer,
body.custom #footer {
position: relative;
bottom: -160px;
}
#footer ul {
float: right;
}
#footer a {
color: #FFF;
}
#footer a:hover {
text-decoration: underline;
}
#footer li {
display: inline;
margin-left: 10px;
}
.footer-links,
#footer ul {
padding: 0;
margin: 0;
clear: both;
}
.footer-links li {
float: left;
width: 31%;
padding-right: 2%;
margin-bottom: 5px;
font-size: .725em;
}
#footer .resp-toogle .publish {
padding: 0;
margin: 15px 0;
display: block;
}
#footer .resp-toogle .publish a {
background-color: #36C303;
border: solid 1px #3AD003;
display: inline-block;
vertical-align: middle;
color: #fff!important;
line-height: 43px;
padding: 0 15px;
box-shadow: inset 0 0 0 0 #404040;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
font-size: 1.2em;
padding: 0;
}
#header {
background: #428bca;
width: 100%;
height: auto;
display: block;
position: relative;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px solid #007fff;
}
#header .wrapper {
position: relative;
display: table;
padding-right: 0;
padding-top: 10px;
height: 46px;
margin: 0 auto;
}
#header #logo {
float: left;
color: #fff;
font-family: "Osclass";
border: none;
font-size: 1.6em;
line-height: 1.5em;
padding-bottom: 10px;
}
#header #logo a {
font-size: 1.5em;
line-height: .8em;
font-weight: 700;
color: #fff;
}
#header .nav .logout a:hover {
background-color: #EA0606
}
#header .nav .account a:hover {
background-color: #36C303;
}
#header .hiuser,
#header .logout a,
#header .account a,
#header .login a,
#header .register a,
#header .publish a {
border: 1px solid #fff;
display: inline-block;
vertical-align: middle;
color: #fff!important;
line-height: 33px;
padding: 0 12px;
}
#header .register a:hover {
background-color: #FFF!important;
color: #333!important;
}
#header .login a:hover {
background-color: #36C303!important;
color: #fff;
}
#header .publish a {
background-color: #36C303;
border: 1px solid #fff;
font-weight: 700;
color: #FFF!important;
}
#header .publish a:hover {
background-color: red!important;
}
#header .account a:hover {
background-color: #009901;
}
#header #logo span {
color: #fff;
font-family: "Osclass";
font-weight: 100;
border: none;
font-size: .5em;
line-height: 1em;
display: block;
}
#header #logo #description {
margin-left: 1px;
font-size: .7em
}
.main-search {
display: table;
padding: 0;
height: 46px;
margin: 0 auto;
position: relative
}
.main-search .has-placeholder {
float: none
}
.main-search input {
background-color: #FFF;
border: solid 1px #00ab95;
border-right: 1px solid #CCC;
display: inline-block;
vertical-align: middle;
color: #646464;
line-height: 20px;
padding: 0 15px;
height: 40px;
width: 100%
}
.main-search .selector {
padding-left: 32px;
padding-left: 0px;
padding-right: 0
}
.main-search .select-box {
border: none;
background-image: none;
background-color: FFF
}
.main-search .select-box-icon {
background: url(../images/down_arrow.png) no-repeat right;
width: 32px;
font-size: 0;
margin-right: 10px
}
.main-search .reset-padding {
padding-left: 0
}
.main-search .ui-button {
background: url(../images/search2.png) no-repeat right;
background-color: #00c6a6;
border: 1.2px solid #00ab95;
border-left: 0;
display: inline-block;
vertical-align: middle;
color: #fff!important;
line-height: 36px;
font-weight: 700;
height: 40px;
width: 130px;
}
.main-search .cell {
display: table-cell;
width: 100%;
vertical-align: top
}
#header .nav {
position: relative;
padding: 0;
margin: 12px 0;
float: right
}
#header .nav li {
position: initial;
float: left;
color: #fff
}
#header .nav li.search,
#header .nav li.cat {
display: none
}
#header .nav li a,
#header .nav li span {
color: #fff;
font-size: .875em;
font-weight: 700
}
#header .register a {
margin: 0 5px;
}
#header .nav li a:hover {
color: #FFF
}
#header .nav li.publish {
float: right
}
.main-search .select-box .select-box-label {
line-height: 43px
}
.main-search .select-box select {
width: auto;
height: 42px
}
.main-search .select-box-icon {
top: 0
}
.wrapper-flash {
margin-bottom: 15px
}
.breadcrumb {
line-height: 1.05em;
font-size: 12px;
height: auto;
width: auto;
padding: 1px 0;
background-color: transparent;
display: inline;
}
ul.breadcrumb {
margin: 0;
padding: 0
}
ul.breadcrumb li {
float: left;
padding: 0 2px;
font-weight: 400
}
.r-list {
display: none;
margin: 0 40px 0 0;
padding: 0;
list-style: none
}
.latest_ads {
margin-top: 10px;
margin-bottom: 20px;
border: 1px solid #eeeeee;
background-color: #FFF;
box-shadow: 0 22px 10px 16px rgba(233, 235, 238, 0.48);
}
.latest_ads h1 {
float: left;
font-size: 24px;
padding-left: 15px
}
.latest_ads .actions {
float: right;
margin-top: 10px;
margin-right: 10px
}
body.home .r-list {
display: block
}
body.home #main {
width: 70%;
float: left
}
.tbl {
display: block;
width: 100%
}
.first_cel ul {
margin: 0
}
.cell_3 ul {
margin: 0;
margin-left: 15px
}
.r-list li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px;
padding: 0 0 8px;
border: 1px solid #e2e2e2;
background-color: #FFF;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075)
}
.r-list li ul li {
box-shadow: none;
border: none;
margin-bottom: 0;
padding: 0 8px 0 10px
}
.r-list li .r-list li li {
float: none;
width: 100%
}
.r-list li>li:nth-child(4n),
.r-list li .clear {
clear: both
}
ul.r-list li h2 {
margin: 0 0 10px;
padding: 8px;
font-size: 1em;
overflow: hidden;
text-overflow: ellipsis;
background-color: #F8FBFC;
border-bottom: 1px solid #E5E5E5
}
ul.r-list li h2 a {
font-size: 1em;
margin-top: 3px;
}
ul.r-list li h2 span {
font-weight: 400
}
ul.r-list li a,
ul.r-list li span {
font-size: .8125em
}
ul.r-list li ul {
margin: 0;
padding: 0
}
.list-header h1 {
font-size: 15px 3 relative 22px;
margin-left: 10px
}
.listing-card-list {
margin: 3px;
padding: 20px 0 0;
clear: both;
width: 99%;
}
.listing-card-list.listing-grid {
float: left;
}
.listing-card-list.listing-grid .listing-thumb {
margin: 0;
padding: 0;
}
.see_more_link {
text-align: center
}
p.see_more_link {
text-align: center;
padding: 20px;
background-color: #404BCA
}
p.see_more_link a {
color: #FFF;
text-decoration: blink;
text-transform: uppercase;
font-weight: 700
}
.see_more_link {
clear: both
}
.counter-search {
float: left;
padding: 12px;
}
.list-header p {
margin-left: 10px
}
#main h5 {
margin-bottom: 10px;
padding-top: 39px;
clear: both;
text-align: center;
}
#related-searches {
padding-top: 25px
}
#related-searches h5 {
margin-bottom: 10px;
font-size: 1em
}
.listing-card {
overflow-x: auto;
overflow-y: auto;
border: 1px solid rgb(190, 213, 232);
margin: 4px 0px;
box-shadow: rgb(66, 139, 202) 0px 1px 4px;
}
.listing-card .listing-basicinfo,
.listing-card {
display: list-item;
vertical-align: top;
padding-bottom: 5px;
}
.listing-attributes span{
margin-right: 14px;
}
.listing-grid .category,
.listing-grid .location {
float: none;
margin-right: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px;
max-height: 16px;
/* -webkit-line-clamp: 1; */
-webkit-box-orient: vertical;
}
.listing-card .list-currency-value {
font-size: 12px;
white-space: nowrap;
font-weight: 600;
color: #080808;
text-shadow: #848484 1px 1px 1px;
float: right;
width: 20%;
padding: 1% 1%;
background-color: #00c6a6;
position: initial;
box-shadow: #929292 -1px 1px 1px;
}
.listing-card .listing-data {
display: table-row;
width: 100%
}
.listing-card .listing-detail {
width: auto;
margin-left: 145px
}
.listing-card .listing-cell {
display: table;
width: 99.996%
}
.listing-card-list .listing-thumb {
width: 140px;
float: left;
margin: 2px;
padding: 5px;
}
.listing-card-list .listing-thumb img {
width: 94%;
max-width: 180px
}
.listing-card-list.listing-grid .listing-thumb img {
max-width: 100%
}
.listing-card .listing-attributes {
font-size: .78em;
color: #00c6a6;
padding: 4px 0 1px;
line-height: 1em;
overflow: hidden;
}
.listing-card .listing-attributes a {
color: #777;
font-weight: 700;
}
.listing-card .listing-attributes a:hover {
text-decoration: underline
}
.premium-list li.listing-card,
li.listing-card.premium {
background-color: rgba(215, 235, 252, 0.28);
background-image: /* top, image */ url(http://dev.webofiice.ro/anunt/oc-content/themes/devoffice/images/certificate.png);
background-repeat: no-repeat;
background-position-y: 1%;
background-position-x: 0%;
background-size: 3%;
}
.listing-grid .last {
margin-right: 0
}
.listing-grid .listing-card {
width: 31.33%;
padding: 8px;
background-color: #fbfbfb;
border: 1px solid #ECECEC;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
margin: 4px;
position: relative;
display: inline-block;
clear: none
}
.listing-grid .listing-card .listing-attributes .location {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.listing-grid .listing-card .listing-attributes .location a {
display: inline
}
.listing-grid .listing-card img {
width: 100%;
height: auto;
float: none
}
.grid-currency-value {
display: none;
}
.listing-grid .grid-currency-value {
white-space: nowrap;
font-weight: 700;
color: #fff;
text-align: center;
font-size: 1.41em;
margin-top: 28px;
margin-bottom: 5px;
float: none;
display: block;
overflow: hidden;
text-overflow: ellipsis;
padding: 14px 9px;
background-color: #36C303;
top: 0px;
}
.listing-grid .grid-currency-value:hover {
cursor: pointer;
font-size: 1.81em
}
.listing-grid .listing-detail {
margin-left: 0
}
.listing-grid .listing-basicinfo,
.listing-grid .listing-data {
width: 99.96%;
display: block
}
.listing-grid .listing-thumb {
width: 99.99%
}
.listing-grid .listing-cell {
display: block
}
.listing-grid p {
display: none
}
ul#listing-card-list.listing-grid .list-currency-value,
ul#listing-card-list.listing-grid p {
display: none;
}
.listing-grid .listing-basicinfo a {
padding-top: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 98%;
display: inline-block;
text-align: center
}
.listing-grid .listing-attributes {
text-align: center;
line-height: 1.2em;
width: 100%;
float: none;
}
li.listing-card .listing-basicinfo a {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 20px;
height: 26px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding-top: 5px;
padding-bottom: 5px;
}
.listing-grid .g-hide {
display: none;
}
body.search .listing-grid .last {
margin-right: 0;
}
#sidebar {
margin-top: 10px;
width: 100%;
float: right;
}
#sidebar fieldset {
margin: 0;
padding: 0;
border: none;
}
#sidebar h3 {
margin: 0;
margin-bottom: 12px;
line-height: 1.1em;
font-size: .96em;
}
#sidebar fieldset {
padding: 10px 6px 16px;
margin-bottom: 4px;
border-bottom: solid 1px #eaeaea;
font-size: .8125em;
line-height: .8125em;
border: 1px solid #e2e2e2;
background-color: #FFF;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
}
#sidebar input {
vertical-align: bottom;
}
#sidebar .input-text,
#sidebar input[type="text"] {
background-color: #f2f2f2;
border: solid 1px #d9d9d9;
box-shadow: inset 0 1px 0 0 #E0E0E0;
display: inline-block;
vertical-align: middle;
color: #646464;
padding: 0 15px;
width: 100%;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#sidebar ul.category,
#sidebar ul.category ul {
padding: 0;
margin: 0;
}
ul.sidebar-list {
padding: 0;
margin: 0;
}
ul.user_menu {
padding: 5px 20px;
margin: 0;
}
body.user #sidebar {
border-right: solid 1px #eaeaea;
border: 1px solid #e2e2e2;
background-color: #FFF;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
margin-top: 20px;
padding-top: 15px;
}
.filters .row {
margin-right: 5px;
margin-left: 5px;
}
#plugin-hook .row {
clear: both;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
}
#plugin-hook label {
margin-right: 20px;
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
.tabbertab label,
#plugin-hook .row label {
margin-right: 20px;
}
.tabbertab input {
width: 50%!important;
margin-top: -20px;
}
#sidebar ul.category li,
ul.sidebar-list li,
ul.user_menu li {
padding: 3px 0;
line-height: 1.15em
}
ul.user_menu li {
padding: 0 0 12px;
font-size: .8125em;
line-height: .8125em;
}
#sidebar ul.category ul {
padding-left: 15px;
}
#sidebar .show-sub a {
font-weight: 700;
}
#sidebar .show-sub li a {
font-weight: 400;
}
#sidebar .price-slice input,
#sidebar .two_input input {
width: 40px;
padding: 0 2px;
margin-right: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#sidebar .two_input input {
width: 70px;
}
#sidebar .price-slice span {
margin-right: 0;
}
#sidebar button {
border: solid 1px #3AD003;
display: inline-block;
vertical-align: middle;
color: #fff !important;
padding: 0px;
line-height: 25px;
width: 100%;
margin-left: 0px;
}
.ui-button-main:hover,
#sidebar button:hover {
background-color: #36C303;
border: solid 1px #3AD003;
}
#sidebar .actions {
border: none;
padding: 0;
margin: 5px 5px 15px;
}
#sidebar .plugin-hooks h6 {
margin: 0;
margin-bottom: 10px;
line-height: 1em;
font-size: 1em;
font-weight: 400;
font-family: "Osclass";
color: #666;
}
#sidebar .plugin-hooks .row {
margin-bottom: 10px;
}
#sidebar .select-box {
width: 100%;
}
#sidebar a {
}
#sidebar a:hover {
text-decoration: underline;
}
.widget-box {
background-color: #f7f7f7;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #e2e2e2;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
}
.widget-box h3 {
margin: 0;
}
.widget-box ul {
margin: 0;
padding: 0;
-moz-column-count: 2;
-moz-column-gap: 2.5em;
-webkit-column-count: 2;
-webkit-column-gap: 2.5em;
column-count: 2;
column-gap: 2.5em;
}
.widget-box li a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-weight: 400;
font-size: .8125em;
display: block;
padding: 4px 5px;
margin: -1px 0;
position: relative;
border-bottom: solid 1px #eaeaea;
border-top: solid 1px #eaeaea;
}
.widget-box li li a:hover {
background-color: #333;
border-color: #f7f7f7;
color: #fff;
z-index: 2;
}
body.item #sidebar .form-container label,
body.user-public-profile #sidebar .form-container label {
font-size: .75em;
}
body.item #contact h2,
body.user-public-profile #contact h2 {
margin-top: 0;
}
#custom_fields {
margin: 20px 0 ;
}
body.item .meta,
body.item .meta_list {
padding-bottom: 5px;
}
body.item .meta_list strong {
width: 154px;
float: left;
clear: both;
}
li.listing-card p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px;
max-height: 48px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 5px 0px 10px;
}
body.item #main,
body.user-public-profile #main {
width: 70%;
float: left;
border: 1px solid #e2e2e2;
background-color: #FFF;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.075);
}
#item-content h1 {
min-height: 60px;
margin-left: 10px;
padding-bottom: 10px;
font-size: 24px;
text-transform: capitalize;
}
#edit_item_view {
background-color: #dcf9cd;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
}
.item-photos .main-photo img {
width: 100%;
}
.item-photos .main-photo {
width: calc(100% - 114px);
float: left;
margin: 8px;
}
.item-photos .thumbs {
float: right;
width: 78px;
margin: 0 10px;
}
.item-photos .thumbs img {
margin-bottom: 12px;
border: solid 2px #eaeaea;
}
.item-header {
margin-top: 0px;
background: #f7f7f7;
padding: 10px;
font-size: .875em;
margin-bottom: 15px;
font-size: .75em;
}
.item-header #type_dates {
float: right;
}
.item-header #type_dates em {
font-style: normal;
}
#item_location {
list-style: none;
margin: 0;
padding: 0
}
#item_location li {
display: inline;
}
#description {
clear: both;
padding-bottom: 30px;
padding-top: 5px;
margin-left: 15px;
margin-right: 15px;
}
.mark_as {
height: 32px;
width: 100%;
border: none;
background: transparent;
margin-bottom: 15px;
}
.mark_as a {
width: 100%;
height: auto;
display: block;
top: 0;
left: 0;
position: absolute;
}
.mark_as .select-box-label {
border: solid 1px #f2f2f2;
position: relative;
float: none;
background: #f7f7f7;
}
.similar_ads h2 {
margin-top: 35px;
margin-left: 10px;
font-size: 24px;
}
.admin-options {
font-size: .725em;
}
.admin-options a {
margin: 0 5px;
}
#comments {
margin-top: 25px;
margin-left: 15px;
margin-right: 15px;
}
body.item h1 .price {
background-color: #36C303;
font-weight: 600;
font-size: 24px;
float: right;
right: 1px;
color: white;
padding: 12px 10px;
position: relative;
margin: 0 auto;
cursor: pointer;
}
body.item h1 .price:hover {
width: 46%;
}
.price:after {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: stroke;
z-index: 0;
right: 100%;
top: 23px;
border-color: rgba(102,34,136,0);
border-width: 24px;
margin-top: -24px;
border-right-color: transparent;
}
.item #comments .header {
padding: 12px 0;
text-align: center;
}
.item #comments h3 {
font-size: 1em;
}
.item #comments {
clear: both;
float: left;
margin-bottom: 35px;
width: calc(100% - 30px);
border: solid 1px #bfbfbf;
padding: 10px;
}
.item #comments .comments_list {
border-bottom: 1px dotted #DDD;
margin-bottom: 20px;
}
.item #comments .comment {
background: url(../images/comments_quotes.gif) no-repeat 10px 0;
margin-bottom: 15px;
padding: 7px 0 0 60px;
}
.item #comments .comment h3 {
color: #666;
margin-bottom: 5px;
}
.item #comments .comment h3 em {
color: #888;
font-size: 12px;
font-weight: 400;
}
.item #comments .comment p {
color: #878787;
font-style: italic;
line-height: 18px;
}
.item #comments .pagination {
text-align: right;
margin-right: 10px;
margin-bottom: 15px;
}
.item #comments .pagination a {
border: 1px dotted #AAA;
padding: 5px 8px;
}
.item #comments .pagination a.searchPaginationSelected {
background-color: #f7f7f7
}
.item #comments .pagination a.searchPaginationNext,
.item #comments a.searchPaginationPrev,
.item #comments .pagination a.searchPaginationFirst,
.item #comments a.searchPaginationLast {
border: 0;
}
.item #comments .pagination a.searchPaginationNext:hover,
.item #comments a.searchPaginationPrev:hover,
.item #comments .pagination a.searchPaginationFirst:hover,
.item #comments a.searchPaginationLast:hover {
background-color: #fff
}
.item #comments a:hover {
background-color: #f7f7f7
}
.item #comments button {
float: right;
width: 35%;
}
body.item #description #itemMap {
clear: both;
top: 29px;
}
.home .vista_728 img {
margin-top: 70px;
}
.vista_728,
.vista_header img {
width: 100%;
max-width: 728px;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}
.vista_300 {
width: 98%;
max-width: 290px;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
.vista_300 img {
margin-bottom: 15px;
}
.qq-upload-button {
padding: 33px!important;
}
.qq-upload-button div:before {
content: "\f030";
font-family: FontAwesome;
font-style: normal;
font-size: 44px;
font-weight: 100;
text-decoration: inherit;
padding-right: 35px;
vertical-align: middle;
}
#restricted-fine-uploader {
padding-right: 30px;
}
@media only screen and (min-width: 1199px) {
body.home #main {
width: 72%;
max-width: 830px;
}
.listing-grid .listing-card {
width: 15.5%;
}
body.item #main,
body.user-public-profile #main {
width: 800px
}
body.search #main,
body.user #main {
width: 910px
}
.wrapper {
}
.main-search {
width: 100%
}
#sidebar {
width: 100%;
}
}
#responsive-trigger {
display: block;
}
ul.r-list {
width: 100%;
float: none;
margin: 0;
padding: 0;
border: none;
background-color: transparent;
text-shadow: none;
}
ul.r-list:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
ul.r-list li {
position: relative;
margin-bottom: 5px;
margin-right: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
ul.r-list>li:nth-child(2n) {
padding-left: 5px
}
ul.r-list>li:nth-child(odd) {
clear: both
}
.r-list>li.clear,
.r-list>li:nth-child(4n) {
clear: none
}
ul.r-list li a.sub-category {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-weight: 700;
display: inline-block;
padding: 2px 10px;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
font-size: .9em;
border-color: #eaeaea;
color: #069;
background-color: #f7f7f7;
text-shadow: 0 1px 1px #fff
}
ul.r-list li h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-weight: 700;
display: inline-block;
padding: 2px 10px;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
border-color: #eaeaea;
color: #069;
text-shadow: 0 1px 1px #fff;
margin: 0;
margin-top: 5px;
border: none;
background-color: #FFF;
font-size: 19px
}
ul.r-list li span {
display: none
}
ul.r-list li ul {
-webkit-transition: opacity 1s ease-out;
opacity: 0;
height: 0;
overflow: hidden
}
ul.r-list li.active h2,
ul.r-list li.active a {
background-color: #FFF;
color: #2d5b89;
font-size: 19px
}
ul.r-list li span.collapse {
cursor: pointer;
display: inline-block;
float: right;
font-size: 28px;
}
ul.r-list li.active ul {
opacity: 1;
height: auto;
margin: 0;
padding: 5px 0 0;
margin-bottom: 5px
}
ul.r-list li.active ul li {
padding: 0
}
ul.r-list li.active ul li a {
border-bottom: 1px solid #EBEBEB;
border-top: none;
color: #069;
background-color: #f7f7f7;
text-shadow: 0 1px 1px #fff;
font-size: .82em
}
ul.r-list li.active ul li a:hover {
background-color: #2d5b89;
color: #FFF;
text-shadow: 0 0 0
}
ul.r-list li ul li {
float: none;
width: 100%
}
@media only screen and (max-width: 919px) {
.has-placeholder {
float: none
}
#main,
body.item #main {
width: 100%
}
main,
body.home #main,
body.search #main,
body.user #main,
body.user-public-profile #main {
width: auto;
float: none;
clear: both
}
body.home,
body.item {
padding-bottom: 176px
}
#responsive-trigger {
display: block
}
#sidebar {
width: 100%
}
#header {
padding-bottom: 0
}
#footer {
text-align: center
}
#footer ul {
float: none;
font-size: 1.15em;
margin-bottom: 15px
}
.flashmessage {
padding: 15px 40px 15px 15px;
width: auto
}
p.contact_button {
margin-top: 10px;
}
.contact_button a {
margin-bottom: 10px
}
body.item a.ui-button {
width: 100%;
float: right;
}
#recaptcha_widget {
width: 100%!important
}
#recaptcha_image {
width: 100%!important;
height: auto!important
}
#recaptcha_image>img {
width: 100%!important
}
#header {
height: auto;
margin-bottom: 20px
}
#header #logo {
font-size: 1.7em;
letter-spacing: -.07em
}
#header #logo span {
display: none
}
.main-search {
top: 100%;
margin-left: 0;
left: 0;
width: 100%;
border-width: 0 0 1px;
display: none;
position: relative;
margin-top: 0;
padding: 5px 0
}
.main-search input {
width: 100%;
-webkit-appearance: none;
}
.main-search .selector {
display: none
}
.main-search .ui-button {
background: url(../images/search.png) no-repeat right #fff;
border: none;
display: inline-block;
vertical-align: middle;
color: #fff!important;
font-weight: 700;
font-size: 0;
padding: 0 21px;
box-shadow: inset 0 0 0 0 #404040;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
width: auto
}
.main-search .reset-padding {
padding-left: 0
}
#header .nav li a {
display: table
}
#header .nav li.active a,
#header .nav li a:hover {
background-color: #5da635;
color: #fff
}
#header .nav li .icons:after {
display: table-cell;
vertical-align: middle
}
#header .nav li.search,
#header .nav li.cat {
display: block
}
body.item #sidebar .form-container label {
font-size: .75em
}
body.item #contact h2 {
margin-top: 0
}
.alert_form {
background-color: transparent
}
#alert_email {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
input[type="checkbox"] {
width: auto;
height: auto
}
ul.r-list {
width: 100%;
float: none;
margin: 0;
padding: 0;
border: none;
background-color: transparent;
text-shadow: none
}
ul.r-list:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
ul.r-list li {
position: relative;
margin-bottom: 5px;
margin-right: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
ul.r-list>li:nth-child(2n) {
padding-left: 5px
}
ul.r-list>li:nth-child(odd) {
clear: both
}
.r-list>li.clear,
.r-list>li:nth-child(4n) {
clear: none
}
ul.r-list li a.sub-category {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-weight: 700;
display: inline-block;
border-radius: 1px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
font-size: .8em;
border-color: #eaeaea;
color: #069;
background-color: #f7f7f7;
text-shadow: 0 1px 1px #fff
}
ul.r-list li span {
display: none
}
ul.r-list li ul {
-webkit-transition: opacity 1s ease-out;
opacity: 0;
height: 0;
overflow: hidden
}
ul.r-list li.active h2,
ul.r-list li.active a {
background-color: #FFF;
color: #2d5b89;
font-size: 19px
}
ul.r-list li.active ul {
opacity: 1;
height: auto;
margin: 0;
padding: 5px 0 0;
margin-bottom: 5px
}
ul.r-list li.active ul li {
padding: 0
}
ul.r-list li.active ul li a {
border-bottom: 1px solid #EBEBEB;
border-top: none;
color: #069;
background-color: #f7f7f7;
text-shadow: 0 1px 1px #fff;
font-size: .82em
}
ul.r-list li.active ul li a:hover {
background-color: #2d5b89;
color: #FFF;
text-shadow: 0 0 0
}
ul.r-list li ul li {
float: none;
width: 100%
}
.cell_3, .cell_3:nth-child(2n) {
width: 33.3%; float: left; padding: 0.5%;
}
body.item-post #footer .resp-toogle {
display: none
}
body.display-cat .r-list {
display: block
}
body.display-search .main-search,
body.home .main-search {
display: table
}
body.display-search #header,
body.home #header {
margin-bottom: 80px
}
.resp-toogle {
display: block
}
body.display-filters div#sidebar {
display: block
}
.show-filters-btn {
display: inline-block;
border: solid 1px #428bca;
background-color: #428bca;
-webkit-border-radius: 1px;
border-radius: 1px;
cursor: pointer;
font-size: 1em;
line-height: 16px;
font-weight: 700;
text-align: center;
white-space: nowrap;
outline: 0;
padding: 8px 6px;
margin-bottom: 10px;
color: #fff
}
.show-filters-btn:hover {color: #fff;
}
.form-container-box {
width: auto
}
.form-container .checkbox {
margin-bottom: 15px
}
.form-container .checkbox input {
width: auto
}
.form-horizontal .actions {
margin: 0;
padding-left: 0;
padding-right: 0
}
.listing-grid .listing-card,
body.search .listing-grid .listing-card {
padding: 0;
border: 0;
margin: .5%
}
.listing-grid .listing-detail {
border: solid 1px #ECECEC
}
.listing-grid .listing-thumb {
float: none
}
.listing-grid .listing-thumb img {
height: auto;
width: 92%;
margin: 4%;
float: left
}
.listing-grid .listing-cell {
display: block;
}
.listing-grid p {
display: none
}
.listing-grid .listing-basicinfo a {
white-space: initial;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
display: block
}
body.not-found .categories h2,
body.not-found .categories h3 {
float: none;
width: 100%
}
body.item #sidebar,
body.user-public-profile #sidebar {
margin-top: 20px
}
body.search #sidebar,
body.user #sidebar {
width: auto;
float: none;
margin-bottom: 40px
}
body.search #content {
position: relative;
padding-top: 100px
}
body.user #sidebar {
margin-top: 15px
}
body.search .list-header {
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 80px
}
body.search #sidebar,
body.user #sidebar {
display: none;
background-color: #f7f7f7;
border: solid 1px #eaeaea;
padding: 10px 15px 5px;
width: auto;
float: none
}
body.search #content h1 {
display: block;
margin: 0;
font-size: 1.5em;
padding-left: 0;
margin-bottom: 5px
}
.counter-search {
padding-right: 0
}
body.search .list-header .actions {
padding: 4px 0;
padding-bottom: 3px;
clear: both
}
body.display-filters .show-filters-btn {
background-color: #2d5b89;
border-color: #2d5b89;
color: #fff
}
.see_by {
display: none
}
#footer {
bottom: auto
}
.widget-box {
margin-top: 5px;
width: 45%;
float: left
}
.widget-box.col-12 {
width: 100%;
}
.vista_300 {
width: 45%;
float: right;
margin-top: 10px;
}
body.item .widget-box {
width: 100%;
float: none
}
}
@media only screen and (max-width: 800px) {
.vista_300.maps {
display: none;
}
.main-map.text-center {
overflow: overlay;
}
}
@media only screen and (max-width: 780px) {
#header #logo {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto
}
#header .nav {
width: 100%
}
.item-photos .main-photo {
width: 100%;
float: none;
margin: 0;
}
.item-photos .thumbs {
float: none;
margin-top: 10px;
margin-left: 10px;
width: 95.33%;
clear: both
}
}
@media only screen and (max-width: 767px){
#item-post .controls{
margin-left: 0px;
}
#item-post .control-group-price label {
width: 100px;
margin-top: 8px;
}
.box.seller_info label,
.box.description label,
.box.location label {
text-align: center;
width: 100%;
margin-left: 0px;
}
.controls.em-checkbox label {
width: 80%;
margin-bottom: 21px;
}
.controls.em-checkbox input {
width: 21px !important;
margin-left: 18px !important;
}
#item-post .box .row label,
#item-post td.lab,
#plugin-hook tr td label,
#plugin-hook .meta label {
margin-right: 20px;
padding-top: 7px;
margin-bottom: 0;
text-align: right;
width: 100px;
}
#plugin-hook .meta input {
width: calc(100% - 160px);
}
#item-post .meta_list .meta select {
width: calc(100% - 169px);
}
.form-horizontal .controls, .login label, .login .controls input, .forgot label, .forgot .controls input, .recover label, .recover .controls input,
body.register label, body.register .controls input {
margin-left: 0px;
width: 100%;
text-align: center;
}
.item-photos .main-photo img {
padding: 10px;
}
#plugin-hook .meta li label {
width: auto;
}
#item-post .meta_list .meta textarea {
width: calc(95% - 110px);
}
button, .ui-button {
width: 100%;
}
}
@media only screen and (max-width: 640px) {
body .item-header #type_dates {
float: none
}
body .cell_3,
body .cell_3:nth-child(2n) {
margin: 0;
width: 100%
}
#header .nav {
float: left
}
.listing-grid .listing-card,
body.search .listing-grid .listing-card {
width: 48%;
}
}
@media only screen and (max-width: 560px) {
#header .nav li.register,
#header .nav li.login {
width: 50%;
padding-bottom: 5px
}
#header .nav li.register a,
#header .nav li.login a {
width: 99%;
margin-left: 1%;
text-align: center;
background: #428bca;
}
#header .nav li {
width: 50%
}
#header .nav .account,
#header .nav .logout {
width: 50%;
padding-top: 5px;
padding-bottom: 5px;
background: #428bca
}
#header .nav .hiuser {
width: 100%;
text-align: center;
float: none
}
#header .nav,
#header .nav li.publish {
width: 100%;
padding-top: 5px
}
#header .nav {
width: 100%;
position: relative;
float: left;
padding-left: 0
}
#header .nav li a {
width: 100%;
text-align: center
}
#header .nav li.publish {
float: none
}
#comments .controls, #comments input, #comments label {
width: 100%;
margin-left: auto;
}
}
@media only screen and (max-width: 480px) {
ul.r-list li {
float: none;
width: 100%
}
ul.r-list>li:nth-child(2n),
body.search ul.r-list>li:nth-child(2n) {
padding-left: 0
}
.listing-grid .listing-card,
body.search .listing-grid .listing-card {
clear: none
}
.listing-grid .listing-card:nth-child(2n),
body.search .listing-grid .listing-card:nth-child(2n) {
margin-right: 0;
margin-left: 1%;
clear: none
}
.listing-grid .listing-card:nth-child(2n+1),
body.search .listing-grid .listing-card:nth-child(2n+1) {
margin-left: 0;
margin-right: 1%;
clear: both!important
}
body.home .listing-grid .first {
clear: none
}
#header #logo {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto
}
.vista_300 {
width: 300px;
float: none
}
.widget-box {
width: 100%;
}
}
@media only screen and (max-width: 430px) {
#content .bg-maps {
display: none;
}
.listing-grid .listing-card,
body.search .listing-grid .listing-card {
width: 98%
}
.listing-card .listing-thumb {
float: none;
width: auto;
margin: 0;
padding: 0;
}
.listing-card-list .listing-thumb img {
height: 90%;
width: 100%;
max-width: 100%;
margin-bottom: 15px;
}
.listing-attributes {
width: 100% !important;
}
.listing-grid .listing-thumb img {
height: auto;
width: 92%;
margin: 4%;
float: left
}
.category-box a {
width: auto;
}
.listing-card {
margin: 0 auto;
top: 0px;
}
li.listing-card .listing-basicinfo a {
padding-top: 10px;
width: 100%;
font-size: 1.3em;
-webkit-line-clamp: 3;
line-height: 20px;
max-height: 70px;
text-decoration: blink;
}
.listing-attributes span {
width: 100%;
display: block;
height: 15px;
font-size: 0.98em;
}
.list-currency-value {
margin: 0 auto;
top: 0px;
padding-top: 10px;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
float: none !important;
}
.listing-card .listing-detail {
text-align: center;
margin-left: auto
}
.listing-basicinfo a {
font-size: 20px;
}
#iconp {
color: #ff0026;
float: left;
margin: 1% 1% 0% 0%;
background-size: 3%;
}
.listing-card .listing-detail {
margin-left: auto
}
.listing-card .list-currency-value {
margin-right: 0px;
}
li.listing-card {
text-align: justify;
border-bottom: 4px solid #36C303;
margin-bottom: 10px;
}
.vista_300 {
width: 100%
}
}
$(function(){
$('[data-toggle="tooltip"]').tooltip();
$(".side-nav .collapse").on("hide.bs.collapse", function() {
$(this).prev().find(".fa").eq(1).removeClass("fa-angle-right").addClass("fa-angle-down");
});
$('.side-nav .collapse').on("show.bs.collapse", function() {
$(this).prev().find(".fa").eq(1).removeClass("fa-angle-down").addClass("fa-angle-right");
});
})
