Commit f189646a authored by Eric Rasmussen's avatar Eric Rasmussen
Browse files

Clean up the unl skin content.css

parent 5f35103a
......@@ -2,18 +2,18 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><!-- InstanceBegin template="/Templates/fixed.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!--
Membership and regular participation in the UNL Web Developer Network
is required to use the UNL templates. Visit the WDN site at
http://wdn.unl.edu/. Click the WDN Registry link to log in and
register your unl.edu site.
All UNL template code is the property of the UNL Web Developer Network.
The code seen in a source code view is not, and may not be used as, a
template. You may not use this code, a reverse-engineered version of
this code, or its associated visual presentation in whole or in part to
create a derivative work.
This message may not be removed from any pages based on the UNL site template.
$Id: fixed.dwt 536 2009-07-23 15:47:30Z bbieber2 $
Membership and regular participation in the UNL Web Developer Network
is required to use the UNL templates. Visit the WDN site at
http://wdn.unl.edu/. Click the WDN Registry link to log in and
register your unl.edu site.
All UNL template code is the property of the UNL Web Developer Network.
The code seen in a source code view is not, and may not be used as, a
template. You may not use this code, a reverse-engineered version of
this code, or its associated visual presentation in whole or in part to
create a derivative work.
This message may not be removed from any pages based on the UNL site template.
$Id: fixed.dwt 536 2009-07-23 15:47:30Z bbieber2 $
-->
<link rel="stylesheet" type="text/css" media="screen" href="/wdn/templates_3.0/css/all.css" />
<link rel="stylesheet" type="text/css" media="print" href="/wdn/templates_3.0/css/print.css" />
......@@ -54,7 +54,7 @@ WDN.loadJS("jquery.tinymce.js",function () {
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "css/content.css",
//content_css : "css/content.css",
/* // Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
......@@ -77,35 +77,35 @@ WDN.loadJS("jquery.tinymce.js",function () {
<body class="fixed">
<p class="skipnav"> <a class="skipnav" href="#maincontent">Skip Navigation</a> </p>
<div id="wdn_wrapper">
<div id="header"> <a href="http://www.unl.edu/" title="UNL website"><img src="/wdn/templates_3.0/images/logo.png" alt="UNL graphic identifier" id="logo" /></a>
<h1>University of Nebraska&ndash;Lincoln</h1>
<!--#include virtual="/wdn/templates_3.0/includes/wdnTools.html" -->
</div>
<div id="wdn_navigation_bar">
<div id="breadcrumbs">
<!-- WDN: see glossary item 'breadcrumbs' -->
<!-- InstanceBeginEditable name="breadcrumbs" -->
<ul>
<li><a href="http://www.unl.edu/" title="University of Nebraska&ndash;Lincoln">UNL</a></li>
<li>Department</li>
</ul>
<!-- InstanceEndEditable --></div>
<div id="wdn_navigation_wrapper">
<div id="navigation"><!-- InstanceBeginEditable name="navlinks" -->
<ul><li><a href="http://unl.edu/">Home</a></li></ul>
<!-- InstanceEndEditable --></div>
</div>
</div>
<div id="wdn_content_wrapper">
<div id="titlegraphic"><!-- InstanceBeginEditable name="titlegraphic" -->
<h1><a href="#">Undergraduate Office of Admissions</a></h1>
<!-- InstanceEndEditable --></div>
<div id="pagetitle"><!-- InstanceBeginEditable name="pagetitle" --><h2><a href="#">My Page Title</a></h2><!-- InstanceEndEditable --></div>
<div id="maincontent">
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- InstanceBeginEditable name="maincontentarea" -->
<div id="header"> <a href="http://www.unl.edu/" title="UNL website"><img src="/wdn/templates_3.0/images/logo.png" alt="UNL graphic identifier" id="logo" /></a>
<h1>University of Nebraska&ndash;Lincoln</h1>
<!--#include virtual="/wdn/templates_3.0/includes/wdnTools.html" -->
</div>
<div id="wdn_navigation_bar">
<div id="breadcrumbs">
<!-- WDN: see glossary item 'breadcrumbs' -->
<!-- InstanceBeginEditable name="breadcrumbs" -->
<ul>
<li><a href="http://www.unl.edu/" title="University of Nebraska&ndash;Lincoln">UNL</a></li>
<li>Department</li>
</ul>
<!-- InstanceEndEditable --></div>
<div id="wdn_navigation_wrapper">
<div id="navigation"><!-- InstanceBeginEditable name="navlinks" -->
<ul><li><a href="http://unl.edu/">Home</a></li></ul>
<!-- InstanceEndEditable --></div>
</div>
</div>
<div id="wdn_content_wrapper">
<div id="titlegraphic"><!-- InstanceBeginEditable name="titlegraphic" -->
<h1><a href="#">TinyMCE Example</a></h1>
<!-- InstanceEndEditable --></div>
<div id="pagetitle"><!-- InstanceBeginEditable name="pagetitle" --><h2><a href="#">My Page Title</a></h2><!-- InstanceEndEditable --></div>
<div id="maincontent">
<!--THIS IS THE MAIN CONTENT AREA; WDN: see glossary item 'main content area' -->
<!-- InstanceBeginEditable name="maincontentarea" -->
<form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
......@@ -119,13 +119,19 @@ WDN.loadJS("jquery.tinymce.js",function () {
<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
<div>
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%" class="tinymce">
&lt;h3&gt;Headline H3&lt;/h3&gt;
&lt;div class="three_col left"&gt;
&lt;p&gt;
This is some example text that you can edit inside the &lt;strong&gt;TinyMCE editor&lt;/strong&gt;.
This is some <a href="http://wdn.unl.edu/">example text</a> that you can edit inside the &lt;strong&gt;TinyMCE editor&lt;/strong&gt;.
&lt;/p&gt;
&lt;div class="zenbox"&gt;&lt;h3&gt;zenbox title&lt;/h3&gt;this is text in a zenbox&lt;/div&gt;
&lt;p&gt;
Nam nisi elit, cursus in rhoncus sit amet, pulvinar laoreet leo. Nam sed lectus quam, ut sagittis tellus. Quisque dignissim mauris a augue rutrum tempor. Donec vitae purus nec massa vestibulum ornare sit amet id tellus. Nunc quam mauris, fermentum nec lacinia eget, sollicitudin nec ante. Aliquam molestie volutpat dapibus. Nunc interdum viverra sodales. Morbi laoreet pulvinar gravida. Quisque ut turpis sagittis nunc accumsan vehicula. Duis elementum congue ultrices. Cras faucibus feugiat arcu quis lacinia. In hac habitasse platea dictumst. Pellentesque fermentum magna sit amet tellus varius ullamcorper. Vestibulum at urna augue, eget varius neque. Fusce facilisis venenatis dapibus. Integer non sem at arcu euismod tempor nec sed nisl. Morbi ultricies, mauris ut ultricies adipiscing, felis odio condimentum massa, et luctus est nunc nec eros.
&lt;/p&gt;
&lt;/div&gt;
&lt;div class="col right"&gt;
&lt;div class="zenbox"&gt;&lt;h3&gt;zenbox title&lt;/h3&gt;this is text in a zenbox&lt;/div&gt;
&lt;/div&gt;
</textarea>
</div>
......@@ -148,34 +154,34 @@ WDN.loadJS("jquery.tinymce.js",function () {
</div>
</form>
<!-- InstanceEndEditable -->
<div class="clear"></div>
<!--#include virtual="/wdn/templates_3.0/includes/noscript.html" -->
<!--THIS IS THE END OF THE MAIN CONTENT AREA.-->
</div>
<div id="footer">
<div id="footer_floater"></div>
<div class="footer_col">
<!--#include virtual="/wdn/templates_3.0/includes/feedback.html" -->
</div>
<div class="footer_col"><!-- InstanceBeginEditable name="leftcollinks" -->
<h3>Related Links</h3>
<!-- InstanceEndEditable --></div>
<div class="footer_col"><!-- InstanceBeginEditable name="contactinfo" -->
<h3>Contacting Us</h3>
<!-- InstanceEndEditable --></div>
<div class="footer_col">
<!--#include virtual="/wdn/templates_3.0/includes/socialmediashare.html" -->
</div>
<!-- InstanceBeginEditable name="optionalfooter" --> <!-- InstanceEndEditable -->
<div id="wdn_copyright"><!-- InstanceBeginEditable name="footercontent" -->
Copyright 2010
<!-- InstanceEndEditable -->
<!--#include virtual="/wdn/templates_3.0/includes/wdn.html" -->
| <a href="http://validator.unl.edu/check/referer">W3C</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">CSS</a> <a href="http://www.unl.edu/" title="UNL Home" id="wdn_unl_wordmark"><img src="/wdn/templates_3.0/css/footer/images/wordmark.png" alt="UNL's wordmark" /></a> </div>
</div>
</div>
<div id="wdn_wrapper_footer"> </div>
<!-- InstanceEndEditable -->
<div class="clear"></div>
<!--#include virtual="/wdn/templates_3.0/includes/noscript.html" -->
<!--THIS IS THE END OF THE MAIN CONTENT AREA.-->
</div>
<div id="footer">
<div id="footer_floater"></div>
<div class="footer_col">
<!--#include virtual="/wdn/templates_3.0/includes/feedback.html" -->
</div>
<div class="footer_col"><!-- InstanceBeginEditable name="leftcollinks" -->
<h3>Related Links</h3>
<!-- InstanceEndEditable --></div>
<div class="footer_col"><!-- InstanceBeginEditable name="contactinfo" -->
<h3>Contacting Us</h3>
<!-- InstanceEndEditable --></div>
<div class="footer_col">
<!--#include virtual="/wdn/templates_3.0/includes/socialmediashare.html" -->
</div>
<!-- InstanceBeginEditable name="optionalfooter" --> <!-- InstanceEndEditable -->
<div id="wdn_copyright"><!-- InstanceBeginEditable name="footercontent" -->
Copyright 2010
<!-- InstanceEndEditable -->
<!--#include virtual="/wdn/templates_3.0/includes/wdn.html" -->
| <a href="http://validator.unl.edu/check/referer">W3C</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">CSS</a> <a href="http://www.unl.edu/" title="UNL Home" id="wdn_unl_wordmark"><img src="/wdn/templates_3.0/css/footer/images/wordmark.png" alt="UNL's wordmark" /></a> </div>
</div>
</div>
<div id="wdn_wrapper_footer"> </div>
</div>
</body>
<!-- InstanceEnd --></html>
......@@ -48,9 +48,7 @@ Unl.hasParentNodeWithClass = function(childNode, parentClass) {
ed.onBeforeSetContent.add(function(ed, o) {
ed.dom.loadCSS("http://www.unl.edu/wdn/templates_3.0/css/all.css");
ed.getBody().className += ' fixed';
//ed.getBody().style.fontSize = 'inherit'; //Throws an error in IE - inherit not supported
ed.getBody().id = 'maincontent';
ed.getBody().parentNode.className = 'tinyMceEditor';
});
ed.onPostProcess.add(function(ed, o) {
......
/*body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
/* themes/advanced/skins/default/content.css
********************************************/
/*body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}*/
body {background:#FFF;}
body.mceForceColors {background:#FFF; color:#000;}
h1 {font-size: 2em}
/*h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
h4 {font-size: 1em}
h5 {font-size: .83em}
h6 {font-size: .75em}
h6 {font-size: .75em}*/
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
a.mceItemAnchor {display:inline-block; width:11px !important; height:11px !important; background:url(img/items.gif) no-repeat 0 0;}
td.mceSelected, th.mceSelected {background-color:#3399ff !important}
img {border:0;}
table {cursor:default}
table td, table th {cursor:text}
ins {border-bottom:1px solid green; text-decoration: none; color:green}
del {color:red; text-decoration:line-through}
cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr {border-bottom:1px dashed #CCC; cursor:help}
* html body {
scrollbar-3dlight-color:#F0F0EE;
scrollbar-arrow-color:#676662;
scrollbar-base-color:#F0F0EE;
scrollbar-darkshadow-color:#DDD;
scrollbar-face-color:#E0E0DD;
scrollbar-highlight-color:#F0F0EE;
scrollbar-shadow-color:#F0F0EE;
scrollbar-track-color:#F5F5F5;
}
img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px}
font[face=mceinline] {font-family:inherit !important}*/
body, td, pre {color:#000; font: 12px/1.5em "Lucida Grande", Helvetica, Arial, sans-serif; margin:8px;}
html,body {background:#FFF; padding: 0 !important; margin: 0 !important; }
body {height: 94% !important; padding: .5% 5px !important;}
body.mceForceColors {background:#FFF; color:#000;}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
h4 {font-size: 1em}
h5 {font-size: .83em}
h6 {font-size: .75em}
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #ccc;margin:-1px;min-width:20px;}
a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;}
img.mceItemAnchor {width:12px; height:12px; background:url(img/items.gif) no-repeat;}
img {border:0;}
......@@ -54,6 +21,7 @@ cite {border-bottom:1px dashed blue}
acronym {border-bottom:1px dotted #CCC; cursor:help}
abbr, html\:abbr {border-bottom:1px dashed #CCC; cursor:help}
/* IE */
* html body {
scrollbar-3dlight-color:#F0F0EE;
scrollbar-arrow-color:#676662;
......@@ -64,8 +32,11 @@ scrollbar-highlight-color:#F0F0EE;
scrollbar-shadow-color:#F0F0EE;
scrollbar-track-color:#F5F5F5;
}
/* UNL UI helpers for tinymce */
#maincontent body {
/* UNL UI helpers for tinymce
*****************************/
#maincontent{
width:940px;
margin:0 auto !important;
}
......@@ -82,8 +53,7 @@ scrollbar-track-color:#F5F5F5;
-webkit-border-top-right-radius:5px;
}
/* UI tweaks not visible in rendered page to help our users */
.tinyMceEditor .col, .tinyMceEditor .one_col, .tinyMceEditor .two_col, .tinyMceEditor .three_col {
border:1px dashed #ccc;
margin:-1px;
.col,.one_col,.two_col,.three_col {
border:1px dashed #ccc;
margin:-1px;
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment