You've already forked OpenIntegrations
mirror of
https://github.com/Bayselonarrend/OpenIntegrations.git
synced 2025-11-29 22:27:42 +02:00
471 lines
10 KiB
CSS
Vendored
471 lines
10 KiB
CSS
Vendored
/**
|
|
* Any CSS included here will be global. The classic template
|
|
* bundles Infima by default. Infima is a CSS framework designed to
|
|
* work well for content-centric websites.
|
|
*/
|
|
|
|
/* You can override the default Infima variables here. */
|
|
:root {
|
|
--ifm-color-primary: #ffffff;
|
|
--ifm-color-primary-dark: #ffffff;
|
|
--ifm-color-primary-darker: #ffffff;
|
|
--ifm-color-primary-darkest: #ffffff;
|
|
--ifm-color-primary-light: #ffffff;
|
|
--ifm-color-primary-lighter: #ffffff;
|
|
--ifm-color-primary-lightest:#ffffff;
|
|
--ifm-code-font-size: 95%;
|
|
--docusaurus-highlighted-code-line-bg: #004943;
|
|
--ifm-tabs-color-active: #004943;
|
|
--ifm-pagination-nav-color-hover: black;
|
|
}
|
|
|
|
p{
|
|
font-weight: lighter;
|
|
}
|
|
|
|
h3,h2,h1{
|
|
font-weight: 400;
|
|
}
|
|
|
|
strong{
|
|
font-weight: 500;
|
|
}
|
|
|
|
@media (min-width: 996px) {
|
|
|
|
.main-wrapper,.navbar{
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
border-radius: 12px; /* Более округлые формы */
|
|
|
|
font-size: 1rem;
|
|
color: #333;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); /* Легкий текстовый отблеск */
|
|
box-shadow:
|
|
inset 0 1px 3px rgba(255, 255, 255, 0.7), /* Мягкий внутренний свет */
|
|
0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая внешняя тень */
|
|
transition: all 0.3s ease;
|
|
|
|
|
|
margin: 20px;
|
|
}
|
|
|
|
.main-wrapper{
|
|
margin-top: 0px;
|
|
padding: 20px;
|
|
padding-top: 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.navbar-github-link, .navbar-boosty-link {
|
|
display: flex;
|
|
align-items: center; /* Вертикальное выравнивание */
|
|
text-decoration: none; /* Убираем подчеркивание */
|
|
color: inherit; /* Унаследовать цвет текста */
|
|
}
|
|
|
|
.navbar-github-link::before, .navbar-boosty-link::before {
|
|
content: '';
|
|
/* Замените на путь к вашему логотипу */
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
width: 20px; /* Ширина логотипа */
|
|
height: 20px; /* Высота логотипа */
|
|
margin-right: 5px; /* Отступ между изображением и текстом */
|
|
}
|
|
|
|
/* Если хотите добавить эффект при наведении */
|
|
.navbar-github-link:hover, .navbar-boosty-link:hover {
|
|
opacity: 0.8; /* Легкая прозрачность при наведении */
|
|
}
|
|
|
|
.navbar-github-link::before{
|
|
background-image: url('./../../static/img/github-logo.svg');
|
|
}
|
|
|
|
.navbar-boosty-link::before{
|
|
background-image: url('./../../static/img/boosty-logo.svg');
|
|
}
|
|
|
|
.tipimage{
|
|
width: 64px;
|
|
height: 64px;
|
|
margin-right: 16px;
|
|
padding-top: 0px;
|
|
margin-top: 0px;
|
|
float: left;
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
.addin{
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.alert{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.hearthnstar{
|
|
|
|
margin-right: 12px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.orangelink{
|
|
color: #E6A700;
|
|
}
|
|
|
|
.orangelink:hover{
|
|
color: #E6A700;
|
|
}
|
|
|
|
.footer{
|
|
background-color: white;
|
|
}
|
|
|
|
.hero{
|
|
background-color: transparent;
|
|
}
|
|
|
|
.heroBanner{
|
|
margin-top: 10px;
|
|
}
|
|
|
|
|
|
|
|
.menu__link{
|
|
font-weight: 350;
|
|
}
|
|
|
|
.menu__link--active, .menu__link--active:hover, .navbar__link--active {
|
|
color: black;
|
|
}
|
|
|
|
.table-of-contents__link{
|
|
color: grey;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.table-of-contents__link:hover, .table-of-contents__link--active, .table-of-contents__link--active:hover{
|
|
color: black;
|
|
font-weight: 450;
|
|
}
|
|
|
|
.navbar__item:hover, .navbar__link:hover, .navbar__brand:hover, .navbar__title:hover{
|
|
color: #004943;
|
|
}
|
|
|
|
.navbar__item, .navbar__link, .navbar__brand, .navbar__title{
|
|
font-weight: 350;
|
|
}
|
|
|
|
a{
|
|
color: #004943e8;
|
|
font-weight: 500;
|
|
}
|
|
|
|
a:hover, .navbar__title:hover{
|
|
color: #004943;
|
|
}
|
|
|
|
.breadcrumbs__item--active .breadcrumbs__link {
|
|
background: #004943;
|
|
}
|
|
|
|
.navbar__title{
|
|
font-weight: 490;
|
|
}
|
|
|
|
li > a.menu__link {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.Airtable a::before , .Telegram a::before, .VK a::before, .Viber a::before, .Twitter a::before,
|
|
.Notion a::before, .GoogleCalendar a::before, .GoogleDrive a::before, .GoogleSheets a::before,
|
|
.Slack a::before, .YandexDisk a::before, .Dropbox a::before, .Bitrix24 a::before, .Messenger a::before,
|
|
.Social a::before, .Database a::before, .Folder a::before, .Calendar a::before, .CRM a::before, .Commerce a::before,
|
|
.VKTeams a::before, .S3 a::before, .TCP a::before, .Ozon a::before, .Neocities a::before, .CDEK a::before, .Start a::before,
|
|
.Other a::before, .SQLite a::before, .PostgreSQL a::before, .GreenAPI a::before, .RCON a::before, .MySQL a::before, .MSSQL a::before, .AI a:before,
|
|
.Ollama a::before, .Exchange a::before, .HTTP a::before, .OpenAI a::before, .Addons a::before, .Melezh a::before, .CL a::before, .WebUI a::before,
|
|
.Info a::before {
|
|
padding-right: 0.7rem;
|
|
padding-top: 0.4rem;
|
|
}
|
|
|
|
.Airtable > div > a::before{
|
|
content: url(../../static/img/APIs/small/Airtable.png);
|
|
}
|
|
|
|
.Telegram > div > a::before{
|
|
content: url(../../static/img/APIs/small/Telegram.png);
|
|
}
|
|
|
|
.HTTP > div > a::before{
|
|
content: url(../../static/img/APIs/small/HTTP.png);
|
|
}
|
|
|
|
.VK > div > a::before{
|
|
content: url(../../static/img/APIs/small/VK.png);
|
|
}
|
|
|
|
.Viber > div > a::before{
|
|
content: url(../../static/img/APIs/small/Viber.png);
|
|
}
|
|
|
|
.Twitter > div > a::before{
|
|
content: url(../../static/img/APIs/small/Twitter.png);
|
|
}
|
|
|
|
.Notion > div > a::before{
|
|
content: url(../../static/img/APIs/small/Notion.png);
|
|
}
|
|
|
|
.GoogleCalendar > div > a::before{
|
|
content: url(../../static/img/APIs/small/GoogleCalendar.png);
|
|
}
|
|
|
|
.GoogleDrive > div > a::before{
|
|
content: url(../../static/img/APIs/small/GoogleDrive.png);
|
|
}
|
|
|
|
.GoogleSheets > div > a::before{
|
|
content: url(../../static/img/APIs/small/GoogleSheets.png);
|
|
}
|
|
|
|
.Slack > div > a::before{
|
|
content: url(../../static/img/APIs/small/Slack.png);
|
|
}
|
|
|
|
.YandexDisk > div > a::before{
|
|
content: url(../../static/img/APIs/small/YandexDisk.png);
|
|
}
|
|
|
|
.Dropbox > div > a::before{
|
|
content: url(../../static/img/APIs/small/Dropbox.png);
|
|
}
|
|
|
|
.Bitrix24 > div > a::before{
|
|
content: url(../../static/img/APIs/small/Bitrix24.png);
|
|
}
|
|
|
|
.VKTeams > div > a::before{
|
|
content: url(../../static/img/APIs/small/VKTeams.png);
|
|
}
|
|
|
|
.Ozon > div > a::before{
|
|
content: url(../../static/img/APIs/small/Ozon.png);
|
|
}
|
|
|
|
.Neocities > div > a::before{
|
|
content: url(../../static/img/APIs/small/Neocities.png);
|
|
}
|
|
|
|
.CDEK > div > a::before{
|
|
content: url(../../static/img/APIs/small/CDEK.png);
|
|
}
|
|
|
|
.S3 > div > a::before{
|
|
content: url(../../static/img/APIs/small/S3.png);
|
|
}
|
|
|
|
.TCP > div > a::before{
|
|
content: url(../../static/img/APIs/small/TCP.png);
|
|
}
|
|
|
|
.RCON > div > a::before{
|
|
content: url(../../static/img/APIs/small/RCON.png);
|
|
}
|
|
|
|
.MySQL > div > a::before{
|
|
content: url(../../static/img/APIs/small/MySQL.png);
|
|
}
|
|
|
|
.MSSQL > div > a::before{
|
|
content: url(../../static/img/APIs/small/MSSQL.png);
|
|
}
|
|
|
|
.SQLite > div > a::before{
|
|
content: url(../../static/img/APIs/small/SQLite.png);
|
|
}
|
|
|
|
.PostgreSQL > div > a::before{
|
|
content: url(../../static/img/APIs/small/PostgreSQL.png);
|
|
}
|
|
|
|
.GreenAPI > div > a::before{
|
|
content: url(../../static/img/APIs/small/GreenAPI.png);
|
|
}
|
|
|
|
|
|
.Ollama > div > a::before{
|
|
content: url(../../static/img/APIs/small/Ollama.png);
|
|
}
|
|
|
|
.OpenAI > div > a::before{
|
|
content: url(../../static/img/APIs/small/OpenAI.png);
|
|
}
|
|
|
|
.Messenger > div > a::before{
|
|
content: url(../../static/img/Categories/chat.png);
|
|
}
|
|
|
|
.Social > div > a::before{
|
|
content: url(../../static/img/Categories/social-media.png);
|
|
}
|
|
|
|
.Database > div > a::before{
|
|
content: url(../../static/img/Categories/database.png);
|
|
}
|
|
|
|
.Calendar > div > a::before{
|
|
content: url(../../static/img/Categories/calendar.png);
|
|
}
|
|
|
|
.CRM > div > a::before{
|
|
content: url(../../static/img/Categories/crm.png);
|
|
}
|
|
|
|
.Exchange > div > a::before{
|
|
content: url(../../static/img/Categories/network.png);
|
|
}
|
|
|
|
.Folder > div > a::before{
|
|
content: url(../../static/img/Categories/folder.png);
|
|
}
|
|
|
|
.Commerce > div > a::before{
|
|
content: url(../../static/img/Categories/e-commerce.png);
|
|
}
|
|
|
|
.Start > div > a::before{
|
|
content: url(../../static/img/Categories/welcome.png);
|
|
}
|
|
|
|
.Other > div > a::before{
|
|
content: url(../../static/img/Categories/other.png);
|
|
}
|
|
|
|
.AI > div > a::before{
|
|
content: url(../../static/img/Categories/ai.png);
|
|
}
|
|
|
|
.WebUI > div > a::before{
|
|
content: url(../../static/img/Categories/webui.png);
|
|
}
|
|
|
|
.CL > div > a::before{
|
|
content: url(../../static/img/Categories/cl.png);
|
|
}
|
|
|
|
.Info > div > a::before{
|
|
content: url(../../static/img/Categories/info.png);
|
|
}
|
|
|
|
.Addons > a::before{
|
|
content: url(../../static/img/Categories/addons.png);
|
|
}
|
|
|
|
.Melezh > a::before{
|
|
content: url(../../static/img/Categories/melezh.png);
|
|
}
|
|
|
|
.theme-code-block,.tabs-container{
|
|
border: 1px solid rgba(27, 31, 35, 0.15);
|
|
border-radius: 16px;
|
|
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
|
|
}
|
|
|
|
/* CSS */
|
|
.button {
|
|
appearance: none;
|
|
background-color: white;
|
|
border: 1px solid rgba(27, 31, 35, 0.15);
|
|
border-radius: 16px;
|
|
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
|
|
box-sizing: border-box;
|
|
color: #24292E;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
list-style: none;
|
|
padding: 6px 16px;
|
|
position: relative;
|
|
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
touch-action: manipulation;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: #F3F4F6;
|
|
text-decoration: none;
|
|
transition-duration: 0.1s;
|
|
}
|
|
|
|
.button:disabled {
|
|
background-color: #FAFBFC;
|
|
border-color: rgba(27, 31, 35, 0.15);
|
|
color: #959DA5;
|
|
cursor: default;
|
|
}
|
|
|
|
.button:active {
|
|
background-color: #EDEFF2;
|
|
box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
|
|
transition: none 0s;
|
|
}
|
|
|
|
.button:focus {
|
|
outline: 1px transparent;
|
|
}
|
|
|
|
.button:before {
|
|
display: none;
|
|
}
|
|
|
|
.button:-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
.wp_logo{
|
|
margin-right: 5px;
|
|
}
|
|
|
|
[class*='iconExternalLink_'] {
|
|
display: none;
|
|
}
|
|
|
|
.falling-icon {
|
|
position: absolute;
|
|
width: 40px;
|
|
height: auto;
|
|
opacity: 0;
|
|
animation-name: fall;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@keyframes fall {
|
|
0% {
|
|
transform: translateY(-100px);
|
|
opacity: 0.15;
|
|
}
|
|
28% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateY(100vh);
|
|
opacity: 0;
|
|
}
|
|
} |