1/* =addNewPage Plugin 2----------------------------------------------- */ 3 4.page-tools { 5 div.addnewpage{ 6 display: none; 7 position: absolute; 8 background-color: @ini_text_alt; 9 color: @ini_background; 10 border-radius: 0 20px 20px 0; 11 padding: 10px; 12 padding-right: 30px; 13 left: 80px; 14 top: 0px; 15 width: 300px; 16 17 select.edit{ 18 color: @ini_text; 19 background-color: @ini_background; 20 -webkit-border-radius: 20px; 21 -moz-border-radius: 20px; 22 border-radius: 20px; 23 border-color: @ini_background_alt; 24 padding-bottom: 5px; 25 padding-left: 10px; 26 padding-right: 10px; 27 padding-top: 5px; 28 margin-bottom: 10px; 29 } 30 31 input.edit{ 32 border-color: @ini_background_alt; 33 color: @ini_text; 34 background-color: @ini_background; 35 } 36 37 input.button{ 38 margin-top: 10px; 39 width: 100%; 40 transition: all 0.25s ease-in-out; 41 } 42 43 input.button:hover{ 44 background-color: @ini_theme_color; 45 color: @ini_background; 46 } 47 } 48 49 a.AddNewPage { 50 51 span.icon::before { content: "\F4F8"; } 52 } 53} 54 55/* 767px > x */ 56@media only screen and (max-width: 767px) { 57 .page-tools { 58 div.addnewpage{ 59 left: 0px; 60 top: auto; 61 border-radius: 0px; 62 width: 100vw; 63 padding: 20px; 64 padding-right: 20px; 65 } 66 } 67} 68