.wp-admin input[type=text], .wp-admin input[type=search], .wp-admin input[type=tel], .wp-admin input[type=time], .wp-admin input[type=url], .wp-admin input[type=week], .wp-admin input[type=password], .wp-admin input[type=date], .wp-admin input[type=datetime], .wp-admin input[type=datetime-local], .wp-admin input[type=email], .wp-admin input[type=month], .wp-admin input[type=number], .wp-admin select{ width: 190px; margin-right: 10px; } /* Dashboard CSS =============================================== */ #artistpress-dashboard{ -webkit-font-smoothing: antialiased; } #artistpress-dashboard-header{ background: purple; margin-bottom: 10px; min-height: 100px; padding: 5%; border-radius: 10px; background: url(../images/ceramics.png) no-repeat; background-size: cover; background-position: center center; -moz-box-shadow: inset 10px 1px 175px 48px rgba(0,0,0,.25); -webkit-box-shadow: inset 10px 1px 175px 48px rgba(0,0,0,.25); box-shadow: inset 10px 1px 175px 48px rgba(0,0,0,.25); } #artistpress-dashboard-header .branding{ display: block; width: 130px; height: 130px; background: url(../images/logo-reversed.svg) no-repeat; background-size: contain; } #artistpress-dashboard-header .content{ display: block; width: 100%; } #artistpress-dashboard-header h1{ color: #ffffff; font-size: 21px; line-height: 1.2em; font-weight: 700; } #artistpress-dashboard-content{ min-height: 100px; } #artistpress-dashboard-widget{ min-height: 100px; margin-top: 30px; margin-bottom: 10px; position: relative; } #artistpress-dashboard-widget h2{ font-size: 21px; line-height: 1.2em; padding-left: 80px; margin-bottom: 0; } #artistpress-dashboard-widget p{ padding-left: 80px; } #artistpress-dashboard-widget span.icon{ display: block; position: absolute; top: 0px; left: 0; width: 60px; height: 60px; text-align: center; background-size: contain; } #artistpress-dashboard-widget.artist span.icon{ background: url(../images/show_artist.svg) no-repeat; } #artistpress-dashboard-widget.shows span.icon{ background: url(../images/show_calendar.svg) no-repeat; } #artistpress-dashboard-widget.gallery span.icon{ background: url(../images/show_gallery.svg) no-repeat; } #artistpress-dashboard-widget.playlist span.icon{ background: url(../images/show_playlist.svg) no-repeat; } #artistpress-dashboard-widget.social span.icon{ background: url(../images/show_social.svg) no-repeat; } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { #artistpress-dashboard-header .branding { display: inline-block; vertical-align: middle; width: 125px; height: 125px; } #artistpress-dashboard-header h1{ font-size: 24px; } #artistpress-dashboard-header .content { display: inline-block; width: 70%; vertical-align: middle; margin-left: 5%; } #artistpress-dashboard-widget{ width: 95%; } #artistpress-dashboard-widget h2{ padding-left: 90px; } #artistpress-dashboard-widget p { font-size: 16px; padding-left: 90px; } #artistpress-dashboard-widget span.icon{ width: 80px; height: 80px; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { #artistpress-dashboard{ margin-top: 20px; } #artistpress-dashboard-header{ margin-bottom: 20px; padding: 20px; min-height: 150px; } #artistpress-dashboard-header .branding{ width: 175px; height: 175px; } #artistpress-dashboard-header .content { width: 80%; margin-left: 20px; } #artistpress-dashboard-widget{ width: 48.5%; float: left; margin-bottom: 20px; } #artistpress-dashboard-widget:nth-child(2), #artistpress-dashboard-widget:nth-child(3n+2){ margin-left: 2%; } #artistpress-dashboard-widget h2 { font-size: 22px; margin: 0; } #artistpress-dashboard-widget p { font-size: 14px; margin-top: .5em; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { #artistpress-dashboard-header{ min-height: 200px; } #artistpress-dashboard-header .branding{ width: 200px; height: 200px; } #artistpress-dashboard-header .content { width: 70%; } #artistpress-dashboard-header h1{ font-size: 32px; } #artistpress-dashboard-widget{ width: 45%; } #artistpress-dashboard-widget:nth-child(2), #artistpress-dashboard-widget:nth-child(3n+2) { margin-left: 6%; } #artistpress-dashboard-widget h2 { font-size: 24px; } #artistpress-dashboard-widget p { font-size: 16px; } } /* Large devices (large desktops, 1700px and up) */ @media (min-width: 1700px) { #artistpress-dashboard-header .content { width: 60%; } #artistpress-dashboard-header h1{ font-size: 36px; } #artistpress-dashboard-header .branding{ width: 225px; height: 225px; } } /* Settings CSS =============================================== */ /*#artistpress-settings{ padding-top: 10px; min-height: 80vh; } #artistpress-settings-header{ border: 2px solid purple; min-height: 100px; } #artistpress-settings-content{ border: 2px solid purple; min-height: 100px; }*/ /* Calendar CSS =============================================== */ /*div.calendar{ } ul.calendar-row { outline: 1px solid orange; } li.calendar-day{ min-height:120px; width: 13%; font-size:11px; position:relative; display: inline-block; vertical-align: top; padding:5px; outline: 1px solid #cccccc; } li.calendar-day.np{ background:#eee; outline: 1px solid #f6f6f6; display: none; } li.calendar-day:hover{ background:#eceff5; } li.calendar-day-head { background:#ccc; outline: 1px solid #cccccc; font-weight:bold; text-align:center; width: 13%; padding:5px; display: inline-block; vertical-align: middle; } div.day-number { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }*/ /* New Calendar CSS =============================================== */ /* calendar styles */ /*#calendar { -moz-user-select: none; border: 1px solid #EEEEEE; border-radius: 6px 6px 6px 6px; color: #333333; font-family: Arial,sans-serif; font-size: 1.1em; margin: 10px auto; padding: 0.4em; width: 90%; } #calendar .navigation { background-color: #CC0000; border: 1px solid #E3A1A1; border-radius: 6px 6px 6px 6px; color: #FFFFFF; font-weight: bold; padding: 1px; position: relative; } #calendar .navigation .title { background: none repeat scroll 0 0 transparent; border-color: rgba(0, 0, 0, 0); color: inherit; line-height: 1.8em; margin: 0 2.3em; text-align: center; } #calendar .navigation .prev, #calendar .navigation .next { background-image: url(../images/nav.png); height: 24px; opacity: 0.9; position: absolute; top: 4px; width: 24px; } #calendar .navigation .prev { background-position: 0 0; left: 4px; } #calendar .navigation .next { background-position: -24px 0; right: 4px; } #calendar .navigation .prev:hover, #calendar .navigation .next:hover { opacity: 1; } #calendar table { border-collapse: collapse; font-size: 0.9em; table-layout: fixed; width: 100%; } #calendar table th { border: 0 none; font-weight: bold; padding: 0.7em 0.3em; text-align: center; } #calendar table td { border: 0 none; padding: 1px; } #calendar table td a { background-color: #EEEEEE; border: 1px solid #D8DCDF; color: #004276; display: block; font-weight: normal; opacity: 0.7; padding: 0.2em; text-align: right; text-decoration: none; } #calendar table td a:hover { background-color: #F6F6F6; border: 1px solid #CDD5DA; color: #111111; } #calendar table td.current a { font-weight: bold; opacity: 1; } #calendar table td.today a { background-color: #FBF8EE; border: 1px solid #FCD3A1; color: #444444; font-weight: bold; opacity: 1; }*/