Advertisement
Guest User

Untitled

a guest
Jul 20th, 2017
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.98 KB | None | 0 0
  1. /*Inicio Style Container Manager Edit*/
  2. .container-panel{
  3. margin: auto;
  4. max-width: 1300px;
  5. margin-top: 85px;
  6. height: 715px;
  7. }
  8.  
  9. .container-panel-int{
  10. width: 98%;
  11. margin-right: 10px;
  12. height: 715px;
  13. }
  14.  
  15. .panel-title{
  16. font-family: 'Montserrat', sans-serif;
  17. font-size: 20px;
  18. font-weight: bold;
  19. }
  20.  
  21. /*Inicio Style Informações de Contato*/
  22. .info-conta{
  23. font-family: 'Montserrat', sans-serif;
  24. font-size: 16px;
  25. font-weight: 100;
  26. padding-top: 20px;
  27. width: 78%;
  28. background-color: #F9F9F9;
  29. float: right;
  30. padding-left: 13px;
  31. }
  32.  
  33. .panel-subtitle-1{
  34. font-family: 'Montserrat', sans-serif;
  35. font-size: 20px;
  36. color: black;
  37. }
  38.  
  39. .form-editCoEd{
  40. margin:auto;
  41. height: 530px;
  42. padding: 10px 10px 10px 10px;
  43. font-family: 'Montserrat', sans-serif;
  44. background-color: #f9f9f9;
  45. margin-top: 80px;
  46. }
  47.  
  48. .form-editCoEd-int{
  49. max-width: 369px;
  50. margin: auto;
  51. padding-right: 10px;
  52. }
  53.  
  54. .form-editCoEd label{
  55. margin-top: 20px;
  56. }
  57.  
  58. .form-editCoEd-left{
  59. width: 50%;
  60. float: left;
  61. }
  62.  
  63. .form-editCoEd-right{
  64. width: 50%;
  65. float: right;
  66. padding-left: 5px;
  67. }
  68.  
  69. .btn-edit-sends{
  70. color: white;
  71. text-align: center;
  72. text-decoration: none;
  73. display: inline-block;
  74. font-size: 16px;
  75. margin: 30px 14px;
  76. -webkit-transition-duration: 0.4s;
  77. transition-duration: 0.4s;
  78. cursor: pointer;
  79. background-color: #563278;
  80. width: 200px;
  81. height: 43px;
  82. border:0px;
  83. }
  84.  
  85. /*Fim Style Informações de Contato*/
  86.  
  87. /*Inicio Style Menu*/
  88.  
  89. .aMenu{
  90. height: 720px;
  91. font-family: 'Montserrat', sans-serif;
  92. width: 20%;
  93. padding-right: 10px;
  94. float: left;
  95. border-radius: 5px;
  96. margin-left: 18px;
  97. display: inline-block;
  98. margin-top: 15px;
  99. }
  100.  
  101. .aDescOptions{
  102. font-size: 25px;
  103. color: #000;
  104. margin-left: 5px;
  105. }
  106.  
  107. .table {
  108. margin-top: 13px!important;
  109. min-width: 212px;
  110. max-width: 232px;
  111. }
  112.  
  113. #table-account ul{
  114. font-size:15px;
  115. color: #000;
  116. list-style: none;
  117. margin-top: 50px;
  118. margin-bottom: 25px;
  119. text-decoration: none;
  120. }
  121.  
  122. #table-account li{
  123. line-height: 50px;
  124. height: 50px;
  125. border-top: 1px solid #ebebeb;
  126. margin-left: -35px;
  127. }
  128.  
  129.  
  130. #table-account li:hover{
  131. background-color: #ebebeb;
  132. }
  133.  
  134. #table-account li a{
  135. text-decoration: none;
  136. color: #000;
  137. display: block;
  138. }
  139.  
  140. /*Falta o acctive*/
  141.  
  142. /*Fim Style Menu*/
  143.  
  144. /*Fim Style Container Manager*/
  145.  
  146. /*Fim Style Edit*/
  147.  
  148. /*Media Query*/
  149. @media only screen and (min-width:956px) and (max-width: 1099px){
  150.  
  151. .container-panel{
  152. max-width: 1052px;
  153. }
  154.  
  155. .info-conta{
  156. width: 76%
  157. }
  158.  
  159. .aMenu{
  160. width: 21%;
  161. }
  162.  
  163. .table {
  164. min-width: 186px;
  165. }
  166.  
  167. .aDescOptions{
  168. font-size: 22px;
  169. }
  170. }
  171.  
  172.  
  173. @media only screen and (min-width:844px) and (max-width: 956px){
  174.  
  175. .container-panel{
  176. max-width: 852px;
  177. }
  178.  
  179. .info-conta{
  180. width: 76%
  181. }
  182.  
  183. .aMenu{
  184. width: 21%;
  185. margin-left: 0px;
  186. min-width: 177px;
  187. }
  188.  
  189. .table {
  190. min-width: 186px;
  191. }
  192.  
  193. .aDescOptions{
  194. font-size: 22px;
  195. }
  196.  
  197. #table-account ul{
  198. font-size: 14px;
  199. }
  200. }
  201.  
  202. @media only screen and (min-width:759px) and (max-width: 844px){
  203.  
  204. .container-panel{
  205. max-width: 757px;
  206. }
  207.  
  208. .info-conta{
  209. width: 73%
  210. }
  211.  
  212. .aMenu{
  213. width: 21%;
  214. margin-left: 5px;
  215. min-width: 177px;
  216. }
  217.  
  218. .table {
  219. min-width: 186px;
  220. }
  221.  
  222. .aDescOptions{
  223. font-size: 22px;
  224. }
  225.  
  226. #table-account ul{
  227. font-size: 14px;
  228. }
  229. }
  230.  
  231. @media only screen and (min-width:500px) and (max-width:759px){
  232.  
  233. .container-panel{
  234. max-width: 703px;
  235. height: 1290px;
  236. }
  237.  
  238. .container-panel-int{
  239. width: 98%;
  240. }
  241.  
  242. .info-conta{
  243. width: 98%
  244. }
  245.  
  246. .aMenu{
  247. width: 96%;
  248. margin-left: 5px;
  249. margin-top: 60px;
  250. }
  251.  
  252. .table {
  253. min-width: 186px;
  254. max-width: none;
  255. }
  256.  
  257. #table-account ul{
  258. font-size: 14px;
  259. }
  260. }
  261.  
  262. @media only screen and (min-width:439px) and (max-width:500px){
  263.  
  264. .container-panel{
  265. max-width: 703px;
  266. height: 1348px;
  267. }
  268.  
  269. .container-panel-int{
  270. width: 98%;
  271. }
  272.  
  273. .info-conta-int{
  274. padding-bottom: 46px;
  275. }
  276.  
  277. .info-conta{
  278. width: 98%
  279. }
  280.  
  281. .panel-subtitle-1{
  282. font-size: 18px;
  283. }
  284.  
  285. .panel-subtitle-2{
  286. font-size: 17px;
  287. }
  288.  
  289. .aMenu{
  290. width: 96%;
  291. margin-left: 5px;
  292. margin-top: 60px;
  293. }
  294.  
  295. .table {
  296. min-width: 186px;
  297. max-width: none;
  298. }
  299.  
  300. #table-account ul{
  301. font-size: 14px;
  302. }
  303.  
  304. .btn-edit-sends{
  305. width: 150px;
  306. }
  307.  
  308. }
  309.  
  310.  
  311. @media only screen and (min-width:320px) and (max-width:439px){
  312.  
  313. .container-temp{
  314. height: 1822px;
  315. }
  316.  
  317. .container-panel{
  318. max-width: 703px;
  319. height: 1348px;
  320. }
  321.  
  322. .container-panel-int{
  323. width: 98%;
  324. }
  325.  
  326. .info-conta-int{
  327. padding-bottom: 46px;
  328. }
  329.  
  330. .info-conta{
  331. width: 98%
  332. }
  333.  
  334. .panel-subtitle-1{
  335. font-size: 18px;
  336. }
  337.  
  338. .panel-subtitle-2{
  339. font-size: 17px;
  340. }
  341.  
  342. .aMenu{
  343. width: 96%;
  344. margin-left: 5px;
  345. margin-top: 60px;
  346. }
  347.  
  348. .table {
  349. min-width: 186px;
  350. max-width: none;
  351. }
  352.  
  353. #table-account ul{
  354. font-size: 14px;
  355. }
  356.  
  357. .form-editCoEd-left{
  358. width: 100%;
  359. }
  360.  
  361. .form-editCoEd-right{
  362. width: 100%;
  363. }
  364.  
  365. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement