ソースを参照

tntn

dev-master
コミット
1a6cc5206a
  1. 71
      public/css/peertube/custom.css
  2. 113
      public/css/peertube/global.css
  3. 473
      public/css/peertube/style.css
  4. 15434
      public/css/peertube/styles.css
  5. 14
      resources/views/theme/techsuwa/component/peertube/parts/common/videosbydate.blade.php
  6. 14
      resources/views/theme/techsuwa/component/peertube/parts/stylelink.blade.php

71
public/css/peertube/custom.css vendored

@ -0,0 +1,71 @@
.header { background-color: #421a46 !important; }
menu { background-color: #421a46 !important; }
.main-col .sub-menu { background-color: #502c50 !important; }
.title-page.active { border-bottom-color: #ea81e8 !important; }
.inner-form-title, .section-label { color: #ea81e8 !important; }
#custom-css .dropdown-menu, #custom-css .dropdown-menu .dropdown-item { background-color: #421a46 !important; }
.channel-info, .account-info, .channel, .miniature-show-channel, description-html { background-color: #5e3c62 !important; }
.actor-handle { color: #dd00ee !important; }
.actor-counters { color: #bb00bb !important; }
.section-label { margin-bottom: 5px !important; }
.owner-description, .icon.icon-logo { display: none !important; }
.view-account short { margin-top: 0px !important; }
.instance-name {
background-color: #5e3c62 !important;
background-image: url('https://social.076.ne.jp/media/fcb595df6b09edabcc108e4b518df5f7c4e763d4c5ebdaf3b4640a3d8ecdc9b3.png') !important;
background-position: top !important;
border-radius: 10px !important;
padding: 2px !important;
color: #fcfcfc !important;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 34px !important;
height: 34px !important;
}
.owner-block {
background-color: rgba(48, 26, 48, 0.6) !important;
padding: 10px !important;
}
#video-wrapper {
background-color: transparent !important;
padding-top: 20px !important;
}
body {
--mainColor: #ea81e8;
--mainColorLighter: #d68ad5;
--mainColorLightest: #fdd1fc;
--mainHoverColor: #fc54f9;
--mainBackgroundColor: #301a30;
--mainForegroundColor: #fcfcfc;
--secondaryColor: #421a46;
--submenuBackgroundColor: #5e3c62;
--channelBackgroundColor: #5e3c62;
--actionButtonColor: #ea81e8;
--supportButtonBackgroundColor: #971195;
--supportButtonColor: var(--actionButtonColor);
--supportButtonHeartColor: #ec1818;
}
.block-title, .title-page {
background: radial-gradient(ellipse at top, #db34d3, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
margin-inline-end: 0px;
margin-inline-start: 0px;
padding: 5px;
border-radius: 4px;
border: 2px solid #fd95ff;
border-right-color: #fed9ff;
border-bottom-color: #fed9ff;
text-align: center;
}

113
public/css/peertube/global.css vendored

@ -0,0 +1,113 @@
.vjs-overlay a {
color: #210cbf;
}
/* make font size for overlays little bigger and responsive */
.video-js .vjs-overlay { /* apply for screen sizes under 768px */
font-size:1.2rem;
}
@media screen and (min-width: 768px) { /* apply for screen sizes bigger or equal 768px */
.video-js .vjs-overlay {
font-size:1.4rem;
}
}.video-js .vjs-overlay{color:#fff;position:absolute;text-align:center}.video-js .vjs-overlay-no-background{max-width:33%}.video-js .vjs-overlay-background{background-color:#646464;background-color:rgba(255,255,255,0.4);border-radius:3px;padding:10px;width:33%}.video-js .vjs-overlay-top-left{top:5px;left:5px}.video-js .vjs-overlay-top{left:50%;margin-left:-16.5%;top:5px}.video-js .vjs-overlay-top-right{right:5px;top:5px}.video-js .vjs-overlay-right{right:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-bottom-right{bottom:3.5em;right:5px}.video-js .vjs-overlay-bottom{bottom:3.5em;left:50%;margin-left:-16.5%}.video-js .vjs-overlay-bottom-left{bottom:3.5em;left:5px}.video-js .vjs-overlay-left{left:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-center{left:50%;margin-left:-16.5%;top:50%;transform:translateY(-50%)}.video-js .vjs-no-flex .vjs-overlay-left,.video-js .vjs-no-flex .vjs-overlay-center,.video-js .vjs-no-flex .vjs-overlay-right{margin-top:-15px}
#peertube-plugin-livechat-container {
display: flex;
flex-direction: column;
}
#plugin-placeholder-player-next #peertube-plugin-livechat-container {
height: 100%;
}
.peertube-plugin-livechat-buttons {
align-items: center;
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
.peertube-plugin-livechat-button {
align-items: center;
display: flex;
flex-direction: row;
height: 36px !important;
margin: 5px !important;
padding: 2px !important;
}
.peertube-plugin-livechat-button svg {
height: auto;
}
.peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button {
height: 18px !important;
margin: 2px !important;
padding: 1px !important;
}
[peertube-plugin-livechat-state=initializing] {
display: none;
}
[peertube-plugin-livechat-state=open] .peertube-plugin-livechat-button-open {
display: none;
}
[peertube-plugin-livechat-state=closed] .peertube-plugin-livechat-button-close {
display: none;
}
[peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-main {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin-right: 0 !important;
}
[peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-secondary {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: 0 !important;
border-left: 1px solid currentColor;
}
#peertube-plugin-livechat-container iframe {
border: 1px solid black;
min-height: 30vh;
height: 100%;
}
.peertube-plugin-livechat-warning {
color: orange;
}
.peertube-plugin-livechat-error {
color: red;
}
table.peertube-plugin-livechat-prosody-list-rooms {
border: 1px solid black;
margin: 5px 0;
}
table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(odd) {
background-color: #eee;
}
table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(even) {
background-color: #fff;
}
table.peertube-plugin-livechat-prosody-list-rooms th {
background-color: var(--mainHoverColor);
border: 1px solid black;
color: var(--mainBackgroundColor);
padding: 4px 5px;
}
table.peertube-plugin-livechat-prosody-list-rooms td {
border: 1px solid #555;
color: black;
padding: 4px 5px;
}
/*# sourceMappingURL=style.css.map */

473
public/css/peertube/style.css vendored

@ -0,0 +1,473 @@
body {
--mainColor: #00abff;
--mainBackgroundColor: #121212;
--mainForegroundColor: rgba(195,195,195,0.878431);
--submenuColor: #272727;
--submenuBackgroundColor: #272727;
--channelBackgroundColor: #272727;
--inputColor: #272727;
--inputPlaceholderColor: rgba(195,195,195,0.878431);
--menuAndHeaderBackgroundColor: #272727;
--menuForegroundColor: rgba(195,195,195,0.878431);
--menuBackgroundColor: #272727;
--whiteColor: #ffffff;
--mainHoverColor: #0481bf;
--actionButtonColor: #ffffff;
--dangerBackgroundColor: #d9534f;
/*font-family: "Open Sans",sans-serif;*/
}
/* Main background */
#custom-css .sub-header-container{
background-position: center top;
background-size: cover;
background-repeat: repeat;
background-attachment: fixed;
}
/* Header */
#search-video{
background: var(--mainBackgroundColor) !important;
}
#custom-css .header{
background-color: var(--menuBackgroundColor);
}
/* NavMenu*/
#custom-css .title-page.active,
#custom-css .title-page:hover{
color: var(--whiteColor);
}
#custom-css .row .header a,
#custom-css .row .header button{
color: var(--whiteColor);
background-color: var(--mainHoverColor);
}
#custom-css .row .header a my-global-icon svg g[stroke="#000000"],
#custom-css .row .header button my-global-icon svg path[stroke="#333333"],
#custom-css .row .header button my-global-icon svg g[stroke="#000000"]{
stroke: var(--whiteColor) !important;
}
#custom-css .row .header button my-global-icon svg path[fill="#333333"]{
fill: var(--whiteColor) !important;
}
#custom-css .footer-links a,
#custom-css .footer-copyleft a{
color: var(--whiteColor) !important
}
/* Toast notifications*/
#custom-css .ui-toast .ui-toast-message-content{
color: var(--whiteColor);
}
/* Dropdown */
#custom-css .dropdown-menu,
#custom-css .dropdown-menu .dropdown-item{
background-color: var(--menuBackgroundColor);
color: var(--menuForegroundColor);
}
#custom-css .dropdown-menu a,
#custom-css span.dropdown-item.custom-action,
#custom-css a.dropdown-item.with-icon{
color: var(--menuForegroundColor) !important;
}
#custom-css .dropdown-item:focus:not(.new-playlist-block),
#custom-css .dropdown-item:hover:not(.new-playlist-block),
#custom-css .dropdown-item:active:not(.new-playlist-block),
#custom-css span.dropdown-item.custom-action:hover,
#custom-css a.dropdown-item.with-icon:hover{
color: var(--whiteColor) !important;
background-color: var(--mainColor) !important;
}
#custom-css .ui-inputswitch-slider{
box-shadow: none !important;
}
/* Dropdown inputs && checkboxes */
#custom-css .dropdown-menu .peertube-select-container,
#custom-css .dropdown-menu input[type="text"],
#custom-css .dropdown-menu textarea,
#custom-css .dropdown-menu span[role="checkbox"]{
border: 1px solid var(--mainForegroundColor) !important
}
#custom-css .dropdown-menu input[type="submit"]{
border: 1px solid transparent !important; /* Removing black border in buttons */
}
#custom-css .header .options-row{
padding-left: 0;
}
#custom-css .header .options-row > div{
justify-content: space-between;
}
#custom-css .dropdown-item:hover .ml-auto:not(.glyphicon){
box-shadow: 0 0 0 0.1em var(--menuForegroundColor) !important;
}
#custom-css .ml-auto:after{
background-color: var(--whiteColor);
}
#custom-css #typeahead-container input{
border-color: var(--mainForegroundColor) !important;
}
/* Buttons */
#custom-css .upload-button,
#custom-css .upload-button:active,
#custom-css .upload-button:focus,
#custom-css .root .button-file{
color: var(--whiteColor) !important;
background-color: var(--mainColor) !important;
}
#custom-css .upload-button my-global-icon svg g[stroke="#000000"],
#custom-css a.add-button my-global-icon svg circle[stroke="#000000"],
#custom-css a.create-button my-global-icon svg circle[stroke="#000000"],
#custom-css a.create-caption my-global-icon svg circle[stroke="#000000"]{
stroke: var(--whiteColor) !important;
}
#custom-css a.add-button my-global-icon svg rect[fill="#000000"],
#custom-css a.create-button my-global-icon svg rect[fill="#000000"],
#custom-css a.create-caption my-global-icon svg rect[fill="#000000"]{
fill: var(--whiteColor) !important;
}
#custom-css .grey-button, #custom-css .grey-button:active, #custom-css .grey-button:focus {
background-color: var(--menuAndHeaderBackgroundColor);
color: var(--mainForegroundColor);
}
#custom-css my-video-comments my-video-comment-add .comment-buttons .cancel-button{
display: none; /* Hidden because it's not needed and it have a buggy behaviour */
}
#custom-css .reset-button.reset-button-small{
color: var(--mainColor);
}
/* Delete buttons */
#custom-css .delete-me button:hover,
#custom-css .delete-me button,
#custom-css my-delete-button .action-button-delete,
#custom-css my-delete-button .action-button-delete:active,
#custom-css .action-button-delete-selection{
background-color: var(--dangerBackgroundColor);
color: var(--whiteColor);
}
#custom-css .top-buttons .delete-history{
background-color: var(--dangerBackgroundColor);
color: var(--whiteColor);
}
/* Trash bin icon */
#custom-css my-global-icon[iconname="delete"] svg path[stroke="#000000"]{
stroke: var(--whiteColor) !important;
}
#custom-css my-global-icon[iconname="delete"] svg path[fill="#000000"],
#custom-css my-global-icon[iconname="delete"] svg rect[fill="#000000"]{
fill: var(--whiteColor) !important;
}
/* Modals */
#custom-css my-input-readonly-copy input{
color: var(--whiteColor);
}
#custom-css .form-group-checkbox input + span {
border-color: var(--mainForegroundColor);
}
/* Inputs */
#custom-css input,
#custom-css textarea{
background: var(--inputColor) !important;
color: var(--mainForegroundColor) !important;
border: 1px solid var(--mainBackgroundColor);
}
#custom-css .ng-select .ng-input>input{
background: none !important;
border: 0 !important;
}
#custom-css .am-donate-main .button input{
color: var(--mainColor) !important;
background: var(--whiteColor) !important;
border: none !important;
}
#custom-css .am-donate-main .donation-details{
color: var(--mainBackgroundColor);
}
#custom-css input[type="submit"],
#custom-css input[type="button"]{ /* Buttons */
color: var(--whiteColor) !important;
background: var(--mainColor) !important;
border: none !important;
}
#custom-css input[type="submit"]:hover,
#custom-css input[type="button"]:hover,
#custom-css .submit-button:hover input{
background: var(--mainHoverColor) !important;
}
#custom-css .submit-button.disabled input{
background: var(--menuForegroundColor) !important;
}
#custom-css .root .form-group-checkbox input:checked + span{
background: var(--mainColor) !important;
}
#custom-css .action-button .count{
color: var(--whiteColor);
}
#custom-css .modal-content input.readonly{
color: var(--whiteColor);
}
/* Selects */
#custom-css .peertube-select-container, input[type="text"]{
border: 1px solid var(--mainBackgroundColor) !important;
background: var(--inputColor) !important;
color: var(--mainForegroundColor) !important;
}
#custom-css .peertube-select-container > select {
background: var(--inputColor) !important;
color: var(--mainForegroundColor) !important;
}
#custom-css .peertube-select-container:after{
border-top-color: var(--mainForegroundColor) !important;
}
#custom-css .peertube-select-container > select > option{
background: var(--inputColor);
color: var(--mainForegroundColor) !important;
}
#custom-css .peertube-select-container > select option:hover,
#custom-css .peertube-select-container > select > option:checked{
color: var(--whiteColor) !important;
background-color: var(--mainColor) !important;
}
/* MultiSelects */
#custom-css .ui-multiselect{
background: var(--inputColor);
border: none;
}
#custom-css .ui-multiselect .ui-multiselect-trigger{
background: var(--inputColor);
}
p-multiselect .pi.pi-chevron-down::after{
border-top-color: var(--mainForegroundColor);
}
#custom-css .ui-multiselect .ui-multiselect-label {
color: var(--mainForegroundColor);
}
#custom-css .ui-multiselect-panel{
background: var(--inputColor);
color: var(--mainForegroundColor);
}
/* Icons colors & hovers */
/* Stroke */
#custom-css my-global-icon svg circle[stroke="#000000"],
#custom-css my-global-icon svg g[stroke="#000000"],
#custom-css my-global-icon svg g[stroke="#000"],
#custom-css my-global-icon svg path[stroke="#000"],
#custom-css my-global-icon svg path[stroke="#000000"],
#custom-css my-global-icon svg polygon[stroke="#000000"],
#custom-css my-global-icon svg rect[stroke="#000000"],
#custom-css my-global-icon svg ellipse[stroke="#000000"]{
stroke: var(--mainForegroundColor) !important;
}
#custom-css my-global-icon[iconname="video-lang"] svg path{
fill: transparent;
}
#custom-css a my-global-icon svg circle[stroke="#000000"],
#custom-css a my-global-icon svg g[stroke="#000000"],
#custom-css a my-global-icon svg path[stroke="#000000"],
#custom-css a my-global-icon svg polygon[stroke="#000000"],
#custom-css a my-global-icon svg rect[stroke="#000000"],
#custom-css a my-global-icon svg ellipse[stroke="#000000"]{
stroke: var(--mainForegroundColor) !important;
}
#custom-css a my-global-icon svg linearGradient stop{
stop-color: var(--mainForegroundColor);
}
#custom-css .action-button:not(.action-button-edit) > my-global-icon svg g[stroke="#000000"],
#custom-css my-global-icon[iconname="validate"] svg circle,
#custom-css my-global-icon[iconname="validate"] svg polyline{
stroke: var(--whiteColor) !important;
}
#custom-css .dropdown-item:hover my-global-icon svg circle[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg g[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000"],
#custom-css .dropdown-item:hover my-global-icon svg polygon[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg rect[stroke="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg ellipse[stroke="#000000"],
#custom-css .dropdown-item:active my-global-icon svg circle[stroke="#000000"],
#custom-css .dropdown-item:active my-global-icon svg g[stroke="#000000"],
#custom-css .dropdown-item:active my-global-icon svg path[stroke="#000000"],
#custom-css .dropdown-item:active my-global-icon svg polygon[stroke="#000000"],
#custom-css .dropdown-item:active my-global-icon svg rect[stroke="#000000"],
#custom-css .dropdown-item:active my-global-icon svg ellipse[stroke="#000000"]{
stroke: var(--whiteColor) !important;
}
#custom-css .dropdown-item:hover my-global-icon svg linearGradient stop,
#custom-css .dropdown-item:active my-global-icon svg linearGradient stop{
stop-color: var(--whiteColor) !important;
}
/* Fill */
#custom-css a my-global-icon svg circle[fill="#000000"],
#custom-css a my-global-icon svg g[fill="#000000"],
#custom-css a my-global-icon svg path[fill="#000000"],
#custom-css a my-global-icon svg polygon[fill="#000000"],
#custom-css a my-global-icon svg rect[fill="#000000"],
#custom-css span my-global-icon svg circle[fill="#000000"],
#custom-css span my-global-icon svg g[fill="#000000"],
#custom-css span my-global-icon svg path[fill="#000000"],
#custom-css span my-global-icon svg polygon[fill="#000000"],
#custom-css span my-global-icon svg rect[fill="#000000"],
#custom-css .notification my-global-icon svg path[fill="#000000"]{
fill: var(--mainForegroundColor) !important;
}
#custom-css .dropdown-item:hover my-global-icon svg circle[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg g[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg path[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg polygon[fill="#000000"],
#custom-css .dropdown-item:hover my-global-icon svg rect[fill="#000000"],
#custom-css .dropdown-item:active my-global-icon svg circle[fill="#000000"],
#custom-css .dropdown-item:active my-global-icon svg g[fill="#000000"],
#custom-css .dropdown-item:active my-global-icon svg path[fill="#000000"],
#custom-css .dropdown-item:active my-global-icon svg polygon[fill="#000000"],
#custom-css .dropdown-item:active my-global-icon svg rect[fill="#000000"]{
fill: var(--whiteColor) !important;
}
/* Mute servers Icon */
#custom-css .dropdown-item my-global-icon svg .st0{
stroke: var(--mainForegroundColor);
}
#custom-css .dropdown-item:hover my-global-icon svg .st0,
#custom-css .dropdown-item:active my-global-icon svg .st0 {
stroke: var(--whiteColor);
}
#custom-css .dropdown-item my-global-icon svg .st1 {
fill: var(--mainForegroundColor);
}
#custom-css .dropdown-item:hover my-global-icon svg .st1,
#custom-css .dropdown-item:active my-global-icon svg .st1 {
fill: var(--whiteColor);
}
/* Language Icon */
#custom-css my-global-icon[iconname="language"] svg path,
#custom-css .dropdown-item:hover my-global-icon[iconname="language"] svg path,
#custom-css .dropdown-item:active my-global-icon[iconname="language"] svg path {
fill: var(--mainForegroundColor) !important;
}
/* Pagination */
#custom-css .ui-paginator .ui-paginator-element:hover:not(.ui-state-disabled){
color: var(--whiteColor) !important;
background-color: var(--mainHoverColor) !important;
}
/* Notifications Panel */
#custom-css .popover-notifications.popover .popover-body .notifications-header,
#custom-css .popover-notifications.popover .popover-body .notifications-header a{
background-color: var(--menuAndHeaderBackgroundColor);
color: var(--mainForegroundColor) !important;
}
#custom-css .popover-notifications.popover .popover-body .notifications-header button{
color: var(--mainForegroundColor);
}
#custom-css .notification{
background-color: var(--mainBackgroundColor);
color: var(--mainForegroundColor);
}
#custom-css .notification my-global-icon .feather{
color: var(--mainForegroundColor) !important;
}
#custom-css .notification.unread{
background-color: var(--menuAndHeaderBackgroundColor);
}
#custom-css .popover-notifications.popover .popover-body .all-notifications{
background-color: var(--menuBackgroundColor);
color: var(--mainForegroundColor);
}
#custom-css .bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after{
border-bottom-color: var(--menuBackgroundColor);
}
#custom-css #inbox-full svg path[stroke="#333333"]{
stroke: var(--mainForegroundColor);
}
#custom-css .popover-notifications.popover .popover-body .all-notifications svg g path[stroke="#333333"]{
stroke: var(--mainForegroundColor);
}
#custom-css .popover-notifications.popover .popover-body .all-notifications svg g path[fill="#333333"]{
fill: var(--mainForegroundColor);
}
#custom-css .header my-global-icon .feather{
color: var(--whiteColor);
}
/* Create new playlist, url video... preview box */
#custom-css .root .preview-container .preview.no-image{
background-color: var(--menuAndHeaderBackgroundColor);
border-color: var(--mainBackgroundColor);
}
#custom-css .preview-container .button-file.with-icon g[stroke="#000000"]{
stroke: var(--whiteColor) !important;
}
/* Subscriptions buttons */
#custom-css .btn-group-subscribe.unsubscribe-button .btn, .btn-group-subscribe.unsubscribe-button .btn:active, .btn-group-subscribe.unsubscribe-button .btn:focus{
background-color: var(--mainColor);
color: var(--whiteColor);
}
/* Upload video container */
#custom-css .root-tabset.video-add-tabset .upload-video-container{
border-color: var(--mainForegroundColor) !important;
}
#custom-css .root-tabset.video-add-tabset>.nav a.nav-link.active{
border-color: var(--mainForegroundColor) !important;
}
/* Calendar */
#custom-css p-calendar span input{
color: var(--mainForegroundColor) !important;
}
#custom-css .ui-datepicker{
background-color: var(--menuAndHeaderBackgroundColor);
color: var(--mainForegroundColor);
}
#custom-css .ui-datepicker .ui-datepicker-header,
#custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
#custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next{
background-color: var(--menuAndHeaderBackgroundColor);
color: var(--mainForegroundColor) !important;
}
#custom-css .ui-datepicker table td>a:hover,
#custom-css .ui-datepicker table td>span:hover{
background-color: var(--mainColor);
color: var(--whiteColor);
}
#custom-css .ui-datepicker table td>a.ui-state-active,
#custom-css .ui-datepicker table td>span.ui-state-active{
background-color: var(--mainHoverColor);
color: var(--whiteColor);
}
#custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-down,
#custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-up,
#custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
#custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
#custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-down:hover,
#custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-up:hover{
color: var(--whiteColor) !important;
}
/* 404 Not found page */
#custom-css my-page-not-found img {
width: 350px !important;
margin-bottom: 0px !important;
}
/* About */
#custom-css .anchor-link .section-title {
color: inherit;
}

15434
public/css/peertube/styles.css vendored

ファイル差分が大きすぎるため省略します 差分を読み込み

14
resources/views/theme/techsuwa/component/peertube/parts/common/videosbydate.blade.php

@ -1,41 +1,41 @@
<div _ngcontent-jba-c163="" class="videos">
<div class="videos">
@if (!empty($res['video']['today']))
<h2 _ngcontent-jba-c163="" class="date-title ng-star-inserted"> 今日 </h2>
<h2 class="date-title ng-star-inserted"> 今日 </h2>
@foreach ($res['video']['today'] as $v)
@include('theme.'.env('THEME').'.component.peertube.parts.common.videominature')
@endforeach
@endif
@if (!empty($res['video']['yesterday']))
<h2 _ngcontent-jba-c163="" class="date-title ng-star-inserted"> 今日 </h2>
<h2 class="date-title ng-star-inserted"> 今日 </h2>
@foreach ($res['video']['today'] as $v)
@include('theme.'.env('THEME').'.component.peertube.parts.common.videominature')
@endforeach
@endif
@if (!empty($res['video']['week']))
<h2 _ngcontent-jba-c163="" class="date-title ng-star-inserted"> 今週 </h2>
<h2 class="date-title ng-star-inserted"> 今週 </h2>
@foreach ($res['video']['week'] as $v)
@include('theme.'.env('THEME').'.component.peertube.parts.common.videominature')
@endforeach
@endif
@if (!empty($res['video']['month']))
<h2 _ngcontent-jba-c163="" class="date-title ng-star-inserted"> 今月 </h2>
<h2 class="date-title ng-star-inserted"> 今月 </h2>
@foreach ($res['video']['month'] as $v)
@include('theme.'.env('THEME').'.component.peertube.parts.common.videominature')
@endforeach
@endif
@if (!empty($res['video']['lastmonth']))
<h2 _ngcontent-jba-c163="" class="date-title ng-star-inserted"> 先月 </h2>
<h2 class="date-title ng-star-inserted"> 先月 </h2>
@foreach ($res['video']['lastmonth'] as $v)
@include('theme.'.env('THEME').'.component.peertube.parts.common.videominature')
@endforeach
@endif
@if (!empty($res['video']['moreearly']))
<h2 _ngcontent-jba-c163="" class="date-title ng-star-inserted"> もっと前 </h2>
<h2 class="date-title ng-star-inserted"> もっと前 </h2>
@foreach ($res['video']['moreearly'] as $v)
@include('theme.'.env('THEME').'.component.peertube.parts.common.videominature')
@endforeach

14
resources/views/theme/techsuwa/component/peertube/parts/stylelink.blade.php

@ -1,15 +1,21 @@
<?php
$name = '';
$canonical = '/peertube';
if (isset($res['page'])) {
if ($res['page'] == 'watch') $name = $res['detail']->name;
if ($res['page'] == 'watch') {
$name = $res['detail']->name;
$canonical .= '/videos/watch/'.$res['detail']->uuid;
}
else if ($res['page'] == 'account') $name = $res['owner']->displayName.'さんのチャンネル一覧';
else if ($res['page'] == 'channel') $name = $res['channel']->displayName.'さんのチャンネル';
}
?>
<link rel="alternate" type="application/json+oembed" href="https://video.076.ne.jp/services/oembed?url=https%3A%2F%2Fvideo.076.ne.jp%2Fw%2Fb8oKB37kqyCdt7gBtPWeWV" title="{{ $name }}" />
<link rel="canonical" href="https://video.076.ne.jp/videos/watch/52039d41-8b56-4690-b6fa-25dedfedd5c5" />
<link rel="canonical" href="{{ $canonical }}" />
<link rel="stylesheet" href="https://video.076.ne.jp/styles.b0a7806028b73e54111d.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="https://video.076.ne.jp/plugins/global.css?hash=ff020a79840a91918b51d4f8667572ba57f7965200454dfd3ec9cb1a3befdead" />
<link rel="stylesheet" href="/css/peertube/styles.css" />
<link rel="stylesheet" href="/css/peertube/global.css" />
<link rel="stylesheet" href="/css/peertube/style.css" />
<link rel="stylesheet" href="/css/peertube/custom.css" />
読み込み中…
キャンセル
保存