Commit 9af26dcb authored by Ivan Tyagov's avatar Ivan Tyagov

Buttons CSS cleanup.

Use meaningful icon names.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@44343 20353a03-c40f-0410-a6d1-a30d3c3de9de
parent 8d4dd061
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
</item> </item>
<item> <item>
<key> <string>_EtagSupport__etag</string> </key> <key> <string>_EtagSupport__etag</string> </key>
<value> <string>ts00187260.45</string> </value> <value> <string>ts00281126.99</string> </value>
</item> </item>
<item> <item>
<key> <string>__name__</string> </key> <key> <string>__name__</string> </key>
...@@ -373,12 +373,40 @@ a.block-edit-form{\n ...@@ -373,12 +373,40 @@ a.block-edit-form{\n
margin-top: 4px;\n margin-top: 4px;\n
}\n }\n
\n \n
a.block-refresh { \n
background-position: 0 0;\n
}\n
\n
a.block-minimize { \n
background-position: -17px 0;\n
}\n
\n
a.block-remove { \n
background-position: -34px 0;\n
}\n
\n
a.block-edit-form { \n
background-position: -51px 0;\n
}\n
\n
a.block-minimize:hover { \n
background-position: -17px 100%;\n
}\n
\n
a.block-remove:hover { \n
background-position: -34px 100%;\n
}\n
\n
a.block-edit-form:hover { \n
background-position: -51px 100%;\n
}\n
\n
\n
/* Style for showing movement between gadget columns */\n /* Style for showing movement between gadget columns */\n
div.block-hover {\n div.block-hover {\n
border: 2px dashed #f00;\n border: 2px dashed #f00;\n
}\n }\n
\n \n
\n
/* Gadget layout */\n /* Gadget layout */\n
.block h3.handle{\n .block h3.handle{\n
margin:0;\n margin:0;\n
...@@ -410,15 +438,11 @@ div.block-hover {\n ...@@ -410,15 +438,11 @@ div.block-hover {\n
}\n }\n
\n \n
.gadget {\n .gadget {\n
\tmargin:0;\n margin:0;\n
\tpadding:0;\n padding:0;\n
\tborder:none;\n border:none;\n
}\n }\n
\n \n
\n
/* Gadget content */\n
\n
\n
/* Gadget edit form */\n /* Gadget edit form */\n
div.edit-form {\n div.edit-form {\n
border: 1px solid #000;\n border: 1px solid #000;\n
...@@ -681,7 +705,7 @@ div.block fieldset.gadget-profile div.field{\n ...@@ -681,7 +705,7 @@ div.block fieldset.gadget-profile div.field{\n
</item> </item>
<item> <item>
<key> <string>size</string> </key> <key> <string>size</string> </key>
<value> <int>11792</int> </value> <value> <int>12176</int> </value>
</item> </item>
<item> <item>
<key> <string>title</string> </key> <key> <string>title</string> </key>
......
...@@ -552,136 +552,6 @@ fieldset.right .field {\n ...@@ -552,136 +552,6 @@ fieldset.right .field {\n
float: left;\n float: left;\n
}\n }\n
\n \n
\n
/* Buttons */\n
\n
a.bt-edit:link, \n
a.bt-edit:active, \n
a.bt-edit:visited {\n
height:24px;\n
width:auto;\n
display:block;\n
padding-left:10px;\n
margin: 0 0 5px 0;\n
}\n
\n
a.bt-edit:link strong, \n
a.bt-edit:active strong, \n
a.bt-edit:visited strong {\n
height:100%;\n
width:auto;\n
display:block;\n
line-height:24px;\n
white-space: nowrap;\n
}\n
\n
a.bt-edit strong img {\n
position: relative;\n
top:2px;\n
}\n
\n
button#bt-clone {\n
margin-top: 1em;\n
}\n
\n
button.formbt {\n
width: auto;\n
height:35px;\n
cursor: pointer;\n
border:none;\n
padding: 0 20px 0 0;\n
margin: 0 5px 0 0;\n
position: relative;\n
overflow: visible;\n
}\n
\n
button::-moz-focus-inner{\n
border:none;\n
}\n
\n
button.formbt > span {\n
display:block;\n
width:100%;\n
height:35px;\n
margin:0;\n
padding:0 0 0 5px;\n
line-height:35px;\n
position: relative;\n
left:-2px;\n
white-space: nowrap;\n
}\n
\n
a.bt-download:link, \n
a.bt-download:active, \n
a.bt-download:visited,\n
a.bt-rss:link, \n
a.bt-rss:active, \n
a.bt-rss:visited {\n
padding-right:15px;\n
position: absolute;\n
right:10px;\n
top:10px;\n
}\n
\n
button.bt-med {\n
width: auto;\n
height:24px;\n
cursor: pointer;\n
border:none;\n
padding: 0 20px 0 0;\n
margin: 0 5px 0 0;\n
position: relative;\n
overflow: visible;\n
}\n
\n
button.bt-med span {\n
display:block;\n
width:100%;\n
height:24px;\n
margin:0;\n
padding:0 0 0 10px;\n
line-height:24px;\n
position: relative;\n
left:-2px;\n
white-space: nowrap;\n
}\n
\n
button.bt-med span img {\n
display:inline;\n
position: relative;\n
top:3px;\n
margin-right:5px;\n
}\n
\n
.bt-small {\n
display:block;\n
width: auto;\n
height:18px;\n
cursor: pointer;\n
border:none;\n
padding: 0 15px 0 0;\n
margin: -2px 2px 0 2px;\n
position: relative;\n
overflow: visible;\n
}\n
\n
.bt-small span {\n
display:block;\n
width:100%;\n
height:18px;\n
margin:0;\n
padding:0 0 0 10px;\n
line-height:18px;\n
position: relative;\n
left:-2px;\n
white-space: nowrap;\n
}\n
\n
.bt-small span img {\n
display:inline;\n
margin-right:2px;\n
}\n
\n
.input input[type=image] {\n .input input[type=image] {\n
width: auto !important;\n width: auto !important;\n
}\n }\n
...@@ -1163,89 +1033,6 @@ table tbody tr td {\n ...@@ -1163,89 +1033,6 @@ table tbody tr td {\n
background-position: 0 -23px;\n background-position: 0 -23px;\n
}\n }\n
\n \n
\n
/* Buttons */\n
a.bt-download:link, a.bt-download:active, a.bt-download:visited {\n
background: url(km_img/icon-save.png) no-repeat transparent;\n
}\n
\n
a.bt-rss:link, a.bt-rss:active, a.bt-rss:visited {\n
background: url(km_img/icon-rss.png) no-repeat transparent;\n
}\n
\n
a.bt-download:link, a.bt-download:active, a.bt-download:visited,\n
a.bt-rss:link, a.bt-rss:active, a.bt-rss:visited {\n
background-position: 100% 50%;\n
color:#000;\n
}\n
\n
a.block-refresh { background-position: 0 0; }\n
\n
a.block-minimize { background-position: -17px 0 !important; }\n
\n
a.block-remove { background-position: -34px 0 !important; }\n
\n
a.block-edit-form { background-position: -51px 0 !important; }\n
\n
a.block-refresh:hover { background-position: 0 100% !important; }\n
\n
a.block-minimize:hover { background-position: -17px 100% !important; }\n
\n
a.block-remove:hover { background-position: -34px 100% !important; }\n
\n
a.block-edit-form:hover { background-position: -51px 100% !important; }\n
\n
a.bt-edit:link, a.bt-edit:active, a.bt-edit:visited {\n
background: url(km_img/bt-edit.png) no-repeat transparent;\n
}\n
\n
a.bt-edit:link strong, a.bt-edit:active strong,\n
a.bt-edit:visited strong {\n
background: url(km_img/bt-edit.png) no-repeat transparent;\n
background-position: 100% 0;\n
color:#828282;\n
}\n
\n
a.bt-edit:hover {\n
background-position: 0 100%;\n
}\n
\n
a.bt-edit:hover strong {\n
color:#4f4f4f;\n
background-position: 100% 100%;\n
}\n
\n
button.formbt, button.bt-med span, .bt-small span { color:#828282; }\n
button.formbt:hover span, button.bt-med:hover span, .bt-small:hover span { color:#4f4f4f; }\n
\n
button.formbt, button.formbt > span { background: url(km_img/formbt.png) no-repeat transparent; }\n
\n
button.bt-med, button.bt-med span { \n
background: url(km_img/button-med.png) no-repeat transparent; \n
background-color: #E9E9E9;\n
}\n
\n
.bt-small, .bt-small span { background: url(km_img/button-small.png) no-repeat transparent; }\n
\n
button.formbt, button.bt-med, .bt-small { background-position: 100% 0; }\n
\n
button.formbt:hover, button.bt-med:hover, .bt-small:hover { background-position: 100% 100%; }\n
\n
button.formbt:hover span, button.bt-med:hover span, .bt-small:hover span { background-position: 0 100%; }\n
\n
button#input-save-view span.image {background: url(km_img/bt-save2.png) no-repeat transparent;}\n
button#input-save-edit span.image {background: url(km_img/bt-save.png) no-repeat transparent;}\n
\n
button#input-save-edit span.image,\n
button#input-save-view span.image {\n
position: relative;\n
margin:8px;\n
float: left;\n
width: 19px;\n
height: 18px;\n
}\n
\n
\n
/* Form styling */\n /* Form styling */\n
.meta input.search_button:hover,\n .meta input.search_button:hover,\n
.search_button:hover {\n .search_button:hover {\n
...@@ -1394,20 +1181,6 @@ table tr th button {\n ...@@ -1394,20 +1181,6 @@ table tr th button {\n
font-size:9pt;\n font-size:9pt;\n
}\n }\n
\n \n
.saveView, .saveEdit { text-indent:15px; font-size:10pt; }\n
\n
/* ## link styling ################################### start # */\n
\n
a.bt-edit strong { font-size:8pt; }\n
\n
a.status:link, a.status:active, a.status:visited, .status { font-weight:normal; }\n
\n
a.bt-download:link, a.bt-download:active, a.bt-download:visited,\n
a.bt-rss:link, a.bt-rss:active, a.bt-rss:visited { font-weight: normal; font-size:9pt; }\n
\n
.bt-small { font-weight:normal; font-size:7pt; }\n
\n
\n
div#wrapper_headline span.header_title {\n div#wrapper_headline span.header_title {\n
font-size:1.2em;\n font-size:1.2em;\n
font-weight:bold;\n font-weight:bold;\n
...@@ -1425,6 +1198,109 @@ li.toolboxSection > div{\n ...@@ -1425,6 +1198,109 @@ li.toolboxSection > div{\n
}\n }\n
\n \n
/* Buttons */\n /* Buttons */\n
button#bt-clone {\n
margin-top: 1em;\n
}\n
\n
button.formbt {\n
width: auto;\n
height:35px;\n
cursor: pointer;\n
border:none;\n
padding: 0 20px 0 0;\n
margin: 0 5px 0 0;\n
position: relative;\n
overflow: visible;\n
}\n
\n
button.formbt > span {\n
display:block;\n
width:100%;\n
height:35px;\n
margin:0;\n
padding:0 0 0 5px;\n
line-height:35px;\n
position: relative;\n
left:-2px;\n
white-space: nowrap;\n
}\n
\n
button.bt-med {\n
width: auto;\n
height:26px;\n
cursor: pointer;\n
border:none;\n
padding: 0 20px 0 0;\n
margin: 0 5px 0 0;\n
position: relative;\n
overflow: visible;\n
}\n
\n
button.bt-med span {\n
display:block;\n
width:100%;\n
height:24px;\n
margin:0;\n
padding:0 0 0 10px;\n
line-height:24px;\n
position: relative;\n
left:-2px;\n
white-space: nowrap;\n
}\n
\n
button.bt-med span img {\n
display:inline;\n
position: relative;\n
top:3px;\n
margin-right:5px;\n
}\n
\n
.bt-small {\n
display:block;\n
width: auto;\n
height:18px;\n
cursor: pointer;\n
border:none;\n
padding: 0 15px 0 0;\n
margin: -2px 2px 0 2px;\n
position: relative;\n
overflow: visible;\n
}\n
\n
.bt-small span {\n
display:block;\n
width:100%;\n
height:18px;\n
margin:0;\n
padding:0 0 0 10px;\n
line-height:18px;\n
position: relative;\n
left:-2px;\n
white-space: nowrap;\n
}\n
\n
.bt-small span img {\n
display:inline;\n
margin-right:2px;\n
}\n
\n
button#input-save-edit span.image,\n
button#input-save-view span.image {\n
position: relative;\n
margin:8px;\n
float: left;\n
width: 19px;\n
height: 18px;\n
}\n
\n
button#input-save-view span.image {\n
background: url(km_img/button-save-view.png) no-repeat transparent;\n
}\n
\n
button#input-save-edit span.image {\n
background: url(km_img/button-save-edit.png) no-repeat transparent;\n
}\n
\n
div.listbox-action-widget button, \n div.listbox-action-widget button, \n
div.listbox-action-widget a.button,\n div.listbox-action-widget a.button,\n
div.listbox-action-widget button > span, \n div.listbox-action-widget button > span, \n
...@@ -1448,7 +1324,9 @@ button.bt-med span,\n ...@@ -1448,7 +1324,9 @@ button.bt-med span,\n
\n \n
#stick-gadgets:hover,\n #stick-gadgets:hover,\n
#unstick-gadgets:hover,\n #unstick-gadgets:hover,\n
#add-gadgets:hover{\n #add-gadgets:hover,\n
button.formbt:hover span,\n
button.bt-med:hover span{\n
color: #828282;\n color: #828282;\n
}\n }\n
\n \n
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</item> </item>
<item> <item>
<key> <string>__name__</string> </key> <key> <string>__name__</string> </key>
<value> <string>bt-save.png</string> </value> <value> <string>button-save-edit.png</string> </value>
</item> </item>
<item> <item>
<key> <string>content_type</string> </key> <key> <string>content_type</string> </key>
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</item> </item>
<item> <item>
<key> <string>__name__</string> </key> <key> <string>__name__</string> </key>
<value> <string>bt-save2.png</string> </value> <value> <string>button-save-view.png</string> </value>
</item> </item>
<item> <item>
<key> <string>content_type</string> </key> <key> <string>content_type</string> </key>
......
1778 1779
\ No newline at end of file \ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment