X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fvier%2Fplusminus.css;h=93c4fcc1c8270b247ca8f25e92e7e9934cee04d7;hb=97d164f69eaf4ec057d5e93e4fbcb73334718259;hp=6829487d6cb21b311b6ef027ea978ad03f1e14de;hpb=b65247a251bff7ec75b34e5c4aacf89c99490d0d;p=friendica.git diff --git a/view/theme/vier/plusminus.css b/view/theme/vier/plusminus.css index 6829487d6c..93c4fcc1c8 100644 --- a/view/theme/vier/plusminus.css +++ b/view/theme/vier/plusminus.css @@ -1,39 +1,39 @@ +/* Modifications by https://horche.demkontinuum.de/profile/hoergen */ +/* General */ + +body { background-color: whitesmoke; } -/* Modifications by https://horche.demkontinuum.de/profile/hoergen */ h1 { - font-size: 18px; - color: blue; + font-size: 18px; + color: blue; } h2 { - font-size: 16px; - color: blue; - background-color: whitesmoke; -/* background-color: #ededed; */ + font-size: 16px; + color: blue; + border-radius:5px; } h3 { - font-size: 14px; - color: blue; + font-size: 14px; + color: blue; } -h4 { font-size: 14px;} -.settings-heading { +h4 { font-size: 14px;} - font-size: 18px; - color: black; - font-weight: bold; - background-color: #cfcece; +h5 { + font-size: 16px; + color: black; } -.setings-contend-block { - background-color: white; -} -#settings-form { - background-color: whitesmoke; -} +/* login */ + +#id_remember { width:50%; #id_remember { width:50%; }} + + +/* Left Column*/ nav { background: #fff; @@ -61,7 +61,6 @@ nav a:hover, } nav .nav-notify { -/* background-color: #427FED; */ background-color: #CB4437; top: -3px; right: -4px; @@ -76,7 +75,6 @@ nav .nav-menu-icon .nav-notify { nav .nav-menu.selected a { color: #000; -/* font-weight: bold; */ } nav .nav-menu:hover, @@ -142,6 +140,28 @@ div.jGrowl div.info { 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; } @@ -162,10 +182,6 @@ 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; @@ -206,16 +222,52 @@ nav #nav-search-box #nav-search-text { .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: #AAA; + color: #555; font-weight: normal; - font-size:13px; + 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; @@ -236,103 +288,226 @@ nav #nav-search-box #nav-search-text { transition: all 0.2s ease-in-out; } -.wall-item-like { - font-size:12px; +.dt-published { font-size:10px; } + + +/* Post content */ +.mention { + font-weight: bold; +} + +.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-actions-autho{ - font-size:12px; - font-weight:normal; - margin-bottom: -0.7em; +.wall-item-content strong { color:#565656; } + +.wall-item-network { font-size:10px; } + +.contact-photo-wrapper .mframe .p-author .h-card { + width: 65px; } -.wall-item-tags { - font-size:12px; +.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; } -.wall-item-container.comment .contact-photo { height:25px; width:25px;} +.type-link blockquote{ + border-left: 0px; + margin-top: 10px; + margin-bottom:10px; + padding-left: 0px; + font-size:12px; +} -#item-delete-selected { - font-size:12px; +.type-link .oembed, .type-video .oembed { + font-size: 14px; + font-weight: 300; + line-height: normal; } -.item-select { - width: 1px; - height: 1px; - background: #000; - position: relative; - border-radius: 9px; +.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; + font-size:12px; + padding-top:0px; + padding-bottom:0px; } +.wall-item-bottom { font-size: 14px; } -.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: 1px solid #BDCDD4; - border-top: 1px solid #BDCDD4; + border-bottom: 0px; + border-top: 0px; font-size: 10px; padding: 8px; } - .fakelink { color: #36c; - /* color: #3e3e8c; */ - /* color: #3465A4; */ - /* color: #3E3E8C; */ 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; + +.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; - color: black; - text-decoration: normal; + background-color: #a7ecff; + font-size:10px; + color: black; + text-decoration: normal; } -.fc-toolbar { - text-align: center; - margin-bottom: 1em; - background: white; -}:wq +.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; - font-size: 10px; + font-weight: normal; } -.fc-title, fc-time { - text-decoration: normal; +.fc-title, .fc-time { + text-decoration: normal; } +.fc-unthemed .fc-today { background: #f9ff97; } -.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; @@ -343,21 +518,252 @@ select { option { background:white; - border-top:2px solid #000; - height:15px; - font-size:10px; + 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 */ -/* styling */ -select { - border: 1px solid #bbb; +.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: whitesmoke; + border-radius: 5px; + border-bottom: 1px solid black; +} + +.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; - box-shadow: 0 0px 0px 0 rgba(0,0,0,0.5); - height:20px; } +#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; +}