neyric/wireit

View on GitHub
sandbox/yide/assets/skins/sam/yide.css

Summary

Maintainability
Test Coverage

.yui3-skin-sam .yui3-layout-vertical > .yui3-layout-content {
    border:5px solid black;
    padding:1px;
}

/*.yui3-skin-sam .yui3-layoutchild {
    opacity:0.8;
}*/

/*#left {
    background:yellow;
}

#right {
    background:red
}*/

#top {
    background: black;
}

#top .yui3-toolbar {
  position: absolute;
  top: 10px;
  right: 10px;
}

#bottom {
    background:magenta;
}
/*
#center {
    background:blue
}*/

#bottom .yui3-layoutchild {
    background:white;
    border:1px solid black;
}

/*#bottom1 {
    opacity:0.1;
}

#bottom2 {
    opacity:0.2;
}

#bottom3 {
    opacity:0.3;
}

#bottom4 {
    opacity:0.4;
}*/

.yui3-layoutchild-content .yui3-widget-hd {
    background: white;
    color: black;
    /*border:solid black 1px;*/
    padding-left:5px;
    height:23px;
}

.yui3-layoutChild-button-collapse, .yui3-layoutChild-button-expand {
    width: 17px;
    height: 13px;
    right:5px;
    top:5px;
    position: absolute;
    background: transparent url(http://developer.yahoo.com/yui/build/layout/assets/skins/sam/layout_sprite.png) no-repeat;
}

#left .yui3-layoutChild-button-collapse {
    background-position: -20px -160px;
} 

#left .yui3-layoutChild-button-expand {
    background-position: -20px -140px;
} 

#right .yui3-layoutChild-button-collapse {
    background-position: -20px -200px;
} 

#right .yui3-layoutChild-button-expand {
    background-position: -20px -120px;
} 








.yui3-js-enabled .yui3-widget-loading { display: none; }

    /* YUI 3 Accordion Examples Page Styling 
     */

    h1 {padding-left:10px;}
    #controls {float:right;width:300px;padding:10px;margin-right:10px;background-color:#ccc;}
    #accordions {margin:0 340px 0 10px;padding:0 10px 10px;background-color:#aaa;}
    #accordions h4 {padding:10px 0 6px;}

    /* YUI 3 Accordion Sample Skin Styling
     */

    .accordion-test-vert,
    .accordion-test-horiz {width:auto;background-color:#fff;}
    .accordion-test-horiz {height:150px;}
    .accordion-test-horiz .yui3-accordion-section-clip .yui3-accordion-section {height:128px;width:20em;}
    .my-title-vert,    
    .my-title-horiz {background-color:#ccc;margin:1px;}
    .my-title-horiz {height:148px;}
    
    .my-title-horiz a,
    .my-title-vert a {display:block;text-align:left;cursor:pointer; }
    
    
    .my-title-vert a {padding:4px 0;}
    .my-title-horiz a {height:148px;padding:62px 4px 0;}
    .my-title-vert a:focus,
    .my-title-horiz a:focus,
    .my-title-vert a:hover,
    .my-title-horiz a:hover {background-color:#eee;}
    .my-section-vert,
    .my-section-horiz {margin:1px;padding:10px;}
    .my-section-vert-constrained {height: 50px;}
    
    
    
.leftLayout .yui3-widget-content-expanded {
   overflow: hidden;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 .yui3-tabview {
     margin-bottom: 1em;
 }

 .yui3-skin-sam .yui3-tab {
     position: relative;
 }

 .yui3-skin-sam .yui3-tabview-removeable .yui3-tab-label,
 .yui3-skin-sam .yui3-tabview-removeable .yui3-tab-selected .yui3-tab-label {
     padding-right: 1.3em; /* make room for close link */
 }

 .yui3-skin-sam .yui3-tabview-removeable .yui3-tab-add {
     padding-right: 0.75em; /* no close link for add tab link */
 }

 .yui3-skin-sam .yui3-tab-add {
     color: #999;
     font: bold 120%/1 verdana;
     margin-left: 0.25em;
 }

 .yui3-tab-remove {
     color: #999;
     font:bold 80% verdana;
     position: absolute;
     right: 0.4em;
     top: 0.4em;
 }

 .yui3-tab-remove:hover {
     color: #666;
 }

 .yui3-skin-sam .yui3-tab-selected .yui3-tab-remove {
     top: 0.52em;
 }

 .yui3-skin-sam .yui3-tab-selected .yui3-tab-remove:hover {
     color: #fff;
 }

 #main #example-canvas .yui3-tabview .yui3-tab-selected a {
     color:white;
 }
 
 
 
 
 .yui3-tabview-list, .yui3-tab-active, .yui3-dialog-content, .yui3-dialog .yui3-widget-hd, input[type="submit"], input[type="button"], input[type="reset"], button, .yui3-panel-content, .yui3-panel-collapsed .yui3-panel-hd {
    border-radius: 0;
 }
 
 
 
.accordion-item { 
   margin-left: 10px;
   cursor: pointer;
}
.accordion-item:hover {
   background-color: #CCC;
}

.accordion-item img { 
   
}

.accordion-item span { 
   margin-left: 10px;
}

   



.yui3-skin-sam .yui3-tabview-panel {
   background-color: white;
}

.yui3-skin-sam .yui3-tabview-list {
   border-width: 0;
}


.yui3-skin-sam .yui3-tab-selected .yui3-tab-label, .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus, .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover {
    background: url("https://yui-s.yahooapis.com/3.6.0/build/assets/skins/sam/sprite.png") repeat-x scroll left -1400px #FFFFFF;
 }
    
    
    

a.yui3-tab-label span {
     font-size: 120%;
     margin: 4px;
     position: relative;
     top: -2px;
 }