You are here

Home » API reference » Open Social 8

ckeditor.css in Open Social 8

Same filename in this branch
  1. 8 themes/socialblue/assets/css/ckeditor.css
  2. 8 themes/socialbase/assets/css/ckeditor.css
Same filename and directory in other branches
  1. 8.9 themes/socialblue/assets/css/ckeditor.css
  2. 8.2 themes/socialblue/assets/css/ckeditor.css
  3. 8.3 themes/socialblue/assets/css/ckeditor.css
  4. 8.4 themes/socialblue/assets/css/ckeditor.css
  5. 8.5 themes/socialblue/assets/css/ckeditor.css
  6. 8.6 themes/socialblue/assets/css/ckeditor.css
  7. 8.7 themes/socialblue/assets/css/ckeditor.css
  8. 8.8 themes/socialblue/assets/css/ckeditor.css
.btn {
  border-radius: 10px;
}

.btn.btn-floating {
  border-radius: 50%;
}

.btn-default {
  color: #4d4d4d;
  background-color: #ffffff;
  border-color: #adadad;
  fill: #4d4d4d;
}

.btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-color: #e6e6e6;
  border-color: #8e8e8e;
  color: #4d4d4d;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #adadad;
}

.btn-primary {
  color: #ffffff;
  background-color: #29abe2;
  border-color: #29abe2;
  fill: #ffffff;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-color: #1a8dbe;
  border-color: #1987b5;
  color: #ffffff;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #29abe2;
  border-color: #29abe2;
}

.btn-secondary {
  color: #ffffff;
  background-color: #1f80aa;
  border-color: #1f80aa;
  fill: #ffffff;
}

.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  background-color: #17607f;
  border-color: #165976;
  color: #ffffff;
}

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
  background-color: #1f80aa;
  border-color: #1f80aa;
}

.btn-accent {
  color: #333333;
  background-color: #ffc142;
  border-color: #ffc142;
  fill: #333333;
  fill: #333333;
}

.btn-accent:focus, .btn-accent.focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active,
.open > .btn-accent.dropdown-toggle {
  background-color: #ffb00f;
  border-color: #ffad05;
  color: #333333;
}

.btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus,
fieldset[disabled] .btn-accent:hover,
fieldset[disabled] .btn-accent:focus,
fieldset[disabled] .btn-accent.focus {
  background-color: #ffc142;
  border-color: #ffc142;
}

.btn-flat {
  color: #29abe2;
  background-color: transparent;
  border-color: transparent;
  fill: #29abe2;
  fill: #29abe2;
  white-space: normal;
}

.btn-flat:focus, .btn-flat.focus, .btn-flat:hover, .btn-flat:active, .btn-flat.active,
.open > .btn-flat.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #29abe2;
}

.btn-flat.disabled:hover, .btn-flat.disabled:focus, .btn-flat.disabled.focus, .btn-flat[disabled]:hover, .btn-flat[disabled]:focus, .btn-flat[disabled].focus,
fieldset[disabled] .btn-flat:hover,
fieldset[disabled] .btn-flat:focus,
fieldset[disabled] .btn-flat.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-flat:hover, .btn-flat:focus,
.open .dropdown-toggle .btn-flat {
  border-color: transparent;
  color: #1a8dbe;
  fill: #1a8dbe;
}

.btn-flat:hover .icon-inline, .btn-flat:focus .icon-inline,
.open .dropdown-toggle .btn-flat .icon-inline {
  fill: #4d4d4d;
}

.btn-flat:active, .btn-flat.active {
  background-color: rgba(12, 12, 12, 0.25);
  border-color: transparent;
  color: white;
}

.btn-link {
  color: #29abe2;
  background-color: transparent;
  border-color: transparent;
  fill: #29abe2;
}

.btn-link:focus, .btn-link.focus, .btn-link:hover, .btn-link:active, .btn-link.active,
.open > .btn-link.dropdown-toggle {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: #29abe2;
}

.btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.focus {
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #178ab4;
  fill: #178ab4;
  text-decoration: none;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus {
  color: #777;
}

.btn--with-bgicon {
  color: #fff;
}

.btn--facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
  fill: #fff;
}

.btn--facebook:focus, .btn--facebook.focus, .btn--facebook:hover, .btn--facebook:active, .btn--facebook.active,
.open > .btn--facebook.dropdown-toggle {
  background-color: #2d4373;
  border-color: #2a3f6c;
  color: #fff;
}

.btn--facebook.disabled:hover, .btn--facebook.disabled:focus, .btn--facebook.disabled.focus, .btn--facebook[disabled]:hover, .btn--facebook[disabled]:focus, .btn--facebook[disabled].focus,
fieldset[disabled] .btn--facebook:hover,
fieldset[disabled] .btn--facebook:focus,
fieldset[disabled] .btn--facebook.focus {
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn--linkedin {
  color: #fff;
  background-color: #0077b5;
  border-color: #0077b5;
  fill: #fff;
}

.btn--linkedin:focus, .btn--linkedin.focus, .btn--linkedin:hover, .btn--linkedin:active, .btn--linkedin.active,
.open > .btn--linkedin.dropdown-toggle {
  background-color: #005582;
  border-color: #004f78;
  color: #fff;
}

.btn--linkedin.disabled:hover, .btn--linkedin.disabled:focus, .btn--linkedin.disabled.focus, .btn--linkedin[disabled]:hover, .btn--linkedin[disabled]:focus, .btn--linkedin[disabled].focus,
fieldset[disabled] .btn--linkedin:hover,
fieldset[disabled] .btn--linkedin:focus,
fieldset[disabled] .btn--linkedin.focus {
  background-color: #0077b5;
  border-color: #0077b5;
}

.btn--google {
  color: #fff;
  background-color: #d34836;
  border-color: #d34836;
  fill: #fff;
}

.btn--google:focus, .btn--google.focus, .btn--google:hover, .btn--google:active, .btn--google.active,
.open > .btn--google.dropdown-toggle {
  background-color: #b03626;
  border-color: #a73425;
  color: #fff;
}

.btn--google.disabled:hover, .btn--google.disabled:focus, .btn--google.disabled.focus, .btn--google[disabled]:hover, .btn--google[disabled]:focus, .btn--google[disabled].focus,
fieldset[disabled] .btn--google:hover,
fieldset[disabled] .btn--google:focus,
fieldset[disabled] .btn--google.focus {
  background-color: #d34836;
  border-color: #d34836;
}

.btn--twitter {
  color: #fff;
  background-color: #1da1f2;
  border-color: #1da1f2;
  fill: #fff;
}

.btn--twitter:focus, .btn--twitter.focus, .btn--twitter:hover, .btn--twitter:active, .btn--twitter.active,
.open > .btn--twitter.dropdown-toggle {
  background-color: #0c85d0;
  border-color: #0b7fc6;
  color: #fff;
}

.btn--twitter.disabled:hover, .btn--twitter.disabled:focus, .btn--twitter.disabled.focus, .btn--twitter[disabled]:hover, .btn--twitter[disabled]:focus, .btn--twitter[disabled].focus,
fieldset[disabled] .btn--twitter:hover,
fieldset[disabled] .btn--twitter:focus,
fieldset[disabled] .btn--twitter.focus {
  background-color: #1da1f2;
  border-color: #1da1f2;
}

.btn-sm {
  border-radius: 8px;
}

.btn-xs {
  border-radius: 5px;
}

body {
  font-family: "montserrat", sans-serif;
  font-weight: 300;
  color: #4d4d4d;
}

a:not(.btn) {
  text-decoration: underline;
  color: #33b5e5;
}

a:not(.btn):hover {
  color: #178ab4;
}

File

themes/socialblue/assets/css/ckeditor.css
View source 
  1. .btn {

  2.   border-radius: 10px;

  3. }

  4. 

  5. .btn.btn-floating {

  6.   border-radius: 50%;

  7. }

  8. 

  9. .btn-default {

  10.   color: #4d4d4d;

  11.   background-color: #ffffff;

  12.   border-color: #adadad;

  13.   fill: #4d4d4d;

  14. }

  15. 

  16. .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active,

  17. .open > .btn-default.dropdown-toggle {

  18.   background-color: #e6e6e6;

  19.   border-color: #8e8e8e;

  20.   color: #4d4d4d;

  21. }

  22. 

  23. .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,

  24. fieldset[disabled] .btn-default:hover,

  25. fieldset[disabled] .btn-default:focus,

  26. fieldset[disabled] .btn-default.focus {

  27.   background-color: #ffffff;

  28.   border-color: #adadad;

  29. }

  30. 

  31. .btn-primary {

  32.   color: #ffffff;

  33.   background-color: #29abe2;

  34.   border-color: #29abe2;

  35.   fill: #ffffff;

  36. }

  37. 

  38. .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active,

  39. .open > .btn-primary.dropdown-toggle {

  40.   background-color: #1a8dbe;

  41.   border-color: #1987b5;

  42.   color: #ffffff;

  43. }

  44. 

  45. .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,

  46. fieldset[disabled] .btn-primary:hover,

  47. fieldset[disabled] .btn-primary:focus,

  48. fieldset[disabled] .btn-primary.focus {

  49.   background-color: #29abe2;

  50.   border-color: #29abe2;

  51. }

  52. 

  53. .btn-secondary {

  54.   color: #ffffff;

  55.   background-color: #1f80aa;

  56.   border-color: #1f80aa;

  57.   fill: #ffffff;

  58. }

  59. 

  60. .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:active, .btn-secondary.active,

  61. .open > .btn-secondary.dropdown-toggle {

  62.   background-color: #17607f;

  63.   border-color: #165976;

  64.   color: #ffffff;

  65. }

  66. 

  67. .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,

  68. fieldset[disabled] .btn-secondary:hover,

  69. fieldset[disabled] .btn-secondary:focus,

  70. fieldset[disabled] .btn-secondary.focus {

  71.   background-color: #1f80aa;

  72.   border-color: #1f80aa;

  73. }

  74. 

  75. .btn-accent {

  76.   color: #333333;

  77.   background-color: #ffc142;

  78.   border-color: #ffc142;

  79.   fill: #333333;

  80.   fill: #333333;

  81. }

  82. 

  83. .btn-accent:focus, .btn-accent.focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active,

  84. .open > .btn-accent.dropdown-toggle {

  85.   background-color: #ffb00f;

  86.   border-color: #ffad05;

  87.   color: #333333;

  88. }

  89. 

  90. .btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus,

  91. fieldset[disabled] .btn-accent:hover,

  92. fieldset[disabled] .btn-accent:focus,

  93. fieldset[disabled] .btn-accent.focus {

  94.   background-color: #ffc142;

  95.   border-color: #ffc142;

  96. }

  97. 

  98. .btn-flat {

  99.   color: #29abe2;

  100.   background-color: transparent;

  101.   border-color: transparent;

  102.   fill: #29abe2;

  103.   fill: #29abe2;

  104.   white-space: normal;

  105. }

  106. 

  107. .btn-flat:focus, .btn-flat.focus, .btn-flat:hover, .btn-flat:active, .btn-flat.active,

  108. .open > .btn-flat.dropdown-toggle {

  109.   background-color: rgba(0, 0, 0, 0);

  110.   border-color: rgba(0, 0, 0, 0);

  111.   color: #29abe2;

  112. }

  113. 

  114. .btn-flat.disabled:hover, .btn-flat.disabled:focus, .btn-flat.disabled.focus, .btn-flat[disabled]:hover, .btn-flat[disabled]:focus, .btn-flat[disabled].focus,

  115. fieldset[disabled] .btn-flat:hover,

  116. fieldset[disabled] .btn-flat:focus,

  117. fieldset[disabled] .btn-flat.focus {

  118.   background-color: transparent;

  119.   border-color: transparent;

  120. }

  121. 

  122. .btn-flat:hover, .btn-flat:focus,

  123. .open .dropdown-toggle .btn-flat {

  124.   border-color: transparent;

  125.   color: #1a8dbe;

  126.   fill: #1a8dbe;

  127. }

  128. 

  129. .btn-flat:hover .icon-inline, .btn-flat:focus .icon-inline,

  130. .open .dropdown-toggle .btn-flat .icon-inline {

  131.   fill: #4d4d4d;

  132. }

  133. 

  134. .btn-flat:active, .btn-flat.active {

  135.   background-color: rgba(12, 12, 12, 0.25);

  136.   border-color: transparent;

  137.   color: white;

  138. }

  139. 

  140. .btn-link {

  141.   color: #29abe2;

  142.   background-color: transparent;

  143.   border-color: transparent;

  144.   fill: #29abe2;

  145. }

  146. 

  147. .btn-link:focus, .btn-link.focus, .btn-link:hover, .btn-link:active, .btn-link.active,

  148. .open > .btn-link.dropdown-toggle {

  149.   background-color: rgba(0, 0, 0, 0);

  150.   border-color: rgba(0, 0, 0, 0);

  151.   color: #29abe2;

  152. }

  153. 

  154. .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled.focus, .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled].focus,

  155. fieldset[disabled] .btn-link:hover,

  156. fieldset[disabled] .btn-link:focus,

  157. fieldset[disabled] .btn-link.focus {

  158.   background-color: transparent;

  159.   border-color: transparent;

  160. }

  161. 

  162. .btn-link:hover, .btn-link:focus {

  163.   color: #178ab4;

  164.   fill: #178ab4;

  165.   text-decoration: none;

  166. }

  167. 

  168. .btn-link[disabled]:hover, .btn-link[disabled]:focus {

  169.   color: #777;

  170. }

  171. 

  172. .btn--with-bgicon {

  173.   color: #fff;

  174. }

  175. 

  176. .btn--facebook {

  177.   color: #fff;

  178.   background-color: #3b5998;

  179.   border-color: #3b5998;

  180.   fill: #fff;

  181. }

  182. 

  183. .btn--facebook:focus, .btn--facebook.focus, .btn--facebook:hover, .btn--facebook:active, .btn--facebook.active,

  184. .open > .btn--facebook.dropdown-toggle {

  185.   background-color: #2d4373;

  186.   border-color: #2a3f6c;

  187.   color: #fff;

  188. }

  189. 

  190. .btn--facebook.disabled:hover, .btn--facebook.disabled:focus, .btn--facebook.disabled.focus, .btn--facebook[disabled]:hover, .btn--facebook[disabled]:focus, .btn--facebook[disabled].focus,

  191. fieldset[disabled] .btn--facebook:hover,

  192. fieldset[disabled] .btn--facebook:focus,

  193. fieldset[disabled] .btn--facebook.focus {

  194.   background-color: #3b5998;

  195.   border-color: #3b5998;

  196. }

  197. 

  198. .btn--linkedin {

  199.   color: #fff;

  200.   background-color: #0077b5;

  201.   border-color: #0077b5;

  202.   fill: #fff;

  203. }

  204. 

  205. .btn--linkedin:focus, .btn--linkedin.focus, .btn--linkedin:hover, .btn--linkedin:active, .btn--linkedin.active,

  206. .open > .btn--linkedin.dropdown-toggle {

  207.   background-color: #005582;

  208.   border-color: #004f78;

  209.   color: #fff;

  210. }

  211. 

  212. .btn--linkedin.disabled:hover, .btn--linkedin.disabled:focus, .btn--linkedin.disabled.focus, .btn--linkedin[disabled]:hover, .btn--linkedin[disabled]:focus, .btn--linkedin[disabled].focus,

  213. fieldset[disabled] .btn--linkedin:hover,

  214. fieldset[disabled] .btn--linkedin:focus,

  215. fieldset[disabled] .btn--linkedin.focus {

  216.   background-color: #0077b5;

  217.   border-color: #0077b5;

  218. }

  219. 

  220. .btn--google {

  221.   color: #fff;

  222.   background-color: #d34836;

  223.   border-color: #d34836;

  224.   fill: #fff;

  225. }

  226. 

  227. .btn--google:focus, .btn--google.focus, .btn--google:hover, .btn--google:active, .btn--google.active,

  228. .open > .btn--google.dropdown-toggle {

  229.   background-color: #b03626;

  230.   border-color: #a73425;

  231.   color: #fff;

  232. }

  233. 

  234. .btn--google.disabled:hover, .btn--google.disabled:focus, .btn--google.disabled.focus, .btn--google[disabled]:hover, .btn--google[disabled]:focus, .btn--google[disabled].focus,

  235. fieldset[disabled] .btn--google:hover,

  236. fieldset[disabled] .btn--google:focus,

  237. fieldset[disabled] .btn--google.focus {

  238.   background-color: #d34836;

  239.   border-color: #d34836;

  240. }

  241. 

  242. .btn--twitter {

  243.   color: #fff;

  244.   background-color: #1da1f2;

  245.   border-color: #1da1f2;

  246.   fill: #fff;

  247. }

  248. 

  249. .btn--twitter:focus, .btn--twitter.focus, .btn--twitter:hover, .btn--twitter:active, .btn--twitter.active,

  250. .open > .btn--twitter.dropdown-toggle {

  251.   background-color: #0c85d0;

  252.   border-color: #0b7fc6;

  253.   color: #fff;

  254. }

  255. 

  256. .btn--twitter.disabled:hover, .btn--twitter.disabled:focus, .btn--twitter.disabled.focus, .btn--twitter[disabled]:hover, .btn--twitter[disabled]:focus, .btn--twitter[disabled].focus,

  257. fieldset[disabled] .btn--twitter:hover,

  258. fieldset[disabled] .btn--twitter:focus,

  259. fieldset[disabled] .btn--twitter.focus {

  260.   background-color: #1da1f2;

  261.   border-color: #1da1f2;

  262. }

  263. 

  264. .btn-sm {

  265.   border-radius: 8px;

  266. }

  267. 

  268. .btn-xs {

  269.   border-radius: 5px;

  270. }

  271. 

  272. body {

  273.   font-family: "montserrat", sans-serif;

  274.   font-weight: 300;

  275.   color: #4d4d4d;

  276. }

  277. 

  278. a:not(.btn) {

  279.   text-decoration: underline;

  280.   color: #33b5e5;

  281. }

  282. 

  283. a:not(.btn):hover {

  284.   color: #178ab4;

  285. }