Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- font-family: 'Open Sans', Helvetica, sans-serif;
- color: #282828;
- background: #f2f2f2;
- }
- a
- {
- text-decoration: none;
- color: inherit;
- }
- #navigation
- {
- position: fixed;
- z-index: 10;
- top: 0;
- left: 0;
- width: calc(100% - 60px);
- padding: 5px 30px;
- background: white;
- box-shadow: 0 1px 2px #c6c6c6;
- }
- nav
- {
- float: right;
- vertical-align: top;
- color: black;
- }
- nav ul
- {
- list-style-type: none;
- }
- nav li
- {
- font-size: 11pt;
- display: inline;
- padding: 0 15px;
- }
- nav li a{
- font-size: 12px;
- font-weight: 700;
- color: rgb(61, 61, 61);
- }
- nav li a:hover
- {
- color: gray;
- }
- #page_content
- {
- margin-top: 100px;
- width: 100%;
- }
- #container{
- margin: auto;
- max-width: 700px;
- }
- .section_title{
- font-size: 12px;
- color: #636363;
- font-weight: 700;
- }
- #projects{
- float: left;
- width: 250px;
- }
- #projects ul{
- list-style: none;
- margin: 0px;
- padding: 0px;
- margin-top: 7px;
- box-shadow: 1px 1px rgb(207, 207, 207);
- }
- #projects ul li{
- background: white;
- padding: 6px 10px;
- margin-bottom: 1px;
- }
- #projects ul a li:hover{
- background: #ededed;
- }
- .project_title{
- color: #52abc8;
- font-family: 'Open Sans semibold', sans-serif;
- font-size: 14px;
- }
- .project_last_updated{
- font-size: 12px;
- color: gray;
- }
- .selected_project{
- border-left: 5px solid #52abc8;
- }
- .section_actions{
- vertical-align: top;
- float: right;
- }
- .section_actions img{
- margin-left: 5px;
- }
- .section_actions a:hover{
- opacity: .4;
- }
- .actions_seperator{
- margin-right: 15px;
- display: inline-block;
- }
- #tasks{
- float: right;
- width: calc(100% - 280px);
- margin-left: 30px;
- }
- #tasks ul{
- list-style: none;
- margin: 0px;
- padding: 0px;
- margin-top: 7px;
- }
- #tasks ul li{
- background: white;
- padding: 6px 10px;
- margin-bottom: 10px;
- box-shadow: 1px 1px rgb(207, 207, 207);
- }
- .task_title{
- font-size: 13px;
- font-family: 'Open Sans semibold', sans-serif;
- }
- .task_due_date{
- font-size: 11px;
- }
- #tasks ul li:hover{
- background: #f5f5f5;
- }
- .selected_task{
- border-left: 5px solid #52abc8;
- }
- #login_form{
- margin: auto;
- text-align: left;
- width: 260px;
- }
- #project_form{
- margin: auto;
- text-align: left;
- width: 260px;
- z-index: 100;
- margin-top: 100px;
- }
- #task_form{
- margin: auto;
- text-align: left;
- width: 260px;
- z-index: 100;
- margin-top: 100px;
- }
- #register_form{
- margin: auto;
- text-align: left;
- width: 260px;
- }
- .form_title{
- font-size: 12px;
- font-weight: 700;
- margin-bottom: 5px;
- }
- #login_form form{
- background: white;
- text-align: left;
- padding: 30px 40px 20px 40px;
- overflow: hidden;
- }
- #register_form form{
- background: white;
- text-align: left;
- padding: 30px 40px 20px 40px;
- overflow: hidden;
- }
- #project_form form{
- background: white;
- text-align: left;
- padding: 30px 40px 20px 40px;
- overflow: hidden;
- }
- #task_form form{
- background: white;
- text-align: left;
- padding: 30px 40px 20px 40px;
- overflow: hidden;
- }
- form input{
- border: 1px solid rgb(192, 192, 192);
- border-radius: 5px;
- padding: 10px 7px;
- margin-bottom: 10px;
- }
- form input[type = "submit"]{
- margin: 0px;
- border: none;
- font-size: 12px;
- padding: 10px 15px;
- margin-right: -5px;
- float: right;
- background: #52abc8;
- color:white;
- font-weight: 700;
- }
- #page_overlay{
- width: 100%;
- height: 100%;
- background: rgb(0, 0, 0, .6);
- position: absolute;
- top: 0px;
- left: 0px;
- z-index: 20;
- }
- #project_form a{
- float: right;
- margin-top: -25px;
- margin-right: -25px;
- margin-bottom: 10px;
- color: red;
- }
- #task_form a{
- float: right;
- margin-top: -25px;
- margin-right: -25px;
- margin-bottom: 10px;
- color: red;
- }
- #task_form p{
- font-size: 12px;
- margin: 0px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement