Browse Source

move stylesheets to css/

Andrew Dolgov 1 year ago
parent
commit
0fc005c2b9
9 changed files with 22 additions and 583 deletions
  1. 0 2
      Makefile
  2. 2 0
      css/Makefile
  3. 1 0
      css/default.css
  4. 11 20
      tt-irc.less
  5. 0 0
      css/mobile.less
  6. 6 9
      utility.css
  7. 1 1
      index.php
  8. 1 2
      prefs.php
  9. 0 549
      tt-irc.css

+ 0 - 2
Makefile

@@ -1,2 +0,0 @@
-tt-irc.css: tt-irc.less
-	lessc $^ > [email protected]

+ 2 - 0
css/Makefile

@@ -0,0 +1,2 @@
+default.css: *.less
+	lessc -x default.less > [email protected]

File diff suppressed because it is too large
+ 1 - 0
css/default.css


+ 11 - 20
tt-irc.less

@@ -4,6 +4,8 @@
 @panel-bg: #C4E0FF;
 @panel-border: #5FA7CC;
 
[email protected] "mobile.less";
+
 div#errorBox textarea {
 	width : 100%;
 	height : 300px;
@@ -31,7 +33,6 @@ div#errorBox textarea {
 	text-align : center;
 
 	textarea {
-		padding : 0px;
 		width : 100%;
 		height : 24px;
 		margin : 0px;
@@ -39,7 +40,7 @@ div#errorBox textarea {
 		line-height : 24px;
 		resize : none;
 		font-family : sans-serif;
-		padding-left : 4px;
+		padding: 0px 0px 0px 4px;
 		overflow : hidden;
 	
 		.emoticon-preview {
@@ -99,7 +100,6 @@ div#errorBox textarea {
 	top : 0px;
 	right : 0px;
 	width : 155px;
-	overflow : auto;
 	bottom : 35px;
 
 	#sidebar-inner {
@@ -226,9 +226,8 @@ div#errorBox textarea {
 		position : relative;
 		right : -1px;
 
-		border-color : transparent;
-		border-style : solid;
-		border-width : 1px 0px 1px 1px;
+		border: 1px solid transparent;
+		border-right-width: 0px;
 	}
 	
 	li.offline {
@@ -292,9 +291,7 @@ body.main.active #tabs-list li.selected span.unread {
 	word-wrap : break-word;
 	margin : 0px;
 	background : @panel-bg;
-	border-color : @panel-border;
-	border-width : 1px;
-	border-style : solid;
+	border: 1px solid @panel-border;
 	border-radius : 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
@@ -309,11 +306,10 @@ body.main.active #tabs-list li.selected span.unread {
 	padding : 5px 0px 5px 0px;
 
 	#topic-input {
-		padding : 0px;
 		width : 100%;
 		height : 24px;
 		margin : 0px;
-		padding-top : 2px;
+		padding: 2px 0px 0px;
 		text-indent : 5px;
 		text-align : left;
 		cursor : pointer;
@@ -323,11 +319,10 @@ body.main.active #tabs-list li.selected span.unread {
 	}
 	
 	#topic-input-real {
-		padding : 0px;
 		width : 100%;
 		height : 24px;
 		margin : 0px;
-		padding-top : 2px;
+		padding: 2px 0px 0px;
 		font-size : 14px;
 		text-indent : 5px;
 		resize : none;
@@ -407,10 +402,8 @@ body.main.active #tabs-list li.selected span.unread {
 	}
 	
 	.row {
-		margin : 0px;
-		border-width : 0px 0px 1px 0px;
-		border-style : solid;
-		border-color : #ddd;
+		border: 0px solid #ddd;
+		border-bottom-width: 1px;
 		border-collapse : collapse;
 		margin : 2px 5px 2px 5px;
 		display : table;
@@ -447,9 +440,7 @@ body.main.active #tabs-list li.selected span.unread {
 	}
 	
 	.row.LV {
-		border-bottom-width : 1px;
-		border-bottom-color : #ff3333;
-		border-bottom-style : dashed;
+		border-bottom: 1px dashed #ff3333;
 	}	
 
 }

mobile.css → css/mobile.less


+ 6 - 9
utility.css

@@ -79,9 +79,8 @@ h2 {
 }
 
 div.rss h1 {
-	border-width : 0px 0px 1px 0px;
-	border-color : gray;
-	border-style : dotted;
+	border: 0px dotted gray;
+	border-bottom-width: 1px;
 	color : gray;
 	margin-right : 90px;
 }
@@ -93,9 +92,8 @@ div.rss h2 {
 
 div.rss a.extlink {
 	color : gray;
-	border-width : 0px 0px 1px 0px;
-	border-color : #778899;
-	border-style : dotted;
+	border: 0px dotted #778899;
+	border-bottom-width: 1px;
 	font-size : 9pt;
 }
 
@@ -113,9 +111,8 @@ div.rss img.feedicon {
 }
 
 div.rss hr {
-	border-width : 0px 0px 1px 0px;
-	border-style : dashed;
-	border-color : #e0e0e0;
+	border: 0px dashed #e0e0e0;
+	border-bottom-width: 1px;
 }
 
 

+ 1 - 1
index.php

@@ -19,7 +19,7 @@
 <head>
 	<title>Tiny Tiny IRC</title>
 
-	<?php stylesheet_tag("tt-irc.css") ?>
+	<?php stylesheet_tag("css/default.css") ?>
 	<?php stylesheet_tag("lib/bootstrap/css/bootstrap.min.css") ?>
 
 	<?php

+ 1 - 2
prefs.php

@@ -18,12 +18,11 @@
 
 		<input type="hidden" name="op" value="prefs-save-css"/>
 
-		<div class="alert alert-info"><?php echo T_sprintf("You can override colors, fonts and layout of your currently selected theme with custom CSS declarations here. <a target=\"_blank\" href=\"%s\">This file</a> can be used as a baseline.", "tt-irc.css") ?></div>
+		<div class="alert alert-info"><?php echo T_sprintf("You can override colors, fonts and layout of your currently selected theme with custom CSS declarations here.") ?></div>
 
 		<textarea name="user_css" rows="10" class="form-control"><?php echo $user_css ?></textarea>
 
 		</form>
-
 	</div>
 
 	<div class="modal-footer">

+ 0 - 549
tt-irc.css

@@ -1,549 +0,0 @@
-div#errorBox textarea {
-  width: 100%;
-  height: 300px;
-}
-.modal-body {
-  max-height: 500px;
-  overflow: auto;
-}
-#header {
-  margin: 5px 15px 5px 5px;
-  height: 15px;
-  text-align: right;
-  color: #4d4d4d;
-  font-family: "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-#input {
-  bottom: 5px;
-  height: 25px;
-  left: 100px;
-  right: 155px;
-  position: absolute;
-  text-align: center;
-}
-#input textarea {
-  padding: 0px;
-  width: 100%;
-  height: 24px;
-  margin: 0px;
-  font-size: 14px;
-  line-height: 24px;
-  resize: none;
-  font-family: sans-serif;
-  padding-left: 4px;
-  overflow: hidden;
-}
-#input textarea .emoticon-preview {
-  position: absolute;
-  width: 30%;
-  height: 220px;
-  overflow: hidden;
-  padding: 5px;
-  border: 1px dotted red;
-  right: 10px;
-  bottom: 10px;
-  text-align: left;
-}
-#input textarea.expanded {
-  bottom: 0px;
-  position: absolute;
-  height: 240px;
-  line-height: normal;
-  transition: height 0.1s ease;
-  overflow: auto;
-  padding: 4px;
-}
-#emoticons {
-  border-width: 1px 0px 1px 0px;
-  border-color: rgba(0, 0, 0, 0.2);
-  border-style: solid;
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  width: 100%;
-  height: 250px;
-  overflow: auto;
-}
-#emoticons img {
-  max-width: 40px;
-  max-height: 40px;
-  cursor: pointer;
-  vertical-align: middle;
-}
-#emoticons .wrapper {
-  width: 33%;
-  height: 40px;
-  float: left;
-  text-align: center;
-}
-#sidebar {
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  width: 155px;
-  overflow: auto;
-  bottom: 35px;
-}
-#sidebar #sidebar-inner {
-  margin: 5px;
-}
-#sidebar .aux-buttons {
-  position: fixed;
-  right: 10px;
-  bottom: 13px;
-  height: 24px;
-  width: 140px;
-}
-#sidebar .aux-buttons > .btn {
-  padding-top: 1px;
-  height: 24px;
-}
-#connect {
-  text-align: center;
-}
-#connect-btn {
-  width: 100%;
-  height: 24px;
-  padding-top: 1px;
-}
-#nick {
-  position: absolute;
-  left: 5px;
-  width: 90px;
-  bottom: 5px;
-  height: 25px;
-  line-height: 25px;
-  text-align: right;
-  cursor: pointer;
-  overflow: hidden;
-  font-family: "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-#toolbar {
-  top: 40px;
-  right: 200px;
-  left: 0px;
-  position: absolute;
-  overflow: auto;
-  height: 30px;
-  border-collapse: collapse;
-  line-height: 30px;
-  padding-left: 5px;
-  font-size: 12px;
-}
-#tabs {
-  position: absolute;
-  top: 45px;
-  width: 156px;
-  left: 5px;
-  bottom: 5px;
-  overflow: auto;
-}
-#tabs-list {
-  list-style-type: none;
-  margin: 0px;
-  padding: 0px;
-  white-space: nowrap;
-  overflow: hidden;
-}
-#tabs-list span.conn-img.connected {
-  background: #B8F2B8;
-}
-#tabs-list span.conn-img {
-  display: block;
-  vertical-align: middle;
-  margin-right: 7px;
-  font-size: 13px;
-  float: right;
-  text-align: center;
-  width: 11px;
-  height: 11px;
-  border: 1px solid #ccc;
-  border-radius: 20px;
-  margin-top: 4px;
-  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-}
-#tabs-list li.selected span.close-img {
-  color: gray;
-}
-#tabs-list span.close-img {
-  display: block;
-  vertical-align: middle;
-  margin-right: 8px;
-  font-size: 16px;
-  float: right;
-  font-weight: bold;
-  color: #e0e0e0;
-  position: relative;
-  top: -2px;
-}
-#tabs-list span.unread {
-  display: block;
-  float: right;
-  color: #ccc;
-  font-size: 9px;
-  font-weight: normal;
-  line-height: 21px;
-}
-#tabs-list li {
-  font-family: "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
-  text-align: left;
-  text-indent: 10px;
-  padding: 5px 0px 5px 0px;
-  cursor: pointer;
-  z-index: 4;
-  position: relative;
-  right: -1px;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 1px 0px 1px 1px;
-}
-#tabs-list li.offline {
-  color: #aaa;
-}
-#tabs-list li div {
-  overflow: hidden;
-  margin-right: 5px;
-}
-#tabs-list li div.indented {
-  padding-left: 10px;
-  text-overflow: ellipsis;
-}
-#tabs-list li.attention {
-  color: red;
-}
-#tabs-list li.muted {
-  font-style: italic;
-}
-#tabs-list li.highlight {
-  color: blue;
-}
-#tabs-list li.selected {
-  color: black ! important;
-  background: #c4e0ff;
-  border-color: #5fa7cc;
-  font-weight: bold;
-  /*text-shadow : 0px 0px 4px #fff;*/
-
-  border-radius: 4px 0px 0px 4px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-#tabs-list ul.sub-tabs {
-  list-style-type: none;
-  margin: 0px;
-  padding: 0px;
-}
-body.main {
-  overflow: hidden;
-}
-body.main.filter_muted #tabs-list ul.sub-tabs li.muted,
-body.main.active #tabs-list li.selected span.unread {
-  display: none;
-}
-#content {
-  top: 30px;
-  right: 5px;
-  left: 160px;
-  position: absolute;
-  bottom: 5px;
-  word-wrap: break-word;
-  margin: 0px;
-  background: #c4e0ff;
-  border-color: #5fa7cc;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-#topic {
-  position: absolute;
-  top: 0px;
-  left: 5px;
-  height: 25px;
-  right: 155px;
-  text-align: center;
-  padding: 5px 0px 5px 0px;
-}
-#topic #topic-input {
-  padding: 0px;
-  width: 100%;
-  height: 24px;
-  margin: 0px;
-  padding-top: 2px;
-  text-indent: 5px;
-  text-align: left;
-  cursor: pointer;
-  overflow: hidden;
-  white-space: nowrap;
-  color: #555;
-}
-#topic #topic-input-real {
-  padding: 0px;
-  width: 100%;
-  height: 24px;
-  margin: 0px;
-  padding-top: 2px;
-  font-size: 14px;
-  text-indent: 5px;
-  resize: none;
-  font-family: sans-serif;
-  position: absolute;
-  z-index: 2;
-}
-#topic #topic-input-real.expanded {
-  position: absolute;
-  height: 120px;
-  text-indent: 0px;
-  line-height: normal;
-  transition: height 0.1s ease;
-  padding: 4px;
-}
-#topic #topic-input img {
-  max-height: 100%;
-  height: auto;
-  width: auto;
-}
-#topic #topic-input.disabled {
-  background: #f0f0f0;
-}
-#topic div.wrapper {
-  padding-right: 1px;
-}
-#log {
-  position: absolute;
-  top: 35px;
-  right: 154px;
-  left: 5px;
-  bottom: 35px;
-  overflow: auto;
-  background: white;
-  border: 1px solid #ccc;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  border-radius: 4px;
-}
-#log ul#log-list {
-  list-style-type: none;
-  margin: 0px;
-  padding: 0px;
-}
-#log span.timestamp {
-  color: #999;
-}
-#log span.pvt-sender,
-#log #log span.pvt-sender-out {
-  color: black;
-}
-#log span.sender {
-  color: green;
-}
-#log .lt,
-#log .gt {
-  color: blue;
-}
-#log span.message {
-  color: black;
-}
-#log span.sys-message {
-  color: #5fa7cc;
-}
-#log span.action {
-  color: gray;
-}
-#log .row {
-  margin: 0px;
-  border-width: 0px 0px 1px 0px;
-  border-style: solid;
-  border-color: #ddd;
-  border-collapse: collapse;
-  margin: 2px 5px 2px 5px;
-  display: table;
-}
-#log .row > * {
-  display: table-cell;
-  vertical-align: middle;
-}
-#log .row .message,
-#log .row .action,
-#log .row .sys-message {
-  padding-left: 3px;
-  width: 100%;
-  word-break: break-word;
-}
-#log .row .sender {
-  white-space: nowrap;
-}
-#log .row .timestamp {
-  padding-right: 3px;
-}
-#log .row.HL,
-#log .row.HL:nth-child(even) {
-  background-color: #fff7d5;
-  border-color: #e7d796;
-}
-#log .row:nth-child(even) {
-  background: #fafafa;
-}
-#log .row.LV {
-  border-bottom-width: 1px;
-  border-bottom-color: #ff3333;
-  border-bottom-style: dashed;
-}
-#userlist {
-  font-size: 12px;
-  margin-top: 5px;
-  font-family: "Segoe WP", "Segoe UI Web", "Segoe UI", Ubuntu, "DejaVu Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-#userlist span.user-img {
-  display: inline-block;
-  vertical-align: middle;
-  width: 11px;
-  height: 11px;
-  border: 1px solid #ccc;
-  border-radius: 20px;
-  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-  background: #f0f0f0;
-}
-#userlist span.user-img.voice {
-  background: #EDE4B6;
-}
-#userlist span.user-img.op {
-  background: #B8F2B8;
-}
-body.dark #log .message pre {
-  background: #181914;
-  color: #dccf8f;
-  border-color: #333;
-}
-body #log .message pre {
-  padding: 8px;
-  margin: 4px;
-  border: 1px solid #ccc;
-  color: #444444;
-  display: table-cell;
-}
-#dialog_overlay {
-  background: white;
-  opacity: 0.8;
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  z-index: 4;
-  position: absolute;
-}
-#overlay,
-#dnd_overlay {
-  background: white;
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 100%;
-  z-index: 100;
-  position: absolute;
-}
-#dnd_overlay {
-  opacity: 0.75;
-  display: table;
-  text-align: center;
-}
-#dnd_overlay .inner {
-  font-weight: bold;
-  font-size: 36px;
-  display: table-cell;
-  vertical-align: middle;
-}
-#overlay_inner {
-  font-weight: bold;
-  margin: 10px;
-}
-ul#userlist-list {
-  list-style-type: none;
-  margin: 0px;
-  padding: 0px;
-  white-space: nowrap;
-}
-ul#userlist-list li {
-  cursor: pointer;
-  margin-bottom: 2px;
-}
-textarea.user-css {
-  display: block;
-  width: 510px;
-  height: 200px;
-  overflow: auto;
-}
-.invisible {
-  display: none;
-}
-.away {
-  font-style: italic;
-}
-ul.scrollable {
-  height: 120px;
-  overflow: auto;
-  border-radius: 3px;
-  padding-left: 10px;
-}
-ul.scrollable li.Selected {
-  font-weight: bold;
-}
-ul.scrollable li {
-  margin: 4px;
-}
-ul.scrollable li > input[type="checkbox"] {
-  margin-top: 0px;
-  margin-left: 4px;
-}
-ul.scrollable li > a {
-  vertical-align: middle;
-}
-span.message a:visited,
-span.sys-message a:visited,
-a[data-visited="true"] {
-  color: #6100D1;
-}
-ul.emoticons-long {
-  overflow: auto;
-  padding: 10px;
-  list-style-type: none;
-  position: absolute;
-  top: 56px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-}
-ul.emoticons-long li {
-  float: left;
-  width: 64px;
-  height: 64px;
-  font-size: 9px;
-  text-align: center;
-  cursor: pointer;
-}
-ul.emoticons-long .wrapper {
-  width: 48px;
-  height: 48px;
-  margin: 0 auto;
-}
-ul.emoticons-long .wrapper img {
-  max-width: 48px;
-  max-height: 48px;
-  margin: 0 auto;
-}
-::-webkit-scrollbar {
-  width: 4px;
-}
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.2);
-}
-::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-#alerts-indicator,
-#net-alert {
-  cursor: pointer;
-  font-size: 12px;
-}
-/* admin panel */
-#users-list {
-  height: 250px;
-}