| Current Path : /var/www/html/templates/t3_blank/less/ |
| Current File : /var/www/html/templates/t3_blank/less/joomla-responsive.less |
/**
*------------------------------------------------------------------------------
* @package T3 Framework for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt, JoomlaBamboo, (contribute to this project at github
* & Google group to become co-author)
* @Google group: https://groups.google.com/forum/#!forum/t3fw
* @Link: http://t3-framework.org
*------------------------------------------------------------------------------
*/
//
// TABLET
// -------------------------------------------------------------
@media (min-width: 768px) and (max-width: 979px) {
#search-form {
.word a.btn {
margin-top: @T3globalMargin/2;
}
}
}
//
// MOBILE
// -------------------------------------------------------------
@media (max-width: @navbarCollapseWidth) {
.article-content {
iframe {
width: 100% !important;
height: auto;
}
}
.contact {
.form-horizontal .control-label {
&.email_copy {
float: left;
margin-right: 5px;
}
}
.thumbnail.pull-right {
width: 100%;
float: none;
img {
width: 100%;
}
}
.dl-horizontal dt {
float: left;
margin-right: 5px;
}
}
.login-wrap {
.login_form fieldset,
.login fieldset{
padding-left: @T3globalPadding;
}
}
}
//
// MOBILE
// -------------------------------------------------------------
@media (max-width: 599px) {
//
// GENERIC ARTICLE STYLES
// -----------------------------------------------------------
// Article Images
// --------------
article img[align=left], .img_caption.left,
article img[align=right], .img_caption.right,
.img-fulltext-left, .img-fulltext-right {
float: none !important;
margin-left: 0;
margin-right: 0;
width: 100% !important;
}
a#advanced-search-toggle {
margin-top: (@T3globalMargin / 2);
}
#search-form {
.word {
a.btn {
margin-top: @T3globalMargin / 2;
}
}
}
}
//
// MOBILE
// -------------------------------------------------------------
@media (max-width: 360px) {
button.button {
margin-top: (@T3globalMargin / 2);
}
#search-form {
.word {
button.btn,
a.btn {
margin-top: @T3globalMargin / 2;
}
}
}
}