css/less updates

1 files changed, 290 insertions, 0 deletions

diff --git a/css/utility.less b/css/utility.less
new file mode 100644
index 000000000..fd6d4fbc1
--- /dev/null
+++ b/css/utility.less
@@ -0,0 +1,290 @@
+body.sanity_failed {
+	background : #900;
+}
+
+body.ttrss_utility {
+	background : #f5f5f5;
+	color : black;
+	padding : 0px;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	margin-left : auto;
+	margin-right : auto;
+	max-width : 800px;
+
+	form {
+		margin : 10px 0px 0px 0px;
+		padding : 0px;
+	}
+
+	div.content {
+		overflow : hidden;
+		background : white;
+		border : 1px solid #ddd;
+		padding : 10px;
+		border-radius : 6px;
+		box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
+	}
+
+	p.warning {
+		color : red;
+	}
+
+	p.query, code {
+		color : green;
+	}
+
+	p.insensitive {
+		color : gray;
+	}
+
+	div.insensitive-small {
+		color : gray;
+		font-size : 10px;
+	}
+
+	.floatingLogo {
+		display : none;
+	}
+
+	a {
+		color : rgb(82, 168, 236);
+		text-decoration : none;
+	}
+
+	a:hover {
+		color : black;
+	}
+
+	.alert {
+		padding: 8px 35px 8px 14px;
+		margin-bottom: 20px;
+		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+		background-color: #fcf8e3;
+		border: 1px solid #fbeed5;
+		-webkit-border-radius: 4px;
+		-moz-border-radius: 4px;
+		border-radius: 4px;
+	}
+
+	.alert,
+	.alert h4 {
+		color: #c09853;
+	}
+
+	.alert h4 {
+		margin: 0;
+	}
+
+	.alert .close {
+		position: relative;
+		top: -2px;
+		right: -21px;
+		line-height: 20px;
+		cursor :  pointer;
+	}
+
+	.alert-success {
+		color: #468847;
+		background-color: #dff0d8;
+		border-color: #d6e9c6;
+	}
+
+	.alert-success h4 {
+		color: #468847;
+	}
+
+	.alert-danger,
+	.alert-error {
+		color: #b94a48;
+		background-color: #f2dede;
+		border-color: #eed3d7;
+	}
+
+	.alert-danger h4,
+	.alert-error h4 {
+		color: #b94a48;
+	}
+
+	.alert-info {
+		color: #3a87ad;
+		background-color: #d9edf7;
+		border-color: #bce8f1;
+	}
+
+	.alert-info h4 {
+		color: #3a87ad;
+	}
+
+	h1 {
+		color : rgb(82, 168, 236);
+		font-size : 32px;
+		margin : 20px 0px 5px 0px;
+		text-shadow : 0 0 6px #fff;
+	}
+
+	h2 {
+		color : rgb(82, 168, 236);
+		font-size : 14pt;
+		border-width : 0px 0px 1px 0px;
+		border-color : #f0f0f0;
+		border-style : solid;
+	}
+
+	div.content > h2 {
+		margin-top : 0px;
+	}
+
+	div.rss h1 {
+		border-width : 0px 0px 1px 0px;
+		border-color : gray;
+		border-style : dotted;
+		color : gray;
+	}
+
+	div.rss h2 {
+		font-size : 12pt;
+	}
+
+	div.rss a.extlink {
+		color : gray;
+		border-width : 0px 0px 1px 0px;
+		border-color : #778899;
+		border-style : dotted;
+		font-size : 9pt;
+	}
+
+	div.rss img {
+		max-width : 775px;
+	}
+
+	div.rss p.description {
+		color : gray;
+		font-size : 9pt;
+	}
+
+	div.rss div.content {
+		margin-top : 0.5em;
+	}
+
+	div.rss img.feedicon {
+		float : right;
+	}
+
+	div.rss hr {
+		border-width : 0px 0px 1px 0px;
+		border-style : dashed;
+		border-color : #e0e0e0;
+	}
+
+	body#sharepopup {
+		background-color : white;
+		background-image : url("../images/toolbar.png");
+		background-repeat : repeat-x;
+		background-position : bottom;
+		margin : 10px;
+		padding : 0px;
+	}
+
+	body#sharepopup h1 {
+		font-size : 14px;
+		margin : 0px;
+		color : rgb(82, 168, 236);
+	}
+
+	body#sharepopup table {
+		background : white;
+		border : 1px solid rgb(82, 168, 236);
+		padding : 5px;
+	}
+
+	body#sharepopup form {
+		height : 100%;
+	}
+
+	body#sharepopup input {
+		width : 100%;
+	}
+
+	div.autocomplete {
+		position : absolute;
+		width : 250px;
+		background-color : white;
+		border :1px solid #778899;
+		margin : 0px;
+		padding : 0px;
+		z-index : 4;
+	}
+
+	div.autocomplete ul {
+		list-style-type : none;
+		margin : 0px;
+		padding : 0px;
+		font-size : 10px;
+	}
+
+	div.autocomplete ul li.selected {
+		background-color : #fff7d5;
+	}
+
+	div.autocomplete ul li {
+		list-style-type : none;
+		display : block;
+		margin : 0;
+		padding : 2px;
+		height : 32px;
+		cursor : pointer;
+	}
+
+	fieldset {
+		border-width : 0px;
+		padding : 0px 0px 5px 0px;
+		margin : 0px;
+	}
+
+	fieldset input {
+		font-family : sans-serif;
+		font-size : medium;
+		border-spacing : 2px;
+		border : 1px solid #b5bcc7;
+		padding : 2px;
+	}
+
+	fieldset label {
+		width : 120px;
+		margin-right : 20px;
+		display : inline-block;
+		text-align : right;
+		color : gray;
+	}
+
+	body.otp {
+		margin : 1em;
+		padding : 0px;
+	}
+
+	form.otpform {
+		margin : 0px;
+		padding : 0px;
+	}
+
+	form.otpform label {
+		margin : 0px;
+		padding : 0px;
+	}
+
+	body.otp div.content {
+		display : inline-block;
+		width : auto;
+	}
+
+	span.hint {
+		font-size : 10px;
+		color : gray;
+	}
+}
+
+body.small_margins {
+	margin : 1em;
+	max-width : none;
+}