summaryrefslogtreecommitdiff
path: root/media/sass/old
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf.net>2011-05-09 16:22:25 -0400
committerluxagraf <sng@luxagraf.net>2011-05-09 16:22:25 -0400
commit5bb96d4c2c8b42474953ca29d2422b3be60da25b (patch)
tree959adb3e57c0baf54f56253e5347f45960439b97 /media/sass/old
parent261b92d06de346cd5a6d18b9bdf38ee7084960ab (diff)
updated styles and templates for revamped design
Diffstat (limited to 'media/sass/old')
-rw-r--r--media/sass/old/_about.sass29
-rw-r--r--media/sass/old/_globals.sass214
-rw-r--r--media/sass/old/_grid.sass23
-rw-r--r--media/sass/old/_maps.sass53
-rw-r--r--media/sass/old/_oldbase.sass125
-rw-r--r--media/sass/old/_oldmixins.sass58
-rw-r--r--media/sass/old/_photos.sass35
-rw-r--r--media/sass/old/_projects.sass211
-rw-r--r--media/sass/old/_writing.sass245
-rw-r--r--media/sass/old/ie.css14
10 files changed, 0 insertions, 1007 deletions
diff --git a/media/sass/old/_about.sass b/media/sass/old/_about.sass
deleted file mode 100644
index dc25bdb..0000000
--- a/media/sass/old/_about.sass
+++ /dev/null
@@ -1,29 +0,0 @@
-//About page
-
-#about article
- section
- clear: both
- margin-top: 24px
- ul
- font-size: 1em
- margin: 18px
- li
- margin: 9px
- a
- font-weight: bold
-
-.image
- float: left
- width: $col3 + $pad
- margin-top: 48px
- img
- border: $luxagraf_brown 10px solid
-
-.content
- float: left
- margin-left: $pad
- width: $col9 + $pad
- font-size: 16px
- h3
- +sm-headline-sans
- margin: 0
diff --git a/media/sass/old/_globals.sass b/media/sass/old/_globals.sass
deleted file mode 100644
index 9fb7ffd..0000000
--- a/media/sass/old/_globals.sass
+++ /dev/null
@@ -1,214 +0,0 @@
-//basic stuff
-
-$luxagraf_brown: #201a11
-$luxagraf_orange: #b53a04
-
-*:focus
- outline: $luxagraf_orange dotted thin
-
-html
- height: 100%
-
-body
- background: white
- font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
- /* font-size 15px
- font-size: 15px
- /* line height of 24 px
- line-height: 23px
- color: $luxagraf_brown
- position: relative
- min-height: 100%
- width: $full
- height: 100%
- text-align: center
- margin: 0 auto
-
-
-p
- margin: 0.8em 0 0 0
-
-a
- text-decoration: none
- color: $luxagraf_brown
- &:visited
- color: $luxagraf_brown
- text-decoration: none
- &:hover
- color: $luxagraf_orange
- text-decoration: none
-
-// structure ------------------------------
-
-header
- border-bottom: $luxagraf_brown 2px solid
- height: 150px
- margin-bottom: 40px
- +small-serif
- font-size: 12px
- nav
- text-transform: uppercase
- float: left
- margin-top: 102px
- margin-left: $col
- li
- display: inline
- font-size: 12px
- margin-left: 4px
- letter-spacing: 1px
- a:hover
- color: $luxagraf_orange
-
-//logo link
-#logo
- background: url("../img/logo.png") no-repeat left bottom
- height: 148px
- width: $col7
- float: left
- text-indent: -1000px
-
-header h2
- float: left
- text-indent: -1000px
- display: none
-
-footer
- +sm-sans
- background: $luxagraf_brown
- height: 36px
- color: #888888
- font-size: 12px
- margin: 80px auto 0
- li
- float: left
- text-transform: uppercase
- line-height: 36px
- margin-left: 8px
- a
- color: #888888 !important
- &:hover
- color: $luxagraf_orange !important
- nav
- float: right
- margin-right: 8px
- p
- float: left
- padding-left: 8px
- line-height: 36px
- margin: 0
-
-article ul
- font-size: 1.5em
-
-#breadcrumbs
- font-weight: normal
- +tiny-serif
- font-size: 11px
- li
- display: inline
-
-// global classes ------------------------------
-
-.hide
- display: none
-
-.postpic, .postpicright
- display: block
- margin: 0.3em 0.6em
- border: $luxagraf_brown 10px solid
- clear: both
-
-.postpic
- float: left
- margin-left: 0
- margin-top: 0.3em
-
-.postpicright
- float: right
- margin-right: 0
-
-.postpicleft
- float: left
- margin: 5px
-
-.picfull
- border: $luxagraf_brown 10px solid
- margin-top: 20px
-
-.post-image
- margin: 0 10px 0 0
- float: left
- border: $luxagraf_brown 10px solid !important
-
-.picwide
- clear: both
- margin: 30px 0 30px -200px
- border: $luxagraf_brown 10px solid
-
-.pull-quote
- font-size: 14px !important
- font-style: italic !important
-
-sup
- +sm-sans
- font-size: 0.7em
- line-height: 0
- padding: 3px 0 3px 3px
- a
- line-height: 0
-
-.numeral
- font-family: Helvetica, Verdana, sans-serif
- font-size: 22px
- font-weight: bold
- display: block
- margin-top: 60px
- margin-bottom: 0
-
-.nfirst
- margin-top: 0px !important
-
-.figure
- position: relative
- margin: 0
- .legend
- display: block
- +transparent_class_light
- position: absolute
- bottom: 9px
- left: 0
- font-size: 13px
- padding: 8px 0 8px 8px
- width: auto
- background: $luxagraf_brown
- color: #999999
-
-.button
- display: block
- +sm-sans
- margin: 10px 10px 0 0
- width: auto
- +sm-sans
- font-size: 10px
- a
- padding: 9px 14px 7px 14px
- font-weight: bold
- line-height: 25px
- text-transform: uppercase
- background: #d7d7d7
- color: #666666
- -moz-border-radius: 25px
- -webkit-border-radius: 25px
- border-radius: 25px
- a:hover
- background: $luxagraf_orange
- color: white
-
-// shit to hide ------------------------------
-
-.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count
- display: none
-
-div[dir='ltr'] span
- width: 0
- visibility: collapse
diff --git a/media/sass/old/_grid.sass b/media/sass/old/_grid.sass
deleted file mode 100644
index 821419f..0000000
--- a/media/sass/old/_grid.sass
+++ /dev/null
@@ -1,23 +0,0 @@
-// Grid Parameters
-$col: 40px
-$pad: 20px
-$cols: 16
-
-// Grid Width Calculations
-$full: ($col + $pad) * $cols + $pad
-$col1: $col
-$col2: $col * 2 + $pad
-$col3: $col * 3 + $pad * 2
-$col4: $col * 4 + $pad * 3
-$col5: $col * 5 + $pad * 4
-$col6: $col * 6 + $pad * 5
-$col7: $col * 7 + $pad * 6
-$col8: $col * 8 + $pad * 7
-$col9: $col * 9 + $pad * 8
-$col10: $col * 10 + $pad * 9
-$col11: $col * 11 + $pad * 10
-$col12: $col * 12 + $pad * 11
-$col13: $col * 13 + $pad * 12
-$col14: $col * 14 + $pad * 13
-$col15: $col * 15 + $pad * 14
-$col16: $col * 16 + $pad * 15
diff --git a/media/sass/old/_maps.sass b/media/sass/old/_maps.sass
deleted file mode 100644
index 76ffb54..0000000
--- a/media/sass/old/_maps.sass
+++ /dev/null
@@ -1,53 +0,0 @@
-//Map Page
-
-.map-legend
- width: $col3
- margin-top: 24px
- float: left
- h4
- +small-serif
- font-size: 14px
- margin: 8px 0
- li
- font-size: 13px
- margin: 0
- line-height: 20px
-
-.clearfix
- clear: both
-
-#map-canvas
- float: right
- width: $col13
- height: 500px
- border: $luxagraf_brown 10px solid
- margin-left: $pad * 2
- margin-top: 24px
-
-section#location #map-canvas
- width: 295px
- height: 350px
- border: $luxagraf_brown 10px solid
- margin: 10px 0 0 5px
-
-.infowin
- line-height: 18px
- margin-bottom: 16px
- p
- font-size: 1.4em
- line-height: 1.4em
- h4
- +sm-sans
- font-size: 2.4em
- margin: 6px 0 0 0
- a
- color: #b53a04 !important
- border-bottom: 1px dotted #b53a04
- .date
- color: #888888
- text-align: center
- text-transform: uppercase
- display: block
- text-align: left
- margin: 6px 0 0
- font-size: 1.2em
diff --git a/media/sass/old/_oldbase.sass b/media/sass/old/_oldbase.sass
deleted file mode 100644
index 8401c8f..0000000
--- a/media/sass/old/_oldbase.sass
+++ /dev/null
@@ -1,125 +0,0 @@
-@import _reset.sass
-@import _grid.sass
-@import _mixins.sass
-@import _globals.sass
-@import _writing.sass
-@import _photos.sass
-@import _maps.sass
-@import _about.sass
-@import _contact.sass
-@import _projects.sass
-
-#featured-image img
- margin-left: $pad
- margin-bottom: 78px
-
-.hyphenate
- text-align: justify
-
-#currently
- +sm-sans
- text-transform: uppercase
- font-size: 12px
- clear: both
- width: $full
- padding-top: 20px
- //border-top= !luxagraf_brown 1px "solid"
- border-top: #b9b9b9 1px dotted
-
-#currently
- padding: 0
- margin-bottom: 0px
- margin-top: 36px
- border-top: $luxagraf_brown 1px solid
-
-#featured-intro h1
- +headline-sans
- font-size: 24px
- line-height: 1.2em
- margin: 0
-#writing-tease
- h2
- margin: 24px 0 24px 0
- font-size: 12px
-
-#archive:after
- clear: both
-#archive
- border-top: #b9b9b9 1px dotted
- clear: both
- h1
- margin: 36px 0 24px 0
- text-transform: uppercase
- +sm-sans
- font-size: 12px
- font-weight: bold
- article
- float: left
- width: $col5 + $pad
- margin-bottom: $pad
- h1
- font-size: 18px
- //min-height: 50px
- margin: 0
- text-transform: none
- font-weight: 400
-
- h2
- +small-serif
- font-size: 12px
- margin: 0
- .col2
- margin-left: $pad * 2
- margin-right: $pad * 2
- p
- margin: 0
- p.hyphenate
- margin-top: 3px
- text-align: justify
- img
- margin-top: 4px
- .location, time
- +tiny-serif
- line-height: 3em
- margin: 0
- padding: 0
- font-size: 0.7em
- text-align: left
-
-// ie fixes ------------------------------
-
-.ie #photo-galleries a img, .ie #photo-galleries img
- outline: none
- border: none !important
-
-.ie #photo-galleries li
- width: 291px
- height: 350px
-
-.ie #photo-galleries .legend
- margin: 0
- bottom: 0
- margin-bottom: 8px
-
-
-.ie .button a
- background: none
- padding: 0
-
-.ie .button a:hover
- background: none
- color: #b53a04 !important
-
-.ie .drop
- padding: 28px 10px 5px 0
-
-.ie .figure .legend
- bottom: 5px
- padding: 8px 0 8px 8px
-
-.ie8
- body
- outline: none
- border: none
-.ie8 *:focus
- border: none \ No newline at end of file
diff --git a/media/sass/old/_oldmixins.sass b/media/sass/old/_oldmixins.sass
deleted file mode 100644
index b6b1ca1..0000000
--- a/media/sass/old/_oldmixins.sass
+++ /dev/null
@@ -1,58 +0,0 @@
-=small-serif
- font-size: 1.1em
- letter-spacing: 1px
- line-height: 1.2em
-
-=tiny-serif
- font-size: 0.8em
- letter-spacing: 1px
- line-height: 1.2em
- text-transform: uppercase
-
-=sm-headline-sans
- font-family: Helvetica, Verdana, sans-serif
- font-size: 24px
- line-height: 1.3em
- font-weight: normal
-
-=sm-sans
- font-family: Helvetica, Verdana, sans-serif
- font-size: 1em
- font-weight: normal
-
-=headline-sans
- font-family: Helvetica, Verdana, sans-serif
- font-size: 2em
- line-height: 1.5em
- font-weight: normal
-
-=transparent_class
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
- filter: alpha(opacity = 90)
- -moz-opacity: 0.9
- -khtml-opacity: 0.9
- opacity: 0.9
-
-=transparent_class_light
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
- filter: alpha(opacity = 85)
- -moz-opacity: 0.85
- -khtml-opacity: 0.85
- opacity: 0.85
-
-=transparent_class_lighter
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
- filter: alpha(opacity = 65)
- -moz-opacity: 0.65
- -khtml-opacity: 0.65
- opacity: 0.65
-
-=transparent_clear
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
- filter: alpha(opacity = 100)
- -moz-opacity: 1
- -khtml-opacity: 1
- opacity: 1
-
-$luxagraf_brown: #201a11
-$luxagraf_orange: #b53a04
diff --git a/media/sass/old/_photos.sass b/media/sass/old/_photos.sass
deleted file mode 100644
index fd2ecee..0000000
--- a/media/sass/old/_photos.sass
+++ /dev/null
@@ -1,35 +0,0 @@
-#photo-archive
- article
- width: $full
- h1
- display: none
-
-#photo-galleries
- margin-left: -10px
- width: $full + $pad
- li
- float: left
- margin: 8px
- position: relative
- display: block
- height: 350px
- width: 291px
- border: 10px $luxagraf_brown solid
- .figure
- height: 362px
- width: 291px
- margin: 0
- .legend
- color: #888888
- width: 285px
- +transparent_class
- margin: 0
- line-height: 18px
- text-align: left
- h3
- color: white
- padding: 0
- margin: 3px 0
- +tiny-serif
- p
- margin: 0
diff --git a/media/sass/old/_projects.sass b/media/sass/old/_projects.sass
deleted file mode 100644
index 7ec179b..0000000
--- a/media/sass/old/_projects.sass
+++ /dev/null
@@ -1,211 +0,0 @@
-.top
- margin: 36px 0 36px 0
- clear: both
- width: $col16
- a
- color: $luxagraf_orange
-
-p.col
- width: 360px
- float: left
- margin: 0 $pad * 2 0 0
- font-size: 14px
-
-p.two
- margin: 0
- margin-left: $col
- width: 450px
-
-.break
- border-bottom: #e3e3e3 1px solid
- width: $col16 + $pad * 2
- height: 2px
- padding-top: 36px
- clear: both
- margin: 0
-
-.project-tease
- margin-top: 65px
- li
- margin-top: 36px
- clear: both
- h3
- +sm-sans
- font-size: 24px
- line-height: 24px
- margin: 0
- width: $col7 - $pad
- font-weight: bold
- .tease
- float: left
- .img
- float: right
- width: $col9 + $pad
- margin-bottom: 72px
- img
- border: $luxagraf_brown 10px solid
- .lede
- clear: both
- margin: 0
- padding-top: 12px
- width: $col7 - $pad
- p
- font-family: Hoefler Text, Georgia, Times New Roman, Times, serif
- font-size: 16px
- line-height: 23px
- text-align: justify
- .proj
- font-size: 64px
- line-height: 50px
- float: left
- margin: 2px 2px 0 0
- span
- font-size: 36px
- dt a
- display: block
- width: 175px
- float: left
-
-// National Parks detail page
-
-.map-container
- width: 469px
- height: 392px
- position: absolute
- right: 20px
- bottom: 60px
- z-index: 2000
- margin: 0
- padding: 0
- background: url("../img/mapbg-dark.png") no-repeat top left
-
-.more-container
- width: 405px
- height: 260px
- position: absolute
- right: -30px
- bottom: 40px
- z-index: 2000
- background: url("../img/parkbg.png") no-repeat top left
- dl
- margin-top: 45px
- margin-left: 45px
- dt,dd
- font-size: 0.9em
- line-height: 25px
- margin: 4px 0
- font-family: Helvetica, Verdana, sans-serif
- color: white
- dt
- clear: left
- float: left
- width: 65px
- //border-bottom: 1px solid #999
- font-weight: bold
- line-height: 25px
- font-size: 0.7em
- text-transform: uppercase
- dd
- float: left
- width: 250px
- overflow: hidden
- //border-bottom: 1px solid #999
- a:hover
- color: $luxagraf_orange
-
-.map-wrapper
- width: 400px
- height: 328px
- margin: 37px 0 0 44px
-
-#parks
- margin-top: 36px
- article
- width: $col16 + $pad * 2
- position: relative
- display: block
- margin-top: 36px
- clear: both
- margin-bottom: 72px
- .figure
- img
- border: none
- h1
- display: block
- color: #888888
- padding: 10px 10px 10px 15px
- background: $luxagraf_brown
- +transparent_class_light
- position: absolute
- top: 0
- width: $col16 + $pad
- color: white
- +headline-sans
- margin: 0
- .legend
- display: block
- padding: 10px 10px 10px 15px
- background: $luxagraf_brown
- +transparent_class_light
- position: absolute
- bottom: 0
- height: 45px
- width: $col16 + $pad * 2
- font-size: 10px
- line-height: 16px
- color: white
- h2
- +sm-headline-sans
- line-height: 36px
- font-size: 18px
- margin: 0
- padding: 0
- float: left
- p
- margin: 6px 0 10px 0
- .buttons
- padding-top: 6px
- float: right
- margin-right: 20px
- li
- float: left
- clear: none
- margin: 0px 10px 0 0
- width: auto
- +sm-sans
- font-size: 10px
- a
- padding: 9px 14px 7px 14px
- font-weight: bold
- line-height: 25px
- text-transform: uppercase
- background: #463215
- color: white
- -moz-border-radius: 25px
- -webkit-border-radius: 25px
- -o-border-radius: 25px
- border-radius: 25px
- a:hover
- background: $luxagraf_orange
- .map
- width: $col5
- margin-top: 42px
- height: 130px
- float: left
- margin-left: 6px
- a
- display: none
- div
- div
- span
- display: none
- .entry-foot
- clear: both
- +sm-sans
- font-size: 12px
- background: #ff33ff
- width: $col16 + $pad * 2
- margin-top: 4px
-
-img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
- display: none !important
diff --git a/media/sass/old/_writing.sass b/media/sass/old/_writing.sass
deleted file mode 100644
index 4ee6934..0000000
--- a/media/sass/old/_writing.sass
+++ /dev/null
@@ -1,245 +0,0 @@
-//Writing Archive pages
-
-#writing-archive,#featured
- margin-top: 72px
- margin-bottom: 36px
- li
- clear: both
- h3,h1
- +sm-headline-sans
- margin: 0
- text-align: left
- div
- width: $col7
- margin-right: $pad
- float: left
- text-align: justify
- h1
- margin-top: 3px
- .img
- width: $col9
- margin-left: $pad
- margin-bottom: 36px
- p
- margin: 0
- font-size: 16px
- .location,time
- +tiny-serif
- line-height: 3em
- font-size: 11px
- img
- border: $luxagraf_brown 10px solid
-
-#pagination
- +sm-sans
- font-size: 13px
- width: $full
- clear: both
- margin: 0
- border-top: $luxagraf_brown 1px dotted
- border-bottom: $luxagraf_brown 1px dotted
- text-align: center
- .pages
- margin: 8px 0
- clear: both
- li
- display: inline
- margin: 2px
- .current
- color: $luxagraf_orange
-
-//Basic styles for Writing detail pages
-
-#writing-detail
- font-size: 1.7em
- line-height: 1.5em
- header
- border: none
- height: auto
- width: auto
- margin: 0 0 0 0
- h1
- +headline-sans
- font-size: 30px
- line-height: 1.2em
- margin: 0
- letter-spacing: 0.5px
- aside
- +tiny-serif
- font-size: 12px
- line-height: 2.3em
- a
- color: $luxagraf_brown
- &:hover
- color: $luxagraf_orange
- dl
- font-size: 100%
- dt
- font-style: italic
- margin: 9px
- a
- color: $luxagraf_orange
- h3
- +headline-sans
- font-size: 1.6em
- line-height: 1.2em
-
-#post-metadata
- width: $col10 - !pad
- border-top: $luxagraf_brown 1px dotted
- border-bottom: $luxagraf_brown 1px dotted
- margin: 24px 0 24px $col4 - $pad
- padding-bottom: 8px
- clear: both
- background: none
- p
- font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
- color: #201A11
- line-height: 25px
- float: none
- padding: 8px 0
- font-size: 14px
- a
- color: $luxagraf_orange !important
- height: auto
- float: none
-
-
-
-#page-navigation
- width: $full
- clear: both
- margin: 24px 0 0 0
- text-transform: uppercase
- +sm-sans
- li#next
- float: right
- margin-right: $col3 - $pad
- font-size: 13px !important
- li#prev
- float: left
- margin-left: $col2 + $pad
- font-size: 13px !important
-#comments
- clear: both
- width: $col9
- margin: 24px 0 24px $col4 - $pad
- font-size: 13px
- h4
- margin-top: 96px
- +headline-sans
- text-transform: uppercase
- font-size: 18px
-
-h4 a.disqus-link-count
- color: $luxagraf_brown !important
-
-ul#dsq-comments
- font-size: 1.2em
-
-.dsq-comment-cite
- font-family: unquote("Helvetica"), unquote("Arial"), unquote("sans-serif")
- font-size: 0.9em !important
- font-weight: normal
- text-transform: uppercase
-
-.dsq-comment-header-time, .dsq-comment-footer
- font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif")
-
-.dsq-comment-footer
- font-size: 0.8em
-
-#dsq-comments-title
- display: none !important
-
-.drop
- font-size: 4.8em
- display: block
- float: left
- padding: 38px 10px 5px 0
- overflow: visible
-
-.drop-small
- font-size: 2.9em
- display: block
- float: left
- padding: 19px 8px 5px 0
- overflow: visible
-
-blockquote
- font-size: 0.8em
-
-.footnote
- margin: 18px 0
- width: $col9 + $pad
- li
- margin: 12px 0
- line-height: 0.8em
- p
- line-height: 18px !important
- font-size: 14px
- a, span
- font-size: 14px
-
-#writing-detail .figure
- margin-top: 24px
- img
- border: $luxagraf_brown 10px solid
- .legend
- width: 552px
- padding: 8px 0 12px 16px
- font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif")
-
-h4.notes
- +sm-sans
- font-weight: bold
- text-transform: uppercase
-
-.addendum dt
- font-style: italic
- margin: 0.8em 0 0 0
- margin-left: -30px !important
- text-indent: -30px
- padding-left: 30px
-
-.addendum dd
- margin: 0.8em 0 0 0
-
-// special styles for single and double column posts
-
-.single article
- header, #post-body
- margin-left: $col4 - $pad !important
- width: $col10 - $pad !important
- p:nth-of-type(1)
- font-size: 20px
- line-height: 28px
-
-//double stuff
-
-.double article
- header
- float: left
- width: $col4 - $pad * 2 !important
- text-align: right !important
- margin-top: $pad !important
- aside
- section
- text-align: right !important
- font-size: 1em
- line-height: 18px
-
-#post-body
- width: $col13 + $pad
- margin-left: $pad
- font-size: 17px
- line-height: 25px
- .col
- width: 350px
- float: left
- margin: 0 $pad * 2 0 0
- .narrow
- width: $col9
-
-.double #post-body
- float: left
diff --git a/media/sass/old/ie.css b/media/sass/old/ie.css
deleted file mode 100644
index fa1363e..0000000
--- a/media/sass/old/ie.css
+++ /dev/null
@@ -1,14 +0,0 @@
-ul#photo-galleries li
- margin-left: 0
- margin-right: 16px
-
-ul#writing-archive li img
- _margin: 0
-
-ul#parks
- div.legend
- ul.buttons
- li
- a
- behavior: url('http://media.luxagraf.net/css/border-radius.htc')
- border-radius: 25px \ No newline at end of file