-@media screen and (min-width: 64em) {
- #content {
- /* https://css-tricks.com/fighting-the-space-between-inline-block-elements/ */
- margin-top: -4px;
+.toolbar-plugin input[type="text"] {
+ padding: 0 5px;
+ height: 30px;
+ width: 300px;
+ background: #f5f5f5;
+ border: medium none currentColor;
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.078), 0 1px 1px rgba(0, 0, 0, 0.298) inset;
+ border-radius: 2px;
+ color: #252525;
+}
+
+/* because chrome */
+.toolbar-plugin input[type="text"]::-webkit-input-placeholder {
+ color: #777777;
+}
+
+.toolbar-plugin input[type="submit"] {
+ padding: 0 10px;
+ height: 30px;
+ background: #f5f5f5;
+ border: medium none currentColor;
+ border-radius: 2px;
+ color: #252525;
+}
+
+@media screen and (max-width: 64em) {
+ .toolbar-plugin input[type="text"] {
+ width: 70%;
+