#datepick

[byuluno]

limelight - honestly

[getflare]

Transform your Shopify store's shipping experience with Flare - the ultimate delivery scheduling app. Seamlessly integrate our user-friendly platform to offer flexible and convenient delivery options for your customers, boosting customer satisfaction and loyalty. With advanced automation features and real-time tracking capabilities, streamline your fulfillment process while always providing a top-notch service.

[bloggertipstalk]

5 Best WordPress DatePicker Plugins (Free & Paid)

Do you want to add a date and time field to your WordPress form? So users can easily book appointments, schedule calls, or complete other time-sensitive form submissions. What you need is a date and time picker WordPress plugin.  These tools let you add calendar and clock features to your WordPress forms, making it easier for people to book appointments, schedule events, or fill out forms. In…

[kumpulanjurnalmakalah-blog]

[solved] Wordpress ACF Datepicker Field Update To Todays Date But Keep Time At Value In Post

[solved] Wordpress ACF Datepicker Field Update To Todays Date But Keep Time At Value In Post

WordPress is a content management system used for creating and managing websites. One of the key features of WordPress is its flexibility, allowing developers to customize themes and add functionality through plugins. One such plugin is Advanced Custom Fields (ACF), which allows users to create custom fields for specific types of content. One of the fields available in ACF is the Datepicker…

[codingflicks]

Datepicker Example

[evenvillain]

ao3 dark minimal skin

dark, flat and spacious ao3 skin. made for myself so don’t look at messy CSS too closely.

1. log in and go HERE

2. click button "Create Site Skin"

3. name it whatever

4. copy/paste code from below in "CSS" field

5. "Submit"

6. make sure you clicked button "Use" HERE in the list of skins

CODE:

#outer .region, #footer .group, .post fieldset fieldset, fieldset fieldset {  background: none; }

body, .group, .group .group, .region, .flash, fieldset, fieldset fieldset ul, form dl, textarea, #main .verbose legend, .verbose fieldset, .notice, ul.notes, input, textarea, table, th, td:hover, tr:hover, .symbol .question:hover, #modal, .ui-sortable li, .required .autocomplete, .autocomplete .notice, .system .intro, .comment_error, .kudos_error, div.dynamic, .dynamic form, #ui-datepicker-div, .ui-datepicker table {  background: #131517;  color: #eee;  border-color: #131517;  outline: #111;  box-shadow: none; }

form .notice, form ul.notes {  box-shadow: none; }

#workskin {  font-size: 1.2em;  margin: auto;  padding: 0 0.25em;  max-width: 60em;  overflow-x: auto;  overflow-y: hidden;  position: relative; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label {  border-radius: 0; }

#header ul.primary, #outer #footer, .toggled form {  background: #131517; }

#header .primary {  background: none;  padding: 10px 0;  width: 100%;  box-shadow: none; }

fieldset, form dl, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff {  background: #1a1c1e !important; }

.user.navigation.actions>li {    margin-top: 0.3em!important; }

#header .menu, #small_login {    border:1px solid #1f2126;    box-shadow: none;    padding: 0 }

.tags.group, .more.group {    margin-top: 0.6em; }

#header .actions a:hover, #header .actions a:focus, #header .dropdown:hover a, #header .open a, #header .menu, #small_login, .group.listbox, fieldset fieldset.listbox, form blockquote.userstuff, input:focus, textarea:focus, li.relationships a, .group.listbox .index, .dashboard fieldset fieldset.listbox .index, #dashboard a:hover, th, #dashboard .secondary, .secondary, .thread .even, .system .tweet_list li, .ui-datepicker tr:hover {  background: #131517; }

.userstuff p {  text-align: justify;  margin: 1.286em auto;  padding: 0;  line-height: 1.5; }

.tags.commas {  margin: 1.5em auto; }

.tweets {  display: none; }

#header .dropdown .menu a:hover, #header .dropdown .menu a:focus, .splash .favorite li:nth-of-type(odd) a, .ui-datepicker td:hover, #tos_prompt .heading, #tos_prompt [disabled] {  background: #22262a; }

#outer, .javascript, .statistics .index li:nth-of-type(even), #tos_prompt, .announcement input[type="submit"] {  background: #131517; }

.filters .submit input {  border: 1px solid #131517;  background-color: #131517;  height: 110%;  margin: 1em 0;  min-height: 2.286em;  padding-left: 0;  padding-right: 0;  text-align: center;  white-space: normal; }

#header ul.primary, #footer, #dashboard ul, dl.meta, .group.listbox, fieldset fieldset.listbox, #main li.blurb, form blockquote.userstuff, div.comment, li.comment, .toggled form, form dl dt, form.single fieldset, #inner .module .heading, .bookmark .status span, .splash .news li, .filters .group dt.bookmarker {  border-color: #1a1c1e;  background: #1a1c1e; }

.news, .readings {  display: none; }

.work.navigation.actions {    width: 100%; }

dl.meta {  border: none; }

.splash .news li {  padding: 1em; }

fieldset, form dl, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff {  padding: 1.643em; }

li.blurb, fieldset, form dl {  border: none; }

li.blurb, .blurb .blurb {  display: block;  position: relative;  clear: left;  padding: 1em 1.4em;  overflow: visible; }

.logged-in .splash>.module {  width: 100% !important; }

dl.meta {  max-width: 75em;  margin: auto;  clear: right;  padding: 2em 1.75em;  position: relative;  overflow: hidden; }

.group.listbox, fieldset fieldset.listbox, #main li.blurb, .wrapper, #dashboard .secondary, .secondary, form blockquote.userstuff, .thread .comment, .toggled form {  box-shadow: none; }

#dashboard .current, .actions a:active, #outer .current,a.current, .current a:visited, span.unread, .replied, span.claimed,  dl.index dd, .own, .draft, .draft .unread, .child, .unwrangled, .unreviewed, .ui-sortable li:hover {  background: #131517;  border-color: #1f2126; }

#greeting .menu {  right: 0;  border: 1px solid #1f2126;  box-shadow: none; }

select {  background-color: #131517;  color: #fff;  border: 1px solid #131517;  min-height: 2.4em;  border-radius: 0; }

input:focus, select:focus, textarea:focus {    background: #131517; }

input, textarea {  min-height: 1.8em;  box-shadow: none; }

#footer a:hover, #footer a:focus, .autocomplete .dropdown ul li:hover, .autocomplete .dropdown li.selected, a.tag:hover, .listbox .heading a.tag:visited:hover, .symbol .question, .qtip-content {  background: #a7a7a7;  color: #111; }

.splash .favorite li:nth-of-type(odd) a:hover, .splash .favorite li:nth-of-type(odd) a:focus {  background: #a7a7a7;  color: #111; }

#header #greeting img, #header .heading a, #header .heading a:visited, #header .user a:hover, #header .user a:focus, #header fieldset, #header form, #header p, #dashboard a:hover, .actions a:hover, .actions input:hover, .delete a, span.delete, span.unread, .replied, span.claimed, .draggable, .droppable, span.requested, a.work, .blurb h4 a:link, .blurb h4 img, .splash .module h3, .splash .browse li a:before, .required, .error, .comment_error, .kudos_error, a.cloud7, a.cloud8, #tos_prompt .heading {  color: #a7a7a7; }

#header .menu li {  border-bottom: 1px solid #2c2c2c;  margin: 0;  text-align: left; }

#greeting .icon, #dashboard, #dashboard.own, .error, .comment_error, .kudos_error, .LV_invalid, .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .qtip-content {  border-color: #131517; }

#dashboard.own {  border: none; }

form.filters dl {  margin-left: 0;  margin-right: 0; }

.filters .expander:focus {  outline: none; }

.filters .expander {  padding: 0.45em 0 0.45em 14px; }

.filters .group dt.search, .filters .range dt {  padding: 1.25em 0 0.4em 0; }

a.tag {  border-bottom: 1px dotted !important; }

a, a:link, a.tag, #header a, #header a:visited, #header .primary .open a, #header .primary .dropdown:hover a, #header .primary .dropdown a:focus, #header #search input:focus, #header #search input:hover, #dashboard a,  #dashboard span, #dashboard .current, .heading, .group .heading, .filters dt a:hover {  color: #fff; }

#header .dropdown .menu a {  padding: .75em .5em .75em; }

#header #search .text {  background: #131517 !important;  border-radius: 0;  margin: 0.2857em 0.429em; }

a:visited, .actions a:visited, .action a:link, .action a:visited, .listbox .heading a:visited, span.series .divider {  color: #999; }

a:active, a:focus, button:focus {  outline: none; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label, #header .actions a {  background: #1a1c1e;  border-color: #1a1c1e;  color: #eee;  box-shadow: none;  text-shadow: none; }

.actions a:hover, .actions input:hover, #dashboard a:hover, .actions a:focus, .actions input:focus, #dashboard a:focus {  color: #fff;  border-color: #101214;  box-shadow: none;  background-color: #101214; }

.actions a:active, .current, a.current, .current a:visited {  color: #fff;  background: #101214;  border-color: #101214;  box-shadow: none; }

.delete a, span.delete {  box-shadow: -1px -1px 2px rgba(255,255,255.25); }

ul.required-tags, .bookmark .status span, .blurb .icon {  opacity: 0.9;  border: 0; }

#outer .group .heading, #header .actions a, fieldset.listbox .heading, .userstuff .heading, .heading, .userstuff h2 {  text-shadow: none;  color: #fff;  background: none; }

#header .actions a, fieldset fieldset, .mce-container button, .filters .expander {  box-shadow: none; }

fieldset fieldset.listbox {  outline: none; }

form dd.required {  color: #eee; }

.mce-container input:focus {  background: #F3EFEC; }

.announcement .userstuff a, .announcement .userstuff a:link, .announcement .userstuff a:visited:hover {  color: #fff; }

a, a:link, a:visited:hover {  color: #fff;  text-decoration: none; }

.announcement .userstuff a:visited {  color: #666; }

.announcement .userstuff a:hover, .announcement .userstuff a:focus {  color: #999; }

.event.announcement .userstuff a, .filters .expander {  color: #eee; }

[dinnerbug]

Thought I'd leave my ao3 skin here because no matter how hard I tried I couldn't find one with a yellow background (other than one that was wayyy too bright for my liking) and I realised recently yellow backgrounds make it easier for me to read so I tried my hand at making my own with absolutely zero experience or idea of how to do so. It's a bit scuffed, (updated to fix it a little bit, yaaaay! Still scuffed tho). It's just a messily recoloured version of a skin I found on a reddit post (if I remember who's I'll come back and edit the link to it onto this) but I tried my best and it kinda worked lmao

The colour pallets I used are:

So if anyone actually sees this and wants to fix the scuffed colours please do (I'm also quite certain the dodgy colour bits are the ones more towards the end since I kinda just filled the parts I couldn't figure out what they changed with dark brown)

Enough of my rambling now so here it is, my quite banana looking yellow background skin:

body,

#inner,

#outer {

background: #ffff99;

color: #30231d;

border-color: #30231d;

}

#header {

margin-bottom: 0px;

}

#header,

#header .heading a {

background-color: #30231d;

color: #6a5750;

padding-top: 10px;

}

#header ul.primary,

#outer #footer,

.toggled form {

background: #6a5750;

color: #30231d;

box-shadow: none;

padding-top: 10px;

padding-bottom: 10px;

margin-top: 5px;

}

#header .primary a {

color: #ffffcc;

}

#header a {

color: #ffff99;

}

#header a:visited {

color: #9b4244;

}

#header a:hover {

color: #fff8dc;

}

#header a:focused {

color: #fff8dc;

}

#header .navigation .dropdown .menu li a {

color: #1F1915;

}

#header .navigation .dropdown .menu li a:hover {

color: #fff8dc;

}

#header h1.heading {

margin-left: 30px;

}

#header #search .text {

padding: 5px 7px;

}

#header .user a #greeting {

margin-top: 0.5em;

margin-right: 30px;

}

#header li.search {

float: right;

position: relative;

padding-right: 30px;

}

#footer {

background-color: #6a5750;

color: #30231d;

}

fieldset,

fieldset fieldset,

fieldset dl dl {

background: #6a5f5a;

color: #d4cecb;

border: none;

border-radius: 15px;

box-shadow: none;

}

.filters .expander {

color: #ffffcc;

}

.filters .expandable,

.filters .group dd.autocomplete {

margin: 0;

}

form dt {

border-bottom: 1px dotted #d4cecb;

}

form.filters {

background: none;

}

textarea {

width: 100%;

border-radius: 15px;

}

.sort select {

background: #30231d;

border-radius: 15px;

padding: 4px 7px;

width: 100%;

}

.autocomplete input,

input {

background-color: #b5a397;

border-radius: 15px;

padding: 4px 7px;

width: 90%;

}

input:focus,

input:focus-visible,

select:focus,

textarea:focus {

background: #b5a397;

outline: 1.5px solid #6a5750;

}

.group.listbox,

fieldset fieldset.listbox,

form blockquote.userstuff,

.group.listbox .index,

.dashboard fieldset fieldset.listbox .index,

#dashboard a:hover,

th,

#dashboard .secondary,

.secondary,

.thread .even,

.system .tweet_list li,

.ui-datepicker tr:hover {

background: #ffffcc;

box-shadow: none;

border: 1px solid #6a5750;

border-radius: 15px;

}

.listbox,

fieldset fieldset.listbox {

border: none;

}

.home .header h2 {

color: #30231d;

}

li.blurb,

li.blurb.own {

border: none;

background: #ffffcc;

padding: 2em;

border-radius: 15px;

}

.blurb h4 a:link,

.blurb h4 img {

vertical-align: bottom;

}

.blurb h4 a:link:hover,

.blurb h4 a:link:visited:hover,

.blurb h4 img {

color: #30231d;

vertical-align: bottom;

}

.splash .favorite li:nth-of-type(odd) a,

.statistics .index li:nth-of-type(even) {

background-color: rgba(106, 95, 90, 0.463);

}

#footer a:hover,

#footer a:focus,

.autocomplete .dropdown ul li:hover,

li.selected,

a.tag:hover,

li.relationships a.tag:hover,

li.characters a.tag:hover,

.listbox .heading a.tag:visited:hover,

a:visited:hover,

a.tag:visited:hover,

.symbol .question,

.qtip-content,

.splash .favorite li:nth-of-type(2n+1) a:hover,

.splash .favorite li:nth-of-type(2n+1) a:focus {

background: #f08080;

color: #ffffcc;

}

.actions a:hover,

.actions input:hover,

.actions a:focus,

.actions input:focus,

label.action:hover,

.action:hover,

.action:focus {

box-shadow: none;

border-radius: 15px;

padding: 4px 12px;

}

span.unread,

.replied,

span.claimed,

dl.index dd,

.own,

.draft,

.draft .unread,

.draft .wrapper,

.unread,

.child,

.unwrangled,

.unreviewed,

.ui-sortable li:hover {

background: #30231d;

opacity: 1;

border: none;

border-radius: 15px;

}

.actions a,

.actions a:link,

.action,

.action:link,

.actions input,

input[type="submit"],

button,

.current,

.actions label {

background: #b5a397;

border: 1px solid #30231d;

border-radius: 15px;

padding: 4px 15px;

}

.actions a:active,

.current,

a.current,

a:link.current,

.current a:visited {

background: #ffffcc;

border: 1.5px solid #ffffcc;

box-shadow: inset 1px 1px 3px #ffffcc;

border-radius: 15px;

padding: 4px 15px;

}

.actions a:hover,

.actions a:link:hover,

.action:link:hover,

.actions input:hover,

input[type="submit"]:hover,

button:hover,

.current:hover,

.actions label:hover {

background: #ffffc;

}

.actions a:visited,

.action:visited,

.action a:link,

.action a:visited {

color: #6c4f49;

}

a,

a:link {

color: #b5a397;

text-decoration: none;

}

a,

a:link,

a:visited:hover {

color: #fff8dc;

text-decoration: none;

border-bottom: 1px solid;

}

a,

a.tag,

dt a:visited {

color: #6a5750;

}

a:visited,

.listbox .heading a:visited {

color: #6c4f49;

}

li.relationships a {

background: none;

}

#main .wrapper {

box-shadow: none;

border-radius: 15px;

position: relative;

z-index: 1;

margin-top: 10px;

}

dl.meta {

border: none;

background-color: #ffffcc;

border-radius: 15px;

padding: 2em;

margin-top: 10px;

}

#workskin {

background: none;

border-radius: 15px;

padding: 0em 1em;

margin: 20px 0px;

max-width: none;

}

.preface a:hover,

.preface a:visited:hover {

text-decoration: underline;

color: #30231d;

background: none;

}

div.comment,

li.comment {

border: none;

border-radius: 15px;

padding: 15px;

color: #30231d;

background: #6a5f5a;

}

.comment h4.byline {

color: #6a5f5a;

border-radius: 15px;

padding-right: 20px;

background: #ffffcc;

}

.toggled form,

.dynamic form {

background: #c8bebb;

}

a.rss span {

background: none;

padding: 0px;

}

.search [role="tooltip"] {

color: #30231d;

}

.bookmark .user,

.reading h4.viewed {

background: none;

border: 1px solid #ffffcc;

}

#dashboard .current {

background: #ffffcc;

}

.inspired.index.group,

.signup.index.group,

.assignment.index.group {

background: #ffffcc;

padding: 0.25em;

}

.inspired.index.group dd {

border-bottom: 1.5px dotted #ededed;

}

form.verbose legend,

.verbose form legend {

background: #6a5f5a;

border: 2px solid #ffffcc;

box-shadow: none;

}

.delete a,

span.delete {

padding: 0 .1em;

box-shadow: 0px 0px 2px rgba(0, 0, 0, .75);

background-color: #ffffcc;

}

#modal {

background: #b5a397;

border-color: #30231d;

border-radius: 15px;

}

#modal .footer .action.modal-closer {

background-color: #00ff00;

}

#symbols-key dl {

background: #00ff00;

border: none;

border-radius: 15px;

padding: 1em;

margin-bottom: 0px;

}

.notice,

.comment_notice,

.kudos_notice,

ul.notes,

.caution,

.error,

.comment_error,

.kudos_error,

.alert.flash {

background: #6a5750;

border: 1px solid #30231d;

margin: .643em auto;

padding: 15px;

clear: right;

box-shadow: 1px 1px 2px gray;

border-radius: 15px;

color: #ffffcc;

}

ul.actions {

margin-bottom: 0px;

}

.comment fieldset {

padding: 2em;

}

form.verbose legend,

.verbose form legend {

box-shadow: none;

border-radius: 15px;

}

#bookmark-form.post.bookmark form {

background: #ffffcc;

border-radius: 15px;

margin-top: 1em;

padding: 2em;

}

.new.dynamic #bookmark-form {

background: #ffffcc;

}

.toggled form p.footnote,

.dynamic form p.footnote {

padding-bottom: 0.2em;

}

.removeme fieldset {

background: #ffffcc;

color: #ffffcc;

}

#outer,

.javascript,

.statistics .index li:nth-of-type(even),

#tos_prompt,

.announcement input[type="submit"] {

background: #30231d;

}

media="only screen and (max-width: 42em),

handheld" .filtering .filters #leave_filters,

.javascript .filters p.narrow-shown {

background: #ffffcc;

}

.warnings .tag,

.work .warning a.tag,

dt.warning.tags a,

dd.warning.tags a {

color: #9b4244;

font-style: normal;

}

li.relationships a,

.relationships .tag,

.work .relationships a.tag,

dt.relationship.tags,

dd.relationship.tags a {

background: none;

color: #a66a40;

}

.characters .tag,

.work .characters a.tag,

dt.character.tags,

dd.character.tags a {

color: #569566;

}

.freeforms .tag,

.work .freeforms a.tag,

dt.freeform.tags,

dd.freeform.tags a {

color: #4c709a;

}

.kudos_error {

border-color: #090;

background: #d1efd1;

}

[judithonlinux]

AO3 Site Skin - DarkPurple

for @beastlyinstrument

Theme colors: #070707, #191919, #f2f2f2, #541f7b, #551f78

Code to copy below the cut ↓

#outer .region, #footer .group, .post fieldset fieldset, fieldset fieldset { background: none; }

body, .group, .group .group, .region, .flash, fieldset, fieldset fieldset ul, form dl, textarea, #main .verbose legend, .verbose fieldset, .notice, ul.notes, input, textarea, table, th, td:hover, tr:hover, .symbol .question:hover, #modal, .ui-sortable li, .required .autocomplete, .autocomplete .notice, .system .intro, .comment_error, .kudos_error, div.dynamic, .dynamic form, #ui-datepicker-div, .ui-datepicker table { background: #070707; color: #f2f2f2; border-color: #191919; outline: #191919; box-shadow: none; }

#header .actions a:hover, #header .actions a:focus, #header .dropdown:hover a, #header .open a, #header .menu, #small_login, .group.listbox, fieldset fieldset.listbox, form blockquote.userstuff, input:focus, textarea:focus, li.relationships a, .group.listbox .index, .dashboard fieldset fieldset.listbox .index, #dashboard a:hover, th, #dashboard .secondary, .secondary, .thread .even, .system .tweet_list li, .ui-datepicker tr:hover { background: #070707; }

#header .dropdown .menu a:hover, #header .dropdown .menu a:focus, .splash .favorite li:nth-of-type(odd) a, .ui-datepicker td:hover, #tos_prompt .heading, #tos_prompt [disabled] { background: #191919; }

#outer, .javascript, .statistics .index li:nth-of-type(even), #tos_prompt, .announcement input[type="submit"] { background: #070707; }

#header ul.primary, #outer #footer, .toggled form { background: #191919; }

#header ul.primary, #footer, #dashboard ul, dl.meta, .group.listbox, fieldset fieldset.listbox, #main li.blurb, form blockquote.userstuff, div.comment, li.comment, .toggled form, form dl dt, form.single fieldset, #inner .module .heading, .bookmark .status span, .splash .news li, .filters .group dt.bookmarker { border-color: #070707; }

.group.listbox, fieldset fieldset.listbox, #main li.blurb, .wrapper, #dashboard .secondary, .secondary, form blockquote.userstuff, .thread .comment, .toggled form { box-shadow: -1px -1px 1px #541f7b; }

#dashboard .current, .actions a:active, #outer .current, a.current, .current a:visited, span.unread, .replied, span.claimed, dl.index dd, .own, .draft, .draft .unread, .child, .unwrangled, .unreviewed, .ui-sortable li:hover { background: #191919; border-color: #551f78; box-shadow: 0 0 1px #541f7b; }

input, textarea { box-shadow: inset 0 1px 2px #541f7b; }

li.blurb, .blurb .blurb, .listbox .index, fieldset fieldset.listbox, .dashboard .listbox .index { box-shadow: inset 1px 1px 1px #541f7b; }

#footer a:hover, #footer a:focus, .autocomplete .dropdown ul li:hover, .autocomplete .dropdown li.selected, a.tag:hover, .listbox .heading a.tag:visited:hover, .symbol .question, .qtip-content { background: #541f7b; color: #191919; }

.splash .favorite li:nth-of-type(odd) a:hover, .splash .favorite li:nth-of-type(odd) a:focus { background: #541f7b; color: #191919; }

#header #greeting img, #header .heading a, #header .heading a:visited, #header .user a:hover, #header .user a:focus, #header fieldset, #header form, #header p, #dashboard a:hover, .actions a:hover, .actions input:hover, .delete a, span.delete, span.unread, .replied, span.claimed, .draggable, .droppable, span.requested, a.work, .blurb h4 a:link, .blurb h4 img, .splash .module h3, .splash .browse li a:before, .required, .error, .comment_error, .kudos_error, a.cloud7, a.cloud8, #tos_prompt .heading { color: #541f7b; }

#greeting .icon, #dashboard, #dashboard.own, .error, .comment_error, .kudos_error, .LV_invalid, .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .qtip-content { border-color: #541f7b; }

a, a:link, a.tag, #header a, #header a:visited, #header .primary .open a, #header .primary .dropdown:hover a, #header .primary .dropdown a:focus, #header #search input:focus, #header #search input:hover, #dashboard a, #dashboard span, #dashboard .current, .heading, .group .heading, .filters dt a:hover { color: #f2f2f2; }

a:visited, .actions a:visited, .action a:link, .action a:visited, .listbox .heading a:visited, span.series .divider { color: #f2f2f2; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label, #header .actions a { background: #551f78; border-color: #191919; color: #f2f2f2; box-shadow: inset 0 -8px 4px #551f78, inset 0 8px 7px #551f78; text-shadow: none; }

.actions a:hover, .actions input:hover, #dashboard a:hover, .actions a:focus, .actions input:focus, #dashboard a:focus { color: #551f78; background: #191919; border-color: #191919; box-shadow: inset 2px 2px 2px #191919; }

.actions a:active, .current, a.current, .current a:visited { color: #f2f2f2; background: #551f78; border-color: #f2f2f2; box-shadow: inset 1px 1px 1px #070707; }

.delete a, span.delete { box-shadow: -1px -1px 2px rgba(255,255,255.25); }

ul.required-tags, .bookmark .status span, .blurb .icon { opacity: 0.9; border: 0; }

#outer .group .heading, #header .actions a, fieldset.listbox .heading, .userstuff .heading, .heading, .userstuff h2 { text-shadow: none; color: #f2f2f2; background: none; }

#header .actions a, fieldset fieldset, .mce-container button, .filters .expander { box-shadow: none; }

fieldset fieldset.listbox { outline: none; }

form dd.required { color: #f2f2f2; }

.mce-container input:focus { background: #f2f2f2; }

.announcement .userstuff a, .announcement .userstuff a:link, .announcement .userstuff a:visited:hover { color: #191919; }

.announcement .userstuff a:visited { color: #551f78; }

.announcement .userstuff a:hover, .announcement .userstuff a:focus { color: #551f78; }

.event.announcement .userstuff a, .filters .expander { color: #f2f2f2; }

.chapter p { font-size: 110%; }

[ao3css]

How do I make a tag/title/author or any link I click on remain the same color as if I haven't clicked on it? My OCD is going crazy over this, thank you in advance :DD

Btw: I'm using this skin, love it so much as someone who is light sensitive :))

hello! I found that removing all instances of the :visited css selector in your skin to work for this! edited skin below

#outer .region, #footer .group, .post fieldset fieldset, fieldset fieldset {  background: none; }

body, .group, .group .group, .region, .flash, fieldset, fieldset fieldset ul, form dl, textarea, #main .verbose legend, .verbose fieldset, .notice, ul.notes, input, textarea, table, th, td:hover, tr:hover, .symbol .question:hover, #modal, .ui-sortable li, .required .autocomplete, .autocomplete .notice, .system .intro, .comment_error, .kudos_error, div.dynamic, .dynamic form, #ui-datepicker-div, .ui-datepicker table {  background: #131517;  color: #eee;  border-color: #131517;  outline: #111;  box-shadow: none; }

form .notice, form ul.notes {  box-shadow: none; }

#workskin {  font-size: 1.2em;  margin: auto;  padding: 0 0.25em;  max-width: 60em;  overflow-x: auto;  overflow-y: hidden;  position: relative; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label {  border-radius: 0; }

#header ul.primary, #outer #footer, .toggled form {  background: #131517; }

#header .primary {  background: none;  padding: 10px 0;  width: 100%;  box-shadow: none; }

fieldset, form dl, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff {  background: #1a1c1e !important; }

.user.navigation.actions>li {    margin-top: 0.3em!important; }

#header .menu, #small_login {    border:1px solid #1f2126;    box-shadow: none;    padding: 0 }

.tags.group, .more.group {    margin-top: 0.6em; }

#header .actions a:hover, #header .actions a:focus, #header .dropdown:hover a, #header .open a, #header .menu, #small_login, .group.listbox, fieldset fieldset.listbox, form blockquote.userstuff, input:focus, textarea:focus, li.relationships a, .group.listbox .index, .dashboard fieldset fieldset.listbox .index, #dashboard a:hover, th, #dashboard .secondary, .secondary, .thread .even, .system .tweet_list li, .ui-datepicker tr:hover {  background: #131517; }

.userstuff p {  text-align: justify;  margin: 1.286em auto;  padding: 0;  line-height: 1.5; }

.tags.commas {  margin: 1.5em auto; }

.tweets {  display: none; }

#header .dropdown .menu a:hover, #header .dropdown .menu a:focus, .splash .favorite li:nth-of-type(odd) a, .ui-datepicker td:hover, #tos_prompt .heading, #tos_prompt [disabled] {  background: #22262a; }

#outer, .javascript, .statistics .index li:nth-of-type(even), #tos_prompt, .announcement input[type="submit"] {  background: #131517; }

.filters .submit input {  border: 1px solid #131517;  background-color: #131517;  height: 110%;  margin: 1em 0;  min-height: 2.286em;  padding-left: 0;  padding-right: 0;  text-align: center;  white-space: normal; }

#header ul.primary, #footer, #dashboard ul, dl.meta, .group.listbox, fieldset fieldset.listbox, #main li.blurb, form blockquote.userstuff, div.comment, li.comment, .toggled form, form dl dt, form.single fieldset, #inner .module .heading, .bookmark .status span, .splash .news li, .filters .group dt.bookmarker {  border-color: #1a1c1e;  background: #1a1c1e; }

.news, .readings {  display: none; }

.work.navigation.actions {    width: 100%; }

dl.meta {  border: none; }

.splash .news li {  padding: 1em; }

fieldset, form dl, fieldset dl dl, fieldset fieldset fieldset, fieldset fieldset dl dl, dd.hideme, form blockquote.userstuff {  padding: 1.643em; }

li.blurb, fieldset, form dl {  border: none; }

li.blurb, .blurb .blurb {  display: block;  position: relative;  clear: left;  padding: 1em 1.4em;  overflow: visible; }

.logged-in .splash>.module {  width: 100% !important; }

dl.meta {  max-width: 75em;  margin: auto;  clear: right;  padding: 2em 1.75em;  position: relative;  overflow: hidden; }

.group.listbox, fieldset fieldset.listbox, #main li.blurb, .wrapper, #dashboard .secondary, .secondary, form blockquote.userstuff, .thread .comment, .toggled form {  box-shadow: none; }

#dashboard .current, .actions a:active, span.unread, .replied, span.claimed,  dl.index dd, .own, .draft, .draft .unread, .child, .unwrangled, .unreviewed, .ui-sortable li:hover {  background: #131517;  border-color: #1f2126; }

#greeting .menu {  right: 0;  border: 1px solid #1f2126;  box-shadow: none; }

select {  background-color: #131517;  color: #fff;  border: 1px solid #131517;  min-height: 2.4em;  border-radius: 0; }

input:focus, select:focus, textarea:focus {    background: #131517; }

input, textarea {  min-height: 1.8em;  box-shadow: none; }

#footer a:hover, #footer a:focus, .autocomplete .dropdown ul li:hover, .autocomplete .dropdown li.selected, a.tag:hover, .symbol .question, .qtip-content {  background: #a7a7a7;  color: #111; }

.splash .favorite li:nth-of-type(odd) a:hover, .splash .favorite li:nth-of-type(odd) a:focus {  background: #a7a7a7;  color: #111; }

#header #greeting img, #header .heading a, #header .user a:hover, #header .user a:focus, #header fieldset, #header form, #header p, #dashboard a:hover, .actions a:hover, .actions input:hover, .delete a, span.delete, span.unread, .replied, span.claimed, .draggable, .droppable, span.requested, a.work, .blurb h4 a:link, .blurb h4 img, .splash .module h3, .splash .browse li a:before, .required, .error, .comment_error, .kudos_error, a.cloud7, a.cloud8, #tos_prompt .heading {  color: #a7a7a7; }

#header .menu li {  border-bottom: 1px solid #2c2c2c;  margin: 0;  text-align: left; }

#greeting .icon, #dashboard, #dashboard.own, .error, .comment_error, .kudos_error, .LV_invalid, .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .qtip-content {  border-color: #131517; }

#dashboard.own {  border: none; }

form.filters dl {  margin-left: 0;  margin-right: 0; }

.filters .expander:focus {  outline: none; }

.filters .expander {  padding: 0.45em 0 0.45em 14px; }

.filters .group dt.search, .filters .range dt {  padding: 1.25em 0 0.4em 0; }

a.tag {  border-bottom: 1px dotted !important; }

a, a:link, a.tag, #header a, #header .primary .open a, #header .primary .dropdown:hover a, #header .primary .dropdown a:focus, #header #search input:focus, #header #search input:hover, #dashboard a,  #dashboard span, #dashboard .current, .heading, .group .heading, .filters dt a:hover {  color: #fff; }

#header .dropdown .menu a {  padding: .75em .5em .75em; }

#header #search .text {  background: #131517 !important;  border-radius: 0;  margin: 0.2857em 0.429em; }

.action a:link, span.series .divider {  color: #999; }

a:active, a:focus, button:focus {  outline: none; }

.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label, #header .actions a {  background: #1a1c1e;  border-color: #1a1c1e;  color: #eee;  box-shadow: none;  text-shadow: none; }

.actions a:hover, .actions input:hover, #dashboard a:hover, .actions a:focus, .actions input:focus, #dashboard a:focus {  color: #fff;  border-color: #101214;  box-shadow: none;  background-color: #101214; }

.actions a:active, .current, a.current {  color: #fff;  background: #101214;  border-color: #101214;  box-shadow: none; }

.delete a, span.delete {  box-shadow: -1px -1px 2px rgba(255,255,255.25); }

ul.required-tags, .bookmark .status span, .blurb .icon {  opacity: 0.9;  border: 0; }

#outer .group .heading, #header .actions a, fieldset.listbox .heading, .userstuff .heading, .heading, .userstuff h2 {  text-shadow: none;  color: #fff;  background: none; }

#header .actions a, fieldset fieldset, .mce-container button, .filters .expander {  box-shadow: none; }

fieldset fieldset.listbox {  outline: none; }

form dd.required {  color: #eee; }

.mce-container input:focus {  background: #F3EFEC; }

.announcement .userstuff a, .announcement .userstuff a:link {  color: #fff; }

a, a:link {  color: #fff;  text-decoration: none; }

.announcement .userstuff a:hover, .announcement .userstuff a:focus {  color: #999; }

.event.announcement .userstuff a, .filters .expander {  color: #eee; }

[freefrontend-blog]

Datepicker: https://codepen.io/havardob/pen/eYdbewq More CSS calendars: https://freefrontend.com/css-calendars/

[hanktalkin]

i reblogged im fuck you and im die and we're the UI brothers without even realizing it was about tumblr. i was just like yeah makes perfect sense #relatable #me when im trying to customize a datepicker element

[raincoatslol]

I like the site skin I made to use on Ao3 so I’m deciding to share it. I took the reversi site skin and added patterned backgrounds from here and changed some of the colors. CSS is below the cut.

#outer .region, #footer .group, .post fieldset fieldset, fieldset fieldset {  background: none; } body, .group, .group .group, .region, .flash, fieldset, fieldset fieldset ul, form dl, textarea, #main .verbose legend, .verbose fieldset, .notice, ul.notes, input, textarea, table, th, td:hover, tr:hover, .symbol .question:hover, #modal, .ui-sortable li, .required .autocomplete, .autocomplete .notice, .system .intro, .comment_error, .kudos_error, div.dynamic, .dynamic form, #ui-datepicker-div, .ui-datepicker table {  background: #333;  color: #eee;  border-color: #222;  outline: #111;  box-shadow: none; } #header .actions a:hover, #header .actions a:focus, #header .dropdown:hover a, #header .open a, #header .menu, #small_login, fieldset fieldset.listbox, form blockquote.userstuff, input:focus, textarea:focus, li.relationships a, .dashboard fieldset fieldset.listbox .index, #dashboard a:hover, th, #dashboard .secondary, .secondary, .thread .even, .system .tweet_list li, .ui-datepicker tr:hover {  background: #784884; } #header .dropdown .menu a:hover, #header .dropdown .menu a:focus, .splash .favorite li:nth-of-type(odd) a, .ui-datepicker td:hover, #tos_prompt .heading, #tos_prompt [disabled] {  background: #784884; } #outer, .javascript, .statistics .index li:nth-of-type(even), #tos_prompt, .announcement input[type="submit"] {  background: #333; } #header ul.primary, #outer #footer, .toggled form {  background: url("/images/skins/textures/tiles/black-noise.jpg"); } #header ul.primary, #footer, #dashboard ul, dl.meta, .group.listbox, fieldset fieldset.listbox, #main li.blurb, form blockquote.userstuff, div.comment, li.comment, .toggled form, form dl dt, form.single fieldset, #inner .module .heading, .bookmark .status span, .splash .news li, .filters .group dt.bookmarker {  border-color: #37164f; } .group.listbox, fieldset fieldset.listbox, #main li.blurb, .wrapper, #dashboard .secondary, .secondary, form blockquote.userstuff, .thread .comment, .toggled form {  box-shadow: 1px 1px 3px #000; } #dashboard .current, .actions a:active, #outer .current, a.current, .current a:visited, span.unread, .replied, span.claimed, dl.index dd, .own, .draft, .draft .unread, .child, .unwrangled, .unreviewed, .ui-sortable li:hover {  background: #c867df7a;  border-color: #37164f;  box-shadow: -1px -1px 3px #000; } input, textarea {  box-shadow: inset 0 1px 2px #000; } li.blurb, .blurb .blurb, .listbox .index, fieldset fieldset.listbox, .dashboard .listbox .index {  box-shadow: inset 1px 1px 3px #000; } #footer a:hover, #footer a:focus, .autocomplete .dropdown ul li:hover, .autocomplete .dropdown li.selected, a.tag:hover, .listbox .heading a.tag:visited:hover, .symbol .question, .qtip-content {  background: #9b5daa;  color: #111; } .splash .favorite li:nth-of-type(odd) a:hover, .splash .favorite li:nth-of-type(odd) a:focus {  background: #9b5daa;  color: #111; } #header #greeting img, #header .heading a, #header .heading a:visited, #header .user a:hover, #header .user a:focus, #header fieldset, #header form, #header p, #dashboard a:hover, .actions a:hover, .actions input:hover, .delete a, span.delete, span.unread, .replied, span.claimed, .draggable, .droppable, span.requested, a.work, .blurb h4 a:link, .blurb h4 img, .splash .module h3, .splash .browse li a:before, .required, .error, .comment_error, .kudos_error, a.cloud7, a.cloud8, #tos_prompt .heading {  color: #9b5daa; } #greeting .icon, #dashboard, #dashboard.own, .error, .comment_error, .kudos_error, .LV_invalid, .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, .qtip-content {  border-color: #37164f; } a, a:link, a.tag, #header a, #header a:visited, #header .primary .open a, #header .primary .dropdown:hover a, #header .primary .dropdown a:focus, #header #search input:focus, #header #search input:hover, #dashboard a, #dashboard span, #dashboard .current, .heading, .group .heading, .filters dt a:hover {  color: #fff; } a:visited, .actions a:visited, .action a:link, .action a:visited, .listbox .heading a:visited, span.series .divider {  color: #9f88bb; } .actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label, #header .actions a {  background: #9b5daa;  border-color: #222;  color: #eee;  box-shadow: inset 0 -8px 4px #37164f, inset 0 8px 7px #9b5daa;  text-shadow: none; } .actions a:hover, .actions input:hover, #dashboard a:hover, .actions a:focus, .actions input:focus, #dashboard a:focus, .actions .disabled select {  color: #a8c7fc;  border-color: #000;  box-shadow: inset 2px 2px 2px #000; } .actions a:active, .current, a.current, .current a:visited {  color: #fff;  background: #555;  border-color: #fff;  box-shadow: inset 1px 1px 3px #333; } .delete a, span.delete {  box-shadow: -1px -1px 2px rgba(255,255,255.25); } .actions label.disabled {  background: #222;  box-shadow: none; } ul.required-tags, .bookmark .status span, .blurb .icon {  opacity: 0.9;  border: 0; } #outer .group .heading, #header .actions a, fieldset.listbox .heading, .userstuff .heading, .heading, .userstuff h2 {  text-shadow: none;  color: #fff;  background: none; } #header .actions a, fieldset fieldset, .mce-container button, .filters .expander, .actions .disabled select {  box-shadow: none; } fieldset fieldset.listbox {  outline: none; } form dd.required {  color: #eee; } .mce-container input:focus {  background: #F3EFEC; } .announcement .userstuff a, .announcement .userstuff a:link, .announcement .userstuff a:visited:hover {  color: #111; } .announcement .userstuff a:visited {  color: #666; } .announcement .userstuff a:hover, .announcement .userstuff a:focus {  color: #999; } .event.announcement .userstuff a, .filters .expander {  color: #eee; } #outer, .javascript, .statistics .index li:nth-of-type(2n), #tos_prompt, .announcement input[type="submit"] {  background: url(https://64.media.tumblr.com/ea568d43430e0f881680e5cdb622a1b3/tumblr_inline_n258q4r8c01qhwjx8.png); } #header ul.primary, #outer #footer, .toggled form {  background: url(https://64.media.tumblr.com/a045e10d3940f271e4e1f8012052b788/tumblr_inline_n258x3uqsy1qhwjx8.png); } body, .group, .group .group, .region, .flash, fieldset, fieldset fieldset ul, form dl, textarea, #main .verbose legend, .verbose fieldset, .notice, ul.notes, input, textarea, table, th, td:hover, tr:hover, .symbol .question:hover, #modal, .ui-sortable li, .required .autocomplete, .autocomplete .notice, .system .intro, .comment_error, .kudos_error, div.dynamic, .dynamic form, #ui-datepicker-div, .ui-datepicker table {  background: #4b3a5959; } #header .dropdown:hover a {  background: #4b3a59; } a:visited:hover {  color: #a8c7fc !important; }

[ekshenru]

Splendida — многофункциональный шаблон с мастером бронирования | HTML шаблоны https://ekshen.ru/resources/splendida-mnogofunkcionalnyj-shablon-s-masterom-bronirovanija.3815/ Ищете универсальный HTML5-шаблон, который поможет легко создать веб-страницы для самых разных целей? Представляем Splendida — идеальный выбор для отелей, SPA-салонов, ресторанов и такси-сервисов. Этот шаблон легко адаптируется под любые проекты, позволяя создать уникальный дизайн и обеспечить простой процесс бронирования с подтверждением по электронной почте. Преимущества использования Splendida Интуитивный интерфейс Мастер бронирования спроектирован так, чтобы пользователи могли легко и быстро заполнить заявку. Весь процесс занимает минимум времени и завершается автоматическим подтверждением на почту клиента. Универсальность и гибкость Шаблон включает четыре готовых варианта дизайна, но его можно легко настроить под свои задачи, добавляя уникальные элементы и создавая свой стиль. Адаптация под все устройства Splendida отлично выглядит как на экране смартфона, так и на планшете или ноутбуке, что делает сайт доступным для пользователя в любой ситуации. Основные возможности Чистый и валидный код HTML5/CSS3 Со��ременный код шаблона обеспечивает быструю загрузку и совместимость со всеми основными браузерами. Рабочий мастер бронирования с защитой от спама Бронирования отправляются через PHP-скрипт, который защищен от спама и включает функцию автоответа для удобства пользователей. Иконки с поддержкой Retina Стильные иконки отлично смотрятся на экранах с высоким разрешением, позволяя создать привлекательный и современный дизайн. Совместимость с Google-сервисами Шаблон поддерживает карты Google и Google Web Fonts, что добавляет функциональность и стиль вашему сайту. Виджет прогноза погоды Отображение прогноза погоды — полезный инструмент, особенно для туристических сервисов и отелей, позволяющий пользователям планировать поездки. Поддержка Bootstrap Встроенные компоненты Bootstrap, такие как Datepicker и Timepicker, помогают пользователям легко выбрать дату и время бронирования. Почему стоит выбрать Splendida Splendida — это не просто шаблон, это мощный инструмент для создания профессионального сайта с минимальными усилиями. Его гибкость и функциональность подходят для самых разнообразных задач, будь то сайт отеля или ресторанного бизнеса. Этот шаблон станет идеальным выбором для тех, кто стремится создать стильный, современный и удобный сайт без лишних сложностей. Кому может быть полезен Splendida Владельцев бизнеса — компаниям, работающим в сфере гостеприимства, транспорта, ресторанного бизнеса и услуг. Splendida поможет сделать сайт привлекательным и удобным для клиентов. Разработчиков — благодаря чистому коду и поддержке современных технологий шаблон подходит разработчикам, стремящимся к быстрому запуску проектов с минимальными доработками. Маркетологов и администраторов сайтов — с помощью мастера бронирования они смогут настроить и поддерживать сайт, привлекая больше клиентов за счет удобства пользования. Пользователей без техн��ческих навыков — простота использования делает Splendida доступным для всех, независимо от уровня подготовки. Скачайте Splendida с Ekshen и начните создавать сайт мечты! Не упустите возможность сделать свой бизнес заметным в интернете с помощью Splendida. Скачайте шаблон прямо сейчас и начните создавать сайт, который будет радовать вас и ваших клиентов!

[y2fear]

ios - SwiftUI DatePicker time from now until tomorrow same time

[cssscriptcom]

Easy Hebrew Date Picker In Vanilla JavaScript - he-datepicker

he-datepicker picker is a tiny and easy-to-implement JavaScript library that adds a Hebrew (Jewish) date picker to your text field, powered by Hebcal API. It can be useful for websites or web applications that require users to input Hebrew dates. For instance: event scheduling, historical data entry, or Jewish holiday applications. How to use it: 1. Download and add the following JS & CSS files…