416 lines
7.9 KiB
Stylus
416 lines
7.9 KiB
Stylus
body
|
|
margin: 0
|
|
color: black
|
|
|
|
.logo
|
|
font-size: 8vw
|
|
font-family: "Open Sans"
|
|
font-weight: bold
|
|
text-transform: uppercase
|
|
text-align: center
|
|
text-shadow: 2px 2px 1px #007104
|
|
color: #00b300
|
|
letter-spacing: 5px
|
|
user-select: none
|
|
cursor: default
|
|
.part1, .part2
|
|
display: inline-block
|
|
.part1
|
|
color: #03A9F4
|
|
text-shadow: 2px 2px 1px #0059a0
|
|
margin-right: 5px
|
|
&.small
|
|
font-size: 30px
|
|
text-align: inherit
|
|
cursor: pointer
|
|
display: inline-block
|
|
|
|
.carousel
|
|
margin-bottom: 4rem
|
|
|
|
.carousel-item
|
|
height: 40rem
|
|
background-color: #777
|
|
|
|
& > img
|
|
position: absolute
|
|
top: 0
|
|
left: 0
|
|
min-width: 100%
|
|
height: 40rem
|
|
|
|
.marketing .col-lg-4
|
|
margin-bottom: 1.5rem
|
|
text-align: center
|
|
|
|
.circular-header
|
|
width: 140px
|
|
height: 140px
|
|
vertical-align: middle
|
|
display: inline-block
|
|
border-radius: 50% !important
|
|
line-height: 9rem
|
|
font-size: 5rem
|
|
color: #fff
|
|
|
|
.news-article
|
|
margin-bottom: 4rem
|
|
|
|
.news-title
|
|
margin-bottom: .25rem
|
|
font-size: 2.5rem
|
|
|
|
.news-meta
|
|
margin-bottom: 1.25rem
|
|
color: #999
|
|
|
|
.g-recaptcha
|
|
margin-top: 10px
|
|
|
|
code
|
|
white-space: pre
|
|
|
|
.button
|
|
display: inline-block
|
|
margin-right: 5px
|
|
|
|
.check label
|
|
display: inline-block
|
|
margin-right: 5px
|
|
|
|
.pgn
|
|
display: inline-block
|
|
margin-left: 10px
|
|
.button
|
|
margin: 0 1px
|
|
|
|
.pagenum
|
|
display: inline-block
|
|
padding: 10px
|
|
&.total
|
|
color: #a9a9a9
|
|
font-style: italic
|
|
|
|
.app-button
|
|
display: inline-block
|
|
img
|
|
width: 200px
|
|
&.apple
|
|
img
|
|
width: 175px
|
|
padding: 0 12px
|
|
|
|
.login-btn
|
|
display: block
|
|
text-decoration: none
|
|
border-radius: 5px
|
|
margin-top: 5px
|
|
padding: 5px 5px
|
|
width: 215px
|
|
height: 50px
|
|
cursor: pointer
|
|
margin-left: 5px
|
|
|
|
&.twitter-login
|
|
background-color: #fff
|
|
border: 1px solid #ddd
|
|
line-height: 2.2rem
|
|
|
|
i
|
|
color: #03A9F4
|
|
font-size: 22px
|
|
span
|
|
color: #000
|
|
display: inline-block
|
|
vertical-align: top
|
|
margin-left: 12px
|
|
|
|
&.discord-login
|
|
background-color: #99aab5
|
|
line-height: 2.4rem
|
|
|
|
span
|
|
color: white
|
|
vertical-align: top
|
|
margin-left: 3px
|
|
display: inline-block
|
|
img
|
|
width: 45px
|
|
display: inline-block
|
|
|
|
&.google-login
|
|
background-color: #4285f4
|
|
border: 1px solid #ddd
|
|
line-height: 2.2rem
|
|
|
|
i
|
|
color: #fff
|
|
font-size: 22px
|
|
span
|
|
color: #fff
|
|
display: inline-block
|
|
vertical-align: top
|
|
margin-left: 12px
|
|
|
|
&.disconnect
|
|
margin-top: 5px
|
|
padding: 10px
|
|
background-color: #ff6c6c
|
|
color: #fff
|
|
width: 215px
|
|
border-radius: 5px
|
|
|
|
span.divider
|
|
color: #ddd
|
|
margin: 0 5px
|
|
cursor: default
|
|
|
|
.nobulletin
|
|
list-style-type: none
|
|
padding-left: 2em
|
|
i.fa
|
|
margin-right: 10px
|
|
|
|
.haveaccess
|
|
color: #0c9a0c
|
|
span
|
|
font-weight: bold
|
|
.noaccess
|
|
color: red
|
|
span
|
|
font-weight: bold
|
|
|
|
.unaffiliated
|
|
font-size: 120%
|
|
text-align: center
|
|
color: #FF5722
|
|
font-weight: bold
|
|
|
|
.message
|
|
display: block
|
|
margin: 1px
|
|
padding: 5px
|
|
background-color: #a6ffb5
|
|
border: 1px solid green
|
|
&.error
|
|
background-color: #ff8484
|
|
border: 1px solid maroon
|
|
|
|
.application
|
|
display: flex
|
|
flex-direction: row
|
|
margin-bottom: 15px
|
|
#deleteclient
|
|
color: red
|
|
font-size: 120%
|
|
cursor: pointer
|
|
.picture
|
|
width: 120px
|
|
height: 120px
|
|
position: relative
|
|
display: inline-block
|
|
.noicon
|
|
width: 100%
|
|
height: 100%
|
|
text-align: center
|
|
background-color: #40aaff
|
|
color: #fff
|
|
i
|
|
font-size: 500%
|
|
margin-top: 20px
|
|
.info
|
|
flex-grow: 1
|
|
margin-left: 15px
|
|
.name
|
|
font-size: 120%
|
|
font-weight: bold
|
|
text-overflow: ellipsis
|
|
overflow: hidden
|
|
.description
|
|
font-size: 80%
|
|
font-style: italic
|
|
word-wrap: break-word
|
|
.url
|
|
display: block
|
|
text-overflow: ellipsis
|
|
overflow: hidden
|
|
max-width: 200px
|
|
|
|
input.authorize
|
|
background-color: #00b0ff
|
|
font-size: 200%
|
|
color: #fff
|
|
border: 1px solid #2196F3
|
|
|
|
input.deny
|
|
font-size: 160%
|
|
background-color: #f10
|
|
border: 1px solid #e00000
|
|
color: #fff
|
|
|
|
input.invalid
|
|
border: 1px solid #f00
|
|
outline: red
|
|
|
|
#repeatcheck
|
|
color: red
|
|
padding: 10px
|
|
|
|
.article
|
|
.title
|
|
font-size: 200%
|
|
font-weight: bold
|
|
.author
|
|
font-size: 80%
|
|
color: #565656
|
|
.timestamp
|
|
display: inline-block
|
|
.content
|
|
margin-top: 20px
|
|
margin-bottom: 20px
|
|
|
|
span.load
|
|
font-size: 120%
|
|
span
|
|
vertical-align: super
|
|
margin-left: 10px
|
|
|
|
.content
|
|
hr
|
|
border-color: #ffffff
|
|
margin: 20px 0
|
|
|
|
.option
|
|
display: block
|
|
|
|
.specify
|
|
display: inline-block
|
|
width: 22px
|
|
text-align: center
|
|
margin-left: 5px
|
|
background-color: #2196F3
|
|
color: #fff
|
|
border-radius: 100px
|
|
cursor: help
|
|
font-size: 19px
|
|
|
|
.dialog-drop
|
|
display: block
|
|
position: fixed
|
|
display: none
|
|
top: 0
|
|
left: 0
|
|
bottom: 0
|
|
right: 0
|
|
background-color: rgba(56, 56, 56, 0.8)
|
|
z-index: 10
|
|
.dialog
|
|
min-width: 400px
|
|
width: fit-content
|
|
max-width: 50vw
|
|
min-height: 180px
|
|
height: fit-content
|
|
background-color: #fff
|
|
margin: auto
|
|
margin-top: 5%
|
|
transition: all 0.1s linear
|
|
overflow: hidden
|
|
.pad
|
|
padding: 5px
|
|
.head
|
|
height: 40px
|
|
background-color: #e6e6e6
|
|
box-shadow: 0px 3px #ddd
|
|
overflow: hidden
|
|
position: relative
|
|
#title
|
|
max-width: 80%
|
|
text-overflow: ellipsis
|
|
overflow: hidden
|
|
white-space: nowrap
|
|
margin: 12px
|
|
display: block
|
|
#close
|
|
position: absolute
|
|
top: 6px
|
|
right: 5px
|
|
color: #ff2525
|
|
cursor: pointer
|
|
padding: 5px
|
|
|
|
.cropbox
|
|
padding: 10px
|
|
.preview
|
|
max-width: 160px
|
|
max-height: 160px
|
|
.buttons .button
|
|
margin-right: 5px
|
|
|
|
.avatarCont
|
|
height: 180px
|
|
.avatar
|
|
float: left
|
|
.options
|
|
margin-left: 170px
|
|
a
|
|
display: block
|
|
|
|
.avatar
|
|
width: 160px
|
|
height: 160px
|
|
position: relative
|
|
border: 1px solid #ddd
|
|
img
|
|
position: absolute
|
|
width: 100%
|
|
height: 100%
|
|
margin: auto
|
|
.noavatar
|
|
font-size: 120px
|
|
text-align: center
|
|
line-height: 160px
|
|
color: #fff
|
|
background-color: #d0d0d0
|
|
|
|
noscript
|
|
position: fixed
|
|
display: block
|
|
width: 100%
|
|
background-color: rgba(255, 95, 95, 0.6)
|
|
color: #fff
|
|
text-shadow: 1px 1px 3px #000
|
|
text-align: center
|
|
z-index: 100
|
|
|
|
.last-modified
|
|
font-style: italic
|
|
color: #7d7d7d
|
|
display: block
|
|
|
|
.btn-social
|
|
width: 28px
|
|
height: 28px
|
|
display: block
|
|
line-height: 28px
|
|
color: #fff
|
|
font-size: 120%
|
|
border-radius: 100px
|
|
padding: 0 2px
|
|
margin: 5px
|
|
&#gitlab
|
|
background-color: #292961
|
|
font-size: 115%
|
|
&:hover
|
|
color: #ddd
|
|
|
|
main .container:first-child
|
|
min-height: 90vh
|
|
|
|
@media all and (max-width: 500px)
|
|
section
|
|
padding: 10px
|
|
.logo.small
|
|
font-size: 5vw
|
|
.divbox
|
|
margin: 10px 0px
|