Greasy Fork

Shined up real nice.

Greasy Fork is available in English.

Add_CSS

Makes it easier to style pages

Этот скрипт недоступен для установки пользователем. Он является библиотекой, которая подключается к другим скриптам мета-ключом // @require https://greasyfork.org/scripts/35370-add-css/code/Add_CSS.js?version=232364

Реклама
Автор
Dan WL (DanWL)
Оценки
0 0 0
Версия
1.1
Создан
Обновлён
Лицензия
Недоступно
Работает на
Все сайты

Описание скрипта от автора

Makes it easier to add CSS to pages.

Examples of usage:
To give #MyDiv a width of 100%-
AddCss(['#MyDiv', ['width', '100%']]);
This outputs
#MyDiv
{
	width: 100%;
}
To give #MyDiv a width of 100% and a height of 300px and give #MySecondDiv a width of 50%-
AddCss(['#MyDiv', ['width', '100%'], ['height', '300px'], '#MySecondDiv', ['width', '50%']]);
This outputs
#MyDiv
{
	width: 100%;
	height: 300px;
}

#MySecondDiv
{
	width: 50%;
}
To make #MyDiv display flex in a column layout-
AddCss(['#MyDiv', ['display', 'flex', null], ['flex-direction', 'column', true]]);
This outputs
#MyDiv
{
	display: -webkit-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
}
To make it so that when the maximum window with is 340px, make #MyDiv have a width of 100% and also give #MySecondDiv a width of 50%-
AddMediaQuery(340, ['#MyDiv', ['width', '100%'], '#MySecondDiv', ['width', '50%']]);
This outputs
@media all and (max-width: 340px)
{
	#MyDiv
	{
		width: 100%;
	}

	#MySecondDiv
	{
		width: 50%;
	}
}