diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index a41d4878..7454b665 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -1137,6 +1137,7 @@ h3.realtimeBoxTitle { left: 0; border-radius: 14px; } + .littleJuntoIcon { width: 24px; height:24px; @@ -1643,20 +1644,23 @@ float: left; .infoStatIcon .tip { display: none; position: absolute; - background: black; + background: #202020; min-width: 180px; max-width: 250px; + min-height: 44px; + max-height: 188px; text-align: center; color: black; border-radius: 4px; font-size: 15px !important; line-height: 17px; - padding: 3px 10px 2px; + padding: 6px 8px 6px 8px; z-index: 100; } + .mapContributors .tip { top: 45px; - left: 6px; + left: -10px; } .mapContributors .tip li { @@ -1664,7 +1668,7 @@ float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - padding: 11px 36px; + padding: 12px 40px; display: block; height: 14px; font-family: 'din-regular', helvetica, sans-serif; @@ -1675,20 +1679,24 @@ float: left; color: white; } -.mapContributors div:after{ +.mapContributors div:after { content: ''; position: absolute; - margin-top: -115px; - left: inherit; + margin-top: -124px; + left: 21px; width: 0; height: 0; - border-bottom: 4px solid #000000; + border-bottom: 4px solid #202020; border-left: 5px solid transparent; border-right: 5px solid transparent; } .mapContributors .tip img { - border: 2px solid #424242 + border: 2px solid #bdbdbd; + position: absolute; + top: 4px; + left: 4px; + border-radius: 14px; } .mapInfoBox .mapPermission .tip { diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css index d0d970be..cd3bbdcd 100644 --- a/app/assets/stylesheets/base.css +++ b/app/assets/stylesheets/base.css @@ -19,11 +19,12 @@ #center-container { - position:relative; + position:relative; height:100%; width:100%; - /* background-color:#031924; */ - color:#444; + + /* background-color:#031924; */ + color:#444; } .showcard { @@ -121,18 +122,18 @@ .CardOnGraph .best_in_place_desc textarea { font-size: 13px; - line-height:15px; - font-family: helvetica, sans-serif; - color: #424242; -padding: 0; -width: 100%; -margin: 0; -border: 0; -outline: none; -font-size: 12px; -line-height: 15px; -background: none; -resize: none; + line-height:15px; + font-family: helvetica, sans-serif; + color: #424242; + padding: 0; + width: 100%; + margin: 0; + border: 0; + outline: none; + font-size: 12px; + line-height: 15px; + background: none; + resize: none; } .CardOnGraph .desc h3 { @@ -219,11 +220,11 @@ resize: none; margin-left: -32px; } -.contributor div:after { +.contributor div:before { content: ''; position: absolute; top: 128%; - left: 39%; + left: 13px; margin-top: -30px; width: 0; height: 0; @@ -768,18 +769,32 @@ font-family: 'din-regular', helvetica, sans-serif; display:block; } #edgeUser .tip { - background: none repeat scroll 0 0 #000000; - border-radius: 4px; - color: #FFFFFF; - display: none; - font-size: 15px !important; - line-height: 17px; - padding: 3px 5px 2px; - position: absolute; - left: 0; - text-align: center; - top: 23px; - z-index: 100; + display: none; + position: absolute; + background: black; + text-align: center; + text-transform: none; + color: white; + border-radius: 2px; + font-family: din-regular; + line-height: 15px; + font-size: 12px; + padding: 3px 5px 2px; + white-space: nowrap; + margin-top: 9px; + font-style: normal; +} + +#edgeUser:hover div:before{ + content: ''; + position: absolute; + margin-top: -7px; + margin-left: 2px; + width: 0; + height: 0; + border-bottom: 4px solid #000000; + border-left: 5px solid transparent; + border-right: 5px solid transparent; } #edit_synapse .mapPerm {