Changeset 3439:640a478849cf for admin/style/scss/partials/_media.scss

Timestamp:

12/04/16 14:23:07 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Prettify scss code

File:

• admin/style/scss/partials/_media.scss (modified) (3 diffs)

admin/style/scss/partials/_media.scss

@@ +1 @@
+.media-file-mode {
+     a {
+          border-bottom: none;
+     }
+     img {
+          margin-right: 1em;
+     }
+}
+
 span.media-file-mode {
-    margin-right: 1em;
-}
-
-.media-file-mode a {
-    border-bottom: none;
-}
-
-.media-file-mode img {
-    margin-right: 1em;
+     margin-right: 1em;
 }
 
 .media-item {
-    position: relative;
-    border: 1px solid #dfdfdf;
-    margin: 9px;
-    padding: 10px 12px 6px;
-    width: 320px;
-    display: inline-block;
-    vertical-align: top;
-    min-height: 140px;
-    word-wrap: break-word;
-}
-
-.media-item p {
-    margin: 0 0 .5em;
-}
-
-.media-item object {
-    margin-top: .5em;
-}
-
-.media-item ul {
-    display: block;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.media-item audio {
-    width: 90%;
-    margin-top: .5em;
+     position: relative;
+     border: 1px solid #dfdfdf;
+     margin: 9px;
+     padding: 10px 12px 6px;
+     width: 320px;
+     display: inline-block;
+     vertical-align: top;
+     min-height: 140px;
+     word-wrap: break-word;
+     p {
+          margin: 0 0 .5em;
+     }
+     object {
+          margin-top: .5em;
+     }
+     ul {
+          display: block;
+          list-style: none;
+          margin: 0;
+          padding: 0;
+     }
+     audio {
+          width: 90%;
+          margin-top: .5em;
+     }
 }
 
 a.media-icon {
-    display: block;
-    border-bottom: none;
-    margin: 0 auto;
+     display: block;
+     border-bottom: none;
+     margin: 0 auto;
 }
 
 .media-icon img {
-    display: block;
+     display: block;
 }
 
 a.media-flag {
-    border-bottom: none;
+     border-bottom: none;
 }
 
 .media-flag img {
-    float: left;
-    margin-right: .5em;
+     float: left;
+     margin-right: .5em;
 }
 
 .media-link {
-    font-size: 1.1em;
+     font-size: 1.1em;
 }
 
 .media-action-box {
-    position: relative;
-    margin: 3em 3em 1em 1em;
-    display: inline-block;
-    vertical-align: top;
+     position: relative;
+     margin: 3em 3em 1em 1em;
+     display: inline-block;
+     vertical-align: top;
 }
 
 li.media-action {
-    display: block;
-    position: absolute;
-    bottom: 4px;
-    right: 8px;
-    height: 16px;
-}
-
-li.media-action a {
-    border: none;
-}
-
-li.media-action a.attach-media {
-    margin-right: 5px;
-}
-
-li.media-action form {
-    display: inline;
-}
-
-li.media-action input {
-    border: none;
+     display: block;
+     position: absolute;
+     bottom: 4px;
+     right: 8px;
+     height: 16px;
+     a {
+          border: none;
+          &.attach-media {
+               margin-right: 5px;
+          }
+     }
+     form {
+          display: inline;
+     }
+     input {
+          border: none;
+     }
 }
 
 #entry-sidebar .media-item {
-    width: 100%;
-    min-height: 0;
-    padding: 4px;
-    margin: .33em 0;
+     width: 100%;
+     min-height: 0;
+     padding: 4px;
+     margin: .33em 0;
 }
 
 #entry-sidebar li.media-action {
-    top: 4px;
+     top: 4px;
 }
 
 .folders-group .media-item {
-    min-height: 70px;
-}
-
-.folders-group .media-item p {
-    margin-bottom: 0;
+     min-height: 70px;
+     p {
+          margin-bottom: 0;
+     }
 }
 
 .media-folder {
-    background: transparent url(bg_menu.png) repeat-y;
-    border-color: #eee;
+     background: transparent url(bg_menu.png) repeat-y;
+     border-color: #eee;
+     .media-link {
+          font-size: 1.25em;
+          margin-left: 2em;
+          color: #676e78;
+          border-bottom: none;
+     }
 }
 
 tr.media-folder {
-    background: transparent;
+     background: transparent;
 }
 
 .media-folder-up {
-    border-color: #fff;
-    padding-bottom: 6px;
-}
-
-.media-folder .media-link {
-    font-size: 1.25em;
-    margin-left: 2em;
-    color: #676e78;
-    border-bottom: none;
+     border-color: #fff;
+     padding-bottom: 6px;
 }
 
 .medias-delete,
 .medias-select {
-    text-align: right;
+     text-align: right;
 }
 
 .media-recent {
-    float: left;
-    margin-right: 2em;
+     float: left;
+     margin-right: 2em;
 }
 
 #media-fav-dir {
-    border-bottom: none;
-}
-
-#media-fav-dir img {
-    vertical-align: middle;
+     border-bottom: none;
+     img {
+          vertical-align: middle;
+     }
 }
 
@@ -158 +148 @@
 /* upload multiple */
 
-.enhanced_uploader .choose_files,
-.enhanced_uploader .cancel,
-.enhanced_uploader .clean,
-.enhanced_uploader .start {
-    margin-right: .4em;
-}
-
-.enhanced_uploader #upfile {
-    visibility: hidden;
-    width: 0;
-    height: 0;
-    margin: 0;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    cursor: pointer;
+.enhanced_uploader {
+     .choose_files,
+     .cancel,
+     .clean,
+     .start {
+          margin-right: .4em;
+     }
+     #upfile {
+          visibility: hidden;
+          width: 0;
+          height: 0;
+          margin: 0;
+          opacity: 0;
+          filter: alpha(opacity=0);
+          cursor: pointer;
+     }
+     .button.choose_files {
+          display: inline-block;
+     }
+     .max-size {
+          display: block;
+     }
+     .one-file {
+          display: none;
+     }
+     p.clear {
+          padding-top: 1em;
+          margin-bottom: 1em;
+     }
 }
 
@@ -178 +182 @@
 .button.cancel,
 .button.choose_files {
-    display: none;
-}
-
-.enhanced_uploader .button.choose_files {
-    display: inline-block;
-}
-
-.enhanced_uploader .max-size {
-    display: block;
-}
-
-.enhanced_uploader .one-file {
-    display: none;
+     display: none;
 }
 
 label span.one-file {
-    display: inline;
-}
-
-.enhanced_uploader p.clear {
-    padding-top: 1em;
-    margin-bottom: 1em;
+     display: inline;
 }
 
 #add-file-f p.clear {
-    margin-top: 1em;
-    margin-bottom: 0;
-    clear: both;
+     margin-top: 1em;
+     margin-bottom: 0;
+     clear: both;
 }
 
 .files {
-    list-style-type: none;
-    margin-left: 0;
-    padding-left: 0;
-    border-bottom: 1px solid #dfdfdf;
-}
-
-.files li {
-    margin-left: 0;
-    padding-left: 0;
+     list-style-type: none;
+     margin-left: 0;
+     padding-left: 0;
+     border-bottom: 1px solid #dfdfdf;
+     li {
+          margin-left: 0;
+          padding-left: 0;
+     }
 }
 
 .upload-msg {
-    font-weight: bold;
-}
-
-.upload-msg.upload-error {
-    color: #900;
+     font-weight: bold;
+     &.upload-error {
+          color: #900;
+     }
 }
 
 .upload-files {
-    padding: 0 0.5em;
-    margin: 1em 0;
+     padding: 0 0.5em;
+     margin: 1em 0;
 }
 
 .upload-file {
-    margin: 0;
-    padding: .3em 0;
-    border-top: 1px solid #dfdfdf;
-    position: relative;
+     margin: 0;
+     padding: .3em 0;
+     border-top: 1px solid #dfdfdf;
+     position: relative;
 }
 
 .upload-fileinfo {
-    margin-left: 0;
-}
-
-.upload-fileinfo input {
-    position: absolute;
-    top: .5em;
-    right: .5em;
-}
-
-.upload-fileinfo span {
-    padding-right: 8px;
-}
-
-.upload-fileinfo .upload-filecancel {
-    display: block;
-    padding-right: 0;
-    margin-top: 3px;
-    width: 20px;
-    height: 20px;
-    background: transparent url("cancel.png") no-repeat left top;
-    text-indent: -1000px;
-    cursor: pointer;
-    float: left;
+     margin-left: 0;
+     input {
+          position: absolute;
+          top: .5em;
+          right: .5em;
+     }
+     span {
+          padding-right: 8px;
+     }
+     .upload-filecancel {
+          display: block;
+          padding-right: 0;
+          margin-top: 3px;
+          width: 20px;
+          height: 20px;
+          background: transparent url("cancel.png") no-repeat left top;
+          text-indent: -1000px;
+          cursor: pointer;
+          float: left;
+     }
 }
 
 .upload-filemsg {
-    font-weight: bold;
-    color: green;
-}
-
-.upload-filemsg.upload-error {
-    color: #900;
+     font-weight: bold;
+     color: green;
+     .upload-error {
+          color: #900;
+     }
 }
 
 .upload-progress {
-    padding: .3em 0;
-}
-
-.upload-progress div {
-    width: 0;
-    height: 1.2em;
-    font-weight: bold;
-    line-height: 1.2em;
-    text-align: right;
-    background: green url(loader.png) repeat-x left top;
-    color: white;
-    border-radius: 3px;
+     padding: .3em 0;
+     div {
+          width: 0;
+          height: 1.2em;
+          font-weight: bold;
+          line-height: 1.2em;
+          text-align: right;
+          background: green url(loader.png) repeat-x left top;
+          color: white;
+          border-radius: 3px;
+     }
 }
 
 div.template-upload {
-    clear: both;
+     clear: both;
 }
 
 .queue-message {
-    font-weight: bold;
-}
+     font-weight: bold;
+}