PHP Classes

File: fwphp/glomodul/z_examples/todo_csv_js/todolist/web/css/style.css

Recommend this page to a friend!
  Classes of Slavko Srakocic   B12 PHP FW   fwphp/glomodul/z_examples/todo_csv_js/todolist/web/css/style.css   Download  
File: fwphp/glomodul/z_examples/todo_csv_js/todolist/web/css/style.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: B12 PHP FW
Manage database records with a PDO CRUD interface
Author: By
Last change: Update of fwphp/glomodul/z_examples/todo_csv_js/todolist/web/css/style.css
Date: 1 year ago
Size: 4,263 bytes
 

Contents

Class file image Download
/* * */ /** general **/ * { margin: 0; padding: 0; } body { font-family: Tahoma, Geneva, sans-serif; font-size: 100%; line-height: 1em; color: #414141; } h1 { margin-bottom: 30px; } h2 { margin-bottom: 20px; } h3 { font-size: 1.2em; color: #4c7cbd; margin-bottom: 12px; } h3 a { color: #4c7cbd; text-decoration: none; } h3 a:hover { text-decoration: underline; } object { vertical-align: top; } p { margin: 0; padding: 0; } img { border: 0; vertical-align: top; text-align: left; } a { color: #414141; outline: none; } a:hover { text-decoration: none; } /** lists **/ ul { list-style: circle; } li { margin-left: 30px; } ul.list { list-style: none; } .list li { width: 100%; overflow: hidden; vertical-align: bottom; padding: 3px 0 20px 0; margin-left: 0; } .list li img { float: left; margin: -3px 15px 0 0; width: 16px; height: 16px; } .list p.description { margin-bottom: 5px; } .list span.label { font-weight: bold; } /** forms **/ input, textarea, select { font-family: Tahoma, Geneva, sans-serif; font-size: 1em; } input, select { vertical-align: middle; font-weight: normal; } form { clear: right; width: 100%; overflow: hidden; } form fieldset { border: none; float: left; } form .field { clear: both; } form label { float: left; width: 97px; line-height: 18px; padding-bottom: 8px; font-weight: bold; color: #4c7cbd; } input.text { width: 170px; padding: 1px 0 1px 3px; border: 1px solid #d6d6d6; color: #414141; float: left; } textarea { width: 340px; height: 70px; padding: 1px 0 1px 3px; border: 1px solid #d6d6d6; color: #414141; margin-bottom: 15px; overflow: auto; float: left; } form input.submit { float: right; color: #4c7cbd; margin-left: 5px; width: 70px; font-weight: bold; } .errors { margin-bottom: 20px; } .errors li { color: red; } .error-field { background-color: pink; } /** boxes **/ .box { background: #fff; width: 100%; border: 1px solid #D6D6D6; } .box .inner { padding: 30px 30px 40px 30px; } /** content **/ #content { padding: 20px 40px 0 40px; } #content .indent { padding: 14px 0 0 9px; } #content p { line-height: 1.17em; } /** footer **/ #footer .indent { padding: 37px 40px 20px 40px; } #footer img { position: relative; top: -4px; } #footer a { color: #4c7cbd; } /** other **/ .fleft { float: left; } .fright { float: right; } .clear { clear: both; } .alignright { text-align: right; } .aligncenter { text-align: center; } .wrapper { width: 100%; overflow: hidden; } .container { width: 100%; } .statuses { float: left; } .actions { float: left; margin-left: 20px; } span.too-late { color: red; font-weight: bold; } .img-box1 { width: 100%; overflow: hidden; padding-top: 3px; } .img-box1 img { float: left; margin: -3px 15px 0 0; } .p { margin-bottom: 14px; } table.detail { margin-bottom: 20px; } table.detail th { text-align: right; } table.detail td { padding: 2px 14px; } .line-hor { border-bottom: 1px solid #000; margin: 20px 0; overflow: hidden; font-size: 0; line-height: 0; } /** flashes **/ ul#flashes { margin: 0; margin-bottom: 15px; padding: 0; list-style: none; } ul#flashes li { margin: 0; padding: 0; color: green; font-weight: bold; } /** jquery ui **/ .ui-widget { font-family: Tahoma, Geneva, sans-serif; font-size: 0.9em; } .ui-widget button { width: 70px; } /** icons **/ .material-icons { color: #0E1B55; font-size: 18px; margin: 0 4px; } .material-icons.disabled { color: darkgray; } .material-icons.error { color: indianred; } .material-icons.multi { margin: 0; } .material-icons.logo { margin: 0; font-size: 128px; } .material-icons.priority { color: gold; } .material-icons.pending { color: deepskyblue; } .material-icons.done { color: darkseagreen; } .material-icons.voided { color: coral; } .material-icons.new { color: khaki; }