This repository has been archived on 2022-11-26. You can view files and clone it, but cannot push or open issues or pull requests.
IcyNet.eu/src/style/main.styl

622 lines
12 KiB
Stylus
Raw Normal View History

2017-08-02 21:24:01 +00:00
body
margin: 0
color: black
font-family: sans-serif
2017-08-23 21:42:55 +00:00
/*background-color: #82fff4;
2017-08-02 21:24:01 +00:00
background-image: linear-gradient(-45deg, #80d7ff 25%, transparent 25.5%, transparent 50%,
#80d7ff 50.5%, #80d7ff 75%, transparent 75.5%, transparent)
height: 100vh;
2017-08-23 21:42:55 +00:00
background-size: 50px 50px;*/
background: #6fefff
background: -moz-linear-gradient(top, #6fefff 0%, #53cbf1 51%, #05abe0 100%)
background: -webkit-linear-gradient(top, #6fefff 0%,#53cbf1 51%,#05abe0 100%)
background: linear-gradient(to bottom, #6fefff 0%,#53cbf1 51%,#05abe0 100%)
2017-08-02 21:24:01 +00:00
2017-08-03 15:49:31 +00:00
a
color: green
text-decoration: none
&:hover
text-decoration: underline
2017-08-02 21:24:01 +00:00
.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
.mobview
display: none !important
.navigator
padding: 0 50px
transition: background-color 0.1s linear
background-color: rgb(0, 219, 247)
z-index: 5
&.fix
top: 0
left: 0
right: 0
position: fixed
background-color: rgba(0, 219, 247, 0.67)
#navlogo
&.hidden
display: none
ul
padding: 0
margin: 0
display: inline-block
list-style-type: none
&.floating
float: right
li
font-size: 30px
display: inline-block
height: 68px
line-height: 2.2
a
text-decoration: none
padding: 20px
color: #007cde
font-weight: bold
text-transform: uppercase
font-size: 25px
transition: background-color 0.1s linear
&:hover
background-color: rgba(255, 255, 255, 0.25)
section
font-family: "Open Sans"
position: relative
2017-08-23 20:13:45 +00:00
min-height: 100vh
2017-08-02 21:24:01 +00:00
.content
position: absolute
left: 0
right: 0
top: 0
bottom: 40%
2017-08-23 20:13:45 +00:00
overflow: auto
2017-08-02 21:24:01 +00:00
background-color: #ffffff
2017-08-23 20:13:45 +00:00
padding: 20px
&#home
h1
font-size: 300%
text-align: center
color: green
margin-bottom: 0
p
text-align: center;
font-size: 200%
color: #0074d0;
font-weight: bold;
.divboxes
text-align: center
.divbox
width: 300px
display: inline-block
margin: 20px
vertical-align: text-top
.head
display: block
font-size: 30px
.fa
color: white
height: 32px
width: 32px
padding: 10px
border-radius: 100px
margin-right: 15px
.fa-lock
background-color: orange
.fa-github
background-color: green
2017-08-02 21:24:01 +00:00
.wrapper
overflow: hidden
2017-08-23 21:42:55 +00:00
min-height: 100vh
2017-08-02 21:24:01 +00:00
2017-08-03 15:49:31 +00:00
.document
overflow: hidden
min-height: 100vh;
padding: 50px;
background-color: #fff;
.tos
display: inline-block
width: 60%
font-size: 120%
2017-08-23 21:42:55 +00:00
//.cssextend:hover > .flexview
// display: block
// left: 40%
2017-08-23 22:25:52 +00:00
.g-recaptcha
margin-top: 10px
2017-08-23 21:42:55 +00:00
ul.flexview
position: fixed
right: 0
left: 100%
width: auto
top: 68px
bottom: 0
background-color: rgba(53, 53, 53, 0.8)
z-index: 1
overflow: hidden
transition: all 0.1s linear
.division
border-top: 1px solid #a7a7a7
li
display: block
min-width: 100px
a
display: block
padding: 5px 20px
color: #fff
font-weight: normal
text-transform: none
&.extended
display: block
left: 40%
2017-08-03 15:49:31 +00:00
code
white-space: pre
2017-08-02 21:24:01 +00:00
label
display: block
margin-top: 20px
input:not([type="submit"])
padding: 5px
font-size: 120%
border-radius: 5px
border: 1px solid #c1c1c1
background-color: #f5f5f5
box-shadow: inset 2px 2px 5px #ddd
2017-08-23 21:42:55 +00:00
transition: border 0.1s linear
2017-08-02 21:24:01 +00:00
2017-08-24 10:52:12 +00:00
.button, input[type="submit"]
2017-08-02 21:24:01 +00:00
display: block
padding: 5px 10px
background-color: #fbfbfb
border: 1px solid #c1c1c1
border-radius: 5px
font-size: 120%
margin: 10px 0
cursor: pointer
2017-08-24 10:52:12 +00:00
.button
display: inline-block
2017-08-02 21:24:01 +00:00
.boxcont
.box
padding: 20px
margin: auto
margin-top: 5%
background-color: #fff
box-shadow: 5px 5px 15px #868686
border: 1px solid #ddd
margin-bottom: 10%
h1:first-child, h2:first-child, h3:first-child
margin-top: 0
2017-08-02 21:24:01 +00:00
.left, .right
display: inline-block
width: 50%
2017-08-23 20:13:45 +00:00
.left
border-right: 1px solid #ddd
2017-08-02 21:24:01 +00:00
.right
float: right
width: 46%
&#login
max-width: 700px
&#settings
max-width: 700px
min-height: 380px
2017-08-02 22:35:10 +00:00
&#totpcheck
max-width: 400px
&#donate
max-width: 400px
&#error
width: 200px
2017-08-02 21:24:01 +00:00
.check label
display: inline-block
margin-right: 5px
2017-08-24 10:52:12 +00:00
.pgn
display: inline-block
margin-left: 10px
2017-08-24 11:08:27 +00:00
.button
margin: 0 1px
2017-08-24 10:52:12 +00:00
.pagenum
display: inline-block
padding: 10px
.dlbtn
display: block
img
width: 200px
&.apple
img
width: 175px
padding: 0 12px
.twitterLogin
2017-08-23 21:42:55 +00:00
display: block
padding: 10px
width: 215px
margin-top: 5px
background-color: #fff
border: 1px solid #ddd
border-radius: 5px
2017-08-03 15:49:31 +00:00
text-decoration: none
i
color: #03A9F4;
font-size: 22px;
span
color: #000;
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-left: 12px;
.discordLogin
display: block
background-color: #99AAB5
width: 225px
height: 40px
margin-top: 5px
padding: 5px 5px
border-radius: 5px
2017-08-03 15:49:31 +00:00
text-decoration: none
span
color: white
vertical-align: top
margin-top: 11px
margin-left: 3px
display: inline-block
img
width: 45px
display: inline-block
.accdisconnect
margin-top: 5px
padding: 10px
background-color: #ff6c6c
color: #fff
width: 215px
border-radius: 5px
2017-08-03 15:49:31 +00:00
span.divider
color: #ddd
margin: 0 5px
cursor: default
2017-08-23 20:13:45 +00:00
.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
2017-08-24 20:02:52 +00:00
.message
display: block
margin: 1px
padding: 5px
background-color: #a6ffb5
border: 1px solid green
&.error
background-color: #ff8484
border: 1px solid maroon
2017-08-23 20:13:45 +00:00
.application
height: 140px
#deleteclient
float: right
color: red
font-size: 120%
cursor: pointer
2017-08-23 20:13:45 +00:00
.picture
width: 120px
height: 120px
position: relative
display: inline-block
float: left
.noicon
width: 100%
height: 100%
text-align: center
background-color: #40aaff
color: #fff
i
font-size: 500%
margin-top: 20px
.info
margin-left: 130px
.name
font-size: 150%
font-weight: bold
.description
font-size: 80%
font-style: italic
.url
display: block
text-overflow: ellipsis
overflow: hidden
max-width: 200px
2017-08-23 20:13:45 +00:00
input.authorize
background-color: #00b0ff
font-size: 200%
color: #fff
border: 1px solid #2196F3
2017-08-23 21:42:55 +00:00
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
2017-08-24 10:52:12 +00:00
.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
2017-08-24 10:52:12 +00:00
.newsfeed
.prvarticle
margin-bottom: 10px
.title
font-size: 200%
display: block
font-weight: bold
.timestamp
font-size: 80%
color: #565656
.prvcontent
margin: 10px 0
.return
margin-top: 40px
.content
hr
border-color: #ffffff
margin: 20px 0
.option
display: block
2017-08-27 11:48:47 +00:00
.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
2017-08-27 12:02:50 +00:00
.socialbtn
width: 28px
height: 28px
display: inline-block
line-height: 28px
color: #fff
font-size: 160%
border-radius: 100px
padding: 2px
margin: 5px
&#github
background-color: #000
&#twitter
background-color: #03a9f4
&#discord
background-color: #2C2F33
.discordlogo
position: relative
top: 3px
background: url(/static/image/Discord-Logo-White.svg)
width: 22px
height: 22px
display: inline-block
i
position: relative
right: 1px
2017-08-25 11:37:34 +00:00
.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
2017-08-25 16:42:30 +00:00
.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
select
width: 80px
background-color: #f5f5f5
border: 1px solid #c1c1c1
padding: 8px
vertical-align: top
margin-left: 5px
border-radius: 5px
2017-08-02 21:24:01 +00:00
@media all and (max-width: 800px)
.navigator
padding: 0 10px
#navlogo
display: inline-block !important
.banner
display: none
.fullview
display: none !important
.mobview
display: inline-block !important
.logo
font-size: 10vw
2017-08-23 20:13:45 +00:00
.document
padding: 5px
.tos
width: auto
font-size: 4vw
.divbox
font-size: 80%
.head
font-size: 120%
.fa
width: 15px
height: 15px
section#home
h1
font-size: 150%
margin-top: 0
p
font-size: 100%
2017-08-23 21:42:55 +00:00
.box
.left, .right
float: initial !important
display: block !important
border: 0 !important
width: fit-content !important
margin: auto
.dialog
width: 100vw !important
min-width: 100vw !important
2017-08-02 21:24:01 +00:00
@media all and (max-width: 500px)
2017-08-23 20:13:45 +00:00
section
padding: 10px
2017-08-02 21:24:01 +00:00
.logo.small
font-size: 5vw
2017-08-23 20:13:45 +00:00
.divbox
margin: 10px 0px