commit 49c5206cb2c567269cf924f35c3eb1637dc86451 Author: Sanne Janssen Date: Fri Jan 25 14:07:06 2013 +0100 commit local changes diff --git a/core/misc/dropbutton/dropbutton.base.css b/core/misc/dropbutton/dropbutton.base.css index 65ef314..9c1a3ef 100644 --- a/core/misc/dropbutton/dropbutton.base.css +++ b/core/misc/dropbutton/dropbutton.base.css @@ -22,6 +22,13 @@ .js .dropbutton-widget { max-width: 100%; } + +@media screen and (max-width:600px) { + .js .dropbutton-wrapper { + width: 100%; + } +} + .js .dropbutton-widget { position: absolute; } @@ -72,7 +79,7 @@ text-indent: 110%; top: 0; white-space: nowrap; - width: 2em; + width: 2.08em; } .dropbutton-toggle button { background: none; diff --git a/core/modules/node/node.admin.css b/core/modules/node/node.admin.css index 829dd7d..9ef08e1 100644 --- a/core/modules/node/node.admin.css +++ b/core/modules/node/node.admin.css @@ -18,13 +18,13 @@ margin-right: 1em; } -.dropbutton-wrapper .dropbutton-widget { +.form-actions .dropbutton-wrapper .dropbutton-widget { position: static; } .form-actions .dropbutton-wrapper li a, .form-actions .dropbutton-wrapper input { - padding: 4px 17px; + padding: 5px 17px 6px 17px; margin-bottom: 0em; border: medium; border-radius: 0; @@ -35,3 +35,104 @@ background: none; border: none; } + +.form-actions .button { + background: #fefefe; + background-image: -webkit-linear-gradient(top, #fefefe, #e0e0e0); + background-image: -moz-linear-gradient(top, #fefefe, #e0e0e0); + background-image: -o-linear-gradient(top, #fefefe, #e0e0e0); + background-image: linear-gradient(to bottom, #fefefe, #e0e0e0); + border: 1px solid #c8c8c8; + border-radius: 3px; + text-decoration: none; + padding: 6px 17px 6px 17px; + margin-left: 0; +} + +.form-actions .button:focus, +.form-actions .button:hover { + background: #fefefe; + background-image: -webkit-linear-gradient(top, #fefefe, #eaeaea); + background-image: -moz-linear-gradient(top, #fefefe, #eaeaea); + background-image: -o-linear-gradient(top, #fefefe, #eaeaea); + background-image: linear-gradient(to bottom, #fefefe, #eaeaea); + -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.1); + box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.1); + color: #2e2e2e; + text-decoration: none; +} +.form-actions .button:active { + border: 1px solid #c8c8c8; + background: #fefefe; + background-image: -webkit-linear-gradient(top, #eaeaea, #fefefe); + background-image: -moz-linear-gradient(top, #eaeaea, #fefefe); + background-image: -o-linear-gradient(top, #eaeaea, #fefefe); + background-image: linear-gradient(to bottom, #eaeaea, #fefefe); + -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.1); + box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.1); + color: #2e2e2e; + text-decoration: none; + text-shadow: none; +} + +/* Delete button */ +.form-actions .button-danger { + color: #c72100; + background: none; + border: none; + float: right; + margin-right: 0; + margin-left: 0; + padding-right: 0; + padding-left: 0; +} +.form-actions .button-danger:hover, +.form-actions .button-danger:focus { + color: #ff2a00; + background: none; + border: none; + text-decoration: underline; +} +.form-actions .button-danger:active { + color: #ff2a00; + background: none; + border: none; + text-decoration: underline; +} + + +/** + * Form edit action theming + */ +.js .form-actions .dropbutton-widget { + background-color: #50a0e9; + background-image: -moz-linear-gradient(-90deg, #50a0e9, #4481dc); + background-image: -o-linear-gradient(-90deg, #50a0e9, #4481dc); + background-image: -webkit-linear-gradient(-90deg, #50a0e9, #4481dc); + background-image: linear-gradient(180deg, #50a0e9, #4481dc); + border-radius: 3px; + border: 1px solid #3974ae; +} +.js .form-actions .dropbutton-widget .dropbutton li { + border-top: 1px solid rgba(255, 255, 255, 0.5); + border-top-left-radius: 3px; +} +.js .form-actions .dropbutton-widget .dropbutton .dropbutton-toggle { + border-top-left-radius: 0px; + border-top-right-radius: 3px; + top: 1px; +} +.js .form-actions .dropbutton-widget .dropbutton .secondary-action { + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-top-left-radius: 0px; +} +.js .form-actions .dropbutton-widget .button { + color: #ffffff; + text-shadow: 1px 1px 1px rgba(31, 83, 131, 0.8); +} +.js .form-actions .dropbutton-multiple.open .dropbutton-action:hover { + background-color: #50a0e9; +} + + + diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index 101eaa2..a72d686 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -1117,13 +1117,6 @@ div.add-or-remove-shortcuts { text-overflow: clip; } -.js .form-actions .dropbutton-widget { - background-color: #9dcae7; - background-image: none; - border: 1px solid #8eB7cd; - border-bottom-color: #7691a2; - color: #133B54; -} .js .form-actions .dropbutton-widget:focus, .js .form-actions .dropbutton-widget:hover { background-color: #73b3dd; @@ -1138,9 +1131,6 @@ div.add-or-remove-shortcuts { .js .form-actions .dropbutton-multiple.open .dropbutton-widget:hover { background-color: #9dcae7; } -.js .form-actions .dropbutton-multiple.open .dropbutton-widget:hover { - background-color: #9dcae7; -} .js .form-actions .dropbutton-multiple.open .dropbutton-action:hover { background-color: #73b3dd; }