Last active
December 6, 2017 11:07
-
-
Save ymphyow/e84c950ad299125cc50af471986df311 to your computer and use it in GitHub Desktop.
Home
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- begin snippet: js hide: false console: true babel: false --> | |
| <!-- language: lang-html --> | |
| <!DOCTYPE html> | |
| <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
| <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title>Home</title> | |
| <meta name="viewport" content="width=device-width"> | |
| <link rel="stylesheet" href="css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="css/bootstrap-responsive.min.css"> | |
| <link rel="stylesheet" href="css/font-awesome.min.css"> | |
| <link rel="stylesheet" href="css/main.css"> | |
| <link rel="stylesheet" href="css/sl-slide.css"> | |
| <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script> | |
| <!-- Le fav and touch icons --> | |
| <link rel="shortcut icon" href="images/ico/favicon.ico"> | |
| <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> | |
| <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> | |
| </head> | |
| <body> | |
| <!--Header--> | |
| <header class="navbar navbar-fixed-top"> | |
| <div class="navbar-inner"> | |
| <div class="container"> | |
| <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </a> | |
| <a id="logo" class="pull-left" href="index.html"></a> | |
| <div class="nav-collapse collapse pull-right"> | |
| <ul class="nav"> | |
| <li class="active"><a href="index.html">Home</a></li> | |
| <li><a href="about-us.html">Our Profile</a></li> | |
| <li class="dropdown"> | |
| <a href="services.html" class="dropdown-toggle" data-toggle="dropdown">Services <i class="icon-angle-down"></i></a> | |
| <ul class="dropdown-menu"> | |
| <li><a href="services.html">Our Services</a></li> | |
| <li><a href="pricing.html">Pricing</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="solution.html">Solutions</a></li> | |
| <li><a href="career.html">Career</a></li> | |
| <li><a href="contact-us.html">Contact</a></li> | |
| <li class="login"> | |
| <!-- <a data-toggle="modal" href="#loginForm"><i class="icon-lock"></i></a> --> | |
| </li> | |
| </ul> | |
| </div><!--/.nav-collapse --> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- /header --> | |
| <!--Slider--> | |
| <section id="slide-show"> | |
| <div id="slider" class="sl-slider-wrapper"> | |
| <!--Slider Items--> | |
| <div class="sl-slider"> | |
| <!--Slider Item1--> | |
| <div class="sl-slide item1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2"> | |
| <div class="sl-slide-inner"> | |
| <div class="container"> | |
| <img class="pull-right" src="images/slider/ourprofile.png" alt="" /> | |
| <h2>Our Profile</h2> | |
| <h3 class="gap"> We provide IT services & solutions of your business success.</h3> | |
| <a class="btn btn-large btn-transparent" href="about-us.html">Learn More</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!--/Slider Item1--> | |
| <!--Slider Item2--> | |
| <div class="sl-slide item2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5"> | |
| <div class="sl-slide-inner"> | |
| <div class="container1"> | |
| <img class="pull-right" src="images/slider/ourproducts.png" alt="" /> | |
| <h2>Our Products </h2> | |
| <h3 class="gap">We provide web and mobile applications in all business sectors.</h3> | |
| <a class="btn btn-large btn-transparent" href="solution.html">Product Details</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!--Slider Item2--> | |
| <!--Slider Item3--> | |
| <div class="sl-slide item3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1"> | |
| <div class="sl-slide-inner"> | |
| <div class="container1"> | |
| <img class="pull-right" src="images/slider/ourservice.png" alt="" /> | |
| <h2>Our Services</h2> | |
| <h3 class="gap">We provide software, networking and IT Help Desk services.</h3> | |
| <a class="btn btn-large btn-transparent" href="services.html">Services Details</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!--Slider Item4--> | |
| <div class="sl-slide item4" data-orientation="vertical" data-slice1-rotation="4" data-slice2-rotation="-4" data-slice1-scale="2" data-slice2-scale="0.5"> | |
| <div class="sl-slide-inner"> | |
| <div class="container"> | |
| <img class="pull-right" src="images/slider/ourcontact.png" alt="" /> | |
| <h2>Our Contact</h2> | |
| <h3 class="gap">You can reach us via any of our available contacts. </h3> | |
| <a class="btn btn-large btn-transparent" href="contact-us.html">Contact Details</a> | |
| </div> | |
| </div> | |
| </div> | |
| <!--Slider Item4--> | |
| </div> | |
| <!--/Slider Items--> | |
| <!--Slider Next Prev button--> | |
| <nav id="nav-arrows" class="nav-arrows"> | |
| <span class="nav-arrow-prev"><i class="icon-angle-left"></i></span> | |
| <span class="nav-arrow-next"><i class="icon-angle-right"></i></span> | |
| </nav> | |
| <!--/Slider Next Prev button--> | |
| </div> | |
| <!-- /slider-wrapper --> | |
| </section> | |
| <!--/Slider--> | |
| <section class="main-info"> | |
| <div class="container"> | |
| <div class="row-fluid"> | |
| <div class="span9"> | |
| <h4>Guiding you a brighter future through technologies and solutions</h4> | |
| <p class="no-margin">We provide software solutions and networking services to all businesses. Assist clients with information technology to work more efficiently and to maximize productivity in their business. | |
| We support our community and people to cope with latest technology transformation.</p> | |
| </div> | |
| <div class="span3"> | |
| <a class="btn btn-success btn-large pull-right" href="#">Latest Events & News</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!--Services--> | |
| <section id="services"> | |
| <div class="container"> | |
| <div class="center gap"> | |
| <h3>What We Offer</h3> | |
| <p class="lead"> We provide solutions and services of your business success. We assure our products and solutions to comply with international standards and align with your business requirements. </p> | |
| </div> | |
| <div class="row-fluid"> | |
| <div class="span4"> | |
| <div class="media"> | |
| <div class="pull-left"> | |
| <i class="icon-globe icon-medium"></i> | |
| </div> | |
| <div class="media-body"> | |
| <h4 class="media-heading">Web Design and Development</h4> | |
| <p style="text-align: justify;">We design and develop websites for business. And, also provide web applications in various platforms to fit in needs of our customers. Moreover, we provide maintenance and support services for all applications delivered. For more details, contact to support@techreliance-myn.com.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="span4"> | |
| <div class="media"> | |
| <div class="pull-left"> | |
| <i class="icon-mobile-phone icon-medium"></i> | |
| </div> | |
| <div class="media-body"> | |
| <h4 class="media-heading">Mobile Application Development</h4> | |
| <p style="text-align: justify;">We provide end-to-end custom mobile application development services. Whether you need a custom, native iOS, Android, Windows app or prefer a cross-platform hybrid app, we can help you to create a mobile app to suit with your business requirements.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="span4"> | |
| <div class="media"> | |
| <div class="pull-left"> | |
| <i class="icon-sitemap icon-medium icon-rounded"></i> | |
| </div> | |
| <div class="media-body"> | |
| <h4 class="media-heading">Networking Services & Consultancy</h4> | |
| <p style="text-align: justify;">We design and implement network and infrastructure for business in various sizes. We provide networking services for more efficient and effective business operations that meet the needs and budget. Consult your business processes and requirements with our network professionals for providing right network solutions to your business.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="gap"></div> | |
| <div class="row-fluid"> | |
| <div class="span4"> | |
| <div class="media"> | |
| <div class="pull-left"> | |
| <i class="icon-shopping-cart icon-medium"></i> | |
| </div> | |
| <div class="media-body"> | |
| <h4 class="media-heading">Hotel Management Solution</h4> | |
| <p style="text-align: justify;">WINHMS is a comprehensive hospitality enterprise resource planning (ERP) solution made with 20+ modules. It is developed and refined over a period of 16 years to meet the needs of small, medium and large hotels including resorts and chains. <br> It has been used by 1300+ customers in more than 25+ countries – India, UAE, UK, Malaysia, Cambodia, etc.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="span4"> | |
| <div class="media"> | |
| <div class="pull-left"> | |
| <i class="icon-rss icon-medium"></i> | |
| </div> | |
| <div class="media-body"> | |
| <h4 class="media-heading">Social WIFI Solution</h4> | |
| <p style="text-align: justify;">FansWiFi is a social WIFI solution that transform WIFI service to marketing tools. With the help of FansWiFi hotspot platform, we can connect and bring back our customers together. The solution can be installed in public area such as shopping malls, air-ports, hotels, restaurants, exhibitions, stadiums, theme parks, etc. | |
| <br> | |
| It enables businesses to build a database of customers and their social media accounts; and then make use of it as the marketing tools. Using FansWiFi, customer’s behaviors and data are captured and hence businesses can engage more with their customers.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="span4"> | |
| <div class="media"> | |
| <div class="pull-left"> | |
| <i class="icon-desktop icon-medium"></i> | |
| </div> | |
| <div class="media-body"> | |
| <h4 class="media-heading">IT Help Desk Service</h4> | |
| <p style="text-align: justify;">We offer IT Help Desk Service to business and individual customers to resolve their hardware, software and networking issues. The customer can focus on success of their business fully as we are taking care of hassles in their IT and Infra. | |
| <br>Our well-trained and skillful technicians are stand-by to assist you remotely or in-person with reasonable charges. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="clients" class="main"> | |
| <div class="container"> | |
| <div class="row-fluid"> | |
| <div class="span2" > | |
| <div class="clearfix"> | |
| <h4 class="pull-left">OUR PARTNERS</h4> | |
| <div class="pull-right"> | |
| <a class="prev" href="#myCarousel" data-slide="prev"><i class="icon-chevron-sign-left icon-large"></i></a> <a class="next" href="#myCarousel" data-slide="next"><i class="icon-chevron-sign-right icon-large"></i></a> | |
| </div> | |
| </div> | |
| <p>Here are our most talented partners around the world who shared us their achievements and success generously. Tech Reliance is very proud to be working with those partners for providing IT services and solutions. | |
| </p> | |
| </div> | |
| <div class="span10"> | |
| <div id="myCarousel" class="carousel slide clients"> | |
| <!-- Carousel items --> | |
| <div class="carousel-inner"> | |
| <div class="active item"> | |
| <div class="row-fluid"> | |
| <ul class="thumbnails"> | |
| <li class="span3"><a href="http://winsarinfo.com" target="_blank"><img src="images/partner-logo/partner_winsarinfosoft.png"></a></li> | |
| <li class="span3"><a href="http://www.winhms.com" target="_blank"><img src="images/partner-logo/partner_winhms.png"></a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="row-fluid"> | |
| <ul class="thumbnails"> | |
| <li class="span3"><a href="http://www.winhms.com" target="_blank"><img src="images/partner-logo/partner_winhms.png"></a></li> | |
| <li class="span3"><a href="http://winsarinfo.com" target="_blank"><img src="images/partner-logo/partner_winsarinfosoft.png"></a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="item"> | |
| <div class="row-fluid"> | |
| <ul class="thumbnails"> | |
| <li class="span3"><a href="http://winsarinfo.com" target="_blank"><img src="images/partner-logo/partner_winsarinfosoft.png"></a></li> | |
| <li class="span3"><a href="http://www.winhms.com" target="_blank"><img src="images/partner-logo/partner_winhms.png"></a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- /Carousel items --> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!--Bottom--> | |
| <section id="bottom" class="main"> | |
| <!--Container--> | |
| <div class="container"> | |
| <!--row-fluids--> | |
| <div class="row-fluid"> | |
| <!--Contact Form--> | |
| <div class="span3"> | |
| <h4>ADDRESS</h4> | |
| <ul class="unstyled address"> | |
| <li> | |
| <i class="icon-home"></i><strong>Address:</strong> Wealthy Palace Condominum, No.(1/6B), | |
| Quarter (13), Myittar Road,<br>South Okkalapa Township, Yangon 11091, <br> | |
| </li> | |
| <li> | |
| <i class="icon-envelope"></i> | |
| <strong>Email: </strong> info@techreliance-myn.com | |
| </li> | |
| <li> | |
| <i class="icon-globe"></i> | |
| <strong>Website:</strong> www.techreliance-myn.com | |
| </li> | |
| <li> | |
| <i class="icon-phone"></i> | |
| <strong>Phone:</strong> +95-9260392968, +95-9770971100 | |
| </li> | |
| </ul> | |
| </div> | |
| <!--End Contact Form--> | |
| <!--Important Links--> | |
| <div id="tweets" class="span3"> | |
| <h4>OUR COMPANY</h4> | |
| <div> | |
| <ul class="arrow"> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="about-us.html">Our Profile</a></li> | |
| <li><a href="services.html">Services</a></li> | |
| <li><a href="pricing.html">Pricing</a></li> | |
| <li><a href="solution.html">Solutions</a></li> | |
| <li><a href="career.html">Career</a></li> | |
| <li><a href="contact-us.html">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!--Important Links--> | |
| <!--Archives--> | |
| <div id="archives" class="span3"> | |
| <h4>ARCHIVES</h4> | |
| <div> | |
| <ul class="arrow"> | |
| <li><a href="#">December 2017 (1)</a></li> | |
| <li><a href="#">November 2017 (5)</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!--End Archives--> | |
| <div class="span3"> | |
| <h4> GALLERY</h4> | |
| <div class="row-fluid first"> | |
| <ul class="thumbnails"> | |
| <li class="span3"> | |
| <a href="#" target="_blank"><img src="#" width="75" height="75" alt="01 (254)"></a> | |
| </li> | |
| <li class="span3"> | |
| <a href="#" width="75" height="75" alt="01 (196)"></a> | |
| </li> | |
| <li class="span3"> | |
| <a href="#" width="75" height="75" alt="01 (65)"></a> | |
| </li> | |
| <li class="span3"> | |
| <a href=#" width="75" height="75" alt="01 (6)"></a> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="row-fluid"> | |
| </div> | |
| </div> | |
| </div> | |
| <!--/row-fluid--> | |
| </div> | |
| <!--/container--> | |
| </section> | |
| <!--/bottom--> | |
| <!--Footer--> | |
| <footer id="footer"> | |
| <div class="container"> | |
| <div class="row-fluid"> | |
| <div class="span5 cp"> | |
| © 2017 <a target="_blank" href="" title="">Tech Reliance</a>. All Rights Reserved. | |
| </div> | |
| <!--/Copyright--> | |
| <div class="span6"> | |
| <ul class="social pull-right"> | |
| <li><a href="" target="_blank"><i class="icon-facebook"></i></a></li> | |
| <li><a href="" target="_blank"><i class="icon-twitter"></i></a></li> | |
| <li><a href="" target="_blank"><i class="icon-linkedin"></i></a></li> | |
| </div> | |
| <div class="span1"> | |
| <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a> | |
| </div> | |
| <!--/Goto Top--> | |
| </div> | |
| </div> | |
| </footer> | |
| <!--/Footer--> | |
| <!-- Login form --> | |
| <div class="modal hide fade in" id="loginForm" aria-hidden="false"> | |
| <div class="modal-header"> | |
| <i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i> | |
| <h4>Login Form</h4> | |
| </div> | |
| <!--Modal Body--> | |
| <div class="modal-body"> | |
| <form class="form-inline" action="index.html" method="post" id="form-login"> | |
| <input type="text" class="input-small" placeholder="Email"> | |
| <input type="password" class="input-small" placeholder="Password"> | |
| <label class="checkbox"> | |
| <input type="checkbox"> Remember me | |
| </label> | |
| <button type="submit" class="btn btn-primary">Sign in</button> | |
| </form> | |
| <a href="#">Forgot your password?</a> | |
| </div> | |
| <!--/Modal Body--> | |
| </div> | |
| <!-- /Login form --> | |
| <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> | |
| <script src="js/vendor/jquery-1.9.1.min.js"></script> | |
| <script src="js/vendor/bootstrap.min.js"></script> | |
| <script src="js/main.js"></script> | |
| <!-- Required javascript files for Slider --> | |
| <script src="js/jquery.ba-cond.min.js"></script> | |
| <script src="js/jquery.slitslider.js"></script> | |
| <!-- /Required javascript files for Slider --> | |
| <!-- SL Slider --> | |
| <script type="text/javascript"> | |
| $(function() { | |
| var Page = (function() { | |
| var $navArrows = $( '#nav-arrows' ), | |
| slitslider = $( '#slider' ).slitslider( { | |
| autoplay : true | |
| } ), | |
| init = function() { | |
| initEvents(); | |
| }, | |
| initEvents = function() { | |
| $navArrows.children( ':last' ).on( 'click', function() { | |
| slitslider.next(); | |
| return false; | |
| }); | |
| $navArrows.children( ':first' ).on( 'click', function() { | |
| slitslider.previous(); | |
| return false; | |
| }); | |
| }; | |
| return { init : init }; | |
| })(); | |
| nav-arrows | |
| Page.init(); | |
| }); | |
| </script> | |
| <!-- /SL Slider --> | |
| </body> | |
| </html> | |
| <!-- end snippet --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import url(http://fonts.googleapis.com/css?family=Fjalla+One); | |
| .clearfix{*zoom:1} | |
| .clearfix:before, | |
| .clearfix:after{ | |
| display:table; | |
| content:""; | |
| line-height:0 | |
| } | |
| .clearfix:after{ | |
| clear:both | |
| } | |
| .hide-text{ | |
| font:0/0 a; | |
| color:transparent; | |
| text-shadow:none; | |
| background-color:transparent; | |
| border:0 | |
| } | |
| .input-block-level{ | |
| display:block; | |
| width:100%; | |
| min-height:30px; | |
| -webkit-box-sizing:border-box; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box | |
| } | |
| body{ | |
| padding-top:80px; | |
| width:100%; | |
| font-size:12px; | |
| color:#34495e; | |
| background:#f5f5f5 | |
| } | |
| body h1,body h2,body h3,body h4,body | |
| .created{ | |
| font-family:"Fjalla One"; | |
| font-weight:normal | |
| } | |
| body h5{margin:0} | |
| body h3,body h4{margin-top:0} | |
| body h6{margin:0;font-family:"roboto_thregular"; font-size: "24px"} | |
| body | |
| .btn{ | |
| -webkit-border-radius:0; | |
| -moz-border-radius:0; | |
| border-radius:0; | |
| border:0; | |
| background-image:none; | |
| text-shadow:none; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none | |
| } | |
| .btn.btn-transparent{ | |
| border:3px solid #fff; | |
| background:transparent; | |
| color:#fff | |
| } | |
| .btn.btn-transparent:hover{ border-color:rgba(255,255,255,0.5)} | |
| .btn.btn-link{color:#bb0300;padding:0} | |
| .btn.btn-link:hover{text-decoration:none} | |
| .btn-primary{background-color:#bb0300} | |
| .btn-primary:hover{background-color:#ff0200} | |
| a{color:#bb0300;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms} | |
| a:hover, | |
| a:focus{color:#ff0200;text-decoration:none;outline:0} | |
| .dropdown-menu{margin-top:-1px;min-width:180px; color:#bb0300 } | |
| body>section{padding:5px 0} | |
| body>section | |
| #slide-show{padding:0} | |
| #recent-works{background:#bb0300;color:#fff} | |
| #recent-works .links>a{background:#fff;color:#bb0300;text-shadow:none} | |
| #clients{background:#fff} | |
| #clients h4{color:#999} | |
| #clients .carousel{margin-bottom:0} | |
| #clients .clients ul.thumbnails{margin:0} | |
| #clients .clients ul.thumbnails>li{text-align:center;margin-bottom:0} | |
| #clients .prev, | |
| #clients .next{color:#999} | |
| .title{background:#bb0000;color:#fff;padding:20px 0} | |
| .center{text-align:center} | |
| .box{ | |
| background-color:#fff; | |
| border-top:1px solid #f0f0f0; | |
| -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); | |
| box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); | |
| padding:10px; | |
| -webkit-border-radius:4px; | |
| -moz-border-radius:4px; | |
| border-radius:4px | |
| } | |
| .progress{margin-bottom:10px} | |
| .progress,.progress .bar{ | |
| -webkit-border-radius:0; | |
| -moz-border-radius:0; | |
| border-radius:0; | |
| background-image:none; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none; | |
| text-shadow:none; | |
| height:30px; | |
| line-height:30px | |
| } | |
| .label,.badge{font-weight:300;font-size:90%} | |
| ul.breadcrumb{margin:12px 0 0;background:transparent} | |
| ul.breadcrumb>li{text-shadow:none} | |
| ul.breadcrumb>li>a,ul.breadcrumb>li .divider{color:#fff} | |
| ul.breadcrumb>li.active{color:rgba(255,255,255,0.7)} | |
| ul.tag-cloud li{display:inline-block;margin:0 0 2px 0} | |
| .btn-social{border:0;color:#fff;text-shadow:0 1px rgba(0,0,0,0.5)} | |
| .btn-social.btn-facebook{background:#4f7dd4} | |
| .btn-social.btn-facebook:hover{background:#789bde} | |
| .btn-social.btn-twitter{background:#5bceff} | |
| .btn-social.btn-twitter:hover{background:#8eddff} | |
| .btn-social.btn-linkedin{background:#21a6d8} | |
| .btn-social.btn-linkedin:hover{background:#49b9e3} | |
| .btn-social.btn-google-plus{background:#dc422b} | |
| .btn-social.btn-google-plus:hover{background:#e36957} | |
| .btn-social:hover{color:#fff} | |
| header.navbar .navbar-inner{ | |
| background:#fff!important; | |
| border:0; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none | |
| } | |
| header #logo{ | |
| width:435px; | |
| height:80px; | |
| background:url(../images/logo/trlogo.png) no-repeat 0 50% | |
| } | |
| header.navbar{ | |
| margin-bottom:0 | |
| } | |
| header.navbar .nav{ margin-top:20px} | |
| header.navbar .nav>li{margin-left:1px} | |
| header.navbar .nav>li>a{ | |
| padding-top:10px; | |
| padding-bottom:10px; | |
| color:#333; | |
| font-family:"Fjalla One"; | |
| font-size:14px; | |
| text-transform:uppercase; | |
| text-shadow:none | |
| } | |
| header.navbar .nav>li>a:hover{ | |
| background:transparent; | |
| color:#bb0300; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none | |
| } | |
| header.navbar .nav>li.active>a,header.navbar .nav>li.active>a:hover{ | |
| background:transparent; | |
| color:#bb0300; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none | |
| } | |
| header.navbar .nav>li.dropdown.open>a.dropdown-toggle{ | |
| background:transparent; | |
| color:#bb0300 | |
| } | |
| header.navbar .nav>li.login>a{ border-left:1px solid #e5e5e5 } | |
| header .dropdown-menu{margin-top:20px; color:#bb0300 } | |
| header .dropdown-menu:before{display:none!important} | |
| .navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{ | |
| background-color:transparent; | |
| color:#bb0300 | |
| } | |
| .navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{ | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none | |
| } | |
| .navbar .nav>li>a:focus,.navbar .nav>li>a:hover{color:#bb0300} | |
| .dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0; border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0;border:0} | |
| .dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a{ | |
| background:#bb0300 | |
| } | |
| .main-info{ | |
| background-color:#fff; | |
| color:#3a3a3a | |
| }.main-info h4{ | |
| color:#706f6f | |
| } | |
| .icon-medium{ | |
| font-size:18px; | |
| width:18px; | |
| line-height:18px; | |
| text-align:center; | |
| display:inline-block; | |
| background:#db2323; | |
| padding:10px; | |
| -webkit-border-radius:100%; | |
| -moz-border-radius:100%; | |
| border-radius:100%; | |
| color:#fff | |
| } | |
| .modal{border:0} | |
| .modal#loginForm{width:600px;margin-left:-300px} | |
| .modal .modal-header{border:0;padding:20px 20px 0} | |
| .modal .modal-header>h4{font-weight:300;font-size:14px;color:#848484;text-transform:uppercase;margin:0} | |
| .modal .modal-body{padding:20px} | |
| .modal input[type="text"],.modal input[type="password"]{padding:5px 10px;min-height:30px;width:130px;margin-right:10px} | |
| .modal .icon-remove{ | |
| color:#848484; | |
| position:absolute; | |
| right:-5px; | |
| top:-5px; | |
| width:16px; | |
| height:16px; | |
| line-height:16px; | |
| text-align:center; | |
| display:block; | |
| background:#ebebeb; | |
| -webkit-border-radius:100%; | |
| -moz-border-radius:100%; | |
| border-radius:100%; | |
| cursor:pointer | |
| } | |
| .modal button{margin-left:10px;border:0} | |
| .gap{margin-bottom:50px} | |
| .big-gap{margin-bottom:100px} | |
| .no-margin{margin:0;padding:0} | |
| #services{background:#252525;color:#999} | |
| #services h1,#services h2,#services h3,#services h4,#services h5,#services h6{color:#fff} | |
| #main-contents{margin-top:20px} | |
| #main-contents .blog-news .created{font-size:18px;color:#2dcc70} | |
| .registration-form{ | |
| border:0; | |
| background-color:#fff; | |
| border-top:1px solid #f0f0f0; | |
| -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); | |
| -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); | |
| box-shadow:0 1px 2px 0 rgba(0,0,0,0.1); | |
| padding:20px; | |
| display:inline-block}#bottom{background:#000000; | |
| color:#6f6f6f | |
| } | |
| #bottom h4{margin-top:0;margin-bottom:15px} | |
| #bottom h1,#bottom h2,#bottom h3,#bottom h4,#bottom h5,#bottom h6{color:#fff} | |
| #bottom a{color:#6f6f6f} | |
| #bottom a:hover{color:#2dcc70} | |
| #bottom ul.address>li{position:relative;padding-left:20px;margin-top:10px} | |
| #bottom ul.address>li:first-child{margin-top:0} | |
| #bottom ul.address>li>i{position:absolute;top:3px;left:0} | |
| #bottom ul.thumbnails{margin-bottom:0} | |
| #bottom ul.thumbnails li{ | |
| margin-bottom:5px; | |
| } | |
| ul.arrow,ul.arrow-double,ul.tick,ul.cross,ul.star,ul.rss{ | |
| list-style:none;padding:0;margin:0; | |
| } | |
| ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before,ul.arrow li::after,ul.arrow-double li::after,ul.tick li::after,ul.cross li::after,ul.star li::after,ul.rss | |
| li::after{ | |
| font-family:FontAwesome; | |
| font-size:11px; | |
| } | |
| ul.arrow li::before,ul.arrow-double li::before,ul.tick li::before,ul.cross li::before,ul.star li::before,ul.rss li::before{margin-right:5px} | |
| ul.arrow li::before{content:"\f105"} | |
| ul.arrow-double li::before{content:"\f101"} | |
| ul.tick li::before{content:"\f00c"} | |
| ul.cross li::before{content:"\f00d"} | |
| ul.star li::before{content:"\f006"} | |
| ul.rss li::before{content:"\f09e"} | |
| #footer{ | |
| background:#333; | |
| padding-top:15px; | |
| padding-bottom:15px; | |
| color:#666; | |
| } | |
| #footer a{color:#666} | |
| #footer a:hover{color:#ef0909} | |
| #footer #gototop{height:40px; | |
| line-height:40px; | |
| width:40px; | |
| text-align:center; | |
| display:inline-block; | |
| background:#1d1d1d; | |
| font-size:24px; | |
| color:#fff; | |
| } | |
| #footer #gototop:hover{ | |
| background:#bb0000; | |
| text-decoration:none; | |
| } | |
| #footer .cp{ | |
| margin-top:11px; | |
| } | |
| ul.social{ | |
| list-style:none; | |
| margin:10px 0 0; | |
| padding:0; | |
| display:inline-block; | |
| } | |
| ul.social>li{ | |
| display:inline-block; | |
| margin:0 5px; | |
| } | |
| ul.social>li>a{ | |
| font-size:24px; | |
| color:#666; | |
| } | |
| ul.social>li>a:hover{ | |
| color:#999; | |
| }.box-border{ | |
| padding:15px; | |
| }.accordion-group{ | |
| background-color:#fff; | |
| border-top:1px solid #f0f0f0; | |
| }.accordion-heading .accordion-toggle{ | |
| color:#666; | |
| font-weight:700; | |
| } | |
| .accordion-inner{border-top:0} | |
| .blog .blog-item h2{margin-top:0} | |
| .blog .blog-item .date span{display:block;text-align:center} | |
| .blog .blog-item .date span.day{ | |
| font-size:50px; | |
| line-height:50px; | |
| padding-top:10px; | |
| font-family:"Fjalla One",sans-serif; | |
| } | |
| .blog .blog-item .date span.month{font-size:18px} | |
| .blog .blog-item .tag{margin-top:5px} | |
| .blog .blog-item .avatar{margin-top:5px} | |
| select,textarea,input[type="text"], | |
| input[type="password"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="time"], | |
| input[type="week"], | |
| input[type="number"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="search"], | |
| input[type="tel"], | |
| input[type="color"], | |
| .uneditable-input{-webkit-border-radius:3px; | |
| -moz-border-radius:3px; | |
| border-radius:3px; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none; | |
| min-height:50px; | |
| padding:0 15px; | |
| border:3px solid #ededed | |
| } | |
| select:focus,textarea:focus, | |
| input[type="text"]:focus, | |
| input[type="password"]:focus, | |
| input[type="datetime"]:focus, | |
| input[type="datetime-local"]:focus, | |
| input[type="date"]:focus, | |
| input[type="month"]:focus, | |
| input[type="time"]:focus, | |
| input[type="week"]:focus, | |
| input[type="number"]:focus, | |
| input[type="email"]:focus, | |
| input[type="url"]:focus, | |
| input[type="search"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="color"]:focus, | |
| .uneditable-input:focus{ | |
| border-color:#2dcc70; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none; | |
| } | |
| .input-block-level{ | |
| min-height:50px; | |
| } | |
| textarea#message{ | |
| padding:10px 15px; | |
| height:305px; | |
| } | |
| .widget{ | |
| margin-bottom:30px; | |
| } | |
| .widget>h3{ | |
| font-size:16px; | |
| margin-top:0; | |
| } | |
| .widget h5{ | |
| margin-top:10px; | |
| }.widget .date{ | |
| margin-top:5px; | |
| padding:8px 10px; | |
| background:#2dcc70; | |
| }.widget .date>span{ | |
| display:block; | |
| text-align:center; | |
| font-family:"Fjalla One"; | |
| color:#fff; | |
| }.widget .date>span.month{ | |
| font-size:14px; | |
| line-height:14px; | |
| font-weight:700; | |
| text-transform:uppercase; | |
| }.widget .date>span.day{ | |
| font-size:18px; | |
| line-height:18px; | |
| }#pricing-table{ | |
| margin-top:20px; | |
| margin-bottom:30px; | |
| }#pricing-table .plan{ | |
| list-style:none; | |
| margin:0; | |
| padding:0; | |
| color:#fff; | |
| }#pricing-table .plan.featured{ | |
| -webkit-transform:scale(1.1); | |
| -moz-transform:scale(1.1); | |
| -ms-transform:scale(1.1); | |
| -o-transform:scale(1.1); | |
| transform:scale(1.1); | |
| } | |
| #pricing-table .plan>li{padding:10px 15px} | |
| #pricing-table .plan>li.plan-name{background:rgba(0,0,0,0.1)} | |
| #pricing-table .plan>li.plan-name h3{margin:10px 0} | |
| #pricing-table .plan>li.plan-action{padding:20px 0} | |
| #pricing-table .plan1{background:#1abc9c} | |
| #pricing-table .plan2{background:#e74c3c} | |
| #pricing-table .plan3{background:#3498db} | |
| #pricing-table .plan4{background:#9b59b6} | |
| ul.gallery{display:block;margin:-15px} | |
| ul.gallery.col-1 li{width:100%} | |
| ul.gallery.col-2 li{width:50%} | |
| ul.gallery.col-3 li{width:33.3333%} | |
| ul.gallery.col-4 li{width:25%} | |
| ul.gallery li{display:block;padding:0;margin:0;float:left} | |
| ul.gallery li .desc{margin:15px} | |
| ul.gallery li .preview{margin:15px;display:block;position:relative} | |
| ul.gallery li .preview .overlay{ | |
| width:100%; | |
| height:100%; | |
| position:absolute; | |
| left:0;top:0; | |
| background:rgba(0,0,0,0.6); | |
| opacity:0; | |
| filter:alpha(opacity=0); | |
| -webkit-transition:opacity 300ms; | |
| -moz-transition:opacity 300ms; | |
| -o-transition:opacity 300ms; | |
| transition:opacity 300ms; | |
| } | |
| ul.gallery li .preview modal-bodyinks{ | |
| width:104px; | |
| height:40px; | |
| position:absolute; | |
| top:50%; | |
| left:50%; | |
| margin-top:-20px; | |
| margin-left:-52px; | |
| opacity:0; | |
| filter:alpha(opacity=0); | |
| -webkit-transform:translate(0,-50px); | |
| -moz-transform:translate(0,-50px); | |
| -ms-transform:translate(0,-50px); | |
| -o-transform:translate(0,-50px); | |
| transform:translate(0,-50px); | |
| -webkit-transition:300ms; | |
| -moz-transition:300ms; | |
| -o-transition:300ms; | |
| transition:300ms | |
| } | |
| ul.gallery li .preview .links>a{ | |
| width:50px; | |
| height:40px; | |
| line-height:40px; | |
| display:inline-block; | |
| text-align:center; | |
| background:#2dcc70; | |
| color:#fff; | |
| text-shadow:0 1px rgba(0,0,0,0.3); | |
| font-size:18px; | |
| margin:0 1px; | |
| } | |
| ul.gallery li .preview:hover .overlay,ul.gallery li .preview:hover .links{ | |
| opacity:1; | |
| filter:alpha(opacity=100) | |
| } | |
| ul.gallery li .preview:hover .links{ | |
| -webkit-transform:translate(0,0); | |
| -moz-transform:translate(0,0); | |
| -ms-transform:translate(0,0); | |
| -o-transform:translate(0,0); | |
| transform:translate(0,0); | |
| } | |
| ul.faq{ | |
| list-style:none; | |
| margin:0; | |
| } | |
| ul.faq li{ | |
| margin-top:30px; | |
| } | |
| ul.faq li:first-child{margin-top:0} | |
| ul.faq li span.number{ | |
| display:block; | |
| float:left; | |
| width:50px; | |
| height:50px; | |
| line-height:50px; | |
| text-align:center; | |
| background:#bb0300; | |
| color:#fff;font-size:24px; | |
| }ul.faq li>div{margin-left:70px}ul.faq li>div h3{margin-top:0}#error{text-align:center;margin-top:150px;margin-bottom:150px} | |
| #mapSection, #carouselSection{border-top:0px solid #BB0000; border-bottom: 0px; background: #bb0300; color:#fff} | |
| .container1{width:1170px; margin-right:0px; } | |
| .input-block-level1{ | |
| display:block; | |
| width:100%; | |
| min-height:30px; | |
| -webkit-box-sizing:border-box; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box | |
| } | |
| .input-block-level1{min-height:50px}textarea#message1 { padding:10px 15px; height:220px} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! | |
| * Bootstrap Responsive v2.3.2 | |
| * | |
| * Copyright 2013 Twitter, Inc | |
| * Licensed under the Apache License v2.0 | |
| * http://www.apache.org/licenses/LICENSE-2.0 | |
| * | |
| * Designed and built with all the love in the world by @mdo and @fat. | |
| */ | |
| .clearfix{*zoom:1} | |
| .clearfix:before, | |
| .clearfix:after{ | |
| display:table; | |
| line-height:0; | |
| content:"" | |
| } | |
| .clearfix:after{clear:both} | |
| .hide-text{ | |
| font:0/0 a; | |
| color:transparent; | |
| text-shadow:none; | |
| background-color:transparent; | |
| border:0 | |
| } | |
| .input-block-level{ | |
| display:block; | |
| width:100%; | |
| min-height:30px; | |
| -webkit-box-sizing:border-box; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box} | |
| @-ms-viewport{width:device-width} | |
| .hidden{display:none;visibility:hidden} | |
| .visible-phone{display:none!important} | |
| .visible-tablet{display:none!important} | |
| .hidden-desktop{display:none!important} | |
| .visible-desktop{display:inherit!important} | |
| @media(min-width:768px) and (max-width:979px){ | |
| .hidden-desktop{display:inherit!important} | |
| .visible-desktop{display:none!important} | |
| .visible-tablet{display:inherit!important} | |
| .hidden-tablet{display:none!important}} | |
| @media(max-width:767px){ | |
| .hidden-desktop{display:inherit!important} | |
| .visible-desktop{display:none!important} | |
| .visible-phone{display:inherit!important} | |
| .hidden-phone{display:none!important}} | |
| .visible-print{display:none!important} | |
| @media print{.visible-print{display:inherit!important} | |
| .hidden-print{display:none!important}} | |
| @media(min-width:1200px){ | |
| .row{margin-left:-30px;*zoom:1} | |
| .row:before, | |
| .row:after{display:table;line-height:0;content:""} | |
| .row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px} | |
| .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom | |
| .container{width:1170px} | |
| .span12{width:1170px} | |
| .span11{width:1070px} | |
| .span10{width:970px} | |
| .span9{width:870px} | |
| .span8{width:770px} | |
| .span7{width:670px} | |
| .span6{width:570px} | |
| .span5{width:470px} | |
| .span4{width:370px} | |
| .span3{width:270px} | |
| .span2{width:170px} | |
| .span1{width:70px} | |
| .offset12{margin-left:1230px} | |
| .offset11{margin-left:1130px} | |
| .offset10{margin-left:1030px} | |
| .offset9{margin-left:930px} | |
| .offset8{margin-left:830px} | |
| .offset7{margin-left:730px} | |
| .offset6{margin-left:630px} | |
| .offset5{margin-left:530px} | |
| .offset4{margin-left:430px} | |
| .offset3{margin-left:330px} | |
| .offset2{margin-left:230px} | |
| .offset1{margin-left:130px} | |
| .row-fluid{width:100%;*zoom:1} | |
| .row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""} | |
| .row-fluid:after{clear:both} | |
| .row-fluid [class*="span"]{ | |
| display:block; | |
| float:left; | |
| width:100%; | |
| min-height:30px; | |
| margin-left:2.564102564102564%; | |
| *margin-left:2.5109110747408616%; | |
| -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box | |
| } | |
| .row-fluid [class*="span"]:first-child{margin-left:0} | |
| .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%} | |
| .row-fluid .span12{width:100%;*width:99.94680851063829%} | |
| .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%} | |
| .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%} | |
| .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%} | |
| .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%} | |
| .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%} | |
| .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%} | |
| .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%} | |
| .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%} | |
| .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%} | |
| .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%} | |
| .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%} | |
| .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%} | |
| .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%} | |
| .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%} | |
| .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%} | |
| .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%} | |
| .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%} | |
| .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%} | |
| .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%} | |
| .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%} | |
| .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%} | |
| .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%} | |
| .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%} | |
| .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%} | |
| .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%} | |
| .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%} | |
| .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%} | |
| .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%} | |
| .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%} | |
| .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%} | |
| .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%} | |
| .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%} | |
| .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%} | |
| .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%} | |
| .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea, | |
| .uneditable-input{margin-left:0} | |
| .controls-row [class*="span"]+[class*="span"]{margin-left:30px} | |
| input.span12,textarea.span12,.uneditable-input.span12{width:1156px} | |
| input.span11,textarea.span11,.uneditable-input.span11{width:1056px} | |
| input.span10,textarea.span10,.uneditable-input.span10{width:956px} | |
| input.span9,textarea.span9,.uneditable-input.span9{width:856px} | |
| input.span8,textarea.span8,.uneditable-input.span8{width:756px} | |
| input.span7,textarea.span7,.uneditable-input.span7{width:656px} | |
| input.span6,textarea.span6,.uneditable-input.span6{width:556px} | |
| input.span5,textarea.span5,.uneditable-input.span5{width:456px} | |
| input.span4,textarea.span4,.uneditable-input.span4{width:356px} | |
| input.span3,textarea.span3,.uneditable-input.span3{width:256px} | |
| input.span2,textarea.span2,.uneditable-input.span2{width:156px} | |
| input.span1,textarea.span1,.uneditable-input.span1{width:56px} | |
| .thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px} | |
| .row-fluid .thumbnails{margin-left:0}} | |
| @media(min-width:768px) and (max-width:979px){ | |
| .row{margin-left:-20px;*zoom:1} | |
| .row:before, | |
| .row:after{display:table;line-height:0;content:""} | |
| .row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:0px} | |
| .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom | |
| .container{width:724px} | |
| .span12{width:724px} | |
| .span11{width:662px} | |
| .span10{width:600px} | |
| .span9{width:538px} | |
| .span8{width:476px} | |
| .span7{width:414px} | |
| .span6{width:352px} | |
| .span5{width:290px} | |
| .span4{width:228px} | |
| .span3{width:166px} | |
| .span2{width:104px} | |
| .span1{width:42px} | |
| .offset12{margin-left:764px} | |
| .offset11{margin-left:702px} | |
| .offset10{margin-left:640px} | |
| .offset9{margin-left:578px} | |
| .offset8{margin-left:516px} | |
| .offset7{margin-left:454px} | |
| .offset6{margin-left:392px} | |
| .offset5{margin-left:330px} | |
| .offset4{margin-left:268px} | |
| .offset3{margin-left:206px} | |
| .offset2{margin-left:144px} | |
| .offset1{margin-left:82px} | |
| .row-fluid{width:100%;*zoom:1} | |
| .row-fluid:before, | |
| .row-fluid:after{display:table;line-height:0;content:""} | |
| .row-fluid:after{clear:both} | |
| .row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} | |
| .row-fluid [class*="span"]:first-child{margin-left:0} | |
| .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%} | |
| .row-fluid .span12{width:100%;*width:99.94680851063829%} | |
| .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%} | |
| .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%} | |
| .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%} | |
| .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%} | |
| .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%} | |
| .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%} | |
| .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%} | |
| .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%} | |
| .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%} | |
| .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%} | |
| .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%} | |
| .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%} | |
| .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%} | |
| .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%} | |
| .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%} | |
| .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%} | |
| .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%} | |
| .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%} | |
| .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%} | |
| .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%} | |
| .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%} | |
| .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%} | |
| .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%} | |
| .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%} | |
| .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%} | |
| .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%} | |
| .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%} | |
| .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%} | |
| .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%} | |
| .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%} | |
| .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%} | |
| .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%} | |
| .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%} | |
| .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%} | |
| .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%} | |
| input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px} | |
| input.span12,textarea.span12,.uneditable-input.span12{width:710px} | |
| input.span11,textarea.span11,.uneditable-input.span11{width:648px} | |
| input.span10,textarea.span10,.uneditable-input.span10{width:586px} | |
| input.span9,textarea.span9,.uneditable-input.span9{width:524px} | |
| input.span8,textarea.span8,.uneditable-input.span8{width:462px} | |
| input.span7,textarea.span7,.uneditable-input.span7{width:400px} | |
| input.span6,textarea.span6,.uneditable-input.span6{width:338px} | |
| input.span5,textarea.span5,.uneditable-input.span5{width:276px} | |
| input.span4,textarea.span4,.uneditable-input.span4{width:214px} | |
| input.span3,textarea.span3,.uneditable-input.span3{width:152px} | |
| input.span2,textarea.span2,.uneditable-input.span2{width:90px} | |
| input.span1,textarea.span1,.uneditable-input.span1{width:28px}} | |
| @media(max-width:767px){body{padding-right:20px;padding-left:20px; width:100%;vertical-align:middle; } | |
| .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{ margin-right:-20px;margin-left:-20px;} | |
| .container-fluid{padding:0} | |
| .dl-horizontal dt{float:none;width:auto;clear:none;text-align:left} | |
| .dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%} | |
| .row,.thumbnails{margin-left:0} | |
| .thumbnails>li{float:none;margin-left:0}[class*="span"], | |
| .uneditable-input[class*="span"], | |
| .row-fluid [class*="span"]{ | |
| display:block; | |
| float:none; | |
| width:100%; | |
| margin-left:0; | |
| -webkit-box-sizing:border-box; | |
| -moz-box-sizing:border-box; | |
| box-sizing:border-box} | |
| .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} | |
| .row-fluid [class*="offset"]:first-child{margin-left:0} | |
| .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"], | |
| .uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} | |
| .input-prepend input,.input-append input,.input-prepend input[class*="span"], | |
| .input-append input[class*="span"]{display:inline-block;width:auto} | |
| .controls-row [class*="span"]+[class*="span"]{margin-left:0} | |
| .modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0} | |
| .modal.fade{top:-100px} | |
| .modal.fade.in{top:20px}} | |
| @media(max-width:480px){ | |
| .nav-collapse{-webkit-transform:translate3d(0,0,0)} | |
| .page-header h1 small{display:block;line-height:20px} | |
| input[type="checkbox"], | |
| input[type="radio"]{border:1px solid #ccc} | |
| .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left} | |
| .form-horizontal .controls{margin-left:0} | |
| .form-horizontal .control-list{padding-top:0} | |
| .form-horizontal .form-actions{padding-right:10px;padding-left:10px} | |
| .media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px} | |
| .media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px} | |
| .modal-header .close{padding:10px;margin:-10px} | |
| .carousel-caption{position:static}} | |
| @media(max-width:979px){ | |
| body{padding-top:0} | |
| .navbar-fixed-top, | |
| .navbar-fixed-bottom{position:static} | |
| .navbar-fixed-top{margin-bottom:20px} | |
| .navbar-fixed-bottom{margin-top:20px} | |
| .navbar-fixed-top .navbar-inner, | |
| .navbar-fixed-bottom .navbar-inner{padding:5px} | |
| .navbar .container{width:100%;padding:0} | |
| .navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px} | |
| .nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px} | |
| .nav-collapse .nav>li{float:none} | |
| .nav-collapse .nav>li>a{margin-bottom:2px} | |
| .nav-collapse .nav>.divider-vertical{display:none} | |
| .nav-collapse .nav .nav-header{color:#777;text-shadow:none} | |
| .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{ | |
| padding:9px 15px; | |
| font-weight:bold; | |
| color:#777; | |
| -webkit-border-radius:3px; | |
| -moz-border-radius:3px; | |
| border-radius:3px} | |
| .nav-collapse .btn{ | |
| padding:4px 10px 4px; | |
| font-weight:normal; | |
| -webkit-border-radius:4px; | |
| -moz-border-radius:4px; | |
| border-radius:4px} | |
| .nav-collapse .dropdown-menu li+li a{margin-bottom:2px} | |
| .nav-collapse .nav>li>a:hover, | |
| .nav-collapse .nav>li>a:focus, | |
| .nav-collapse .dropdown-menu a:hover, | |
| .nav-collapse .dropdown-menu a:focus{background-color:#e0d7d7} | |
| .navbar-inverse .nav-collapse .nav>li>a, | |
| .navbar-inverse .nav-collapse .dropdown-menu a{color:#999} | |
| .navbar-inverse .nav-collapse .nav>li>a:hover, | |
| .navbar-inverse .nav-collapse .nav>li>a:focus, | |
| .navbar-inverse .nav-collapse .dropdown-menu a:hover, | |
| .navbar-inverse .nav-collapse .dropdown-menu a:focus{background-color:#e0d7d7} | |
| .nav-collapse.in .btn-group{padding:0;margin-top:5px} | |
| .nav-collapse .dropdown-menu{ | |
| position:static; | |
| top:auto; | |
| left:auto; | |
| display:none; | |
| float:none; | |
| max-width:none; | |
| padding:0; | |
| margin:0 15px; | |
| background-color:transparent; | |
| border:0; | |
| -webkit-border-radius:0; | |
| -moz-border-radius:0; | |
| border-radius:0; | |
| -webkit-box-shadow:none; | |
| -moz-box-shadow:none; | |
| box-shadow:none | |
| } | |
| .nav-collapse .open>.dropdown-menu{display:block} | |
| .nav-collapse .dropdown-menu:before, | |
| .nav-collapse .dropdown-menu:after{display:none} | |
| .nav-collapse .dropdown-menu .divider{display:none} | |
| .nav-collapse .nav>li>.dropdown-menu:before, | |
| .nav-collapse .nav>li>.dropdown-menu:after{display:none} | |
| .nav-collapse .navbar-form,.nav-collapse .navbar-search{ | |
| float:none; | |
| padding:10px 15px; | |
| margin:10px 0; | |
| border-top:1px solid #f2f2f2; | |
| border-bottom:1px solid #f2f2f2; | |
| -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); | |
| -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1); | |
| box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)} | |
| .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{ | |
| border-top-color:#111; | |
| border-bottom-color:#111 | |
| } | |
| .navbar .nav-collapse .nav.pull-right{float:none;margin-left:0} | |
| .nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden} | |
| .navbar .btn-navbar{display:block} | |
| .navbar-static .navbar-inner{padding-right:10px;padding-left:10px} | |
| } | |
| @media(min-width:980px){ | |
| .nav-collapse.collapse{height:auto!important;overflow:visible!important} | |
| } | |
| /* Additinoal CSS */ /* | |
| @media(max-width:320px) and (max-width:414px){ | |
| [class*="span"] { | |
| width: 100%; | |
| } | |
| body{padding-top:0px; | |
| padding-left:20px; | |
| padding-right:20px; | |
| width:100%; | |
| } | |
| .row{margin-left:-20px;*zoom:1} | |
| .row:before, | |
| .row:after{display:table;line-height:0;content:""} | |
| .row:after{clear:both}[class*="span"]{ float:left;min-height:1px;margin-left:0px } | |
| .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom | |
| .container{ width: 100%; } | |
| } | |
| [class*="span"] { | |
| float: left; | |
| padding: 5px; | |
| } | |
| */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment