---
src/app/stylesheets/layout.scss | 111 ++++++++++++++++++---------------------
1 files changed, 51 insertions(+), 60 deletions(-)
diff --git a/src/app/stylesheets/layout.scss b/src/app/stylesheets/layout.scss
index 574e1a4..3f10463 100644
--- a/src/app/stylesheets/layout.scss
+++ b/src/app/stylesheets/layout.scss
@@ -2263,60 +2263,62 @@ ul.deployment-array.small + ul.deployment-array.small{
/********************************************* Launch from catalog elements */
/************************************************************************** */
-.catalog_list{
- position: relative;
-}
-.catalog_list .more{
- display:none;
- width: 164px;
- & > li.catalog{
- width:100%;
- text-align:left;
- margin: 0px !important;
- a {
- padding: 10px 0px 10px 10px;
- display: block;
- text-decoration: none;
- }
- }
- li.catalog:hover{
- background:#C4E0F0;
- &:first-child{ -webkit-border-radius: 7px 0px 0px 0px; -moz-border-radius: 7px
0px 0px 0px; border-radius: 7px 0px 0px 0px; }
- &:last-child{ -webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px
7px 7px; border-radius: 0px 0px 7px 7px; }
- &:only-child{ -webkit-border-radius: 7px 0px 7px 7px; -moz-border-radius: 7px 0px
7px 7px; border-radius: 7px 0px 7px 7px; }
- }
-}
-
-div.catalog_link{
- display:inline-block;
-}
-
.catalog_link{
- background: url(../../images/deployment-button.png) no-repeat center;
+ background: #ececec url(../../images/deployment-button.png) no-repeat center;
border: 1px solid #D4D4D4;
border-radius: 2px;
- padding: 5px 14px;
-}
+ font-size: 15px;
+ padding: 4px 14px 3px 14px;
+ display:inline-block;
+ vertical-align: top;
-.catalog_link:hover{
- background-color:#e0e0e0;
- border-color: #999;
- background: url(../../images/deployment-button-pressed.png) no-repeat top center;
- ul li {
- list-style-type: none;
+ .catalog_list{
+ position: relative;
+
+ .more{
+ font-size: 12px;
+ width: 164px;
+ border: 1px solid #999999;
+ display:none;
+ position:absolute;
+ z-index:1000;
+ background-color:#e0e0e0;
+ top: 7px;
+ right: -15px;
+ -webkit-border-radius: 4px 0px 4px 4px; -moz-border-radius: 4px 0px 4px 4px;
border-radius: 4px 0px 4px 4px;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.50);
+ -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.50);
+ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.50);
+ li.catalog{
+ list-style-type: none;
+ width:100%;
+ text-align:left;
+ margin: 0px !important;
+ a {
+ padding: 7px 10px 7px 10px;
+ display: block;
+ text-decoration: none;
+ }
+ &:hover{
+ background:#C4E0F0;
+ &:first-child{ -webkit-border-radius: 4px 0px 0px 0px; -moz-border-radius:
4px 0px 0px 0px; border-radius: 4px 0px 0px 0px; }
+ &:last-child{ -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius:
0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }
+ &:only-child{ -webkit-border-radius: 4px 0px 4px 4px; -moz-border-radius:
4px 0px 4px 4px; border-radius: 4px 0px 4px 4px; }
+ }
+ }
+ }
}
- .more{
- border: 1px solid #999999;
- display:block;
- position:absolute;
- z-index:1000;
- background-color:#e0e0e0;
- top: 5px;
- right: -15px;
- -webkit-border-radius: 7px 0px 7px 7px; -moz-border-radius: 7px 0px 7px 7px;
border-radius: 7px 0px 7px 7px;
- /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);*/
+ &:hover{
+ border-color: #999;
+ background: #ececec url(../../images/deployment-button-pressed.png) no-repeat 2px
0px;
+ padding: 4px 14px 10px 14px;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.50);
+ -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.50);
+ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.50);
+
+ .more{
+ display: block;
+ }
}
}
@@ -2325,22 +2327,11 @@ div.catalog_link{
}
#obj_actions .catalog_link {
- width: 30px;
- height: 23px;
- padding: 0;
- margin: 0 15px 0 2px;
- background-position-x: 0%;
- background-position-y: 0%;
border-color: white;
&:hover {
border-color: #999;
}
-
- .more {
- top: 9px;
- right: -1px;
- }
}
ul.catalog_pretty {
--
1.7.6.4