Changeset 3439:640a478849cf for admin/style/scss/partials/_index.scss
- Timestamp:
- 12/04/16 14:23:07 (9 years ago)
- Branch:
- default
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
admin/style/scss/partials/_index.scss
r3412 r3439 7 7 8 8 #icons { 9 // overflow: hidden;10 // text-align: center;9 // overflow: hidden; 10 // text-align: center; 11 11 display: flex; 12 12 flex-wrap: wrap; 13 13 justify-content: center; 14 } 15 16 #icons p { 17 width: 13em; 18 text-align: center; 19 margin: 1em 0 2em; 20 // display: inline-block; 21 // vertical-align: top; 22 } 23 24 #icons a, 25 #icons a:link, 26 #icons a:visited, 27 #icons a:hover, 28 #icons a:focus { 29 border-bottom-width: 0; 30 text-decoration: none; 31 } 32 33 #icons a span { 34 border-bottom: 1px dotted #999; 35 color: #333; 36 } 37 38 #icons a img { 39 padding: 1.5em; 40 background-color: #f9f9f9; 41 border-radius: 8px; 42 border: 1px solid #dadada; 43 display: inline-block; 44 } 45 46 #icons a:focus img, 47 #icons a:hover img { 48 background: #bee74b; 49 outline: 0; 50 border-color: #dadada; 51 } 52 53 #icons a:focus { 54 outline: 0; 55 border-color: #fff; 56 } 57 58 #icons a:hover span, 59 #icons a:focus span { 60 border-bottom-style: solid; 61 } 62 63 #icons a:focus span { 64 border: 2px solid #bee74b; 14 p { 15 width: 13em; 16 text-align: center; 17 margin: 1em 0 2em; 18 // display: inline-block; 19 // vertical-align: top; 20 } 21 a { 22 &, 23 &:link, 24 &:visited, 25 &:hover, 26 &:focus { 27 border-bottom-width: 0; 28 text-decoration: none; 29 } 30 span { 31 border-bottom: 1px dotted #999; 32 color: #333; 33 } 34 img { 35 padding: 1.5em; 36 background-color: #f9f9f9; 37 border-radius: 8px; 38 border: 1px solid #dadada; 39 display: inline-block; 40 } 41 &:focus { 42 outline: 0; 43 border-color: #fff; 44 span { 45 border: 2px solid #bee74b; 46 } 47 } 48 &:focus, 49 &:hover { 50 img { 51 background: #bee74b; 52 outline: 0; 53 border-color: #dadada; 54 } 55 span { 56 border-bottom-style: solid; 57 } 58 } 59 } 65 60 } 66 61 … … 75 70 box-shadow: 0 1px 2px rgba(0, 0, 0, .2); 76 71 text-align: left; 77 } 78 79 #quick h3 { 80 margin-bottom: 0.2em; 81 font-size: 1.2em; 82 } 83 84 #quick p.qinfo { 85 margin: -.7em -1em 1em; 86 background: #D9EDF7 url(info.png) no-repeat .2em .2em; 87 border: 1px solid #BCE8F1; 88 padding: .2em 1em .1em 24px; 89 color: #000; 90 } 91 92 #quick #new_cat, 93 .q-cat, 94 .q-cat label { 95 display: inline-block; 96 vertical-align: top; 97 margin-right: 1em; 98 margin-top: 0; 99 } 100 101 .q-cat label { 102 margin-right: .3em; 103 } 104 105 #quick #new_cat { 106 margin-bottom: 2em; 72 h3 { 73 margin-bottom: 0.2em; 74 font-size: 1.2em; 75 } 76 p.qinfo { 77 margin: -.7em -1em 1em; 78 background: #D9EDF7 url(info.png) no-repeat .2em .2em; 79 border: 1px solid #BCE8F1; 80 padding: .2em 1em .1em 24px; 81 color: #000; 82 } 83 #new_cat, 84 .q-cat, 85 .q-cat label { 86 display: inline-block; 87 vertical-align: top; 88 margin-right: 1em; 89 margin-top: 0; 90 } 91 .q-cat label { 92 margin-right: .3em; 93 } 94 #new_cat { 95 margin-bottom: 2em; 96 } 107 97 } 108 98 … … 116 106 flex-wrap: wrap; 117 107 justify-content: center; 108 .box { 109 padding: 10px; 110 border: 1px solid #ccc; 111 border-radius: 3px; 112 min-height: 200px; 113 margin: 10px; 114 text-align: left; 115 } 118 116 } 119 117 120 118 .db-items, 121 119 .db-contents { 122 // display: inline-block;123 // text-align: center;120 // display: inline-block; 121 // text-align: center; 124 122 display: flex; 125 123 flex-wrap: wrap; 126 124 justify-content: center; 127 125 flex: 1 1 auto; 126 img { 127 vertical-align: middle; 128 } 129 ul { 130 display: block; 131 padding-left: 1.5em; 132 list-style: square; 133 } 134 li { 135 margin: 0.25em 0 0 0; 136 } 128 137 } 129 138 … … 132 141 } 133 142 134 #dashboard-boxes .box {135 padding: 10px;136 border: 1px solid #ccc;137 border-radius: 3px;138 min-height: 200px;139 margin: 10px;140 text-align: left;141 }142 143 143 .dc-box { 144 144 background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right; 145 145 } 146 146 147 .db-items img, 148 .db-contents img { 149 vertical-align: middle; 150 } 151 152 .db-items ul, 153 .db-contents ul { 154 display: block; 155 padding-left: 1.5em; 156 list-style: square; 157 } 158 159 .db-items li, 160 .db-contents li { 161 margin: 0.25em 0 0 0; 162 } 163 164 #news dt { 165 font-weight: bold; 166 margin: 0 0 0.4em 0; 167 } 168 169 #news dd { 170 margin: 0 0 1em 0; 171 } 172 173 #news dd p { 174 margin: 0.2em 0 0 0; 147 #news { 148 dt { 149 font-weight: bold; 150 margin: 0 0 0.4em 0; 151 } 152 dd { 153 margin: 0 0 1em 0; 154 p { 155 margin: 0.2em 0 0 0; 156 } 157 } 175 158 } 176 159 … … 178 161 /* message de mise à jour */ 179 162 180 #upg-notify ul { 181 padding-left: 1.5em; 163 #upg-notify { 164 ul { 165 padding-left: 1.5em; 166 } 167 li { 168 color: #fff; 169 } 182 170 } 183 184 #upg-notify li {185 color: #fff;186 }
Note: See TracChangeset
for help on using the changeset viewer.