<commit_before>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
@import url(http://fonts.googleapis.com/css?family=Ubuntu)


$font-stack: "Ubuntu", "Helvetica Neue", Arial, Gotham, "Helvetica", sans-serif
$primary-color: #333333
$purple: #41326B
$light-purple: #8377af
$dark-purple: #0E0036
$base-color: #161616
$secondary-background: white
$green: #69b94a
$yellow: #f5a939
$red: #d6564b
$gray: #AAA
$rounded-corners: 5px

body
  font-family: $font-stack
  font-size: .8em
  background: $purple
  color: $base-color

h1
  padding: 5px
  text-align: center

.container
  max-width: 900px
  margin: 0 auto !important
  background: $secondary-background
  width: 90%
  box-shadow: 0px 5px 10px #27003D
  border-radius: 5px
	
.textItem
  width: 100%
  text-align: center
  font-family: $font-stack
  font-size: 20px

.container
  padding: 5px
  margin: 0 auto

.header
  position: relative
  background: $purple

.header .nav
  background: $dark-purple

.toiletLogo
  width: 77px
  height: 74px
  background: asset-url("logo-100x100.png")
  background-size: 100% 100%
  position: relative
  float: left
  cursor: pointer

.search, .nav
  overflow: auto
  width: 100%
  margin: 0 auto

.searchBarContainer
  position: absolute
  left: 80px
  right: 125px
  top: 10px
  bottom: 10px

.searchBar
  width: 100%
  height: 50%
  padding: 0
  margin: 0
  border: none
  font-size: 1.2rem
  border-radius: $rounded-corners

.linkbutton
  border: none
  position: relative
  float: left
  border-radius: $rounded-corners
  background: #FFF
  padding: 10px
  margin: 5px
  cursor: pointer

.linkbutton:hover
  background-color: $light-purple

.searchButton
  position: absolute
  top: 5px
  right: 0
  padding-right: 2px
  padding-left: 2px
  width: 50px
  height: 50px
  
.currentLocationButton
  position: absolute
  top: 5px
  right: 60px
  padding-right: 2px
  padding-left: 2px
  width: 50px
  height: 50px
  word-wrap: break-word
  background: #FFF asset-url('currentLocation.png') no-repeat
  background-size: 75%
  background-position: 50%

.filter
  position: relative
  float: left
  border-radius: $rounded-corners

.mapToggle
  position: relative
  float: right
  border-raidus: $rounded-corners

.adaFilterlabel
  background-image: asset-url('ada-slider.svg')

.adafilterlabelimage
  line-height: 0px
  height: 20px
  width: 20px
  float: left
  position: absolute
  top: 7px

.adafilterlabeltext
  margin-left: 25px

.unisexFilterlabel
  background-image: asset-url('unisex-slider.svg')
  
.unisexFilterlabel, .adaFilterlabel
  width: 69px
  height: 34px
  padding: 0
  background-size: 138px 34px

.unisexfilterlabelimage
  line-height: 0px
  height: 20px
  width: 20px
  float: left
  position: absolute
  top: 7px
  
.buttonOn
  background-position: 69px 0

.unisexfilterlabeltext
  margin-left: 25px

.adacheck
  display: none

.unisexcheck
  display: none

.mapcheck
  display: none

#mapArea
  width: 100%
  height: 400px

.imgsplash
  width: 600px
  margin-top: 25px
  margin-left: auto
  margin-right: auto
  font-family: $font-stack
  font-weight: bolder
  font-size: 60px
  line-height: 10px
  color: $purple
  text-align: center
  padding-bottom: 30px
  
.fontLarge
  font-size: 150px
  line-height: 150px

#navlist
  text-align: center
  margin-top: 50px
  margin-bottom: 50px

.listItem
  position: relative
  width: 100%
  border-bottom: 1px solid #e1e1e1
  background: $secondary-background
  min-height: 115px

.listItemTemplate
  display: none

.listItemImage
  position: relative
  width: 110px
  height: 110px
  margin: 15px
  border-radius: $rounded-corners
  background: #41326b asset-url("ToiletLogo.png") 50% 50% no-repeat
  display: inline-block

.listItemImage img
  width: 100%
  height: 100%

.itemInfo
  position: absolute
  top: 10px
  bottom: 10px
  left: 140px
  right: 95px
  overflow: none

.itemName
  position: relative
  font-size: 20px
  width: 100%
  white-space: nowrap
  text-overflow: ellipsis
  overflow: hidden

.itemStreet
  position: relative
  width: 100%
  font-size: 15px
  white-space: nowrap
  text-overflow: ellipsis
  overflow: hidden

.itemRating
  position: absolute
  width: 150px
  background: #41326b
  border-radius: $rounded-corners
  bottom: 10px
  left: 0
  color: #FFF
  text-align: center
  vertical-align: middle
  font-family: Arial
  font-size: 15px
  padding: 11px 0
  max-width: 100%

.greenRating
  background: $green

.yellowRating
  background: $yellow

.redRating
  background: $red

.itemExtraInfo
  position: absolute
  top: 20px
  right: 15px

.itemDistance
  position: relative
  color: #676767
  text-align: right
  font-size: 15px
  font-family: Arial
  padding: 5px

.unisexBathroom
  width: 45px
  height: 43px
  background: asset-url("UnisexBathroom.png")

.ADABathroom
  width: 44px
  height: 47px
  background: asset-url("ADABathroom.png")

.footer
  text-align: center
  text-size: 15px
  color: #41326b
  background-color: #ffffff

.centerText
  padding: 10px
  text-align: center
  
.fadedText
  color: $gray
  
.numberCircle
  cursor: pointer
  
.numberCircle img
  position: absolute
  top: 0
  left: 0
  
.numberCircle .numberCircleText
  line-height: 37px
  color: #FFF
  text-align: center

.showPageItem
  min-height: 140px
  border-bottom: none
  
.showPageItem .itemInfo
  left: 15px
  
.showPageItem .itemName
  font-weight: 600
  font-size: 25px
  
.thumbsButton 
  position: relative
  float: left
  width: 50%
  height: 100px
  padding: 0
  margin: 0
  line-height: 100px
  text-align: center
  border: none
  font-size: 18px
  background-position: 15% 50%
  background-repeat: no-repeat
  margin-bottom: 20px

.thumbsUp
  background-color: #d9ebd3
  border-top-left-radius: 5px
  border-bottom-left-radius: 5px
  color: #69b74a
  background-image: asset-url('thumbsUp.jpg')
  
.thumbsDown
  background-color: #f5c1c5
  border-top-right-radius: 5px
  border-bottom-right-radius: 5px
  color: #e0140b
  background-image: asset-url('thumbsDown.jpg')

.showPageContent
  padding: 10px

.showPageContent #mapArea
  border-radius: 5px
  float: left
  
.ratingscontainer
  height: 100px
  
.markerPopup
  display: none
  position: absolute
  top: -122px
  left: 50%
  margin-left: -195px
  width: 370px
  height: 122px
  background-color: #FFF
  border: 1px solid $purple
  z-index: 1000
  color: #000
  overflow: hidden
  
.markerPopup .listItem
  position: static
  
.markerPopup .listItemImage
  display: none

.markerPopup .itemInfo
  left: 10px
  
.markerPopup .itemExtraInfo
  top: 0
  
.markerPopup .itemRating
  padding: 3px 0
  

.itemStreet
  color: #000
  
  
#mapContainer, #list
  overflow: hidden
  
.submitBathroomButton
  display: inline-block
  background: asset-url('submit.svg') no-repeat
  width: 300px
  height: 70px
  max-width: 100%
  background-size: 200% auto
  margin-top: 20px
  background-position: 0 50%
  
.submitBathroomButton:hover
  background-position: 100% 50%
  
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px)
  .imgsplash
    width: 100%
  
  .fontLarge
    font-size: 110px
    line-height: 110px
	
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)
  .searchBar
    font-size: 0.7rem

  .itemName
    font-size: 15px
	
  .listItemImage
    width: 60px
    height: 60px
    margin: 25px 10px
	
  .itemInfo
    left: 80px
    right: 85px
	
  .itemExtraInfo
    top: 0

  .itemDistance
    font-size: 12px
    padding-bottom: 0
	
  .itemStreet
    font-size: 10px
  
  .itemRating
    font-size: 12px
    width: 120px

  #mapArea
    height: 200px
	
  .fontLarge
    font-size: 70px
    line-height: 70px

  .imgsplash
    font-size: 40px

  .textItem
    font-size: 12px

  .showPageItem .itemName
    font-size: 15px

  .thumbsDown
    background-image: url('thumbsDownSmall.jpg')
	
  .thumbsUp
    background-image: url('thumbsUpSmall.jpg')

  .thumbsButton 
    font-size: 15px<commit_msg>Hover state needed a font color change<commit_after>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
@import url(http://fonts.googleapis.com/css?family=Ubuntu)


$font-stack: "Ubuntu", "Helvetica Neue", Arial, Gotham, "Helvetica", sans-serif
$primary-color: #333333
$purple: #41326B
$light-purple: #8377af
$dark-purple: #0E0036
$base-color: #161616
$secondary-background: white
$green: #69b94a
$yellow: #f5a939
$red: #d6564b
$gray: #AAA
$rounded-corners: 5px

body
  font-family: $font-stack
  font-size: .8em
  background: $purple
  color: $base-color

h1
  padding: 5px
  text-align: center

.container
  max-width: 900px
  margin: 0 auto !important
  background: $secondary-background
  width: 90%
  box-shadow: 0px 5px 10px #27003D
  border-radius: 5px
	
.textItem
  width: 100%
  text-align: center
  font-family: $font-stack
  font-size: 20px

.container
  padding: 5px
  margin: 0 auto

.header
  position: relative
  background: $purple

.header .nav
  background: $dark-purple

.toiletLogo
  width: 77px
  height: 74px
  background: asset-url("logo-100x100.png")
  background-size: 100% 100%
  position: relative
  float: left
  cursor: pointer

.search, .nav
  overflow: auto
  width: 100%
  margin: 0 auto

.searchBarContainer
  position: absolute
  left: 80px
  right: 125px
  top: 10px
  bottom: 10px

.searchBar
  width: 100%
  height: 50%
  padding: 0
  margin: 0
  border: none
  font-size: 1.2rem
  border-radius: $rounded-corners

.linkbutton
  border: none
  position: relative
  float: left
  border-radius: $rounded-corners
  background: #FFF
  padding: 10px
  margin: 5px
  cursor: pointer

.linkbutton:hover
  background-color: $light-purple
  color: white

.searchButton
  position: absolute
  top: 5px
  right: 0
  padding-right: 2px
  padding-left: 2px
  width: 50px
  height: 50px
  
.currentLocationButton
  position: absolute
  top: 5px
  right: 60px
  padding-right: 2px
  padding-left: 2px
  width: 50px
  height: 50px
  word-wrap: break-word
  background: #FFF asset-url('currentLocation.png') no-repeat
  background-size: 75%
  background-position: 50%

.filter
  position: relative
  float: left
  border-radius: $rounded-corners

.mapToggle
  position: relative
  float: right
  border-raidus: $rounded-corners

.adaFilterlabel
  background-image: asset-url('ada-slider.svg')

.adafilterlabelimage
  line-height: 0px
  height: 20px
  width: 20px
  float: left
  position: absolute
  top: 7px

.adafilterlabeltext
  margin-left: 25px

.unisexFilterlabel
  background-image: asset-url('unisex-slider.svg')
  
.unisexFilterlabel, .adaFilterlabel
  width: 69px
  height: 34px
  padding: 0
  background-size: 138px 34px

.unisexfilterlabelimage
  line-height: 0px
  height: 20px
  width: 20px
  float: left
  position: absolute
  top: 7px
  
.buttonOn
  background-position: 69px 0

.unisexfilterlabeltext
  margin-left: 25px

.adacheck
  display: none

.unisexcheck
  display: none

.mapcheck
  display: none

#mapArea
  width: 100%
  height: 400px

.imgsplash
  width: 600px
  margin-top: 25px
  margin-left: auto
  margin-right: auto
  font-family: $font-stack
  font-weight: bolder
  font-size: 60px
  line-height: 10px
  color: $purple
  text-align: center
  padding-bottom: 30px
  
.fontLarge
  font-size: 150px
  line-height: 150px

#navlist
  text-align: center
  margin-top: 50px
  margin-bottom: 50px

.listItem
  position: relative
  width: 100%
  border-bottom: 1px solid #e1e1e1
  background: $secondary-background
  min-height: 115px

.listItemTemplate
  display: none

.listItemImage
  position: relative
  width: 110px
  height: 110px
  margin: 15px
  border-radius: $rounded-corners
  background: #41326b asset-url("ToiletLogo.png") 50% 50% no-repeat
  display: inline-block

.listItemImage img
  width: 100%
  height: 100%

.itemInfo
  position: absolute
  top: 10px
  bottom: 10px
  left: 140px
  right: 95px
  overflow: none

.itemName
  position: relative
  font-size: 20px
  width: 100%
  white-space: nowrap
  text-overflow: ellipsis
  overflow: hidden

.itemStreet
  position: relative
  width: 100%
  font-size: 15px
  white-space: nowrap
  text-overflow: ellipsis
  overflow: hidden

.itemRating
  position: absolute
  width: 150px
  background: #41326b
  border-radius: $rounded-corners
  bottom: 10px
  left: 0
  color: #FFF
  text-align: center
  vertical-align: middle
  font-family: Arial
  font-size: 15px
  padding: 11px 0
  max-width: 100%

.greenRating
  background: $green

.yellowRating
  background: $yellow

.redRating
  background: $red

.itemExtraInfo
  position: absolute
  top: 20px
  right: 15px

.itemDistance
  position: relative
  color: #676767
  text-align: right
  font-size: 15px
  font-family: Arial
  padding: 5px

.unisexBathroom
  width: 45px
  height: 43px
  background: asset-url("UnisexBathroom.png")

.ADABathroom
  width: 44px
  height: 47px
  background: asset-url("ADABathroom.png")

.footer
  text-align: center
  text-size: 15px
  color: #41326b
  background-color: #ffffff

.centerText
  padding: 10px
  text-align: center
  
.fadedText
  color: $gray
  
.numberCircle
  cursor: pointer
  
.numberCircle img
  position: absolute
  top: 0
  left: 0
  
.numberCircle .numberCircleText
  line-height: 37px
  color: #FFF
  text-align: center

.showPageItem
  min-height: 140px
  border-bottom: none
  
.showPageItem .itemInfo
  left: 15px
  
.showPageItem .itemName
  font-weight: 600
  font-size: 25px
  
.thumbsButton 
  position: relative
  float: left
  width: 50%
  height: 100px
  padding: 0
  margin: 0
  line-height: 100px
  text-align: center
  border: none
  font-size: 18px
  background-position: 15% 50%
  background-repeat: no-repeat
  margin-bottom: 20px

.thumbsUp
  background-color: #d9ebd3
  border-top-left-radius: 5px
  border-bottom-left-radius: 5px
  color: #69b74a
  background-image: asset-url('thumbsUp.jpg')
  
.thumbsDown
  background-color: #f5c1c5
  border-top-right-radius: 5px
  border-bottom-right-radius: 5px
  color: #e0140b
  background-image: asset-url('thumbsDown.jpg')

.showPageContent
  padding: 10px

.showPageContent #mapArea
  border-radius: 5px
  float: left
  
.ratingscontainer
  height: 100px
  
.markerPopup
  display: none
  position: absolute
  top: -122px
  left: 50%
  margin-left: -195px
  width: 370px
  height: 122px
  background-color: #FFF
  border: 1px solid $purple
  z-index: 1000
  color: #000
  overflow: hidden
  
.markerPopup .listItem
  position: static
  
.markerPopup .listItemImage
  display: none

.markerPopup .itemInfo
  left: 10px
  
.markerPopup .itemExtraInfo
  top: 0
  
.markerPopup .itemRating
  padding: 3px 0
  

.itemStreet
  color: #000
  
  
#mapContainer, #list
  overflow: hidden
  
.submitBathroomButton
  display: inline-block
  background: asset-url('submit.svg') no-repeat
  width: 300px
  height: 70px
  max-width: 100%
  background-size: 200% auto
  margin-top: 20px
  background-position: 0 50%
  
.submitBathroomButton:hover
  background-position: 100% 50%
  
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px)
  .imgsplash
    width: 100%
  
  .fontLarge
    font-size: 110px
    line-height: 110px
	
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)
  .searchBar
    font-size: 0.7rem

  .itemName
    font-size: 15px
	
  .listItemImage
    width: 60px
    height: 60px
    margin: 25px 10px
	
  .itemInfo
    left: 80px
    right: 85px
	
  .itemExtraInfo
    top: 0

  .itemDistance
    font-size: 12px
    padding-bottom: 0
	
  .itemStreet
    font-size: 10px
  
  .itemRating
    font-size: 12px
    width: 120px

  #mapArea
    height: 200px
	
  .fontLarge
    font-size: 70px
    line-height: 70px

  .imgsplash
    font-size: 40px

  .textItem
    font-size: 12px

  .showPageItem .itemName
    font-size: 15px

  .thumbsDown
    background-image: url('thumbsDownSmall.jpg')
	
  .thumbsUp
    background-image: url('thumbsUpSmall.jpg')

  .thumbsButton 
    font-size: 15px
{'fraction_non_alphanumeric': 0.09546752319771591, 'fraction_numerical': 0.05389007851534618, 'mean_word_length': 3.2967032967032965, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1777860', 'n_tokens_mistral': 7019, 'n_tokens_neox': 6062, 'n_words': 1659}