Resume styles

node-resume.scss

@import '_variables';

 
.node-type-resume{
   h1{
      margin-top:$baseline !important;
      
      .picture{ display:inline-block; margin-right:$gutter; }
      
      a.edit_my_resume, a.back_to_profile{
         font-size:14px; word-spacing:4px; letter-spacing:0em; line-height:$baseline; 
      }
      
      a.edit_my_profile{ padding-left:$gutter; }
      a.back_to_profile{ display:block; clear:left; }
      span.light{ color:$light_blue; }
   }
   
   #node-form{
      padding:0 !important;
      
      label{
         display:inline-block; width:270px;
         color:$darker_blue; font-size:13px;
      }
      
      legend{ /* TODO: Globalize this style */
         width:100%; padding:$baseline 0 $baseline*2; 
         color:$darker_blue; font-size:24px; line-height:$baseline*3; font-weight:bold;
         text-transform:none; text-indent:$gutter;
         background: url(../images/bg-shadow-arrow.png) no-repeat left bottom;
      }
      
      .form-item{ 
         padding:$baseline 0 $baseline; margin:0 $gutter;
         border-bottom:1px solid $light_grey; 
         
         .form-radios{
            display:inline; 
            
            label{ display:inline; }
            
            .form-item{
               display:inline; padding-bottom:none; margin-right:$gutter;
               border-bottom:none;
            }
         }
      }
      
      #edit-field-resume-summary-0-value-wrapper{
         label{ width:100%; }
      }
      
      .actions{
         clear:both; padding:$baseline $gutter*2; 
         margin:$baseline*2 $gutter $baseline*3; 
         border-top:$darker_blue 2px solid;
      }
   }
   
   .col_left{ /* TODO: Column styles should be global, tying into a common grid */
      float:left; width:267px;
      border-right:1px solid $light_grey;
      
      ul.info_box{
         padding:$baseline 10px $baseline*2;
         list-style:none; border-bottom:10px solid $lighter_grey;
         
         li{
            padding:0 $baseline;
            color:$light_blue; line-height:$baseline*2; text-transform: capitalize;
            border-bottom:1px solid $lighter_grey;
            
            strong{ color:$dark_grey; font-weight:bold; }
         }
      }
   }
  
   .col_right{
      float:right; width:692px;
      
      .inner{ padding:$baseline $gutter; }
   }
}