a { color: #4a809a; } body{ background: #ededed; font-family: 'Open Sans', sans-serif; } .block { background: #FFFFFF; box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 0 10px 0; padding: 15px; } .close { color: #FFFFFF; font-size: 30px; position: absolute; right: -25px; text-decoration: none; top: -25px; } #content { margin: 10px 0 0 0; } .date, .tag { color: #999999; display: inline-block; font-size: 12px; letter-spacing: 1px; margin-right: 10px; } .delete, .edit { float: right; font-size: 25px; margin-right: 10px; } .dialog { -moz-transition: opacity 400ms ease-in; -webkit-transition: opacity 400ms ease-in; background: rgba(0,0,0,0.8); bottom: 0; display: none; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; transition: opacity 400ms ease-in; z-index: 99999; } .dialog:target { display: block; pointer-events: auto; } .dialog1 { -moz-transition: opacity 400ms ease-in; -webkit-transition: opacity 400ms ease-in; background: rgba(0,0,0,0.8); bottom: 0; display: none; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; transition: opacity 400ms ease-in; z-index: 99999; } .dialog1:target { display: block; pointer-events: auto; } .dialog > div { background: #fff; margin: 15% auto; padding: 10px; position: relative; text-align: center; width: 17em; } .dialog span { line-height: 50px } .dialog input { margin: 5px width: 100px; } h2 { font-size: 26.25px; line-height: 31.5px; margin: 10px 0; } #header { background: #6da3bd; box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); display: block; font-family: 'Open Sans', sans-serif; height: 50px; } input[name="search"] { border-radius: 4px; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #333333; font-size: 14px; padding: 6px 12px; vertical-align: top; width: 200px; } input#button-search { background: url('https://touchit.com.ua/static/images/icons/search-25.png') no-repeat center center; border: none; cursor: pointer; height: 32px; width: 32px; } #logo { color: #FFFFFF; float: left; font-family: 'Lato', sans-serif; font-size: 25px; height: 50px; letter-spacing: 1px; line-height: 50px; padding: 0 0 0 15px; text-align: center; text-decoration: none; vertical-align: top; } .menu_top li { display: inline; margin-right: 10px; } #pagination { font-size: 16px; list-style: none; } #pagination a { display: inline-block; padding: 2 1; text-decoration:none; } #plus { display: none; } div.post { font-size: 16px; } .post { background: #FFFFFF; box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; color: #1a1a1a; display: block; font-family: 'Open Sans'; font-weight: 300; line-height: 26px; margin: 0 0 10px 0; padding: 15px; width: 100%; } .post-header { font-family: 'Open Sans', sans-serif; margin: 5px 0 10px 0; } .post-header a { color: #000; text-decoration: none; } .post-header a:hover { color: #4a809a; } #posts { box-sizing: border-box; display: block; float: left; padding-right: 250px; width: 100%; } .right { float: right; } #search { display: block; float: right; font-size: 100%; height: 50px; } #search-form { margin: 10px 10px 0 10px; } .sidemenu { box-sizing: border-box; float: left; margin-left: -240px; width: 240px; } .sidemenu h2 { color: #666666; font-size: 16px; margin: 0 0 10px 0; } .sidemenu ul { padding: 0; } .sidemenu li { list-style: none; margin: 5px 0 10px; } textarea{ margin:5px 10px; width: 90%; } //button[name="action"] {display: block; float: right; margin: 1px;} //table { //border: none; //border-collapse: collapse;} //td {padding: 2 10;} tr:hover td { background-color: rgba(41, 128, 185, 0.1); } @media screen and (max-width: 900px) { #posts {padding: 0} #header {width: 100%;} #search, .sidemenu {display: none} #plus { color: #FFF; float: right; font-size: 25px; display: block; margin: 12px; } }