Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*comment*/
- *{
- margin:0;
- padding:0;
- }
- .title {
- font-size: 36px;
- font-family: sans-pro,sans-serif;
- color:#ffffff;
- padding-top:30%;
- background: #106cc8;
- }
- li {
- padding-left:10px;
- color: #000000;
- }
- .side{
- border:lightgray;
- float:left;
- flex:30%;
- border-right: solid;
- border-right-color: lightgray;
- }
- .side ul{
- font-size:22px;
- font-family: "Source sans pro", sans-serif;
- color: #616161;
- }
- #mainTasks{
- font-size: 36px;
- font-family: "Roboto", sans-serif;
- text-align: center;
- text-decoration: underline;
- }
- body{
- background-color: #f5f5f5;
- display: flex;
- flex-direction: row;
- height: 100vh;
- }
- .main {
- padding-top: 8%;
- border-left-color: #616161;
- display: grid;
- float:right;
- flex:70%;
- }
- .task,.completedTask{
- transition: background-color 0.5s;
- cursor: pointer;
- }
- .completedTask:hover{
- background-color: #B0E0E6;
- }
- .task:hover{
- background-color: #B0E0E6;
- }
- .taskA{
- width: 100%;
- background:rgb(255,255,255,0.5);
- padding: 18px;
- margin: 6px 0;
- overflow:hidden;
- font-family:"Roboto",sans-serif;
- cursor: pointer;
- text-decoration: line-through;
- }
- h2 {
- font-size: 24px;
- font-family: "Roboto",sans-serif;
- color:#106cc8;
- text-align: left;
- }
- .Delete {
- background-color: #106cc8;
- font-family: "Roboto", sans-serif;
- color:#ffffff;
- float: right;
- margin-right:100px;
- padding:2px;
- border-style: none;
- border-radius: 3px;
- cursor: pointer;
- }
- .task {
- width: 100%;
- background:rgb(255,255,255,0.5);
- padding: 18px;
- margin: 6px 0;
- overflow:hidden;
- font-family:"Roboto",sans-serif;
- cursor: pointer;
- text-decoration: none;
- }
- .completedTask{
- width: 100%;
- background:rgb(255,255,255,0.5);
- padding: 18px;
- margin: 6px 0;
- overflow:hidden;
- font-family:"Roboto",sans-serif;
- text-decoration: line-through;
- cursor:pointer;
- }
- #addTask{
- padding-right:150px;
- border-radius:10px;
- text-align: left;
- margin-right: 8px;
- margin-left:35%;
- padding-top: 4px;
- padding-bottom:4px;
- }
- .btn_Task{
- border-radius:100%;
- width: 32px;
- height: 32px;
- background-color: #106cc8;
- color: #ffffff;
- border-style: none;
- cursor:pointer;
- }
- #buttonHolder{
- text-align: center;
- cursor: pointer;
- }
- .task{
- font-family:"Roboto",sans-serif;
- }
- #today,#tomorrow{
- font-family: "Roboto",sans-serif;
- }
- .header{
- text-align: center;
- padding-top:210px;
- color:#000000;
- font-family: "roboto",sans-serif;
- }
- .contact_form{
- margin: 0 auto;
- background-color: #106cc8;
- padding:60px;
- border-radius: 5px;
- display: flex;
- box-shadow; 0 0 10px;
- max-width: 550px;
- }
- .input_fields{
- background-color: transparent;
- display: flex;
- flex-direction: column;
- margin:5px;
- width: 48%;
- }
- .input_fields .input{
- margin: 10px 0;
- background-color: transparent;
- border: 0;
- border-bottom: 2px solid ;
- padding:10px;
- color: #c5ecfd;
- width:100%;
- font-size: 14px;
- border-radius: 4px;
- }
- input::placeholder{
- color: #cfecfd;
- font-family: "sans pro",sans-serif;
- font-size: 16px;
- }
- .Submit_button #submitTask{
- background: #106cc8;
- text-align: center;
- width: 50px;
- border-radius: 6px;
- color: #ffffff;
- cursor:pointer;
- width: 60px;
- height: 30px;
- border-style: none;
- }
- .Submit_button .clearbtn{
- background: #106cc8;
- text-align: center;
- width: 60px;
- height: 30px;
- border-radius: 6px;
- color: #ffffff;
- cursor:pointer;
- border-style: none;
- }
- .Submit_button{
- padding-left: 350px;
- font-family: "Roboto",sans-serif;
- border: none;
- background-color: transparent;
- outline: none;
- }
- .nav{
- position: absolute;
- top:30%;
- width:100%;
- padding: 0 20px;
- }
- .second{
- display: grid;
- background-color: #f5f5f5;
- }
- #error{
- padding-left:430px;
- font-family: 'roboto',sans-serif;
- color:#CB0909;
- }
- label {
- cursor: pointer;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement