From e47e83cf6bded3d1924b4d500193e7876833ef83 Mon Sep 17 00:00:00 2001 From: Kelly Rauchenberger Date: Sun, 2 Jul 2017 13:03:43 -0400 Subject: Created admin panel Currently allows you to create and edit blogs, including associated records. Uses a WYSIWYG editor that allows uploading images. Also included jQuery :( --- app/assets/javascripts/ckeditor/contents.css | 208 +++++++++++++++++++++++++++ 1 file changed, 208 insertions(+) create mode 100644 app/assets/javascripts/ckeditor/contents.css (limited to 'app/assets/javascripts/ckeditor/contents.css') diff --git a/app/assets/javascripts/ckeditor/contents.css b/app/assets/javascripts/ckeditor/contents.css new file mode 100644 index 0000000..920f2ca --- /dev/null +++ b/app/assets/javascripts/ckeditor/contents.css @@ -0,0 +1,208 @@ +/* +Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. +For licensing, see LICENSE.md or http://ckeditor.com/license +*/ + +body +{ + /* Font */ + font-family: sans-serif, Arial, Verdana, "Trebuchet MS"; + font-size: 12px; + + /* Text color */ + color: #333; + + /* Remove the background color to make it transparent */ + background-color: #fff; + + margin: 20px; +} + +.cke_editable +{ + font-size: 13px; + line-height: 1.6; + + /* Fix for missing scrollbars with RTL texts. (#10488) */ + word-wrap: break-word; +} + +blockquote +{ + font-style: italic; + font-family: Georgia, Times, "Times New Roman", serif; + padding: 2px 0; + border-style: solid; + border-color: #ccc; + border-width: 0; +} + +.cke_contents_ltr blockquote +{ + padding-left: 20px; + padding-right: 8px; + border-left-width: 5px; +} + +.cke_contents_rtl blockquote +{ + padding-left: 8px; + padding-right: 20px; + border-right-width: 5px; +} + +a +{ + color: #0782C1; +} + +ol,ul,dl +{ + /* IE7: reset rtl list margin. (#7334) */ + *margin-right: 0px; + /* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/ + padding: 0 40px; +} + +h1,h2,h3,h4,h5,h6 +{ + font-weight: normal; + line-height: 1.2; +} + +hr +{ + border: 0px; + border-top: 1px solid #ccc; +} + +img.right +{ + border: 1px solid #ccc; + float: right; + margin-left: 15px; + padding: 5px; +} + +img.left +{ + border: 1px solid #ccc; + float: left; + margin-right: 15px; + padding: 5px; +} + +pre +{ + white-space: pre-wrap; /* CSS 2.1 */ + word-wrap: break-word; /* IE7 */ + -moz-tab-size: 4; + tab-size: 4; +} + +.marker +{ + background-color: Yellow; +} + +span[lang] +{ + font-style: italic; +} + +figure +{ + text-align: center; + border: solid 1px #ccc; + border-radius: 2px; + background: rgba(0,0,0,0.05); + padding: 10px; + margin: 10px 20px; + display: inline-block; +} + +figure > figcaption +{ + text-align: center; + display: block; /* For IE8 */ +} + +a > img { + padding: 1px; + margin: 1px; + border: none; + outline: 1px solid #0782C1; +} + +/* Widget Styles */ +.code-featured +{ + border: 5px solid red; +} + +.math-featured +{ + padding: 20px; + box-shadow: 0 0 2px rgba(200, 0, 0, 1); + background-color: rgba(255, 0, 0, 0.05); + margin: 10px; +} + +.image-clean +{ + border: 0; + background: none; + padding: 0; +} + +.image-clean > figcaption +{ + font-size: .9em; + text-align: right; +} + +.image-grayscale +{ + background-color: white; + color: #666; +} + +.image-grayscale img, img.image-grayscale +{ + filter: grayscale(100%); +} + +.embed-240p +{ + max-width: 426px; + max-height: 240px; + margin:0 auto; +} + +.embed-360p +{ + max-width: 640px; + max-height: 360px; + margin:0 auto; +} + +.embed-480p +{ + max-width: 854px; + max-height: 480px; + margin:0 auto; +} + +.embed-720p +{ + max-width: 1280px; + max-height: 720px; + margin:0 auto; +} + +.embed-1080p +{ + max-width: 1920px; + max-height: 1080px; + margin:0 auto; +} -- cgit 1.4.1