1/* =Tools 2----------------------------------------------- */ 3 4@media screen { 5 6/* highlight selected tool */ 7.mode_admin a.action.admin, 8.mode_login a.action.login, 9.mode_register a.action.register, 10.mode_profile a.action.profile, 11.mode_recent a.action.recent, 12.mode_index a.action.index, 13.mode_media a.action.media, 14.mode_revisions a.action.revs, 15.mode_backlink a.action.backlink, 16.mode_subscribe a.action.subscribe { 17 background-color: @ini_text_neu; 18} 19 20.page-tools { 21 a span:first-child { 22 display: inline-block; 23 width: 20px; 24 height: 20px; 25 -webkit-font-smoothing: antialiased; 26 font-size: 20px; 27 line-height: 1; 28 font-family: 'Genericons'; 29 text-decoration: inherit; 30 font-weight: normal; 31 font-style: normal; 32 vertical-align: top; 33 } 34 35 a span:first-child:before { content: '\f101'; } 36 37 a.edit span:first-child:before { content: '\f411'; } 38 a.create span:first-child:before { content: '\f510'; } 39 a.show span:first-child:before { content: '\f403'; } 40 a.source span:first-child:before { content: '\f462'; } 41 a.draft span:first-child:before { content: '\f416'; } 42 a.revs span:first-child:before { content: '\f303'; } 43 a.backlink span:first-child:before { content: '\f107'; } 44 a.top span:first-child:before { content: '\f435'; } 45 a.revert span:first-child:before { content: '\f467'; } 46 a.subscribe span:first-child:before { content: '\f410'; } 47} 48 49.site-tools, 50.user-tools { 51 a span { 52 display: inline-block; 53 width: 20px; 54 height: 20px; 55 -webkit-font-smoothing: antialiased; 56 font-size: 20px; 57 line-height: 1; 58 font-family: 'Genericons'; 59 text-decoration: inherit; 60 font-weight: normal; 61 font-style: normal; 62 vertical-align: top; 63 } 64 65 a span:before { content: '\f101'; } 66 67 a.admin span:before { content: '\f445'; } 68 a.login span:before { content: '\f427'; } 69 a.logout span:before { content: '\f470'; } 70 a.register span:before { content: '\f425'; } 71 a.profile span:before { content: '\f304'; } 72 a.recent span:before { content: '\f307'; } 73 a.index span:before { content: '\f507'; } 74 a.media span:before { content: '\f473'; } 75} 76 77} /* /@media */ 78 79 80@media only screen and (min-width: 960px) { 81 82.page-tools { 83 position: fixed; 84 top: 40px; 85 left: 320px; 86 87 a span:first-child { 88 display: block; 89 width: 60px; 90 height: 60px; 91 background: @ini_text_neu; 92 color: @ini_background; 93 font-size: 30px; 94 line-height: 2; 95 text-align: center; 96 97 -webkit-border-radius: 50%; 98 -moz-border-radius: 50%; 99 border-radius: 50%; 100 -webkit-transition: all 0.25s ease-in-out; 101 -moz-transition: all 0.25s ease-in-out; 102 -ms-transition: all 0.25s ease-in-out; 103 -o-transition: all 0.25s ease-in-out; 104 transition: all 0.25s ease-in-out; 105 } 106 107 a:hover span:first-child { 108 background: @ini_background; 109 color: @ini_text_alt; 110 } 111} 112 113.mode_revisions .page-tools a.revs span:first-child, 114.mode_backlink .page-tools a.backlink span:first-child, 115.mode_revert .page-tools a.revert span:first-child, 116.mode_subscribe .page-tools a.subscribe span:first-child { 117 background: @ini_background; 118 color: @ini_text_alt; 119 position: relative; 120 121 &:after { 122 content: ''; 123 z-index: 2; 124 display: block; 125 position: absolute; 126 top: 25px; 127 right: -25px; 128 border-left: 5px solid @ini_text_alt; 129 border-top: 5px solid transparent; 130 border-bottom: 5px solid transparent; 131 } 132} 133 134} /* /@media */ 135 136@media only screen and (max-width: 959px) { 137 .page-tools .a11y { 138 position: static !important; 139 left: 0 !important; 140 right: 0 !important; 141 width: auto !important; 142 height: auto !important; 143 } 144} 145