From: hoergen Date: Sun, 26 Nov 2017 19:45:17 +0000 (+0100) Subject: Adding new stylesheet to theme vier. It aims a more clean visual X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=7a8fb79fc5f348c0e3c6949eb60c82157cf870a1;p=friendica.git Adding new stylesheet to theme vier. It aims a more clean visual --- diff --git a/view/theme/vier/plusminus.css b/view/theme/vier/plusminus.css new file mode 100644 index 0000000000..6829487d6c --- /dev/null +++ b/view/theme/vier/plusminus.css @@ -0,0 +1,363 @@ + + +/* Modifications by https://horche.demkontinuum.de/profile/hoergen */ +h1 { + font-size: 18px; + color: blue; +} + +h2 { + font-size: 16px; + color: blue; + background-color: whitesmoke; +/* background-color: #ededed; */ +} + +h3 { + font-size: 14px; + color: blue; +} +h4 { font-size: 14px;} + +.settings-heading { + + font-size: 18px; + color: black; + font-weight: bold; + background-color: #cfcece; +} + +.setings-contend-block { + background-color: white; +} + +#settings-form { + background-color: whitesmoke; +} + +nav { + background: #fff; + box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); + padding-top: 6px; + padding-bottom: 6px; +} + +nav a:active, +nav a:link, +nav a:visited, +nav a { + color: #737373; +} + +nav a:hover, +#nav-messages-see-all a:hover { + color: #000; +} + +.manage-notify { + background-color: #CB4437; + border-radius: 10px; + font: bold 11px/16px Arial; +} + +nav .nav-notify { +/* background-color: #427FED; */ + background-color: #CB4437; + top: -3px; + right: -4px; + font: bold 11px/16px Arial; + padding: 1px; + border-radius: 10px; +} + +nav .nav-menu-icon .nav-notify { + top: 0px; +} + +nav .nav-menu.selected a { + color: #000; +/* font-weight: bold; */ +} + +nav .nav-menu:hover, +nav .nav-menu.selected { + border-bottom: 2px solid #427FED; +} + +nav .nav-menu { + height: 23px; + font-size: 14px; + font-weight: initial; +} + +#nav-apps-menu, +#nav-site-menu, +#nav-notifications-menu, +#nav-user-menu { + top: 32px; +} + +#nav-messages-menu { + top: 32px; +} + +#nav-messages-see-all a { + color: #737373; +} + +ul.tabs li .active, span.pager_current a { + border-bottom: 2px solid #427FED; +} + +span.pager_current, span.pager_n a:hover, +span.pager_first a:hover, span.pager_last a:hover, +span.pager_prev a:hover, span.pager_next a:hover, +ul.tabs a:hover { + border-bottom: 2px solid #427FED; +} + +nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-linkmenu.selected .icon.s22.notify { + color: #737373; +} + +nav #nav-messages-linkmenu.selected, +nav #nav-user-linklabel.selected, +nav #nav-apps-link.selected { + background-color: #fff; + border-bottom-style: none; +} + +div.jGrowl div.info { + background: #fff url("../../../images/icons/48/info.png") no-repeat 5px center; +} + +div.jGrowl div.notice { + color: #737373; +} +div.jGrowl div.info { + color: #737373; +} + +.birthday-notice, .event-notice { + font-weight: initial; +} + +div.pager, ul.tabs { + font-weight: initial; +} + +nav .nav-menu-icon.selected { + background-color: #fff; +} + +#jot #jot-tools li:hover { + background-color: #fff; +} + +nav .icon { + color: #737373; +} + +nav a:hover .icon { + color: #000; +} + +ul.menu-popup { + border: 0px solid #FFF; + margin-top: 0px; +} + +header #banner a, header #banner a:active, header #banner a:visited, header #banner a:link, header #banner a:hover { + color: #737373; +} + +header { + left: 10px; +} + +header #banner { + margin-top: 6px; +} + +#banner #logo-text { + margin-left: 5px; +} + +aside { + top: 44px; + height: calc(100% - 54px); +} + +right_aside { + top: 44px; +} + +section { + top: 44px; +} + +nav #nav-search-box #nav-search-text { + background-color: initial; + border-style: solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.15); +} + +.widget h3 { + padding: 0px; + margin: 0px; + font-size: 14px; + font-weight: initial; + background-color: #EEEEEE; +} + +.wall-item-container .wall-item-name, +.wall-item-container .shared-author { + color: #AAA; + font-weight: normal; + font-size:13px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.toplevel_item:hover .wall-item-name, +.wall-item-container:hover .wall-item-name, +.toplevel_item:hover .shared-author, +.wall-item-container:hover .shared-author { + color: #36c; + font-weight: normal; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.wall-item-like { + font-size:12px; +} + + +.wall-item-actions-autho{ + font-size:12px; + font-weight:normal; + margin-bottom: -0.7em; +} + +.wall-item-tags { + font-size:12px; +} + +.wall-item-container.comment .contact-photo { height:25px; width:25px;} + +#item-delete-selected { + font-size:12px; +} + +.item-select { + width: 1px; + height: 1px; + background: #000; + position: relative; + border-radius: 9px; +} + + +.contact-menu { + font-size:12px; + padding-top:0px; + padding-bottom:0px; +} + + +.wall-item-bottom { + font-size: 14px; +} + +.hide-comments-outer { + margin-left: 80px; + margin-bottom: 5px; + width: 660px; + border-bottom: 1px solid #BDCDD4; + border-top: 1px solid #BDCDD4; + font-size: 10px; + padding: 8px; +} + + +.fakelink { + color: #36c; + /* color: #3e3e8c; */ + /* color: #3465A4; */ + /* color: #3E3E8C; */ + text-decoration: none; + font-size: 10px; + cursor: pointer; +} + +/* Calendar */ +.fc-body { + background-color: white; +} + +.fc-content, .fc-widget { + background-color: #a7ecff; + color: black; + text-decoration: normal; +} + +.fc-toolbar { + text-align: center; + margin-bottom: 1em; + background: white; +}:wq + + +.fc-day-grid-event .fc-time { + font-weight: normal; + font-size: 10px; +} + +.fc-title, fc-time { + text-decoration: normal; +} + + +.fc-unthemed .fc-today { + background: #f9ff97; +} + + + +/* remove standard-styles */ +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border:1px; + border-radius: 5px; +} + +option { + background:white; + border-top:2px solid #000; + height:15px; + font-size:10px; + +} + + +/* styling */ +select { + border: 1px solid #bbb; + background-color: lightgrey; + box-shadow: 0 0px 0px 0 rgba(0,0,0,0.5); + height:20px; +} + + + +