You are here

Home » API reference » CKEditor Widgets 7

contents.css in CKEditor Widgets 7

Same filename in this branch
  1. 7 plugins/widgetcommon/contents.css
  2. 7 plugins/widgetbootstrap/contents.css
  3. 7 plugins/widgettemplatemenu/samples/contents.css
  4. 7 plugins/widgetcommon/samples/contents.css
.box,
.quotebox {
	padding: 8px;
	margin: 10px auto;
	background: #eee;
	border-radius: 8px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
}
.box .box-title,
.box .box-content,
.quotebox .quote,
.quotebox .byline {
	box-shadow: 0 1px 1px #ddd inset;
	border: 1px solid #cccccc;
	border-radius: 5px;
	background: #fff;
	margin-left: 0;
	margin-right: 0;
	padding: 2px 5px;
}

.box .box-content,
.quotebox .quote {
	min-height: 3em;
}

.box .box-title p,
.quotebox .byline p {
	margin-bottom: 0;
}


.box .box-title {
	background: #ddd;
}
.box .row {
	margin-left: 0;
	margin-right: 0;
}

.quotebox {
	background: #eee url(icons/widgetcommonQuotebox.png) 5px 2px no-repeat;
}
.quotebox .quote {
	margin-left: 20px;
	margin-bottom: 5px;
}

File

plugins/widgetcommon/contents.css
View source 
  1. .box,

  2. .quotebox {

  3. 	padding: 8px;

  4. 	margin: 10px auto;

  5. 	background: #eee;

  6. 	border-radius: 8px;

  7. 	border: 1px solid #ddd;

  8. 	box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;

  9. }

  10. .box .box-title,

  11. .box .box-content,

  12. .quotebox .quote,

  13. .quotebox .byline {

  14. 	box-shadow: 0 1px 1px #ddd inset;

  15. 	border: 1px solid #cccccc;

  16. 	border-radius: 5px;

  17. 	background: #fff;

  18. 	margin-left: 0;

  19. 	margin-right: 0;

  20. 	padding: 2px 5px;

  21. }

  22. 

  23. .box .box-content,

  24. .quotebox .quote {

  25. 	min-height: 3em;

  26. }

  27. 

  28. .box .box-title p,

  29. .quotebox .byline p {

  30. 	margin-bottom: 0;

  31. }

  32. 

  33. 

  34. .box .box-title {

  35. 	background: #ddd;

  36. }

  37. .box .row {

  38. 	margin-left: 0;

  39. 	margin-right: 0;

  40. }

  41. 

  42. .quotebox {

  43. 	background: #eee url(icons/widgetcommonQuotebox.png) 5px 2px no-repeat;

  44. }

  45. .quotebox .quote {

  46. 	margin-left: 20px;

  47. 	margin-bottom: 5px;

  48. }