PHP Classes

File: public/css/app.css

Recommend this page to a friend!
  Classes of Hillary Kollan   Chatto PHP Websocket Chat System   public/css/app.css   Download  
File: public/css/app.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Chatto PHP Websocket Chat System
Websocket based chat system using Ratchet library
Author: By
Last change:
Date: 3 years ago
Size: 3,228 bytes
 

Contents

Class file image Download
body{ font: 15px/1.5 'Lato', sans-serif; padding: 0; margin: 0; background-color: aliceblue; } /* Global */ .container{ width:80%; margin:auto; overflow:hidden; } ul{ margin:0; padding:0; } .button_1{ height:35px; border:0; color:#032e61; border-radius:3px; padding-left: 20px; padding-right: 20px; background-color: #fff; font-weight: bold; } .dark{ padding:15px; background:#032e61; color:#ffffff; margin-top: 10px; margin-bottom: 10px: } .box h3{ color:#032e61; } /* Header */ /* Salesforce color #032e61 */ header{ background:#fffefc; color:#032e61; padding-top:12px; min-height: 25px; border-bottom: #032e61 3px solid; } header a{ color:#032e61; text-decoration: none; text-transform: uppercase; font-size:16px; } header li{ float:left; display:inline; padding: 0 20px 0 20px; } header #branding{ float:left; margin-top:-13px; } header #branding h1{ margin:0; } header nav{ float:right; } header .highlight, header .current a { font-weight: bold; } /* Showcase */ #showcase{ min-height:480px; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../public/images/ipluge_pics/router1.jpeg') no-repeat; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; text-align:center; color: white; width: 100%; left: 0; margin: 0; padding: 0; } #showcase h1{ margin-top:100px; font-size:55px; margin-bottom: 10px; } #showcase p{ font-size:20px; } /*newsletter*/ #newsletter{ padding:15px; color: #ffffff; background:#032e61; } #newsletter h1{ float:left; } #newsletter form{ float:right; margin-top:15px; } #newsletter input[type="email"]{ height:27px; padding:4px; width:250px; border: 0; border-radius:3px; } /*boxes area*/ #boxes{ margin-top: 20px; } #boxes .box{ float:left; width:30%; padding:10px; text-align:center; } #boxes .box img { height:150px; width:170px; border-radius: 4px; } /*Services form*/ aside#sidebar .quote input, aside#sidebar .quote textarea{ padding:5px; width:90%; } /*sidebar*/ aside#sidebar{ float:right; margin-top: 10px; width:30%; } /*Main col*/ article#main-col{ float:left; margin-top:10px; width:65%; } /* footer area */ #footer{ padding:20px; margin-top:20px; color:#ffffff; background: #032e61; text-align:center; } /*Media Queries*/ @media(max-width: 768px){ header #branding, header nav, header nav li, #newsletter h1, #newsletter form, #boxes .box, article .main-col, aside#sidebar{ float:none; text-align: center; width:100%; } header{ padding-bottom: 20px; } #showcase h1{ margin-top:40px; } #newsletter button, .quote button{ display:block; width:100%; } #newsletter form input[type="email"], quote input, .quote textarea{ width:100%; margin-bottom:5px; }