mirror of
https://git.tt-rss.org/git/tt-rss.git
synced 2026-01-08 20:49:15 +00:00
move stylesheets to css/, reference default tt-rss stylesheets from
default.css to make custom themes easier
This commit is contained in:
Andrew Dolgov
213
css/cdm.css
Normal file
213
css/cdm.css
Normal file
@@ -0,0 +1,213 @@
|
||||
div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
div.cdmHeader {
|
||||
display : table;
|
||||
}
|
||||
|
||||
div.cdmHeader > * {
|
||||
display : table-cell;
|
||||
padding : 5px;
|
||||
}
|
||||
|
||||
div.cdmHeader > div {
|
||||
white-space : nowrap;
|
||||
}
|
||||
|
||||
div.cdmHeader > span {
|
||||
width : 100%;
|
||||
}
|
||||
|
||||
div.cdmHeader span.updated {
|
||||
color : #555;
|
||||
font-weight : normal;
|
||||
font-size : 11px;
|
||||
white-space : nowrap;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
div.cdmHeader input {
|
||||
margin-right : 5px;
|
||||
}
|
||||
|
||||
div.cdmHeader div.updPic {
|
||||
width : 25px;
|
||||
display : inline-block;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
div.cdmHeader div.updPic img {
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
div.cdmHeader img, div.cdmFooter img {
|
||||
margin : 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
div.cdmContentInner {
|
||||
margin : 10px;
|
||||
line-height : 20px;
|
||||
}
|
||||
|
||||
div.cdmContentInner img {
|
||||
border-width : 0px;
|
||||
max-width : 98%;
|
||||
height : auto;
|
||||
}
|
||||
|
||||
div.cdmFooter {
|
||||
padding : 5px;
|
||||
font-weight : normal;
|
||||
color : #555;
|
||||
clear : both;
|
||||
}
|
||||
|
||||
div.cdm.expanded {
|
||||
margin-top : 4px;
|
||||
margin-bottom : 4px;
|
||||
}
|
||||
|
||||
div.cdm.expandable {
|
||||
background-color : #f0f0f0;
|
||||
border-width : 0px 0px 1px 0px;
|
||||
border-color : #c0c0c0;
|
||||
border-style : solid;
|
||||
}
|
||||
|
||||
div.cdm.expandable.active {
|
||||
box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
div.cdm.expandable > hr {
|
||||
display : none;
|
||||
}
|
||||
|
||||
div.cdm.expanded > hr {
|
||||
margin-top : 0px;
|
||||
margin-bottom : 0px;
|
||||
}
|
||||
|
||||
div.cdm.expandable.Unread {
|
||||
background : white;
|
||||
}
|
||||
|
||||
div.cdm.expandable.active {
|
||||
border-color : #88b0f0;
|
||||
background : white ! important;
|
||||
}
|
||||
|
||||
div.cdm.expandable div.cdmHeader a.title {
|
||||
font-weight : bold;
|
||||
color : #555;
|
||||
}
|
||||
|
||||
div.cdm.expandable.Unread div.cdmHeader a.title {
|
||||
color : black;
|
||||
}
|
||||
|
||||
div.cdm.expandable.active div.cdmHeader a.title {
|
||||
color : #4684ff;
|
||||
}
|
||||
|
||||
div.cdm.expanded div.cdmHeader {
|
||||
background : transparent ! important;
|
||||
}
|
||||
|
||||
div.cdm.expanded div.cdmHeader a.title {
|
||||
font-size : 14px;
|
||||
color : #999;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
|
||||
div.cdm.expanded.active div.cdmHeader a.title {
|
||||
color : #4684ff;
|
||||
}
|
||||
|
||||
div.cdm.expanded.Unread div.cdmHeader a.title {
|
||||
color : black;
|
||||
}
|
||||
|
||||
div.cdm.expanded div.cdmContent {
|
||||
color : #555;
|
||||
}
|
||||
|
||||
div.cdm.expanded.Unread div.cdmContent {
|
||||
color : black;
|
||||
}
|
||||
|
||||
div.cdm.active div.cdmContent {
|
||||
color : black;
|
||||
}
|
||||
|
||||
span.cdmExcerpt {
|
||||
font-size : 11px;
|
||||
color : #555;
|
||||
font-weight : normal;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
div.cdmContent div.postEnclosures {
|
||||
margin-top : 1em;
|
||||
color : #555;
|
||||
}
|
||||
|
||||
div.cdmFeedTitle {
|
||||
border-color : #a0a0a0;
|
||||
border-width : 0px 0px 1px 0px;
|
||||
border-style : solid;
|
||||
padding : 5px 3px 5px 5px;
|
||||
background : url("images/toolbar.png") bottom left;
|
||||
background-repeat : repeat-x;
|
||||
}
|
||||
|
||||
div.cdmFeedTitle a.title {
|
||||
color : #555;
|
||||
font-style : italic;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
div.cdmFeedTitle a {
|
||||
color : #555;
|
||||
}
|
||||
|
||||
div.cdmFeedTitle a:hover {
|
||||
color : #4684ff;
|
||||
}
|
||||
|
||||
div.cdmHeader span.hlFeed {
|
||||
float : right;
|
||||
font-weight : normal;
|
||||
font-style : italic;
|
||||
}
|
||||
|
||||
div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
|
||||
vertical-align : middle;
|
||||
color : #555;
|
||||
font-weight : normal;
|
||||
font-style : italic;
|
||||
font-size : 11px;
|
||||
}
|
||||
|
||||
div.cdm .hlFeed a {
|
||||
border-radius : 4px;
|
||||
display : inline-block;
|
||||
padding : 1px 4px 1px 4px;
|
||||
}
|
||||
|
||||
div.cdmContentInner p {
|
||||
max-width : 650px;
|
||||
}
|
||||
|
||||
div.cdmContentInner iframe {
|
||||
min-width : 50%;
|
||||
}
|
||||
|
||||
div.cdmHeader span.author {
|
||||
color : #555;
|
||||
font-size : 11px;
|
||||
font-weight : normal;
|
||||
}
|
||||
|
||||
|
||||
125
css/prefs.css
Normal file
125
css/prefs.css
Normal file
@@ -0,0 +1,125 @@
|
||||
#header a:hover {
|
||||
color : black;
|
||||
}
|
||||
|
||||
#header img {
|
||||
vertical-align : middle;
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
|
||||
div#pref-tabs .dijitContentPane {
|
||||
font-size : 13px;
|
||||
}
|
||||
|
||||
div#pref-tabs {
|
||||
margin : 0px 5px 0px 5px;
|
||||
}
|
||||
|
||||
div#pref-tabs .dijitContentPane h3 {
|
||||
font-size : 14px;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
#pref-filter-wrap, #pref-filter-header, #pref-filter-content,
|
||||
#pref-label-wrap, #pref-label-header, #pref-label-content,
|
||||
#pref-user-wrap, #pref-user-header, #pref-user-content,
|
||||
#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
border-width : 0px;
|
||||
}
|
||||
|
||||
#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
/* preferences */
|
||||
|
||||
table.prefPrefsList h3 {
|
||||
margin-top : 0.5em;
|
||||
margin-bottom : 0px;
|
||||
}
|
||||
|
||||
tr.title td {
|
||||
border-width : 0px 0px 1px 0px;
|
||||
border-color : #ecf4ff;
|
||||
border-style : solid;
|
||||
color : #4684ff;
|
||||
}
|
||||
|
||||
div.prefProfileHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder {
|
||||
height : 300px;
|
||||
overflow : auto;
|
||||
border-width : 0px 1px 1px 1px;
|
||||
border-color : #c0c0c0;
|
||||
border-style : solid;
|
||||
margin : 0px 0px 5px 0px;
|
||||
background-color : #ecf4ff;
|
||||
}
|
||||
div.filterTestHolder, div.prefFeedOPMLHolder {
|
||||
border-width : 1px;
|
||||
}
|
||||
|
||||
ul.selfUpdateList {
|
||||
height : 200px;
|
||||
overflow : auto;
|
||||
list-style-type : none;
|
||||
border : 1px solid #c0c0c0;
|
||||
background-color : #ecf4ff;
|
||||
margin : 0px 0px 5px 0px;
|
||||
padding : 5px;
|
||||
}
|
||||
|
||||
div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
|
||||
text-align : center;
|
||||
padding : 5px;
|
||||
color : #555;
|
||||
}
|
||||
|
||||
div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
|
||||
margin-right : 5px;
|
||||
}
|
||||
|
||||
#errorButton {
|
||||
color : red;
|
||||
}
|
||||
|
||||
a.bookmarklet {
|
||||
color : #4684ff;
|
||||
border : 1px solid #ecf4ff;
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
table.prefPluginsList td label, table.prefUserList td {
|
||||
cursor : pointer;
|
||||
}
|
||||
|
||||
ul.userFeedList {
|
||||
height : 300px;
|
||||
overflow : auto;
|
||||
list-style-type : none;
|
||||
border : 1px solid #555;
|
||||
background-color : white;
|
||||
margin : 0px 0px 5px 0px;
|
||||
padding : 0px;
|
||||
}
|
||||
|
||||
table.prefErrorLog tr.errrow td {
|
||||
font-size : 10px;
|
||||
}
|
||||
|
||||
table.prefErrorLog tr.errrow td.errno {
|
||||
font-style : italic;
|
||||
font-weight : bold;
|
||||
white-space : nowrap;
|
||||
}
|
||||
|
||||
table.prefErrorLog td.filename, table.prefErrorLog td.login, table.prefErrorLog td.timestamp {
|
||||
color : #555;
|
||||
}
|
||||
|
||||
.dijitAccordionContainer-child {
|
||||
box-shadow : inset 0px 0px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
1106
css/tt-rss.css
Normal file
1106
css/tt-rss.css
Normal file
File diff suppressed because it is too large
Load Diff
265
css/utility.css
Normal file
265
css/utility.css
Normal file
@@ -0,0 +1,265 @@
|
||||
body {
|
||||
background : #f9fbff;
|
||||
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 {
|
||||
background : white;
|
||||
border : 1px solid #ccc;
|
||||
padding : 10px;
|
||||
border-radius : 4px;
|
||||
box-shadow : inset 0 0 3px 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 {
|
||||
float : right;
|
||||
position : relative;
|
||||
top : -10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color : #4684ff;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color : black;
|
||||
}
|
||||
|
||||
div.notice, div.warning, div.error {
|
||||
padding : 4px 10px 4px 4px;
|
||||
display : inline-block;
|
||||
margin : 2px 0px 4px 0px;
|
||||
font-size : 12px;
|
||||
border-style : solid;
|
||||
border-color : #ccc;
|
||||
border-radius : 4px;
|
||||
border-width : 1px;
|
||||
box-shadow : 0px 0px 2px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
div.notice div.inner, div.warning div.inner, div.error div.inner {
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
div.notice {
|
||||
background : #ecf4ff;
|
||||
border-color : #88b0f0;
|
||||
}
|
||||
|
||||
div.warning {
|
||||
border-color : #EFDC88;
|
||||
background : #fff7d5;
|
||||
}
|
||||
|
||||
div.error {
|
||||
background : #ffcccc;
|
||||
border-color : #ff0000;
|
||||
}
|
||||
|
||||
div.warning img, div.notice img, div.error img {
|
||||
margin-right : 4px;
|
||||
vertical-align : middle;
|
||||
}
|
||||
|
||||
div.warning span, div.notice span, div.error span {
|
||||
display : table-cell;
|
||||
vertical-align : middle;
|
||||
|
||||
}
|
||||
|
||||
h1 {
|
||||
color : #88b0f0;
|
||||
font-size : 32px;
|
||||
margin : 20px 0px 5px 0px;
|
||||
text-shadow : 0 0 6px #fff;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color : #88b0f0;
|
||||
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;
|
||||
margin-right : 90px;
|
||||
}
|
||||
|
||||
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 : #88b0f0;
|
||||
}
|
||||
|
||||
body#sharepopup table {
|
||||
background : white;
|
||||
border : 1px solid #88b0f0;
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user