noodall-ui 0.0.2

data/public/stylesheets/admin/skin.css

@@ -0,0 +1,698 @@
+/* -------------- SKIN (color, background etc) -------------- */
+
+body {
+        background:#fff;
+        color:#000;
+}
+
+/* -------------- HEADER -------------- */
+
+#header {
+        background:#232222;
+        color:#cecece;
+}
+
+#header h1 strong,
+#header a {
+        color:#fff;
+}
+/* -------------- MODULE FANCY BOX -------------- */
+
+#fancybox-topnav {
+        background:#4992c7;
+        color:#fff;
+        border-top:1px solid #336e8b;
+        height:45px;
+
+}
+#fancybox-topnav h1 {
+        text-align:left;
+        padding:14px 0 0 20px;
+}
+.component_buttons {
+        background:#232222;
+}
+
+/* ---------------- MODULE DIAGRAM --------------*/
+
+table.component-table {
+  background-color:#E9E9E9;
+  border:1px solid #C2C2C2;
+}
+table.component-table td {
+  border: 4px solid white;
+  background: white;
+}
+table.component-table td.content {
+  background:#eee;
+}
+
+table.component-table td a {
+  color: #FFF;
+  background: #C2C2C2;
+}
+table.component-table td a.filled {
+  background: #E47373;
+}
+
+/* -------------- NAVIGATION -------------- */
+
+ul#topnav {
+        background:#106bab;
+        color:#fff;
+        border-top:1px solid #336e8b;
+}
+
+ul#topnav li a {
+        color:#fff;
+}
+
+ul#topnav li a:hover {
+        background:#49a3e1;
+        color:#fff;
+}
+
+ul#topnav li {
+        border-left:1px dotted #49a3e1;
+}
+
+ul#topnav li:first-child {
+        border-left:none;
+}
+
+
+/* -------------- CONTENT -------------- */
+
+#content form .fixed-form {
+        background:#232222;
+        color:#fff;
+}
+
+#modules-list {
+        border:1px solid #c2c2c2;
+        background:#e9e9e9;
+}
+#template-wireframe{
+        display:block;
+        padding-top:3px;
+}
+
+#sub-form ol#slot-list {
+        border:1px solid #c2c2c2;
+        background:#fff;
+        list-style:decimal inside none;
+}
+
+ol#slot-list li {
+        padding-left:6px;
+        border-top:1px solid #c2c2c2;
+}
+
+#sub-form ol#slot-list li a {
+        padding:10px 17px 10px 0px !important;
+}
+
+#sub-form ol#slot-list li a {
+        color:#000;
+}
+
+#sub-form ol#slot-list li:first-child {
+        border-top:none;
+}
+
+#sub-form ol#slot-list li:hover {
+        background-color: #d4ecfc;
+}
+
+.slot_tag {
+        border-left:1px dotted #C2C2C2;
+        color:#9A9A9A;
+}
+
+div#content-table {
+        border:1px solid #c2c2c2;
+        background:#e9e9e9;
+}
+
+div#content-table table.content {
+        border:1px solid #c2c2c2;
+        background:#fff;
+}
+
+div#content-table table.content td{
+        color:#707070;
+}
+
+a.edit {
+        color:#106bab;
+}
+
+div#content-table table.content td a.child-no,
+div#content-table table.content td.file a {
+        color:#707070;
+}
+
+a.edit:hover,
+#info h2 {
+        color:#d4954c;
+}
+
+div#content-table table.content td a.child-no:hover,
+div#content-table table.content td.file a:hover {
+        color:#83b452;
+}
+
+
+div#content-table table.content thead,
+div#content-table table.content tfoot,
+div#content-table table.content thead a,
+div#content-table table.content tfoot a {
+        background: #4a4747;
+        color:#fff;
+}
+
+div#content-table table.content tr.even {
+        background:#fff6d3;
+}
+
+div#content-table table.content tbody tr:hover {
+        background:#e4edff !important;
+}
+
+div#content-table table.content th {
+        border-left:1px solid #686666;
+}
+
+div#content-table table.content td {
+        border-left:1px solid #D3D3D3 !important;
+}
+
+div#content-table table.content th:first-child,
+div#content-table table.content td:first-child,
+div#content-table table.content td.down {
+        border-left:none !important;
+}
+
+a.change {
+        background: url(/images/admin/change.gif) no-repeat 0 0;
+        height:27px;
+        margin:5px 0 0px;
+        width:280px;
+}
+
+ul.choices li a {
+        color:#000;
+        background: url(/images/admin/media.gif) no-repeat 0 0;
+}
+
+ul.choices li a.button {
+        background: url(/images/admin/nav.gif) no-repeat 0 0;
+}
+
+ul.choices li a.up.button {
+        background: url(/images/admin/nav-2.gif) no-repeat 0 -44px;
+}
+
+  ul.choices li a.up.button:hover  {
+          background-position:-122px -44px;
+  }
+
+ul.choices li a.button  {
+        background-position:0 0;
+}
+
+  ul.choices li a.button:hover  {
+          background-position:-122px 0;
+  }
+
+ul.choices li a.top.button  {
+        background-position:0 -44px;
+}
+
+  ul.choices li a.top.button:hover  {
+          background-position:-122px -44px;
+  }
+
+ul.choices li a.download.button  {
+        background-position:0 -88px;
+}
+
+  ul.choices li a.download.button:hover  {
+          background-position:-122px -88px;
+  }
+
+ul.choices li.upload a  {
+        background-position:0 -44px;
+}
+
+
+  ul.choices li.upload a:hover  {
+          background-position:-122px -44px;
+  }
+  
+  
+  ul.choices li.cancel a:hover{
+          background-position:-122px 0px;
+  }
+  
+  
+ul.choices li.action a  {
+        background-position:0 -220px;
+}
+
+  ul.choices li.action a:hover  {
+          background-position:-122px -220px;
+  }
+
+ul.choices li.images a  {
+        background-position:0 -88px;
+}
+
+  ul.choices li.images a:hover  {
+          background-position:-122px -88px;
+  }
+
+ul.choices li.videos a  {
+        background-position:0 -176px;
+}
+
+  ul.choices li.videos a:hover  {
+          background-position:-122px -176px;
+  }
+
+ul.choices li.back a  {
+        background-position:0 0;
+}
+
+  ul.choices li.back a:hover  {
+          background-position:-122px 0;
+  }
+
+ul.choices li.documents a  {
+        background-position:0 -132px;
+}
+
+  ul.choices li.documents a:hover  {
+          background-position:-122px -132px;
+  }
+
+ul.choices li a:hover {
+        cursor:pointer;
+}
+
+#tags, div.tags {
+        border:3px solid #c46f1c;
+        background:#e19449;
+}
+
+#tags a, div.tags a {
+        background:#fff url(/images/admin/tag.png) no-repeat -3px -2px;
+        color:#000;
+}
+
+#tags a:hover, div.tags a:hover {
+        background-color:#C46F1C;
+        color:#fff;
+}
+
+/* PAGINATION */
+
+.pagination a, #tree-browser a {
+        color:#106bab;
+}
+
+.pagination a:hover {
+        color:#49a3e1;
+}
+
+.pagination span {
+        color:#686666;
+}
+
+.pagination .prev_page,
+.pagination .next_page {
+        background:url("/images/admin/pagination.gif") no-repeat scroll;
+
+}
+
+.pagination a.prev_page {
+        background-position:0 0;
+}
+
+.pagination a.next_page {
+        background-position:-130px 0;
+}
+
+.pagination span.prev_page {
+        background-position:0 -26px;
+}
+
+.pagination span.next_page {
+        background-position:-130px -26px;
+}
+
+/* -------------- TABLE ICONS -------------- */
+
+a.edit, span.edit {
+        background:url(/images/admin/edit.png) no-repeat right -4px;
+}
+
+  a.edit:hover, span.edit:hover {
+          background-position: right -68px;
+  }
+
+a.delete, span.delete {
+        background:url(/images/admin/delete.png) no-repeat -1px -4px;
+}
+a.download {
+        background:url(/images/admin/download.png) no-repeat -1px -4px;
+}
+
+a.show {
+        background:url(/images/admin/view.png) no-repeat -1px -4px;
+}
+
+a.page_up {
+        background:url(/images/admin/up.png) no-repeat -1px -4px;
+}
+
+a.page_down {
+        background:url(/images/admin/down.png) no-repeat -1px -4px;
+}
+
+span.check {
+        background:url(/images/admin/check.png) no-repeat -1px -4px;
+}
+
+span.draft {
+        background:url(/images/admin/draft.png) no-repeat -1px -4px;
+}
+
+a.child, a.add{
+        background:url(/images/admin/add.png) no-repeat -1px -4px;
+}
+
+#asset-browser.multi a.add {
+        background:url(/images/admin/select_image.gif) no-repeat 4px;
+}
+#asset-browser.multi a.add.selected {
+        background:url(/images/admin/select_image.gif) no-repeat -22px;
+}
+a.delete:hover,
+span.delete:hover,
+a.page_up:hover,
+a.page_down:hover,
+a.child:hover,
+a.add:hover,
+a.download:hover
+ {
+        background-position: -1px -36px;
+}
+
+a.show:hover {
+        background-position: -2px -37px;
+}
+
+td.file:hover a.show {
+        background-position: -2px -37px;
+}
+
+td.file:hover {cursor:pointer;}
+
+th.sort a {
+          background:url(/images/admin/sort.png) no-repeat right 1px !important;
+          padding:10px 42px 10px 0;
+}
+
+th.sort a:hover {
+          background-position: right -30px !important;
+          color:#49a3e1 !important;
+}
+
+.edit-item {
+          background:url(/images/admin/edit.gif) no-repeat;
+          width:89px;
+          height:26px;
+          position:absolute;
+          right:2px;
+          top:2px;
+}
+
+/* -------------- TINY MCE -------------- */
+
+/* This overides the TinyMCE stylesheet */
+
+#content form p.tinymce {
+        min-width:543px;
+}
+
+a#node_body_mybutton img  {
+background-position:-180px -20px;
+}
+
+table#node_body_tbl,
+.defaultSkin iframe {
+        width:100% !important;
+}
+
+.defaultSkin td.mceToolbar {
+        padding:0 0 9px !important;
+}
+
+.defaultSkin table {
+        background:none !important;
+}
+
+.defaultSkin table.mceLayout tr.mceLast td,
+.defaultSkin table.mceLayout tr.mceFirst td,
+.defaultSkin table.mceLayout {
+        border:none !important;
+}
+
+.defaultSkin .mceIframeContainer {
+        border:1px solid #C2C2C2;
+}
+
+.defaultSkin .mceMenu table {background:#FFF !important;}
+
+/* --------------- ASSETS ----------------*/
+
+.file img,
+#image img,
+.file-selectable .file-detail {
+        border:1px solid #c2c2c2;
+        background:#e9e9e9 !important;
+}
+
+/* SHOW IMAGE */
+
+#image img {
+        display:block;
+}
+
+#show-assets #info,
+#show-assets #no-tags {
+        border:1px solid #c2c2c2;
+        background:#fff;
+}
+
+#show-assets #no-tags a {
+        color:#106bab;
+}
+
+#show-assets #no-tags a:hover,
+#show-assets #no-tags h2 {
+        color:#D4954C;
+}
+
+#tree-browser span.expand {
+   background:#82b452;
+   border:3px solid #548126;
+   color: #fff;
+}
+
+/* -------------- JQUERY and CSS3 -------------- */
+
+/* TOOLTIP */
+
+.new th,
+.show th {
+  cursor:help;
+}
+
+.tooltip {
+        background:url(/images/admin/info.png) no-repeat center center;
+        cursor:help;
+}
+
+a.tooltip,
+th .tooltip {
+        background:url(/images/admin/info-white.png) no-repeat center center;
+}
+
+.tooltip-show {
+        color:#000;
+        background:#d4ecfc;
+        border:#60a0be 1px solid;
+}
+
+/*.tooltip-top {
+        background:url(/images/admin/tooltip-top.png) no-repeat;
+}
+
+.tooltip-middle {
+        background:url(/images/admin/tooltip-middle.png) repeat;
+}
+
+.tooltip-bottom {
+        background:url(/images/admin/tooltip-bottom.png) no-repeat;
+}
+*/
+
+#pending {
+  background:#E47373;
+  border:3px solid #9C3B3B;
+  color:#fff;
+}
+#pending a {
+  color:#fff;
+  text-decoration: underline;
+}
+
+
+/* BORDER RADIUS */
+
+span.input-wrap,
+span.textarea-wrap,
+div#content-table,
+div#flash,
+.plupload_container,
+ul.choices li a,
+#tags,
+div.tags,
+#show-assets #info,
+#modules-list,
+.pagination .prev_page,
+.pagination .next_page,
+ul#topnav li a:hover,
+.file img,
+#image img,
+#tags a, div.tags a,
+#show-assets #no-tags,
+div#flash div,
+.select-file,
+span.done,
+table.component-table,
+#errorExplanation,
+.file-selectable .file-detail,
+#pending,
+.tooltip-show {
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        border-radius: 3px;
+}
+
+#fancybox-outer   {
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+}
+
+#tree-browser span.expand  {
+        -webkit-border-radius: 15px;
+        -moz-border-radius: 15px;
+        border-radius: 15px;
+}
+
+/* ------------- IMAGE REPLACEMENT  --------------- */
+
+
+.fixed-form a.cancel,
+.fixed-form a.preview,
+.fixed-form input.draft,
+.fixed-form input.cancel,
+.fixed-form input.publish,
+.fixed-form input.update,
+.fixed-form input.create,
+.fixed-form a.advanced,
+.fixed-form input.change,
+a.delete,
+span.edit,
+span.delete,
+a.page_up,
+a.page_down,
+a.show,
+a.add,
+span.check,
+span.draft,
+a.child,
+.form-save,
+.form-delete,
+.form-reset,
+.add-multi-asset,
+.remove,
+.pagination .prev_page,
+.pagination .next_page,
+ul.choices li a,
+a.download,
+.edit-item,
+a.change {
+        overflow: hidden;
+        text-align: left;
+        display: block;
+        line-height:0;
+        text-indent: -1000em;
+}
+
+/* ------------- STUFF TO BE TIDIED --------------- */
+
+.select-file, span.done {
+        background: #60A0BE;
+        border:2px solid #D4ECFC;
+        color: #fff;
+        font-weight: bold;
+        padding: 9px;
+        margin-right:5px;
+        display:inline-block;
+}
+
+.select-file:hover, span.done:hover {
+         background: #D4ECFC;
+         cursor: pointer;
+}
+
+.multi-file-files ol li {
+  border-top: 1px solid #c2c2c2;
+  background: white;
+}
+
+#image {
+  margin-top:32px;
+}
+
+a {
+  color:#106BAB;
+}
+
+a:hover {
+  color:#D4954C;
+}
+
+
+
+
+/*download button*/
+#content form input.download-button{
+  background:url("/images/admin/nav.gif") no-repeat scroll 0 -88px transparent;
+  border:0 none;
+  color:#FFFFFF;
+  font-size:0;
+  height:50px;
+  text-align:right;
+  width:122px;
+}
+
+#content form input.download-button:hover {
+  background-position: -122px -88px;
+  cursor:pointer;
+}

data/public/stylesheets/admin/tinymce.css

@@ -0,0 +1,2 @@
+/* This file modifies the look of content within the editor window */
+body, td, pre {font-size:12px;}