friendica-github/view/theme/vier/plusminus.css
Hypolite Petovan a5952e5425
Merge pull request #4297 from hoergen/develop
[vier] changed some spacing
2018-01-21 08:34:01 -05:00

765 lines
12 KiB
CSS

/* Modifications by https://horche.demkontinuum.de/profile/hoergen */
/* General */
body { background-color: whitesmoke; }
h1 {
font-size: 18px;
color: blue;
}
h2 {
font-size: 16px;
color: blue;
background-color: #EEEEEE;
border-radius:5px;
}
h3 {
font-size: 14px;
color: blue;
}
h4 { font-size: 14px;}
h5 {
font-size: 16px;
color: black;
}
/* login */
#id_remember { width:50%; #id_remember { width:50%; }}
/* Left Column*/
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: #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;
}
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;
}
#event-notice {
font-size: 14px;
font-weight: initial;
border:1px solid lightgrey;
}
.event-list {
font-size: 14px;
padding-left: 15px;
margin: 5px 0;
background-color: whitesmoke;
}
.event-list a::before{
color:grey;
content: '# ';
}
.event-list:hover {
background-color: white;
}
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;
}
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;
border-radius:5px;
font-size: 14px;
font-weight: initial;
background-color: #EEEEEE;
color: #505050;
font-weight: bolder;
width: 100%;
}
/* Left Widget Column */
#search-submit, #search-save {
font-size:10px;
}
/* Timeline */
.profile-jot-text {
border-radius:5px;
}
.profile-jot-text:focus {
background-color:#eef3ff;
}
div.pager, ul.tabs {
border-radius:5px;
}
/* Post*/
#profile-jot-form { border-radius: 5px; }
.tread-wrapper { border-radius: 5px; }
/* Post header */
.wall-item-container .wall-item-name,
.wall-item-container .shared-author {
color: #555;
font-weight: normal;
font-size:10px;
-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;
}
.dt-published { font-size:10px; }
/* Post content */
.wall-item-content blockquote {
border-left: 0px;
margin-top: 10px;
margin-bottom:10px;
padding-left: 5px;
}
.wall-item-container .wall-item-content {
font-size: 14px;
}
.wall-item-content strong { color:#565656; }
.wall-item-network { font-size:10px; }
.contact-photo-wrapper .mframe .p-author .h-card {
width: 65px;
}
.shared-time { font-size: 10px; }
.mention { font-size:12px;}
.tag { font-size:12px; }
.type-link, .type-video {
border-top: 0px solid #D2D2D2;
border-bottom: 0px solid #D2D2D2;
display: block;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 20px;
margin-bottom: 20px;
}
.type-link blockquote{
border-left: 0px;
margin-top: 10px;
margin-bottom:10px;
padding-left: 0px;
font-size:12px;
}
.type-link .oembed, .type-video .oembed {
font-size: 14px;
font-weight: 300;
line-height: normal;
}
.shared_header {
min-height: 32px;;
color: #999;
border-top: 0px;
padding-top: 5px;
margin-top: 5px;
}
/* Post footer */
.wall-item-like { font-size:12px; }
.wall-item-actions{
font-size:10px;
font-weight:normal;
margin-bottom: -0.7em;
line-height: 5px;
}
.wall-item-actions-author{
font-size:10px;
font-weight:normal;
margin-bottom: -0.7em;
line-height: 5px;
}
.icon-commenting::before {
font-size: 17px;
}
.wall-item-tags { font-size:10px; }
.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; }
.icon::before {
width: 10px;
}
/* Comments */
.wall-item-like { font-size:10px; }
.wall-item-container.comment { border-bottom: 0px; }
.hide-comments-outer {
margin-left: 80px;
margin-bottom: 5px;
width: 660px;
border-bottom: 0px;
border-top: 0px;
font-size: 10px;
padding: 8px;
}
.fakelink {
color: #36c;
text-decoration: none;
font-size: 10px;
cursor: pointer;
}
.icon.s10.lock.fakelink {
color: #999;
width:80px;
vertical-align:top;
}
/* Calendar */
.fc-body { background-color: white; }
#new-event-link a {
text-decoration: none;
padding:0px 10px;
color:white;
background:#6c82ff;
border:1px solid darkgrey;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.24);
}
#new-event-link a:hover {
background:#0026ff;
}
.fc-content, .fc-widget {
background-color: #a7ecff;
font-size:10px;
color: black;
text-decoration: normal;
}
.fc-center h2 {
font-size:22px;
font-weight:bold;
background-color:white;
}
.fc-toolbar {
text-align: center;
margin-bottom: 1em;
background: white;
}
.fc-day-grid-event .fc-time {
font-weight: normal;
}
.fc-title, .fc-time {
text-decoration: normal;
}
.fc-unthemed .fc-today { background: #f9ff97; }
#comment-edit-text-desc {
width:700px;
padding: 5px 5px;
border-radius:5px;
border: 1px solid grey;
}
#comment-edit-text-desc:focus {
background-color:#eef3ff;
}
#comment-edit-text-location {
width:700px;
padding: 5px 5px;
border-radius:5px;
border: 1px solid grey;
}
#comment-edit-text-location:focus {
background-color:#eef3ff;
}
/* remove standard-styles */
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:1px;
border-radius: 5px;
}
option {
background:white;
border-top:0px solid #000;
height:18px;
font-size:14px;
}
/* styling */
select{
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position: right center;
background-size:
9px 9px,
9px 9px,
15px 2.5em;
background-repeat: no-repeat;
background-color: #eef3ff;
border: 1px solid;
border-color: grey;
}
/* Settings */
.ps-theme-default h1,h2,h3,h4,h5{
color:black;
border-radius:5px;
}
.settings-heading * {
color: black;
}
.settings-heading {
font-size: 18px;
font-weight: bold;
background-color: #cfcece;
border-radius: 5px;
}
.setings-contend-block {
background-color: white;
}
#settings-form {
background-color: #ededed;
}
.ps-container.ps-theme-default h4{
font-weight:bold;
background-color: whitesmoke;
}
.ps-container.ps-theme-default.ps-active-y h4{
background-color:#EEE;
}
#adminpage {
background-color: #ededed;
}
#adminpage h3{
font-size:20px;
font-weight:bold;
background-color: whitesmoke;
padding-top:30px;
}
#adminpage h1{
font-size:20px;
font-weight:bold;
background-color: whitesmoke;
}
textarea {
padding:2px 2px;
background:white;
border:1px solid darkgrey;
cursor:text;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
textarea:focus {
background-color:#eef3ff;
}
#adminpage textarea {
width: 700px;
}
.field input {
width:700px;
}
.field_help {
font-size:12px;
display: block;
margin-left: 20px;
color: #666666;
}
.field label {
width: 300px;
}
/* Admin user page */
#users {
font-size: 12px;
}
.users_ckbx {
width:20px;
}
.icon.block.dim:after {
content: '\259E';
color: darkgrey;
background-color: rgb(229, 229, 229);
}
td.checkbox, td.tools{
width:22px;
background-color: rgb(229, 229, 229);
}
/* Settings - Addon */
.settings-block.fakelink h3{
font-size:16px;
font-weight:bold;
background-color: lightgrey;
}
#settings_blockem_expanded h3 {
font-size:16px;
font-weight:bold;
background-color: lightgrey;
}
#settings_langfilter_expanded h3{
font-size:16px;
font-weight:bold;
background-color: lightgrey;
}
#settings_showmore_expanded h3 {
font-size:16px;
font-weight:bold;
background-color: lightgrey;
}
#settings_startpage_expanded h3 {
font-size:16px;
font-weight:bold;
background-color: lightgrey;
}
/* popup */
.contact-menu {
position: absolute;
top: 15px;
left: 35px;
width: 24em;
margin-top: 0px;
font-size: 12px;
border: 0px solid lightgrey;
}
ul.menu-popup {
width: 20em;
margin-top: 0px;
padding: 0px;
font-size: 12px;
line-height:10px;
border: 0px solid lightgrey;
}
/* Growl Popup */
.jGrowl, .notice * {
color: white;
}
/* Buttons */
input[type=submit] {
padding:0px 10px;
color:white;
background:#6c82ff;
border:1px solid darkgrey;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.24);
}
input[type=submit]:hover {
background:#0026ff;
}
input[type=text], input[type=password], input[type=email], input[type=url] {
padding:2px 2px;
background:white;
border:1px solid darkgrey;
cursor:text;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus {
background-color:#eef3ff;
}
/* Rights and Privacy Setting */
#profile-jot-email {
width:650px;
}
/* Contact Page */
.contact-photo-menu {
position: relative;
left: 60px;
top: -90px;
width: 16em;
padding-top:0px;
padding-bottom:0px;
border: 0px solid #FFF;
margin-top: 0px;
font-size: 12px;
line-height: 10px;
}