PHP Classes

File: css/stylish-portfolio.css

Recommend this page to a friend!
  Classes of Isaac Trenado Mx   Dropsize MVCf Smarty   css/stylish-portfolio.css   Download  
File: css/stylish-portfolio.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Dropsize MVCf Smarty
MVC framework that uses Smarty to render views
Author: By
Last change:
Date: 8 years ago
Size: 3,755 bytes
 

Contents

Class file image Download
/*! * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ /* Global Styles */ html, body { width: 100%; height: 100%; } body { font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif; } .text-vertical-center { display: table-cell; text-align: center; vertical-align: middle; } .text-vertical-center h1 { margin: 0; padding: 0; font-size: 4.5em; font-weight: 700; } /* Custom Button Styles */ .btn-dark { border-radius: 0; color: #fff; background-color: rgba(0,0,0,0.4); } .btn-dark:hover, .btn-dark:focus, .btn-dark:active { color: #fff; background-color: rgba(0,0,0,0.7); } .btn-light { border-radius: 0; color: #333; background-color: rgb(255,255,255); } .btn-light:hover, .btn-light:focus, .btn-light:active { color: #333; background-color: rgba(255,255,255,0.8); } /* Custom Horizontal Rule */ hr.small { max-width: 100px; } /* Side Menu */ #sidebar-wrapper { z-index: 1000; position: fixed; right: 0; width: 250px; height: 100%; margin-right: -250px; overflow-y: auto; background: #222; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .sidebar-nav { position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none; } .sidebar-nav li { text-indent: 20px; line-height: 40px; } .sidebar-nav li a { display: block; text-decoration: none; color: #999; } .sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255,255,255,0.2); } .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; } .sidebar-nav > .sidebar-brand { height: 55px; font-size: 18px; line-height: 55px; } .sidebar-nav > .sidebar-brand a { color: #999; } .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; } #menu-toggle { z-index: 1; position: fixed; top: 0; right: 0; } #sidebar-wrapper.active { right: 250px; width: 250px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .toggle { margin: 5px 5px 0 0; } /* Header */ .header { display: table; position: relative; width: 100%; height: 100%; background: url(../images/bg.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } /* About */ .about { padding: 50px 0; } /* Services */ .services { padding: 50px 0; } .service-item { margin-bottom: 30px; } /* Callout */ .callout { display: table; width: 100%; height: 400px; color: #fff; background: url(../images/callout.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } /* Portfolio */ .portfolio { padding: 50px 0; } .portfolio-item { margin-bottom: 30px; } .img-portfolio { margin: 0 auto; } .img-portfolio:hover { opacity: 0.8; } /* Call to Action */ .call-to-action { padding: 50px 0; } .call-to-action .btn { margin: 10px; } /* Map */ .map { height: 500px; } @media(max-width:768px) { .map { height: 75%; } } /* Footer */ footer { padding: 100px 0; }