Notes
Notes - notes.io |
* @name ClearVision
* @author Zerthox
* @version 6 BETA
* @description Public BETA for ClearVision v6.
* @source https://github.com/ClearVision/v6
* @website https://clearvision.gitlab.io/join
*/
/* IMPORT CSS */
@import url(https://clearvision.gitlab.io/v6/main.css);
/* SETTINGS */
:root {
/* ACCENT COLORS */
--main-color: #FF0000; /* main accent color (hex, rgb or hsl) [default: #2780e6] */
--hover-color: #FFFFFF; /* hover accent color (hex, rgb or hsl) [default: #1e63b3] */
--success-color: #43b581; /* success accent color (hex, rgb or hsl) [default: #43b581] */
--danger-color: #982929; /* danger accent color (hex, rgb or hsl) [default: #982929] */
/* STATUS COLORS */
--online-color: #43b581; /* online status color (hex, rgb or hsl) [default: #43b581] */
--idle-color: #faa61a; /* idle status color (hex, rgb or hsl) [default: #faa61a] */
--dnd-color: #982929; /* dnd status color (hex, rgb or hsl) [default: #982929] */
--streaming-color: #593695; /* streaming status color (hex, rgb or hsl) [default: #593695] */
--offline-color: #808080; /* offline/invisible status color (hex, rgb or hsl) [default: #808080] */
/* GENERAL */
--main-font: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif; /* main font for app (font must be installed) [default: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif] */
--code-font: Consolas, Liberation Mono, Menlo, Courier, monospace; /* font for codeblocks (font must be installed) [default: Consolas, Liberation Mono, Menlo, Courier, monospace] */
--server-columns: 1; /* amount of server list columns [default: 1] */
--channels-width: 220px; /* channel list width (240px for Discord default) [default: 220px] */
--members-width: 240px; /* member list width [default: 240px] */
--avatar-roundness: 50%; /* avatar roundness (0% for squares, 50% for circles) [default: 50%] */
/* APP BACKGROUND */
--background-shading: 100%; /* app background shading (0 for complete smoothness) [default: 100%] */
--background-overlay: rgba(0, 0, 0, 0.6); /* app background overlay color/gradient [default: rgba(0, 0, 0, 0.6)] */
--background-image: url(https://cdn.discordapp.com/attachments/729567853862191114/733535376521822228/vyk_discord_banner_R3_unblurred.png); /* app background image (link must be HTTPS) [default: url(https://clearvision.gitlab.io/images/sapphire.jpg)]*/
--background-position: center; /* app background position [default: center] */
--background-size: cover; /* app background size [default: cover] */
--background-repeat: no-repeat; /* app background repeat [default: no-repeat] */
--background-attachment: fixed; /* app background attachment [default: fixed] */
--background-brightness:150%; /* app background brightness (< 100% for darken, > 100% for lighten) [default: 100%] */
--background-contrast: 100%; /* app background contrast [default: 100%] */
--background-saturation: 100%; /* app background saturation [default: 100%] */
--background-invert: 0%; /* app background invert (0 - 100%) [default: 0%] */
--background-grayscale: 0%; /* app background grayscale ( 0 - 100%) [default: 0%] */
--background-sepia: 0%; /* app background sepia (0 - 100%) [default: 0%] */
--background-blur: 0px; /* app background blur [default: 0px] */
/* HOME BUTTON ICON */
--home-icon: url(https://cdn.discordapp.com/attachments/697996462394703975/733542623586811904/VYKServerIconGIF.gif); /* home button icon (link must be HTTPS) [default: url(https://clearvision.gitlab.io/icons/discord.svg)]*/
--home-position: center; /* home button icon position [default: center] */
--home-size: 50px; /* home button icon size [default: 40px] */
/* MODAL BACKDROP */
--backdrop-overlay: rgba(0, 0, 0, 0.8); /* modal backdrop overlay color/gradient [default: rgba(0, 0, 0, 0.8)] */
--backdrop-image: var(--background-image); /* modal backdrop image (link must be HTTPS) [default: var(---background-image)] */
--backdrop-position: var(--background-position); /* modal backdrop position [default: var(---background-position)] */
--backdrop-size: var(--background-size); /* modal backdrop size [default: var(---background-size)] */
--backdrop-repeat: var(--background-repeat); /* modal backdrop repeat [default: var(---background-repeat)] */
--backdrop-attachment: var(--background-attachment); /* modal backdrop attachment [default: var(--background-attachment)] */
--backdrop-brightness: var(--background-brightness); /* modal backdrop brightness (< 100% for darken, > 100% for lighten) [default: var(---background-brightness)] */
--backdrop-contrast: var(--background-contrast); /* modal backdrop contrast [default: var(---background-contrast)] */
--backdrop-saturation: var(--background-saturation); /* modal backdrop saturation [default: var(---background-saturation)] */
--backdrop-invert: var(--background-invert); /* modal backdrop invert (0 - 100%) [default: var(---background-invert)] */
--backdrop-grayscale: var(--background-grayscale); /* modal backdrop grayscale ( 0 - 100%) [default: var(---background-grayscale)] */
--backdrop-sepia: var(--background-sepia); /* modal backdrop sepia (0 - 100%) [default: var(---background-sepia)] */
--backdrop-blur: var(--background-blur); /* modal backdrop blur [default: var(--background-blur)] */
/* USER POPOUT BACKGROUND */
--user-popout-image: var(--background-image); /* app background image (link must be HTTPS) [default: var(---background-image)] */
--user-popout-position: var(--background-position); /* user popout background position [default: var(---background-position)] */
--user-popout-size: var(--background-size); /* user popout background size [default: var(---background-size)] */
--user-popout-repeat: var(--background-repeat); /* user popout background repeat [default: var(---background-repeat)] */
--user-popout-attachment: var(--background-attachment); /* user popout background attachment [default: var(--background-attachment)] */
--user-popout-brightness: var(--background-brightness); /* user popout background brightness (< 100% for darken, > 100% for lighten) [default: var(---background-brightness)] */
--user-popout-contrast: var(--background-contrast); /* user popout background contrast [default: var(---background-contrast)] */
--user-popout-saturation: var(--background-saturation); /* user popout background saturation [default: var(---background-saturation)] */
--user-popout-invert: var(--background-invert); /* user popout background invert (0 - 100%) [default: var(---background-invert)] */
--user-popout-grayscale: var(--background-grayscale); /* user popout background grayscale (0 - 100%) [default: var(---background-grayscale)] */
--user-popout-sepia: var(--background-sepia); /* user popout background sepia (0 - 100%) [default: var(---background-sepia)] */
--user-popout-blur: calc(var(--background-blur) + 3px); /* user popout background blur [default: calc(var(--background-blur) + 3px)] */
/* USER MODAL BACKGROUND */
--user-modal-image: var(--background-image); /* app background image (link must be HTTPS) [default: var(---background-image)] */
--user-modal-position: var(--background-position); /* user modal background position [default: var(---background-position)] */
--user-modal-size: var(--background-size); /* user modal background size [default: var(---background-size)] */
--user-modal-repeat: var(--background-repeat); /* user modal background repeat [default: var(---background-repeat)] */
--user-modal-attachment: var(--background-attachment); /* user modal background attachment [default: var(--background-attachment)] */
--user-modal-brightness: var(--background-brightness); /* user modal background brightness (< 100% for darken, > 100% for lighten) [default: var(---background-brightness)] */
--user-modal-contrast: var(--background-contrast); /* user modal background contrast [default: var(---background-contrast)] */
--user-modal-saturation: var(--background-saturation); /* user modal background saturation [default: var(---background-saturation)] */
--user-modal-invert: var(--background-invert); /* user modal background invert (0 - 100%) [default: var(---background-invert)] */
--user-modal-grayscale: var(--background-grayscale); /* user modal background grayscale (0 - 100%) [default: var(---background-grayscale)] */
--user-modal-sepia: var(--background-sepia); /* user modal background sepia (0 - 100%) [default: var(---background-sepia)] */
--user-modal-blur: calc(var(--background-blur) + 3px); /* user modal background blur [default: calc(var(--background-blur) + 3px)] */
}
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
