Created
August 9, 2017 19:30
-
-
Save tjmichael81/7e45a4d6ce5ee0448b13cd5a45166915 to your computer and use it in GitHub Desktop.
ArcGIS Online - Organization Description Tweaks
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
/** | |
Move the position of the Featured Maps container. With a banner image that is 472px high, a 25px margin will move the container toward the bottom of the image. | |
A 100px margin will add additional area below the banner image. | |
**/ | |
#featuredMaps { | |
margin-top: 25px; | |
} | |
/** | |
See above. This controls the color of the Featured Maps container, if exposed via the margin setting above. | |
**/ | |
#featuredMaps > div.featuredMapsContainer { | |
background-color: #1f497d; | |
} | |
/** | |
Gallery background height | |
**/ | |
.galleryBackground { | |
height: 190px; | |
} | |
/** | |
Settings for labels in Featured Maps container. Make sure they're visible over the background image and/or additional content area. | |
**/ | |
.galleryNode .galleryLabelContainer { | |
color: #FFF; | |
} | |
.galleryNode .galleryLabelContainer:hover { | |
color: #FFFACD; | |
} | |
/** | |
Shadow around Featured Content gallery items / hover state | |
**/ | |
.galleryThumbnail:hover { | |
box-shadow: 0px 0px 50px #FFF; | |
-moz-box-shadow: 0px 0px 50px #FFF; | |
-webkit-box-shadow: 0px 0px 50px #FFF; | |
} | |
/** | |
Additonal margin for top/bottom of Organization Description area | |
**/ | |
#orgDetails { | |
margin-top: 5px; | |
margin-bottom: 5px; | |
} | |
/** | |
Organization Description style | |
**/ | |
p { | |
margin-top: 0px; | |
padding: 0px; | |
border: 0px; | |
vertical-align: baseline; | |
line-height: 1.3em; | |
color: #000; | |
font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans", sans-serif; | |
font-size: 15px; | |
text-align: justify; | |
} | |
</style> | |
<p> | |
** Description Text ** | |
</p> | |
<p> | |
** Description Text ** | |
</p> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment