/*
Theme Name: CC Vocabulary Theme
Author: the Creative Commons team; possumbilities, Timid Robot
Author URI: https://opensource.creativecommons.org/
Description: Theme based on the Vocabulary Design System
Version: 1.14
Requires at least: 5.0
Tested up to: 6.2.2
Requires PHP: 7.0
License: MIT License
License URI: https://github.com/creativecommons/vocabulary-theme/blob/main/LICENSE
*/
@import ‘vocabulary/css/vocabulary.css’ layer(vocabulary);
@import ‘chooser/css/chooser.css’ layer(chooser);
/* WordPress specific rules */
/* Mainly for hiding the pagination heading WP provides */
.screen-reader-text {
height: 0;
margin: 0;
padding: 0;
visibility: hidden;
}
/* Classic Editor TinyMCE WYSIWYG editor image alignment */
/* TODO: port in alignleft and alignright rules here as well? */
main figure:has(img.aligncenter) {
width: 100%;
margin-left: 0;
}
/* Classic Editor TinyMCE WYSIWYG editor image alignment, previous theme’s markukp */
/* presently
*/
div[id^=”attachment_”] {
width: 120%;
margin: 0;
margin-left: -10%;
margin-bottom: 3em;
padding: 0;
float: none;
}
/* presently ![]()
*/
div[id^=”attachment_”] img[class^=”wp-image”]:not([width]) {
width: 100%;
}
/* presently */
div[id^=”attachment_”] p[id^=”caption-attachment-“] {
display: block;
margin-top: 1em;
font-size: 1em;
}
div[id^=”attachment_”].alignleft {
margin-top: 2em;
margin-right: 2em;
margin-left: -10%;
width: 50%;
float: left;
}
div[id^=”attachment_”].alignleft:after {
display: block;
content: ”;
height: 3em;
clear: both;
}
div[id^=”attachment_”].aligncenter {
width: 100%;
margin-left: 0;
}
div[id^=”attachment_”].alignright {
margin-top: 2em;
margin-right: -10%;
margin-left: 2em;
width: 50%;
float: right;
}
div[id^=”attachment_”].alignright:after {
display: block;
content: ”;
height: 2em;
clear: both;
}
main .content div[id^=”attachment_”].alignleft {
margin-left: 0;
width: 40%;
}
main .content div[id^=”attachment_”].alignright {
margin-right: 0;
width: 40%;
}
main .content figure:has(img.alignleft), .blog-post main figure:has(img.alignleft) {
margin-right: 2em;
margin-left: 0;
width: 40%;
float: left;
}
main .content figure:has(img.alignright), .blog-post main figure:has(img.alignright) {
margin-right: 0;
margin-left: 2em;
width: 40%;
float: right;
}
.course-index, course-page {
background: white;
}
.course-page main .content {
grid-column: 2 / span 9;
}
@media (max-width:400px) {
div[id^=”attachment_”].alignleft {
width: 100%;
float: none;
margin: 0;
}
div[id^=”attachment_”].alignright {
width: 100%;
float: none;
margin: 0;
}
main .content div[id^=”attachment_”].alignleft {
width: 100%;
float: none;
margin: 0;
}
main .content div[id^=”attachment_”].alignright {
width: 100%;
float: none;
margin: 0;
}
main .content figure:has(img.alignleft), .blog-post main figure:has(img.alignleft) {
width: 100%;
float: none;
margin: 0;
}
main .content figure:has(img.alignright), .blog-post main figure:has(img.alignright) {
width: 100%;
float: none;
margin: 0;
}
}