User:Mahir256/subtitle-editor.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
Documentation for this user script can be added at User:Mahir256/subtitle-editor. This user script seems to have an accompanying .js page at User:Mahir256/subtitle-editor.js. |
- Report page listing warnings and errors.
/* All the code below is adapted from [[d:MediaWiki:Gadget-labelLister.css]] */
.ll-table {
display: table;
opacity: 1;
transition: opacity 0.5s;
width: 450px;
-webkit-transition: opacity 0.5s;
}
.ll-table .ll-row {
transition: visibility 0.3s;
-webkit-transition: visibility 0.3s;
}
.ll-tablehead {
display: table-header-group;
}
.ll-head {
display: table-cell;
text-align:center;
font-weight:bold;
background:lightgoldenrodyellow;
}
.ll-tablecells{
display: table-row-group;
}
.ll-row{
display: table-row;
}
.ll-col{
display: table-cell;
padding: 2px 4px;
border: 1px solid black;
}
.ll-single:before, .ll-lists:before {
font-weight: bold;
}
.ll-single, .ll-lists {
margin: 2px 4px;
}
.ll-list {
display: inline-block;
margin: 0 5px;
padding: 0 5px;
border: solid 1px grey;
border-radius: 5px;
cursor: pointer;
}
.ll-list {
cursor: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Oxygen480-actions-edit-delete.svg/17px-Oxygen480-actions-edit-delete.svg.png) 8 8, pointer;
}
.ll-list-add {
cursor: url(//upload.wikimedia.org/wikipedia/commons/thumb/3/39/Oxygen480-actions-list-add.svg/17px-Oxygen480-actions-list-add.svg.png) 8 8, pointer;
border-radius: 10px;
font-weight: bold;
opacity: 0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
margin-left: 20px;
}
.ll-lists:hover .ll-list-add {
opacity: 1;
}
.ll-list-added {
background-color: lightblue;
font-weight: bold;
}
.ll-list-removed {
cursor: url(//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Oxygen480-actions-edit-undo.svg/17px-Oxygen480-actions-edit-undo.svg.png) 8 8, pointer;
text-decoration: line-through;
font-weight: bold;
background-color: lightcoral;
}
.ll-single.ll-label:before {
content: "Label : ";
color: black;
}
.ll-single.ll-description:before {
content: "Description : ";
color: black;
}
.ll-single.ll-label {
cursor: pointer;
}
.ll-single.ll-description {
cursor: pointer;
}
.ll-lists.ll-aliases:before {
content: "Aliases : ";
color: black;
}
.ll-single.ll-lang {
text-align: center;
}
.ll-edited {
color: blue;
font-weight: bold;
}
.ll-deleted:after {
content: "[REMOVED]";
color: red;
font-weight: bold;
text-decoration: line-through;
}
.ll-pending-edition {
cursor: auto;
}
.ll-pending-edition input, .ll-pending-edition textarea {
box-shadow: 0px 0px 10px red;
-webkit-animation: pendingInputUnfocused 1s ease infinite; /* Chrome, Safari, Opera */
animation: pendingInputUnfocused 1s ease infinite;
transition: box-shadow 0.5s;
-webkit-transition: box-shadow 0.5s;
max-width: 80px;
}
.ll-pending-edition input:focus, .ll-pending-edition textarea:focus {
box-shadow: 0px 0px 7px blue;
-webkit-animation: pendingInputFocused 3s ease infinite; /* Chrome, Safari, Opera */
animation: pendingInputFocused 3s ease infinite;
max-width: 80px;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes pendingInputUnfocused {
from {box-shadow: 0px 0px 10px red;}
50% {box-shadow: 0px 0px 0px red;}
to {box-shadow: 0px 0px 10px red;}
}
/* Standard syntax */
@keyframes pendingInputUnfocused {
from {box-shadow: 0px 0px 10px red;}
50% {box-shadow: 0px 0px 0px red;}
to {box-shadow: 0px 0px 10px red;}
}
/* Chrome, Safari, Opera */
@-webkit-keyframes pendingInputFocused {
from {box-shadow: 0px 0px 5px blue;}
50% {box-shadow: 0px 0px 0px blue;}
to {box-shadow: 0px 0px 5px blue;}
}
/* Standard syntax */
@keyframes pendingInputFocused {
from {box-shadow: 0px 0px 5px blue;}
50% {box-shadow: 0px 0px 0px blue;}
to {box-shadow: 0px 0px 5px blue;}
}
.ll-table-reloaded {
opacity: 0.4 !important;
}
.ll-preview-type {
text-align: center;
font-weight: bold;
}
.ll-preview-lang {
text-align: center;
}
.ll-preview-old {
color: red;
font-family: Monospace;
}
.ll-preview-new {
color: blue;
font-family: Monospace;
}
.ll-preview-del {
list-style: none;
color: red;
font-family: Monospace;
}
.ll-preview-add {
list-style: none;
color: blue;
font-family: Monospace;
}
.ll-preview-new.ll-preview-empty:before {
content: "[REMOVED]";
font-style: italic;
}
.ll-preview-old.ll-preview-empty:before {
content: "[empty]";
font-style: italic;
color: black;
}
.ll-preview-del:before {
content: "-- ";
}
.ll-preview-add:before {
content: "++ ";
}
.ll-preview-add > ul .ll-preview-del > ul {
margin: 0;
}
.ll-preview-col{
display: table-cell;
padding: 2px 4px;
border: 1px solid black;
}
.ll-form .ll-preview-accept {
display: none;
}
.ll-form2 .ll-preview-accept {
display: inline !important;
}
.ll-col-index,.ll-col-startTime,.ll-col-endTime,.ll-preview-index,.ll-preview-startTime,.ll-preview-endTime{
text-align:center;
}
.ll-col-index-playing{
background:#0f0;
}
.ll-buttons{
position: absolute;
right: 463px;
padding-bottom:200px;
}
.ll-button{
display:inline-block;
padding:0px 4px 0px 4px;
}
.ll-button:last-child{
padding-right:10px;
}
.ll-col-text{
white-space: pre-wrap;
}
.ll-preview-resume {
width: 100%;
}
.ll-twocol {
display: block;
}
.ll-tablecontainer {
display: block;
height: 540px;
float: right;
}
.ll-videopane {
display: block;
position: fixed;
float: left;
}
.jsnotice-info {
margin-top: -15px;
}